/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
/* Dimensione del sito e colore di sfondo */
.StyleBody {
	background-image:url('../bg.jpg');
	background-repeat: repeat-x;
	background-color: #dcdcdc;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* Dimensione tabella che contiene dx + sx */
.StylePagina {
	width: 1000px;
	height: 100%;
}
/* Colonna sinistra */
.StyleSx {
	width: 240Px;
	height: 100%;
	text-align: center;
	vertical-align: top;
	background-image: url('../sx.jpg');
	background-repeat: repeat-y;
}	
/* Colonna destra */
.StyleDx {
	width: 760Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-image:url('../dx.jpg');
	background-repeat: repeat-y;
}
/* Tabella intestazione */
.StyleIntestazione {
	width: 1000Px;
	height: 96Px;
	background-image: url('../testata.jpg');
	height: 246px;	
	}


/* =============================================== */
/*                   CONTAINER     	               */
/* =============================================== */
/* Spaziatore che allinea il contenuto Sinistro */
.PageContainerSx {
	width: 20Px;
}
/* Contenuto centrale della pagina */
.PageContainerCenter {
	vertical-align: top;
	width: 720Px;
	height: 100%;
}
/* Spaziatore che allinea il contenuto Destro */
.PageContainerDx {
	width: 20Px;
}
/* Tabella che contiene il corpo delle pagine */
.ContainerContenutoPagina {
	width: 720Px;
	height: 100%;
	overflow: hidden;
}	


/* =============================================== */
/*               TITOLI DELLE PAGINE               */
/* =============================================== */
.StyleTitoloPagine {
	color:#1a205a;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}


/* =============================================== */
/*                    SEPARATORI	               */
/* =============================================== */
/* Tabella che contiene il separatore */
.MenuSeparatore {
	background-color: #FF9933;
	height: 25Px;
	width: 240Px;
}
/* TD con nome separatore */
.MenuTitoloSeparatore {
	text-align: center;
	color: #000000;
	font-weight: bold;
	width:240Px;
}	


/* =============================================== */
/*                       MENU	 	               */
/* =============================================== */
/* sfondo dove vengono innestati i pulsanti del menu */
.BgBoxButtonColonnaSx {
	text-align: center;
	color:#FF0000;
}
/* Struttura base del menu */
#JQMenu
{	margin: 0;
	padding-left: 0px;
}
/* Background e testo del PULSANTE */
	#JQMenu li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial;
		font-weight:bold;
		text-align: left;
		width: 200px;
	}
/* Background e testo del LINK del PULSANTE */
	#JQMenu li a
	{	display: block;
		background-image:url('../tasto.jpg');
		background-repeat:no-repeat;
		height: 41px;
		text-decoration: none;
		color: #747472;
		width: 240px;
		padding-top: 5px;
		padding-left: 25px;
	}
/* Background e testo del LINK del PULSANTE AL PASSAGGIO */
	#JQMenu li a:hover
	{	
		display: block;
		background-image:url('../tasto_over.jpg');
		background-repeat:no-repeat;
		height: 41px;
		text-decoration: none;
		color: #1a205a;
		width: 240px;
		padding-top: 5px;
		padding-left: 25px;
	}
/* Struttura del SubPulsante */
		#JQMenu li ul
		{	margin: 0;
			position: absolute;
			visibility: hidden;
				padding-left:100px;
			}
			#JQMenu li ul li
			{	float: none;
				display: inline
			}
/* Background e testo del LINK del SUBPULSANTE */
			#JQMenu li ul li a
			{	
				background-image: none;
				background-color: #f0f0f0;
				color: #747472;
				font: 12px Tahoma, Arial;
				font-weight: bold;				
				filter:alpha(opacity=100);
				-moz-opacity:.100;
				opacity:.100;
				border-left: 1px solid #1a205a;
				border-top: 1px solid #1a205a; 
				border-bottom: 3px solid #1a205a;
				border-right: 1px solid #1a205a;
				width: 150px;
				height: 20px;
			}
/* Background e testo del LINK del SUBPULSANTE AL PASSAGGIO */
			#JQMenu li ul li a:hover
			{
				background-image: none;
				background-color: #ffffff;
				color: #1a205a;
				font: 12px Tahoma, Arial;
				font-weight: bold;				
				filter:alpha(opacity=100);
				-moz-opacity:.100;
				opacity:.100;
				border-left: 1px solid #1a205a;
				border-top: 1px solid #1a205a; 
				border-bottom: 3px solid #1a205a;
				border-right: 1px solid #1a205a;
				width: 150px;
				height: 20px;
				
			}


/* =============================================== */
/*             STILI DEL BOX  LATERALI             */
/* =============================================== */
/* Tabella titolo del blocco menu, firma, iscrizione newsletter */
.HeadBoxColonnaSx {
	height: 8Px;
	width: 240Px;
	text-align: center;
	color: #000000;
	font-weight: bold;
}
/* Tabella footer di chiusura del blocco menu, news, firma, iscrizione newsletter */
.FooterBoxColonnaSx {
	height: 0Px;
	width: 100%;
}


/* =============================================== */
/*               BOX FIRMA AZIENDA                 */
/* =============================================== */
/* Dimensione del box o eventuale background */
.BoxFirmaAzienda {
	width: 90%;
}
/* Colore del nome e mail nel campo box iscrizione Newsletter */
.ColonnaDXTextColor{
	color: #1a205a;
	text-align: center;
	font-size: 12px;

}


/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
.StyleFooter {
	width: 1000Px;
	height: 127Px;
	background-image: url('../coda.jpg');
	background-repeat: no-repeat;
	background-position:center;
	vertical-align: bottom;
	text-align: center;	
}
.StyleFooterBack {
	width: 100%;
	background-color: #dcdcdc;
}
.FooterLink {
	color:#5a5a59;
	font-weight: bold;
}
.FooterBannerContainer {
	text-align:center;
	width: 1000Px;
	background-color:black
}


/* =============================================== */
/*             BARRA DELLA LINGUA                  */
/* =============================================== */
/* Tbella che contiene il riquadro di allineamento (StyleLanguageContainer) utile per spostare e allineare la tabella che contiene le bandierine */
.StyleLanguage {
	position:absolute;
	z-index: 10;
	padding-top:5px
}
/* TD utile per spostare la tabella che contiene le bandierine */
.StyleLanguageContainer {
	width: 800Px;
}	
/* Tabella che contiene le bandierine */
.StyleLanguageFlag {
	
}
/* definisce larghezza TD che contiene la bandierina posso mettere anche altezza o un bordo */
.StyleLinkBoxBandiera {	
	width: 25Px
}


/* =============================================== */
/*                   BANNER     	               */
/* =============================================== */
/* Tabella di backgraound che contiene il banner basic */
.StyleBasicBannerContainer {
	width: 1000Px;
	height: 0Px;
	overflow: auto;
}	
/* Tabella che contiene il banner basic */
.StyleBasicBanner {
	width: 100%;
	height: 100%;
}	
/* Tabella che contiene il banner alto */
.StyleBannerAlto {
	width: 600Px;
	height: auto;
	overflow: hidden;
	border: 0Px;
}
/* Tabella che contiene il banner sinistro */
.StyleBannerSX {
	width: 200Px;
	height: auto;
	overflow:hidden;
}


/* =============================================== */
/*           FONT - LINK - RADIO - INPUT           */
/* =============================================== */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
td {
	color : #5a5a59;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	text-align:justify;
} 
/* Link */
a { 
	color: #5a5a59;
	border: none;
	text-decoration: underline;
}
a:hover {
	color: #1a205a;
	text-decoration: none;
	border: none;
} 
/* Input */
.input {
	FONT-SIZE: 10pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-image: url('../../Struttura_3Col/template/common/bg_input.gif');
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #333333;
	border: 1Px solid #C0C0C0;
	}
.radio {
	background: none;
	border: 0Px;
	cursor: pointer;
}
input.submit {
	FONT-SIZE: 8pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
input.checkbox {
	background: none;
	border: 0Px;
}
input.image {
	background-color: #FFFFFF;
	border: 0Px;
}
textarea {
	FONT-SIZE: 11px;
	FONT-FAMILY: tahoma, Helvetica;
	background-color: #F3F3F3;
	border: 1Px solid;
	border-color: #C0C0C0;
}
h2 {
	color: white;
	font-family: Century Ghotic, Tahoma, Verdana, Arial;
	font-size: 12px;
	text-align: justify;
}

/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION*/
.input3d{	
	font-weight: bold;
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#83c1d1;
	height: 20Px;	
	background-color: #32647d;
	cursor: pointer
}
.input3d:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #83c1d1;
	cursor: pointer
}	
/* CLASSE DEI PULSANTI INPUT.SUBMIT 3D SPECIAL VERSION GRAFICA 2*/
.input3d_2{	
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color:#d4d0c8;
	cursor: pointer
}
.input3d_2:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	color:#333;
	height: 20Px;	
	background-color: #999999;
	cursor: pointer
}	


/* =============================================== */
/*           GALLERIE E SOTTOGALLERIE              */
/* =============================================== */
.TableContainerGallery {
	width: 100%;
	background-color:#999999;
}
.StyleBackGallery {
	width: 25%;
	height: 130Px;
	text-align: center;
	background-color:blue;
}
.StyleBackGallery:hover {
	width: 120Px;
	height: 130Px;
	text-align: center;
	background-color: maroon;
}
.StyleMenuGallery {
	background: none;
	text-align: center;
}


/* =============================================== */
/*                 MAPPA GOOGLEMAP                 */
/* =============================================== */
#map_canvas {
	width: 550px;
	height: 350px;
	color: #000000;
}


/* =============================================== */
/*           IL PAGINATORE - NAVIGATORE            */
/* =============================================== */
.NavigatoreTable {
	border: 0Px;
}
.NavigatoreDiv {
	background-color: #CCCCCC;
	border: 1Px Solid #999999;
	height: 15Px;
	width: 15Px;
	text-align: center;
}
.NavigatoreDiv:Hover {
	background-color: #888888;
	border: 1Px Solid  #999999;
	height: 15Px;
	width: 15Px;
	text-align: center;
	cursor: pointer;
	cursor: hand;	
}
.NavigatoreDivSelezionato {
	background-color: #80acd0;
	border: 1Px Solid #d1eaff;
	height: 15Px;
	width: 15Px;
	text-align: center;
}
.NavigatorePrecedenteSuccessivo{

}
.TestoDelBotteneDelLink {
	text-decoration: none;
	color: #333333;
}
.TestoDelBotteneDelLinkSelezionato {
	text-decoration: none;
	color: #d1eaff;
	font-weight: bold;
}