
/* CSS Document - struttura pagina */

/* struttura pagina */

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:80%;
	background:url(../immagini/sfondo_body.gif) repeat-x;
	background-color:#043382;
	}

body#interno {
	background:url(../immagini/sfondo_body_interno.gif) repeat-x;
	background-color:#9FDBF4;
	}

/*********************************/
/********* CLASSI GENERICHE ******/
/*********************************/
/** Global **/
* {
    margin:0;
    padding:0;
	border:0;
	text-align:left;
}

.clear {
	clear:both;
	height:0;
	font-size:1%;
	}

/** Nascondo oggetti **/
.off, .span {
	position: absolute;
    top: -9999px;
	left:-9999px;
	}

a {
	color:#000;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

input, textarea, select {
border:1px solid #ccc;
background-color:#fff;
width:130px;
padding:2px;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

textarea {
	width:300px;
	font-size:11px;
	}

input.pulsante {
	width:100px;
	text-align:center;
	background-color:#eaeaea;
	color:#484848;
	margin:15px 0 0 0;
	}

input.check {
	border:0;
	padding:0;
	width:auto;
	}

select {margin-bottom:5px;}

#sitemap ul {
margin-left:20px;
}

#sitemap ul li {
list-style:square;
padding:3px 0;
}

#contenuti_esteso ul {
	padding:0 0 10px 10px;
	}

#contenuti_esteso ul li {
	list-style:square;
	padding:3px;
	}

/* Search_do */

#search_do form input.testo {
	border:1px solid #ccc;
	font-size:11px;
	color:#484848;
	width:130px;
	margin:10px 0 0 0;
	background-color:#fff;
	padding:2px;
	}

#search_do form select {
	border:1px solid #ccc;
	font-size:11px;
	width:130px;
	margin:0 0 0 12px;
	background-color:#fff;
	color:#484848;
	padding:2px;
	}

#search_do form input.pulsante {
	font-size:11px;
	border:1px solid #ccc;
	margin:10px 0 0 0;
	padding:1px;
	width:120px;
	text-align:center;
	background-color:#eaeaea;
	color:#484848;
	}
	

/** end global **/


/*********************************/
/***** CONTENITORE GENERALE ******/
/*********************************/


#contenitore {
	width:911px;
	margin:25px auto 0 auto;
	text-align:left;
	}

h1 {
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:23px;
	margin:0 0 0 20px;
	}

#centrale_intro h1 a {
	color:#fff;
	text-decoration:none;
	}

/*****************************************/
/* MENU_INTRO  */
/*****************************************/

#menu_intro {
	width:911px;
	height:22px;
	background:url(../immagini/sfondo_menu_intro.gif) no-repeat;
	}


#menu_intro ul {
	position: relative;
	text-align: left;
	}

#menu_intro ul li {
	list-style: none;
	position: absolute;
	}

#menu_intro ul li a {
	display: block;
	margin:0 0 0 0;
	text-indent: -9999px;
	text-decoration: none;
	height:22px;
	outline: none;
	-moz-outline: none;
	}


#pl1 {left: 265px; width: 90px;}
#pl2 {left: 362px; width: 90px;}
#pl3 {left: 458px; width: 90px;}
#pl4 {left: 555px; width: 100px;}


#pl1 a:hover {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -265px 0 no-repeat;}
.pl1 {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -265px 0 no-repeat;}
#pl2 a:hover {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -362px 0 no-repeat;}
.pl2 {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -362px 0 no-repeat;}
#pl3 a:hover {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -458px 0 no-repeat;}
.pl3 {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -458px 0 no-repeat;}
#pl4 a:hover {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -555px 0 no-repeat;}
.pl4 {background: transparent url(../immagini/sfondo_menu_intro_hover.gif) -555px 0 no-repeat;}

/*********************************/
/*********** CENTRALE ************/
/*********************************/


#centrale_intro {
	width:911px;
	position:relative;
	min-height:521px;
	background:url(../immagini/sfondo_contenuti.gif) top no-repeat;
	}

* html #centrale_intro {
	height:521px;
	}

#centrale_intro h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	color:#954111;
	padding:110px 0 10px 0;
	font-size:38px;
	margin:0 0 0 290px;
	}

#png_livorno {
	width:158px;
	height:654px;
	background:url(../immagini/livorno.png) no-repeat;
	position:absolute;
	z-index:2;
	margin:28px 0 0 0;
	}

.polaroid_mix {
	position:relative;
	z-index:3;
	float:left;
	width:276px;
	height:604px;
	margin:80px -90px 0 2px;
	padding:0;
	background:url(../immagini/sfondo_polaroid.jpg) no-repeat;
	}

* html .polaroid_mix {
	margin:80px 0 0 1px;
	}

#contenuti {
	width:702px;
	}

#contenuti p {
	width:316px;
	margin:0 0 0 290px;
	line-height:18px;
	font-size:12px;
	}

#contenitore_icone {
	width:527px;
	z-index:4;
	position:absolute;
	margin:50px 0 0 175px;
	}

.icona {
	width:119px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	height:126px;
	background:url(../immagini/box_intro.png) no-repeat;
	}

* html .icona {
	background:url(../immagini/box_intro.gif) no-repeat;
	}

#centrale_intro p.titolo, #centrale_intro p.titolo a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	font-size:14px;
	width:auto;
	text-align:center;
	color:#63211B;
	margin:15px 0 20px 0;
	}

#centrale_intro p.titolo a:hover {
	text-decoration:underline;
	}

/* box_dx_home */

#box_dx_home {
	width:180px;
	float:right;
	position:relative;
	color:#fff;
	font-size:12px;
	margin:-60px 14px 0 0;
	background:url(../immagini/piede_box_home.gif) bottom no-repeat;
	background-color:#93171D;
	}

* html #box_dx_home {
	margin:-60px 10px 0 0;
	}

#testa_box_dx_home {
	width:180px;
	background:url(../immagini/testa_box_home.gif) no-repeat;
	height:24px;
	margin:0 0 0 0;
	}

#corpo_box_dx_home {
	width:180px;
	text-align:center;
	padding:0 10px 10px 10px;
	margin:-10px 0 0 0;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:160px;
	}

#contenitore #corpo_box_dx_home img {
	margin:0 0 5px 0;
	}

#contenitore #corpo_box_dx_home p {
	padding:0 0 0 0;
	padding:0 0 0 0;
	background: url(../immagini/freccetta_bordo.gif) left no-repeat;
	background-positon:0 10px;
	}

#contenitore #corpo_box_dx_home hr {
	border-bottom:1px solid #fff;
	height:1px;
	width:150px;
	margin:4px 0 12px 0;
	}

#contenitore #corpo_box_dx_home p a {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-size:12px;	
	display:block;
	margin:0 0 8px 10px;	
	}

.due_righe {
	display:block;
	width:140px;
	position:relative;
	margin:-15px 0 0 12px;
	}

#contenitore #corpo_box_dx_home p a:hover .due_righe  {
	text-decoration:underline;
	}

/*********************************/
/*********** FOOTER **********/
/*********************************/

#footer {
	background:url(../immagini/sfondo_footer_intro.gif) repeat-x;
	text-align:center;
	margin:-212px 0 0 0;
	padding:20px 0 0 0;
	}

* html #footer {
	margin:-218px 0 0 0;
	}


#meteo {
	background-color:#fff;
	margin:0 -13px 0 15px;
	position:relative;
	float:right;
	color:#333;
	border:1px solid #83D0F0;
	font-size:11px;
	padding:10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:185px;
	}

#meteo img {
	float:left;
	margin:0 10px 0 0;
	border:1px solid #ccc;
	padding:1px;
	}

#meteo_table {
	background-color:#fff;
	}

/* testo */

#testo {
	width:911px;
	padding:0 0 0 175px;
	margin:0 auto;
	position:relative;
	z-index:5;

	voice-family: "\"}\"";
	voice-family:inherit;
	width:710px;
	}


#testo p {
	color:#fff;
	font-size:12px;
	text-align:left;
	}

span.data {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	margin:0;
	padding:0;
	}

#testo p.titolo_news {
	padding:12px 0 10px 0;
	position:relative;
	}

.divisore {
	background-color:#0F254F;
	height:10px;
	width:100%;
	margin:40px 0 20px 0;
	}

#testo p.titolo_news a {
	font-size:14px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:lighter;
	/*background:url(../immagini/freccetta.gif) left no-repeat;
	padding:0 0 0 10px;*/
	color:#fff;
	}
	
#testo p.titolo_news a:hover {
	background:none;
		}	


#testo p.credit {
	padding:15px 0 15px 40px;
	background:url(../immagini/credit.gif) left no-repeat;
	}





#footer p.credit a {
	color:#fff;
	text-decoration:underline;
}
