/* Css Screen by Oot - www.oot.it */

/* TOP METEO */

.top_meteo {
	width: 209px;
	margin: 0;
	padding: 0;
}


/* BLOCCO TOOLBAR */

.blocco_toolbar {
	width: 209px;
	height: 27px;
	border-bottom: solid 2px #fff;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.data {
	width: 209px;
	height: 26px;
	background-image: url(/images/fondo_data.jpg); 
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 26px;
	text-align: center;
	margin: 0;
	padding: 0;
}

.data p {
	font-size: 10px;
	color: #fff;
	margin: 0;
	padding: 0;
}


/* BLOCCO METEO */

.blocco_meteo {
	width: 209px;
	height: 303px;
	background-image: url(/images/fondo_blocco_meteo.jpg); 
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0 0 10px 0;
	padding: 0;
}

/* STATI */

.prima_voce_lista { /* l'attributo height serve per distanziare la prima voce della lista dal resto delle altre voci */
	height: 20px;
	margin: 0;
	padding: 0;
}


/* CENTRALE */

.centrale {
	/*width: 375px;*/
	width: 390px;
	background-color: #ebe4b3;
	margin: 0 0 0 20px;
	padding: 0;
}

.centrale h2 {
	color: #ff6c02;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}


/* BOX ICONA GIORNATA 4 ICONE */

.ico_giornata_4 {
	width: 135px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

/* BOX ICONA GIORNATA 2 ICONE */

.ico_giornata_2icone {
	width: 200px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.img_ico_giornata {
	width: 126px;
	height: 30px;
	background-color: #3477b1;
	margin: 0;
	padding: 0;
	text-align: center;
}

.img_ico_giornata_eu {
	width: 126px;
	height: 30px;
	background-color: #3477b1;
	margin: 7px 0 0 0;
	padding: 0;
	text-align: center;
}

.txt_top_ico_giornata {
	margin: 0;
	padding: 0;
}

.txt_top_ico_giornata p {
	font-size: 11px;
	color: #007ab6;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}

.bold {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.bold_nero {
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}

.txt_bottom_ico_giornata {
	width: 126px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 3px 0 0 0;
}


/* BOX ICONA VENTO 4 ICONE*/

.ico_vento {
	width: 85px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_vento p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO MARI E VENTI */

.ico_vento_mv2 {
	width: 70px;
	margin: 0;
	padding: 0;
	float: left;
}


.ico_vento_mv2_small {
	width: 30px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_mv2 img {
	margin: 0;
	padding: 20px 0 0 0;
}

/* BOX ICONA VENTO OGGI 3 ICONE */

.ico_vento_oggi_3 {
	width: 120px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_oggi_3 img {
	margin: 0;
	padding: 2px 0 0 20px;
}

.ico_vento_oggi_3 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO OGGI 4 ICONE */

.ico_vento_oggi_4 {
	width: 79px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_oggi_4 img {
	margin: 0;
	padding: 2px 0 0 8px;
}

.ico_vento_oggi_4 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO NEXT 3 ICONE */

.ico_vento_next_3 {
	width: 120px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_next_3 img {
	margin: 0;
	padding: 2px 0 0 20px;
}

.ico_vento_next_3 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO NEXT 4 ICONE */

.ico_vento_next_4 {
	width: 77px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_next_4 img {
	margin: 0;
	padding: 2px 0 0 8px;
}

.ico_vento_next_4 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO 3 ICONE*/
.ico_vento_3icone {
	width: 99px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

.ico_vento_3icone img {
text-align: center;
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_vento_3icone p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO 2 ICONE EUROPA*/
.ico_vento_2icone_eu {
	width: 115px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
}

.ico_vento_2icone_eu img {
text-align: center;
	margin: 0;
	padding: 7px 0 0 0;
}

.ico_vento_2icone_eu p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA MARE 4 ICONE */

.ico_mare {
	width: 79px;
	height: 53px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_mare img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_mare p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA MARE pagina MARI E VENTI */

.ico_mare_mv2 {
	width: 70px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_mare_mv2 img {
	margin: 0;
	padding: 20px 0 0 0;
}

/* BOX ICONA RAGGI UV 4 ICONE */

.ico_raggiuv {
	width: 79px;
	height: 53px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

.ico_raggiuv img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_raggiuv p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX GIORNI  4 ICONE */

.box_giorni_4 {
	width: 375px;
	height: 50px;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 10px 0 0 0;
	padding: 0;
	background-image:url(/images/fondo_giorni.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* BOX GIORNI  3 ICONE */

.box_giorni_3 {
	width: 375px;
	height: 50px;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 10px 0 0 0;
	padding: 0;
	background-image:url(/images/fondo_giorni.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}

/* BOX ICONA PROSSIMA GIORNATA 4 ICONE */

.ico_giornata_2 {
	width: 140px;
	margin: 0;
	padding: 0;
	float: left;
}

/* BOX ICONA PROSSIMA GIORNATA 3 ICONE */

.ico_giornata_2_3icone {
	width: 155px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}

/* BOX ICONA PROSSIMA GIORNATA 2 ICONE */

.ico_giornata_2_2icone {
	width: 200px;
	margin: 0;
	padding: 5px 0 0 0;
	float: left;
}

/* BOX ICONA PROSSIMA GIORNATA 3 ICONE */

.ico_giornata_3 {
	width: 156px;
	margin: 0;
	padding: 0;
	float: left;
}

.txt_top_ico_giornata_2 {
	width: 126px;
	margin: 0;
	padding: 0;
}

.txt_top_ico_giornata_2 p {
	font-size: 11px;
	color: #007ab6;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}


.txt_bottom_ico_giornata_2 {
	width: 126px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 2px 0 0 0;
}


/* BOX ICONA VENTO 2 - 4 ICONE */

.ico_vento_2 {
	width: 79px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_vento_2 img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_vento_2 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA VENTO 2 - 3 ICONE */

.ico_vento_2_3icone {
	width: 99px;
	margin: 0;
	padding: 0;
	float: left;
	text-align:center;
}

.ico_vento_2_3icone img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_vento_2_3icone p {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
		text-align:center;
}

/* BOX ICONA MARE 2 */

.ico_mare_2 {
	width: 77px;
	margin: 0;
	padding: 0;
	float: left;
}

.ico_mare_2 img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_mare_2 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX ICONA RAGGI UV 2 */

.ico_raggiuv_2 {
	width: 77px;
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

.ico_raggiuv_2 img {
	margin: 0;
	padding: 2px 0 0 0;
}

.ico_raggiuv_2 p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

/* BOX GIORNI SUCCESSIVI 1  - 4  ICONE */

.giorni_successivi_1 {
	width: 375px;
	height: 38px;
	line-height: 38px;
	background-color: #eef7fc;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 0;
	padding: 0;
}


/* BOX GIORNI SUCCESSIVI 2  - 4 ICONE */

.giorni_successivi_2 {
	width: 375px;
	height: 38px;
	line-height: 38px;
	background-color: #fff;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 0;
	padding: 0;
}

.ora {
	width: 140px;
	color: #006bac;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}
.ora ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 5px;
	line-height: 14px;
}

.ora li {
	width: 125px;
	background-image: url(/images/quad_lista.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
	padding: 5px 0 0 10px;
}


/* ORA  - 3 ICONE */
.ora_3icone {
	width: 156px;
	color: #006bac;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}

.ora_3icone ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 14px;
}

.ora_3icone li {
	width: 125px;
	background-image: url(/images/quad_lista.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
	padding: 5px 0 0 10px;
}

/* ORA  - 2 ICONE */
.ora_2icone {
	width: 200px;
	color: #006bac;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}

.ora_2icone ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
	line-height: 14px;
}

.ora_2icone li {
	width: 125px;
	background-image: url(/images/quad_lista.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;
	padding: 5px 0 0 10px;
}

.vento_txt {
	width: 79px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.vento_txt_3 {
	width: 120px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.vento_txt_4 {
	width: 77px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.vento_txt_3icone {
	width: 99px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	float: left;
}

.mare_txt {
	width: 77px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	text-align:center;
	float: left;
}

.mare_txt_mv2 {
	width: 80px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 0 0;
	text-align:left;
	float: left;
}

.mare_txt_mv2_small {
	width: 120px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 20px 0 0 0;
	text-align:left;
	float: left;
}

.raggi_txt {
	width: 77px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	text-align:center;
	margin: 0;
	padding: 0;
	float: left;
}

/* LINEA BLU */

.linea_blu {
	width: 375px;
	height: 1px;
	/*border-bottom: 1px inset;*/
	background-color: #73acc0;
	/*border-bottom-color: #73acc0;*/
	/*margin: 2px 0 2px 0;*/
	margin: 2px 0 0 0;
	padding: 0;
	overflow: hidden;
}

/* DETTAGLIO PREVISIONI MARI/VENTI */

.mv_giorno_1 {
	width: 126px;
	height: 25px;
	margin: 0;
	padding: 0;
	float: left;
}

.mv_giorno_1 p {
	font-size: 11px;
	color: #007ab6;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}

.mv_descr_1 {
	width:100px;
	height:40px
	margin: 0;
	padding: 0;
	float: left;
}

.mv_descr_1 p {
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	color: #007ab6;
	margin: 0;
	padding: 0;
}

.mv_ico_1 {
	width: 87px;
	height: 40px;
	margin: 0;
	padding: 0;
	float: left;
}

.mv_ico_1 img {
	padding:5px 0pt 5px 0pt;
}

/* BOX GIORNI SUCCESSIVI 1  pagina MARI E VENTI 2 */

.giorni_successivi_1_mv2 {
	width: 375px;
	height: 70px;
	background-color: #fff;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 0;
	padding: 0;
}

.giorni_successivi_2_mv2 {
	width: 375px;
	height: 70px;
	background-color: #eef7fc;
	border-bottom: solid 1px #5a96b8;
	margin: 0;
	padding: 0;
}

.giorni_successivi_1_mv2_small {
	width: 375px;
	height: 45px;
	background-color: #fff;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 0;
	padding: 0;
}

.giorni_successivi_2_mv2_small {
	width: 375px;
	height: 45px;
	background-color: #eef7fc;
	/*border-bottom: solid 1px #5a96b8;*/
	margin: 0;
	padding: 0;
}

/* BOX GIORNI SUCCESSIVI 2  - 4 ICONE */

.ora_mv2 {
	width: 140px;
	color: #006bac;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}

.ora_mv2 ul {
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 14px;
}

.ora_mv2 li {
	
	/*background-image: url(/images/quad_lista.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;*/
	padding: 5px 0 0 10px;
}

.ora_mv2_small {
	width: 180px;
	color: #006bac;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: left;
}

.ora_mv2_small ul {
	list-style: none;
	margin: 10px 0 0 5px;
	padding: 0;
	line-height: 14px;
}

.ora_mv2_small li {
	/*background-image: url(/images/quad_lista.gif);
	background-repeat: no-repeat;
	background-position: 0 30%;*/
	padding: 0 0 0 10px;
}

.nodi_mv2 {
	width: 50px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 0 15px;
	float: left;
}

.nodi_mv2_small {
	width: 115px;
	color: #006bac;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 15px;
	float: left;
}

/* STILI PER APERTURA E CHIUSURA FASCE */

.spacer_fascia {
	width:290px;
	float:left;
}