@charset "UTF-8";
/* pantallas entre 481px y 768px */
#pagina{width:95%;margin:30px auto;}
section{padding:0 18px;}
/*Cabecera*/
#logo{margin:15px 15px 0 0 ;}
#datos-contacto{margin: 15px 0 0 0;}
#direccion{float:left;}
#contacto{float:left;}
#contacto a img{width:30px;}
/*Cuerpo*/
#galeria{width:100%; overflow:hidden; margin:0 0 18px 0;}
#galeria .izquierda{ width:100%;background:#aca093;margin-top: 15px;}
#galeria .izquierda h2{color:#FFF; font-size:1.5em; line-height:60px; font-style:italic;text-align: center;}
#galeria .derecha{ width:100%;position:relative;}
#galeria .derecha img{width:100%;}

#galeria .marco{height:100%; width:100%; position:relative !important;}
#galeria .derecha .flecha-izquierda{float:left;position:absolute;top:45%; left:3%;}
#galeria .derecha .flecha-derecha{float:right;position:absolute;top:45%; left:94%;}
#galeria .derecha .flecha-izquierda a img{width:20px}
#galeria .derecha .flecha-derecha a img{width:20px}


/*miniaturas*/
nav ul{width:100%; overflow:hidden;margin-bottom:18px;}
nav ul li{float:left; width:107px; height:115px;;text-align:center;margin:0 10px;}
nav ul li.primero{}
nav ul li a img{}
nav ul li a p{font-weight:bold;font-style:italic;font-size:0.9em;line-height:1em}
/*Pie de página*/
footer{text-align:center;}
footer p{font-size:0.6em;}




@media only screen and (min-width:480px) and (max-width: 630px) {
	/*Cabecera*/
	#direccion{margin-right:15px;}
	#logo{margin:15px 15px 0 0 ;clear:both;}
}
@media only screen and (min-width:631px) and (max-width: 767px) {
	/*Cabecera*/
	#logo{float:left;}
	#datos-contacto{margin: 40px 0 0 0;overflow:hidden}
	#direccion{float:left;margin-right:15px;}
	#contacto{float:left;}
}