/*STYLESHEET PER LAYOUT DUE COLONNE FISSO CON ALTEZZA MINIMA(FOOTER SEMPRE IN FONDO ALLA PAGINA WEB) E IMG DI BACKGROUND PER LA NAVIGAZIONE(LATERALE)*/

/*STILI DI BASE PER LA STRUTTURA*/
html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;/*Estende l' altezza di body e html a tutta la finestra per i browser moderni quali Opera e Mozilla, che attribuiscono come altezza effettiva degli elementi body e html solo l'altezza dei contenuti*/ 
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	text-align: center;/*Allinea centralmente la pagina per IE*/
	background: url(../img/sfondo_body.gif) repeat-x;
	scrollbar-base-color: #BAD1E3; 
	scrollbar-arrow-color: #0000FF;
}

div#container {
	width: 830px;/*Definisce la larghezza dell' intera pagina*/ 
	margin: 10px auto;/*Allinea centralmente la pagina per altri browser*/
	text-align: left;/*Riallinea a sinistra il contenuto del container modificato dal text-align: center del body che centra la pagina per IE*/ 
}

div#cornice {
	border: 1px solid #83B3DC;
	background: url(../img/sfondo_col_dx.gif) top right repeat-y;
}
				 
/*stili specifici per il layout*/
div#col_dx {
	padding: 0px;
	float: right;
	width: 230px;
	text-align: center;
}

/*div#col_dx p {
	margin-top: 10px;
	margin-bottom: 6px;
	/*color: #0000FF;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}*/

div#content {
	margin-right: 230px;/*IL MARGINE SINISTRO HA LA STESSA LARGHEZZA DELLA COL_DX + 20px*/
}

div#footer {
	margin-top: 10px;
	border: 1px solid #83B3DC;
	margin-bottom: 0px;
	width: 830px;
	padding: 2px 0px;
	background-color: #BAD1E3; 
	color: #0000FF;
	font-size: 11px;
	text-align: center;
	clear: both;
}

/*##############################################################################################################################################################################################################################*/				 

	
/*STILI GENERICI SU HEADER E FOOTER*/
div#header {
	margin-bottom: 10px;
	border: 1px solid #83B3DC;
	background: url(../img/sfondo_header.gif) top left no-repeat;
	height: 80px;/*Se non preciso l'altezza mozzilla mette uno spazio prima del div sottostante*/
}

div#footer a {
	color: #10B1A1;
	font-weight: bold;
	text-decoration: none;
}

/*REGOLE PER IL DIV WEB SULL' HEADER*/

div#web {
	text-align: center;
	font-size: 12px;
	color: #10B1A1;
	font-weight: bold;
	margin: 2px auto;
}
			 
/*REGOLE PER IL MENų ORRIZZONTALE A TENDINA*/

div.menuBar {
	margin-bottom: 10px;
	border: 1px solid #83B3DC;
	width: auto;/*Impostato ad auto adatta la larghezza della barra dei menų al contenitore che la contiene*/
}

div.menuBar,div.menuBar a.menuButton,div.menu,div.menu a.menuItem,a.noSubMenu {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  color: #FFFFFF;
}

/*##########################################################################################*/
/*Regole per i pulsanti privi di menu a tendina (classe noSubMenu)*/
a.noSubMenu:hover {
  background-color: #0000FF;
  border: 1px outset #FFFFFF;
  color: #FFFFFF;	
}

a.noSubMenu:active {
	background-color: #0000FF;
	border: 1px inset #FFFFFF;
	color: #FFFFFF;
	left: 1px;
	top: 1px;
}

/*##########################################################################################*/

div.menuBar {
  background-image: url(../img/menu_bar.gif);
  padding: 5px 2px 5px 2px;/*Imposta i padding per la menuBar*/
  text-align: left;
}

div.menuBar a.menuButton,a.noSubMenu {
  background-color: transparent;
  border: 1px outset #FFFFFF;
  color: #0000FF;/*Cambia il colore del testo per i pulsanti principali posti sulla barra dei menų*/
  cursor: default;
  left: 0px;
  margin: 1px;
  padding: 1px 15px 1px 15px;/*Imposta i padding per i pulsanti della menuBar*/
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

div.menuBar a.menuButton:hover {
  background-color: transparent;
  border: 1px outset #FFFFFF;
  color: #FFFFFF;/*Modifica il colore del testo per i pulsanti principali e dei sottomenų al passaggio del mouse*/
}

div.menuBar a.menuButtonActive,div.menuBar a.menuButtonActive:hover {
  background-color: #0000FF;
  border: 1px inset #FFFFFF;
  color: #FFFFFF;
  left: 1px;
  top: 1px;
}

div.menu {
  background-color: #BAD1E3;/*Modifica lo sfondo delle tendine a discesa*/
  border: 1px solid #83B3DC;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #0000FF;/*Modifica il colore del testo per le voci dei sottomenų*/
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
  text-align: left;/*Allinea a sinistra le voci dei sottomenų*/
}

div.menu a.menuItem:hover {
  background-color: #0000FF;/*Modifica lo sfondo delle voci dei sottomenų quando vi si passa sopra*/
  color: #FFFFFF;
}

/*REGOLE PER I PULSANTI ADD TO BOOKMARKS E SET HOME PAGE*/

div.contentBottom {
	padding: 3px 2px 2px 2px;/*Imposta i padding per la contentBottom*/
	text-align: right;
}

div.contentBottom a.bottom {
	background-color: transparent;
  	border: 1px outset #FFFFFF;
  	cursor: default;
 	left: 0px;
  	margin: 1px;
  	padding: 1px 10px 1px 10px;/*Imposta i padding per i pulsanti del contentBottom*/
  	position: relative;
  	text-decoration: none;
  	top: 0px;
  	z-index: 100;
}

div.contentBottom a.bottom {	
	font-family: Arial, sans-serif;
  	font-size: 11px;
 	font-style: normal;
  	font-weight: bold;
  	color: #10B1A1;
}

div.contentBottom a.bottom:hover {
  background-color: #10B1A1;
  border: 1px outset #FFFFFF;
  color: #FFFFFF;	
}

div.contentBottom a.bottom:active {
  background-color: #10B1A1;
  border: 1px inset #FFFFFF;
  color: #FFFFFF;
  left: 1px;
  top: 1px;	
}

/*REGOLE PER LA NAVIGAZIONE DELLA COLONNA DESTRA*/

div#nav_col_dx {
	width: 180px;
	margin: 10px 20px 10px 20px;
	padding: 3px;
	border: 1px solid #83B3DC;
	background-color: #BAD1E3;
	text-align: center;
}

div#titolo_nav_col_dx {
	font-family: Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	background-color: #10B1A1;
	color: #FFFFFF;
}

div#nav_col_dx a {
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border: 1px solid #83B3DC;
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	color: #10B1A1;
}

div#nav_col_dx a:hover {
	width: 170px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	border: 1px solid #FFFFFF;
	background-color: #9FC4E2;
	margin-top: 2px;
	margin-bottom: 2px;
	text-decoration: none;
	color: #FFFFFF;
}

/*REGOLE PER IL BOX_PI*/

div#box_pi {
	width: 220px;
	margin: 10px 3px 10px 7px;
}

div#box_pi img {
	border: 0px;
}

div#corpo_pi {
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #83B3DC;
}

/*REGOLE PER IL BOX ASSISTENZA TELEMATICA*/

div#box_telematica {
	width: 182px;
	margin: 10px 23px auto 23px;
	border: 1px solid #83B3DC;
}

div#box_telematica_titolo {
	border-bottom: 1px solid #83B3DC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #10B1A1;
	text-align: center; 
}

div#box_telematica_corpo {
	padding: 4px 4px;
}

div#box_telematica_corpo p {
	margin: 0px 0px;
	font-size: 11px;
}

div#box_telematica_corpo a {
	display: block;
	color: #0000FF;
	margin-top: 8px;
	padding: 5px 10px;
	font-size: 14px;
	border: 1px solid #83B3DC; 
	font-weight: bold;
	background-color: #BAD1E3;
	text-decoration: none;
}

div#box_telematica_corpo a:active {
	background-color: blue;
	color: white;
}

/*REGOLE PER IL BOX SERVIZI*/

div#box_servizi {
	width: 182px;
	margin: 10px 23px auto 23px;
	border: 1px solid #83B3DC;
}

div#box_servizi_titolo {
	border-bottom: 1px solid #83B3DC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #10B1A1;
	text-align: center; 
}

/*REGOLE PER IL BOX_MARCHI*/

div#box_marchi {
	width: 182px;
	margin: 10px 23px auto 23px;
	border: 1px solid #83B3DC;
}

div#box_marchi_titolo {
	border-bottom: 1px solid #83B3DC;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #10B1A1;
	text-align: center; 
}

/*REGOLE PER DIVIDERE IL CONTENUTO IN COLONNNE PER LA INDEX*/

div.split div {
   float: left;
}
	 
div.wide {
   clear: left; 
}

div.box_1 {
	width: 579px;
	margin-top: 10px;
	margin-right: 6px;
	margin-bottom: 5px;
	margin-left: 10px;
	border: dotted 1px #83B3DC;
}

div.box_2 {
	width: 287px;
	margin-left: 5px;
	margin-bottom: 5px;
	border: dotted 1px #83B3DC;
	background: url(../img/sfondo_box2.gif) top right no-repeat;	
}

/*REGOLE PER I BOX TESTO IMMAGINI DELLA INDEX*/

div.textimage img,div.textimage2 img {
	float: left;
	margin: 10px;
	border: 0px;
}

div.textimage p {
	text-align: justify;
}

div.textimage p,div.textimage2 p {
	font-size: 11px;
	margin: 5px 10px;
	padding: 0px;
}

div.textimage ul {
   list-style: url(../img/pallino.gif);
	text-align: left;
	margin: 0px;
}

div.textimage li {
	font-size: 11px;
	margin-left: 155px;
	margin-top: 8px;
}

div.textimage b,div.textimage2 b {
	text-decoration: none;
	color: #0000FF;
}

div.clearer {
	clear: left;
}

/*REGOLE PER LE LABEL DEI BOX DELLA INDEX*/

.label {
	display: block;
	background-color: #83B3DC;
	width: 100px;
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
}

.label:hover {
	display: block;
	background-color: #0000FF;
	width: 100px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/*REGOLE PER IL CORPO DELLE VARIE PAGINE*/

div#corpo {
	margin: 10px;
	padding: 10px;
	border: dotted 1px #83B3DC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div#corpo p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
}

div#corpo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-decoration: underline;
	color: #0000FF;
	margin-top: 0px;
	margin-bottom: 8px;
}

div#corpo h5 {
	color: #10B1A1;
	margin-bottom: 0px;
}

div#corpo a {
	text-decoration: none;
	color: #0000FF;
}

div#corpo img {
	border: 0px;
}


/*REGOLE PER I BOX TESTO IMMAGINI DELLE VARIE PAGINE*/

div.textimage3 img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	border: 0px;
}

div.textimage3 p {
	padding: 0px;
}

/*REGOLE PER IL BOX DELLA PAGINA AZIENDA*/

div#box_azienda p {
	margin-top: 15px;
}

/*REGOLE PER IL BOX DELLA PAGINA GESAB*/

div#box_gesab ul {
	list-style: url(../img/pallino.gif);
}

div#box_gesab li {
	margin-bottom: 10px;
}

/*REGOLE PER CARATTERISTICHE PRINCIPALI DI GESAB DELLA PAGINA GESAB*/

div.caratteristiche_gesab {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

div.caratteristiche_gesab td {
	border: 0px;
	font-size: 10px;	
}

div.caratteristiche_gesab {
	list-style: url(../img/pallino.gif);
}

div.caratteristiche_gesab {
	margin-top: 10px;
}

/*REGOLE PER IL BOX DELLA PAGINA MAGO*/

div#box_mago ul {
	list-style: url(../img/pallino.gif);
}

div#box_mago li {
	margin-bottom: 10px;
}

/*REGOLE PER IL BOX DELLA PAGINA CRIPTO-BOX*/

div#box_marx ul {
	list-style: url(../img/pallino.gif);	
}

div#box_marx li {
	margin-bottom: 10px;
}

div#box_marx img {
	border: 1px solid #83B3DC;
	margin-top: 20px;
	margin-bottom: 20px;
}

div#box_marx table {
	border-collapse: collapse;
	margin-top: 10px;
	font-size: 11px;
}

div#box_marx th {
	border: 1px solid #83B3DC;
	text-align: center;
	background-color: #10B1A1;
	color: #FFFFFF;
}

div#box_marx td {
	border: 1px solid #83B3DC;
	background-color: #FFFFE0;
}

div#box_marx .dato {
	text-align: center;	
}
/*REGOLE PER IL BOX DELLA PAGINA CONTATTI*/

div#box_contatti b {
	font-size: 12px;
	color: #0000FF;
}

div#box_contatti b a {
	font-size: 12px;
	color: #0000FF;
}

div#box_contatti ul {
	list-style: url(../img/pallino.gif);
}

div#box_contatti li {
	margin-top: 30px;
}

/*REGOLE PER IL BOX DELLA PAGINA TROVACI*/

/*Regole per il menų delle cartine*/

div#box_trovaci .menu_cartine th {
	width: 150px;
	text-align: left;
	background-color: #DCDCDC;
	font-size: 12px;
}

div#box_trovaci .menu_cartine th a {
	width: 150px;
}

div#corpo .menu_cartine td {
	background-color: #90EE90;/*Verdino*/
	margin-bottom: 10px;
}

/*Regole per il box_cartina*/

div.box_cartina table {
	border-collapse: collapse;
	border: 1px solid #000000;
	margin-top: 10px;
	font-size: 11px;
}

div.box_cartina th, div.box_cartina td {
	text-align: center;
	border: 1px solid #000000;
}

div.box_cartina .titolo_1 {
	background-color: #87CEFA;/*LigthSkyBlue*/
}

div.box_cartina .titolo_2 {
	background-color: #90EE90;/*Verdino*/
}

div.box_cartina td {
	background-color: #E6E6FA;/*Violetto*/
}

/*Regole per il box_itinerario*/

div.box_itinerario table {
	border-collapse: collapse;
	margin-bottom: 20px;
	font-size: 11px;
}
	
div.box_itinerario th, div.box_itinerario td {
	border: 1px solid #000000;
}

div.box_itinerario th {
	text-align: center;
	background-color: #87CEFA;/*LigthSkyBlue*/
}

div.box_itinerario .contatore {
	background-color: #90EE90;/*Verdino*/
}

div.box_itinerario .segnale {
	background-color: #F0E68C;/*Giallino*/
} 

div.box_itinerario .indicazione {
	background-color: #E6E6FA;/*Violetto*/
}

div.box_itinerario .arrivo {
	background-color: #87CEFA;/*Violetto*/ 
	text-align: center;
}

/*REGOLE PER IL BOX_CONTATTI*/

div#box_contatti .contatto {
	margin-top: 26px;
	text-align: center;
}

div#box_contatti .sfondo_contatto {
	border: 1px solid #83B3DC; 
	background-color: #BAD1E3;
	padding: 2px;
	width: 200px;
}
 
/*REGOLE PER I CAMPI FORM*/

legend {
	padding: 8px 0px;
	color: #0000FF;
}

div.field_form {
	margin: 2px 2px 2px 50px;
	font-weight: bold;
	color: #0000FF;
}

div.field_form .label_form {
	display: block;
	float: left;
	width: 100px;
	color: #0000FF;
}

div.field_form .label_196 {
	color: #0000FF;
}

div.field_form .input_text {
	border: 1px solid #83B3DC;
}

div.field_invio {
	text-align: center;
}

div.field_invio .invio {
	margin: 0px 2px;
	border: 1px solid #83B3DC; 
	color: #0000FF;
	font-weight: bold;
	background-color: #BAD1E3;
}

.errore {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid Red;
	background-color: Red;
	padding: 4px;
}

.ok {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	border: 1px solid #0000FF;
	background-color: #0000FF;
	padding: 4px;
}

.nb {
	color: #0000FF;
}