@charset "utf-8";

html, body, div, ul, li{margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
body{background-image:url(../imagen/bck_degrade.jpg); background-repeat:repeat-x; background-color:#366DA5; text-align:center; margin-top:0px; font-family:Verdana, Helvetica, sans-serif;}	
body h1 {color:#00669E; line-height: 1.2em; font-family:Arial, Helvetica, sans-serif}
body h1, h2, h3, h4 { margin-bottom:5px; margin-top:0px; font-weight:normal; line-height:1.2em;}
body h1 a {color:#00669E; text-decoration:none;}
body h1 a:hover {text-decoration:none; color:#000}
body h2 a {color:#333; line-height: 1.3em; text-decoration:none;}
body h2 a:hover {text-decoration:none; color::#333}
body img {border:none;}
body a{ text-decoration:none; color:#003399}
body a:hover { text-decoration:underline}

/* CONTENEDORES */
#body {background-repeat:no-repeat;	background-position:top; margin-top:0px;}

.fondoder {background:url(../imagen/bck_right.png) repeat-y}
.fondoizq {background:url(../imagen/bck_left.png) repeat-y}
.fondosup {background: url(../imagen/bck_top_middle.png) repeat-x}
.fondoinf {background: url(../imagen/bck_bottom_middle.png) repeat-x}

#principalout{background:url(../imagen/bck_degrade_top.jpg) repeat-x top #f8f8f8; overflow:hidden}
#principalin{padding:7px; text-align:left; font-family:Verdana, Helvetica, sans-serif; font-size: 12px; line-height: 1.4em; background:url(../imagen/bck_degrade_bottom.jpg) repeat-x bottom; overflow:hidden} 
#izq {width:216px; float:left; }
#izq1 {padding:8px; background:url(../imagen/bck_menu_lateral.png) right repeat-y; border-bottom:1px solid #999; border-left:1px solid #999}
#izq1 .tit {color:#FFF; font-weight:bold; background:url(../imagen/bck_titulo.jpg) repeat-x; padding:2px 2px 2px 5px; margin-top:10px; margin-bottom:2px;}
#izq1 .tiempo_img {width:60px; float:left; margin-top:3px; text-align:center; margin-bottom:3px}
#izq1 .tiempo_temp {margin-left:70px; margin-top:15px; font-size:22px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#izq1 .tiempo_inf { width:80px; float:right; margin-top:8px;}
#izq1 .tiempo_inf div { width:25px; float:left;}
#izq1 .tiempo_inf span {font-size:12px; font-weight:bold;}
#izq1 .tiempo_pron {clear:both; padding:3px; border-top: 1px dotted #CCC; border-bottom: 1px dotted #CCC;}

#izq .mnu {margin:0px; padding:2px 0px 0px 20px; background:url(../imagen/bull_blue.gif) no-repeat; height:21px; vertical-align:middle;}
#izq .mnu:hover {background:url(../imagen/bull_red.gif) no-repeat #fff; cursor:pointer; font-weight:bold; color:#004080}

#der {margin-left:225px; padding:10px; }
#der h1 {color:#000; border-bottom:2px solid #999999; margin-bottom:15px}
#der .subtit {background-color:#FFF; background:url(../imagen/bck_subtitulo.png) top repeat-x; font-size:13px; font-weight:bold; height:30px; padding-top:5px; padding-left:5px;}
#der p {margin-top:5px; margin-bottom:15px}

.menu div { float:left; background:url(../imagen/img_menu_sep.png) no-repeat right; padding-left:10px; padding-right:15px;}
.menu a {font-size: 12px; font-weight: bold; text-decoration:none; color:#00669E}
.menu a:hover { color:#000; text-decoration:none}

.pie {color:#FFFFFF; font-size:10px; margin-bottom:20px; margin-top:5px;}
.pie .xyn {color:#CCC}
.pie a {color:#FFF; text-decoration:none}
.pie a:hover {text-decoration:underline}

.corredor {width:60px; height:40px; float:left; margin:3px; text-align:center; padding:15px 5px 5px 5px; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../imagen/bck_corredor_s_up.jpg) no-repeat top left}
.corredor:hover {background:url(../imagen/bck_corredor_s_down.jpg) no-repeat top left; cursor:pointer}
.sel {background:url(../imagen/bck_corredor_s_down.jpg) no-repeat top left  !important}
.corredor div { font-size:11px; margin-top:3px; line-height:1.1em }

.corredor2 {width:60px; height:60px; float:left; margin:3px; text-align:center; padding:15px 5px 5px 5px; font-size:24px; font-family:Arial, Helvetica, sans-serif; background:url(../imagen/bck_corredor_l_up.jpg) no-repeat top left}
.corredor2:hover {background:url(../imagen/bck_corredor_l_down.jpg) no-repeat top left; cursor:pointer}
.sel2 {background:url(../imagen/bck_corredor_l_down.jpg) no-repeat top left  !important}
.corredor2 div { font-size:11px; margin-top:3px; line-height:1.1em }

/* frmSaetaS */
#frmSaeta {margin:0px;}
#frmSaeta div {text-align:left;	padding-left:8px;	padding-right:8px;	padding-bottom:3px;	padding-top:3px;}
#frmSaeta label {float: left; text-align:left;}
#frmSaeta input, #frmSaeta textarea, #frmSaeta select, #frmSaeta file {	font-family:Verdana, Geneva, sans-serif;	font-size: 12px;	color:#222;	padding:2px;}
#frmSaeta .correctElement {border: 1px solid #aaa;}
#frmSaeta .errorElement {border: 1px solid #FF0000;}
#frmSaeta .errorText{color:#FF0000; vertical-align:top; font-size: 0.8em;}
#frmSaeta .titulo {color:#FFF; font-weight:bold}
#frmSaeta .botones { background-color:#ddd; padding:3px; text-align:center; margin-top:5px;}


/* NOTICIAS  */
.noticiaizq { width:310px; float:left; border-right:1px solid #CCC; padding-right:15px; }
.noticiader { width:310px; float:right;}

.noticia {padding:5px; border-bottom:1px dotted #888; overflow:hidden; margin-bottom:5px;}
.noticia .imgvid {padding:4px; border:1px solid #bbb; margin-bottom:6px;}
.noticia .imgvid p {margin:0px !important;}
.noticia .imgvid div {font-size:11px; color:#333333;}
.noticia .imgvidchico{width:auto; float:left; padding:2px; border:1px solid #bbb; margin-bottom:2px; background:#FFF; margin-right:10px;}
.noticia .imgvidchico p {margin:0px !important;}
.noticia .audio {width:auto; float:left; border:1px solid #ccc; margin-bottom:7px; margin-right:70px;}
.noticia .audio p {margin:0px !important; padding:3px}
.noticia .audio div {padding-left:4px; padding-right:4px; font-size:11px; color:#333333; }
.noticia .audiochico{width:auto; float:left; padding:2px; border:1px solid #bbb; margin-bottom:2px; background:#FFF; margin-right:10px;}
.noticia .audiochico p {margin:0px !important;}
.noticia h1 {font-size:20px; font-weight:bold; border: none !important; margin-bottom:5px !important}
.noticia h1 span { font-weight:bold; font-size:11px; color:#333}
.noticia h2 {font-size:13px; color:#333; margin-top:0px !important}
.noticia h2 a {color:#333; line-height: 1.3em; text-decoration:none;}
.noticia h2 a:hover {text-decoration:none; color::#333}
.noticia h2 span { font-weight:bold; font-size:11px;}
.noticia h3 {font-size:11px; color:#333; margin-bottom:5px; background-color:#eee; padding:3px;}

/* NOTICIA EN DETALLE */
#noticiadetalle {padding-left:5px; padding-right:5px;}
#noticiadetalle .fecha, #noticiadetalle .tools {font-weight:normal; font-size:11px; height:25px; color:#666; border-top:1px solid #CCCCCC; padding:3px}
#noticiadetalle .tools {text-align:right; margin-left:400px;}
#noticiadetalle .fecha {text-align:left; float:left; width:400px}
#noticiadetalle .tools a {text-decoration:none; color:#666}
#noticiadetalle .tools a:hover {color:#00669E; text-decoration:underline}
#noticiadetalle .imgvid {float:left; padding:4px; border:1px solid #ccc; margin-left:0px; margin-top:6px; margin-right:10px; margin-bottom:5px;}
#noticiadetalle .imgvid p {margin:0;}
#noticiadetalle .imgvid div {font-size:11px; color:#333333; }
#noticiadetalle .audio {width:auto; float:left; border:1px solid #ccc; margin:10px; margin-left:0px;}
#noticiadetalle .audio p {margin:0; padding:3px}
#noticiadetalle .audio div {padding-left:4px; padding-right:4px; font-size:11px; color:#333333; }

#noticiadetalle h1 {border: none !important; font-size:30px; color:#00669E}
#noticiadetalle h2 {font-size:13px; line-height:1.2em; border-left:1px solid #CCCCCC; margin:5px 7px 10px 25px; padding-left:7px; }
#noticiadetalle #DivNoticia {font-family:Arial, Sans-Serif; line-height:1.3em }
#noticiadetalle .not-2 {font-size:9px;}
#noticiadetalle .not-1 {font-size:11px;}
#noticiadetalle .not0 {font-size:13px;}
#noticiadetalle .not1 {font-size:15px;}
#noticiadetalle .not2 {font-size:17px;}


#noticiadetalle .anterior span {font-size:11px; font-weight:bold; color:#333}
#noticiadetalle .siguiente {text-align:right;}
#noticiadetalle .siguiente span {font-size:11px; font-weight:bold; color:#333}

#tablas table tr td {border-bottom:1px solid #CCC}
#tablas1 table tr td {border-bottom:1px solid #999}

.banner {margin-bottom:7px; padding-bottom:8px; border-bottom:1px dotted #888; overflow:hidden; }
.txtazul {color:#036; font-weight:bold}
.tel {color:#036; font-size:30px; font-weight:bold; font-family:Helvetica, sans-serif, Arial}

/* ADMIN */
#admin {padding-bottom:20px;}
#admin table {font-size:12px;}