<!--
/*******************************************
STILE BOX CONTENUTI
********************************************/
.Contenuto1 {
	margin:0 5px 5px 10px; 
	float: left;
	width:320px;
}
.Contenuto2 { 
	margin:0 5px 5px 5px; 
	float:left;
	width:260px;
}
.Contenuto3 { 
	margin:0 5px 5px 5px; 
	float:left;
	width:200px; 
}
/***************************************/
/********  CLASSI PER BOX GRAFICI ******/
/***************************************/

/**** DEFINE CLASSE ****/
.Box, .filtro, .Lista, .ListaNews, .Carrello {
	width:100%;
	border:0;
	margin:0 ;
	padding:0;
}
.Catalogo {	width:600px; font-weight:bold; }
.Box .SlidingDoors,.Box .SlidingWindows, .Box .Doors  {
    float:left;
    width:100%;
	height:20px; line-height:20px;
	border-bottom:2px solid #4f8094;
	margin:0; 
}
.Box .SlidingWindows{
	border-bottom:0;
	border-top:2px solid #4f8094;
}

.test {	background-color:#CCCCCC;}

/**** DEFINE TAG UL ****/
.Box ul.SlidingDoors, .Box ul.Doors, .Box ul.SlidingWindows, .Box ul.ContentBox, .Box, .Lista,
.ListaNews, ul.PageBar,.Box ul.SimilForm, ul.Carrello {
    margin:5px 0 0 0;
    padding:0;
    list-style:none;
}
.Box ul.SlidingWindows, .Catalogo ul, .Ricerca ul, .PageBar ul,
.Ricerca, .ModuloForm ul {
    margin:0;
    padding:0;
    list-style:none;
}

.Ricerca { margin:20px 0 0 0;}
.Lista ul {  margin-left:50px; padding-left:50px;  list-style:none; }
.ListaNews ul {  margin-left:40px; padding-left:40px;  list-style:none; }
.Catalogo ul  { width:275px; border-top: 1px solid #d5d5d5; margin: 15px 0 0 0;}
.filtro { width:682px; float:right; background:url('/grafica/img/sfondi/sf_Ricerca.gif') repeat-x center top;}

/**** DEFINE TAG UL LI ****/
ul.Box li, .Catalogo li, .Lista li, .ListaNews li { 	
	border:0;
    float:left;
	width:100%;
	padding:0;
    margin:0;
}
ul.Carrello li {
	clear:both;
	display:block;
	border-top:1px dashed #ccc; 
	line-height:25px;
	vertical-align:middle; 
}
ul.Lista li{ border-bottom:1px dashed #ccc; text-align:justify; min-height:40px;}
ul.ListaNews li{ border-bottom:1px dashed #ccc; text-align:justify; min-height:40px;}
.Lista ul li, .ListaNews ul li { border:0; }
.Catalogo li { 	border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5;}
.Catalogo li img { border:0; padding:0; margin:0;}
.Lista img,.ListaNews img {
	border:1px solid #ccc;
	margin:5px;
	float: left;
}


.Box ul.SlidingDoors li, .Box ul.SlidingWindows li,.Box ul.ContentBox li { 
    float:left;
	width:auto;
	border:0;
	padding:0;
    margin:0;
	font-weight:bold;
}
.Box ul.SimilForm {
	width:auto;
	padding:0;
    margin:0;
}
.Box ul.SimilForm li {
	min-height:30px;
	height: auto !important;
	height: 60px;
	border-left:1px solid #c7c7c7;
	border-right:2px solid #c7c7c7;
	border-bottom:2px solid #c7c7c7;
	background-color:#f7f7f7;
}
ul.SimilForm li.Sottotitolo { background-color:#f7f7f7; float:left; line-height:30px; min-height:30px; display:block; vertical-align:middle;}

.Box ul.SlidingWindows li { padding-left:3px; }
.Box ul.ContentBox li {
	border:0;
	padding:0;
    margin:0;
	width:100%;
	font-weight:normal;
}
ul.filtro li.Titolo, ul.PageBar li.Titolo, ul.Carrello li.Titolo {
	border:0;
	padding:0;
	width:100%;
	background:url('/grafica/img/sfondi/sfondoBarCX.gif') repeat-x bottom center;
	height:30px;
	line-height:30px;
	font-size:1.3em;
	font-weight:bold;
}
ul.filtro li.Titolo { width:682px; background:url('/grafica/img/sfondi/sfondoBarCX.gif') repeat-x top center;}
ul.Carrello li.Titolo { border:0; background:url('/grafica/img/sfondi/sfondoBarCX.gif') repeat-x top center;}
ul.Carrello li span { float:left; line-height:20px; min-height:20px; display:block; vertical-align:middle;}
ul.Carrello li.Sottotitolo { font-size:1em; font-weight:bold; line-height:20px;}
ul.Carrello li.Sottotitolo span { line-height:20px; background-color:#f5f5f5; min-height:20; height:auto; padding:0; margin:0;}

.filtro li,.PageBar li { 
	text-align:left;
    float:left;
	padding:0;
    margin:0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.filtro li { width:680px;}
.filtro li.ric_cnt span{ 
	margin-top:5px;
	min-height:95px;
	height:95px;
}


.filtro li.avvia { height:5px; border-bottom:1px solid #ccc; }
.filtro li.ric_eff { 
	text-align:left;
	font-weight:bold;
	text-indent:3px;
	border-bottom:none;
	height:20px;
	line-height:20px;
}

ul.filtro li .TSX, ul.filtro li .TDX, .Carrello li .TSX  {
	background:url('/grafica/img/sfondi/sfondoIntestaSX.gif') no-repeat top center;
	width:5px;
	float:left;
}
ul.filtro li .TDX , .Carrello li .TDX {
	background:url('/grafica/img/sfondi/sfondoIntestaDX.gif') no-repeat top center;
	float:right;
}
ul.PageBar li .TSX, ul.PageBar li .TDX {
	background:url('/grafica/img/sfondi/sfondoIntestaSX.gif') no-repeat bottom center;
	width:5px;
	float:left;
}
ul.PageBar li .TDX {
	background:url('/grafica/img/sfondi/sfondoIntestaDX.gif') no-repeat bottom center;
	float:right;
}

.Box ul.ContentBox li a img { padding: 1px 2px 0 0; }
/**** DEFINE TAG UL LI ANCHOR E ALTRO ****/
.Box ul.ContentBox li a{
	border-bottom: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5; 
	border-right: 1px solid #d5d5d5;
	padding:0 3px 0 3px;
	display:block;
	line-height:17px;
	text-align:justify;
	min-height:19px;
    margin:0;
    list-style:none;
	cursor:pointer;
}
.Box ul.ContentBox li label { font-weight:normal; cursor:pointer; } 
.Box ul.ContentBox li a:hover,.Box ul.ContentBox li label,.Box ul.ContentBox li a:hover span { 	color:#000000; }
.Box ul.ContentBox li a span {
	font-size:1.0em;
	font-weight:bold;
	text-transform:uppercase;
	line-height:1.2em;
	display:block;
	padding:0;
	margin:0; 
	color:#4f8094;
}

.Box ul.SlidingDoors li.disabled, .Box ul.SlidingDoors li a,.Box ul.SlidingDoors li.current a, .Box ul.Doors li,
.Box ul.SlidingWindows li a,.Box ul.SlidingWindows li.current a{
	float:left;
	border:0;
	color: #4f8094;
	height:20px; line-height:20px;
	background:url('/grafica/img/form/sf_Doors.gif') no-repeat top right;
	text-align:center;
	padding:0 8px 0 0;
	font-weight:bold;
}
.Box ul.SlidingDoors li.disabled {
	color: #b6b6b6;
	background:url('/grafica/img/form/sf_DoorsDisabled.gif') no-repeat top right;
}
.Box ul.SlidingWindows li a,.Box ul.SlidingWindows li.current a{
	background:url('/grafica/img/form/sf_Windows.gif') no-repeat bottom right;
}
.Box ul.Doors li {
	color:#fff;
	width:100%;
	text-align:left;
	padding:0; 
	background:url('/grafica/img/form/sf_Doors.gif') repeat-x center right;
}

.Box ul.SlidingDoors li.disabled span, .Box ul.Doors li span,.Box ul.SlidingDoors li span,.Box ul.SlidingDoors li:hover a span,
.Box ul.SlidingDoors li.current:hover a span,.Box ul.SlidingDoors li.current a span {
	float:left;
	padding-left:2px; 
	background:url('/grafica/img/form/sf_DoorsSX.gif') no-repeat center left;
}
.Box ul.SlidingDoors li.disabled span {
	background:url('/grafica/img/form/sf_DoorsSXDisabled.gif') no-repeat center left;
}

.Box ul.SlidingWindows li span,.Box ul.SlidingWindows li:hover a span,
.Box ul.SlidingWindows li.current:hover a span,.Box ul.SlidingWindows li.current a span {
	float:left;
	padding-left:2px; 
	background:url('/grafica/img/form/sf_WindowsSX.gif') no-repeat center left;
}
/********* HOVER DOORS *********/
.Box ul.SlidingDoors li span{ background-position:top left; }
.Box ul.SlidingDoors li.current a { background-position:center right; color:#fff; }
.Box ul.SlidingDoors li:hover a,.Box ul.SlidingDoors li:hover.current a {
	 background-position:bottom right;color:#666;
}
.Box ul.SlidingDoors li.current a span{
	background-position:center left;
}
.Box ul.SlidingDoors li:hover a span,.Box ul.SlidingDoors li.current:hover a span {
	background-position:bottom left;
}
/********* FINE HOVER DOORS *********/
/********* HOVER WINDOWS *********/
.Box ul.SlidingWindows li span{ background-position:bottom left; }
.Box ul.SlidingWindows li.current a { background-position:center right; color:#fff; }
.Box ul.SlidingWindows li:hover a,.Box ul.SlidingWindows li:hover.current a {
	 background-position:top right;
}
.Box ul.SlidingWindows li.current a span{
	background-position:center left;
}
.Box ul.SlidingWindows li:hover a span,.Box ul.SlidingWindows li.current:hover a span {
	background-position:top left;
}
/********* FINE HOVER WINDOWS *********/

/********* MODULO FORM ****************/
/*,.Box ul.SimilForm li */
.ModuloForm { clear:both; font-size:1.0em; color:#999999; display:block;  margin:0; min-height:80px;}
.ModuloForm li { clear:both; margin:0; list-style-type:none; text-align:left; min-height:30px; }
.ModuloForm div { clear:both;border-top:1px solid #DADADA; color:#666666; line-height:30px; vertical-align:middle;margin:0 15px 0 15px;}
.ModuloForm span { min-height:30px; line-height:20px; vertical-align:middle;}

.ModuloForm h1 {  border-bottom:1px solid #DADADA;  border-top:1px solid #DADADA; margin:0; padding-left:15px; vertical-align:middle; color:#666666; background-color:#f0f0f0; font-size:1.3em; line-height:30px; min-height:30px; display:block; }
.ModuloForm h2 { margin:0 15px 0 15px; vertical-align:middle; color:#999999; font-size:1.0em; line-height:30px; min-height:30px;}
.ModuloForm .promo { border:0; margin:0 15px 0 15px; vertical-align:middle; display:block; font-weight:normal; line-height:18px; font-size:1.0em; min-height:30px; vertical-align:middle;}
.ModuloForm label, .LabelSmall, .LabelBig,.LabelVSBig, .LabelMedium, .LabelSBig, .LabelVeryBig{	font-weight:bold; font-size:1.0em; color:#666666; width:200px; float:left; }



label.LabelSmall { width:100px; }
label.LabelMedium { width:150px; }
label.LabelSBig { width:200px; }
label.LabelBig { width:250px; }
label.LabelVSBig { width:300px; }
label.LabelVeryBig { width:350px; }
/*.ModuloFormPromo  { background-color:#FFF;}*/
/********* FINE MODULO FORM ****************/


/********* PASSI RICERCA *********/
.Ricerca img, .filtro li span{ float:left; }
.PageBar li span {
	float:left;
	width:130px;
	font-size:0.8em;
	font-weight:normal;
}
.PageBar li span ul.sel {
	float:left;
	margin:0;
	line-height:30px;
	height:30px;
}

.space { float:left; background:url('/grafica/img/form/space.gif') no-repeat center center; z-index:1; width:30px; height:60px;}
.spaceMin { float:left; background:url('/grafica/img/form/spaceMin.gif') no-repeat center center; z-index:1; width:30px; height:30px;}
.uno {  float:left; background:url('/grafica/img/form/1.gif') no-repeat center center; z-index:1;}
.due { background:url('/grafica/img/form/2.gif') no-repeat center center; z-index:1;}
.tre { background:url('/grafica/img/form/3.gif') no-repeat center center; z-index:1;}
/********* FINE HOVER WINDOWS *********/

/************************************/
/********  FINE CLASSI PER BOX ******/
/************************************/

#sel li{
	list-style:none;
	float:left;
	padding:1px;
	border:0;
}

#sel a{
	font-weight:bold;
	border: 1px solid #666666;
	color:#666666;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}
#sel a:hover{
	font-weight:bold;
	border: 1px solid #d5d5d5;
	display:inline;
	padding-left:3px;
	padding-right:3px;
	background-color: #ffffff;
	color:#39a0c9;
}
#sel .ok{
	font-weight:bold;
	border: 1px solid #39a0c9;
	background-color: #ffffff;
	color:#39a0c9;
	display:inline;
	padding-left:3px;
	padding-right:3px;
}

/*************************************/
/********  CLASSI PER CONTENUTO ******/
/*************************************/

.Lista ul li h1,.ListaNews ul li h1 {
	font-size:1.2em;
	font-weight:bold;
	margin: 0;
}
.ListaNews ul li label{
	font-size:1em;
	font-weight:bold;
	color:#666;
	display:block;
}
.Lista ul li.bottoni a,.ListaNews ul li.bottoni a{
	margin:5px;
	text-align:right;
	width:auto;
	float:right;
}
.Lista ul li h5,.ListaNews ul li h5 {
	font-size:1.0em;
	font-weight:bold;
	margin: 0;
	width:100%;
	text-transform:none;
}
.Lista ul li h5 label,.ListaNews ul li h5 label {
	font-weight:normal;
}


/************************/
/******** TITOLO ********/
/************************/
#Content{
	margin:10px 15px 0 15px;
	text-align:justify;
}

h2 {
	font-size:1.4em;
	line-height:1.4em;
	text-align:left;
	border-bottom:1px solid #ccc;
	color:#4f8094;
	margin:0;
	padding:0;
	vertical-align:middle;
}
h3 { 	
	font-size:1.0em;
	line-height:1.2em;
	margin: 0;
	height:20px;
}
h3 label {
	color:#999;
	float:left;
}
h3 a { float:right; display:inline;  }

h4, h5, h6{
	text-align:left;
	font-weight:bold;
}
h4 {
	font-size:1.3em;
	line-height:1.4em;
}
h5 {
	font-size:1.1em;
	line-height:1.2em;
	text-transform:uppercase;
	margin: 10px 0 5px 0;
}
h6 {
	font-size:1.0em;
	line-height:1.4em;
	margin: 10px 0 5px 0;
}

/***** ELENCHI *****/
.Elenco, .ElencoPunto, .ElencoDecimali, .ElencoLettere, .ElencoRoman,.ElencoLettereUP  {
    margin:0;
	padding-left:15px;
	list-style-position:outside;
}

.ElencoLettere,.ElencoLettereUP  { padding-left:25px; }
.ElencoDecimali { padding-left:35px; }

.Elenco li{
	list-style-type:none;
}
.Elenco li img {
	float:left;
	padding-right:5px;
}
.ElencoPunto li {
	list-style-type:disc;
}
.ElencoDecimali li {
	list-style-type:decimal;
}
.ElencoLettere li {
	list-style-type:lower-alpha;
}
.ElencoLettereUP li {
	list-style-type:upper-alpha;
}
.ElencoRoman li{
	list-style-type:upper-roman;
}
.Elenco li label, .ElencoPunto li label, .ElencoDecimali li label, .ElencoLettere li label,
.ElencoRoman li label,.ElencoLettereUP li label {
	font-weight:bold;
	list-style-type:none;
}
.ElencoLink { 
	font-size: 1.3em;
	line-height:45px;
	font-weight:bold;
	width:250px;
	display:block;
	border:2px solid #4f8094;
	background-color:#f1f1f1;
display:block;
}
/***** PARAGRAFI *****/
p.first:first-letter { 
	font-size: 2em; 
	font-style: italic;
	float: left;
	background: #39a0c9;
	color: #FFF;
	margin:2px 5px 5px -15px;
	padding: 7px 5px 5px 15px;
	line-height:1.2em;
}
p.first:first-line { 
	font-variant:normal;
}
p.first { 
	text-indent: 0em;
	clear:both;
	margin-top: 5px;
}
p {
	clear:both;
	margin-top: 5px;
}

/***** IMMAGINI *****/
.imgCenter, .imgRight, .imgLeft{
	padding:10px;
	font-size:0.8em;
	font-style:italic;
}
.imgLeft{
	float:left;
}
.imgRight{
	float:right;
}

.imgLeft img, .imgRight img { border:1px solid #666; } 

sup{
	font-size:0.8em;
	vertical-align:middle;
	font-weight:bold;
}

#apice{
	color:#000000;
	font-size:0.8em;
	font-style:italic;
}

hr {
	text-align:center;
	color: #4f8094;
	background-color: #4f8094;
	height: 3px;
	width:80%;
}
/******************************************/
/********  FINE CLASSI PER CONTENUTO ******/
/******************************************/


#SIcoStep1,#SIcoStep1ON,#SIcoStep1OFF,#SIcoStep2,#SIcoStep2ON,#SIcoStep2OFF,#SIcoStep3,#SIcoStep3ON,#SIcoStep3OFF,
#SIcoStep4,#SIcoStep4ON,#SIcoStep4OFF,#SIcoStep5,#SIcoStep5ON,#SIcoStep5OFF{
	height:30px;
	width:70px;
	margin: 2px 0 2px 2px;
	text-align:center;
	vertical-align:middle;
	background-repeat:no-repeat;
	float:left;
	padding-left: 35px;
	text-align:left;
	font-weight:bold;
}
#SIcoStep1{ background-image:url('/grafica/img/Step/Small/Step1ON.gif'); color:#6caf65;}
#SIcoStep1ON{ background-image:url('/grafica/img/Step/Small/Step1.gif'); color:#6e9cc8;}
#SIcoStep1OFF{ background-image:url('/grafica/img/Step/Small/Step1OFF.gif'); color:#9f9f9f;}
#SIcoStep2ON{ background-image:url('/grafica/img/Step/Small/Step2.gif');color:#6e9cc8;}
#SIcoStep2{ background-image:url('/grafica/img/Step/Small/Step2ON.gif'); color:#6caf65;}
#SIcoStep2OFF{ background-image:url('/grafica/img/Step/Small/Step2OFF.gif');color:#9f9f9f;}
#SIcoStep3ON{ background-image:url('/grafica/img/Step/Small/Step3.gif');color:#6e9cc8;}
#SIcoStep3 { background-image:url('/grafica/img/Step/Small/Step3ON.gif'); color:#6caf65;}
#SIcoStep3OFF { background-image:url('/grafica/img/Step/Small/Step3OFF.gif');color:#9f9f9f;}
#SIcoStep4ON{ background-image:url('/grafica/img/Step/Small/Step4.gif');color:#6e9cc8;}
#SIcoStep4{ background-image:url('/grafica/img/Step/Small/Step4ON.gif'); color:#6caf65;}
#SIcoStep4OFF{ background-image:url('/grafica/img/Step/Small/Step4OFF.gif');color:#9f9f9f;}
#SIcoStep5ON{ background-image:url('/grafica/img/Step/Small/Step5.gif');color:#6e9cc8;}
#SIcoStep5{ background-image:url('/grafica/img/Step/Small/Step5ON.gif'); color:#6caf65;}
#SIcoStep5OFF{ background-image:url('/grafica/img/Step/Small/Step5OFF.gif');color:#9f9f9f;}

.AvvisoErrore {background-image:url('/grafica/img/icone/x.gif'); padding-left:18px; background-repeat:no-repeat; background-position:left; color:#F00; font-weight:bold; } 
.CampoErrore { color:#F00; border:1px solid #F00; background-color:#ffc8c8; }


.popupIco {
	clear:both;
	z-index:2;
	display:none;
	position:absolute;
	background-color:#eee; 
	border:1px solid #000; 
	padding:2px 5px 2px 5px; 
	line-height:20px;
	width:280px;
	margin-top:-20px;
}

ul.galleriaSlide {
	width:99%;	border:0;
	margin:0; padding:0;
}
ul.galleriaSlide li {
	clear:both;	width:100%;
	list-style:none; border:0;
    margin:0; float:left;
}
ul.galleriaSlide a{ 
	padding-left:5px; 	padding-right:5px;
	display:block;	float:left; width:78px;
}
ul.galleriaSlide img { background-color:#fff; width:75px; padding:2px; border:1px solid #ccc; float:left;}

#foto { border:1px solid #ccc; background-color:#f1f1f1; width:98%; display:block; float:left;}
#foto span { padding:10px; font-size:1.0em; line-height:1.1em; display:none;float:left; }
#foto label { display:block; font-weight:bold; font-size:1.2em; line-height:1.4em; color:#000000; }
#foto img{ padding:7px; border:2px solid #ccc; float:left; background-color:#FFF;}


.play { padding-left:25px; float:left; background-image:url('/grafica/img/icone/play.gif'); background-repeat:no-repeat;}
.stop { padding-left:25px; float:left; background-image:url('/grafica/img/icone/stop.gif'); background-repeat:no-repeat;}
.pause { padding-left:25px; float:left; background-image:url('/grafica/img/icone/pause.gif'); background-repeat:no-repeat;}

.play:hover { padding-left:25px; float:left; background-image:url('/grafica/img/icone/playON.gif'); background-repeat:no-repeat;}
.stop:hover { padding-left:25px; float:left; background-image:url('/grafica/img/icone/stopON.gif'); background-repeat:no-repeat;}
.pause:hover  { padding-left:25px; float:left; background-image:url('/grafica/img/icone/pauseON.gif'); background-repeat:no-repeat;}

.notifica, .notificaOK, .notificaKO {clear:both; width:100%;}
.notifica img{ float:left; padding-left:5px;padding-right:15px; height:35px;}
.notifica span{ margin:0; padding:0; color:#669966; font-size:12px; font-weight:bold; border:2px solid #669966; background-color:#ccffcc; line-height:35px;height:35px; display:block; vertical-align:middle; padding-left:5px;}
-->