/* Layout
------------------------------------------------------------------*/
#grande {
	float:right;
	width:786px;
	padding-bottom:0;
	}
#grande #izda{
	float:left;
	width:294px;
	}
#grande #dcha{
	float:right;
	width:468px;
	}

#sidebar {
	float:left;
	width:160px;
	padding-bottom:0;
	}

.sombra {
	height:1px;
	font-size:1px;
	line-height:1px;
	background:#e6e6e6;
	overflow:hidden;
	border-left:2px solid white;
	border-right:2px solid white;
	display:block;
	}

/* Indice de previsiones
------------------------------------------------------------------*/
#contenedor-indice {
	margin-top:23px;
	}

#contenedor-indice h1 {
		text-indent:-9999px;
		margin-bottom:15px;
		font-size:16px;
		height:25px;
		background:transparent url(/img/texto/buscas-olas.png) no-repeat 2px 0px;
		}

#descripcion-indice-previsiones {
	float:left;
	width:485px;
	}
#descripcion-indice-previsiones p {
	margin:0;
	margin-bottom: 8px;
	line-height:17px;
	color: #666666;
	}
#tablaResumen {
	margin:0 auto;
	margin-top:25px;
	color:#666666;
}
#tablaResumen .imagen {
	width: 50px;
	height: 35px;
	text-align: right;
}
#tablaResumen .dato {
	width: 20px;
	padding-left: 3px;
	text-align: right;
	font-weight: bold;
	color: black;
}
#tablaResumen .texto {
	padding-left: 5px;
}

#contiene-mapa-previsiones {
	float:right;
	width:454px;
	}
#contiene-mapa-previsiones h2 {
	font-size:16px;
	margin-bottom:-4px;
	}
#mapa-zonas {
	background-color: black;
	padding: 3px;
	color: #aaa;
}
#mapa-zonas .titulo {
	display:block;
	font-weight:bold;
	font-size:16px;
	margin-top: 11px;
	margin-left: 8px;
}
#mapa-zonas p {
	margin: 8px;
	line-height: 18px;
}


/* Cabecera
------------------------------------------------------------------*/
#cabecera-previs {
	margin-top:23px;
	background:transparent url(/img/texto/consulta-otras-zonas.png) no-repeat top right;
	}
	#cabecera-previs h1 {
		text-indent:-9999px;
		font-size:16px;
		height:25px;
		background:transparent url(/img/texto/previsiones-de-olas-en-catalunya.png) no-repeat 3px 0px;
		}
	body.catalunya		#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-catalunya.png); }
	body.baleares 		#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-las-islas-baleares.png); }
	body.cv 					#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-la-comunidad-valenciana.png); }
	body.murcia 			#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-murcia.png); }
	body.andalucia		#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-andalucia.png); }
	body.cantabrico	#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-la-costa-norte.png); }
	body.cadiz				#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-huelva-y-cadiz.png); }
	body.canarias		#cabecera-previs h1 { background-image:url(/img/texto/previsiones-de-olas-en-canarias.png); }
	
	#cabecera-previs #barra-navegacion {
		position:relative;
		border-left:1px solid #e6db55;	
		border-right:1px solid #e6db55;
		background:#ffc;
		padding:0 7px;
		height:30px;
		}
	#cabecera-previs #barra-navegacion #tagline {
		font-family:Georgia,Arial,sans-serif;
		font-style:italic;
		color:#888;
		line-height:30px;
		}
	#cabecera-previs #barra-navegacion #navegacion-zonas {
		float:right;
		margin:0;
		padding:0;
		}
	#cabecera-previs .esquinas, #navegacion-mapas .esquinas {
		background:#e6db55;
		}

/* Mapas FNMOC
------------------------------------------------------------------*/
#mapas-fnmoc {
	margin-bottom:22px;
	}
#mapas-fnmoc .esquinas {
	background:#aaa;
	}
#mapas-fnmoc img {
	display:block;
	border-right:1px solid #aaa;
	border-left:1px solid #aaa;
	}

/* BOX
------------------------------------------------------------------*/
.box {
	margin-bottom:25px;
	}
.box h2 {
	position:relative;
	margin-top:-1px;
	color:white;
	font-size:16px;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	line-height:26px;
	border-bottom:1px solid #bbb;
	height:27px;
	overflow:hidden;
	padding-left:9px;
	padding-right:9px;
	}
.box .contenido-box {
	color:#666;
	border:1px solid #e6e6e6;
	border-bottom:none;
	padding:8px;
	padding-bottom:11px;
	}
.box .contenido-box p {
	margin-bottom:10px;
	clear:both;
	}
.box .pie-box {
	font-size:11px;
	font-weight:bold;
	color:#666;
	border:1px solid #bbb;
	border-bottom:none;
	padding:6px 8px;
	background:#e5e5e5;
	}
.box .esquinas-box-bottom {
	height:1px;
	font-size:1px;
	line-height:1px;
	background:transparent;
	overflow:hidden;
	border-left:1px solid white;
	border-right:1px solid white;
	display:block;
	
	background:#bbb;
	}

#azul .contenido-box li, #amarillo .contenido-box li, #naranja .contenido-box li {
	margin-bottom:1px;
	}



/* BOX DEL BANNER
------------------------------------------------------------------*/
.box#banner468previs {
	}
	
#banner-vertical {
	margin-bottom:25px;
	}
	
/* BOX DE WEBCAMS
------------------------------------------------------------------*/
.box#rojo .contenido-box {
	padding:4px;
	padding-top:3px;
	}

/* BOXES DE COLORES
------------------------------------------------------------------*/
.box#azul h2 		{ background:#0063dc; }
.box#amarillo h2	{ background:#ffd900; }
.box#naranja h2 	{ background:#ff8000; }
.box#verde h2 		{ background:#4ec300; }
.box#rojo h2 		{ background:#ee0000; }
.box#gris h2 		{ background:#aaaaaa; }

/* Tablas portuarias
------------------------------------------------------------------*/
#tablasInm {
	clear:both;
	}
#tablasInm img {
	float:left;
	border:1px solid #bbb;
	}
#tablasInm ol {
	float:right;
	width:208px;
	}
#tablasInm ol li {
	font-weight:bold;
	list-style:inside decimal;
	color:#999;
	}
#tablasInm ol li a {
	font-size:13px;
	font-weight:normal;
	}

/* Webcams y boyas (general)
------------------------------------------------------------------*/
.satelite {
	position:relative;
	font-size:11px;
	}
ul.lista-webcams {
	color:#ccc;
	position:relative;
	}
ul.lista-webcams li {
	line-height:12px;
	font-weight:bold;
	color:#ccc;
	position:absolute;
	}
ul.lista-webcams li a {
	text-decoration:none;
	color:#ccc;
	}
	ul.lista-webcams li a:hover {
		text-decoration:none;
		color:white;
		}

ul.lista-boyas {
	color:#ccc;
	position:relative;
	}
	ul.lista-boyas li {
		font-weight:bold;
		color:white;
		position:absolute;
		}
		ul.lista-boyas li a {
			display:block;
			padding:6px;
			padding-left:51px;
			border-left:1px solid #ccc;
			background:#050c13 url(/img/satelite/icono-boya.gif) no-repeat 6px 50%;
			outline:none;
			}
			ul.lista-boyas li a strong {
				color:white;
				display:block;
				}
			ul.lista-boyas li a:hover, ul.lista-boyas li a:active {
				text-decoration:none;
				background:#000 url(/img/satelite/icono-boya.gif) no-repeat 6px 50%;
				}


	ul.lista-boyas li.b-E {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaE.gif) no-repeat top left;
		padding-left:100px;
		}
		ul.lista-boyas li.b-E a {
			/* configuracion por defecto */
			display:block;
			border:none;
			border-left:1px solid #ccc;
			}

	ul.lista-boyas li.b-O {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaO.gif) no-repeat top right;
		padding-right:100px;
		}
		ul.lista-boyas li.b-O a {
			/* configuracion por defecto */
			display:block;
			border:none;
			border-right:1px solid #ccc;
			}

	ul.lista-boyas li.b-S {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaS.gif) no-repeat 22px 0;
		padding-top:130px;
		}
		ul.lista-boyas li.b-S a {
			border:none;
			border-top:1px solid #ccc;
			}

	ul.lista-boyas li.b-N {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaN.gif) no-repeat bottom left;
		padding-bottom:130px;
		}
		ul.lista-boyas li.b-N a {
			border:none;
			border-bottom:1px solid #ccc;
			}

/* Webcams y boyas (especifico)
------------------------------------------------------------------*/

#satelite-catalunya {
	width:458px;
	height:479px;
	background:transparent url(/img/satelite/catalunya.jpg) no-repeat top left;
	}
	ul#webcams-catalunya li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/N.gif) no-repeat 5px -252px;
		padding-top:50px;
		}

#satelite-baleares {
	width:458px;
	height:357px;
	background:transparent url(/img/satelite/baleares.jpg) no-repeat top left;
	}
	ul#webcams-baleares li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/N.gif) no-repeat 5px -252px;
		padding-top:50px;
		}

#satelite-cv {
	width:458px;
	height:575px;
	background:transparent url(/img/satelite/cv.jpg) no-repeat top left;
	}
	ul#webcams-cv li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/E.gif) no-repeat -285px 5px;
		padding-left:17px;
		}
	ul#boyas-cv li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaE.gif) no-repeat 0px 5px;
		padding-left:117px;
		}

#satelite-murcia {
	width:458px;
	height:422px;
	background:transparent url(/img/satelite/murcia.jpg) no-repeat top left;
	}
	ul#webcams-murcia li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/E.gif) no-repeat -285px 5px;
		padding-left:17px;
		}
	ul#boyas-murcia li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/boyaS.gif) no-repeat 22px 0;
		padding-top:130px;
		}
		ul#boyas-murcia li a {
			border-top:1px solid #ccc;
			border-left:none;
			}

#satelite-andalucia {
	width:458px;
	height:385px;
	background:transparent url(/img/satelite/andalucia.jpg) no-repeat top left;
	}
	ul#webcams-andalucia li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/N.gif) no-repeat 5px -252px;
		padding-top:50px;
		}
	/*
	ul#boyas-andalucia li {
		
		display:block;
		background:transparent url(/img/satelite/boyaS.gif) no-repeat 22px 0;
		padding-top:130px;
		}
		ul#boyas-andalucia li a {
			border-top:1px solid #ccc;
			border-left:none;
			}
	*/

#satelite-cadiz {
	width:458px;
	height:318px;
	background:transparent url(/img/satelite/cadiz.jpg) no-repeat top left;
	}
	ul#webcams-cadiz li {
		/* configuracion por defecto */
		display:block;
		background:transparent url(/img/satelite/E.gif) no-repeat 100% 5px;
		padding-right:17px;
		}
	/*
	ul#boyas-cadiz li {
		display:block;
		background:transparent url(/img/satelite/boyaO.gif) no-repeat 100% 5px;
		padding-right:117px;
		}
		ul#boyas-cadiz li a {
			border-right:1px solid #ccc;
			border-left:none;
			}
	*/	
	
#satelite-cantabrico {
	width:960px;
	height:379px;
	background:transparent url(/img/satelite/cantabrico.jpg) no-repeat top left;
	}
	ul#webcams-cantabrico {
		/* configuracion por defecto */
		position:absolute;
		bottom:0;
		left:0;
		}
		ul#webcams-cantabrico li {
			/* configuracion por defecto */
			display:block;
			background:transparent url(/img/satelite/N.gif) no-repeat 5px 100%;
			padding-bottom:50px;
			}

#satelite-canarias {
	width:776px;
	height:389px;
	background:transparent url(/img/satelite/canarias.jpg) no-repeat top left;
	}


/* Sidebar
------------------------------------------------------------------*/
#cuadro-patrocinio {
	margin-bottom:22px;
	}

/* PLANTILLA PARA LOS MAPAS
------------------------------------------------------------------*/
body#pagina-mapas {
	margin:0;
	padding:0;
	padding-bottom:30px;
	border:none;
	}
#logo-mapas {
	display:block;
	position:relative;
	z-index:100;
	margin:22px auto -13px auto;
	width:499px;
	}
#cabecera-mapas {
	width:750px;
	margin:0 auto;
	padding-bottom:15px;
	}
#ficha-mapas {
	background:#ffc;
	border-top:2px solid #e6db55;
	color:#444;
	text-align:left;
	}
#ficha-mapas h1 {
	font-size:24px;
	letter-spacing:-1px;
	padding:20px;
	padding-bottom:10px;
	}
#ficha-mapas ul#detalles {
	font-family:Georgia,Arial,Helvetica,sans-serif;
	font-style:italic;
	padding:20px;
	padding-top:0;
	}
.esquinas1 {
	height:1px;
	font-size:1px;
	line-height:1px;
	background:transparent;
	overflow:hidden;
	border-left:1px solid white;
	border-right:1px solid white;
	display:block;
	clear:both;
	}
.esquinas2 {
	height:1px;
	font-size:1px;
	line-height:1px;
	background:transparent;
	overflow:hidden;
	border-left:2px solid white;
	border-right:2px solid white;
	display:block;
	}

#contenido {
	padding-left:10px;
	padding-right:10px;
	}


/* Navegacion mapas
--------------------*/
#navegacion-mapas-top {
	width:100%;
	/*border-bottom:1px solid #0063dc;*/
	padding-bottom:8px;
	padding-top:2px;
	padding-top:2px;
	text-align:center;
	background:#dee9f6;
	background:#e1ecfa;
	background:#E8ECF9;
	background:#E6F2FA url(/img/layout/fondo-navegacion-mapas-top.png) repeat-x bottom left;
	}
#navegacion-mapas {
	width:750px;
	margin:0 auto;
	background:#DDEBFC;
	text-align:center;
	}
#navegacion-mapas-inner {
	padding:3px 10px 1px 10px;
	}
#navegacion-mapas-top form, #navegacion-mapas form {
	display:inline;
	}
#navegacion-mapas-top form select, #navegacion-mapas form select{
	font-size:11px;
	}



/* Especificos
-----------------*/

ul.mas-info-tablas-mareas {
	margin-left:10px;
	}
ul.mas-info-tablas-mareas li {
	list-style-type:circle;
	list-style-position:inside;
	margin-bottom:5px;
	}


/* cuadro info */
#cuadro-info {
	color:black;
	margin-bottom:25px;
	}
#cuadro-info .esquinas {
	background-color:#0063dc;
	}
#cuadro-info #contenido-info {
	border-left:1px solid #0063dc;
	border-right:1px solid #0063dc;
	background:#bad5f6;
	padding:11px;
	}
#cuadro-info #contenido-info p {
	font-size:11px;
	line-height:15px;
	}
#cuadro-info #contenido-info p.titulo-edito {
	font-size:13px;
	font-weight:bold;
	margin-bottom:8px;
	}