@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_wall.jpg') center top no-repeat;*/
	/*background: #FFFFFF url('../immagini/grafica/sf_wall3.jpg') center top no-repeat;*/
	/*background: #ffffff url('../immagini/grafica/sf_wall_ita.jpg') top repeat-x;
	/*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: 788px;
	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;
}
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;
}
.img_login_sx{
	position: relative;
	float:right;
	top: 55px;
	right: 2px;
	width: 18px;
	height:18px;
}
div#titoli_menu {/*controlla e poi eliminare*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	position: relative;
	top: 12px;
	font-weight: bolder;
	text-align: center;
}
.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;
}

/*menu navigazione*/
/*menuitem = riga header senza submenu*/
/*submenu = riga header con submenu*/
.glossymenu{
margin: 0px 0;
padding: 0;
width: 168px; /*width of menu*/
border: 1px solid #990000;
background: #F7F7F7;/**/
}


.glossymenu a.menuitem{
	color: black;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 3px 0;/*il primo valore regola la distanza tra una riga e l'altra degli header - la seconda non lo so*/
	padding-left: 18px;/*spaziatura dal bordo per gli header*/
	text-decoration: none;
	border-bottom: 1px dashed #999999;
	/*background: #FFFFCC;*/
}
.openhead{ /*quando l'header è aperto prende questo sfondo*/
	background: #FFAAAA;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: black;/*colore delle scritte degli header a riposo*/
}

.glossymenu a.menuitem .statusicon{ /*regola la posizione dell'immagine negli header*/
	position: absolute;
	top: 3px;
	left: 2px;
	border: none;/*bordo dell'immagine negli headers???*/
}

.glossymenu a.menuitem: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*/
}

.glossymenu div.submenu{ /*proprietà del contenitore dei sub menu al passaggio del mouse*/
	background: #FFFFCC;/*è il colore del box che si apre, all'apertura*/
}

.glossymenu div.submenu ul{ /*dovrebbe regolare forma e posizione dei box del menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{/*proprietà contenitore*/
border-bottom: 1px dashed #999999;/*la linea di base di ogni riga del box*/
}

.glossymenu div.submenu ul li a{
	display: block;/*in questa posizione, tutta la "cella" del div viene selezionata al passaggio del mouse*/
	/*font: normal 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
color: black;/*colore dei testi del contenitore*/
	text-decoration: none;/*nessun cambiamento ai testi - cambia già il colore del box*/
	padding: 2px 0;/*regola l'altezza delle righe del contenitore a cascata*/
	padding-left: 15px;/*margine da sx*/
}

.glossymenu div.submenu ul li a:hover{
background: #FFAAAA;/*al passaggio del mouse il box del contenitore prende questo colore*/
/*colorz: white;*/
color: black;/*è il colore della scritta al passaggio del mouse*/
}