@font-face {
	font-family: 'AvantGardeMdBT';
	src: url(../webfonts/avgardm.eot);
	src: local('AvantGarde Md BT'), url('../webfonts/avgardm.TTF') format('truetype');
	}

body { 
	/*background-color: #163a5f;  	*/
	background-color:#f1f1ed;
	background-image: url(../images/img_sfondo.jpg);		
	padding:0px 0px; margin:0px 0px; 
	background-position: center top;
	background-repeat: no-repeat;
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
	font-weight : normal; color: #000; 
	z-index:0; 
	background-attachment: fixed;
}
	
	a {color: #484847; text-decoration:none;}
	a:hover{ text-decoration:underline;}			
	
	form{ padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
	img { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
	
#barra-nera-top	{
	position:relative; 
	width:100%; 																
	padding: 0px 0px 0px 0px; margin:0px auto;
	z-index:10; 
	height: 34px;
	background-color: #000;		
}

#top-container{
	position:relative; 
	width:962px; 																
	padding: 0px 0px 0px 0px; margin:0px auto;
	z-index:0; 
	height: 34px;		
}

#area-personale{
	position:relative; float:left; 
	z-index:7;
	left: 280px;
	width: 670px;
	height: 34px;	
	padding-left: 30px;
	background-image: url(../images/sfondo-barra-top.png);	
	background-repeat: no-repeat;	
}	

#area-personale-pref{
	position:relative; float:left; 
	z-index:7;
	left: 0px;
	width: 962px;
	height: 34px;	
	padding-left: 30px;
	background-image: url(../images/sfondo-barra-top-pref.png);	
	background-repeat: no-repeat;	
}	

#name{
position:relative; 
float:right; 
color: #fff;
font-size: 11px;
padding-right: 70px;
width: 210px;
padding-top:5px;
margin: 0px;
cursor:pointer;
}	

h7{
font-weight: normal; 
color: #fff;
font-size: 13px;
line-height: 37px;
padding-left: 20px;
margin: 0px;
}	

#box11 h5{
	text-align:right;
	font-size: 13px;
    font-weight: normal;
    line-height: 18px;
	margin:0px;
}

#box11 h5 a{
	color:#ffffff;
}

#menu_area_ajax{
	display:none;
	position:absolute;
	top:33px;
	right:18px;
	z-index:10;
	border:1px solid #000000;
	padding-left:15px;
	background-color:#000000;
}	


#div_menu_listino{
	text-align:center;
}
	
#name h2{
	text-align:left;
}

#box8 {
    background-color: #F1F1ED;
    border: 1px solid #D9D7D8;
    clear: left;
    float: left;
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 94%;
}

#box8 h5 {
   color: #000000;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;
}


#box11{
    float: left; clear: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 94%;
	font-size:13px; 
}

/* ------------------------------------- globalcontainer -----------------------*/		
#globalcontainer{
	position:relative; 
	width:962px; 																
	padding: 0px 0px 0px 0px; margin:0px auto;
	z-index:0; 
	height: 490px;		
}
/* ------------------------------------- cointainer -----------------------*/	
#cointainer{ 	
	position:relative; float:left; clear:left; 
	width:962px; 																
	padding:0px; margin:0px 0px 0px 0px;
	z-index:2;
	border: solid 1px #f1f1ed;
	background-color: #ffffff;
	box-shadow: #878787 0px 3px 6px;
}
/* ------------------------------------- header -----------------------*/	
#header{
	position:relative; float:left; 
	width:962px; height:95px;
	padding:0px; margin:0px;
	z-index:3;
}
	#header #logo{
	float:left;
	width:280px;
	margin:0px;
	z-index:3;
	}

#topmenu{
	position:relative; 
	float:left;
	width:470px;																
	z-index:7;
	color: #000;	
	padding:0px; margin: 0px;
	line-height: 50px;
	border:0px solid green;
}

#topmenu a:link, #topmenu a:visited, #topmenu a:hover, #topmenu a:active { 
		font-size:12px; 
		color: #000;
		font-weight: normal;
		padding: 0px 7px 0px 7px;
		text-decoration: none;
}
		
#topmenu a:hover { 
		color: #fff; 
		text-decoration: none; 
		background-color: #d9161f;
		}
		
#header #social{
	float:left;
	left: 750px;
	margin-top: 16px;
	width:140px;
	height: 35px;
	z-index:7;
	border:0px solid red;
	}	
	
#header #lingue{
	float:right;
	width: 55px;
	margin-top: 4px;	
	height: 28px;		
	z-index:7;
	border:0px solid green;
	}	

#ricerca{
	position:relative; float:left; 
	z-index:7;
	color: #000;
}	

#carrello{
	position:relative; float:left; 
	z-index:7;
	color: #fff;
	background-image: url(../images/sfondo-carrello.png);		
	width: 201px;
	height: 35px;	
	line-height: 35px;
	font-size: 14px;
}	

#trasporto{
	position:relative; float:left; 
	z-index:7;
	color: #fff;
	background-image: url(../images/sfondo-trasporto.png);		
	width: 227px;
	height: 35px;	
	line-height: 35px;
	font-size: 14px;
}	
	
/* ------------------------------------- FINE header -----------------------*/	
	
	
/* ------------------------------------- principalmenu -----------------------*/	

#principalmenu{
	clear:both;
	position:relative; 
	float:left;
	width:735px;																
	height: 40px;		
	z-index:1001;
	color: #fff;	
	padding:0px; margin: 0px;
	line-height: 10px;
	background-color: #000;		
}

#principalmenu a:link, #principalmenu a:visited, #principalmenu a:hover, #principalmenu a:active { 
	font-size:14px; 
	color: #fff;
	font-weight: normal;
	padding: 12px;
	text-decoration: none;
}

#principalmenu a:hover { 
	color: #fff; 
	text-decoration: none; 
	background-color: #d9161f;
}
		
#esplora{
	position:relative; float:left; 
	z-index:10;
	color: #fff;
	background-color: #000;		
	width: 227px;
	height: 40px;	
	line-height: 45px;
	font-size: 13px;
	background-image: url(../images/sfondo-esplora.png);
}			
	
/* ------------------------------------- main menu vedi voglio di stile stule-menu.css -----------------------*/		
	
.input {
	border: 1px solid #666666;
	width: 180px;
	height: 31px;
	font-size: 100%;
	color: #000;
    padding-left: 10px;
	background-color: #f0f0f0;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
} 

.input2 {
	border: 1px solid #666666;
	width: 185px;
	height: 20px;
	font-size: 100%;
	color: #000;
    padding-left: 10px;
	background-color: #f0f0f0;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}

.input5 {
	border: 1px solid #666666;
	width: 20px;
	height: 15px;
	font-size: 100%;
	color: #000;
    padding-left:1px;
	background-color: #f0f0f0;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}

.bottone {
	border: 0px solid;
	width: auto;
	height: auto;
	font-size: 100%;
	color: #fff;
    padding: 5px;
	background-color: #e2021b;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}

	.link{
		font-size:13px; color:#fff; text-decoration: none;
	} 
	.link a{ font-size:13px; color:#fff; font-weight:normal; padding:0px;}
	.link a:hover{ font-size:13px; color:#000; font-weight:normal; padding:0px}


/* ------------------------------------- photoheader -----------------------*/	
#photo{
	clear:both;
	position:relative; float:left;
	width:719px;  height:297px;
	padding:3px 0px 0px 8px; 
	margin:0px; 
}

.titolo-pannello { font-size:25px; font-weight: bold; color: #000;}	

.testo-medio { font-size:11px; }	
.testo-nero { font-size:14px; color: #000; font-weight: normal; }	
.testo-color{ font-size:10px; color: #005baf; font-weight: bold; }	
.prezzo-rosso{ font-size:16px; color: #d80002; font-weight: bold; }	
.prezzo-verde{ font-size:18px; color: #668e11; font-weight: bold; }	

	.link-color{font-size:10px; color:#005baf; text-decoration: none; font-weight: bold;} 
	.link-color a{ font-size:11px; color:#005baf; font-weight:normal; text-decoration: none;padding:0px; font-weight: bold;}
	.link-color a:hover{ font-size:11px; color:#005baf; font-weight:normal; text-decoration: none; padding:0px font-weight: bold;}

#areariservataMenu{
	position:relative; float:left;
	width:227px; height:200px;
	background-image: url(../images/sfondo-areariservata.png);	
	background-repeat: no-repeat;		
	z-index:7;
	font-size:15px;
	color: #fff;
	letter-spacing: 0.5px;
	z-index:2;
}	

#areariservata{
	position:relative; float:left;
	width:227px; height:305px;
	background-image: url(../images/sfondo-areariservata.png);	
	background-repeat: no-repeat;		
	z-index:9;
	font-size:15px;
	color: #fff;
	letter-spacing: 0.5px;
}	

.testo-medio { font-size:11px; }	
.testo-color{ font-size:11px; color: #005baf; font-weight: bold; }	

#news{
	clear:both;
	border-top: 1px solid #fff;
	position:relative; 
	float:left;
	width:735px;																
	height: 40px;		
	z-index:2;
	color: #000;	
	font-size:14px; 	
	padding:0px; margin: 0px;
	line-height: 40px;
	background-color: #e5e5e5;		
}

#news-archivio{
	position:relative; float:left; 
	border-top: 1px solid #fff;	
	z-index:2;
	color: #fff;
	background-color: #000;		
	width: 227px;
	height: 40px;	
	line-height: 40px;
 	font-size:14px; 	
	background-color: #e5e5e5;				
}		

		#news-archivio a:news-archivio, #news-archivio a:visited, #news-archivio a:hover, #news-archivio a:active { 
		color: #000;
		text-decoration: none;
		}
		
		#news-archivio a:hover { 
		color: #666; 
		text-decoration: none; 
		}
		

/*contenuti*/

#content{
position:relative; float:left; 
width: 700px;
padding: 0px;
padding-left: 15px;
padding-top: 15px;
font-size: 13px;
}

/*navigazione colonna dx*/
div#colonnadx{
position:relative; float:right; 
width: 238px;
padding:0px;
margin:0px;
}

#contentcenter{
position:relative;
width: 550px;
padding: 0px;
padding-left: 15px;
padding-top: 15px;
font-size: 13px;
}

#contentdx{
position:relative; float:right; 
width: 700px;
padding: 0px;
padding-left: 15px;
padding-top: 15px;
font-size: 13px;
min-height:518px !important;
}

/*navigazione colonna sx*/
div#colonnasx{
position:relative; float:left; 
width: 238px;
padding:0px;
margin:0px;
}

#box1{
float: left; clear: left;
border: 1px solid #d9d7d8;
width: 100%;
}

#box1_1{
float: left; clear: left;
border: 1px solid #d9d7d8;
width: 100%;
font-size:12px;
}

#box2{
float: left; clear: left;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #d9d7d8;
width: 49%;
}

#box3{
float: right; clear: right;
margin-top: 20px;
margin-bottom: 20px;
border: 1px solid #d9d7d8;
width: 49%;
}

#box4{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #d9d7d8;
width: 95%;
font-size:12px; 	
height:759px;
}

#box4_NEW{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #d9d7d8;
width: 95%;
font-size:12px; 	
height:390px;
overflow:hidden;
}

#box4_1_NEW{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #d9d7d8;
width: 95%;
font-size:12px; 	
height:390px;
overflow:hidden;
}


#box5{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #d9d7d8;
width: 100%;
font-size:12px; 	
}

#box6{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
width: 50%;
font-size:12px; 	
}

#box7{
float: right; clear: right;
margin-top: 10px;
margin-bottom: 10px;
width: 50%;
font-size:12px; 
}

#box8{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
width: 94%;
font-size:13px; 
background-color: #f1f1ed;
border: 1px solid #d9d7d8;
}

#box9{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
width: 94%;
font-size:13px; 
background-color: #fff;
border: 1px solid #d9d7d8;
padding: 0px;
}

#box10{
float: left; clear: left;
margin-top: 10px;
margin-bottom: 10px;
width: 94%;
font-size:11px; 
background-color: #f1f1ed;
border: 1px solid #d9d7d8;
}

#box11{
float: left; clear: left;
border:0px solid #d9d7d8;
width: 100%;
}

h1{ /*testo offerte home page*/
font-weight: normal; 
color: #fff;
font-size: 15px;
height: 25px;
line-height: 25px;
background-color: #e2021b;	
padding-left: 15px;
margin: 0px;
}

h2{
font-weight: normal; 
color: #000;
font-size: 15px;
height: 25px;
/*line-height: 25px;*/
background-color: #c9c9c9;	
padding-left: 15px;
margin: 0px;
}

h3{
font-weight: normal; 
color: #fff;
font-size: 15px;
height: 25px;
line-height: 25px;
background-color: #4c4c4c;	
padding-left: 15px;
margin: 0px;
}

h4{
clear: left;
font-weight: normal; 
color: #FFF;
font-size: 13px;
height: 25px;
line-height: 25px;
background-color: #e2021b;	
padding-right: 15px;
margin: 0px;
text-align: right;
}
	
/* ------------------------------------- footer -----------------------*/	

/*footer*/

#footer{
	position:relative; float:left; clear:left; 
	width:932px; height:auto;	
	background-color: #f1f1ed;	
	padding: 15px;
	font-size:12px; color:#5a5959; 
	border-left: solid 1px #f1f1ed;
	border-right: solid 1px #f1f1ed;

	
}


#footer-box{
	position:relative; float:left; 
	width:20%;
	font-size:13px; color:#484847; 
	line-height: 17px;
}
	
		#footer-box a:news-archivio, #footer-box a:visited, #footer-box a:hover, #footer-box a:active { 
		color: #484847;
		text-decoration: none;
		}
		
		#footer-box a:hover { 
		color: #e2021b; 
		text-decoration: underline; 
		}


#cartacredito{
	clear: both;
	position:relative; float:left; 
	width: 500px;
	height: 145px;
}	

#indirizzo{
	position:relative; float:right; 
	text-align: right;
	font-size:13px; color:#5a5959; 
	line-height: 17px;
}		


div.pager {
    text-align: center;
    margin: 1em 0;
}

div.pager span {
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    line-height: 1.8;
    text-align: center;
    cursor: pointer;
    background: #000;
    color: #fff;
    margin: 3px;
}

div.pager span.active {
    background: #c00;
}


/* ------------------------------------- stili -----------------------*/	

.vocimenuMacro{

	color:#000000;
	font-face:Verdana;
	font-size:12px;
	font-weight:bold;
}

a span.vocimenuMacro{

	color:#215da7;
}

.vocimenuB{

	color:#215da7;
	font-face:Verdana;
	font-size:11px;
	font-weight:bold;
}

.vocimenu{

	color:#215da7;
	font-face:Verdana;
	font-size:11px;
}

.vocimenu_disabled{
	display:none;
	color:#b3b3b3;
	font-face:Verdana;
	font-size:11px;
}

.span_filtro{
	display:block;
	width:206px;
}

.nr_filtri{
	color:#215da7;
	font-face:Verdana;
	font-size:11px;
	font-weight:bold;
}

#menu_area_ajax{
	display:none;
	position:absolute;
	top:33px;
	right:18px;
	z-index:10;
	border:1px solid #000000;
	padding-left:15px;
	background-color:#000000;
}	

#menu_brand_ajax{
	display:none;
	position:absolute;
	top:33px;
	right:0px;
	border:1px solid #000000;
	padding-left:15px;
	background-color:#000000;
	width:500px;
	z-index:15;
}	

#demo1 {
	width: 719px;
}
#demo1 img {
	width: 719px;
}

.td_correlati{
	border:1px solid #C6C6C6;
	border-radius:5px;
	width:225px;
	background-color:#ffffff;
}

#banner_news{
	width:962px;
	font-size: 11px;
	font-family: AvantGarde Md BT,Helvetica,Arial,sans serif;
	display:block;
}

#news-carousel {
   width:700px;
}

.title-latest-news{
	width:90px;
	padding:10px;
}

#news-carousel li{
   width:700px;
   text-align:left;
}

.latest-news{
	background-color:#F0F0F0;
	width:962px;
}

.titlePage{
	font-size:18px;
	font-weight:bold;
	color:#d9161f;
}

h2.title_dett_articolo{
	background:none;
	font-family:Verdana;
	font-size:13px;
	font-weight:bold;
	padding-left:0px;
	padding-bottom:10px;
}

div#infinity-go-up {
	display: none;
	position: fixed;
	width: 60px;
	height: 38px;
	top: calc(75% - 50px);
	background-image: url(../images/tornasu-rosso.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	right: calc(50% - 521px);
	z-index: 1001;
	cursor: pointer;
	background-color:#e0e0e0;
	border-radius:2px;
	padding:5px;
	opacity:0.9;
}

.input5_1 {
	border: 1px solid #666666;
	width: 40px;
	height: 20px;
	font-size: 100%;
	color: #000;
    padding:4px;
	background-color: #f0f0f0;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}

.product-title-pref{
	height:26px;
	margin-left:20px;
	cursor:pointer;
}

span.preferiti{
    color: #ffffff;
    font-size: 13px;
    margin-left: 15px;
}

span.preferiti a{
    color: #ffffff;
}

span.riep_carrello{
    padding-left: 198px;
}

div.div_art_preferiti{
	display:inline;
	font-size:12px;
	text-align:left;
	padding-left:0px;
	margin-left:0px;
}

div.div_art_preferiti span.img_art_preferiti{
	font-size:12px;
	padding-left:0px;
	margin-left:0px;
}

span.img_art_preferiti img{
	width:14px;
	height:14px;
	float:left;
	margin-right:2px;
	left:0px;
	padding-left:0px;
	margin-left:0px;
}

.orderBarDiv{
	border-top:1px solid #a5a5a5;
	border-bottom:1px solid #a5a5a5;
	background-color:#828282;
	padding:6px;
	text-align:right;
	color:#efefef;
}

.btnOrderFilter{
	border-radius:5px;
	border:1px solid #a5a5a5;
	padding:4px;
	margin:2px;
	background-color:#efefef;
}

.btnClicked{
	background-color:#c00;
	color:#ffffff;
}

.imgOrderFilter{
	width:16px;
	vertical-align:middle;
}

#contentfullwidth{
	position:relative;
	float:right; 

	padding: 0px;
	padding-left: 15px;
	padding-top: 15px;
	font-size: 13px;
	min-height:518px !important;
}

.div_allegato{

    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 5px;
	height:42px;
	width:25%;
}
.div_allegato a{
	display:block;
	height:32px;
	padding:5px;
}

.div_allegato a:hover{
	text-decoration:none;
	background-color:#d0d0d0;
}

.div_allegato a img{
	float:left;
	vertical-align:middle;
}

.div_allegato a span{
	display: block;
    padding-top: 7px;
}

.modal-alert-carrello{
	/*position: absolute;
    right: 10px;*/
	position: fixed;
    left: 50%;
	top: 168px;
    width: 300px;
    margin: 10px;
	margin-left: 158px;
    padding: 10px;
    border-radius: 4px;
	font-weight:bold;
	color:#ffffff;
	box-shadow: 2px 2px #bcbcbcb0;
	display:none;
	z-index:1001;
	font-size:13px; 
}

.status-alert-ok{
	background-color: #75b036;
}

.status-alert-error{
	background-color: #e2021b;
}

td.headerMese{
	background-color:#4c4c4c;
	color:#ffffff;
}