@charset "UTF-8";
/* Pantallas menores de 480px */
#pagina{width:97%;margin:5px auto;}
section{padding:0 13px;}
/*Encabezado*/
#logo{width:100%;margin-top:15px;}
#direccion{float:left;margin: 35px 10px 0 0px;}
#contacto{float:left;margin-top:20px;}
#contacto a img{width:30px; margin-left:0;}
/*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.2em; padding:20px 0; line-height:1em; 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:90%;}
#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{width:107px; height:115px;;text-align:center;margin:0 auto;float:left;padding: 0 14px;}
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;}