/* =============================================== */
/*                  STRUTTURA DOM                  */
/* =============================================== */
/* Dimensione del sito e colore di sfondo */
.StyleBody {
	background-image:url(../bg.jpg);
	background-repeat:repeat-x;
	background-color: #000000;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* 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-color: #000000;
}	
/* Colonna centrale (si chiama dx per omogeneità con struttura 2 colonne) */
.StyleDx {
	width: 600Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-color: #000000;
}
/* Colonna destra */
.StyleKx {
	width: 200Px;
	height: 100%;
	vertical-align: top;
	text-align:center;
	background-color: #000000;
}
/* Tabella intestazione */
.StyleIntestazione {
	width: 1000Px;
	height: 96Px;
	background-color: green;
	display: none;
}


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


/* =============================================== */
/*               TITOLI DELLE PAGINE               */
/* =============================================== */
.StyleTitoloPagine {
	color: #c30101;
	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: 200Px;
}
/* TD con nome separatore */
.MenuTitoloSeparatore {
	text-align: center;
	color: #000000;
	font-weight: bold;
	width:200Px;
}	


/* =============================================== */
/*                       MENU	 	               */
/* =============================================== */
/* Struttura base del menu */
#JQMenu
{	margin: 0;
	padding-left: 0px;
}
/* Background e testo del PULSANTE */
	#JQMenu li
	{	float: left;
		list-style: none;
		font: 13px Tahoma, Arial;
		text-align: left;
		width: 200px;
		font-weight:bold;
	}
/* Background e testo del LINK del PULSANTE */
	#JQMenu li a
	{	display: block;
		background-image:url(../tasto.jpg);
		background-repeat:no-repeat;
		text-decoration: none;
		color: #ffffff;
		width: 200px;
		height: 21px;
		padding-left: 20px;
		padding-top: 4px;
	}
/* Background e testo del LINK del PULSANTE AL PASSAGGIO */
	#JQMenu li a:hover
	{	
		width: 200px;
		color: #a30000;
		background-image:url(../tasto_over.jpg);
		background-repeat:no-repeat;
	}
/* Struttura del SubPulsante */
		#JQMenu li ul
		{	margin: 0;
			position: absolute;
			visibility: hidden;
			}
			#JQMenu li ul li
			{	float: none;
				display: inline
				text-align: center;
				padding-left:100px;
				width: 124px;

			}
/* Background e testo del LINK del SUBPULSANTE */
			#JQMenu li ul li a
			{	
				background-image:url(../subtasto.jpg);
				background-repeat:no-repeat;
				color: #ffffff;
				width: 124px;
				height:15px;
				font: 11px Tahoma, Arial;
				font-weight:bold;
				padding-left: 5px;
			}
/* 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;
				color: #6a0000;
				width: 124px;
				font: 11px Tahoma, Arial;
				font-weight:bold;
				padding-left: 5px;
			}


/* =============================================== */
/*             STILI DEL BOX  LATERALI             */
/* =============================================== */
/* Tabella titolo del blocco menu, firma */
.HeadBoxColonnaSx {
	background-image:url(../testa_menu.jpg);
	background-repeat:no-repeat;
	height: 24Px;
	width: 200Px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
/* Tabella titolo del blocco news, iscrizione newsletter */
.HeadBoxColonnaDx {
	background-image:url(../testa_news.jpg);
	background-repeat:no-repeat;
	height: 24Px;
	width: 200Px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}
/* Tabella footer di chiusura del blocco menu, firma */
.FooterBoxColonnaSx {
	background-image:url(../coda_menu.jpg);
	background-repeat:no-repeat;
	height: 6Px;
	width: 100%;
}
/* Tabella footer di chiusura del blocco news, iscrizione newsletter */
.FooterBoxColonnaDx {
	background-image:url(../coda_news.jpg);
	background-repeat:no-repeat;
	height: 6Px;
	width: 100%;
}
/* sfondo dove vengono innestati i pulsanti del menu, firma */
.BgBoxButtonColonnaSx {
	background-image:url(../corpo_menu.jpg);
	background-repeat: repeat-y;
	text-align: center;
	color:#FF0000;
}
/* sfondo dove vengono innestate news, iscrizione newsletter */
.BgBoxButtonColonnaDx {
	background-image:url(../corpo_news.jpg);
	background-repeat: repeat-y;
	text-align: center;
	color:#FF0000;
}


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


/* =============================================== */
/*                  GESTIONE NEWS                  */
/* =============================================== */
/* TD che consente di cambiare il colore delle news del Marquee */
.TdColorTextMarquee {
	text-align: left;
	color: #FFFFFF;
}
/* Link all_news per accedere allo storico News */
.LinkAllNews{
	font-weight: bold;
	color:#6a0000;
}
/* Tabella che contiene le news in allnews.asp */
.TabellaContenitoreNews{
	width: 100%;
	background-image:url(../corpo_box.jpg);
	background-repeat: repeat-y;
}
/* tabella che contiene il nome della news */
.TDTitoloNews{
	font-weight:bold;
	background-image:url(../testa_box.jpg);
	background-repeat: no-repeat;
	height:24px;
	text-align:center;
}
/* tabella che contiene il corpo della news */
.TDCorpoNews {
	height: 50Px;
	padding: 30px;
}
/* tabella che contiene la chiusura del box della news */
.TDFooterNews {
	height:10px;
	background-image:url(../coda_box.jpg);
	background-repeat: no-repeat;
}
/* Box marquee in home che scrolla */
.MarqueeBox{
	height:200px;
	padding:3px; 
	width:180px
}


/* =============================================== */
/*                  FOOTER SITO                    */
/* =============================================== */
/* TD che contiene il FeedRSS e la firma del WebMaster */
.StyleFooter {
    width: 1000Px;
    height: 50px;
    vertical-align: bottom;
    text-align: center;
}
/* inserire eventuale immagine di sfondo del Footer */
.StyleFooterBack {
    width: 100%;
    background-color: #000000;
    background-position:center;
    background-repeat: no-repeat;
}
/* Testo presente nel Footer */
.FooterLink {
    color:#6a0000;
}
/* eventuale background del banner (filetto orizzontale) */
.FooterBannerContainer {
    text-align:center;
    width: 1000Px;
    background-color:blue
}


/* =============================================== */
/*             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: 307Px;
	overflow: auto;
	background-image: url(../banner.jpg);
	background-repeat: no-repeat;
}	
/* 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;
}
/* 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 : #ffffff;
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	text-align:left;
} 
/* Link */
a { 
	color: #6a0000;
	border: none;
	text-decoration: underline;
}
a:hover {
	color: #c30101;
	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 #858585;
	border-left:1px solid #858585;
	border-right:1px solid #545454;
	border-bottom:1px solid #545454;
	color:#545454;
	height: 20Px;	
	background-color: #cdcdcd;
	cursor: pointer
}
.input3d:hover{
	FONT-SIZE: 9pt;
	FONT-FAMILY: tahoma, Helvetica;
	border-top:1px solid #9b9b9b;
	border-left:1px solid #9b9b9b;
	border-right:1px solid #858585;
	border-bottom:1px solid #858585;
	color:#c30101;
	height: 20Px;	
	background-color: #d5d5d5;
	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
}	


/* =============================================== */
/*                 MAPPA GOOGLEMAP                 */
/* =============================================== */
#map_canvas {
	width: 550px;
	height: 350px;
	color: #000000;
	border: 1Px solid #999;
}


/* =============================================== */
/*           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;
}


/* =============================================== */
/*           BLOCCO CENTRALE - REGISTRATI          */
/* =============================================== */
.BloccoCentro0 {
	width: 575Px;
	text-align: center;
	border: 0Px;
}
.BloccoCentro1 {
	width: 100%;
	height: 25Px;
	background-color: #036;
	text-align: center;
	font-weight: bold;
}
.BloccoCentro2 {
	width: 100%;
	background-color:#066;
	text-align: center;
}
.BloccoCentro3 {
	width: 100%;
	height: 14Px;
	background-color:#09C
}

.CellaSinistraRegistrati {
	padding-left:20Px;
	text-align:left;
	width: 50%;
	height: 23Px;
}
.CellaDestraRegistrati {
	text-align:left;
	width: 50%;
	height: 23Px;
}
/* tabella che contiene privato ed azienda nella pagina registrazione */
.TableUserRegistration{
	width: 250Px;
}
.TableUserRegistrationPrivato{
	background-image:url(../ico_privato.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}
.TableUserRegistrationAzienda{
	background-image:url(../ico_azienda.gif);
	background-repeat:no-repeat;
	background-position:center;
	height: 50Px;
}


/* =============================================== */
/*           BOX LATERALE DI LOGIN			       */
/* =============================================== */
/* tabella che contiene csfolder, account, logout sulla destra */
.TabellaContienteAccount{
	width: 190Px
}
/* RIGA che contiene BENVENUTO */
.RigaContieneAccount1{
	height: 20Px;
}
/* RIGA che contiene CSFOLDER */
.RigaContieneAccount2{
	height: 20Px;
}
/* RIGA che contiene MODIFICA ACCOUNT */
.RigaContieneAccount3{
	height: 20Px;
}
/* RIGA che contiene LOGOUT */
.RigaContieneAccount4{
	height: 20Px;
}
/* style dei link di csfolder, account, logout sulla destra */
.LinkDatiAccount{
	color: #006;
}
.LinkDatiAccount:hover{
	color: #930;
}
/* DIV che contiene i link, utile per esempio per mettere un padding e creare sfondo personalizzato */
.DivContieneLink{
	padding-left: 20Px
}

/* =============================================== */
/*                APERTURA BOX LOGIN               */
/* =============================================== */
/* immagine che funge da link per 'srotolare' il corpo Login (se disconnesso altrimenti contenuto, se connesso) */
.ApriBoxLogin {
	width: 190Px;
	height: 90Px;
	background-image: url(../login.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
}
/* sfondo del box sotto il corpo login o pulsanti (se utente connesso) */
.BackgroundApriBoxLogin {
	background-color: #960;
}