/* CSS Document - Meteo */

/*** Tags HTML ***/
* {font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;}
a {text-decoration:none;}
a:hover {text-decoration:none;}
a:hover * {text-decoration:none;}
form, p {margin:0;}
.separa {clear:both; margin:0;}

/*Imagen de fondo*/
.back_centro {background:url(/prontus_meteo/imag/back/fondo.jpg) no-repeat top center;}

/*Estructura Principal*/
#main {width:777px; overflow:hidden; margin:0; padding:0; background-color:#FFFFFF;}
#head {width:777px; overflow:hidden; margin:0; padding:0; background:url(/prontus_meteo/imag/back/back_top.jpg) no-repeat top left; text-align:left;}
#content {width:743px; overflow:hidden; margin:20px 0 0; text-align:left;}
#footer {width:777px; height:110px; overflow:hidden; margin:0; padding:20px 0 0; background:url(/prontus_meteo/imag/back/back_foot.jpg) repeat-x top left;}

/*Estructura de contenido*/
.contLeft {width:533px; float:left; clear:left; overflow:hidden;}
.contRight {width:193px; float:right; clear:right; overflow:hidden;}

/*Footer*/
#footer .texto {width:450px; clear:both; font-size:11px; color:#999999; line-height:18px; text-align:left;}
#footer .texto a {font-size:11px; color:#999999;}
#footer .texto a:hover {color:#CC0000;}
#footer img {float:left; overflow:hidden; margin:0 10px 0;}

/*Head*/
#head .logo {width:400px; float:left; clear:left; overflow:hidden; clear:both; height:114px;}
#head .col330 {width:330px; float:right; clear:right; overflow:hidden; text-align:right;}
#head .col330 .botones {margin:12px 20px 40px 0; overflow:hidden;}
#head .col330 .colFecha {width:225px; height:20px; margin:0 20px 0; padding:3px 0 0; overflow:hidden; background:url(/prontus_meteo/imag/head/back_fecha.gif) no-repeat top left; font-size:11px; color:#135A90; text-align:center;}
.botonera {background-color:#135A90; margin:0;}
.titularH {font-size:11px; font-weight:bold; color:#FFFFFF; text-align:center;}
.titularH a {display:block; font-size:11px; font-weight:bold; color:#FFFFFF; padding:7px; border-right:1px solid #427BA6;}
.titularH a:hover {background-color:#427BA6;}

.layerHead ul {margin:5px 8px 8px 25px; padding:0; text-align:left;}
.layerHead {width:150px; overflow:hidden; border:1px solid #CCCCCC; background:url(/prontus_meteo/imag/head/back_layer.jpg) repeat-x top left; background-color:#FFFFFF; margin:0px; padding:0;}
.layerHead li {list-style-image:url(/prontus_meteo/imag/auxi/flecha_azul.gif); line-height:12px; list-style-type: none; margin:0 0 3px; padding:0;}
.layerHead li a {font-size:11px; color:#135A90; margin:0; padding:0;}
.layerHead li a:hover {color:#CC0000;}

/*Menú - right*/
.colAlert {width:193px; overflow:hidden; padding:0; margin:0 0 9px;}
.colAlert .texto1 {width:140px; float:right; clear:right; overflow:hidden; margin:0 0px 8px 0;}
.colAlert .texto1 .titulo1 {font-size:13px; font-weight:bold; color:#FFFFFF; margin:0; padding:0;}
.colAlert .texto1 .ciudad {font-size:11px; color:#FFFFFF; margin:3px 0 0 0; padding:0;}
.colAlert .texto1 .ciudad a {font-size:11px; font-weight:bold; color:#FFFFFF; margin:0; padding:0;text-decoration:underline;}
.colAlert .texto1 .hora {font-size:10px; color:#CCCCCC; margin:0; padding:0;}

.colAlert .texto2 {width:140px; float:right; clear:right; overflow:hidden; margin:0 0px 8px 0;}
.colAlert .texto2 .titulo1 {font-size:13px; font-weight:bold; color:#FF9933; line-height:12px; margin:0; padding:0;}
.colAlert .texto2 .ciudad {font-size:11px; color:#FF9933; margin:3px 0 0 0; padding:0;}
.colAlert .texto2 .ciudad a {font-size:11px; font-weight:bold; color:#FF9933; margin:0; padding:0;text-decoration:underline;}
.colAlert .texto2 .hora {font-size:10px; color:#FF9933; margin:0; padding:0;}

.colAlert .texto3 {width:140px; float:right; clear:right; overflow:hidden; margin:0 0px 8px 0;}
.colAlert .texto3 .titulo1 {font-size:13px; font-weight:bold; color:#27B1EF; margin:0; padding:0;}
.colAlert .texto3 .ciudad {font-size:11px; color:#27B1EF; margin:3px 0 0 0; padding:0;}
.colAlert .texto3 .ciudad a {font-size:11px; font-weight:bold; color:#27B1EF; margin:0; padding:0;text-decoration:underline;}
.colAlert .texto3 .hora {font-size:10px; color:#27B1EF; margin:0; padding:0;}

.colAlert .texto1 a:hover, .colAlert .texto2 a:hover, .colAlert .texto3 a:hover {text-decoration:underline;}
.colAlert .ico {width:26px; float:left; clear:left; margin:0 5px 0 0px; padding:0 0 0 15px;}
.colAlert_top {width:193px; overflow:hidden; padding:46px 0 0; margin:0; background:url(/prontus_meteo/imag/menu/back_alerta_top.jpg) no-repeat left top; }
.colAlert_foot {width:193px; overflow:hidden; padding:8px 0 0; margin:0; background:url(/prontus_meteo/imag/menu/back_alerta_foot.jpg) no-repeat left top;}
.rss {margin:3px 0 25px 0px; padding:0 0 0 15px; clear:both;}

/**/
.col193 {width:193px; overflow:hidden; margin:0 0 15px;}
.col193 .rotuloF {margin:6px 0 8px; padding:0 0 1px; overflow:hidden; background:url(/prontus_meteo/imag/menu/rotulo_foot.gif) no-repeat left bottom;}
.col193 .rotuloT {margin:0 0 4px; overflow:hidden; padding:6px 0 1px; background:url(/prontus_meteo/imag/menu/rotulo_top.jpg) no-repeat left top;}
.col193 .rotuloT p {margin:0; padding:0 13px; font-weight:bold; font-size:11px; color:#666666;}
.col193 .titumenu {margin:0 0 8px 15px; background:url(/prontus_meteo/imag/auxi/flecha_negra.gif) no-repeat left top;}
.col193 .titumenu a {display:block; margin:0 0 0 13px; font-size:11px; color:#4C4C4C;}
.col193 .banner {margin:10px 0 0 2px; clear:both;}

/*HOVER ROJO*/
.col193 .titumenu a:hover {color:#CC0000;}

/*MARGIN 0*/
.colAlert .texto1 a, .colAlert .texto2 a, .colAlert .texto3 a {margin:0;}


/*FIN*/