/* ENCABEZADOS */
h1{margin: 0; padding: 0; position:relative; top: 21px; left: -14px;}
h2, h3{margin: 0; padding: 0; position:relative; left: -26px; top: 10px; width: 162px;border: 1px solid #C7D3D3; color: rgb(170,87,106); font-size: 9px; text-align:center; padding-top: 5px; padding-bottom: 5px; background-color:#FFF}
h4{font-size: 10px; font-weight:normal; margin: 0 0 2px 0; padding: 0;}

/* ESTILOS PARA LA MAQUETACIN */
body{font-size: 10px; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0; padding:0; background-image:url(../img/fondo.gif); background-repeat:repeat-x}
#contenedor1{margin:0; padding: 0;width: 100%; text-align:center;}
#contenedor2{margin:auto; width: 723px; background-image:url(../img/fondo-contenedor2.gif); background-repeat:repeat-y; background-color:#FFF; text-align:left}
.div-borde {display: block; margin: auto;}
#borde-sup{ margin-top: 3px;}
#cabecera-sup{margin:auto; width: 718px; margin-top: 4px;}
#cabecera-sup ul{margin: 0; padding: 0; list-style-type:none; color: #8BA2A2;font-size: 9px;}
#cabecera-sup ul li{float: left;}
#cabecera-sup ul li a{ text-decoration:none;color: #8BA2A2}
#cabecera-sup ul li a:hover{ text-decoration:underline}
#cabecera-sup ul#sup-izq{float: left; margin-left: 3px;}
#cabecera-sup ul#sup-der{float: right; margin-right: 2px;}
#cabecera{margin: 0; padding: 0;}
ul#menu-sup{font-weight: bold; font-size: 9px; margin: 0; padding: 0; list-style-type:none; width: 417px; height: 47px;float: right; position: relative; top: -53px; left: 10px; background-image:url(../img/fonfo-menu_sup.gif);}
ul#menu-sup li{float: left;padding-top: 16px;}
ul#menu-sup li span{color: rgb(170,87,106);}
ul#menu-sup li.primerli{margin-left: 3px;}
ul#menu-sup li a{color: #69828E; text-decoration:none}
ul#menu-sup li a:hover{text-decoration:underline}
#contenido{width: 686px; margin-left: 20px; position: relative; top: -10px;}
#contenido2{width: 686px; margin-left: 20px; position: relative; top: -20px; padding-top: 10px;}

/* bloques de la home */
.bloque{color: #325565; margin: 0; padding: 0; width: 335px; background-image:url(../img/fondo-bloque.gif); background-repeat:repeat-y; float: left; margin-top: 10px;}
.bloque div.cont{margin: 0 15px 0 15px; padding-bottom: 2px; height: 220px; }
.bloque div h2{margin-bottom: 23px;}
.bloque div.cont img.flot-img{float: left; margin-right: 13px;}
.bloque div.cont p{margin:0; margin-bottom: 4px;}
.bloque div.cont p.extendido{margin:0; line-height:16px;}
.bloque div.cont div.boton{position: relative; top: 14px; z-index:5}

/* menu lateral */
#lateral{float: left; width: 157px;}
#menu-lat{color: #325565; margin: 0; padding: 0; background-image:url(../img/fondo-menu.gif); background-repeat:repeat-y;}
#menu-lat div h2{top: 6px; left: -11px; margin-bottom: 12px; width: 154px;}
#menu-lat div ul#menu{margin: 0; padding: 0; list-style-type: none; color: #FFF; font-weight:bold;  position: relative; left: 42px;  font-size: 9px}
#menu-lat div ul#menu li{width: 106px; border: 1px solid #C7D3D3; background-color: #FFF; padding: 5px 0 5px 12px; margin-bottom: 8px}
#menu-lat div ul#menu li.estamos{ background-color: #325565; background-image:url(../img/flecha2.gif); background-repeat:no-repeat; background-position: 4px 9px;}
#menu-lat div ul#menu li a{ color: #69828E; text-decoration:none }
#menu-lat div ul#menu li.estamos a{ color: #FFFFFF; text-decoration:none }
#menu-lat div ul#menu li a:hover{ text-decoration:underline }

#logos{color: #325565; margin: 0; padding: 0; background-image:url(../img/fondo-logos.gif); background-repeat:no-repeat; margin-top: 125px; height: 98px;}
#logos h3{top: 6px; left: -11px; margin-bottom: 12px; width: 154px;}
#logos h3 a{color: #355565; text-decoration:none;}
#logos h3 a:hover{text-decoration:underline}

/* contenido */
#info{color: #325565; margin: 0; padding: 0; width: 500px; background-image:url(../img/fondo-info.gif); background-repeat:repeat-y; float: left; margin-left: 26px;}
#info div{padding-left: 11px; padding-right: 11px;}
#info div h3{top: 6px; left: -20px; margin-bottom: 16px; width: 180px; font-size:11px;}
#info div p{margin-top: 0;}
#info div img#img-seccion{margin-bottom: 20px;}
#info div div{padding-left: 10px; padding-right: 10px;}

/* menu inferior */
#listafinal{ padding-bottom: 5px; color: #8BA2A2;}
#listafinal ul{margin: 0 0 0 70px; padding: 0; list-style-type: none;}
#listafinal ul li{float: left; padding-left: 37px; padding-right: 37px; margin-top: 5px;}
#listafinal ul li a{color: #8BA2A2;}
#opciones{margin: 0; padding: 0; padding-bottom: 27px; margin: 20px 0 10px 0; }
#opciones div{float: left;}
#opciones div.imp{ margin-left: 35px; margin-right: 74px;}
#botonera{margin: auto; width: 80%; margin-top: 8px;}
#botonera div{float: left;}
#botonera div.imp{width: 68px; margin-left:25px; }
#botonera div.cer{width: 64px; margin-left: 140px;}

.registro{position:relative; width: 434px; border-top: 1px solid #C7D3D3; padding-top: 10px; padding-bottom: 7px; margin-top: 5px;}
.registro:after{ display:block; clear:both; height:0; visibility:hidden; content:"."; }
.registro p.ver-mas{text-align:right;}
.registro img.ppal{float:left; margin: 0 10px 5px 0; }
.ultimoreg{border-bottom: 1px solid #C7D3D3;}
#info div p.paginacion{margin-top: 15px; margin-bottom: 55px;}
.volver{border-top: 1px solid #C7D3D3; padding-top: 15px;}
.titulo{font-weight: bold; margin-bottom: 3px; margin-bottom: 17px;}
.pulse{margin-left: 8px; margin-bottom: 55px;}
.pulse span{display: block; margin-bottom: 3px;}

/* pie */
#pie{margin: auto; width: 340px; color: #8BA2A2; margin-top: 11px;}
#pie span{float: left; margin-right: 95px;}
#pie a{color: #8BA2A2;}

/* LISTAS */
ul.ulflecha{margin:0; padding: 0; list-style-type: none; }
ul.ulflecha li{ background:url(../img/flecha.gif) no-repeat 0 4px; padding-left: 10px; margin-bottom: 17px;}
ul.ulflecha li.ultimoli{margin-bottom: 0px;}
ul.menosnmargen li{margin-bottom: 3px;}

/* ulflecha para la home */
.bloque div ul.ulflecha{float: left; width: 207px; height: 100px;}
.bloque div ul.ulflecha li{ line-height:13px; margin-bottom: 7px;}
.bloque div ul.ulflecha li.ultimoli{ margin-bottom: 0;}

.listasin{margin: 0; padding: 0; list-style-type: none}

.lista-logos{margin:0; padding: 0; list-style-type: none; width: 426px; margin-left: 10px;}
.lista-logos li{float: left; width: 202px;margin-right: 11px; text-align:right; margin-bottom: 15px; }
.lista-logos li.ultimoli{margin: 0;}
.lista-logos li img.logo{border: 1px solid #C7D3D3;}
.lista-logos p{margin-top: 4px; margin-bottom: 2px;}

.histo{margin: 0; padding: 0; list-style-type:none;width: 420px; margin: 30px 0 210px 25px;}
.histo li{float: left; margin-right: 20px;}

/* donde estamos */
#donde_estamos{width: 462px; border: 1px solid #C7D3D3; margin: auto; margin-top: 46px; margin-bottom: 27px;text-align:center;}
#donde_estamos h1{position: relative; text-align:left; left: -15px; top: -36px}
#donde_estamos img.mapa{position: relative; top: -20px;}

/* pop up logos*/
#pop-logo{width: 462px; border: 1px solid #C7D3D3; margin: auto; margin-top: 46px; margin-bottom: 8px;text-align:center; height: 417px}
#pop-logo h1{position: relative; text-align:left; left: -15px; top: -36px}
.pop-logo2{width: 462px; margin: auto; text-align:left; padding-left: 20px; color: #325565; margin-bottom: 15px;}
#popup{width: 460px; margin: auto; text-align:left; padding-left: 20px; margin-top: 50px; padding-bottom: 20px; color: #325565; border: 1px solid #C7D3D3}
#popup h1{position: relative; top: -35px; left: 237px; display: inline}
#popup div{position: relative; top: -70px;}
/* mapa */
div.mapa{float: left; width: 180px; margin: 0 0 20px 20px;}
div.mapa ul{margin: 12px 0 0 10px}

/* ESTILOS VARIOS */
.cleaner{margin: 0; padding: 0; clear: both; line-height:1px; font-size:1px; height:1px;}
.flecha{ vertical-align: 1px;}
.imprimir{vertical-align: -2px;}
.recomendar{vertical-align: -1px;}
.ampliar{vertical-align: 4px;}
.cerrar{vertical-align: -1px;}
.boton{border: 1px solid #C7D3D3; padding: 3px 6px 3px 6px; background-color:#FFF; text-align:center}
.boton a{color: #8BA2A2; text-decoration:none; font-weight: bold;}
.boton a:hover{color: #8BA2A2; text-decoration: underline}
.sobresale{position: relative; top: -5px;}
.centrador{ text-align:center}
.dlnormal{ margin: 0; padding: 0;line-height: 16px;}
.dlenlaces{margin-left: 13px; margin-bottom: 15px;}
.dlnormal dt{ font-weight:bold;  margin-right: 3px; float: left;}
.dlnormal dd{margin-left: 0; margin-bottom: 10px; }
.dlenlaces dd{margin-bottom:0;}
.dlnormal dd.ddultimo{ margin-bottom: 0px;}
.floDer{float: right}
.desc_libro{border: 0; vertical-align: -4px}
.reserv{ color: #003399; font-weight:bold}

/* tablas con formularios */
input{width: 147px; border: 1px solid #325565; ; font-size: 9px; height: 12px; }
textarea{font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif}
#peticion{font-size: 10px; color: #325565; width: 450px}
#peticion tr td.primera{width: 40%; text-align:right}
#peticion tr td.segunda{width: 60%; padding-left: 5px;}
#peticion tr td.desc{padding-top: 10px; padding-left: 31px;}
#peticion tr td.desc textarea{border: 1px solid #325565}
#peticion tr td input#btn1{width: 119px; height: 19px}
#peticion tr td.enviar{padding-top: 14px; text-align:center}
#peticion tr td.enviar input#btn{border: 0; width: 119px; height: 19px;}
.link{ font-weight:bold; color: #325565;}

#recomendar{font-size: 10px; color: #325565; width: 450px}
#recomendar tr td.titulillo{font-weight: bold; padding-top: 15px; padding-bottom: 5px;}
#recomendar tr td.primero{padding-top: 0;}
#recomendar tr td input{margin-left: 3px;}
#recomendar tr td textarea{border: 1px solid #325565}
#recomendar tr td.enviar{padding-top: 14px; text-align:center}
#recomendar tr td.enviar input#btn{border: 0;width: 159px; height: 19px;}

.button{border: 1; width: 119px; height: 19px;background:#FFFFFF;}

/* ESTILO INTERNO QUIENES SOMOS */
#quienes p {background:url(../img/flecha.gif) no-repeat 0 4px; }

/* galeria de fotos */

div#lista_fotos {width:auto; }
div#left {position:absolute;left:0; top:0;}
div#derecha {position:absolute;right:0; bottom:0; background-color:#0000CC; margin:0; padding:0;height:18px;}
div#dercha img {display:block;margin:0; padding:0;}
div.navegador {margin-bottom:20px; width:354px; margin-left:25px; /*margin-left:6px;*/}
div.navegador:after {content:".";height:0; font-size:1px; line-height:1px; clear:both; display:block}
div.navegador span { float:left; display:block; width:50%}
div.navegador span a{color:#0C6B6F; font-weight:bold;}
div.navegador span.siguientes {float:rigth; text-align:right}

/*carrusel*/
div#fotos { height:106px; margin-left:6px; overflow:hidden; position:relative; width:425px;}
div#wn { clip:rect(0px, 375px, 92px, 10px); width:365px; height:92px; position:absolute; top:6px; left:20px; overflow:hidden; z-index:1; }
div#lyr1 { left:0px; position:absolute; top:0px; z-index:1; }

/*timeDate*/
.timeDate { padding:0 !important; position:relative; width:476px; height:74px; overflow:hidden }
.timeDate span { position:absolute; bottom:7px; right:7px; height:17px; color:#000; font:11px Verdana, Arial, Helvetica, sans-serif; 
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/design/plain/img/bck_dateTime.png'); padding:0 10px }
.timeDate[class] span { background:url(../img/bck_dateTime.png) no-repeat bottom left }