/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
/* Dimensione del sito e colore di sfondo */
.StyleBody {
	background-image: url('../bg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #ffffff; 
	margin: 0;
	padding: 0;
	height: 100%
}
/* Dimensione tabella che contiene dx + sx */
.StylePagina {
	width: 1000px;
	height: 100%;
}
/* Colonna sinistra */
.StyleSx {
	width: 200Px;
	height: 100%;
	text-align: center;
	vertical-align: top;
	background-image:url('../sx.png');
}	
/* Colonna centrale (si chiama dx per omogeneità con struttura 2 colonne) */
.StyleDx {
	width: 600Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-color: #ffffff;
	}
/* Colonna destra */
.StyleKx {
	width: 200Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-image:url('../kx.png');
}
/* Tabella intestazione */
.StyleIntestazione {
	width: 1000Px;
}


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


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


/* =============================================== */
/*                    SEPARATORI	               */
/* =============================================== */
/* Tabella che contiene il separatore */
.MenuSeparatore {
	background-image:url('../testa-box.png');
	height: 31Px;
	width: 200Px;
}
/* TD con nome separatore */
.MenuTitoloSeparatore {
	text-align: center;
	color: #000000;
	font-weight: bold;
	width:200Px;
}	


/* =============================================== */
/*                       MENU	 	               */
/* =============================================== */
/* sfondo dove vengono innestati i pulsanti del menu */
.BgBoxButtonColonnaSx {
	background-image:url('../corpo_box.png');	
	text-align: center;
}
/* Struttura base del menu */
#JQMenu
{	margin: 0;
	padding-left: 0px;
}
/* Background e testo del PULSANTE */
	#JQMenu li
	{	float: left;
		list-style: none;
		font: 12px Tahoma, Arial;
		text-align: left;
		width: 200Px;
	}
/* Background e testo del LINK del PULSANTE */
	#JQMenu li a
	{	display: block;
		background-image: url('../tasto.png');
		background-repeat:no-repeat;
		padding: 5px 5px;
		text-decoration: none;
		color: #ffffff;
		font-weight: bold;
		width: 200Px;
		padding-left:15px;
	}
/* Background e testo del LINK del PULSANTE AL PASSAGGIO */
	#JQMenu li a:hover
	{	
		background-image: url('../tasto_over.png');
		background-repeat:no-repeat;
		width: 200Px;
		color: #82ddfe;
		font-weight: bold;
	}
/* Struttura del SubPulsante */
		#JQMenu li ul
		{	margin: 0;
			position: absolute;
			visibility: hidden;
			padding-left: 150Px;
			}
			#JQMenu li ul li
			{	float: none;
				display: inline
			}
/* Background e testo del LINK del SUBPULSANTE */
			#JQMenu li ul li a
			{	
				color: #ffffff;
				font: 11px Tahoma, Arial;
				text-align: left;
				font-weight:bold;				
				background-image:url('../subtasto.jpg');
				background-repeat: no-repeat;
				width: 200Px;
			}
/* Background e testo del LINK del SUBPULSANTE AL PASSAGGIO */
			#JQMenu li ul li a:hover
			{
				background-image:url('../subtasto_over.jpg');
				background-repeat: no-repeat;
				font: 11px Tahoma, Arial;
				text-align: left;
				font-weight:bold;				
				color: #3366CC;
				width: 200Px;				
			}

/* =============================================== */
/*             STILI DEL BOX  LATERALI             */
/* =============================================== */
/* Tabella titolo del blocco menu, news, firma, iscrizione newsletter */
.HeadBoxColonnaSx {
	background-image:url('../testa-box.png');
	height: 31Px;
	width: 200Px;
	text-align: left;
	padding-left: 20px;
	color: #ffffff;
	font-weight:bold;
	font-size: 12px;

}
/* Tabella footer di chiusura del blocco menu, news, firma, iscrizione newsletter */
.FooterBoxColonnaSx {
	background-image: url('../coda_box.png'); 
	height: 9Px;
	width: 100%;
}


/* =============================================== */
/*               BOX FIRMA AZIENDA                 */
/* =============================================== */
/* Dimensione del box o eventuale background */
.BoxFirmaAzienda {
	width: 90%;
	text-align: right;
	border: 0Px;
}
/* Colore del nome e mail nel campo box iscrizione Newsletter */
.ColonnaDXTextColor{
	color: #ffffff;
	text-align: right;
	font-weight: bold;
}


/* =============================================== */
/*                  GESTIONE NEWS                  */
/* =============================================== */
/* Tabella che contiene le news in allnews.asp */
.TabellaContenitoreNews{
	width: 100%;

}
/* tabella che contiene il nome della news */
.TDTitoloNews{
	font-weight:bold;
	height:20px;

}
/* tabella che contiene il corpo della news */
.TDCorpoNews {
	height: 50Px;
}
/* tabella che contiene la chiusura del box della news */
.TDFooterNews {
	height:20px;

}
/* Box marquee in home che scrolla */
.MaqueeBox{
	height200Px;
	padding:3px; 
	width:180px;
}


/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
/* TD che contiene il FeedRSS e la firma del WebMaster */
.StyleFooter {
	width: 1000Px;
	height: 80Px;
	vertical-align: bottom;
	text-align: center;
}
/* inserire eventuale immagine di sfondo del Footer */
.StyleFooterBack {
	width: 100%;
	background-image:url('../coda.png');
	background-position:center top;
	background-repeat: no-repeat;
	height: 72px;
}
/* Testo presente nel Footer */
.FooterLink {
	color:#002e68;
}
/* eventuale background del banner (filetto orizzontale) */
.FooterBannerContainer {
	text-align:center;
	width: 1000Px;
	background-image: url('../bg_bannercoda.png');
}


/* =============================================== */
/*             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: 182Px;
	overflow: auto;
}	
/* Tabella che contiene il banner basic */
.StyleBasicBanner {
	width: 100%;
	height: 182px;
	background-image: url('../banner.png');
}	
/* 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;
}
/* Tabella che contiene il banner destro */
.StyleBannerDX {
	width: 200Px;
	height: auto;
	overflow:hidden;
}


/* =============================================== */
/*           FONT - LINK - RADIO - INPUT           */
/* =============================================== */
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
}
td {
	color : #002e68;
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
} 
/* Link */
a { 
	color: #002e68;
	border: none;
	text-decoration: underline;
}
a:hover {
	color: #2693ba;
	text-decoration: none;
	border: none;
} 
/* Input */
.input {
	FONT-SIZE: 10pt;
	FONT-FAMILY: tahoma, Helvetica;
	background-image: URL(../../template/common/bg_input.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	color: #333333;
	border: 1Px solid;
	border-color: #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 #002e68;
	border-left:1px solid #002e68;
	border-right:1px solid #002e68;
	border-bottom:1px solid #002e68;
	color:#002e68;
	height: 20Px;	
	cursor: pointer
}
.input3d:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #002e68;
	border-left:1px solid #002e68;
	border-right:1px solid #002e68;
	border-bottom:1px solid #002e68;
	color:#2693ba;
	height: 20Px;	
	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;
}

/* =============================================== */
/*                 VALIDATORE FORM                 */
/* =============================================== */
#msg {
  display: none;
  position: absolute;
  z-index: 200;
  background: url(../common/msg_arrow.gif) left center no-repeat;
  padding-left: 7px;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 10Px
}

#msgcontent {
  display: block;
  background: #f3e6e6;
  border: 2px solid #924949;
  border-left: none;
  padding: 5px;
  min-width: 150px;
  max-width: 250px;
}