@charset "utf-8";
/* CSS Document */
* html{ overflow:hidden;}
body{padding:0; margin:0; overflow-x:hidden; }
*html body{ width:100%; height:100%; overflow-x:hidden; }
a img{ border:none;}
.final{ height:1px; font-size:1px; clear:both;}

h2{ font-size:14px; color:#FFF; }
.const{ position:absolute; top:68%; width:36%; right:0; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; color:#FFF;}
.const h2{ font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; text-align:left; border:solid 1px #DDD; border-width:0 0 1px 0; margin:0;}

h2 a{ color:#FFF; text-decoration:none;}



.fd{ width:100%; margin-top:28px;}

/*Layer inferior de eventos*/
.bottominfo{ width:100%; z-index:100; bottom:0; border:solid 1px #333; border-width:1px 0 0 0;  height:60px; }
*html .bottominfo{ position:absolute; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd000000o80.png', sizingMethod='scale');}
.bottominfo[class] {background:transparent url(images/fd000000o80.png) repeat top center; position:fixed;}
.bottominfo .eventos{ width:73%; padding:0 1.5%; border:solid 1px #333; border-width:0 1px 0 0; float:left; height:120px; }

.bottominfo h2{ padding:2px 0 4px 0; font-size:24px; font-weight:normal; color:#CCC;  }
.bottominfo h2 a{ float:right; margin-top:1px; }
.eventos .evento{ width:32%; float:left; height:80px; padding:10px 1%; margin-left:-8px; border:solid 1px #333; border-width:0 1px 0 0; overflow:hidden; }
*html .eventos .evento{ width:33%; float:left; height:80px; padding:10px 5px; margin-left:-8px; border:solid 1px #333; border-width:0 1px 0 0; overflow:hidden; }

.bottominfo .audio{ width:20%; float: left; padding:0 15px 0 10px;}
.bottominfo .audio object{ margin:10px 0;  }

.bottominfo h3{ font-family:Georgia, "Times New Roman", Times, serif; color:#A3958B; font-size:12px; margin:0; padding:0; font-weight:normal; }
.bottominfo h3 a{ color:#FFF; text-decoration:none;}
.bottominfo h3 a:hover{ color:#FFF; text-decoration:underline;}
.bottominfo h3 div{ border:solid 1px #666; width:23%; height:47px; float:left; margin: 3px 3% 20px 3%; }
*html .bottominfo h3 div{ border:solid 1px #666; width:23%; height:47px; float:left; margin: 3px 10px 20px 3px; }
.bottominfo marquee{ display:block; height:16px; color:#A3958B; display:block; margin-top:2px; float:left; width:69%; overflow:hidden; border:solid 1px #333; border-width:0 0 1px 0; margin-bottom:2px; margin-left:2px; line-height:19px; font-weight:normal; }
.bottominfo h3 b{ display:block; height:16px; color:#A3958B; display:block; margin-top:2px; float:left; width:69%; overflow:hidden; border:solid 1px #333; border-width:0 0 1px 0; margin-bottom:2px; margin-left:2px; font-weight:normal; padding-bottom:2px; }


/*Ventana Desplegable Noticias*/
#noticiaslay{ width:375px; position:absolute; z-index:200; top:35px; height:200px; margin-right:-350px;}
#noticiaslay .barra{ width:21px; padding:3px 0 3px 3px; height:196px; background-color:#B40505; border:solid 1px #DD0000; border-width:0 0 0 1px; float:left; }
.barra a{ width:19px; margin-bottom:2px;}
.noticiasint{width:350px; height:200px; border:solid 1px #333; border-width: 0 0 1px 0; float:left;}
*html .noticiasint{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd000000o80.png', sizingMethod='scale');}
.noticiasint[class] {background:transparent url(images/fd000000o80.png) repeat top center; width:350px;}
.noticiasint .noticia{ height:52px; width:330px; border:solid 1px #333; border-width: 1px 0 0 0; padding:7px 10px 7px 10px; overflow:hidden;}
.barnotit{ margin:72px 0 0 3px;}

.noticiasint h3{ font-family:Georgia, "Times New Roman", Times, serif; color:#A3958B; font-size:12px; margin:0; padding:0; font-weight:normal; }
.noticiasint h3 a{ color:#FFF; text-decoration:none;}
.noticiasint h3 a:hover{ text-decoration:underline;}
.noticiasint h3 div{ border:solid 1px #666; width:70px; height:47px; float:left; margin: 0 10px 0 0; }

/*Ventana Desplegable Video*/
#videolay{ width:375px; position:absolute; z-index:200; top:240px; height:300px; margin-right:-350px;}
#videolay .barra{ width:21px; padding:3px 0 3px 3px; height:296px; background-color:#B40505; border:solid 1px #DD0000; border-width:0 0 0 1px; float:left; }
.videoint{width:350px; height:300px; border:solid 1px #333; border-width:1px 0; float:left; text-align:center; color:#CCC;}
.videoint[class] {background:transparent url(images/fd000000o80.png) repeat top center; width:350px;}
*html .videoint {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd000000o80.png', sizingMethod='scale');}
.barvitit{ margin:213px 0 0 3px;}

/*Barra Superior*/
.barra_sup{ background:transparent url(images/bar_sup.gif) top repeat-x; display:block; position:fixed; top:0; left:0; z-index:50; width:100%; height:30px; font:Georgia, "Times New Roman", Times, serif; font-size:smaller; color:#CCC; padding:5px 15px; text-align:right; margin-left:-30px;}
*html .barra_sup{ position:absolute;}
.barra_sup a{ color:#CCC; margin:0 0 0 15px; }


/*MENU*/
.menu{ width:210px; text-align:center; position:absolute; top:0; left:1%; margin-left:12px; z-index:500;}
.internas .menu{ width:210px; text-align:center; top:0; left:50%; margin-left:-465px; z-index:500; position:fixed;}
*html .internas .menu{ position:absolute;}
.menu .logo{ width:210px; height:150px; display:block; text-align:center; background:transparent url(images/logo.png) no-repeat center center;}
.menu ul ul{ list-style:none; margin:0; padding:0; border:solid 1px #222; border-width:1px 0 0 0;}
*html .menu .logo{ width:190px; height:150px; margin:0 auto;}
.botones{ background-color:#B40505; padding: 0 5px 0 5px; color:fff; text-align:left; width:180px; margin:auto; border:solid 1px #DD0000; border-width:0 0 1px 0; clear:both; }
.botones a{ float:right; margin-top:2px; margin-bottom:1px;}
.botones .menutit{ margin-top:6px;}
/* Remove the padding, margins and bullets from the lists */
#menuul{width:190px; display:block; margin:0 auto; padding:0; border:solid 1px #666; border-width:0 0 1px 0; list-style:none; }
#menuuldos{width:190px; display:block; margin:0 auto; padding:0; border:solid 1px #666; border-width:0 0 1px 0; list-style:none; }
#menuultres{width:190px; display:block; margin:0 auto; padding:0; border:solid 1px #666; border-width:0 0 1px 0; list-style:none; }
.ulstyle iframe {position:absolute; left:-9999px; border:0; padding:0; margin:0; width:0; height:0;}
/* for IE7 to position the tables correctly */
.ulstyle {width:190px; display:block; margin:0 auto; padding:0; border:solid 1px #666; border-width:0 0 1px 0; list-style:none; position:relative;}
.ulstyle img{}
/* for IE5.5 and IE6 to position the tables corectly */
* html .ulstyle { position:static;}
/* Set up the size of the list items and float left to place inline */
.ulstyle li { padding:0; margin:0; }
*html .ulstyle li{ float:left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd000000o80.png', sizingMethod='scale');}

.ulstyle li li{ height:inherit; }
/* Give the sub level list item a diffent background color to make it 'stand out'. */
.ulstyle li.sub {background:#3090CF;}
/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.ulstyle table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; font-size:1em;}
/* Default link styling */
.ulstyle li a { text-align:left; width:168px; display:block; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; color:#CCC; font-size:14px; text-decoration:none; padding:3px 10px 2px 10px; border:solid 1px #333; border-width: 1px 1px 0 1px;  }
.ulstyle[class] li a { background:transparent url(images/fd000000o80.png) repeat top center; }
*html .ulstyle li a { background:transparent url(transparent.gif);}

.ulstyle li a img{ float:right; margin-top:4px;}

.ulstyle li a:hover { background-color:#000; color:#FFF;}

.ulstyle ul a{font-size:12px; width:120px; border:solid 1px #333; border-width:0px 1px 1px 1px; text-align:left; padding:4px 7px 4px 7px;}
.ulstyle ul a:hover{ color:#FFF; background-color:#000;}

.ulstyle li a.activo{}
/* Style the list OR link hover. Depends on which browser is used */
.ulstyle :hover {color:#fff; /*background:#3090CF url(images/btn_over.gif) repeat-x top;*/}
/* Give the link OR list a relative position. Depends on which browser is used */
.ulstyle li:hover, .menu li a:hover{position:relative; z-index:101;}
/* For all browsers except IE5.5 and IE6 to keep the hover state through the menu cascade. */
.ulstyle li:hover > a {background-color:#000; color:#FFF;}
.ulstyle li ul li:hover > a {background-color:#000; color:#FFF;}
/* keep the 'next' level invisible by placing it off screen. */
.ulstyle ul, 
.ulstyle :hover ul ul, 
.ulstyle :hover ul :hover ul ul,
.ulstyle :hover ul :hover ul ul.left {position:absolute;left:-9999px;}
/* Position the drop-down first sub level beneath the top level list item when hovering over the top level list OR link. The transparent image is for IE7 to render this correctly. The image does not have to exist :) */
.ulstyle :hover ul{left:188px; top:0px; background:transparent url(transparent.gif); padding-top:0; margin-right:0; padding-left:4px;}
/* Position the flyout sub levels to the right or left when hovering over the sub level list OR link. */
.ulstyle :hover ul :hover ul { left:175px; top:0px; z-index:200;}
.ulstyle :hover ul :hover ul :hover ul { left:175px; top:0; }

/*internas*/

body.internas{ background-color:#A40909; padding-top:20px;}
*html body.internas{ background-color:#A40909;}

/*body.internas .barra_sup{ position:relative; height:18px; width:auto; display:block; margin:0; top:inherit; left:inherit; }*/
* html body.internas .barra_sup{ height:20px; margin-left:-17px;}

/*Botones de navegacion en la barra superior>>>*/
.windows{ position:fixed; top:0; left:50%; z-index:1000; width:490px; margin-left:-220px; border:solid 1px #555; border-width:0 0 0 1px;}
*html .windows{ position:absolute;}
.windows a{ display:block; font:normal 14px Georgia; font-family:Georgia, "Times New Roman", Times, serif; color:#FFF; text-decoration:none; border:solid 1px #555; border-width:0 1px 0 0; padding:6px 40px 6px 10px; float:left;}
*html .windows a{ padding-top:7px;}
.windows a:hover, .windows a.act{ background:transparent url(images/bgactnav.gif) repeat-x left top;}

.cont{ width:700px; margin:0 auto; padding-left:260px;}

.pan{ width:100%; height:140px; background-position:center; background-repeat:no-repeat; background-color:#333;}

.pan h1{ margin:70px 0 0 0; font:normal 48px Georgia; font-family:Georgia, "Times New Roman", Times, serif; display:inline; color:#FFF; float:left; width:auto;}
.pan[class] h1{ background-image:url(images/fd000000o30.png);}
*html .pan h1{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/fd000000o30.png', sizingMethod='scale');}

.titbar{ width:100%; border:solid 1px #900; border-width:1px 0; background:#A80A0A url(images/bgtits.gif) repeat-x center top;}
.titbar h2{ color:#FFF; font:normal 16px Georgia; font-family:Georgia, "Times New Roman", Times, serif; margin:5px;}
.titbar h2 a{ margin-top:-1px; border:none; margin-left:7px;}
.titbar h2 b{ float:right; font-weight:normal; margin-top:-1px; border:none; margin-left:7px;}
.titbar h2 a.meses{ float:none; margin:0; padding:0; display:inline; vertical-align:middle; margin:0 5px; background-color:transparent; color:#900}
.blanco .opts i{ display:block; width:21px; margin-left:1px; font-style:normal; text-align:center; float:left; padding:2px 0 5px 0; color:#999;}
.blanco .opts .dias a{ display:block; width:21px; margin-left:1px; font-style:normal; text-align:center; float:left; padding:2px 0 5px 0; color:#000; text-decoration:none;}
.blanco .opts .dias a:hover{ color:#000; background-color:#F3F3F3;}
.blanco .opts i.act{ display:block; background-color:#C00; color:#FFF; }
.blanco .opts .dias{ margin-left:10px;}
*html .blanco .opts .dias{ margin-left:15px;}

.blanco{ background:#F3F3F3 url(images/bgblanco.gif) repeat-x center top; width:100%;}
.blanco .opts{ background-color:#D0D0D0; padding:15px; height:22px; font:normal 14px Georgia; font-family:Georgia, "Times New Roman", Times, serif; color:#666;}
.blanco .opts select{ font-size:11px; height:18px; float:right; z-index:2;}
.blanco .notiint{ background-color:#FFF; border: solid 1px #CDCDCD; border-width:0 1px; padding:15px; font:normal 12px Arial; line-height:20px;}
.blanco .notibanner{ height:180px; margin-bottom:20px;}
.blanco .parrafouno{margin-left:-17px;}
.blanco .parrafouno p{ font:normal 14px Arial; color:#806960; margin:2px 0 25px 12px; line-height:21px;}
.blanco .parrafo{ margin-left:-17px; }
.blanco .parrafo img{ margin-left:17px; margin-right:10px; }
.blanco .parrafo p{ margin:0 0 22px 10px; font-weight:normal; color:#333; padding:0;}
.blanco .parrafo h3{ margin:0 0 17px 0; color:#444; margin-left:8px; font-size:14px; line-height:normal;}
.blanco .parrafo span{ font-size:11px; color:#666; line-height:normal; display:block; margin:2px 10px 0 17px; border:solid 1px #CCC; border-width:0 0 1px 0; padding-bottom:2px;}

.pie{ background:transparent url(images/pielogo.gif) no-repeat center top; height:90px; text-align:center;}
.pie p{ display:block; font:normal 11px Arial; color:#FFF; width:600px; margin:0 auto; padding-left:360px; text-align:left; padding-top:15px;}
.pie p em{ font-style:normal; color:#EC4F4F;}
/*Anexos >>>*/
.menu .anexos{ background-color:#f3f3f3; margin:15px 10px 0 10px; border:solid 1px #CCC;}
.menu h3{ font:bold 14px Georgia; color:#888; margin-top:50px; text-align:left; margin-left:10px;}
.menu .anexos a.tipo{ float:left; display:block; font:normal 12px Georgia; width:85px; text-decoration:none; padding:2px 2px 3px 7px; background-color:#E4E4E4; text-align:left; border:solid 1px #CCC; border-width:0 1px 1px 1px; color:#999;}
.menu .anexos a.tipoact{ float:left; display:block; font:normal 12px Georgia; width:83px; text-decoration:none; padding:2px 2px 2px 7px; text-align:left;  color:#999;}
.menu .anexos a.tipo:hover{ text-decoration:underline;}
.menu .anexos ul{ list-style:none; display:block; text-align:left; margin:10px; padding:0;}
.menu .anexos li{ display:inline-block; margin:0; padding:0; margin-top:8px;}
.menu .anexos li a.video{ display:block; width:150px; font:normal 11px Arial; margin:0; background:transparent url(images/iconos/video.gif) no-repeat 1px 50%; padding:2px 0 2px 25px; color:#644;}
.menu .anexos li a.audio{ display:block; width:150px; font:normal 11px Arial; margin:0; background:transparent url(images/iconos/audio.gif) no-repeat 1px 50%; padding:2px 0 2px 25px; color:#644;}
.menu .anexos li a.doc{ display:block; width:150px; font:normal 11px Arial; margin:0; background:transparent url(images/iconos/docs.gif) no-repeat 1px 50%; padding:2px 0 2px 25px; color:#644;}
.menu .anexos li a.web{ display:block; width:150px; font:normal 11px Arial; margin:0; background:transparent url(images/iconos/web.gif) no-repeat 1px 50%; padding:2px 0 2px 25px; color:#644;}

/*Eventos interna*/

.eventoimgs{ float:left; text-align:right; width:270px; margin-top:30px; margin-bottom:20px; }
.eventoimgs img{ margin-bottom:15px;}
.eventotxt{ float:left; width:360px; margin-top:30px; margin-left:20px; font:normal 12px Arial;  margin-bottom:20px;}
.eventotxt h3{ font:normal 18px Georgia; color:#333; margin:0 0 15px 0; padding:0;}
.eventotxt h3 span{ font:normal 12px Georgia; color:#AC6666;} 
.eventotxt h4{ font:normal 12px Georgia; color:#AC6666; margin:0 0 8px 0; padding:0; border:solid 1px #AC6666; border-width:0 0 1px 0; text-transform:uppercase;}
.eventotxt p{ margin-top:0; padding-top:0; line-height:18px;}

/*Galeria>>>*/

.cont .galeria{ float:left; margin:30px 18px 0 18px; height:155px; }
*html .cont .galeria{ float:left; margin:30px 15px 0 15px; height:155px; }
.galeria span{font-size:11px; color:#666; line-height:normal; display:block; width:100px; margin:2px 0 0 0; border:solid 1px #CCC; border-width:0 0 1px 0; padding-bottom:2px;}
.galeria a{ display:block; width:100px; height:100px; border:solid 1px #555; text-decoration:none; line-height:100px;}

/*Listado>>>*/

.listado{ width:560px; margin:0 auto; padding:40px 0; text-align:left; font: normal 12px Arial; color:#333;}
.listado .foto{ width:75px; height:60px; margin-right:15px; margin-top:3px; }
.listado h3{ font:normal 14px Georgia; font-family:Georgia, "Times New Roman", Times, serif; color:#333; margin:0 0 3px 0; padding:0;}
.listado a{color:#333; text-decoration:none;}
.listado h3 span{ color:#966; font-size:12px;}
.listado table{ border:solid 1px #CFCFCF; border-width: 0 0 1px 0; margin-bottom:12px;}
.listado table td{ padding-bottom:15px;}