/* COOKIES */
.cookies-overlay {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 20px;
    text-align: center;
    z-index: 1000;
    display: none; /* Hidden by default */
}

.cookies-content {
    max-width: 600px;
    margin: 0 auto;
}

.cookies-content p {
    margin: 0;
    padding: 0;
}

.cookies-content button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    margin-top: 10px;
    cursor: pointer;
    border-radius: 5px;
}

.cookies-content button:hover {
    background-color: #45a049;
}
/*FIN COOKIES*/

body {
 margin-top: 8px;
}

/******** INDEX */

.titulo-index {
	padding-top:18px;
}

.index_intro{
 text-align:justify;
 padding: 5px;
 background-image:url(../images/logo_ms.jpg);
 background-repeat:no-repeat;
 background-position:bottom right;
}

#index_cont{
background-image:url(../images/header/index_bg2.jpg);
background-repeat:no-repeat;
margin-top:-10px !important; /*-8px margen o -10px sin margen*/
background-position:top center;
padding: 0px;
}

#tabla_estaciones{
	text-align:center;
	width: 580px;
	border-top:1px solid #0099CC;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}

#tabla_estaciones td{
 background-image:url(../images/punta.gif);
 background-repeat:no-repeat;
 background-position: center 2px;
 width: 250px;
 height: 215px;
}

#est_f1 a{
	width:250px; 
	height:34px;
	padding:0px !important;
	display:block;
}

#est_f2{
	width:250px; 
	height:20px;
	padding:0px !important;
	display:block;
}
#est_f3 a{
	width:250px; 
	height:116px;
	padding:0px !important;
	display:block;
}
#est_f4 a{
	width:250px; 
	height:38px;
	padding:0px !important;
	display:block;
	text-decoration:none;
	color:white;
	font-size:15px;
	text-align:center;
}

#est_f4 a:hover{
	color:red;
}

#est_wind{
	padding-top:4px;
	padding-left:45px;
	display:block; 
	float:left; 
	width:70px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#CCCCCC;
	text-align:left;
}

#est_temp{
	padding-top:4px;
	padding-left:12px;
	display:block; 
	float:left; 
	width:38px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#CCCCCC;
	text-align:left;
}
#est_time{
	padding-top:4px;
	padding-left:25px;
	display:block; 
	float:left; 
	width:45px;
	font-family:"Courier New", Courier, monospace;
	font-size:14px;
	color:#CCCCCC;
	text-align:left;
}
/*****/

img{
 border:0px;
}

#container{
	max-width: 900px;
	margin: 0px auto; /* horizontal centrado con auto */
	border: 1px solid #cccccc;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*solo para internet explorer*/
	width:expression( window.screen.width > 1100?"900px":"100%" );
}

#cont-principal{
	margin-left: auto;
	margin-right: auto;
}


#cont-lateral{
	float:left; 
	width:177px;
	margin:0px;
	padding:0px;
	margin-top:2px;
	background-color:#E0E0E0;
	height:980px;
	/*border-right:4px solid white;*/
	/*position:fixed;
	top:50%;*/
}

#banner_side img{
	/*border:1px solid black;*/
	margin-bottom: 5px;
	margin-right: 2px;
}

/* METEO */

.titulo-datos{
	text-align:center;
	font-family:"Courier New", Courier, monospace;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	font-size: 16px;
	font-weight: bold;
	letter-spacing:-1px;
	color:#CC3300;
	margin-top:10px;
	margin-bottom:10px;
	white-space:nowrap;
}

#tabla_actual{
	text-align:center;
	width: 500px;
	border:1px solid #0099CC;
	background-color:#FFFFFF;
}
#tabla_actual td{
	/*border:1px solid #0099CC;*/
}

#date_act{ 
	color:#0099CC;
	text-align:center;
	margin-bottom: 4px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;
	
	/*color:#666666;
	text-align:center;
	margin-bottom: 8px;
	margin-top: -14px;
	font-size:12px;
	font-family:"Courier New", Courier, monospace;*/
}

tr.date_act{
	background-color:#CCCCCC;
}

#temperatura_bg{
	display:block;
	position:relative; 
	background-image:url(../images/temp_base.jpg); 
	height:240px; 
	width:105px; 
}

#temperatura_act{
	position:absolute; 
	bottom: 17px; 
	right:12px; 
	background-color:#ADD8E6;  
	width:65px;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#666666;
}

#direccion_act{ 
	background-image:url(../images/compas.jpg);
	background-repeat:no-repeat;
	height:268px;
	width:268px;
	text-align:center;
}

#flecha_dir{
	/* margen depende del tama�o de la grafica */
	margin-top:55px; 
	text-align:center;
}

#velocidad_act{
	width:250px; 
	height:250px;
}

/*gauge_simple*/
.gauge-bg{
	background-image:url(../images/gauge.jpg);
	background-repeat:no-repeat;
	height:240px !important;
	width:240px !important;
	text-align:center;
	margin-top: -25px;
}

#gauge-texto{
	font-size:26px;
	font-weight:bold;
	display:inline;
	position:relative;
	bottom:-175px;
	z-index:99999;
}

#gauge-flecha{
	margin-top:44px; 
	text-align:center;
}
/*fin gauge_simple*/

#tabla_medias_temp{
	text-align:center;
	width: 500px;
	border-top:1px solid #0099CC;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}

.valor_medias_temp{
	background-color:#000000;
	color:#FF0000;
	font-weight:bold;
	padding: 10px 2px 10px 2px;
	border:1px solid #FF0000;
	margin-top:2px;
	width:110px;
	font-family: "Courier New", Courier, monospace;
	letter-spacing:-1px;
	font-size: 14px;
}

.valor_medias_temp small{
	font-size: 10px;
}

.racha_temp{
	width:70px !important;
}

.direccion_temp{
	width:130px !important;
}

.dt_temp{
	font-size: 12px;
}

#tabla_medias_diaria{
	text-align:center;
	width: 500px;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}

#tabla_medias_diaria tr{
	background-color:#CCCCCC;
}

#tabla_medias_diaria a{
	text-decoration:none;
	color: #0099CC;
}

#tabla_medias_diaria input{
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
	color:#0099CC;
	background-color:#CCCCCC;
	border:0px;
	cursor:pointer;
}

#tabla_otras_estadisticas{
	text-align:center;
	width: 500px;
	border-top:1px solid #0099CC;
	font-family:"Courier New", Courier, monospace;
	font-size: 12px;
}

#tabla_otras_estadisticas a{
	text-decoration:none;
	color: #000000;
}

#tabla_otras_estadisticas a:hover{
	text-decoration:none;
	color: red;
}

#tabla_marea{
	width: 600px;
	font-family:"Courier New", Courier, monospace;
	font-size: 11px;
	line-height:1.1em;
	letter-spacing:-1px;
	color:#666666;
	margin-top:0px;
}

.temp_low{
	color:#0000FF;
	font-weight:bold;
}

.temp_high{
	color:#CC0000;
	font-weight:bold;
}

img.luna{
	border:2px solid white;
}

/******** HEADER ******/
#header {
	background-image:url(../images/fondo_header.jpg);
	background-repeat:no-repeat;
	background-position:left 2px;
}

.form_header {
	margin:0px;
}

#logo {
	text-align:left;
	padding-left:10px;
	padding-top: 2px;
	white-space:nowrap;
}

#banner_header{
	width:100%;
	text-align:center;
}

#menu {
/*desactivar para menu original*/
	background-image:url(../images/grunge.jpg);
	background-repeat:repeat;
	background-position: 0px -2px;
	height: 18.5px;
/*fin*/
	background-color:#4684EE; /*0099CC / CC3300*/
	width:100%;
	text-align:right;
	color:#FFFFFF;
	padding: 3.5px 0px 2px 0px; /*antes padding top = 2*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	white-space:nowrap; /*Para Opera Mobile*/
}

#menu_prev{
	float:left; background-color:#00FF00;
	height: 18px;
	background-position: 0px -2px;
	padding: 5px 0px 2px 0px;
	background-image:url(../images/grunge_prev.jpg);
	width:30px;
}
#menu a{
	text-decoration:none;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

#menu a:hover{
	text-decoration:underline;
}

#footer {
	background-color: #4684EE; /*0099CC / CC3300*/
	width:100%;
	text-align:right;
	color:#FFFFFF;
	margin-top:5px;
	padding: 2px 0px 2px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	white-space:nowrap;
}

.messageStackWarning { 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	background-color: #ffb3b5; 
	padding: 2px 0 1px 0;
	white-space:nowrap;
}

.estaciones_menu {
	/*height:16px;*/
	font-family: Verdana;
	font-size: 10px;
	height: 15px;
	color:red;
	border:1px solid #D1D0CC;
	-moz-border-radius: 4px;
}

/*********/

.alignright {
	float: right;
	text-align: right;
	}
	
.alignleft {
	float: left;
	text-align: left;
	}
.spacer{
	margin-bottom: 5px;
}

.arr {
	background-image:url(../images/arr.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding-right:12px;
	display:inline;
}
/*** FORMULARIOS STATS *******/

/* Formularios de Busqueda y selecctor de Idiomas */
.formstats {
	font-family: Verdana;
	font-size: 11px;
	line-height:1.1em;
	/*letter-spacing:-1px;*/ /*Problema en Opera*/
	color:#666666;
	margin-top:0px;
}

.formstats input {
	/*height:16px;*/
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	border:1px solid #D1D0CC;
	-moz-border-radius: 4px;
}

.formbi input:hover {
	border:1px solid #000000;
}

formstats button {
	/*height:16px;*/
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	border:1px solid #D1D0CC;
	-moz-border-radius: 4px;
}

.formstats select {
	padding:0 0 0 0;
	border:0;
	width:80px;
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	-moz-border-radius: 4px;	
    -webkit-border-radius: 4px;
}

.formstats input[type="submit"]{
	cursor:pointer;
}

.formstats input[type="checkbox"]{
	margin-bottom:6px;
}

/******/
.filtrar{
	width: 250px;
	text-align:left;
	display:none;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

.filtrar legend{
	color:#4684EE;
	cursor:help;
}

.filtrar legend a{
	color:#FF0000;
	text-decoration:none;
	color:#4684EE;
	cursor:help;
	/*font-weight:bold;*/
}

.filtrar legend a:hover{
	color:#CC3300;
	text-decoration:underline;
}

/*Boletin Novedades - Alertas*/
#alertas-frame{
	width:600px;
	height:480px;
	border:0px !important;
	align:center;
	margin:6px;
}

#container-alertas{
	max-width: 900px;
	margin: 0px auto; /* horizontal centrado con auto */
	/*border: 1px solid #cccccc;*/
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	/*solo para internet explorer*/
	width:expression( window.screen.width > 1100?"1100px":"100%" );
}

#container-alertas form input {
	/*height:16px;*/
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	border:1px solid #D1D0CC;
	-moz-border-radius: 4px;
}

#container-alertas form select {
	padding:0 0 0 0;
	border:1px solid #D1D0CC;
	font-family: Verdana;
	font-size: 10px;
	color:#25386D;
	-moz-border-radius: 4px;	
}

#container-alertas a{
	text-decoration:none;
	color:#CC3300;
}

#container-alertas a:hover{
	text-decoration:underline;
	color:#CC3300;
}

#tabla-alertas td{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}

/**/
#moviles-cont{
	width:600px;
	margin:6px;
	text-align:left;
}

#moviles-app{
	background-image:url(../images/background.png);
	padding:5px;
	border:1px solid #F55458;
}

#moviles-app td{
	text-align:center;
}

.moviles-app-tit{
	font-weight:bold;
}
.moviles-app-model{
	text-align:left !important;
}
#moviles-cont a{
	text-decoration:none;
	color:#4684EE;
	font-weight:bold;
}

#moviles-cont a:hover{
	text-decoration:underline;
	color:red;
}

/** BANNERS **/