@import 'reset.css';
@import 'fonts.css';
@import 'calendario.css';

*{margin:0px;padding:0px; font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; color: #333;}
.ocultar {position:absolute;left:-9999px;}
body, html {min-height: 100%;	height: auto !important; height: 100%;text-align:center; color: #333;background: #ACD3E4 url(../img/page_background.jpg) repeat-x fixed 50px bottom;}
body {font:normal 72.5%em "Arial", Verdana, Geneva, Helvetica, sans-serif;color:#333; background: transparent; }

#central{width:801px;padding:0px;text-align:left;vertical-align:top;margin:0px auto; display: block;min-height: 700px !important;}
#head{width: 801px; height: 158px; background: #f0f1f1 url(../img/crai_head.jpg) no-repeat; border: none; margin-top: 10px; position: relative; text-align:center; display: block;}
#head a#logo{ text-indent:-9000px; width:65px; height:76px; background:transparent; position:absolute; z-index:100; display:block; top:24px; left:26px; }
#main{width: 801px; height: auto;  background: #f0f1f1; border: none; padding-bottom: 15px; border-bottom: 1px solid #ccc; text-align: center; display: block; float: left;}
#foot{width: 801px; height: 15px; text-align:center; background: transparent url(../img/crai_foo.jpg) no-repeat; border: none; margin-bottom: 50px; position: relative; padding-left: 2px; font-size: 9px; display: block; float: left;}
#foot a#powered{position: absolute; right: 10px; top: 18px; font-size: 9px; color: #333; text-decoration: none; }
#foot a#powered:hover{color: #fff;}
#bloque_izq{width:215px; float:left; clear:none; overflow:hidden;display: block; height: auto;}
#bloque_der{width:185px; float:left; clear:none; overflow:hidden;display: block; height: auto; padding-left: 10px}
#bloque_centro{width:390px; float:left; clear:none; overflow:hidden;display: block; height: auto;}
#bloque_galeria{width:605px; float:left; clear:none; overflow:hidden;display: block; height: auto;}

/* ultima noticia */
div#ultimanoticia{width:210px; float:left; clear:none; padding:0 0 0 5px;display: block; text-align: left;}
div#ultimanoticia h1{font-size:14px; color:#0093dd; width:183px; margin:0 0 8px 5px; border-bottom:1px solid #666; font-weight:700; padding:10px 0 5px 20px; background: url(../img/ico_news.jpg) no-repeat 0 10px; clear:both;}
div#ultimanoticia #up{text-indent:-9000px; width:206px; height:10px; background:url(../img/bg_ultima_news_up.jpg) no-repeat; float:left; clear:both; overflow:hidden;}
div#ultimanoticia #down{text-indent:-9000px; width:206px; height:10px; background:url(../img/bg_ultima_news_dn.jpg) no-repeat; float:left; clear:both; overflow:hidden;}
div#ultimanoticia #centro{ width:206px; height:auto; background:url(../img/bg_ultima_news.jpg) repeat-y; float:left; clear:both; overflow:hidden;}
div#ultimanoticia #centro ul{margin:0 0 0 5px;}
div#ultimanoticia #centro li strong{margin:2px 0 0 0; color:#444; font-size: 11px}
div#ultimanoticia #centro li p{margin:2px 0 0 0; color:#666;}
div#ultimanoticia #centro li a{ width:195px; display:block; text-align:right; border-bottom:1px dotted #999; color:#666; font-weight:700; padding:0 0 2px 0; font-size: 11px}
div#ultimanoticia #centro li a:hover{color:#999;}

/* sponsors */
div#sponsor{width:185px; float:left; clear:none; }
div#sponsor h1{text-align:left; font-size:14px; color:#0093dd; width:153px; margin:0 0 8px 5px; border-bottom:1px solid #666; font-weight:700; padding:10px 0 5px 30px; background: url(../img/ico_pelota.jpg) no-repeat 0 10px; clear:both;}
div#sponsor img{margin:10px 5px; float:left; clear:none;}

/* contenido */
div#contenido{width:380px; float:left; clear:none; padding:0 0 8px 10px; text-align: left;display: block; }
div#contenido h1{font-size:14px; color:#0093dd; width:350px; border-bottom:1px solid #666; font-weight:700; padding:10px 0 5px 20px; background: url(../img/ico_news.jpg) no-repeat 0 10px; clear:both;}
div#contenido h2{padding:0; font-size:12px; font-weight:700; color:#006699;  line-height:24px;}
div#contenido h3{padding:0; font-size:10px; font-weight:700; color:#006699;  line-height:10px;}
div#contenido p{padding:0 5px 10px 0; color:#484848; line-height:16px; }
div#contenido strong{padding:0 5px 10px 0; color:#484848; line-height:16px; font-weight: 700;}
div#contenido img{ float: left; clear: none; margin: 0 8px 8px 0;}
div#contenido a{ text-decoration:underline;}
div#contenido a#goback{text-decoration:none; font-size: 10px; color: #333; margin: 0 auto; float: none; clear: both; text-align: center; width: 100%; display: block;}
div#contenido a:hover{ color:#999;}
div#contenido a.leer-mas{width:380px; height: 24px; background: url(../img/leer-mas.gif) top right no-repeat; float: none; clear: both; display: block; border-bottom: 1px dotted #999; text-indent:320px; font-size: 10px; line-height: 12px; text-decoration: none; color: #fff;}
div#contenido a#goback{width:380px; height: 24px; background: url(../img/go-back.gif) center 10px no-repeat; float: none; clear: both; display: block; border-top: 1px dotted #999; text-indent:0px; font-size: 10px; line-height: 10px; text-decoration: none; padding: 10px 0 0 0; color: #fff;}

div#contenido a.leer-mas:hover, div#contenido a#goback:hover{color: #333;}
/* galeria */
div#galeria{width:595px; float:left; clear:none; padding:0 0 8px 10px;}
div#galeria h1{font-size:14px; color:#0093dd; width:565px; border-bottom:1px solid #666; font-weight:700; padding:10px 0 5px 20px; background: url(../img/ico_news.jpg) no-repeat 0 10px; clear:both; text-align: left;}
div#galeria ul, ul#minigal{margin:0 0 0 20px;}
div#galeria li, ul#minigal li{margin:10px 10px 0 0; float:left; clear:none; width:130px; height:150px; display:block; overflow:hidden; border:1px solid #999; }
div#galeria li a{display: block; margin: 0 auto; width: 120px; height: 90px; text-align: center;}
div#galeria  li em{font-size:9px;}
div#galeria  li p{font-size:11px;}

ul#minigal{margin:0 0 0 10px; width: 380px}
ul#minigal li{margin:5px 5px 0 0; float:left; clear:none; width:120px; height:120px; display:block; overflow:hidden; border:1px solid #999; }
ul#minigal li a{display: block; margin: 0 auto; width: auto; text-align: center;}
ul#minigal li em{display: block; margin: 0 auto; width: auto; text-align: center; font-size: 9px; padding: 0; height: 10px; line-height: 10px}


/* contacto */
fieldset#contacto {width:270px; float:left; clear:none; padding:5px 0 0 30px;}
fieldset#contacto label{float:left; clear:both; color:#999; margin:0 0 2px 0; width:300px;}
fieldset#contacto input.boton{ color:#999; float:left; clear:none; width:80px; height:25px; border:1px solid #999; background:#fff; margin:0 5px 0 0}
fieldset#contacto input.texto{float:left; clear:both; width:300px; height:18px; padding:2px 0 0 0; background:#fff; border:1px solid #999; margin:0 0 5px 0;}
fieldset#contacto textarea{float:left; clear:both; width:300px; height:98px; padding:2px 0 0 0; background:#fff; border:1px solid #999; margin:0 0 5px 0; overflow:auto;}

#paginar{width: 380px; height: 20px; display: block; float: none; clear: both; overflow: hidden; margin-top: 20px}
#paginar div#page-tot{width: 120px; height: 20px; font-size: 11px; float: left; clear: none; display: block;}
#paginar div#pages{width: 120px; height: 20px; font-size: 11px; float: left; clear: none; display: block;}
#paginar div#pages a{padding: 0 2px 0 2px; text-decoration: none;}
#paginar a#anterior, #paginar a#siguiente{width: 65px; height: 12px; display: block; float: left; clear: none; background: url(../img/sig.gif) top left no-repeat; line-height: 12px; font-size: 10px; color: #fff; margin: 2px 0 0 5px; text-align: center; text-decoration: none;}
#paginar a#anterior{background: url(../img/ant.gif) no-repeat;}


ul.lista-simple,ul.lista-eventos{width: 370px; height: auto; list-style: none; padding: 5px 0 5px 5px; line-height: 16px; overflow: hidden; font-size: 11px; text-decoration: none; border-bottom: 1px solid #ACDBE5; background: #E2F2F6;}
ul.lista-simple li,ul.lista-eventos li{width: 370px; height: auto; list-style: none; margin-bottom: 4px; padding-bottom: 4px; border-bottom: 1px dotted #8CCEDB; text-decoration: none;}
ul.lista-simple li a, ul.lista-reg li a{color: #036; border:none; text-decoration: none; font-size: 11px;}
ul.lista-simple li em,ul.lista-eventos li a{font-size: 10px; padding-right: 10px; width: 150px; text-decoration: none; display: block; float: left; clear: none;}
ul.lista-reg li em{font-size: 10px; padding-right: 10px; width: 300px; text-decoration: none; display: block; float: left; clear: none;}
ul.lista-eventos li em{font-size: 11px; padding-left: 5px; width: 360px; text-decoration: none; display: block; float: none; clear: both; line-height: 16px; color: #036; font-weight: bold;}
ul.lista-simple li span,ul.lista-eventos li span{font-size: 10px; padding-left: 5px; width: 360px; text-decoration: none; display: block; float: none; clear: both; line-height: 16px; color: #000;}
ul.lista-eventos li p,ul.lista-eventos li p.p, ul.lista-eventos p{font-size: 12px; padding:0px 0px 0px 5px; width: 200px; text-decoration: none; display: block; float: left; clear: none; line-height: 16px;}

ul.lista2 li em{font-size: 10px; padding-right: 10px; width: 80px; text-decoration: none; display: block; float: left; clear: none;}



/* ultima noticia */
div#tablas{width:210px; float:left; clear:none; padding:0 0 0 5px;display: block; text-align: left;}
div#tablas h1{font-size:14px; color:#0093dd; width:183px; margin:0 0 8px 5px; border-bottom:1px solid #666; font-weight:700; padding:10px 0 5px 20px; background: url(../img/ico_news.jpg) no-repeat 0 10px; clear:both;}
div#tablas #up{text-indent:-9000px; width:206px; height:10px; background:url(../img/bg_ultima_news_up.jpg) no-repeat; float:left; clear:both; overflow:hidden;}
div#tablas #down{text-indent:-9000px; width:206px; height:10px; background:url(../img/bg_ultima_news_dn.jpg) no-repeat; float:left; clear:both; overflow:hidden;}
div#tablas #centro{ width:206px; height:auto; background:url(../img/bg_ultima_news.jpg) repeat-y; float:left; clear:both; overflow:hidden;}
div#tablas #centro ul{margin:0 0 0 5px;}
div#tablas #centro ul li{ position: relative; margin: 4px 0 4px 0}
div#tablas #centro li strong{margin:2px 0 0 0; color:#444; font-size: 11px}
div#tablas #centro li p{margin:2px 0 0 0; color:#666;}
div#tablas #centro li a{ width:195px; display:block; text-align:left; border-bottom:1px dotted #999; color:#666; font-weight:700; padding:0 0 2px 0; font-size: 11px}
div#tablas #centro li a:hover{color:#999;}
div#tablas #centro li a#closetab{display: none;}
div#tablas #centro li ol.tabla-pos{	list-style: none; display: none;}
div#tablas #centro li ol.tabla-pos li{	list-style: decimal; list-style-position: inside; padding-left: 12px; display: list-item;}
div#tablas #centro li ol.tabla-pos li p{ text-indent: 20px; font-size: 10px; color: #333;}


table, table#duracion{width: 560px;}
table thead th, table tbody th{background: #DCDCDC; color: #333; font-weight: 700; width: auto;text-align: center;}

table thed th, table tbody th,table#duracion thead th, table#duracion tbody th{background: #DCDCDC; color: #333; font-weight: 700; width: auto;text-align: center;}
table tbody td, table#duracion tbody td{text-align: center; font-size: 11px}
table caption, table#duracion caption{display: none;}

#galeria ul#indice{width: 580px;height: auto; list-style: none; padding: 5px 0 5px 5px; line-height: 18px; overflow: hidden; font-size: 11px; text-decoration: none; background: #E2F2F6; border: none;}
#galeria ul#indice li{width: 570px;height: 20px; list-style: none; line-height: 18px; overflow: hidden; font-size: 11px; text-decoration: none; background: #E2F2F6; border: none;}
#galeria ul#indice li em{width: 400px; display: block; float: left; clear: none; text-align: left; font-weight: bold;}
#galeria ul#indice li a{width: 170px; display: block; float: left; clear: none; text-align: right;}

#galeria ul.lista2{width: 580px;height: auto; list-style: disc; padding: 5px 0 5px 5px; overflow: hidden; font-size: 11px; text-decoration: none; background: #F0FFFF; border: none;}
#galeria  ul.lista2 li{width: 570px; height: auto; list-style: none; padding: 0 0 0 5px; text-decoration: none; text-align: left; border: none; display: block;}
#galeria  ul.lista2 li em{	width: 150px; float: left; clear: none;}



#galeria a.gotop{width: 580px; height: 16px; display: block; float: none; clear: both; background: url(/crai/img/gotop.gif) top right no-repeat; border-bottom: 1px solid #999; margin-bottom: 8px; color: #069; text-indent: 530px; font-weight: bold;}
#galeria a.gotop:hover{	color: #000; }


table#complemento{ width: 560px;}
table#complemento thead th{background: #ADD8E6; color: #333; font-weight: 700; width: auto;text-align: center; height: 30px; vertical-align: middle;}
table#complemento thead td{background: #ADD8E6; color: #333; font-weight: normal; width: auto;text-align: center;height: 30px; vertical-align: middle;}
table#complemento tbody th{background: #add8e6; color: #333; font-weight: 700; width: auto;text-align: left; padding: 3px; font-size: 11px;text-indent: 8px}
table#complemento tbody td{text-align: center; font-size: 10px; color:#000; border: 1px dotted #999; vertical-align: middle;}
table#complemento tbody th.linea{background:#ddd; color: #000; font-weight: 700; width: auto;text-align: left; padding: 3px; font-size: 11px; text-indent: 0}