@charset "UTF-8";
/* CSS Document */


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

body { padding:0px; margin:0px; height: 100%; font: 11px Verdana, Arial, Helvetica, sans-serif; color:#000033; background-color:#000033; text-align:center}

HTML{height: 100%; overflow: auto}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
a { font-family:  Verdana, Arial, Helvetica, sans-serif; color:#fff; text-decoration:underline;}
a:hover { text-decoration:none;}

h1{}
h2{}
h3{}

p{ line-height:14px; margin: 10px 0 15px 0; color:#000033; font: 11px Verdana, Arial, Helvetica, sans-serif; text-align: justify;}

ul{ margin:0px; padding:0px; line-height: 19px;}
li{ list-style:none; text-align:left;}

li.reglamento{ line-height:13px; list-style:disc; margin-left:14px; text-align:justify;}

strong{}

img{ border:none;}


#inicioContenedor{ position:absolute; width: 600px; height:270px; top: 50%; left:50%; margin-left:-300px; margin-top:-200px; background:url(../imagenes/logo_index.gif) no-repeat top;}

div.inicioIdiomas{ margin: 245px auto 0 auto; overflow:hidden; width: 200px; height:auto;}
div.inicioIdiomas a{ display:block; float:left; margin-left:45px;}


#contenedor{ position:absolute; width: 998px; height:610px; top: 0px; left:50%; margin-left:-499px; background:url(../imagenes/fondo_web.jpg) no-repeat 0px 110px #000033; overflow:hidden;}

div.cabeceraFondo1{ width:100%; height:110px; background: url(../imagenes/cabecera1.jpg) no-repeat 0px 5px;}
div.cabeceraFondo2{ width:100%; height:110px; background: url(../imagenes/cabecera2.jpg) no-repeat 0px 5px;}
div.cabeceraFondo3{ width:100%; height:110px; background: url(../imagenes/cabecera3.jpg) no-repeat 0px 5px;}
div.cabeceraFondo4{ width:100%; height:110px; background: url(../imagenes/cabecera4.jpg) no-repeat 0px 5px;}

div.centroContenedor{ width:998px; height:351px; border:0px solid #00FF00}

#menu{ position:absolute; width:170px; height:395px;left:0px; margin-top:45px;}

#menu a{ display:block; width:140px; height:45px; background:url(../imagenes/boton_1_1.png) no-repeat; padding:5px 15px 0px 15px; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; line-height:12px; color:#fff; border:0px solid #FF0000}
#menu a:hover{ display:block; background:url(../imagenes/boton_1_2.png) no-repeat; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; line-height:12px; color:#fff;}
#menu a.select{ display:block; background:url(../imagenes/boton_1_2.png) no-repeat; font:normal 11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000033;}


#menu #boton1{ position:absolute; width:170px; height:50px; top:0px; left:0px; z-index:1;}
#menu #boton2{ position:absolute; width:170px; height:50px; top:28px; left:0px; z-index:2;}
#menu #boton3{ position:absolute; width:170px; height:50px; top:56px; left:0px; z-index:3;}
#menu #boton4{ position:absolute; width:170px; height:50px; top:84px; left:0px; z-index:4;}
#menu #boton5{ position:absolute; width:170px; height:49px; top:112px; left:0px; z-index:5;}
#menu #boton6{ position:absolute; width:170px; height:50px; top:148px; left:0px; z-index:6;}
#menu #boton7{ position:absolute; width:170px; height:50px; top:176px; left:0px; z-index:7;}
#menu #boton8{ position:absolute; width:170px; height:50px; top:204px; left:0px; z-index:8;}
#menu #boton9{ position:absolute; width:170px; height:50px; top:232px; left:0px; z-index:9;}
#menu #boton10{ position:absolute; width:170px; height:50px; top:260px; left:0px; z-index:10;}
#menu #boton11{ position:absolute; width:170px; height:50px; top:288px; left:0px; z-index:11;}
#menu #boton12{ position:absolute; width:170px; height:50px; top:316px; left:0px; z-index:12;}
#menu #boton13{ position:absolute; width:170px; height:50px; top:344px; left:0px; z-index:12;}



#idiomas{ position:absolute; width:170px; height:25px; padding-top:8px; top:372px; left:0px; z-index:13; background:#000033;padding:5px 0px 10px 0px; border:0px solid #FF0000}
#idiomas a{ display:block; float:left; width:40px; height:auto; padding-left:25px; background-image:none;}
#idiomas a:hover{ background-image:none;}

div.contenido{ float:right; width:825px; height:456px; padding:0px 35px 0px 0px; overflow:hidden; border:0px solid #FF0000;}

div.contenido div.titulo{ text-align: right; margin-top: 10px; height:15px;}
div.contenido div.texto{ float: right; text-align: left; margin-top: 40px; width:740px; height:310px; overflow:auto; border:0px solid #FF0000;}
div.contenido div.links{ float:right; width:740px; text-align: right; margin-top: 10px; border:0px solid #CCFF00;}

a.avisoLegal { display:block; float:left; width:70px; height:20px; margin-top: 30px; background:url(../imagenes/aviso_legal.png) no-repeat; overflow:auto;}
a.volver { display:block; float:right; width:70px; height:20px; background:url(../imagenes/boton_volver.png) no-repeat; overflow:auto;}

a.siguiente{ display:block; float: right; width:80px; height:16px; background:url(../imagenes/boton_siguiente.png) right top no-repeat; overflow:auto;}
a.anterior{ display:block; float: right; width:80px; height:16px; background:url(../imagenes/boton_anterior.png)  right top no-repeat; overflow:auto;}
div.siguienteYanterior{ display:block; float: right; width:80px; height:34px; overflow:hidden;}
a.verFotos{ display:block; float:right; width:180px; height:18px; background:url(../imagenes/boton_verfotos.png)  right top no-repeat; overflow:auto;}



div.pie{ float:right; width:100%; height:35px; padding-top:6px; background:#000033; color:#fff; font-size:10px; border:0px solid #fff; text-align:right; padding-right:10px;}

/*actividades extra*/
div.columnaTexto1{ float:left; width:280px; }
div.columnaTexto2{ float:right; width:280px; }


/*noticias*/
/*div.noticia{ margin-bottom:5px; width:100%; height:auto; overflow:auto;}
div.noticia img{ width:140px; height:auto; float:left; padding:5px 20px 5px 0px;}*/

/*noticias*/
div.noticia{margin-bottom:5px; width:100%; height:99%; overflow:auto; padding:5px 18px 6px 0px;}
div.noticia img{float:left; padding:5px 18px 6px 0px;}
div.noticias_titulo{height:4px; color:#010643; font-size:12px; line-height:14px; font-weight:bold; text-transform:uppercase; text-align:justify;}
div.noticias_titulo a {color:#010643; text-decoration:underline;}
div.noticias_titulo a:hover {text-decoration:none;}
div.texto_noticias{ float: right; text-align: left; margin-top: 40px; width:740px; height:310px; border:0px solid #FF0000;}
div.masfotos{float:left;}
div.masfotos img{width:102px; height:74px; float:left;}

/*imagenes*/
div.imagenes{float:left; text-align:center;}
div.imagenes_titulo{font-weight:bold; font-size:10px; padding:18px 14px 0px 0px;}
div.imagenes img{width:128px; height:104px; float:left; padding:18px 14px 0px 0px;}
/*paginacion*/
div.pag {font-size:10px;}

/*instalaciones*/
#planoYago{ position:absolute; width:344px; height:222px; top: 235px; left:470px; background:url(../imagenes/plano_yago.png);}

/* formularios */
form div.fila{width:100%;overflow:hidden;border-bottom:.1em dotted #000033;padding:.5em 0}
form div.fila div.tituloForm{text-align:right;width:40%;float:left;color:#000033;font-weight:bold}
form div.fila div.campoForm{width:57%;float:right}

form div.fila input, form div.fila textarea{padding:.3em;font:normal 1em Arial, Helvetica, sans-serif}
form div.fila select{padding:.2em;height:2.2em;font:normal 1.1em Arial, Helvetica, sans-serif}
form div.fila textarea{width:70%;height:6em}
form div.fila input, form div.fila textarea,form div.fila select{border:.1em solid #000033}

form div.filaBotones{width:100%;overflow:hidden;font-size:1.1em;padding:.9em 0;text-align:center}
form div.filaBotones input{background:url(../imagenes/bt_buscar.gif) no-repeat; border:0;width:6.1em;height:2.0em;padding:0;margin:0 1em 0 0;font-size:1em;color:#fff;text-transform:uppercase;font-weight:bold; border:0px solid #000000}