body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    background: repeat url( ../images/bkg.gif );    
    }

input, select{
    font-size: 0.9em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

p{
    margin: 0;
    padding: 0;
    }

a{
    text-decoration: none;    
    border: 0;
    }
	

img{    
    border: 0;    
    }    
/*    BORDES Y DISTANCIA GENERAL DE LOS ELEMENTOS PRINCIPALES    */
    
div#hd, div#bd, div#ft, div#ft1{
    background-color: #fff;    
    }
    
div#hd, div#bd, div#ft, div#ft1{
    border: 1px solid #CCC;
    }    
    
div#hd, div#salto{
    border-bottom: none;
    }
    
div#bd, div#salto{
    border-top: none;
    }
    
div#ft{
    margin-top: 15px;
    }
    
div#ft1{
	margin-top: 7px;
	padding-bottom: 15px;
	
    }
    
/*    FINAL DE BORDES Y DISTANCIA GENERAL DE LOS ELEMENTOS PRINCIPALES    */
    
/*              CABECERA                */
div#hd{
    padding-top: 1px;
    }
    
p#fecha_hora{
    /*float: right;
    padding-right: 8px;*/
	color:white;
	font-weight:bold;
	margin-bottom:104px;
	text-align:right;
    }
    
input#reloj{
    border: none;
    background: transparent;
    padding-left: 5px;
    vertical-align: top;
	color:white;
	font-weight:bold;
    }

img#logo_cabecera{
    padding: 8px;
    margin-bottom: 26px;
    }
div.direccion{
	float: right;
    padding-right: px;
	color:white;
	font-weight:bold;
	text-align:right;
    }
div.direccion span {
	padding-right:16px;
}

form#formulario_busqueda{
    border: 1px solid #ABABAB;
    display: inline;
    background-color: #F1F1F1;    
    padding: 6px;
    margin-left: 8px;
    }

ul#herramientas, ul#herramientas li{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    vertical-align: middle;
    }
    
form#formulario_busqueda input#text_buscar{
    padding-left: 2px;
    }    
    
input.btn_go{
    padding-bottom: 4px;
    height: 20px;
    width: 20px;
    background: transparent url( ../images/btn_go.gif) no-repeat top left;
    border: none;
    cursor: pointer;
    text-indent: -50em;
    vertical-align: middle;
    }
  
ul#herramientas{
    padding-right: 15px;
    } 
/*      FINAL DE LA CABECERA            */

/*      CUERPO CENTRAL              */
h1.titulo_pagina{
    padding: 0;
    margin: 0;
    color: #666;
    font-size: 12px;
    padding-left: 15px;
    }
    
h1.titulo_pagina span{
    font-size: 10px;
    color: #055880;
    }
/*      FINAL DEL CUERPO CENTRAL      */

/*      COLUMNA DERECHA        */
div.yui-b{
    padding-right: 15px;
    width: 240px;
    }

div.yui-b .sidebox {
    background: white url( ../images/sidebox_bkg.gif) no-repeat bottom right;
    height: 115px;
	height: 200px;
    }

div.yui-b .sidebox h3 {
	font-size: 1.2em;
	text-align: center;
	color: #055880;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #055880;
    }
.sidebox .sbcontent {
	padding: 4px;
}
.sidebox h5 {
	max-height:26px;
	line-height:13px;
	padding:2px 0;
	font-size:11px;
	margin:0;
	overflow:hidden;
	font-weight:normal;
}


div.yui-b .sb_banner {
    margin-top: 10px;
    height: auto;
    background: #F1F1F1;
    text-align: center;
    width: 184px;
    }
    
div.yui-b .sb_banner img{
    padding-top: 10px;
    padding-bottom: 10px;
    }

div.yui-b .sb_noticias h3 {
    background: transparent url( ../images/sidebox_noticias.gif) no-repeat;
    background-position: 99.99% 0%;
    }

div.yui-b .sb_info h3 {
	background: transparent url( ../images/sidebox_info.gif) no-repeat;
	background-position: 99.99% 0%;
	color: #055880;
    }

div.yui-b .sb_intralinks {
    padding: 0;
    margin: 0;
    background: transparent;
    height: 80px;
    }
    
div.yui-b .sb_intralinks ul,
div.yui-b .sb_intralinks ul li{
    list-style: none;
    margin: 0;
    padding: 0;
    }

div.yui-b .sb_bulletin {
    background-image: none;
    background-color: #eee;
    text-align: center;
    height: 85px;
    }

div.yui-b .sb_bulletin h3 {
    padding: 5px;
    border: none;
    margin-top: 0.4em;
    color: black;
    font-weight: bold;
    }

div.yui-b .sb_bulletin input[type="text"] {
	text-align: center;
	color: #004FA6;
    }

div.yui-b .sb_bulletin input.btn_suscribir {
	margin-top: 10px;
	font-size: 10px;
	cursor: pointer;
	color: #fff;
	border: 1px solid #000;
	background-color: #055880;
    }
    
div.yui-b .sb_calendar {
    background-image: none;
    background-color: #eee;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    }

div.yui-b .sb_calendar h3 {
    background: transparent url(../images/sidebox_events.gif) top right no-repeat;
    margin: 0;
    padding: 0;
    margin-top: 0.3em;
    height: 25px;
    border: none;
    color: black;
    }
    
/*      FINAL DE COLUMNA DERECHA      */

/*  CUERPO CENTRAL */
div#yui-main div.yui-b{
    text-align: justify;
    padding-top: 10px;
    }
/*  FINAL CUERPO CENTRAL*/

/*  CUADRO DE BANNERS */
div#ft ul, div#ft ul {
    list-style: none;
    }

div#ft ul li a {
    background-color: #fff;
    }

div#ft ul {
    display: block;
    height: 6em;
    }

div#ft ul li {
    margin: 0.6em 0em;
    float: left;
    height: 6em;
    width: 16.6%;
    line-height:4.6em;
    }

div#ft ul li a {
    display: block;
    width: 110px;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    }
/*  FINAL CUADRO DE BANNERS */

/* INFORMACION PIE DE PAGINA */

div#ft1 ul, div#ft1 ul li,
div#ft1 dl, div#ft1 dl dt, div#ft1 dl dd {
    list-style: none;    
    display: inline;
    padding: 0;
    margin: 0;
    }

div#ft1 ul li img{
    padding: 4px;    
    }

div#ft1 dl{
    padding-top: 4px;
    padding-right: 4px;
    float: right;
    color: #666;
    }
    
div#ft1 dl a{
    color: #666;
    }    
/* FINAL INFORMACION PIE DE PAGINA */


/*  MENU PRINCIPAL    */
ul#nav, ul#nav ul { /* all lists */
    z-index: 100;
    padding: 0;
    margin: 0;
    padding-top: 8px;
    list-style: none;
    line-height: 1;
    }

ul#nav span{
    text-align: center;
    display: block;
    }

ul#nav li { /* all list items */
    float: left;
    width: 10.5em; /* width needed or else Opera goes nuts */
    height: 18px;
    border-right: 1px solid #000;
    background: url( ../images/navi_bkg.gif );
    background-position: bottom;
    line-height: 1.5;
    }

ul#nav li a {
    font-weight: bold;
    color: #000;
    display: block;
    width: 10.5em;
    }

ul#nav li#nav_last,
ul#nav li#nav_last a{
    border: none;
    width: 20.50em;
    }

ul#nav li ul { /* second-level lists */
    margin: 0;
    padding: 0;
    padding-top: 3px;
    position: absolute;
    width: 220px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    }
    
ul#nav li ul li{
    margin-left: -1px;
    border-left: 1px solid #000;
    padding-left: 8px;
    background: url(../images/cuadro.png) no-repeat #fff;
    background-position: 0.25% 30%;
    width: 220px;
    }
    
ul#nav li ul li.last{
    border-bottom: 1px solid #000;
    }
    
ul#nav li ul li.first{
    border-top: 1px solid #000;
    }

ul#nav li ul li a,
ul#nav li ul li b{
    text-align: left;
    width: 220px;
    }

ul#nav li ul li b{
    display: block;
}

ul#nav li ul li a.subcategorias,
ul#nav li ul li b.subcategorias{
    background: url( ../images/flecha.png) no-repeat #fff;
    background-position: 98% 30%;
    }

ul#nav li ul li ul { /* third-and-above-level lists */
    margin: -19px 0 0 221px;
    }

ul#nav li ul li ul li,
ul#nav li ul li ul li a{
    width: 110px;    
    }

ul#nav li:hover ul ul, ul#nav li.sfhover ul ul {
	left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

ul#nav li ul.ul_last li{
    width: 197px;
    }

/* FINAL MENU PRINCIPAL */

.error{
    color: red;    
    }
    
/*  MENU DE IDIOMAS     */
a.idioma_sel , a.idioma{
    padding: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
    font-weight: bold;
    background-color: #055880;
    border: 1px solid #000;
    color: #fff;
    }
    
a.idioma_sel{
    background-color: #fff;
    border: 1px solid #055880;
    color: #055880;
    }
/*  FINAL MENU DE IDIOMAS     */

/*  HERRAMIENTAS JAVASCRIPT   */
ul#herramientas_javascrit{
    float: right;
    margin-bottom: 4px;
    }
    
ul#herramientas_javascrit li{
    list-style: none;
    display: inline;
    }
    
ul#herramientas_javascrit li a{
    text-decoration: none;
    color: #000;
    }

ul#herramientas_javascrit li a img{
    margin-left: 2px;
    vertical-align: bottom;
    }

/*FINAL HERRAMIENTAS JAVASCRIPT*/

/*  TABLA DE CALENDARIO     */
table#mes, table#tabla_mes{
    width: 150px;
    font-size: 9px;
    /*background: #fff;*/
    }
    
table#mes tr td{
    text-align: center;
    border: 1px solid #5a8090;
    color: #666;
    background: #FFF;
    }
    
table#mes th{
    font-weight: normal;
    color: #222;
    }
    
table#mes tr td a,
table#tabla_mes a{
	display: block;
	width: 100%;
	height: 100%;
	font-weight: bold;
	color: #fff;
	background-color: #055880;
    }
    
table#tabla_mes a{
    text-align: center;
    font-weight: normal;
    }

/*  FINAL TABLA DE CALENDARIO     */

/*  PANEL DE INFORMACION    */

h2#h2_panel_info{
    margin: 0;
    padding: 0;
    padding-left: 8px;
    font-size: 12px;
    }

p#p_panel_info{
    margin: 0;
    padding: 0;
    text-align: justify;
    margin-right: 8px;
    }

p#p_panel_info a{
    color: #000;
    }

/*  FINAL PANEL DE INFORMACION    */

.ok{
	color: #055880;
}

h2.error_envio,
h2.ok_envio{
    margin-left: 50px;
    padding: 15px;
    /*background:;*/
    border: 1px solid black;
    }

h2.ok_envio{
	color: #055880;
    }

h2.error_envio{
    color: red;
    }

h1#detalles_suscr{
	margin: 0;
	padding: 0;
	padding-left: 2px;
	margin-left: 15px;
	font-size: 14px;
	color: #055880;
	width: 475px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #055880;
    }
    
/*      FORMULARIO CONFIGURAR SUSCRIPCIONES   */
ul.config_sus li span{
    font-size: 11px;
    font-weight: bold;
    padding-right: 2px;
    float: left;
    width: 170px;
    text-align: right;
    color: #000;
    padding-right: 5px;
    }

ul.config_sus li{
    list-style: none;
    text-align: left;
    height: 25px;
    color: #000;
    }

ul.config_sus li{
    padding: 2px;
    height: auto;
    }
    
/*  FAQ   */
    
h3.pregunta{
    margin: 0;
    padding: 0;
    padding-left: 12px;
    margin-top: 25px;
    margin-left: 15px;
    background: url(../images/cuadro.png) no-repeat #fff;
    background-position: 0.35% 50%;
    }
    
p.respuesta{
    margin: 0;
    padding: 0;
    margin-left: 30px;
    margin-top: 8px;
    text-align: justify;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 16px;
    }
/*  FINAL FAQ   */

/* Scroller Box */
#scroller_container {
    margin: 0;
    padding: 0;
    position: relative;
    width: 183px;
    height: 90px;
    overflow: hidden;
    }
    
#scroller h5{
	padding: 0;
	margin: 0;
	margin-top: 5px;
	cursor: pointer;
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	color: #055880;
    }
	
#scroller h5:hover{
	color: #000000;
	background-color: #DCDCDC;
    }

#scroller p{
    text-align: justify;
    padding: 0;
    margin: 0;
    font-size: 9px;
    }

/* Scoller Box */

/* At the end of the CSS File */

/* CSS Hack Safari */
/*#dummy {;# }*/

#scroller_container {
 overflow: auto;
}

/*Tamaño de letra del cuadro central*/
.nivel1 {font-size: 100%;}
.nivel2 {font-size: 125%;}
.nivel3 {font-size: 150%;}