@charset "iso-8859-1";
/* CSS Document */

html {
	height: 100%;
}

body {
	font-family: Verdana, Geneva, sans-serif ;
	color: #333;
	font-size: 11px ;
	margin: 0px;
	background:#002651;	
	height:100%;
}

table {
	font-family: Verdana, Geneva, sans-serif ;
	color:#333;
	font-size: 11px ;
}

h1 {
	font-family: Arial, Helvetica, sans-serif ;
	display: block ;
	font-size: 22px ;
	font-weight: bold ;
	color: #003D7E ;
	margin: 0px 0px 10px 0px ;
	border: 0px ;
}

h3 {
	font-family: Arial, Helvetica, sans-serif ;
	display: block ;
	font-size: 16px ;
	font-weight: bold ;
	color: #003D7E ;
}

a, a:active, a:link , a:visited {
	color:#003D7E;
}

a:hover {
	color:#66CAF1;
	text-decoration:underline;
}

.contenuto_centrale {
	padding: 0px 40px 0px 20px ;
}
	
.sfondo_destra {
	background: url(../images/sfondo_destro.gif) left ;
}

.sfondo_sinistra {
	background: url(../images/sfondo_sinistro.gif) right ;
}
	
.sfumatura_alto_destra {
	background: url(../images/sfondo_sfumatura_alto.gif) top left repeat-x ;
	height: 530px;
}

.sfumatura_alto_sinistra {
	background: url(../images/sfondo_sfumatura_alto.gif) top right repeat-x ;
	height: 530px;
}

.linea_fine_destra {
	background: url(../images/sfumatura_destra.gif) top left repeat-y ;
}

.linea_fine_sinistra {
	background: url(../images/sfumatura_sinistra.gif) top right repeat-y ;
}

.sfondo_sotto_bottoni {
	background:url(../images/sfondo_sottomenu.gif) top repeat-x;
}

.sfondo_bianco {
	background: #FFF ;
}

.sfondo_centrale {
	background: url(../images/sfondo_centrale.jpg) #FFF center no-repeat ;
}

.cella_main {
	background: url(../images/fine_contenuto.gif) bottom left no-repeat ;
	padding-bottom:40px;
}

.sfondo_pie {
	background: url(../images/pie.gif) top repeat-x ;
}

.cella_destra {
	width:260px;
}

.img_contenuto {
	padding: 5px 5px 5px 0px ;
}

.tab_quotazione_apertura {
	background: url(../images/quadro_quotazione_apertura.gif) bottom no-repeat ;
}

.tab_quotazione_sfumatura {
	background: url(../images/quadro_quotazione_sfumatura.gif) top no-repeat ;
	padding: 2px 18px 0px 18px ;
	font-size: 10px ;
	color: #FFFFFF ;
}

.tab_quotazione_sfondo {
	background: url(../images/quadro_quotazione_sfondo_blu.gif) top repeat-y ;
}

.tab_quotazione_chiusura {
	background: url(../images/quadro_quotazione_chiusura.gif) top no-repeat ;
}

.tab_sotto_quotazioni {
	font-family: Verdana, Geneva, sans-serif ;
	padding: 0px 10px 0px 0px ;
	font-size: 10px ;
}

.titolo_prodotti {
	background: url(../images/linea_titolo.gif) bottom left no-repeat ;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 22px ;
	font-weight: bold ;
	color: #003D7E ;
	padding: 0px 0px 3px 0px ;
	margin-bottom: 10px ;
	border: 0px ;
}

.cella_prodotti_dx {
	background: url(../images/sfondo_img_pro.jpg) top repeat-x ;
	padding: 4px ;
}

.cella_prodotti_dx img {
	border: 1px solid #66CAF1 ;
}

.testo_prodotti {
	padding-left:5px;
}

.testo_prodotti a, .testo_prodotti a:visited, .testo_prodotti a:active {
	color: #003D7E ;
	text-decoration: none;
	font-weight: bold ;
}

.testo_prodotti a:hover {
	color: #66CAF1 ;
}

.tabella_prodotti_dx {
	margin-bottom: 7px ;
}

.tabella_dati thead td {
	background-color:#003D7E;
	color:#FFF;
	padding:5px;
	font-weight:bold;
}

.tabella_dati {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

.tabella_dati td {
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color:#FFF;
	padding:5px;
}


/* STILI ASSOCIATI ALLE NEWS */

.div_titolo_news {
	background: url(../images/freccetta_news.gif) top left no-repeat ;
	padding-left: 10px ;
	padding-bottom: 20px ;
	text-decoration: none ;
}

.aDataNewsSC, .DataNews {
	display:inline;
	font-size: 11px ;
	font-weight: bold ;
	color: #333333 ;
	padding-right:5px;
}

.a_news_titoli_sc, .a_news_titoli_sc:link, .a_news_titoli_sc:visited, .a_news_titoli_sc:active,
.NewsTitoliTitolo, .NewsTitoliTitolo:link, .NewsTitoliTitolo:visited, .NewsTitoliTitolo:active
{
	font-weight: bold;
	color: #003D7E;
	text-decoration: none;
}

.a_news_titoli_sc:hover, .NewsTitoliTitolo:hover {
	text-decoration:underline;
}

.aDataNews {
	font-size: 10px ;
	color: #333333 ;
}

.a_news_titoli, .a_news_titoli:link, .a_news_titoli:active, .a_news_titoli:visited {
	font-weight:bold;
	color: #003D7E;
	text-decoration:none;
}

.a_news_titoli:hover {
	text-decoration:underline;
}

.a_news_titoliS, .a_news_titoliS:link, .a_news_titoliS:hover, .a_news_titoliS:visited, .a_news_titoliS:active {
	font-weight:bold;
	color:#66CAF1;
	text-decoration:none;
}

/* STILI PER I CONTENUTI */

.foto_sinistra {
	display:block;
	float:left;
	padding:5px;
	margin:10px 10px 5px 0px;
	border:1px solid #CCC;
	background-color:#EBEBEB;
}

.foto_destra {
	display:block;
	float:right;
	padding:5px;
	margin:10px 0px 5px 10px;
	border:1px solid #CCC;
	background-color:#EBEBEB;
}

.foto {
	display:inline-block;
	padding:5px;
	margin:5px 10px 5px 10px;
	border:1px solid #CCC;
	background-color:#EBEBEB;
}



.a_menu_figli_id_2, .a_menu_figli_id_2:link, .a_menu_figli_id_2:visited, .a_menu_figli_id_2:active,
.a_menu_figli_id_3, .a_menu_figli_id_3:link, .a_menu_figli_id_3:visited, .a_menu_figli_id_3:active,
.a_menu_figli_id_4, .a_menu_figli_id_4:link, .a_menu_figli_id_4:visited, .a_menu_figli_id_4:active,
.a_menu_figli_id_5, .a_menu_figli_id_5:link, .a_menu_figli_id_5:visited, .a_menu_figli_id_5:active,
.a_menu_figli_id_6, .a_menu_figli_id_6:link, .a_menu_figli_id_6:visited, .a_menu_figli_id_6:active,
.a_menu_figli_id_7, .a_menu_figli_id_7:link, .a_menu_figli_id_7:visited, .a_menu_figli_id_7:active,
.a_menu_figli_id_8, .a_menu_figli_id_8:link, .a_menu_figli_id_8:visited, .a_menu_figli_id_8:active,
.a_menu_figli_id_9, .a_menu_figli_id_9:link, .a_menu_figli_id_9:visited, .a_menu_figli_id_9:active

{
	color: #FFF;
}


.a_menu_figli_id_2:hover, .a_menu_figli_id_3:hover, .a_menu_figli_id_4:hover, .a_menu_figli_id_5:hover, .a_menu_figli_id_6:hover, .a_menu_figli_id_7:hover, .a_menu_figli_id_8:hover, .a_menu_figli_id_9:hover {
	color: #66CAF1;
}

.a_menu_figli_idS_2, .a_menu_figli_idS_2:link, .a_menu_figli_idS_2:visited, .a_menu_figli_idS_2:active, .a_menu_figli_idS_2:hover,
.a_menu_figli_idS_3, .a_menu_figli_idS_3:link, .a_menu_figli_idS_3:visited, .a_menu_figli_idS_3:active, .a_menu_figli_idS_3:hover,
.a_menu_figli_idS_4, .a_menu_figli_idS_4:link, .a_menu_figli_idS_4:visited, .a_menu_figli_idS_4:active, .a_menu_figli_idS_4:hover, 
.a_menu_figli_idS_5, .a_menu_figli_idS_5:link, .a_menu_figli_idS_5:visited, .a_menu_figli_idS_5:active, .a_menu_figli_idS_5:hover,
.a_menu_figli_idS_6, .a_menu_figli_idS_6:link, .a_menu_figli_idS_6:visited, .a_menu_figli_idS_6:active, .a_menu_figli_idS_6:hover,
.a_menu_figli_idS_7, .a_menu_figli_idS_7:link, .a_menu_figli_idS_7:visited, .a_menu_figli_idS_7:active, .a_menu_figli_idS_7:hover,
.a_menu_figli_idS_8, .a_menu_figli_idS_8:link, .a_menu_figli_idS_8:visited, .a_menu_figli_idS_8:active, .a_menu_figli_idS_8:hover,
.a_menu_figli_idS_9, .a_menu_figli_idS_9:link, .a_menu_figli_idS_9:visited, .a_menu_figli_idS_9:active, .a_menu_figli_idS_9:hover

{
	color: #66CAF1;
}


.menu_livello_2, .menu_livello_2S {
	background: url(../images/freccetta_news.gif) top left no-repeat;
	padding-left:10px;
	padding-bottom:5px;
}

.a_menu_livello_2:link, .a_menu_livello_2:visited, .a_menu_livello_2:active {
	font-weight:bold;
	text-decoration:none;
}

.a_menu_livello_2:hover {
	font-weight:bold;
	color: #66CAF1;
}
	
	

.a_menu_livello_2S:link, .a_menu_livello_2S:hover, .a_menu_livello_2S:visited, .a_menu_livello_2S:active {
	font-weight:bold;
	color: #66CAF1;
	text-decoration:none;
}

.testo_pie {
	font-size: 10px ;
	color: #B3CBDE;
}

.testo_pie a:active , .testo_pie a:visited , .testo_pie a:link {
	font-size: 10px ;
	color: #B3CBDE;
}

.testo_pie a:hover {
	text-decoration:none;
}

.pie {
	font-size: 10px ;
	color: #B3CBDE;
	padding: 0px 0px 10px 10px ;
}

.pie a:visited , .pie a:active , .pie a:link {
	font-size: 10px ;
	color: #B3CBDE;
}


.img_sinistra {
	margin: 10px 10px 10px 0px ;
}

.img_sinistra_senza_alto {
	margin: 0px 10px 10px 0px ;
}

.div_img_background {
	background: url(../images/sfondo_img.jpg) top repeat-x ;
	float: left ;
	margin: 10px 10px 10px 0px ;
}

.div_img_background_alto {
	background: url(../images/sfondo_img.jpg) top repeat-x ;
	float: left ;
	margin: 0px 10px 10px 0px ;
}

.div_img_background_reparti {
	background: url(../images/sfondo_img.jpg) top repeat-x ;
	float: left ;
	margin: 10px 15px 10px 35px ;
}

.immagini {
	margin: 3px ;
	border: 1px solid #666 ;
}

.immagini_prova {
	background: url(../images/sfondo_img.jpg)  repeat-x top ;
	margin: 10px;
	border: double solid #666 ;
}

.img_lavoro {
	margin: 10px 10px 10px 130px ;
	border: 1px solid #666 ;
}



.preload1 {
	background: url(../images/sfondo_bottoni.gif);
}

.preload2 {
	background: url(../images/sfondo_bottoni.gif);
}

/* STILI PER MENU A TENDINA */

#nav {
	padding:0px; 
	margin:0px; 
	list-style:none; 
	height:30px; 
	/*background: url(../images/sfondo_bottoni.gif) repeat-x; */
	background-color:#454545;
	position:relative; 
	z-index:500; 
}

#nav li.top {
	display:block; 
	float:left; 
	height:30px;
	
}

#nav li:hover {
	position:relative; 
	z-index:200;
}

#nav li:hover ul.sub {
	left:1px; 
	top:30px; 
	background:url(../images/sfondo_menu.gif) repeat-x top ; 
	padding:3px; border:1px solid #333 ; 
	white-space: nowrap ; 
	width:188px;
	height:auto; 
	z-index:300;
	font-family: Verdana, Geneva, sans-serif ; 
}



#nav li:hover ul.sub li a {
	display:block;
	font-family: Verdana, Geneva, sans-serif ; 
	font-weight:bold;
	font-size:10px ; 
	height:18px; 
	width:188px;  
	line-height:18px; 
	text-indent:5px; 
	text-decoration:none; 
}

/*
.sub li a, .sub li a:visited, .sub li a:active, .sub li a:link {
	color:#FFF;
}

*/



#nav li:hover ul.sub li a:hover { 
	border-color:#fff;
}


#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul {
	background: url(../images/arrow_over.gif) 80px 6px no-repeat; 
	position:absolute; 
	left:-9999px; 
	top:-9999px; 
	width:0; 
	height:0; 
	margin:0;
	padding:0; 
	list-style:none;
}



/* CODICE LIGHTBOX  */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 500px; background-color: #000; }


/*************************************FORM***************************************/

.form {
	color: #666;
	border: #CCC;
	font-size:10px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

.form_input {
	border:1px solid #999;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	padding: 2px;
	background-color: #FFF;
	width: 200px;
}

.form_input2 {
	border:1px solid #999;
	font-size: 11px;
	color: #666;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	padding: 2px;
	background-color: #FFF;
}

.form_input_grandi {
	border:1px solid #999;
	font-size:11px;
	color: #666;
	text-decoration:none;
	font-family: Verdana, Geneva, sans-serif;
	padding:2px;
	width: 510px;
	background-color: #FFF;
}

.testo_form {
	color: #666;
	font-size: 11px;
}

	/********************************* LiveValidation *************************************/
/* Classe che si applica ai messaggi di validitr */
.LV_valid {
    color:#00CC00;
}

/* Classe che si applica ai messaggi di non validitr */	
.LV_invalid {
	color: #C67171;
}

/* Classe che si applica a tutti i messaggi di validazione */	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

/* Stili applicati ai campi validi */    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {

}

/* Stili applicati ai campi non validi */ 
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #C67171;
}

.bottone_form {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	background: #F0F0F0;
	width: 170px;
	font-size: 11px;
	border: solid 1px #666;
}

.bottone_form:hover {
	color: #000;
	font-family: Verdana, Geneva, sans-serif;
	background: #CCC;
	width: 170px;
	font-size: 11px;
	border: solid 1px #666;
}

/* STILI PER IL MODULO DI LOGIN */
.login_table {
	background-color:#FFF;
	border:1px solid #999;
}

.login_input {
	width:120px;
	font-size:12px;
}

.formarotolo {
margin-right:100px;
}