*{
	margin:0;
	padding:0;
	bottom:0;
	}

html body{
	background-image: url(../images/fondo.png);
	}

#wrapper{
	margin:auto;
	height:auto;
	width: 900px;
	background-color:#d6c9a5;
	
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
    -blink-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
	-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
	-gecko-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
	-trident-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.80);
	}
	/*FIN CONTENEDOR*/
	
header{
	height: 150px;
	width: 100%;
	background-color:#d6c9a5;
	}
	
	#sello-margin{
		margin-left:15px;
		}
		
		#fecha {
		width: 200px;
		position: relative;
		top: -150;
		right: -400;
		color: white;
		background-color: #a19062;
			}
			#fecha p{
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			text-align:right;
			}  /*FIN FECHA*/
			
	
	#publi-hearder{
		margin: 5px;
		position: relative;
		top: -170;
		left: 600px;
		}
		/*FIN PUBLI-HEADER*/
	
#nav-1{
	height: 30px;
	width: 100%;
	background-color:#982914;
	}
	
	  /* el menú en si mismo */
  .mi-menu  {
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0; /* la altura y su ancho dependerán de los textos */
    height: 30px; 
    width: 900px;  
    background: #fff;/* el color de fondo */
    background: linear-gradient(#982914,#800000);
    background: -blink-linear-gradient(#982914,#800000);
    background: -webkit-linear-gradient(#982914,#800000);
    background: -gecko-linear-gradient(#982914,#800000);
    background: -trident-linear-gradient(#982914,#800000);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu  br { display:none; }

  /* cada item del menu */
  .mi-menu  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu li a {
    border-left: 1px solid #851616;
    border-right: 1px solid #5A0303;
    color: #EEE;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
    padding: 0 7.5px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    transition: color .2s ease-in-out;
    -blink-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -gecko-transition: color .2s ease-in-out;
    -trident-transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu li:first-child a { border-left: none; }
  .mi-menu li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu li:hover > a { color:#A7A7A7; }

  /* los submenús */
  .mi-menu ul {
	 z-index:5;
    /*border-radius: 0 0 5px 5px;*/
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 30px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #eee;
    background: linear-gradient(#982914,#800000);
    background: -blink-linear-gradient(#982914,#800000);
    background: -webkit-linear-gradient(#982914,#800000);
    background: -gecko-linear-gradient(#982914,#800000);
    background: -trident-linear-gradient(#982914,#800000);
    /* animamos su visibildiad */
    transition: opacity .25s ease .1s;
    -blink-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -gecko-transition: opacity .25s ease .1s;
    -trident-transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    transition: height .25s ease .1s;
    -blink-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -gecko-transition: height .25s ease .1s;
    -trident-transition: height .25s ease .1s;
  }
  .mi-menu li:hover > ul li {
    height: 30px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
	background-color: #800000;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 110px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
	
	/*FIN NAV-1*/
	
#publi-1{
	height: auto;
	width: 100%;
	background-color:#c5b380;
	}
	#publi-1 img{
		margin: 5px;
		}
		/*FIN PUBLI-1*/
		
#section-1{
	width: 685px;
	height: auto;
	background-color: #d6c9a5;
	float: left;
	}
	#section-1 img{
				 margin-top: 5px;
				 margin-left: 5px;
				 margin-right:5px;
				 margin-bottom:5px;
				 float: right; 
				 }
	
	 #articulo1{
		z-index: 1;
		width: 680px;
		min-height: 340px;
		height: auto;
		background-color: #d6c9a5;
		position: relative;
		left: 5px;
		margin-right: 2px;
		 }  
		 
		 #epigrafe{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			 font-weight: 600;
			 color:#434343;
			 }
			 
			 #articulo1 img{
				 margin-top: 5px;
				 margin-left: 5px;
				 margin-right:5px;
				 float: none; 
				 }
			 
			 #titulo{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:18px;
			 margin-top:5px;
			 }
			 #titulo a {
				 margin-left:0px;
				 color:#000;
				 }
				 #titulo a:hover {
				 margin-left:0px;
				 text-decoration:underline;
				 color:#000;
				 }
			 
			 #intro{
			 font-family: Arial, Helvetica, sans-serif;
			 font-size: 12px;
			 margin-top: 5px;
			 margin-right: 5px;
			 }
			 
			 /*FIN ARTICULO-1*/
		 
	 #articulo2{
		 z-index:1;
		 width:333px;
		 min-height:340px;
		 height:auto;
		 background-color:#d6c9a5;
		 position:relative;
		 top:-335px;
		 left:346px;
		 }
		 
		 #articulo2 img{
				 margin-top:5px;
				 }
				 /*FIN ARTICULO-2*/
				 
				 		hr{
						border:0px;
						background-color:#8B2412;
						width: 98%;
						height: 1.5px;
						position: relative;
						top: -333px;
						margin: auto;
						} 	/*LINEA*/
		 
	 #articulo-secund-1{
		 width:333px;
		 min-height:190px;
		 height: auto;
		 background-color:#d6c9a5;
		 position:relative;
		 top: -329px;
		 left: 5px;
		 }  
		 
		  #intro{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			 margin-top:5px;
			 }
			 #intro img{
				float: left;
				margin-right: 5px; 
				 }
		 
		 /*FIN ARTICULO-SECUND-1*/
		 
	 #articulo-secund-2{
		 width:333px;
		 min-height:190px;
		 height: auto;
		 background-color:#d6c9a5;
		 position:relative;
		 top: -519px;
		 left: 346px;
		 }  /*FIN ARTICULO-SECUND-1*/
		 
	  #articulo-secund-3{
		 width:333px;
		 min-height:190px;
		 height: auto;
		 background-color:#d6c9a5;
		 position:relative;
		 top: -514px;
		 left: 5px;
		 }  /*FIN ARTICULO-SECUND-3*/
		 
	 #articulo-secund-4{
		 width:333px;
		 min-height:190px;
		 height: auto;
		 background-color:#d6c9a5;
		 position:relative;
		 top: -704px;
		 left: 346px;
		 }  /*FIN ARTICULO-SECUND-4*/
	
	/*FIN SECTION-1*/
	
#aside{
	width: 215px;
	height: auto;
	background-color: #c5b380;
	float: right;
	position: relative;
	padding-bottom:5px;
	}

	#aside img{
		margin: 5px 5px 0 5px;
		}
		/*FIN ASIDE IMG*/
		
.tres-publis-1{
	height: 130px;
	width: 900px;
	background-color:#c5b380;
	} 
	
	.tres-publis-1 img{
		margin: 5px 0px 5px 5px;
		float:left;
		}
		
		#right1{
			margin-right: -210px;
			}
			
		/*FIN TRES-PUBLIS-1*/

#section-2{
	width: 900px;
	height: 300px;
	background-color: #d6c9a5;
	}
	/*FIN SECTION-2-*/
	
	#titulo-seccion{
			width:100%;
			height:27px;
			background-color:#7d2108;
			}
			
			#titulo-seccion p{
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#FFF;
				margin-left: 10px;
				padding-top: 2px;
				}
				
			#titulo-seccion-tit{
			width:100%;
			height:27px;
			background-color:#7d2108;
			}
				#titulo-seccion-tit p{
					font-family: Arial, Helvetica, sans-serif;
					font-size: 18px;
					color: #FFF;
					margin-left: 10px;
					padding-top: 2px;
					position: relative;
					right: 213px;
					}	
	
	#article-1-2{
		width: 442px;
		height:290px;
		background-color:#d6c9a5;
		margin-left: 5px;
		position: relative;
		top: 5px;
		}
		
		#article-1-2 img{
			 float:left;
			 margin:5px;
			}
			
			#titulo-sec2{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:13px;
			 font-weight: 600;
			 margin-top:5px;
			
			 }
		 #intro-sec2{
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:12px;
				 margin:5px;
				 }
				 
		/*FIN ARTICLE-1-2*/
	
	#article-2-2{
		 background-color: #D6C9A5;
		height: 290px;
		left: 453px;
		margin-right: 5px;
		position: relative;
		top: -285px;
		width: 442px;
		}
		
		#article-2-2 img{
			 float:left;
			 margin:5px;
			}
			
			#titulo-sec2{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:13px;
			 font-weight: 600;
			 margin-top:5px;
			
			 }
		 #intro-sec2{
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:12px;
				 margin:5px;
				 }
		
		/*FIN ARTICLE-2-2*/
	
	.tres-publis-2{
	height: 130px;
	width: 900px;
	background-color:#c5b380;
	} 
	
	.tres-publis-2 img{
		margin: 5px 0px 5px 5px;
		position: relative;
		right: 228px;
		}
				
		#center2{
			position: relative;
			right: -70px;
			top: -130;
			}
		
		#right2{
			margin-right: -210px;
			position: relative;
			right: -66px;
			top: -130;
			}
	
#section-3{
	width: 900px;
	height: 300px;
	background-color:#d6c9a5;
	}
	/*FIN SECTION-3-*/
	
	#article-1-3{
		width:330px;
		height:290px;
		background-color:#d6c9a5;
		margin-left: 5px;
		position: relative;
		top: 5px;
		}
		
		#titulo-sec3{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:13px;
			 font-weight: 600;
			 margin-top:5px;
			 margin-left:5px;
			}
			#article-1-3 img{
			position: relative;
			top: -115px;
			left: 5px;
			margin-left: 5px;
			}
			
			#article-1-3 a{
				color:#7d2108;
				margin-left:95px;
				text-decoration:none;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:600;
				position: relative;
				top: -104px;
				}
			#article-1-3 a:hover{
				color:#7d2108;
				margin-left:95px;
				text-decoration:underline;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:600;
				position: relative;
				top: -104px;
				}
				
				#nombre1{
					margin-left: 10%;
					text-decoration: none;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 600;
					font-size: 12px;
					position: relative;
					top: -110px;
					}
				#nombre2{
					margin-left: 59%;
					text-decoration: none;
					font-family: Arial, Helvetica, sans-serif;
					font-weight: 600;
					font-size:12px;
					position: relative;
					top: -125px
					}
					
					#opciones{
			width:99.4%;
			height:50px;
			background-color:#7d2108;
			margin-top: 120px;
			margin-bottom: 15px;
			}
			
			#opciones ul{
				color:#CCC;
				list-style:none;
				display:inline-flex;
				margin:auto;
				margin-left: 5px;
				}
				
				#opciones ul li{
				margin-top: 5px;
				margin-bottom: -15;
				}
	
					#opciones ul li a{
					color:#fff;
					margin-left: 5px;
					margin-right: 20px;
					}
					
					#opciones ul li a:hover{
					color:#CCC;
					text-decoration:none;
					}
					
						.otros-links1{
							font-size:12px;
							vertical-align: 18px;
							}
							
							 h2{
								 font-family:Arial, Helvetica, sans-serif;
								 }
								 p{
									 font-family:Arial, Helvetica, sans-serif;
									 font-size:14px;
									 }
									 
									  h3{
								 font-family:Arial, Helvetica, sans-serif;
								 font-size:16px;
								 }
				
		/*FIN ARTICLE-1-3*/
	
	#article-publi-3{
		width:220px;
		height:290px;
		background-color:#c5b380;
		margin-left: 5px;
		position: relative;
		top: -285px;
		left: 335px;
		}
		
		#article-publi-3 img{
		margin: 6px 5px 0 5px;
		}
		
		/*FIN ARTICLE-PUBLI-3*/
	
	#article-2-3{
		width:330px;
		height:290px;
		background-color:#d6c9a5;
		margin-right: 5px;
		position: relative;
		top: -575px;
		right: -565;
		}
		
		article a{
			color:#7d2108;
			margin-left:95px;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:600;
			}
			article a:hover{
			color:#7d2108;
			margin-left:95px;
			text-decoration:underline;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:600;
			}
		
		/*FIN ARTICLE-2-3*/

.tres-publis-3{
	height: 130px;
	width: 900px;
	background-color:#c5b380;
	} 
	
	.tres-publis-3 img{
		margin: 5px -4px 5px 5px;
		position: relative;
		}
		
		#right3{
			position: relative;
			top: 0px;
			margin-right: -290px;
			}
			/*FIN TRES-PUBLIS-3*/
	
#section-4{
	width: 900px;
	height: 440px;
	background-color:#d6c9a5;
	}
	/*FIN SECTION-4-*/
	
	.article-1-4{
		width:591px;
		height:425px;
		background-color:#d6c9a5;
		position: relative;
		top: 5px;
		left: 5px;
		}	
		
		.article-1-4 img{
			float: left;
			margin-right: 5px;
			}
		
		#intro-1-4{
			 font-family:Arial, Helvetica, sans-serif;
			 font-size:12px;
			 margin:5px;
			 
			 }
		
		/*FIN ARTICLE-1-4*/
	
	.article-2-4{
		width:294px;
		height:425px;
		background-color:#d6c9a5;
		position: relative;
		top: -420;
		left: 601;
		}
		
		#contacto {
		border:medium none;
		color:#333333;
		height:665px;
		padding:0 0 0 20px;
		width:260px;
		}
		
		#contacto legend {
		color:#333333;
		font-family:arial;
		font-size:21px;
		letter-spacing:-1px;
		padding-bottom:20px;
		padding-top:8px;
		text-transform:capitalize;
		}
		
		#contacto input.texto {
		/*border:medium none !important;*/
		color:#666666;
		font-size:12px;
		height:24px;
		padding-bottom:0;
		padding-left:5px;
		padding-top:5px;
		width:255px;
		font-family:arial,sans-serif;
		}
		
		#contacto textarea.areadetexto {
		width:255px;
		height: 212px;
		/*border:none !important;*/
		padding-bottom:0;
		padding-left:5px;
		padding-top:5px;
		color:#666666;
		font-size:12px;
		font-family:arial,sans-serif;
		}
		
		#contacto label {
		display:block;
		font-family:arial,sans-serif;
		font-size:14px;
		padding:10px 0 3px;
		}
		
		#contacto input.botonenviar {
		color: #000;
		display: block;
		font-family: arial,sans-serif;
		height: 30px;
		margin-left: 157px;
		margin-top: 7px;
		text-align: center;
		width: 99px;
		}			
		/*FIN ARTICLE-2-4*/
	
#nav-2{
	height: 30px;
	width: 100%;
	background-color:#a5956c;
	}
	
	.mi-menu-footer  {
    list-style-type: none;
    margin: 0 auto; /* si queremos centrarlo */
    padding: 0; /* la altura y su ancho dependerán de los textos */
    height: 30px; 
    width: 900px;  
    background: #fff;/* el color de fondo */
    background: linear-gradient(#cbbf9d,#a5956c);
    background: -blink-linear-gradient(#cbbf9d,#a5956c);
    background: -webkit-linear-gradient(#cbbf9d,#a5956c);
    background: -gecko-linear-gradient(#cbbf9d,#a5956c);
    background: -trident-linear-gradient(#cbbf9d,#a5956c);
  }

  /* si es necesario, evitamos que Blogger de problemas con los saltos de línea cuando escribimos el HTML */
  .mi-menu-footer  br { display:none; }

  /* cada item del menu */
  .mi-menu-footer  li {
    display: block;
    float: left; /* la lista se ve horizontal */
    height: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .mi-menu-footer li a {
    border-left: 1px solid #6B6514;
    border-right: 1px solid rgb(143, 142, 85);
    color: #EEE;
    display: block;
    font-family: Arial;
    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
    padding: 0 7.5px;
    margin: 6px 0;
    text-decoration: none;
    /* animamos el cambio de color de los textos */
    transition: color .2s ease-in-out;
    -blink-transition: color .2s ease-in-out;
    -webkit-transition: color .2s ease-in-out;
    -gecko-transition: color .2s ease-in-out;
    -trident-transition: color .2s ease-in-out;
  }
  /* eliminamos los bordes del primer y el último */
  .mi-menu-footer li:first-child a { border-left: none; }
  .mi-menu-footer li:last-child a{ border-right: none; }
  /* efecto hover cambia el color */
  .mi-menu-footer li:hover > a { color:#000; }

  /* los submenús */
  .mi-menu-footer ul {
    /*border-radius: 0 0 5px 5px;*/
    left: 0;
    margin: 0;
    opacity: 0; /* no son visibles */
    position: absolute;
    top: 40px; /* se ubican debajo del enlace principal */
    /* el color de fondo */
    background: #eee;
    background: linear-gradient(#982914,#800000);
    background: -blink-linear-gradient(#982914,#800000);
    background: -webkit-linear-gradient(#982914,#800000);
    background: -gecko-linear-gradient(#982914,#800000);
    background: -trident-linear-gradient(#982914,#800000);
    /* animamos su visibildiad */
    transition: opacity .25s ease .1s;
    -blink-transition: opacity .25s ease .1s;
    -webkit-transition: opacity .25s ease .1s;
    -gecko-transition: opacity .25s ease .1s;
    -trident-transition: opacity .25s ease .1s;
  }
  /* son visibes al poner el cursor encima */
  .mi-menu-footer li:hover > ul { opacity: 1; }

   /* cada un ode los items de los submenús */
  .mi-menu-footer ul li {
    height: 0; /* no son visibles */
    overflow: hidden;
    padding: 0;
    /* animamos su visibildiad */
    transition: height .25s ease .1s;
    -blink-transition: height .25s ease .1s;
    -webkit-transition: height .25s ease .1s;
    -gecko-transition: height .25s ease .1s;
    -trident-transition: height .25s ease .1s;
  }
  .mi-menu-footer li:hover > ul li {
    height: 30px; /* los mostramos */
    overflow: visible;
    padding: 0;
  }
  .mi-menu-footer ul li a {
    border: none;
    border-bottom: 1px solid #111;
    margin: 0;
	background-color: #800000;
    /* el ancho dependerá de los textos a utilizar */
    padding: 5px 20px;
    width: 120px;
  }
  /* el último n otiene un borde */
  .mi-menu ul li:last-child a { border: none; }
	
	/*FIN NAV-2*/
	
footer{
	height: 105px;
	width: 100%;
	background-color:#982914;
	}
	#visite{
		margin-left:180px;
		}
		footer p{
			margin-left:620px;
			margin-top: -25px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			color:#FFF;
		}
	
			/*FIN FOOTER*/
	
.clear{
	clear:both;
	}