/*--------------*/
/* CSS Document */
/*--------------*/

/*----------------------------------------*/
/* ESTILS GENERALS DE METEOSIM.LOCAL      */
/*----------------------------------------*/

html, body{
	margin: 0px;
	padding: 0px;
	background-color: #e3e2db;
	background-image: url(../images/bg.gif);
	background-color:#ffffff;
	background-position: left top;
	background-repeat: repeat;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, li, a{
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p, li, a{
	font-size: 12px;
}

.infop a{
	text-decoration: none;
	color: #2962b0;
	background-image: url(../images/asub.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}


/*-------------------------------------------*/
/*   MARC GLOBAL QUE CONTÉ TOT               */
/*-------------------------------------------*/
#wrapper{
	width: 1024px;
	margin: 0px auto;
	padding: 0px;
	/*background-color:#ffffff;*/
	background-image: url(../images/meteosim_06.jpg);
	background-position: left top;
	background-repeat: repeat-y;
	text-align: left;
}

#marco{
	width: 988px;
	margin-left: 20px;
	padding: 0px;

	
}

#cabecera{
	height: 74px;
}

#logo{
	float: left;
	width: 204px;
	clear: none;
}

#cabecera1{
	position: relative;
	float: left;
	background-image: url(../images/meteosim_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 784px;
	height: 74px;
	clear: none;
}

#cabecera1 .idiomas{
	padding: 5px 10px 0px 10px;
	position: absolute;	
	bottom: 50px;
	right: 0px;
	font-size: 11px;
	color: #fff;
}

#cabecera1 .idiomas a{
	padding-left:3px;
	padding-right:3px;
	text-decoration: none;
}

#cabecera1 .idiomas a.sel{
	font-weight: bold;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #ffffff;
}

#cabecera1 .idiomas a:hover{
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #ffff33;
}


/*------------------------------------------------*/
/* Quadre amb informacio del dia i de l'estacio   */
/*------------------------------------------------*/
#hora {
    color: #ffffff;
	font-size:12px;
    position: absolute;	
    bottom: 0px;
    right: 12px;
    text-align:right;
}
#hora a{
	font-size:11px;
	color: #ffffff;
	text-decoration:none;
}
#hora a:hover{
	color:#f55912;
	text-decoration:underline;
}


/*------------------------------------*/
/* BARRA DE MENUS, CARACTERISTIQUES   */
/*------------------------------------*/
#barramenus{
	/*background-color: #295c9d;*/
	background-image:url(../images/bgtitprod2.jpg);
	height: 24px;	
	color: #fff;
}


/*-----------------------------------*/
/*   COS DE LA PAGINA DE NAVEGACIO   */
/*-----------------------------------*/
#contenido{
	/* overflow: auto; */
	overflow: visible;
	background-color: #f7f7f7;
	margin: 0px;
	padding: 10px 18px 8px 18px;
	text-align: left;
}
#contenidoh h1.titulo{
	/* Para situar incono RSS */
	position: relative;
	clear: both;	
	padding: 0px 20px 0px 25px;
	/*
	background-image: url(../images/logobp.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	*/
	background-image: url(../images/meteosim_tt.jpg);
	background-position: 0px center;
	background-repeat: no-repeat;
	background-color: #295c9d;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	height: 18px;
}

#contenido h1.titulo .rss{
	position: absolute;
	width: 30px;
	top: 5px;
	right: 0px;
}

#contenido h1.titnotfirst{
	margin-top: 0px;
	margin-bottom: 11px;	
}

#contenido div.urlpath{
	margin-bottom: 8px;
	color: #777777;
	font-size: 10px;
}

#contenido div.urlpath a{
	color: #777777;
	font-size: 10px;
	text-decoration: none;
}

/*-----------------------------------*/
/*   Quadre rodo principal del cos   */
/*-----------------------------------*/
.roundedtop{
	clear: both;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bgconttop.gif);
	background-position: -1px top;
	background-repeat: no-repeat;
	width: 952px;
	height: 10px;
	border: none;
}

.roundedbottom{
	clear: both;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/bgcontbottom.gif);
	background-position: -1px top;
	background-repeat: no-repeat;
	width: 952px;
	height: 12px;
	border: none;
}

#contenidoh{
	margin: 0px;
	float: left;
	width: 914px;
	padding: 4px 18px 10px 18px;
	background-color: #fff;
	border-style: solid;
	border-color: #cdcdcd;
	border-width: 0px 1px 0px 1px;
}


#mapsreports{
	/*
	overflow: auto;
	*/
	overflow: visible;
	margin-bottom: 18px;
	background-image: url(../images/animacions/rh500_GLOBAL.gif);  
	background-position: center top;
	background-repeat: no-repeat;
	padding-top: 150px;
	border-color:#dcdcdc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
}

/*-------------------------------*/
/* ESTILS DE LA COLUMNA DRETA    */
/*-------------------------------*/
#contenidoh .colder{
	float: right;
	width: 244px;
	margin-bottom: 18px;	
}
/*-------------------------------*/
/* ESTILS DE LA COLUMNA ESQUERRA */
/*-------------------------------*/
#contenidoh .coliz{
	float: left;
	width: 641px;
	margin-bottom: 18px;
}

#contenidoh .coliz .izconc{
	text-align: center;
}

#contenidoh .coliz .izconp{
	padding-left: 10px;
}


#contenido div.bloques{
	height: 200%;
	overflow: auto;	
	padding: 8px 0px 8px 8px;
	margin-bottom: 18px;
	background-color:#dcdcdc;
}
#contenido div.bloques2{
	padding: 8px 8px 8px 8px;
	margin-bottom: 18px;
	background-color:#ffffff;
	border-color:#dcdcdc;
	border-width: 1px 1px 1px 1px;
	border-style: solid;	
}


#contenido div.envpast
{
	float: left;
	margin: 7px 7px 0px 0px;
	border: 2px solid #C2D2E0;
	padding: 1px;
	background-color: #fff;
}

#contenido div.past{
	float: left;
	/*
	border: 1px solid #eeeeee;
	*/
	padding: 5px;
	background-image: url(../images/bg_past.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#contenido div.e0{	
	width: 290px;
	height:210px;
	padding-top: 3px;	
	padding-bottom: 3px;
}

#contenido div.e1{
	width: 290px;
	height: 130px;
	padding-top: 1px;
}

#contenido div.e2{
	width: 195px;
	padding-left: 15px;
	margin-bottom: 9px;
	/*
	height: 52px;
	*/
}

div.e2 div, div.e2 a, div.e2 h2.tith, div.e2 p{
	font-size: 11px;
}

#contenidop{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	/*background-color: #f7f7f7;*/
	text-align: center;
	color: #2962b0;
	font-size: 10px;
}

#contenidop a{
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #f7f7f7;
	text-align: center;
	color: #2962b0;
	font-size: 10px;
}


#pie{
	width: 1024px;
	margin: 0px auto;
	margin-bottom: -2px;
	padding: 0px;
	height: 15px;
	/*background-color: #ffffff;*/
        background-image: url(../images/meteosim_07.jpg);
	background-position: left top;
	background-repeat: no-repeat;
}

/* @grupo titulos */
h2.tith{
	font-weight: bold;
	color: #2962b0;
}

h2.tith a{
	text-decoration: none;
	font-weight: bold;
	color: #2962b0;
}

/* @end grupo titulos. */

/*--------------------------------------------*/
/* Llistat d'utilitats de la dreta, a la home */
/*--------------------------------------------*/
ul.mapsreportsh{
	width: 220px;
	margin: 0px auto;
	margin-top: 15px;
	margin-left: 0px;
}

ul.mapsreportsh li{
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/bullet_arrowb.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	list-style: none;
}

ul.mapsreportsh li a{ text-decoration: none; font-size: 11px; color: #2962b0; }
ul.mapsreportsh li a:hover{ text-decoration: underline; }
/* @end grupo listas */


/*--------------------------------------*/
/* estils de les galeries de la portada */
/*--------------------------------------*/




/* @grupo estilos prrafo. */
p.fecha{
	color: #b40000;
}
/* @end gurpo estilos prrafo */

/* @group separadores y secciones */
div.seph{
	margin-top: 5px;
        clear: both;
	font-size: 0px;
	height: 2px;
	background-color: #f55912;
	border-bottom: 1px solid #555f9a;
}

.e0 div.img{
	float: left;
	margin-right: 5px;
	border: 1px solid #C2D2E0;
}

.e0 div.img img{
	padding: 2px;
}

.e0 div.img a:hover img{
	opacity: .8; filter: alpha(opacity=80);
}

.e1 div.img{
	float: left;
	margin-right: 5px;
}

.e1 div.img img{
	padding: 2px;
}

.e1 div.img a:hover img{
	opacity: .8; filter: alpha(opacity=80);
}
/* @end group separadores. */

/* @grupo formatos generales. */
.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.inline{
	display: inline;
}

div.clearer{
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

div.vinculador{
	margin-bottom: 18px;
	text-align: right;
}

div.vinculador form{
	display: inline;
}
/* @end grupo formatos generales. */

/* Afegits per M. Picanyol */
.titol1 {
	font-weight: bold;
	color: #2962b0;
	font-size: 14px;
	margin-bottom: 18px;
}



/*----------------------------*/
/* M. Picanyol i M. Ceperuelo */
/*----------------------------*/
/* Estils del motor de mapes  */
/*----------------------------*/
div.quadro_mapes {
	margin-bottom: 18px;
	padding: 15px 5px 10px 5px;	
	border-style: solid;
	border-color: #cdcdcd;
	border-width: 0px 1px 1px 1px;
}

ul.mapes{
/*	width: 200px; */
	margin: 0px auto;
	list-style: none;
}

ul.mapes li{
	margin-bottom: 10px;
	padding: 0px 0px 0px 10px;
	background-image: url(../images/bullet_arrowb.gif); 
	background-position: left 5px;
	background-repeat: no-repeat;
        list-style: none;
}
ul.mapes li a{ text-decoration: none; font-size: 12px; color: #2962b0; }
ul.mapes li a:hover{ text-decoration: underline; }
.boto_var { 
	width: 170px;	
	text-align: center;
	font-size: 13px;
	margin: 2px;
	margin-top: 2px;
}
div.desc_model {
	color: #555f9a;
	font-size: 13px;
	text-align: justify;
}
div.desc_model p{
	margin-bottom: 15px;
}
div.desc_model a {
	color: #555f9a;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../images/linkunderb.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
div.desc_model a:hover {
	color: #f55912;
	text-decoration: underline;
}
/*------------------------------------------------------*/
/* Quadro de sailing que nomes es visualitza als mapes  */
/*------------------------------------------------------*/
div.sailing {
	font-size: 12px;
	width: 165px;
	padding: 5px;
	left: 5px;
	top: 500px;
	background-color: #FFFF00;
        border-top: 1px solid #f55912;
        border-left: 1px solid #f55912;
        border-right: 2px solid #555f9a;
        border-bottom: 2px solid #555f9a;
	margin-bottom: 15px;
	text-align: center;
}

div.sailing a {	
	background-color: #295c9d;
	padding: 5px 5px 5px 5px;	
	color: #fff;	
	font-size: 14px;
	font-weight: bold;
	line-height:32px;
}

div.sailing a:hover {
  	color: #00008B; 
	background-color: #66ffff;

	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
}






table.detalls {
	border-width: 1px 1px 1px 1px;
	border-spacing: 0px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: white;
}
table.detalls th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.detalls td {
	font-size: 12px;
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}




div.productegeneral {
  background-color:#ffffff; /*#C2D2E0;*/
  padding:7px;  
  font-size: 12px;
  text-align: justify;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #cdcdcd;
}
div.productegeneral b{
  color:red;
}

div.productegeneral h1{
  font-size: 14px; 
  font-weight: bold;
  color: #295c9d;
  text-align:justify;
  padding: 10px;
}
div.productegeneral ul,li{  
  margin-left:15px;
  text-align:justify;
  list-style: square;
  list-style-position: outside;
  padding: 2px;
}

div.formulari {
  margin-left:50px;
  margin-bottom:50px;
  font-size:12px;
  text-align:justify;
 
}
	
/*------------------------------------------------------*/
/* MISSATGE INFORMATIU PER OCASIONS EXTRAORDINARIES	*/
/*------------------------------------------------------*/
#missatgeINFO   {
	margin: 0 auto;
	margin-bottom:10px;
	padding: 15px;
	height:auto;
	text-align: justify;
	width:212px;
	text-decoration: none;
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #000000;
	font-size:12px;
	z-index:4;
	background-color:#FFFA60;
}
/* end */
/*------------------------------------------------------*/
/* 404 ERROR						*/
/*------------------------------------------------------*/
#missing {
	border: 1px solid #787878;
	padding: 10px;
	margin: 20px 0px 50px 0px;
	background-color: #eee;
}
#missing h1 { 
	font-weight: bold;
	color: red;
	font-size: 15px;
}