@charset "utf-8";
/* CSS Document */
body  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF url('../immagini/grafica/sf_wall4.jpg') center top no-repeat fixed;
	/*background: #FFFFFF url('../immagini/grafica/sf_wall5.jpg') center top no-repeat fixed;*/
	/*background: #ffffff url('../immagini/grafica/sf_wall.jpg') center top no-repeat;*/
	/*background: #ffffff url('../immagini/grafica/sf_natale.jpg') center top no-repeat;*/
	/*background: #DEDEDE;*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#container { 
	width: 986px;
	background: #F7F7F7;
	margin: 0 auto;
	margin-top: 80px;
	text-align: left;
} 

#header {
	height: 180px;
	width: 986px;
	margin-left: 0px;
} 

#header h1 {
	margin: 0px;
}

#sidebar1 {
	float: left; 
	width: 170px;
	background: #F7F7F7;
	padding: 0 5px;
	margin-left: 5px;
}
#sidebar2 {
	float: right; 
	width: 180px;
	background: #F7F7F7;
	padding: 0 5px;
	margin-right: 5px;
}
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3 {
	margin-left: 0px;
	margin-right: 0px;
}
#mainContent {
 	margin: 0 200px 0 185px;
}
#extraContent {
 	margin: 0 5px 0 185px;
	padding-right:5px;
}
#footer { 
	padding: 0px;
	background:#F7F7F7;
	height: 100px;
	width: 976px;
	margin-left: 5px;
	border-bottom:double #990000;
} 
#footer p {
	margin: 0;
	padding: 10px 0;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.tit_art {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
	font-weight: bold;
}
.tit_art2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}
.tit_h1a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #990000;
}
H2 {
	color: #A52B20;
}
.H8R{
	color: #FF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}
	   
.H8B {
	color: #000000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}

A:link { text-decoration: none; color : black; }
A:visited { text-decoration: none; color : black; }
A:hover { text-decoration: underline; color : red; }
.link_segue {
	color: #0000FF;
	}

.tabella_generale {
	background-color: #F7F7F7;
	border-left-color: #990000;
	border-left-style: double;
	border-right-color: #990000;
	border-right-style: double;
	border-bottom-color: #990000;
	border-bottom-style: double;
}

.sf_tab_carr7 {
	color: #6F1C15;
	background-color: #FFFF99;
	font-weight: bold;
	border-bottom: 1px solid #808080;
}

.sf_tab_carr6 {
	color: #6F1C15;
	background-color: #FFFF99;
	border-bottom: 1px solid #808080;
}
.sf_tab_carr9 {
	background-color: #FFAAAA;
	font-weight: bold;
}
.spec_px {
	text-decoration: line-through;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #990000;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #A52B20;
}
.sf_tab_art2 {
	border-left-color: #990000;
	border-left-style: solid;
	border-left-width: thin;
	border: 1px;
}
.spec_px2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: bold;
}
.spec_px2_barrato {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #990000;
	font-weight: normal;
	text-decoration: line-through;
}
.thispage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}
.titoli1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #660000;
}
.titolo_pag {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	color: #990000;
}

.td_b1gl {
	border-left: 1px solid #990000;
	border-bottom: 1px solid #808080;	
}
.td_b1gr {
	border-right: 1px solid #990000;
	border-bottom: 1px solid #808080;	
}
.td_b1g {
	border-bottom: 1px solid #808080;	
}
.td_b2 {
	border-bottom: 2px solid #990000;	
}
.td_brl {
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 2px solid #990000;	
}
.td_rl {
	border-left: 1px solid #990000;
	border-right: 1px solid #990000;	
}
.prodotti_rl {
	border-bottom: 1px dashed #999999;
	border-left: 1px solid #990000; 
	border-right: 1px solid #990000;
}
.prodotti_b {
	border-bottom: 1px dashed #999999; 
}
.quadro {
	border: 1px solid;
	border-color: #990000; 
}
div#img_sx{
	float:left;
	width: 135px;
	padding:1px 2px;
}
div#img_sx180{
	float:left;
	width: 182px;
	padding:1px 2px;
}


div#img_dx{
	float:right;
	width: 135px;
	padding:1px 2px;
}
div#img_dx180{
	float:right;
	text-align:right;
	width: 182px;
	padding:1px 2px;
}
div#cont_menu_dx{
margin: 0px 0;
padding: 0;
width: 178px;
border: 1px solid #990000;
text-align: center;
}
.cont_menu_dx{
margin: 0px 0;
padding: 0;
width: 178px;
border: 1px solid #990000;
text-align: center;
}
.cont_menu_dx2{
margin: 0px 0;
padding: 0;
width: 178px;
text-align: center;
background:#FFFF00;
}
div#cont_menutxt_dx{
margin: 0px 0;
padding:3px 3px;
width: 172px;
border: 1px solid #990000;
text-align: center;
}
.cont_menutxt_dx{
margin: 0px 0;
padding:3px 3px;
width: 172px;
border: 1px solid #990000;
text-align: center;
}
.smiler{
margin: 0px 0;
padding:3px 3px;
width: 172px;
border: 1px solid #990000;
text-align: right;
}

div#img_float{
	float:left;
	padding:3px 3px;
}
.img_float{
	float:left;
	padding:3px 3px;
}
div#img_float_dx{
	float:right;
	padding:3px 3px;
}
.img_float_dx{
	float:right;
	padding:3px 3px;
}
div#text{
	float:none;
	width: 280px;
	padding:1px 2px;
}

.text_550{
	float:none;
	width: 550px;
	left: 18px;
	padding:1px 2px;
	min-height:100px;
	border: solid 1px #990000;
	position: relative;
}
.text_210sx{
	float:left;
	width: 267px;
	padding:1px 1px;
	border: solid 1px #990000;
	text-align:left;
}
.text_210dx{
	float:right;
	width: 267px;
	padding:1px 1px;
	border: solid 1px #990000;
	text-align:right;
}
div#text_550n{
	float:none;
	width: 550px;
	left: 18px;
	padding:1px 2px;
	min-height:100px;
	position: relative;
}
.text_550n{
	float:none;
	width: 556px;
	left: 18px;
	position: relative;
}
div#text_765n{
	float:none;
	width: 780px;
	left: 10px;
	padding:6px 2px;
	position: relative;
}
div#ogtime{
	float: right;
	/*width: 80px;*/
	text-align:right;
	right: 3px;
	position: relative;
}
div#visual_data{
	float: right;
	text-align:right;
	/*width: 400px;*/
	right: 6px;
	/*left: 500px;*/	
	position: relative;
}
div#nav_bar{
	float: left;
	text-align:center;
	width: 986px;
	position:relative;
}
div#cont_sp{
	float:left;
	width: 975px;
	left: 5px;
	padding:5px 0;
	position: relative;
}
.search{
	float: left;
	width: 400px;
	padding-left: 5px;
	padding-top: 4px;
	
	background-color: #FFFF99;
	text-align:left;
	
	height: 30px;
	position: relative;
	border:solid 1px #990000;/**/
}
div#preferiti{
	float: right;
	width: 550px;
	padding-top: 5px;
	vertical-align:bottom;
	padding-right: 0;
	right: 1px;
	text-align:right;
	position: relative;
}
div#central_box{
	float: none;
	text-align: justify;

	margin-left: 5px;
	margin-right: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;	
	border:solid 1px #990000;
}
div#tit_store{
	float: none;
	margin-left: 5px;
	margin-right: 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;	
	
}
div#img_alto605{
	background:#F7F7F7 url('../immagini/grafica/alto605.gif') bottom no-repeat; height:38px; margin-left: 4px;
}
div#img_alto795{
	background:#F7F7F7 url('../immagini/grafica/alto795.gif') bottom no-repeat; height:38px; margin-left: 4px;
}
div#img_divisore605{
	background:#F7F7F7 url('../immagini/grafica/divisore605.jpg') bottom no-repeat; height:18px; margin-left: 4px; text-align:center;
}
div#img_divisore_sf605{
	background:#F7F7F7 url('../immagini/grafica/divisore_sf605.jpg') top no-repeat; height:18px; margin-left: 4px;
}
div#img_basso605{
	background:#F7F7F7 url('../immagini/grafica/basso605.gif') top no-repeat; height:20px; margin-left: 4px;
}
div#img_basso795{
	background:#F7F7F7 url('../immagini/grafica/basso795.gif') top no-repeat; height:20px; margin-left: 4px;
}
div#img_menu_sx{
	background:#F7F7F7 url('../immagini/grafica/img_prod_sx.gif') bottom left no-repeat; height:38px; width:170px;
}
div#img_utenti_sx{
	background:#F7F7F7 url('../immagini/grafica/img_utenti_sx.gif') bottom left no-repeat; height:38px; width:170px;
}
div#img_info_sx{
	background:#F7F7F7 url('../immagini/grafica/alto170info.gif') bottom left no-repeat; height:75px; width:170px;
}
.img_fondo_sx{
	background:#F7F7F7 url('../immagini/grafica/basso170.gif') top left no-repeat; height:10px; width:170px;
}
div#img_azienda_sx{
	background:#F7F7F7 url('../immagini/grafica/alto170azienda.gif') bottom left no-repeat; height:38px; width:170px;
}
.img_info_sx{
	background:#F7F7F7 url('../immagini/grafica/alto170azienda.gif') bottom left no-repeat; height:38px; width:170px;
}
div#login_area{
margin: 0px 0;
padding: 0;
width: 168px; /*width of menu*/
border: 1px solid #990000;
text-align: center;
height:105px;
}
div#logged_area{
margin: 0px 0;
padding: 0px;
width: 168px; /*width of menu*/
border: 1px solid #990000;
text-align: center;
height:80px;
}
div#imput_area{
	position: relative;
	float:left;
	left: 5px;
	width: 140px;
	height:75px;
	max-height:80px;
}

input#form_log{
	position: relative;
	border:1px solid #990000;
	background: #990000 url(../immagini/grafica/invia1.gif) no-repeat;
	top: 50px;
	width: 18px;
	height:18px;
}

.titoli_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	top: 12px;
	font-weight: bolder;
	text-align: center;
}
div#titoli_info {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	top: 50px;
	font-weight: bolder;
	text-align: center;
}
div#img_carrello_dx{
	background:#F7F7F7 url('../immagini/grafica/img_carrello_dx.gif') bottom right no-repeat; height:38px; width:180px;
}
.img_fondo_dx{
	background:#F7F7F7 url('../immagini/grafica/basso180.gif') top right no-repeat; height:10px; width:180px;
}
div#img_promo_dx{
	background:#F7F7F7 url('../immagini/grafica/alto180_promo.gif') bottom right no-repeat; height:38px; width:180px;
}
div#img_smiler_dx{
	background:#F7F7F7 url('../immagini/grafica/alto180_sorridi.gif') bottom right no-repeat; height:38px; width:180px;
}
div#area_elenco_sx{
margin: 0px 0;
padding: 0;
width: 168px; /*width of menu*/
border: 1px solid #990000;
text-align: center;

}
div#voci_elenco_sx{
width:158px;
text-align:left;
padding-top:2px;
padding-left: 10px;
padding-bottom:3px;
/*height:17px;*/
border-bottom: 1px dashed #999999;
}
.voci_elenco_sx{/*controlla e poi eliminare*/
width:158px;
text-align:left;
padding-top:2px;
padding-left: 10px;
padding-bottom:3px;
/*height:17px;*/
border-bottom: 1px dashed #999999;
}
div#voci_elenco_dx{/*controlla e poi eliminare*/
width:165px;
text-align:left;
padding-top:3px;
padding-left: 10px;
padding-bottom:4px;
/*height:17px;*/
border-bottom: 1px dashed #999999;
}
.voci_elenco_dx{
width:165px;
text-align:left;
padding-top:3px;
padding-left: 10px;
padding-bottom:4px;
/*height:17px;*/
border-bottom: 1px dashed #999999;
}

/******* form*******/
input:focus{background-color: #FF9}
textarea:focus{background-color: #FF9}


/*menu navigazione*/
/******* form*******/
input:focus{background-color: #FF9}
textarea:focus{background-color: #FF9}

/*menu navigazione*/

.arrowlistmenu{
margin: 0px 0;
padding: 0;
width: 168px; /*width of accordion menu*/
border: 1px solid #990000;
background: #F7F7F7;/**/
}

.arrowlistmenu .menuheader{ /*impostazioni voci di menu principale, espanso o non espanso*/
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: black;
display: block;
position:relative;
/*background: black url(../titlebar-active.png) repeat-x center left;
/*background: url(../arrowbullet.png) no-repeat center left; /*custom bullet list image*/
/*margin-bottom: 10px; bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 3px 0 3px 20px; /*header text is indented 10px*/
border-bottom: 1px dashed #999999;
margin: 0;
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{/*proprietà header al passaggio del mouse*/
	/*background-image: url(glossyback2.gif);*/
	color: white;/*è il colore della scritta al passaggio del mouse*/
	background-color: #990000;/*colore background al passaggio del mouse*/
	border-bottom: 1px dashed #999999;/*la linea di base di ogni riga dell'header*/
}

.statusicon{/*ok posiziona l'icona + e meno nelle voci di menu principale*/
	position: absolute;
	top: 3px;
	left: 2px;
	border: none;/*bordo dell'immagine negli headers???*/
}
.statusicon2{/*ok posiziona l'icona + e meno nelle voci di menu principale*/
	position: absolute;
	top: 3px;
	left: 15px;
	border: none;/*bordo dell'immagine negli headers???*/
}
	
.arrowlistmenu .openheader{ /*CSS class da applicare alla voce di menu principale quando è aperta*/
/*background-image: url(../titlebar-active.png);*/
background: #990000;/**colore che resta al menu principale dopo il passaggio del mouse se selezionato*/
color: white;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{/*menu interno: distanza tra una voce e l'altra - con valori sup a 0 lascia una riga bianca*/
padding-bottom: 0; /*bottom spacing between menu items*/
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

.arrowlistmenu .subexpandable{
	position:relative;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: black;/*colore del testo della voce principale sottomenu all'apertura*/
	display: block;
	border-bottom: 1px dashed #999999;
	margin: 0;
	cursor: hand;
	cursor: pointer;
	padding: 3px 0 3px 33px;
}


.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #FF6 !important;/*è il colore dello sfondo della voce principale del submenu prima di venire aperto*/
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #990000 !important;/*è il colore dello sfondo della voce principale del submenu dopo che è stato aperto*/
color:white;
}
.arrowlistmenu ul li .closedsubheader:hover{ /*Open state CSS for sub menu header*/
background-color: #F90 !important;
color: black;

}
.arrowlistmenu ul li .opensubheader:hover{ /*Open state CSS for sub menu header*/
background-color: #F90 !important;
color: black;

}


.arrowlistmenu ul li a{/* impostazioni voci di menu interne*/
/*color: green;colore delle scritte delle voci menu interne*/
/*background: url(../arrowbullet.png) no-repeat center left; custom bullet list image*/
background: #FFFFCC;/*giallino - colore dello sfondo a riposo del menu interno*/
display: block;
padding: 2px 0;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
/*font-weight: bold;*/
border-bottom: 1px dashed #999999;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: black;
}

.arrowlistmenu ul li a:hover{ /*colore dello sfondo delle voci menu interne al passaggio del mouse*/
background-color: #FFCC66;
color: black;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: green;
color: yellow;
}