/* CSS Document */
body{
	background-color: #8D4844;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:10px auto;
	text-align:center;
	font-size: 100%;
	background-image:url(immagini/sfondo.gif);
	background-repeat: repeat;
	}
	
/* FORMATTAZIONE TESTO ______________________________*/	

a:link { color: #003366; text-decoration:underline;}
a:hover { color: #CC0000; text-decoration:underline;  }
a:visited { color: #4a4a4a; text-decoration:underline; }

a.testogiallo:link { color: #C6B684; text-decoration:underline;}
a.testogiallo:hover { color:#FFCC00; text-decoration:underline;  }
a.testogiallo:visited { color: #C6B684; text-decoration:underline; }

h1 {
	padding:4px 5px 2px 0px;
	margin:0px;
	font-size:18px;
	font-family:Georgia, Times New Roman, Times, serif;
	font-weight:normal;
	color:#8D4844;
	}	
	
h2{
	margin:0 ;
	padding:.1em;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#8D4844;
	}	

		
h3 {
	margin:0 ;
	padding:.1em;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color:#8D4844;
	}	

h4 {
	margin:0 ;
	padding:.1em;
	font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	color:#333;
	}	
	
	
p {
	color: #222;
	margin: 0;
	font-weight: normal;
	font-size: 11px;
	line-height: 140%;
	padding:4px ;
	}	
	
p.prodotto {
	color: #333;
	margin: 0;
	font-weight: normal;
	font-size: 11px;
	line-height: 120%;
	padding:0;
	}

.prezzo {
text-align:right;
	font-size: 11px;
margin:0 10px 0 0;
padding:0;
	color:#8D4844;
}

.prezzo_barrato {
	text-align:right;
	font-size: 11px;
	margin:0 10px 0 0;
	line-height:90%;
	padding:0;
	color:#333366;
	text-decoration: line-through;
}	
	
p.piccolo {
	color: #666;
	margin: 0;
	font-weight: normal;
	font-size: 9px;
	line-height: 100%;
	padding:.0;
	}		

p.breve {
	color:#666;
	margin: 0;
	font-weight: normal;
	font-size: 65%;
	line-height: 150%;
	padding:1em 2em .2em 1em;
	border-left:1px dotted #666666;
	}	
	

	
.destra {
text-align:right;
margin:0 1em 0 auto;
}

p.chiusura {
text-align:center;
	color: #555;
	margin: 0 auto;
	font-weight: normal;
	font-size: 10px;
	line-height: 100%;
	padding:.5em;
	}	
	
p.chiusurabis {
text-align:center;
	color:#C6B684;
	margin: 0 auto;
	font-weight: normal;
	font-size: 10px;
	line-height: 100%;
	padding:.0;
	}		
	
/* BARRA ______________________________*/	

.barra {
	position:relative;
	width:756px;
	text-align:left;
	background-color:#FFFFFF;

	margin:0;
	padding:0;
	}
	
.briciole {
	font-size:75%;
	margin:0;
	padding:.2em;
	
	}		
/* Navigazione ______________________________*/	

.navigazione {
	 PADDING-RIGHT: 0px;  
	 PADDING-LEFT: 0px; 
	 PADDING-BOTTOM: 0px; 
	 MARGIN: 0; 
	 WIDTH: 750px; 
	 PADDING-TOP: 0px;
	 background-color:#FFFFFF;
	 HEIGHT: 35px; 
	 TEXT-ALIGN: center;
	
}



.nullo {
	clear:both;
	}
	
FIELDSET {
	BORDER-RIGHT: #efefef 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #efefef 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: #efefef 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #efefef 1px solid
}	

LEGEND {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #8D4844; PADDING-TOP: 0px;
	font-size:12px;
}	
	
/* UL  _____________________________________________________*/
ul { margin:0px;
	padding:0px;	
}

li {
	margin:0;
	padding:0;
}

ul.paragrafo { 
	margin:0 2em;
	padding:0px;
	list-style-type:none;	
	font-size: 80%;
	line-height: 150%;
}

ol.paragrafo { 
	margin:0 2em;
	padding:0px;
	font-size: 80%;
	line-height: 150%;
}



ul.menu_nav
	{
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 751px; LINE-HEIGHT: 35px; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, Helvetica, sans-serif; LIST-STYLE-TYPE: none; HEIGHT: 35px
}
	
ul.menu_nav li{ 
 	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 149px; COLOR: #cdccc1; LINE-HEIGHT: 35px; PADDING-TOP: 0px; HEIGHT: 35px; border-right:1px solid #FFF;
 } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/	

ul.menu_nav li a {
PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; WIDTH: 149px; COLOR: #fff; background-color:#68757D; LINE-HEIGHT: 35px; PADDING-TOP: 0px; HEIGHT: 35px; TEXT-ALIGN: center; TEXT-DECORATION: none; 
}

ul.menu_nav li a:visited {
	color:#f5f5f5;
	text-decoration:none;
}

ul.menu_nav li a:hover {
color:#FF0000;
background-color:#fff;
text-decoration:none;
} 

ul.menu_nav li #selezionato {
	background-color:#8D4844;
	color: #FFf;
	text-decoration:none;
	border-left:1px solid #FFFFFF;

}

.titoletto {
	background-color:#E6DBCF;
	padding:2px;
}
/* UL ELENCO _____________________________________________________*/

ul.elenco {
list-style:none;
margin: 0;
padding:0px 0 1.5em 0em;
color:#333;
text-align:left;
font-size:75%;
}

ul.elenco li {
	display:inline;
	}	
	
ul.elenco li a {
	text-decoration:none;
	border-bottom:1px dotted #999;
	margin:0px 0px;
	color:#333;
	padding:.5em;
	display:block;
}

ul.elenco li a:hover {
color:#000;
background-color:#FCE8C5;
	text-decoration:none;
}	

ul.elenco li a:active {
color:#000;
background-color:#FCE8C5;
	text-decoration:none;
}

ul.elenco li a:visited {
color:#666;
	text-decoration:none;
}	

ul.elenco li #selezionata {
	font-weight:bold;
	padding-left:10px;
	color:#000;
	text-decoration:none;

} 		


ul.solo_elenco {
margin: 0 0 0 10px;
padding:0;
color:#333;
text-align:left;
font-size:11px;
}

ul.solo_elenco li {
margin: 2px;

	background-position: left center;
	list-style-type: disc;
	}	
	
table {
font-size:75%;
	}	

.box{
	margin: 2px 8px 2px 0;
	padding:4px;
	background-color:#C6B684;

	}
	
.box_clienti{
	margin: 10px 0;
	height:120px;
	}	

/* LAYOUT ______________________________*/	

.layout {
position:relative;
	width:760px;
	text-align:left;
	background-color:#FFFFFF;
	margin:5px auto 0 auto;
	padding:2px 0 0 0;
	border:0;
	background-image: url(immagini/sfondo_layout_dx.gif);
	background-repeat: repeat-y;
	background-position: right;
	
	}
	
.fondo {
position:relative;
	width:760px;
	text-align:center;
	margin:0 auto;
	}		
	
.ombra {
margin:0;
padding:0;
text-align:left;
float:left;
}		
	
.colore {

	text-align:left;
	background-color:#E6DBCF;
	border:none;
	margin:8px 14px 0 8px;
	padding:2px 0 0 0;
	}
	
.bianco {
	width:736px;
	text-align:left;
	background-color:#fff;
	border:none;
	margin:8px 4px 0 10px;
	padding:0;
	}	
			
.colonna_assoluta {
	position:absolute;
	top:0;
	right:50px;
	text-align:right;
	width:200px;
	margin:0;
	padding:0em;
	}
.colonna_grande {
	FLOAT: left;
	width:460px;
	margin:0 0 0 0px;
	padding:1em;
	border-left:1px dotted #666666;
	background-image: url(immagini/sfondo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	min-height:380px;
	height:auto !important;
	height:380px;
	}
	
.colonna_grande_colore {
	FLOAT: left;
	width:470px;
	margin:0 0 0 0px;
	padding:1em;
	border-left:1px dotted #666666;
	background-color: #E7E6DC;

	}	
	
	
		
.colonna1 {
	FLOAT: left;
	width:240px;
	margin:0 0 0 10px;
	padding:0em;

	}
	
	
.colonna1sotto {
	FLOAT: left;
	width:258px;
	margin:0 ;
	padding:0em;
		border-right:1px dotted #666666;
	}	
	
.colonna2 {
	FLOAT: left;
	width:240px;
	margin:0 0 0 10px;
	border-left:1px dotted #666666;
	padding:0.5em;
	}
	
.colonna2sotto {
	FLOAT: left;
	width:240px;
	margin:0 0 0 10px;
	padding:0em;
	border-right:1px dotted #666666;
	}	
	
.colonna3 {
	FLOAT: left;
	width:209px;
	text-align:center;
	margin:0 ;
	padding:0;
	}	
	
.colonna3sotto {
	FLOAT: left;
	width:200px;
	margin:0  ;
	padding:0 0 0 20px;
	}
			
	
/* NOMARGINI ______________________________*/	

.nomargini {
	margin:0;
	padding:0;
	}
	
	
.immagine {
margin: 5px ;
float:right;
	border:1px solid #999999;
}	


.immagine_sx {
margin: 0 5px;
float:left;
	border:1px solid #999999;
}	

.immagine2 {
float:left;
	margin:.5em 1em 0 2em;
	border:1px solid #999999;
}	

.logo {
margin:0;
padding:0;
border:none;

}

.progetto {
margin:.5em 1em;
border:none;
}

/* FORM  ____________________________________________*/	
.casella {
	background-color:#FFFFFF;
	border: 1px solid #666;
	margin:0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
		

	
.bottone {
	padding:.1em;
	border:1px ridge #666699;
	background-color:#CCCCFF;
	color:#660033;
	margin:0;

	font-weight:bold;
	}

.blocca {
	CLEAR: both; BORDER-RIGHT:  0px ; PADDING-RIGHT: 0px; BORDER-TOP: 0px ; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 0px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px ; WIDTH: 100%; LINE-HEIGHT: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px;
	}
		

.nascosto {
display:none;
}	


