/* Stili generici per l'elemento body */
@page {size: auto; margin: 10%;}
  .spacer { clear: both; }

body {
margin: 0px 10px 0px 10px;
padding: 0px 0px 0px 0px;
background : #FFFFFF;
text-align : center;
/*border-bottom : 0px solid black;
border-left : 0px solid black;
border-right : 0px solid black;
border-top : 0px solid black;*/
}	


div#contenitore {
position: relative;
/*border : 1px solid black;*/
margin : 5px auto 0 auto;
/* il margine superiore di 10 pixel, quello degli altri lati sara; calcolato automaticamente (auto).
Questo e importante, perche ci consente un design fluido e ci fa essere certi che cambiando risoluzione 
il box sara sempre centrato. */
text-align :left;
width: 1024px;
height: 620px;
}

div#header {
position: relative;
margin: 0px 0px auto 0px;
/*border : 2px solid red;*/
width: 1024px;
height: 95px;
background-color: #144f89;
}

div#logo {
position: absolute;
margin: 0px 0px auto 0px;
padding: 10px 0px 10px 0px;
width: 422px;
height: 95px;
/*background-color: #0b8dc2;*/
background-image: url(logo.png);
background-repeat: no-repeat ;
}

div#film {
position: absolute;
margin: 0px 0px 0px 422px;
padding: 0px 0px 0px 0px;
width: 600px;
height: 95px;
background-image: url(header_dx.png);
}

div#menu_o {
clear: both;
position:relative; 
left: 0px;
width: 1024px;
height: 30px;
overflow: hidden;
background: url(menubk_blu.png);
margin-top: 0px;
}

div#menu_v{
position:absolute; 
left: 0px;
width: 220px;
height: 440px;
background-image: url(menu_sx_bianco.png);
}
ul.lista_menu_v {
width:200px;
/*list-style:none; /* elimino i punti elenco */
list-style-type: square;
margin:0; padding:1em; /* elimino i rientri delle liste */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #2B2444;
font-weight:bold;
text-decoration:none;
}
ul.lista_menu_v a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 1em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.5em;line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #2B2444;
font-weight:bold;
}
ul.lista_menu_v li a {
display:block; /* il link occupa tutto lo spazio orizzontale */
text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
padding:0 2em; /* lascia spazio far il bordo del menu e il testo del link */
height:1.2em;line-height:1.2em; /* altezza del link: height e line-height devono avere il medesimo valore */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #5C80A2;
font-weight:bold;
}
ul.lista_menu_v li { 
display:inline; /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
} 
ul.lista_menu_v li a:link, ul.lista_menu_v li a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5C80A2;
font-weight:bold;
text-decoration: none;
} 
ul.lista_menu_v li a:hover, ul.lista_menu_v li a:active  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #5C80A2;
font-weight:bold;
text-decoration: none;
background-color: #CBBFDD;
} 

div#contenuto{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	/*background-image: url(brochure/brochure.jpg);*/
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 480px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutob{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(brochure/brochure.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 485px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutos{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(schede/schede.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 485px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutod{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(disegni/disegni.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 485px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutoc{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(conformita/conformita1.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 485px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutoass{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(assistenza/assistenza.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 485px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
}

div#contenutolist{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: center;
	clear: both;
	overflow: none;
	/*background-color: #FFFFFF; */
	background-image: url(listino/listino.jpg);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 220px;
	width: 804px;
	height: 440px;
	/*padding : 0px 0px 10px 10px;*/
	/*border : 2px solid red;*/
	
}
	
div#centro{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000; 
	text-decoration: none; 
	text-align: justify;
	clear: both;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	width: 1024px;
	height: 485px;
}
.centro_home{
	background-image: url(sfondo_piscina.jpg);
	background-repeat: no-repeat;
	}
.centro_disegni{
	background-image: url(disegni/disegni.jpg);
	background-repeat: no-repeat;
	height: 485px;
	}
.testo_form{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	color: #054782;
	text-decoration: none; 
	text-align: left;
	}
.testo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #054782;
	text-decoration: none; 
	}
.testo_home{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: 19px;
	color: #054782;
	text-decoration: none; 
	}
.titolo{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	font-weight:bold;
	line-height: 20px;
	color: #054782;
	text-decoration: none; 
	}
.slogan{
	font-family: Book Antiqua; 
	font-size: 28px; 
	font-style: italic; 
	font-weight:bold;
	color: #303455;
	text-decoration: none; 
	}

div#footer{
	clear: both;
	width: 1024px;
	height: 60px;
	text-align : right;
	position: relative;
	margin : 0 auto 0 auto;
	background-image: url(footer.png);
	background-repeat: no-repeat;
} 
.bordotab {
	font-family: Verdana, Arial, Helvetica, sans-serif; /* Definisce il font */
	font-size: 8px; /* Dimensione del font */
	color: #FFFFFF; /* Colore del font */
	text-align : center;
}
.Fclassetd {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
}
.Fclassetd a  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF; /* Questo è il colore del link */
	display: block; /* Fondamentale! Da impostare sempre */
	position: relative; /* Fondamentale! Da impostare sempre */
	text-decoration: none; /* Eliminiamo la sottolineatura del link */
	padding: 3px 0px 3px 0px;
}
.Fclassetd a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #FFFFFF; /* Cambiamo il colore del link al passaggio del mouse */
	background-color: #5C80A2; /* Cambiamo il colore di sfondo al passaggio del mouse */
	text-decoration: none;
	padding: 3px 0px 3px 0px;
}
.Fclassetr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding: 3px 0px 3px 0px;
	text-align: center;
}