@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);

@font-face {
	font-family: 'nova';
	src: url('nova_bold-webfont.eot');
	src: url('nova_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('nova_bold-webfont.woff') format('woff'),
	url('nova_bold-webfont.ttf') format('truetype'),
	url('nova_bold-webfont.svg#proxima_nova_rgbold') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { font-family: "Helvetica Neue", Arial, Helvetica, Sans-serif; } 
a {color:#435f78; text-decoration: none;overflow: hidden;display: block;}
a:hover { text-decoration: underline; }

article, nav, section, header {display: block;/* width: 250px; */float:;}


#cabecera {width:990px; margin: 0px auto; padding: 5px 0; overflow: hidden;}
#cabecera p {float:left; display: inline; text-indent:-9000px; margin: 0 12px 0 0; padding: 0 12px 0 0; border-right: 1px dotted #ccc;}
#cabecera p .abc {display: block; width:72px; height: 35px; background: url(../img/sprite.png) no-repeat -97px 0px; overflow: hidden;}
#cabecera p .correo {display: block; width:144px; height: 35px; background: url(../img/elcorreo.png) no-repeat; overflow: hidden;}
#cabecera p .dvasco {display: block; width:210px; height: 35px; background: url(../img/diario-vasco.png) no-repeat; overflow: hidden;}
#cabecera p .dmontanes {display: block; width:248px; height: 35px; background: url(../img/diario-montanes.png) no-repeat; overflow: hidden;}
#cabecera p .larioja {display: block; width:127px; height: 35px; background: url(../img/larioja.png) no-repeat; overflow: hidden;}
#cabecera p .comercio {display: block; width:253px; height: 35px; background: url(../img/elcomercio.png) no-repeat; overflow: hidden;}
#cabecera p .elnorte {display: block; width:139px; height: 35px; background: url(../img/elnorte.png) no-repeat; overflow: hidden;}
#cabecera p .hoy {display: block; width:107px; height: 35px; background: url(../img/hoy.png) no-repeat; overflow: hidden;}
#cabecera p .laverdad {display: block; width:164px; height: 35px; background: url(../img/laverdad.png) no-repeat; overflow: hidden;}
#cabecera p .lasprovincias {display: block; width:183px; height: 35px; background: url(../img/lasprovincias.png) no-repeat; overflow: hidden;}
#cabecera p .sur {display: block; width:130px; height: 35px; background: url(../img/sur.png) no-repeat; overflow: hidden;}
#cabecera p .ideal {display: block; width:106px; height: 35px; background: url(../img/ideal.png) no-repeat; overflow: hidden;}
#cabecera p .lavoz {display: block; width:132px; height: 35px; background: url(../img/lavozdigital.png) no-repeat; overflow: hidden;}
#cabecera p .leonoticias {display: block; width:181px; height: 35px; background: url(../img/leonoticias.png) no-repeat; overflow: hidden;}
#cabecera p .surinenglish {display: block; width:322px; height: 35px; background: url(../img/surinenglish.png) no-repeat; overflow: hidden;}

#cabecera h1 {float:left; display: inline; font-size:30px;}
#cabecera h1 strong { font-weight: bold;}

/* menu */
#comparador #menu {margin-bottom:16px;}
#noticias #menu {margin-bottom:16px;}

#menu {border-top:1px solid #5c6975; border-bottom: 1px solid #fff;}
.nav {border-top:1px solid #8d969f; width:auto; overflow: hidden; 
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(74,84,94)),
    color-stop(1, rgb(92,105,117))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(74,84,94) 50%,
        rgb(92,105,117) 100%
    );
    background: -ms-linear-gradient(top, #4a545e 0%,#5c6975 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a545e', endColorstr='#5c6975',GradientType=0 );
}
.nav ul {border-right:1px solid #889098;border-left:1px solid #404952; float:left; display: inline; margin:1px 0;}
.cont_nav {width:990px; margin:0px auto; overflow:hidden;  }
.nav li {float:left; display: inline; padding: 0 1px; border-left:1px solid #889098; border-right:1px solid #404952;}
.nav li a {padding: 12px 16px; color:#fff; display: block; font-weight: bold; font-size:15px; text-shadow: 1px 1px 0px #000;}
.nav li.activo a {
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,background-color:#fff,
    color-stop(0.07, rgb(74,84,94)),
    color-stop(1, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(74,84,94) 7%,
    rgb(255,255,255) 100%
);
background: -ms-linear-gradient(top, #4a545e 7%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a545e', endColorstr='#ffffff',GradientType=0 );

}

.cargando{background: url(../img/cargando.gif) no-repeat;width:32px;height:32px;display:block}
.cargando_g{background: url(../img/cargando_g2.gif) no-repeat;margin-top:50px; margin-left: 42%;width:33px;height:33px;display:block;align:center}

.oculto {display:none}

.sub_nav {
	padding: 8px 0;
	border-top:1px solid #626e7a;
	color:#fff;
	font-size:13px;overflow: hidden; 
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(96,109,121)),
    color-stop(1, rgb(60,68,76))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(96,109,121) 50%,
    rgb(60,68,76) 100%
);
background: -ms-linear-gradient(top, #606d79 50%,#3c444c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606d79', endColorstr='#3c444c',GradientType=0 );
}
.sub_nav p {float:left; display: inline; font-weight: normal; padding: 6px 0; margin: 0 8px 0 0; font-size:11px}
.sub_nav p a{ color:#fff; font-weight: bold; text-decoration:underline; display: inline;}
.sub_nav ul {padding: 2px 0 0 0;}
.sub_nav li {float:left; display: inline; margin: 0 4px 0 0; font-size:11px;}
.sub_nav li a{ color:#fff; display: block; padding: 4px 8px;}
.sub_nav li.activo a {background: #fff; color:#333;
	-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold;
        
}

ul.franja {float:right; display: inline;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	color:#333;
	padding: 0 12px 0 0;
	-moz-box-shadow:inset 0px 2px 4px #999;
  	-webkit-box-shadow:inset 0px 2px 4px #999;
    box-shadow:inset 0px 2px 4px #999;
	
}


ul.franja li {margin:0 0 0 12px; text-indent: -9000px;}
ul.franja li a {display: block; width:17px; height: 17px;  opacity: .25; padding: 4px 0;}
ul.franja li.activo a{opacity: 1; }
ul.franja .dia a { background: url(../img/sprite.png) no-repeat -196px 1px;}
ul.franja .noche a {background: url(../img/sprite.png) no-repeat -219px 1px;}
ul.franja .noche {border-left:1px dotted #ccc; padding: 0 0 0 12px; }


.uppercase{text-transform: uppercase}

.publi {background: #eef0ee; text-align: center; border:1px solid #d3d5d4; }
.col_2 .publi {padding: 4px 0; font-size:9px; margin: 0 0 12px 0;}


#contenido {width: 990px;  margin: 0px auto; }
#contenido .col_1 {float:left; display: inline; width:656px; margin: 0 0 20px 0;}
#contenido .col_2 {float:right; display: inline; width:312px; margin: 0 0 20px 0;}
.mod_fotogaleria {clear:both; margin: 0 0 20px 0;}



#contenido h1 {color: #ca0023; font-weight:bold; font-size: 20px; font-family: nova;text-transform: uppercase;line-height:20px;  letter-spacing: 0.03em; padding: 0 0 4px 0; /* border-bottom: 1px solid #ccc; */ margin: 0 0 16px 0; position: relative; }

#contenido h1:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	/* border: 7px solid transparent; */
	/* border-top-color: #ccc; */
	top: 100%;
	left: 10px;	
	
}


#contenido .titularcillo h2 {color:#666666; font-weight:bold; font-size:17px; line-height:20px;  letter-spacing: 0.03em; padding: 0 0 4px 0; border-bottom: 1px solid #ccc; margin: 0 0 16px 0; position: relative; }

#contenido .titularcillo h2:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-top-color: #ccc;
	top: 100%;
	left: 10px;	
	
}

#contenido .titularcillo .title {color: #ca0023; font-weight:bold; font-size: 20px; font-family: nova;line-height:20px;  letter-spacing: 0.03em; padding: 0 0 4px 0; /* border-bottom: 1px solid #ccc; */ text-transform: uppercase;margin: 0 0 16px 0; position: relative; }

#contenido .titularcillo .title:after {
	/* content: ' '; */
	height: 0;
	position: absolute;
	width: 0;
	border: 7px solid transparent;
	border-top-color: #ccc;
	top: 100%;
	left: 10px;	
	
}


#contenido .modulo {border:1px solid #f5f5f5; padding:12px; margin: 0 0 12px 0;}
#contenido .modulo h2 {background: #435f78;  font-weight:bold; font-size:17px; line-height:20px;  letter-spacing: -1px; position: relative; padding: 4px 20px; display: inline-block; color:#fff; text-shadow: 1px 0px 0px #212f3c; margin: 0 0 16px -22px; border: 0px; color:#fff;}
#contenido .modulo h2:after{border:0px;}

#playa .listado li { width: auto; overflow: hidden;}
.listado li{border-bottom: 1px dotted #ccc; padding: 4px 2px 4px 2px;  font-size: 14px; font-family: open sans;}
.listado li:hover {background: #f5f5f5;}
p.max { font:bold 13px/14px "Helvetica Neue", Arial, Helvetica, Sans-serif; color:#fff; background: #ca0023; display: inline-block; width:30px; text-align: center; padding: 4px 0;margin-right: 2px;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;

}
p.min { font:bold 13px/14px "Helvetica Neue", Arial, Helvetica, Sans-serif; color:#fff; background: #5b6566; display: inline-block; width:30px; text-align: center; padding: 4px 0;margin-left: 2px;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;
}

.ultimas_noticias ul{}
.ultimas_noticias li {font-size:14px; font-weight: bold; margin: 0 0 8px 0; padding: 0 0 8px 0; border-bottom: 1px dotted #ccc}

p.mas {text-align:right; font-size:11px;margin: 0 0 15px 0;}
p.mas a {text-decoration: underline;}

.comparador h2 {float:left; display: inline;}
.comparador p {float:right; display: inline; font-size:11px; color:#666; margin: 12px 0 0 0;}
#mensajeError {float:left; display: inline; font-size:11px;font-weight: bold; color:#435f78; margin: 12px 0 0 0;}
.comparador form {clear:both;}
.comparador fieldset { 
	border:1px solid #cdcdcd;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-moz-box-shadow:inset 0px 3px 4px #ccc;
  	-webkit-box-shadow:inset 0px 3px 4px #ccc;
    box-shadow:inset 0px 3px 4px #ccc;
    float:left; display: inline; width:160px; 
    margin: 0 10px 0 0;
    position: relative;
}
.comparador input {border:0px; color:#999; padding: 8px 10px 5px 0px; background: none; width:142px; font-size:14px; font-weight: bold;}
.comparador fieldset.enviar {float:right; display: inline; width:auto; 
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;
	border:0px; 
	box-shadow: 0px 0px 0px;
	margin: 0px;
	background: #517192; 
}
.comparador fieldset.enviar input {width:100px; padding: 8px 10px 7px 10px; font-size:12px; font-weight: bold; color:#fff; text-shadow: 1px 0 #333; cursor: pointer; line-height: 14px;}


ul.predictivo {position: absolute;overflow:scroll;height:200px; top:32px; left:0px; right:0px; background: #fff; border:1px solid #ccc; border-top: 0px; box-shadow: 2px 2px 4px #ccc;}
ul.predictivo li {border:0px;  font-weight: normal; padding: 0px; font-size:14px;}
ul.predictivo li strong {font-weight: bold; border-bottom:1px dotted #ccc;}
ul.predictivo li a{ color:#999; padding: 8px; display: block;}
ul.predictivo li a:hover {background: #435F78; color:#fff;}

ul.predictivo li:hover {position:relative; z-index:200;}

#buscador {position: relative;top:18px;right:18px;z-index:5;}
#map { width:99.9%;height:485px;background: #99b3ce no-repeat center top; margin: 0px 0.1% 16px 0px; position: relative;top:0px; left:0px;z-index:1;}
#map img {display: block; margin: 0px auto; position: relative; left:0%; top:0px;}
.cont_info { width: 324px; margin: 0px auto; position: absolute;top:280px; left:10%; height: 385px;z-index:2; }
#embalses .cont_info { height: 320px;top:280px;}
#nieve .cont_info { height: 250px;top:280px; }
#nieve.playadetalle .cont_info {top:233px;}
#deporte .cont_info { height: 250px;top:280px;}
#playa.playadetalle .cont_info  { top:233px;}

#playa .cont_info { height: 250px;top:280px; }

.playadetalle #map  { height: 250px; }
.playadetalle #map  { height: 250px; }


.mod_info {position:relative; top:0px; left:0px; background: #fff; border:5px solid #f5f5f5; width:324px; /* height: 332px;*/
padding: 1px;z-index:3;
background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.5, rgb(229,229,229)),
    color-stop(1, rgb(255,255,255))
);
background-image: -moz-linear-gradient(
    center bottom,
    rgb(229,229,229) 50%,
    rgb(255,255,255) 100%
);
background: -ms-linear-gradient(top, #e5e5e5 50%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
 }
 
.mod_info h2 {font-size:16px; font-weight: bold; margin: 0 0px 12px 0px; border: 0px; padding: 0px; color: #666; text-shadow: 1px 0px 0px #fff;}
#embalses .mod_info h4 {position: relative; margin: -12px 0 8px 0; font-size:11px; color:#666;}
#nieve .mod_info h4 {position: relative; margin: -8px 0 10px 0; font-size:11px; color:#666;}
#playa .mod_info h4 {position: relative; margin: -8px 0 10px 0; font-size:11px; color:#666;}

.mod_info li:first-child {border:0px;}
.mod_info li { padding: 12px 8px;
	border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #FFFFFF;
}
#embalses .mod_info li {border-bottom: 0px;}
#nieve .mod_info li {border-bottom: 0px;}

.mod_info li.tu_tiempo {border-bottom:0px;}
.mod_info li.buscar { position: relative;font-size:14px; font-weight: bold;  border-bottom: 1px solid #ccc;}
.mod_info li.buscar fieldset { 
	border:1px solid #cdcdcd;
	-weleft:20%;webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-moz-box-shadow:inset 0px 3px 4px #ccc;
  	-webkit-box-shadow:inset 0px 3px 4px #ccc;
    box-shadow:inset 0px 3px 4px #ccc;
    position: relative;
}
.mod_info li.buscar input {border:0px; color:#999; padding: 8px 10px 5px 10px; background: none; width:250px; float:left; display: inline;}
.mod_info li.buscar input.btn_buscar {float:right; display: inline; width:34px; height: 33px;
	position: absolute;
	right: -1px;
	top:-1px;
	background: url(../img/sprite.png) no-repeat 0px 0px; 
	text-indent:-9000px;
	cursor: pointer;
 }


.p_ciudades { width:auto; overflow: hidden; }
.p_ciudades li {text-align:center; float:left; display: inline; width:80px; padding: 0px; border: 0px; margin: 0 10px 0 0;}
.p_ciudades h3 {margin: 0 0 4px 0; font-size:14px; font-weight: bold; }
.p_ciudades h2 {margin: 0 0 4px 0; font-size:14px; font-weight: bold; }
#embalses .p_ciudades p {font-size:13px; color:#666666; font-weight: bold;}
#playa .p_ciudades h3 {font-size:12px; min-height: 30px; }
#playa .jcarousel-container p { margin: 0 4px; }

.mod_info .jcarousel-clip {width:269px; overflow: hidden; margin: 0 0 0 24px;}
.mod_info .jcarousel-next {right:0px; top:28px;  position: absolute; width:15px; height: 20px; background: url(../img/sprite.png) no-repeat -62px 0px; cursor: pointer; }
.jcarousel-next-disabled, .jcarousel-prev-disabled { opacity: .5; }
.mod_info .jcarousel-prev {left:0px; top:28px;  position: absolute; width:15px; height: 20px; background: #ff5500; cursor: pointer; background: url(../img/sprite.png) no-repeat -47px 0px;}
#map .mod_info img {position: static; left:auto; top:auto; margin-bottom:4px;}

.desplegable {
	border:1px solid #cdcdcd;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-moz-box-shadow:inset 0px 3px 4px #ccc;
  	-webkit-box-shadow:inset 0px 3px 4px #ccc;
    box-shadow:inset 0px 3px 4px #ccc;
    position: relative;
    margin: 0 0 8px 0;
}
.desplegable h3 {
	font-size:14px; font-weight: bold;
	padding: 7px 10px 7px 10px;
	position: relative;
}
.desplegable h3 a { color:#999; display: block; }
.desplegable h3 span {
	width:34px;
	height:33px;
	position: absolute;
	right:-1px; top:0px;
	background: url(../img/sprite.png) no-repeat 0px -62px;
}


.botonComunidades:hover { cursor:pointer; color:#999; display: block; }
.botonProvincias:hover { cursor:pointer; color:#999; display: block; }
.botonPrediccion:hover { cursor:pointer; }
.botonPrediccionMan:hover { cursor:pointer; }
.botonPrediccionTar:hover { cursor:pointer; }
.panelbuscador:hover {cursor:pointer;}
.botonEditarComparativa:hover {cursor:pointer;}
.borrarCiudad:hover {cursor:pointer;}
.cont_col {width:auto; overflow: hidden; margin: 0 0 54px 0;}
.dos_col {width:auto; overflow: hidden; }
.col_1_1 {float:left; display: inline; width:380px;}
.col_1_2 {float:right; display: inline; width: 248px;}

div+.max_min{margin:0px;}
h2+.max_min{margin:0px;}
.max_min {float:left; display: inline; width:180px; margin: 0 0 0 20px;}
.max_min li {width:auto; overflow: hidden; }
.max_min img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
.max_min h3 {float:left; display: inline; width: 100px;line-height: 24px;font-size: 12px;}
.max_min p {float:right; display: inline;}


.list_ciudades {}
.list_ciudades li {width:auto; overflow: hidden; }
.list_ciudades img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
.list_ciudades h3 {float:left; display: inline;font-size: 12px;}
.list_ciudades p {float:left; display: inline; margin: 0 8px 0 0; color:#666; }


.tres_col{}
.tres_col article {float:left; display: inline; width:182px; margin: 0 20px 0 0px;}
.tres_col article.final{width:248px; margin: 0px; float:right; display: inline;}


.embalses {}
.embalses li {width:auto; overflow: hidden; }
.embalses h3 {float:left; display: inline; width: 120px; padding: 6px 0; line-height: 16px;}
.embalses p {float:right; display: inline; width:114px; background: #f5f5f5; padding:3px;}
.embalses p span {padding:3px; background: #435f78; font-size:12px; font-weight: bold; text-align: right; display: block; color:#fff;}

#embalses .embalses, #playa .playas {margin: 0 0 20px 0;}
#nieve .nieves {margin:0 0 20px 0;}
#embalses .embalses li {font-size:12px;}
#embalses .embalses img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
#embalses .embalses p {
	color: #666666;
    display: inline;
    float: left;
    margin: 0 8px 0 0;
    background: none;
    width: 34px;
    padding: 0px;
}
#embalses .embalses h3 {width:auto; padding: 0px;}

#embalses .tres_col div {
	width: 285px;
}
#embalses .tres_col div.final {
    width: 285px;
}
#nieve .tres_col div {
	width:325px;
}
#nieve .tres_col div.final {
    width: 325px;
}
#playa .playas li {font-size:12px;}
#playa .playas img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
#playa .playas p {
	color: #666666;
    display: inline;
    float: left;
    margin: 0 8px 0 0;
    background: none;
    width: 34px;
    padding: 0px;
}
#playa .playas h3 {width:auto; padding: 0px;}

#playa .tres_col article {
	width:205px;
}

.nieves li {width:auto; overflow: hidden; }
.nieves img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
.nieves h3 {float:left; display: inline; width: 100px; line-height: 16px;}
.nieves p {float:right; display: inline;}
.nieves p span {font-size:12px; font-weight: bold; text-align: center; width: 26px; padding: 2px 0; margin: 2px 0 0 ;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	display: block;
	line-height: 12px;
}
.nieves p span:first-child {margin:0px;}
.abiertas {background: #4ca900;}
.cerradas {background: #eb0218;}
p.abiertas {background: #4ca900;
	border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 13px/14px "Helvetica Neue",Arial,Helvetica,Sans-serif;
    padding: 4px 0;
    text-align: center;
    width: 30px;
}
p.cerradas {background: #eb0218;
	border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    display: inline-block;
    font: bold 13px/14px "Helvetica Neue",Arial,Helvetica,Sans-serif;
    padding: 4px 0;
    text-align: center;
    width: 30px;
}


.maritima li {width:auto; overflow: hidden; }
.maritima img {float:left; display: inline; margin: 0 8px 0 0; vertical-align: middle;}
.maritima h3 {float:left; display: inline; width: 85px; line-height: 16px;}
.maritima p {float:right; display: inline; }
.maritima span { font-size:11px; color:#333; text-align: center; width:25px; float:left; display: block; margin: 0 8px 0 0; }
.maritima strong {font-size:12px; font-weight: bold;}
.maritima p img {margin:10px 0 0 0;}



.deportes {}
.deportes ul {width:auto; overflow: hidden; background: url(../img/sep_punteado.png) no-repeat center bottom;}
.deportes li {text-align: center; float:left; display: inline; width: 82px; padding: 0 5px; }
.deportes li h3{ font-size:16px; font-style: italic; color:#999; margin: 0 0 8px 0; line-height: 16px;}
.deportes li img {display: block; margin: 0px auto 8px auto;}


.pronostico {}
.pronostico article { margin:12px 0 12px 0; padding: 0 0 12px 0;}
.pronostico article h2 { font-size: 16px; color: #333; font-family: open sans; font-weight: bold; margin: 0 0 4px 0;}
.pronostico article h3 { font-size:13px; color: #333; margin: 0 0 4px 0;}
.pronostico article p{font-size: 14px; line-height: 16px;color: #5b6566;font-family: open sans;}


.mod_localidades section {width: 46%;}
.mod_localidades section:nth-child(even) {float: left; clear: left;/* display: inline-block; */margin-right: 25px;/* margin-top: -7px; */}
.mod_localidades section:nth-child(odd) {display: inline-block;}

#contenido .mod_localidades section h1 {letter-spacing:0px; line-height: 11px;font-size:14px; font-weight: bold; margin: 0 0 8px 0; padding: 0 0 4px 18px; border-bottom:1px dotted #ccc; font-family: nova;}
#contenido .mod_localidades section h1:after {content: ' '; border: 0px; margin:0px; padding: 0px;}
#contenido .mod_localidades section h1:before {position: absolute; background: url(spriteIcon.png) no-repeat -3px -1px; content: ""; width: 15px; height: 15px; left: 2px; top: 0;}

.mod_localidades h1 a {color: #000;}
.mod_localidades h3 {font-size:12px; font-weight: bold; margin: 0 0 8px 0; padding: 0 0 4px 0; border-bottom:1px dotted #ccc;}
.mod_localidades ul {width:auto; overflow: hidden; margin: 0 0 10px 0;}
.mod_localidades li {float: left;width: 102px; font: 14px open sans; margin: 0 40px 8px 8px; position: relative;}
.mod_localidades li a {color: #5b6566;}
.mod_localidades li:nth-child(3n+1) {clear: right;}
.mod_localidades li:nth-child(4n+1) {clear: left;}

.t_comparador {width: 100%; font-size:12px; margin: 45px 0 0 0; border-collapse: collapse;}
.t_comparador caption {display: none;}
.t_comparador td.fecha {width:100px;background: #fff;border-bottom:1px dotted #f5f5f5; padding: 4px 0px 1px 12px;}
.t_comparador td.fecha strong {background:url(../img/sprite.png) no-repeat -3px -261px; 
text-align: center; width:35px; padding: 12px 0 3px 0; display: inline-block;} 


.t_comparador td {width:200px;padding:4px 12px 1px 12px; vertical-align: top; border-left:3px solid #fff; background: #f5f5f5; border-bottom: 1px solid #fff;}

.t_comparador th {padding:8px 12px; vertical-align: top;  }
.t_comparador .ciudad {border-left:3px solid #fff; padding:12px 12px; font-size:16px; font-weight: bold; letter-spacing: -1px; background: #f5f5f5;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.t_comparador tbody tr:hover td {
	background:#fff;
}
.t_comparador tbody tr:hover td h3 {font-weight: bold;}
.t_comparador tbody tr:hover{
	-moz-box-shadow: 0px 3px 4px #ccc;
  	-webkit-box-shadow:0px 3px 4px #ccc;
    box-shadow: 0px 3px 4px #ccc;
}

.t_comparador tbody tr:hover td.fecha strong {background:url(../img/sprite.png) no-repeat -3px -211px;} 

.t_comparador tr:hover td.fecha {background: #f5f5f5;}

.t_comparador th div {float:right; display: inline; position: relative;}

.t_comparador th a {float:right; display:inline; text-indent:-9000px; overflow: hidden; width:20px; height: 20px; background: url(../img/sprite.png) no-repeat 0px -129px; opacity: .5; }
.t_comparador th a:hover {opacity: 1;}

.t_comparador .fecha { width:90px; border: 0px; font-size:14px; vertical-align: middle;}
.t_comparador img {float:left; display: inline; margin: 12px 8px 0 0;}
.t_comparador h3 {float:left; display: inline; margin-top:16px;}
.t_comparador .temperaturas {float:right; display: inline; width:30px;}
.t_comparador .temperaturas p { margin: 0 0 4px 0;}

.t_comparador .lightBox {position:absolute; right:-7px; bottom: 19px;
	border:4px solid #d9d9d9;
	-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
	border-radius: 4px;
	width:130px;
	background: #d9d9d9;
}
.lightBox ul {
	padding: 8px;
	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #ccc;
	background: #fff;
	position: relative;
}
.lightBox i {width:13px; height: 8px; background:url(../img/sprite.png) no-repeat 0px -172px; position: absolute; right:11px; border: 0px; bottom: -7px; z-index: 11;}
.lightBox li {padding: 4px; margin: 0 0 4px 0; font-size: 11px; font-weight: normal; letter-spacing: 0px;}
.lightBox li a {text-indent: 0px; width:auto; height: auto; float:none; opacity: 1; padding: 4px 0 4px 18px; background: url(../img/sprite.png) no-repeat -41px -127px;}


dl.opciones { font-size:11px; color:#333;}
dl.opciones dt:first-child {margin-top:0px;}
dl.opciones dt {font-weight: bold; color:#666; margin: 8px 0 2px 0;}
dl.opciones dd { width:auto; overflow: hidden; color:#666;}
.mod_actual {float:left; display:inline; width:120px; text-align:center; padding:0 10px 0 0; margin:0 25px 0 0; border-right:1px dotted #ccc;}
.mod_actual img {display: block; margin: 0px auto;}
.mod_actual p {display: block; font-size:14px; color:#666;}
#embalses #map .mod_info .mod_actual img {
    position:static;
    float:none; display: block; margin: 0 auto 8px  auto;
}


#embalses #map .mod_info img {
    position:static;
    float:left; display: inline; margin: 0 8px 0  0;
}
#embalses #map .mod_info .jcarousel-container  img {
    position:static;
    float:none; display: block; margin: 0 auto;
}


#nieve #map .mod_info .mod_actual img {
    position:static;
    float:none; display: block; margin: 0 auto 8px  auto;
}
#nieve #map .mod_info img {
    position:static;
    float:left; display: inline; margin: 0 8px 0  0;
}
#nieve #map .mod_info .jcarousel-container  img {
    position:static;
    float:none; display: block; margin: 0 auto;
}


#nieve .mod_actual {float:left; display:inline; width:auto; text-align:center; padding:0 0px 0 0; margin:0 20px 0 0; border-right:1px dotted #ccc; overflow: hidden;}
#nieve .mod_actual div {float:left; display: inline; margin: 0 8px 0 0; text-align: center; padding: 0 12px;}
#nieve .mod_actual h3 {font-size:12px; font-weight: bold; color: #666;}
#nieve .mod_actual p {font-size:11px; color:#fff; margin: 4px auto 0px auto;}


.inf_nieve {margin: 0 0 20px 0; width: auto; overflow: hidden;}
.inf_nieve li {float:left; display: inline; width:113px; margin: 0 0 0 10px; overflow: hidden; border-left:1px dotted #ccc; padding: 0 0 0 10px;}
.inf_nieve li:first-child {margin:0px; border:0px; padding: 0px;}


.inf_nieve li h3 {font-size:12px; font-weight: bold; color:#666; margin: 0 0 4px 0;}
.inf_nieve li p {float:right; display: inline;}
.inf_nieve li div {float:left; display: inline; text-align: center;}
.inf_nieve li h4{font-size:11px; }
.inf_nieve li p span {font-size:11px; font-weight: bold; text-align: center; width: 26px; padding: 2px 0; margin: 2px 0 0 ;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	display: block;
	line-height: 12px;
}
.inf_nieve li p span:first-child {margin:0px;}
.inf_nieve li p .max {background: #FD8C00;}
.inf_nieve li p .min {background: #486582;}

.datos_interes { font-size:11px; width:100%; color:#666; border-bottom:1px solid #ccc;}
.datos_interes caption {display: none;}
.datos_interes th {font-weight: bold; padding: 4px 4px 4px 4px; border-right:8px solid #fff; background: #f5f5f5;}
.datos_interes td {vertical-align: top;padding:4px 4px 4px 4px;border-right:8px solid #fff;
}
.datos_interes p {margin:0 0 2px 0;}


h2.sub_title {font-weight:bold; font-size:13px; color:#333; margin: 0 0 10px 0;}
h2.sub_title span {color:#666; font-weight: normal; font-size:11px;}
.modulo h2.sub_title span {color:#cdcdcd; font-weight: normal; font-size:11px;}
.dep_detalle h2.sub_title {  padding: 5px; margin: 0 0 15px 0;}

h3.sub_title {font-weight:bold; font-size:13px; color:#333; margin: 0 0 10px 0;}
h3.sub_title span {color:#666; font-weight: normal; font-size:11px;}
.dep_detalle h3.sub_title {  padding: 5px; margin: 0 0 15px 0;}

.inf_deporte {margin: 0 0 40px 0; width: auto; overflow: hidden;}
.modulo .inf_deporte li {float:left; display: inline; width:75px; margin: 0 0 0 10px; overflow: hidden; border-left:0px dotted #ccc; padding: 0 0 0 10px;}
.inf_deporte li {float:left; display: inline; width:110px; margin: 0 0 0 10px; overflow: hidden; border-left:1px dotted #ccc; padding: 0 0 0 10px;}
.inf_deporte li:first-child {margin:0px; border:0px; padding: 0px;}
.inf_deporte li h3 {font-size:12px; font-weight: bold; color:#666; margin: 0 0 4px 0;}
.inf_deporte li p {float:right; display: inline;}
.modulo .inf_deporte li p {float:right; display: inline;margin-right:3px}
.inf_deporte li div {float:left; display: inline; text-align: center; }
.inf_deporte li h4{font-size:11px; }
.inf_deporte li p span {font-size:11px; font-weight: bold; text-align: center; width: 26px; padding: 2px 0; margin: 2px 0 0 ;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	display: block;
	line-height: 12px;
}
.inf_deporte li p span:first-child {margin:0px;}
.inf_deporte li p .max {background: #FD8C00;}
.inf_deporte li p .min {background: #486582;}




.col_1_2 .inf_deporte li {float:none; display: block; width:auto; margin: 0 0 10px 0; padding: 0 0 10px 0; border:0px; border-bottom:1px dotted #ccc;}
.col_1_2  .inf_deporte li h3 {float:left; display: inline; margin: 0 20px 0 0; padding: 14px 0 0 0;}

.dep_detalle ul {margin: 0 0 30px 0; padding: 0 0 20px 0; border-bottom:1px solid #ddd;}
.dep_detalle li { width:177px; margin: 0 0 0 30px; padding: 0 0 0 30px;}
.dep_detalle li h3 {float:left; display: inline; margin: 0 20px 0 0; padding: 14px 0 0 0;}


p.detalle {padding:5px; font-size:11px; text-align: right; position: relative; margin: -20px 0 20px 0; background: #f5f5f5;}
p.detalle  a {text-decoration: none;}
p.detalle a:hover {text-decoration: underline;}

#noticias .col_1 article { border-bottom:1px dotted #e5e5e5; padding: 20px 10px 20px 10px; }
#noticias .col_1 article:hover {background: #f5f5f5;}
#noticias article h2 {border: 0px; padding: 0px; margin:0; font-size:12px; font-weight: normal; letter-spacing: 0px; color:#666;}
#noticias article h2:after {content: ' '; border: 0px; margin:0px; padding: 0px;}
#noticias article h1 {font-size:20px; letter-spacing: -1px; margin: 0 0 8px 0; font-weight: bold;}
#noticias #contenido #cuerpoNoticias article h1:after {content: ' '; border: 0px; margin:0px; padding: 0px;}
#noticias article p.autor {font-size:12px; color:#666;margin: 0 0 2px 0;}
#noticias article p { font-size:14px; color:#333;}


.blog { padding: 12px; font-size: 12px; margin:8px 0 0 0;}
.blog header {width:auto; margin:0 0 8px 0; padding: 0px; overflow: hidden;}
.blog header img { float:left; display: inline; margin: 0 8px 0 0; border:4px solid #fff;}
.blog header .txt {display: table; padding: 25px 0 0 0;}
.blog header .txt p { text-indent: 0px; border: 0px;}
.blog h1 {font-weight: bold; font-size: 14px; margin: 0 0 4px 0;}
.blog h3 {font-size: 11px; margin:0 0 2px 0; color:#999;}
.blog .intro { font-size:13px;}

.divBusqueda{position: relative;z-index: 21;}
.capa21{position: relative;z-index: 21;}
.capa20{z-index: 20;}
.capa19{z-index: 19;}
#contenido .blog header h2 {border:0px; text-shadow: 1px 1px 0px #ccc; color:#333; margin: 0px;}
#contenido .blog header h2:after {content: ' '; border: 0px; margin:0px; padding: 0px;}

#playa .mod_actual {float:none; display:block; width:auto; text-align:center; padding:0 0px 0 0; margin:0px; border-right:0px; overflow: hidden;}
#playa .mod_actual div {float:left; display: inline; margin: 0 20px 0 0; text-align: center; padding: 0 20px 0 0; border-right: 2px solid; border-right: 1px dotted #ccc; width:140px;}
#playa .mod_actual h3 {font-size:12px; font-weight: bold; color: #666;}
#playa .mod_actual p {font-size:11px; color:#fff; margin: 4px auto 0px auto;}
#playa .mod_actual p .max {background: #FD8C00;}
#playa .mod_actual p .min {background: #486582;}

#playa .mod_actual p span {font-size:11px; font-weight: bold; text-align: center; width: 36px; padding: 6px 0;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	display: inline-block;
	line-height: 12px;
	margin:0 0 0 10px;
	float: none;
}

#playa .mod_actual .estado { border:0px; width: 125px; margin: 0px; padding:0px; text-align: left; overflow: hidden;}
#playa .mod_actual .estado img { float:left; display: inline; margin: 0 10px 0 0; }
#playa .mod_actual .estado .txt { width:auto; border:0px; display: table; height: 1%; margin: 0px; padding: 0px; overflow: hidden; text-align: left;}
#playa .mod_actual .estado h3 { margin: 0 0 4px 0;}
#playa .mod_actual .estado .txt img { width:auto; height: auto; float:left; display: inline; margin: 4px 8px 0 0; vertical-align: middle;}
#playa .mod_actual .txt p {vertical-align: middle; color:#333; display: table; height: 1%; margin: 0px; display: inline;}

.inf_playa {margin: 0 0 20px 0; width: auto; overflow: hidden;}
.inf_playa li {float:left; display: inline; width:160px; margin: 0 0 0 40px; overflow: hidden; border-left:1px dotted #ccc; padding: 0 0 0 40px;}
.inf_playa li:first-child {margin:0px; border:0px; padding: 0px;}

.inf_playa li h3 {font-size:12px; font-weight: bold; color:#666; margin: 0 0 4px 0;}
.inf_playa li p {float:right; display: inline;}
.inf_playa li div {float:left; display: inline; text-align: center;}
.inf_playa li h4{font-size:11px; }
.inf_playa li p span {font-size:11px; font-weight: bold; text-align: center; width: 36px; padding: 6px 0;
	-webkit-border-radius: 4px;
        -moz-border-radius: 4px;
	border-radius: 4px;
	color:#fff;
	float:right; display: inline;
	line-height: 12px;
	margin: 0 0 0 10px;
}
.inf_playa li p .max {background: #FD8C00;}
.inf_playa li p .min {background: #486582;}
.inf_playa li p span {font-size:11px; font-weight: bold; text-align: center; width: 36px; padding: 6px 0;}