* { margin:0;padding:0 } img { border:none } 

body { background:#2a2424 url(../img/fondo.jpg) repeat-x; font:0.8em Verdana; color:#333 }
.clear { clear:both }
.align-center { text-align:center }
#pagina { width:888px; margin:0 auto }

#encabezado { height:210px;background:url(../img/encabezado.jpg); position:relative }

#logo a { width: 180px; padding-top:154px; height:0; overflow:hidden; display:block; position:absolute; top: 5px; left:5px }

#menu { position:absolute;left:189px;width: 699px;height: 33px }

#menu li { background:none;display:inline;padding:0 }

#menu a { display:block;float:left;height:0;overflow:hidden;padding-top:33px;text-decoration:none }
#menu a:hover { background:url(../img/menuhover.jpg) }

a#historia { width:113px }
a#servicios { width:107px }
a#noticias { width:102px }
a#galeria { width:94px }
a#libro-de-visitas { width:153px }
a#contacto { width:130px }

a#historia:hover { background-position: 0 0 }

a#servicios:hover { background-position: -113px 0 }

a#noticias:hover { background-position:  -220px 0 }

a#galeria:hover { background-position: -322px 0 }

a#libro-de-visitas:hover { background-position: -416px 0 }

a#contacto:hover { background-position: -569px 0 }

#contenido { background:#fff; padding:0 36px 20px }
.home #contenido, .servicios #contenido { background:#fff; padding:0 0 20px }
.contacto #contenido, .libro-de-visitas #contenido { padding:0 0 20px 36px }

/* PORTADA */
#fuente { margin:0 0 40px 140px }
#font-del-pi { float:left; margin-top:-173px }

.hr {
	height: 25px;
	margin:0 auto;
	background:transparent url(../img/hr.jpg) no-repeat;
	clear:both
}

.hr hr {
	display: none;
}


#horarios, #noticias1 {
	height:227px;
	color:#fff;
	font-size:.8em;
	line-height:1em;
	background:url(../img/fondo1.jpg) repeat-x;
	float:left
}

#horarios {
	width:235px;
	margin-left:75px;
	padding:7px 0 0 25px;
}

#horarios h3, #noticias1 h3 {
	height:0px;
	padding-top:9px;
	overflow:hidden;
	text-indent:-9000px;
	display:block;
	margin-bottom:20px
}

#horarios h3 {
	background:url(../img/horarios.jpg);
	width:84px;
}

#horarios h5 {
	font-size:1em;
	font-weight:normal;
	margin-top:10px
}

#horarios dt { 	margin-top:11px }

#noticias1 {
	padding:7px 0 0 0;
	width:437px;
	margin-left:40px
}

#noticias1 h3 {
	background:url(../img/noticias.jpg);
	width:80px;
	margin-left:25px
}

.noticia { margin:20px; padding:8px 10px; border:1px solid #d6d6d6; background:#fff ; color:#333 }
.noticia h6 {
	font-size:1em
}
.noticia p { margin-top:10px }
.noticia p.pie-noticia { color:#de9601; font-weight:bold }
.noticia a { color:#de9601;margin-right:10px }
.vermas { color:#ccc; font-weight:bold; text-decoration:none; position:relative; left:297px; top:-15px }
/* ---- */


/* HISTORIA */

.h2 { background:#121010 url(../img/fondoh2.jpg); color:#fff; letter-spacing:2px; font-size:1em; font-weight:normal; padding:3px 14px 4px }
#cont1 { width:572px; float:left;padding:0 30px 0 15px }

#cont1 h2{color:#423838; font-size:0.9em;margin:30px 0 10px; background:url(../img/fondo3.jpg) no-repeat 0 bottom;padding-bottom:3px}

#cont1 p { margin-bottom:15px }


.fotos { width:199px; float:left; list-style:none;margin-top:20px }
.fotos li { margin-bottom:10px } 


/* ---- */

/* SERVICIOS */
.servicios1 { 	height:0px;padding-top:10px;width:86px;overflow:hidden;text-indent:-9000px;display:block;position:relative;bottom:-7px;left:22px; background:url(../img/servicios.jpg) }
#servicios1 { float:left; list-style:none; width:190px ;margin-top:-10px; padding:23px 0 30px; background:#292424 url(../img/fondo4.jpg) repeat-x; line-height:40px }
#servicios1 li { background:url(../img/fondo5.jpg) bottom no-repeat;padding-bottom:1px}
#servicios1 a { color:#fff; text-decoration:none; padding-left:22px; display:block; width:168px; }
#servicios1 a:hover  { background:#2b2424; color:#ffc100 }
#cont2 { float:left ; width:636px; margin:-10px 0 0 26px }
#cont2 p  { margin:15px 0 0 14px }

/* ---- */

/* GALERIA */
#cont3 { width:320px; background:#292424 url(../img/fondo6.jpg) repeat-x; padding:7px 0;float:left }
.album1 { width:132px;height:0; padding-top:11px; display:block; overflow:hidden; background:url(../img/albumdigital.jpg);margin:0 0 24px 22px }
.album { margin:20px 12px; padding:6px 6px; border:1px solid #d6d6d6; background:#fff ; color:#333; font-size:.8em }
.album h5 { font-size:1em; margin-bottom:8px }
.album img, .fotos1 img { float:left; margin-right:8px } 
p.fecha { color:#DE9601; font-weight:bold ;margin-top:8px }
.paginado,.paginado1 { clear:both; color:#fff; font-weight:bold; font-size:.8em; text-align:center }
.paginado img,.paginado1 img { position:relative; top:2px; }
#cont4 { width:438px; background: url(../img/fondo7.jpg) no-repeat; float:left;margin:-15px 0 0 28px; padding:15px 0 0 30px;position:relative }
#cont5 { background:#292424 url(../img/fondo8.jpg) repeat-x;padding:7px 0; position:relative }
.fotografias { width:114px;height:0; padding-top:10px; display:block; overflow:hidden; background:url(../img/fotografias.jpg); position:absolute;
				left:22px }
#cont5 h4 { font-size:0.85em; color:#fff; font-weight:bold;  position:absolute; top:6px;right:14px; text-align:right }
#cont5 p { font-size:0.85em; color:#fff;margin:22px 0 0 22px }

.fotos1 { position:relative; margin:20px 0; padding:6px 6px; border:1px solid #d6d6d6; background:#fff ; color:#333; font-size:.8em; background:#f7f7f7 }
.fotos1 span { font-size:1em; font-weight:bold; }
.fotos1 p.autor { color:#DE9601; font-weight:bold; bottom:10px; left:114px } 
.votos { right:10px; bottom:10px; float:right; }
.desc { margin-top:4px }
.paginado1 { color:#292424; margin-top:4px; }
/* ---- */

/* LIBRO DE VISITAS , CONTACTO */
#cont6 { width:512px; background:url(../img/fondoh2.jpg) repeat-x; padding-top: 7px ;float:left }
.contacto #cont6 { width:562px }
.firmas { width:61px;height:0; padding-top:9px; display:block; overflow:hidden; background:url(../img/firmas.jpg);margin:0 0 22px 22px }
.firma { line-height:1em;font-size:.8em; background:#f7f7f7; border:1px solid #ccc; padding:10px 10px 0; margin-bottom:10px }
.firma label { width:72px; float:left; clear:both; color:#de9601; font-weight:bold  }
.firma p { padding-left:74px; margin-bottom:10px }
#cont7 { width:254px; background:url(../img/fondo9.jpg) no-repeat; float:left;padding:0 22px 10px 52px; color:#fff; font-size:.8em; margin-left:4px }
.contacto #cont7 { width:237px; background:url(../img/fondo10.jpg) no-repeat; min-height:469px; padding:0 0 0 42px; margin-left:0 }
.inserta { width:148px; padding-top:10px; display:block; overflow:hidden; height:0; background:url(../img/insertalatuya.jpg);margin:7px 0 0 2px }
#cont7 p { text-align:justify; margin-top:16px }
#cont7 form { margin-top:24px } 
#cont7 form label {width:70px;display:block; float:left;font-weight:bold;margin-top:2px }
#cont7 h6 { font-size:1em }
#cont7 form label.l { width:150px; height:20px;position:relative;left:5px; top:-1px; font-weight:normal  }
.campo, .campo2, #cont7 form textarea { background:#fff; border:none; color:#342d2d; font:bold 1.1em Verdana; width:180px;margin-bottom:10px;padding:2px }
.contacto .campo { width:146px }


#cont7 form textarea { width:250px; height:139px;overflow:auto }
.contacto #cont7 form textarea { width:216px; height:150px }
.campo2 { width:210px }
.campo1 { float:left; clear:both; height:16px; margin-left:16px }
#cont7 form h6 { margin:10px 0 }
#cont7 form label.l1 { margin:0 0 4px; float:none; width:150px; clear:both }

#cont7 form label.margen20 { margin-top:10px }
.enviar { background:#000 url(../img/boton.gif) repeat-x;font-family: Verdana; color:#fff; font-weight:bold; border:none; font-size:9px ; padding:1px 30px; cursor:pointer }
.margen1 { margin:15px 0 0 -25px }
.localizacion { display:block; overflow:hidden; background:url(../img/localizacion.jpg); padding-top:10px; height:0; width:126px ;margin-left: 22px}
.contactenos { display:block; overflow:hidden; background:url(../img/contactenos.jpg); padding-top:12px; height:0; width:122px ;margin:7px 0 0 2px}

/* ---- */



#pie { clear:both ;margin:5px 0 20px }
#pie p { text-align:center ;font-size:10px; color:#fff }
#pie a { color:#fff; text-decoration:none }
* html .clearfix { height: 1% }
.clearfix { display: inline-block}
html[xmlns] .clearfix { display: block}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }