* {
margin:0;
padding:0;
}
html {
margin:0;
padding:0;
}

body {
background:#ffffff;
font-family:"Arial";
font-size:62.5%;
color:#000000;
margin:0;
padding:0;

}
img {
border:0;
margin:0;
padding:0;
}
div {
background:transparent none repeat 0 0;
}
p {
margin:0;
padding:0;
} 
a {
text-decoration:none;
color:#000;
}
a:hover {
text-decoration:underline;
}
h2 {
margin:0;
padding:0;
}
h3 {
margin:0;
padding:0;
}
fieldset {
border:0 none;
}
input {
border:0 none;
}
ul {
margin:0;
padding:0;
list-style-type:none;
list-style-image:none;
}
/****************** Clases generales *********************/
.right { float:right;}
.left { float:left;}
.cleaning { clear:both;}

.clearfix:after {/*Esta clase la utilizaremos para todas las cajas que contengan elementos con floats
					y se encargará de crearle un elemento con clear:both */
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:block;}/* Hack para ie6*/
* html .clearfix {height:1px;}/* Hack para ie mac*/
/*********************************************************/
#container {
margin:0 auto;
padding:0;
width:950px;}
/********************************************************/
#main_header h1 {
float:left;
height:49px;
margin-top:5px;
padding:0;
width:191px;
}
#main_header h1 a {
background:transparent url(../images/logotipo.gif) no-repeat left top;
cursor:pointer;
display:block;
width:191px;
height:49px
}
h1 a span {
display:none;
}
/************contenedores*****************/
#main_content {
float:left;
width:645px;
}
#main_header {
height:67px;
}
#main_header div{
float:right;
width:180px;
margin-right:10px;
margin-top:20px;
}
#main_header img{
float:right;
margin-bottom:5px;
}
#main_header p {
padding-top:8px;
font-size:11px;
color:#33366b;
}
#main_header p a{
color:#33366b; text-decoration:none;
}
#main_header p a:hover{
text-decoration:underline;
}
#main_mapa{
/*float:left;*/
display:inline;
width:640px;
margin:0 0 10px 0;
padding:0 0 0 0;
}
#box_mapa {
float:left;
background:transparent url(../images/bg_box_mapa.gif) repeat-x left top;
border:1px solid #dedddc;
width:188px;

}
#box_mapa p {
font-size:11px;
padding-left:10px;
}
#box_mapa ul {
font-size:14px;
padding-left:10px;
padding-top:20px;
padding-bottom:13px;
}
#box_mapa ul li {
background:url(../images/bull_03.gif) no-repeat 0px 5px;
padding-left:17px;
padding-bottom:17px;
}
fieldset { margin-top:10px; margin-left:10px; margin-bottom:10px;}
fieldset input {
border-top:1px solid #979797;
border-bottom:1px solid #979797;
border-left:1px solid #979797;
background-color:#fff;
font-size:12px;
text-align:center;
height:18px;
width:128px;
text-align:left;
padding-left:8px;
padding-top:4px;
float:left;
}
.btn_buscar {
border:0; 
background:transparent url(../images/btn_buscar.jpg) no-repeat center center;
cursor:pointer;
width:31px;
height:24px;
float:left;
}

#mapa {float:left;width:440px;display:inline;padding:0;margin:0 0 0 10px}
#mapa img{float:left;}

/****************cajas********************/
.box_01 {
float:left;
background:url(../images/bg_box_bot.gif) no-repeat left bottom;
width:152px;
height:165px;
margin:10px 0 0 0;

}
.box_01 h3 {
background:url(../images/bg_box_top.gif) no-repeat left top;
font-size:18px;
font-weight:normal;
padding-left:10px;
padding-bottom:5px;
line-height:32px;
}
.box_01 h3 a{
color:#fff;
text-decoration:none;
}
.box_01 h3 a:hover{
text-decoration:underline;
}
.box_01 img {
float:left;
margin:0 10px 0 8px;
}
.box_01 p {
font-size:24px;
height:58px;

}
.box_01 p span{
display:block;
font-size:12px;
color:#ff6600;
}
.box_01 ul {
clear:both;
font-size:12px;
padding-left:10px;
padding-top:2px;
}
.box_01 ul li {
background:url(../images/bull_01.gif) no-repeat left center;
padding-left:10px;
}
.box_01 ul li a {
color:#000;
}
.sep_01 {margin-right:10px;}
.sep_bot {margin-bottom:10px;}
.sep_top {margin-top:10px;}

/************links ***********************/
#box_links {float:left;display:inline;padding:0 0 10px 0;margin:10px 0px 0px 0px }
#links {
float:left;
background:url(../images/bg_box03.gif) repeat-x left top;
background-color:#eae9e9;
height:217px;
width:477px;
margin-right:10px;

}
#links div.bg_top{
background:url(../images/bg_box03_top.gif) no-repeat left top;
height:30px;
width:477px;

}
.box_03 {
float:left;
width:33%;
height:217px;
}
.box_03 h3 {
font-size:14px;
color:#fff;
line-height:30px;
font-weight:bold;
padding-left:10px;
}

.box_03 ul {
padding:10px 10px 0px 15px; 
font-size:12px;
}
.box_03 ul li{
padding-bottom:5px; 
}

.box_04 {
float:left;
background:url(../images/bg_box03.gif) repeat-x left top;
width:152px;
height:217px;
background-color:#eae9e9;
}
.box_04 h3{
background:url(../images/bg_box04_top.gif) no-repeat left top;
font-size:14px;
color:#fff;
line-height:30px;
font-weight:bold;
padding-left:10px;
}
.box_04 img {
margin:10px 5px;
border:1px solid #3d3d3d;
}
.box_04 a { float:left}

/************columna lateral**************/
#column {
float:right;
width:300px;
}
.col_box_01 {padding-bottom:29px; float:left; width:300px; }
.col_box_01 .mod_01{ float:left; margin:0; padding:0; width:300px; }
.col_box_01 h3 {
background:url(../images/bg_titu_01.gif) no-repeat left bottom;
color:#ff6600;
font-size:20px;
font-weight:normal;
padding:20px 10px 3px 10px;
height:24px;
}
.col_box_01 h3 a{color:#ff6600}
.col_box_01 p  {
font-size:12px;
margin:9px 10px 0 10px;
}
.col_box_01 p a {
color:#000000;
text-decoration:none;
}
.col_box_01 p a:hover {
text-decoration:underline;
}

.col_box_02 {margin-bottom:9px; padding:12px 10px; border:1px solid #ff6600; float:left; width:278px}
.col_box_02 h3{color:#666666; font-size:14px; font-weight:bold; padding-bottom:5px;}
.col_box_02 img {float:left; margin-right:5px;}
.col_box_02 h4 a{font-size:11px; color:#ff6600;}
.col_box_02 p a {font-size:11px; color:#666666; }
.col_box_02 p span {background:url(../images/bull_02.gif) no-repeat left center; color:#000; font-weight:bold; padding-left:9px;}
.col_box_02 p span a{color:#000000;}

.patrocinador{  float:left; display:inline; padding-top:6px; width:560px; margin-left: 220px;}
.patrocinador .buscador {float:left; clear:both;}
.patrocinador .buscador{width:320px; background-color:#fff; margin-top:2px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:10px;float:left;}
.patrocinador .buscador h2{font-size:11px; font-weight:bold; color:#fff; background-color:#116FED; padding-left:4px;}
.patrocinador .buscador li{clear:both; padding-bottom: 6px; }
.patrocinador .buscador .box,.patrocinador .buscador .but{font-family:Arial, Verdana, Sans-Serif; font-size:10px; margin: 2px 0 2px 24px;}
.patrocinador .buscador .box{width:60px; border:1px solid #ccc; background-color:#EEE;}
.patrocinador .buscador .but{width:70px; background-color:#999; color:#fff; font-weight:bold; margin-left: 20px;}
.patrocinador .buscador .azul{color:#116FED; font-weight:bold;}
.patrocinador .buscador .text{margin-top: 10px; margin-left: 6px;clear:both; width: 200px;}
.patrocinador a{float:right;}

.menu{width:122px; float:left; background-color:#F5F5F5; padding-bottom:20px;}
.menu li{display:inline;} 
.navegacion{float:left;  width:778px; margin-bottom:10px; margin-top:4px; padding:2px 0 2px 0; background-color:#F5F5F5;}
.opciones{ float:left; width:606px; margin-bottom:10px; padding:4px 0 4px 10px;  background-color:#F5F5F5;}
.opciones select, .opciones input{margin-left:20px;}
.opciones select{width:200px;}
.fecha{float:left; width:425px;  margin-bottom:0px; padding:8px 0 0px 0px;/*border-bottom:1px solid #CCC;*/color:#666}
.act{float:left; display:inline; width:164px; padding:8px 0 4px 10px; }
.mapa{float:left; margin-top:0px;}
.pronostico_tiempo, .pronostico{width:640px; float:left; background-color:#fff; margin-top:5px; font-size: 12px; text-align:left;}
.contenido_right{width:170px; float:right;  margin-top:10px; margin-left:4px; }
.pronostico tbody td{width:25%;}
.pronostico tbody td.center{ border-right:1px solid #fff;}
.pronostico p, .pronostico_right p, .pronostico_right_expandido p{margin-bottom:4px; font-weight:normal;}
.item{display:block; padding:4px 0px 4px 14px; border-bottom:1px solid #e0e0e0; background-image:url("http://clima.starmedia.com/stmservicios/img/latinmail/arrow.gif"); background-position:0px 6px; background-repeat:no-repeat;}
.noticias input, .noticias_right input{width:auto; float:right; display:inline; margin-right:10px; }
.noticias input{margin-top:-14px; margin-right:9px;}
.noticias_right input{margin-top:10px; margin-bottom:10px;}
.noticias{float:left; display:inline;  margin-top:10px;}
.noticias_right, .enlaces_right{padding:3px 4px 4px 6px; margin-top:20px; }
.enlaces_right li{float:left; width:146px; padding:4px 0px 4px 12px; border-bottom:1px solid #e0e0e0; background-image:url("http://clima.starmedia.com/stmservicios/img/latinmail/arrow.gif"); background-position:0px 7px; background-repeat:no-repeat;}
.noticias_right{padding-top:10px;}

.contenido_right_expandido{ float:left; display:inline; margin-top:10px; margin-left:4px;}
.pronostico_right_expandido{width:600px; }
.pronostico_right_expandido td{width:150px;}
.pronostico_diario{width:600px;}
.pronostico_diario{ margin-top:10px;}
.pronostico_diario th, .pronostico_diario td{text-align:center;}

ul.enlaces{float:left; display:inline; width:640px; margin:10px 0 10px 0px;padding-bottom:0px;font-size:11px}
ul.enlaces li{float:left; width:295px; padding:4px 0px 4px 25px; border-bottom:1px solid #e0e0e0; background-image:url("http://www.orange.es/homeoes/img/es/1024/ico_flecha.gif"); background-position:10px 7px; background-repeat:no-repeat;}

ul.enlaces_ciudades{float:left; display:inline; width:440px; margin:0px 0 10px 0px;padding-bottom:0px;font-size:11px}
ul.enlaces_ciudades li{float:left; width:195px; padding:4px 0px 4px 25px; border-bottom:1px solid #e0e0e0; background-image:url("http://www.orange.es/homeoes/img/es/1024/ico_flecha.gif"); background-position:10px 7px; background-repeat:no-repeat;}

/*class*/
.titulo, .titulo2 {padding-left:5px;color: #FFF; font-weight:bold; display:block; background-color:#116FED; }
.titulo2{margin-top:19px; text-align:center;}
.azultit, p.azultit, .azulb{font-weight:bold; color: #FF6600;font-size:12px}
.azultit{margin-bottom:8px;color: #FF6600;font-size:12px}
.actual .azultit{margin-bottom:8px;color: #FF6600;font-size:12px}
.azulb{ display:block; margin-top:26px; text-align:center;}

th, td{padding:3px 4px 4px 6px;}
.ciudades{float:left; display:inline; width:440px; margin:0px 0 10px 0px; background-color:#fff;font-size:11px;text-align:left;}
.ciudades td{ width:422px; padding:4px 0px 4px 18px;/* border-bottom:1px solid #e0e0e0; */background-position:6px 7px; background-repeat:no-repeat;}
.ciudades .ciudades_td { width:422px; padding:7px 0px 7px 18px; /*border-bottom:1px solid #e0e0e0;*/color:#333;font-size:14px;font-weight:bold;text-transform:lowercase}
.pronostico_tiempo th, .ciudades th{color: #FF6600; font-weight:normal;border:none;font-size:16px;padding-bottom:15px  }
.pronostico_tiempo td{padding-left:3px; padding-right:0; padding-top:10px; vertical-align:top; width:101px;text-align:center}
.pronostico_tiempo td.centrado{padding-left:10px;}
.pronostico_tiempo img{margin-left:3px;}
.pronostico_tiempo td.titulos{width:98px; text-align:left}
tr.ebe{background-color:#f5f5f5;}
.f5{background-color:#f5f5f5; border-top:1px solid #fff; border-right:1px solid #fff;}
.dato{font-weight:bold; }
.datos{float:left; display:inline;  margin:10px 0 10px 0; background-color:#fff;}
.datos td{padding:5px 0 5px 0px;}

/*botones temporada*/
.boton {
background-color:#FFFFFF;
border:1px solid #0066CC;
color:#000000;
height:20px;
margin-left:10px;
padding:2px 5px;
text-transform:uppercase;
}
.boton_ir, .boton_ir_invierno, .boton_ir_otono, .boton_ir_primavera, .boton_blanco{width: 41px; height: 17px; font-size: 7pt; font-weight: bold; color: #000000; border: 1px #0066cc  solid;} 
.boton_ir{background-color: #FFFFFF; 
margin-left:20px;
padding:2px 5px 3px 2px;
width:20px;}
.boton_ir_invierno {background-color: #D1D3EC;}  
.boton_ir_otono {background-color: #E1D183;}  
.boton_ir_primavera {background-color: #D8EEA4;}
.boton_blanco {background-color: #FFFFFF; font-weight:normal;}

/*Paginacion*/

#paginacion{list-style:none; width:435px; font-size:12px;text-align:center}
#paginacion li{display:inline;   }
#numeracion{ display:inline; float:left; width:272px; text-align:center;} 
#numeracion ol{ display:inline; width:200px; margin:0 auto; }
#numeracion li{ display:inline; padding:0 0 0 4px;}
.anterior, .siguiente{display:inline; width:50px; font-weight:bold;}
.anterior{float:left; padding-left:14px; background-image:url("http://clima.starmedia.com/stm/img/es/arrow_left_pag.gif"); background-position:0px 5px; background-repeat:no-repeat;}
.siguiente{float:right; padding-left:14px; background-image:url("http://clima.starmedia.com/stmservicios/img/latinmail/arrow.gif"); background-position:0px 5px; background-repeat:no-repeat;}
.activo{color: #116FED; font-weight:bold; text-decoration:underline;}
.atras{float:right; display:inline; width:98px; padding-left:14px; margin-top:8px; background-image:url("http://clima.starmedia.com/stm/img/es/arrow_left_pag.gif"); background-position:0px 5px; background-repeat:no-repeat;}
#foot{margin-top:20px;}

.conversor{width:120px; background-color:#fff; margin-top:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:10px;}
.conversor h2{font-size:11px; font-weight:bold; color:#fff; background-color:#116FED; padding-left:4px;}
.conversor li{clear:both;}
.conversor .box, .conversor .but{font-family:Arial, Verdana, Sans-Serif; font-size:10px; margin: 2px 0 2px 24px;}
.conversor .box{width:60px; border:1px solid #ccc; background-color:#EEE;}
.conversor .but{width:60px; background-color:#999; color:#fff; font-weight:bold;}
.conversor .azul{color:#116FED; font-weight:bold;}


.actual{float:left;width:440px; padding:0px; background-color:#fff;font-size:11px;}
.actual h2{font-size:24px; color: #FF6600; font-weight:normal;margin:10px 0px; padding: 5px;}
.actual .img{float:left; display:inline; margin: 10px 40px 0 40px;}
.actual .temp{ display:inline; width:100px; }
.actual .dato{font-size:20px; font-weight:normal;}
.actual table td{padding:10px 0 10px 4px;font-size:14px;}
.mayuscula {text-transform:capitalize;color:#333}

.prevision {float:left;display:inline;width:640px;margin:10px 0px 0px 0px;padding:0;}
.prevision h2{background:transparent url(../images/bg_box2_top.gif) no-repeat scroll left top;
font-size:18px;font-weight:normal;line-height:32px;padding-bottom:5px;padding-left:10px;width:630px;color:#FFF}

.cierre_prevision {float:left;background:transparent url(../images/bg_box2_bot.gif) no-repeat scroll left bottom;width:640px;height:15px;margin:0;padding:0;display:inline;}

.pronostico_dias {font-size:11px}

#publicidad {float:left;display:inline;margin:10px 0 0 0;padding:0;}

/*-- Caja buscador Horizontal --*/

#box_mapa_hor {
float:left;
background:transparent url(../images/bg_box_mapa.gif) repeat-x left top;
border:1px solid #dedddc;
width:637px;
padding-top:5px;
margin:3px 0;
}

#box_mapa_hor p {
	float:right;
	display:inline;
font-size:11px;
padding-top:0px;
width: 447px;
}
#box_mapa_hor ul {
font-size:14px;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
float:left;
width:627px;
}
#box_mapa_hor ul li {
background:url(../images/bull_03.gif) no-repeat 0px 5px;
padding-left:17px;
padding-bottom:0px;
float:left;
margin: 0 21px 0 0;
}
#box_mapa_hor fieldset { margin-top:2px;margin-left:10px; margin-bottom:10px;width:180px;float:left;display:inline}
#box_mapa_hor fieldset input {
border-top:1px solid #979797;
border-bottom:1px solid #979797;
border-left:1px solid #979797;
background-color:#fff;
font-size:12px;
text-align:center;
height:18px;
width:128px;
text-align:left;
padding-left:8px;
padding-top:4px;
float:left;
}
#box_mapa_hor .btn_buscar {
border:0; 
background:transparent url(../images/btn_buscar.jpg) no-repeat center center;
cursor:pointer;
width:31px;
height:24px;
float:left;
}

/*- Enlaces en previsón para Hoy y Mañana-*/

.enlaces_prev {float:left;display:inline;width:100%;padding:5px 0 5pxpx 0;margin:15px 0 0 5px;font-size:12px;font-weight:normal;}
.enlaces_prev li{float:left;display:inline;margin:0;padding:0 0 0 17px;width:45%;background:url(http://actualidad.orange.es/img/ic_title_orange.gif) no-repeat 0px 1px;}
.enlaces_prev li a{color:#333333;font-weight:bold}