/* CSS Document */

*{margin:0; padding:0;}

body {
	width: auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #002953;
	text-align:center;
	margin: 0px auto;
	padding-top:10px;
	background:#eee/* url(img/background.jpg) top repeat-x;
	background-position:center top;
	background-repeat:no-repeat;*/
}

em {color: #000; font-style:italic;}

a:link {color: #ff6600;}   
a:visited {color: #ff6600;} 
a:hover {color: #6699CC;}   
a:active {color: #ff6600;}   

h1 {font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#cc0000;
	text-align:justify;
	padding-bottom:5px;
	margin: 7px 20px 0px 0px; }
h2{ font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 115px 5px 0px 18px;}
h3{ font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	padding: 20px 5px 5px 18px;}
ol{
	margin:0px 0px 0px 25px;
	padding:0px;
}

/*-----------------*/
#supercontent{
	text-align:center;
	width: 894px;
	height:auto;
	/*margin-top:10px;*/
	margin: 0px auto;
	padding: 13px;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background-color:#FFF;
	-moz-box-shadow: 0 0 5px #888;;
-webkit-box-shadow: 0 0 5px# 888;;
box-shadow: 0 0 5px #888;
border:1px solid #eaeaea
}

#testata {
	width: 894px;
	height:136px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	background-image:url(img/fondo_banda.jpg);
	background-position:top;
	background-repeat: repeat-x;}

#box_menu_small{ float:right; margin: 13px 5px 0px 0px; font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; font-size:11px; color:#FFFFFF;}
#box_menu_small a{text-decoration:none;color:#FFFFFF; padding:0 4px;}
#box_menu_small a:hover{ text-decoration:underline;}

#box_menu{ float:right; text-align:right; width:884px; margin: 9px 5px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF;}
#box_menu a{text-decoration:none; color:#FFFFFF; padding:0 4px;}
#box_menu a:hover{text-decoration:underline;}

#cont_testata_2{ 
	width: 894px;
	height:124px;
	margin: 0px 0px 0px 0px;
	padding: 0px;}
	#cont_testata_2_sx{ 	
	float:left;
	text-align:left;
	width: 192px;
	height: 123px;
	padding: 0px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#cccccc;
	background-image:url(img/fondo_tasti_menu2.gif);
	background-repeat:no-repeat;}
	#cont_testata_2_sx ul {margin: 0px; border: 0px; padding: 0px;}
		#cont_testata_2_sx ul li {
		list-style-type : none;}
		#cont_testata_2_sx ul li a {
		text-decoration: none;
		height:62px;
		line-height: 62px;
		color: #ffffff;
		display: block;}
		#cont_testata_2_sx ul li a:hover {
		text-decoration : none;
		background-image:url(img/hover.gif);
		background-repeat: no-repeat;
		display: block;}
		
#cont_testata_2_dx{
	float:left;
	width: 702px;
	height: 123px;
	background-color:#FFFFFF;
	padding: 0px 0px 0px 0px;
}
#ombra{
	width: 894px;
	height:11px;
	background-image:url(img/ombra_.gif);
	background-repeat:no-repeat;
	background-color:#F2f5f9;}
	
/*contenitore centrale-----------------*/	
	
#content_centrale{
	width: 894px;
	height:auto;
	text-align:justify;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	background-image:url(img/fondo_centrale.gif);
	background-color:#F2f5f9;}
#colonna_sx{
	float:left;
	width: 190px;
	height:auto;
	text-align:left;
	margin-top:0px;
	padding: 0px 0px 0px 0px;}
	.box_colonna_sx{
	width: 190px;
	height:auto;
	padding: 0px 0px 17px 0px;
	margin-bottom:15px;
	background-image:url(img/fondo_box_sx.gif);
	background-position:bottom;
	background-repeat:no-repeat;}
	.box_colonna_sx p{
	padding: 7px 5px 0px 5px;}
	.box_colonna_sx_2{
	width: 190px;
	height:auto;
	padding: 0px 0px 0px 0px;
	margin-bottom:15px;}

	
#colonna_dx{
	float:right;
	width: 680px;
/*	min-height: 800px;
	height: auto !important;
	height: 800px;*/
	text-align:justify;
	margin-top:0px;
	margin-left:3px;
	padding: 15px 0px 10px 15px;
	background-color:#F2f5f9;}
	#colonna_dx p{margin-right:10px;}
	
/*homepage-----------------*/		
#content_box_home_top{
	width: 100%;
	height:auto;
	text-align:left;
	margin-bottom:20px;
	padding: 0px 0px 0px 0px;}
#box_accessori{
	float:left;
	width: 210px;
	/*height:320px;*/
	text-align:left;
	padding: 0px 0px 0px 0px;
	background-image:url(img/box_bordeax.jpg);
	background-repeat:no-repeat;
}
#box_accessori_bottom{
	width: 210px;
	height:15px;
	background-image:url(img/box_bordeax_bottom.jpg);
	background-repeat:no-repeat;
}
	#box_accessori p, #box_monouso p{
	font-size:11px;
	color:#FFFFFF;
	padding: 0px;
	line-height:17px;}

#box_monouso{
	float:left;
	width: 210px;
	height:320px;
	text-align:left;
	margin-left:4px;
	padding: 0px 0px 0px 0px;
	background-image:url(img/box_verde.jpg);
	background-repeat:no-repeat;}
	#box_monouso_bottom{
	width: 210px;
	height:15px;
	margin-left:4px;
	background-image:url(img/box_verde_bottom.jpg);
	background-repeat:no-repeat;}
	
.ul_white{
	margin:0px 0px 0px 18px;
	padding-right:10px;}
.ul_white li {
	list-style-type : none;
	line-height:16px;}
.ul_white li a{
	text-decoration:none;
	font-size:11px;
	color:#FFFFFF !important;}
.ul_white li a:visited{
	color:#FFFFFF !important;}
.ul_white li a:hover{
	text-decoration:underline;}

#box_welcome{
	float:left;
	width: 237px;
	height:auto;
	text-align:left;
	margin-left:10px;
	margin-right:4px;
	text-align: justify;
	padding: 0px 5px 0px 0px;}
	
/*pag monouso e accessori-----------------*/

#monouso #content_box_home_top {
	background-image:url(img/fondo_monouso.gif);
	background-repeat:no-repeat;
	height:320px;}
#accessori #content_box_home_top {
	background-image:url(img/fondo_accessori.gif);
	background-repeat:no-repeat;
	height:320px;}
	
.ul_mon_acc{
	margin:0px 0px 0px 18px;
	padding-right:10px;}
.ul_mon_acc li {
	list-style-type : none;
	line-height:17px;}
.ul_mon_acc li a{
	text-decoration:none;
	font-size:13px;
	color:#FFFFFF !important;}
.ul_mon_acc li a:hover{
	text-decoration:underline;}
		
/*box offerte-----------------*/
.content_offerte_home{
	width: 670px;
	height:auto;
	text-align:left;
	margin: 0px 0px 25px 3px;
	padding:26px 0px 5px 0px;
	border: 1px solid #ccddee;
	background-image:url(img/fondo_banda_offerte.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;}
.box_immagine, .box_codice, .box_disponibilita, .box_prezzo{padding: 5px 0px 0px 7px;}
.box_immagine{
	float:left;
	width: 130px;
	height:auto;
	text-align:center;}
.box_codice{
	float:left;
	width: 265px;
	height:auto;
	text-align:left;}
.box_disponibilita{
	float:left;
	width: 139px;
	height:auto;
	text-align:left;}
.box_prezzo{
	float:left;
	text-align:center;
	width: 108px;
	height:auto;}
.tasto_dettagli{margin: 10px 0px 0px 0px;}

/*box dettagli-----------------*/
#box_posizione{text-align:left;width:675px; height: auto; margin: 0px 0px 20px 0px; color:#CC6666; font-weight:bold;}
#box_posizione a{text-decoration:underline; color:#CC6666;}
#box_posizione a:hover{text-decoration:underline; color:#6699CC;}

#content_dettagli{
	width: 673px;
	height:auto;
	text-align:left;
	margin: 0px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	border: 1px solid #ccddee;
	background-image:url(img/fondo_banda_dettagli.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;}
	#top_sx_content_dettagli{
	float:left;
	width: 553px;
	text-align:left;
	padding:0px 0px 0px 5px;
	font-weight:bold;}
	#top_dx_content_dettagli{
	float:right;
	width: 115px;
	text-align:center;}
	#top_dx_content_dettagli a{
	color:#000000; text-decoration:underline;}
	#top_dx_content_dettagli a:hover{
	color:#000000; text-decoration:none;}
#content_dettagli_img{
	float:left;
	text-align:center;
	width: auto;
	padding:15px 0px 0px 5px;}
#content_dettagli_dati{
	float:left;
	width: auto;
	padding:10px 5px 0px 13px;}
	#content_dettagli_dati p{
	width: 370px;
	line-height:15px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;}

/*box carrello-----------------*/
#content_carrello_generale{
	width: 673px;
	height:auto;
	text-align:left;
	margin: 0px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	border: 1px solid #ccddee;
	background-image:url(img/fondo_banda_dettagli.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;}
#content_carrello{
	width: 663px;
	height:auto;
	text-align:left;
	margin: 7px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	border-bottom: 1px solid #ccddee;
	background-color:#FFFFFF;}
#content_carrello_img{
	float:left;
	text-align:center;
	width: 130px;
	padding:20px 0px 0px 7px;}
#content_carrello_dati{
	float:left;
	width: auto;
	padding:0px 10px 0px 20px;}
#content_carrello_dati p{
	width: auto;
	line-height:15px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px dotted #CCCCCC;}

#content_carrello_totale{
	width: 673px;
	height:auto;
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #FFCCCC;
	background-image: url(img/fondo_totale.gif);
	background-repeat:no-repeat;
	background-color:#FFF2F2;
}
#box_carrello_totale{
	float:right;
	text-align:left;
	font-weight:bold;
	width: 270px;
	/*line-height:15px;*/
	margin:5px 5px 5px 5px;
	/*background-color:#fff;*/
}
	
	
table { padding: 0px 0px 0px 0px;}
td { padding: 7px 11px 0px 0px; font-weight:lighter;}
.td_bold { font-weight:bold;}
.div_td{ border-top: 2px solid #000;}
.box_logo{ float:left; padding: 15px 0px 0px 5px;}
.prezzi_red{ color:#CC0000; font-weight:bold; font-size:12px;}
.prezzi_green{ color:#009900; font-weight:bold; font-size:12px;}
.prezzi_barrati{ text-decoration:line-through;}
.disponibile_verde{color:#009900; font-weight:bold; width:auto;}
.disponibile_orange{color:#FF6600;font-weight:bold;}
.disponibile_red{color:#CC0000;font-weight:bold;}
.txt_nb{color:#6699CC; font-weight:normal;}
.img_acc_mon{ float:right; margin: 9px 15px 0px 0px;}
.img_ { float:right; margin: 0px 10px 0px 10px; background-color:#FFFFFF; border:1px solid #6699CC;}
.error_red{ color:#fff; background-color:#CC0000; font-weight:bold; font-size:15px;}
.offerta_red{ color:#fff; background-color:#CC0000; font-weight:bold; font-size:11px;}
	


/*footer-----------------*/

#footer {
	height: 70px;
	width: 894px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color:#FFFFFF;
	padding: 10px 0px 5px 0px;
	background-color:#990000;
}
#footer a{text-decoration:none; color:#FFFFFF; padding:0 4px;}
#footer a:hover{text-decoration:underline;}

.indirizzo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}
#firma{ text-align:right; width:894px; margin: 0px auto; padding:5px 5px 0px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF;}
#firma a{text-decoration:none; color:#555;}
#firma a:hover{text-decoration:underline;}

#stat{ float:left; padding:0px 0px 0px 0px;}

/*stile form---------------------------------*/
.campi_form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: left; 
	font-size: 11px ; 
	font-weight: normal;
	color: #003366;}

/********************************* LiveValidation *************************************/

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
	color:#CC0000; 
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0px 0px 0px 0px;
}
    
.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 {
    border: 1px solid #00CC00;
}
    
.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 #CC0000;
}

.clearfloat { /* questa classe deve essere inserita in un elemento div o break e deve essere l'elemento finale prima della chiusura di un contenitore che deve contenere per intero un elemento mobile */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
