/*##################################### PROGREEN ####################################*/

body {
  padding:0px 0px 10px 0px;
  margin:0px;
	background-image:url("../img/sfondo_body.jpg");
	background-position:center top;
	background-repeat:repeat-x;
	text-align:center;
	color:#333333;
	font-size:10px;
	font-family:verdana,arial,sans-serif;
}

#contenitore {
  width:750px;
	padding:0px;
	margin:0px auto;
} 

#testa {
  width:750px;
  padding:0px;
  margin:0px;
} 

#flash {
  width:750px;
  height:119px;
  padding:0px;
  margin:0px;
} 

#menu {
  width:750px;
  height:54px;
  background-image:url("../img/sfondo_menu.jpg");
	background-position:right top;
	background-repeat:no-repeat;
	position:relative;
}

#menu a {
  display:block;
	font-size:9px;
	width:99px;
	height:27px;
	text-decoration:none;
	font-weight:normal;
	padding:5px 0px 0px 0px;
	margin:0px;
	background-image:url("../img/sfondo_pulsante_menu.gif");
	background-position:center top;
	background-repeat:no-repeat;
	position:absolute;
	top:5px;		 
} 

#menu a.piscine {
  left:30px;
	line-height:27px;
} 

#menu a.relax {
  left:129px;
	line-height:27px;
} 

#menu a.idromassaggi {
  left:228px;
}

#menu a.arredi {
  left:327px;
}

#menu a.assistenza {
  left:426px;
	line-height:27px;
}

#menu a.chisiamo {
  left:525px;
	line-height:27px;
}

#menu a.preventivo {
  left:624px;
}

#menu a:hover {
	top:2px;		
  height:52px;
	color:#365A86;
  background-image:url("../img/sfondo_pulsante_hover_menu.gif");
  background-position:center top;
  background-repeat:no-repeat;
}


#corpo {
  width:750px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding:0px;
	margin:0px;
	text-align:left;
} 

#briciole {
  width:730px;
	padding:0px;
	margin:15px 10px 10px 10px;
	color:#256183;
} 

#briciole a {
  color:#256183;
	text-decoration:none;
	font-weight:normal;
} 

#briciole a:hover {
  text-decoration:underline;
}

#footer {
  width:750px;
	height:128px;
  padding:70px 0px 0px 0px;
  margin:0px;
	background-image:url("../img/sfondo_corpo.jpg");
	background-position:center bottom;
	background-repeat:no-repeat;
	voice-family: "\"}\""; 
  voice-family:inherit;
	height:58px;	
} html > body #footer { height:58px; }


#footer a {
  color:#333333;
} 

#footer a:hover {
  text-decoration:none;
} 

#footer #linkBrevi {
  margin-top:10px;
}

/*********************************** ELEMENTI GENERICI *****************************/

.blocca {
  clear:both;
	height:0px;
	line-height:0px;
	margin:0px;
} 

img {
  border:0px;
  padding:0px;
  margin:0px;
}

a {
  color:#365A86;
	text-decoration:underline;
	font-weight:bold;
}

a:hover {
  color:#9B7BD0;
	text-decoration:none;
}

h1 {
  color:#3871B1;
	font-size:20px;
	font-family:"times new roman",serif;
	padding:0px;
	margin:0px 0px 10px 0px
}

p {
  padding:0px;
  margin:0px 0px 10px 0px;
	line-height:15px;
}

.right {
  text-align:right;
}

.center {
  text-align:center;
}

/*********************************** HOME PAGE ************************************/

#colonne {
  width:720px;
	padding:0px;
	margin:10px auto 0px auto;
}

.colonna {
  float:left;
  width:144px;
  padding:0px;
  margin:0px;
} 

.colonna .titolo {
  width:144px;
  height:39px;
	margin:0px auto;
	padding:4px;
	background-image:url("../img/sfondo_titolo_colonna.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	voice-family: "\"}\""; 
  voice-family:inherit;
	width:136px;
	height:31px;
} html > body .colonna .titolo { width:136px; height:31px; }


.colonna .titolo a {
	text-decoration:none;
} 

.colonna .testo {
  padding:3px;
	line-height:15px;
} 

.colonna .testo a {
 color:#35444D;
  font-weight:bold;
} 

.colonna .testo a:hover {
  text-decoration:none;
} 

.colonna .link {
  padding:3px;
	font-weight:normal;
} 

.colonna .link ul {
  padding:0px;
	margin:0px;
	font-weight:normal;
} 

.colonna .link ul li {
  padding:8px 0px 3px 0px;
  margin:0px 0px;
	list-style-type:none;
	background-image:url("../img/separatore_link.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:normal;
} 

.colonna .link ul li a {
  color:#35444D;
	text-decoration:none;
	font-weight:normal;
}

.colonna .link ul li a:hover {
  text-decoration:underline;
	font-weight:normal;
} 	


/******************************* PAGINE INTERNE *************************************/

#sidebar {
  float:left;
	width:200px;
	padding:0px;
	margin:0px;
	background-image:url("../img/sfondo_sidebar.jpg");
	background-position:left top;
	background-repeat:repeat-y;	
} 

#sidebarIn {
  float:left;
	width:200px;
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:0px;
	margin:0px;
	background-image:url("../img/sidebar_top.jpg");
	background-position:left top;
	background-repeat:no-repeat;
} 

#sidebarIn .titoloSezione {
  width:180px;
	margin:0px auto;
	padding:6px 0px 0px 0px;
	font-weight:bold;
	color:#365A86;
}

#sidebarIn .titoloSezione a {
	font-weight:bold;
}

#sidebarIn a {
  font-weight:normal;
  text-decoration:none;
}

#sidebarIn ul {
  padding:0px;
  margin:10px auto 0px auto;
	width:180px;
}

#sidebarIn ul li {
  padding:3px 0px 8px 0px;
  margin:0px;
	color:#365A86;
	list-style-type:none;
	background-image:url("../img/separatore_voci_sidebar.jpg");
	background-position:bottom center;
	background-repeat:no-repeat;
}

#sidebarIn ul li ul {
  padding:0px;
  margin:0px 0px 0px 0px;
}

#sidebarIn ul li ul li {
  padding:0px;
  margin:5px 0px 0px 5px; 	
	background:none;
	/*list-style-image:url("../img/freccina_menu.jpg");*/
}

#bottomSidebar {
  float:left;
	width:200px;
	padding:0px;
	margin:0px;
	background-image:url("../img/sidebar_bottom.jpg");
	background-position:left top;
	background-repeat:no-repeat;
} 

#contenuto {
  float:left;
	width:510px;
	\width:550px;
	w\idth:510px;
	min-height:100px;
	height:auto !important;
	height:100px;
	padding:10px 20px;
	margin:0px;
	background-image:url("../img/sfondo_contenuto.jpg");
	background-position:center top;
	background-repeat:no-repeat;
} 

/************************************** PHOTOGALLERY ******************************/

.gallery {
  width:492;
	\width:506px;
	w\idth:492px;
	min-height:50px;
	height:auto !important;
	height:50px;
	padding:10px 7px 0px 7px;
	margin:10px auto;
	background-image:url("../img/sfondo_gallery.jpg");
	background-position:center top;
	background-repeat:no-repeat;
} 

.gallery .titolo {
  font-family:"times new roman",serif;
	font-size:14px;
	font-weight:bold;
	color:#365A86;
} 

.gallery .titolo img {
  vertical-align:middle;
} 

.gallery table {  
  width:492px;
  margin:5px auto 0px auto;
	border-collapse:collapsse;
} 

.gallery table td {
  padding:0px;
	margin:0px;
	width:164px;
	height:120px;
	text-align:center;	
	background-image:url("../img/sfondo_foto_gallery.jpg");
	background-position:center center;
	background-repeat:no-repeat;
} 

 

/************************************ PREVENTIVO ***********************************/

#preventivo {
  padding:0px;
  margin:10px 0px;
} 

#preventivo .campo {
  float:left;
  width:220px;
	padding:0px;
	margin:0px 0px 10px 0px;
} 

#preventivo .campo label {
  display:block;
	font-weight:bold;
	color:#3871B1;
	margin-bottom:3px;
}

#preventivo .campo input {
  width:210px;
	padding:0px;
	margin:0px;
	font-size:11px;
	color:#333333;
	border:1px solid #3871B1;
}

#preventivo .indirizzo {
  width:440px;
	float:none;
} 

#preventivo .indirizzo input {
  width:430px;
} 

/******************* MODELLI PISCINE ***********************/

/*** dimensioni piscina ***/
#preventivo .dimensionePiscina {
  margin-bottom:20px;
}

#preventivo .dimensionePiscina .titolo {
  color:#3871B1;
	margin:0px 0px 5px 0px;
	font-weight:bold;
}

#preventivo .dimensionePiscina input {
  vertical-align:middle;
} 

#preventivo .dimensionePiscina label {
  color:#3871B1;
	vertical-align:middle;
} 

/************** PISCINE ***************/
#preventivo .modelloPiscina .titolo {
  color:#3871B1;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

#preventivo .modelloPiscina .modello {
  border-collapse:collapse;
}

#preventivo .modelloPiscina .modello td {
  padding:0px;
}

#preventivo .modelloPiscina .modello .foto {
	width:120px;
	height:100px;
	padding:5px 0px 0px 0px;
	margin:0px;
	text-align:center;
	vertical-align:top;
	background-image:url("../img/sfondo_modello.jpg");
	background-position:center top;
	background-repeat:no-repeat;
	voice-family: "\"}\""; 
  voice-family:inherit;
	height:95px;
} html > body #preventivo .modelloPiscina .modello .foto { height:95px; }


#preventivo .modelloPiscina .modello .testo {
	width:315px;
	\width:325px;
	w\idth:315px;
	padding:0px 0px 0px 10px;
}

#preventivo .modelloPiscina .modello .testo div {
  padding-left:20px;
} 

#preventivo .modelloPiscina .modello input {
  vertical-align:middle;
	margin-right:3px;
} 

#preventivo .modelloPiscina .modello label {
  color:#3871B1;
  vertical-align:middle;
}

/*********** RELAX (SAUNE - BAGNI TURCHI) *********/

.tipoRelax {
  margin-bottom:10px;
}

.tipoRelax input {
  vertical-align:middle;
}

.tipoRelax label {
  color:#3871B1;
	vertical-align:middle;
}

#preventivo .modelliRelax .titolo {
  color:#3871B1;
	margin:0px 0px 10px 0px;
	font-weight:bold;
}

#preventivo .modelliRelax .modello {
  border-collapse:collapse;
}

#preventivo .modelliRelax .modello td {
  padding:0px;
}

#preventivo .modelliRelax .modello .foto {
	width:120px;
	height:100px;
	padding:0px;
	margin:0px;
	text-align:center;
	vertical-align:top;
}


#preventivo .modelliRelax .modello .testo {
	width:315px;
	\width:325px;
	w\idth:315px;
	padding:0px 0px 0px 10px;
}

#preventivo .modelliRelax .modello .testo div {
  padding-left:20px;
} 

#preventivo .modelliRelax .modello input {
  vertical-align:middle;
	margin-right:3px;
} 

#preventivo .modelliRelax .modello label {
  color:#3871B1;
	vertical-align:middle;
}

/******************** IDROMASSAGGI ********************/

.modelliIdro .titolo {
  color:#3871B1;
	margin:20px 0px 0px 0px;
	font-weight:bold;
}

.modelliIdro table.modelli {
  border-collapse:collapse;
}

.modelliIdro table.modelli td {
  padding:0px;
}

.modelliIdro table.modelli td table.modello {
  border-collapse:collapse;	
}

.modelliIdro table.modelli td table.modello td.foto {
  width:150px;
	height:120px;
	text-align:center;
}

.modelliIdro table.modelli td table.modello td.nomeModello {
  text-align:center;
	vertical-align:top;
	height:50px;
}

.modelliIdro table.modelli td table.modello td.nomeModello input {
  vertical-align:middle;
	margin-right:3px;
}

.modelliIdro table.modelli td table.modello td.nomeModello label {
  vertical-align:middle;
	color:#3871B1;
}



/*** pulsante invia ***/
.invia {
  text-align:center;
	margin-top:10px;
} 

.invia input {
  margin:0px auto;
} 


/*** display errori ***/
#preventivo .errore label {
  color:#AE87E2;
}

#preventivo .errore input {
  border:1px solid #AE87E2;
}

/************************************* DOVE SIAMO *********************************/

#mappa {
	margin-bottom:15px !important;				 
	margin-bottom:30px;
}

#mappa a {
 width:125px;
 height:106px;
 padding:0px;
 border:2px solid #B0D7F4;
 margin:0px 10px 0px 0px;
 display:block;
 float:left; 
} 

#mappa a:hover {
 border:2px solid #D4AAFF;
} 

/************************************* CONTATTI ********************************/

ul.recapiti {
  padding:0px;
	margin:20px 0px 0px 0px;
}

ul.recapiti li {
  padding:0px;
	margin:5px 0px;
	list-style-type:none;
}  

/*** form ***/
form#contattaci {
  width:470px;
	margin:0px auto;
	padding:20px 0px;
	font-size:11px;
	text-align:left;
}

form#contattaci input.hide {
  visibility:hidden;
}

form#contattaci p {
  margin:0px;
}

form#contattaci fieldset {
  border:2px solid #B0D7F4;
	padding:10px;
	margin-bottom:10px;
} 

form#contattaci legend {
	color:#5386C5;
	font-weight:bold;
} 

form#contattaci .campo {
  margin-top:10px;
}

form#contattaci label {
  padding-bottom:10px;
	color:#365A86;
}

form#contattaci .campo input {
	border:0px;
	background-color:#ECF5FD;
	color:#365A86;
	margin-top:3px;
	margin-bottom:10px;
	display:block;
	font-size:11px;
	width:99%;
} 

form#contattaci .citta {
  width:363px;
  float:left;
	padding:0px;
	margin:0px 5px 0px 0px;
}

form#contattaci .cap {
  width:70px;
  float:left;
	margin:0px;
	padding:0px;
}

form#contattaci textarea {
	border:0px;
	background-color:#ECF5FD;
	color:#365A86;
	margin-top:3px;
	width:100%;
	height:150px;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	overflow:auto;
} 

form#contattaci .pulsanti {
  text-align:center;
} 

form#contattaci .pulsanti input {
  width:150px;
	height:25px;
	font-size:10px;
	font-weight:bold;
	color:#365A86;
}


/*** visualizzazione errori ***/ 

form#contattaci .campi .errore {
  color:#AE87E2;
  font-weight:bold;
  font-size:11px;
}

form#contattaci .campi .errore label {
  color:#AE87E2;
}

form#contattaci .campi .errore input {
  border:2px solid #AE87E2;
} 

form#contattaci .campi .errore textarea {
  border:2px solid #AE87E2;
} 


/*** messaggi ***/

.mexgrazie {
  width:490px;
  border:2px solid #267500;
  background-color:;
  color:#267500;
  font-weight:bold;
  font-size:11px;
  text-align:center;
  margin:10px auto;
  padding:5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width:490px;
} html>body .mexgrazie { width:490px }

.mexerrore {
  width:490px;
	border:2px solid #AE87E2;
  background-color:; 
  color:#AE87E2;
 	font-weight:bold;
 	font-size:11px;
	text-align:center;
	margin:10px auto;
	padding:5px;
  voice-family: "\"}\""; 
  voice-family:inherit;
	width:490px;
} html>body .mexerrore { width:490px }


/************************************* PRIVACY ********************************/

ul.privacymain {
  margin:20px 0px 20px 25px;
	padding:0px;
} 

ul.privacymain li {
  margin:5px 0px;
	font-weight:bold;	
}

ul.privacymain li ul li {
  font-weight:normal;
	list-style-type:lower-alpha;
}
