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

body { 
	/*background-color: #f1f1ed;  */	
	background-image: url(../images/sfondo-dontotec.png); /*da modificare*/		
	padding:0px 0px; margin:0px 0px; 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	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: 180px;
	width: 800px;
	height: 34px;	
	padding-left: 30px;
	background-image: url(../images/sfondo-barra-top.jpg);	
	background-repeat: no-repeat;	
}	

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

h7{
font-weight: normal; 
color: #fff;
font-size: 13px;
line-height: 0px;
padding-left: 20px;
margin: 0px;
float: right;
margin-right: 55px;
margin-top: -19px;
}
}	


/* ------------------------------------- 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:10006; 																
	padding:0px; margin:0px 0px 0px 0px;
	z-index:2;
	 background-color: #ffffff;
    box-shadow: #878787 0px 3px 6px; 
}
/* ------------------------------------- header -----------------------*/	
#header{
	position:relative; float:left; 
	width:990px; height:100px;
	padding:0px; margin:0px;
	z-index:3;
}
	#header #logo{
	float:left;
	width:190px;
	margin:0px;
	z-index:3;
	margin-top: -38px;
    margin-left: 40px;
    margin-right: 70px;
	}

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

#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: 10px;
	margin-left: 25px;
	width:140px;
	height: 38px;
	z-index:7;
	}	
	
	#header #lingue{
	float:right;
	width: 55px;
	margin-top: 4px;	
	height: 44px;		
	z-index:7;
	}	

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

#login{
	position:relative; float:right; 
	margin-top:5px;
	z-index:7;
	color: #fff;
	background-image: url(../images/sfondo-ricerca-dontotec.jpg); /*da modificare*/
	width: 199px;;
	height: 35px;	
	line-height: 35px;
	font-size: 14px;
	border-left: 2px solid white;
	border-right: 1px solid white;

}

#ricercaPerMarca{
	position:relative; float:right; 
	margin-top:5px;
	z-index:7;
	color: #fff;
	/*background-image: url(../images/sfondo-ricerca-dontotec.jpg); da modificare*/
	background-color:#1b5fc1;	/*colore da cambiare*/
	width: 199px;
	height: 35px;	
	line-height: 35px;
	font-size: 14px;
	border-left: 2px solid white;
	border-right: 1px solid white;

}

#carrello{
	position:relative; float:right; 
	z-index:7;
	color: #fff;
	background-image: url(../images/sfondo-carrello-dontotec.jpg);		/*da modificare*/
	width: 198px;
	height: 35px;	
	line-height: 35px;
	font-size: 14px;
	border-left: 2px solid white;
    border-right: 2px solid white;
	margin-top:8px;
}	

/* ------------------------------------- FINE header -----------------------*/	
	
	
/* ------------------------------------- principalmenu -----------------------*/	

#menu{
	width:1000px; height:30px;	
	padding: 0px;
	font-size:12px; 
	margin-left: 2px;
	
}

nav {
  background: rgba(0, 99, 163, 1);
  border: 1px solid #ccc;
  border-right: none;
  width: 100%;
}

nav ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
}

nav ul li {
  list-style: none;
  text-align: center;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
}

nav ul li:first-child {
  border-left: none;
  flex-grow: 1;
}

nav ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  padding: 5px 1px;

}

nav {
  display: table;
  table-layout: fixed;
}


	
nav > ul > li a + div {
	background:#1c8dce;
	border-radius: 0 0 2px 2px;
	display:none;
	font-size: 11px;
	position: absolute;
	margin:auto;
	width: auto;
	align-items: center;
	z-index: 50;
}

nav > ul > li:hover a + div {
	display:block;
	position: absolute; 
	left:0px;
}

#principalmenu{
	clear:both;
	float:left;		
	width:100%;
	z-index:7;
	color: #fff;	
	padding:0px; margin: 0px;
	line-height: 0px;
	background-color: rgba(109, 109, 109, 1);;		
	}

#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: rgba(0, 109, 159, 1);
}
		
#esplora{
	position:relative; float:left; 
	z-index:2;
	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: 300px;
	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: 18px;
	font-size: 100%;
	color: #000;
    padding-left: 10px;
	background-color: #f0f0f0;
	font-size:13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}

.input3 {
	border: 1px solid #cacaca;
	width: 300px;
	height: 25px;
	font-size: 100%;
	color: #000;
	background-color: #fff;
	font-size:16px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
	text-align: center;	
} 

.input4 {
	border: 1px solid #cacaca;
	width: 120px;
	height: 21px;
	font-size: 100%;
	color: #7f7f7f;
	background-color: #fff;
	font-size:12px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
	text-align: left;	
	padding-left: 5px;
} 

.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;
}

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

.button2 {
	border: 0px solid #cacaca;
	width: 60px;
	height: 25px;
	font-size: 100%;
	padding: 0px;
	color: #000;
	background-color: #f7f7f7;
	font-size: 12px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
	text-align: center;	
}

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


/* ------------------------------------- photoheader -----------------------*/	
#photo{
	clear:both;
	position:relative; float:left;
	width:719px;  height:305px;
	padding:0px 0px 0px 0px; 
	margin-right:15px; 
	float:right;
}

#banner-laterali{
	position:relative; float:left;
	width:227px; height:297px;
	padding:8px 0px 0px 0px; margin:0px;	
}	

.titolo-pannello { font-size:18px; 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;}

#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: 740px;
padding: 0px;
padding-left: 15px;
margin-top: 30px;
font-size: 13px;
color: #4d4d4d; 
}

#contentnew{

width: 100%;
padding: 1px;
padding-top: 0px;
font-size: 13px;
color: #4d4d4d; 
}

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

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

#contentdx{
position:relative; float:right; 
width: 700px;
padding: 0px;
padding-left: 15px;
padding-top: 35px;
/*padding-top: 15px; */
font-size: 13px;
}

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

#box2{
float: left; clear: left;
margin-bottom: 0px;
width: 100%;
}

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

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

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

#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%;
}

#box12{
float: left;
margin-top: 20px;
margin-left: 45px;
margin-bottom: 20px;
}

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

#box13 h5{
	text-align:right;
}

#box13 h5 a{
	color:#ffffff;
}

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

.mini-box5{
position:relative; float: left; 
margin-top: 10px;
margin-bottom: 10px;
width: 33%;	
font-size:12px; 
}

.mini-box5 img {
border: 3px solid #eeeeee;
margin-left: 10px;
margin-right: 10px;}

.titolo-tabella1{
position:relative; float: left; 
width: 93%;
font-size:12px; 	
border: 1px solid #cacaca;
background-color: #efefef;
padding: 6px;
font-size:15px; 
}

.contenuto-tabella1{
position:relative; float: left; 
width: 93%;
font-size:14px; 	
line-height: 17px;
border-bottom: 1px solid #cacaca;
border-left: 1px solid #cacaca;
border-right: 1px solid #cacaca;
background-color: #fff;
padding: 6px;
margin-bottom: 10px;
}

.testo-piccolo {position:relative; float: right; font-size:11px; }	

.titolo-tabella2{
position:relative; float: left; 
width: 96.5%;
font-size:12px; 	
border: 1px solid #cacaca;
background-color: #efefef;
padding: 6px;
font-size:15px; 
}

.contenuto-tabella2{
position:relative; float: left; 
width: 80%;
font-size:14px; 	
line-height: 33px;
border-bottom: 1px solid #cacaca;
border-left: 1px solid #cacaca;
background-color: #fff;
padding: 6px 0px 0px 6px;
margin-bottom: 0px;
height: 36px;
}
.contenuto-tabella2dx{
position:relative; float: right; 
width: 17%;
font-size:14px; 	
border-bottom: 1px solid #cacaca;
border-right: 1px solid #cacaca;
background-color: #fff;
padding: 1px 0px 2px 0px;
margin-right: 11px;
margin-bottom: 0px;
}


h1{ /*testo offerte home page*/
font-weight: normal; 
color: #fff;
font-size: 15px;
height: 25px;
line-height: 25px;
background-color: #1b5fc1;	/*colore da cambiare*/
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;
position: relative;
}

h3{
font-weight: normal; 
color: #fff;
font-size: 15px;
height: 25px;
line-height: 25px;
background-color: #1b5fc1;	/*colore da cambiare*/
padding-left: 15px;
margin: 0px;
}

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

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

h6{
font-weight: normal; 
color: #000;
font-size: 15px;
height: 35px;
line-height: 35px;
background-color: #f7f7f7;	
padding-left: 15px;
margin: 0px;
}


.td-top{
font-weight: normal; 
color: #fff;
font-size: 14px;
line-height: 18px;
background-color: #1b5fc1; /*colore da cambiare*/
padding: 10px;
margin: 0px;
text-align: left;
}

.td-carrello1{
font-weight: normal; 
color: #7f7f7f;
font-size: 13px;
line-height: 15px;
padding: 10px 0px 0px 0px;
margin: 0px;
text-align: left;
border-bottom: 1px solid #cacaca;
}

.td-carrello2{
font-weight: normal; 
color: #000;
font-size: 12px;
padding: 10px 0px 10px 20px;
margin: 0px;
border-bottom: 1px solid #cacaca;
}

.td-carrello3{
font-weight: normal; 
color: #000;
font-size: 12px;
line-height: 15px;
padding: 10px 0px 10px 25px;
margin: 0px;
border-bottom: 1px solid #cacaca;
}

.td-carrello4{
background-color: #f7f7f7;	
font-weight: normal; 
color: #7f7f7f;
font-size: 11px;
line-height: 15px;
padding: 10px 0px 10px 25px;
margin: 0px;
border-bottom: 1px solid #cacaca;
}

.td-carrello5{
font-weight: normal; 
color: #000000;
font-size: 18px;
line-height: 15px;
padding: 10px 25px 10px 25px;
margin: 0px;
text-align: right;
}

hr{
color: #7f7f7f;
background-color: #7f7f7f;	
}

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

#box11 h5{
	text-align:right;
}

#box11 h5 a{
	color:#ffffff;
}

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

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


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

.edit-icon{
	position: absolute;
	right: 15px;
	top:5px;
}
/* ------------------------------------- footer -----------------------*/	

/*footer*/

#footer{
	position:relative; float:left; clear:left; 
	width:976px; height:auto;	
	background-color: #F9FBFC;
	padding: 15px;
	font-size:12px; color:#5a5959; 
}


#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: 20px;
}		

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: rgba(110, 180, 55, 1);
}

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

.vocimenuMacro{

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

.vocimenuB{

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

.vocimenu{

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

.vocimenu_disabled{

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


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

.tbAgente {
	background-color:#1b5fc1; /*colore da cambiare*/
	color:white;	
}

.bottoneGrey{

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

.bottoneGreen{

	background-color:#1b5fc1; /*colore da cambiare*/
	border: 0px solid;
	width: auto;
	height: auto;
	font-size: 100%;
	color: #fff;
    padding: 5px;
	
	font-size: 13px; 
	font-family: AvantGarde Md BT, Helvetica, Arial, sans serif;
}


.tbOrari{
	background-color: #737277; 
	text-align: center;
}
								
								/* Tooltip container */
								.tooltip {
									position: relative;
									display: inline-block;
									border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
								}

								/* Tooltip text */
								.tooltip .tooltiptext {
									visibility: hidden;
									width: 300px;
									background-color: white;
									color: #00
									text-align: center;
									padding: 5px;
									border-radius: 6px;
									border-style: solid;
									border-color: black black black black;
									 border-width:1px;
								 
									/* Position the tooltip text - see examples below! */
									position: absolute;
									z-index: 1;
								}

								/* Show the tooltip text when you mouse over the tooltip container */
								.tooltip:hover .tooltiptext {
									visibility: visible;
								}
								/* css per bottone*/

								.buttonPromo {
									height=5px;
								  font-family: arial;
								  font-weight: bold;
								  color: #FFFFFF !important;
								  font-size: 10px;
								  text-shadow: 1px 1px 0px #205FA7;
								  box-shadow: 2px 2px 1px #BEE2F9;
								  padding: 2px 2px;
								  -moz-border-radius: 10px;
								  -webkit-border-radius: 10px;
								  border-radius: 10px;
								  border: 2px solid #3866A3;
								  background: #63B8EE;
								  background: linear-gradient(top,  #63B8EE,  #468CCF);
								  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
								  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
								  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
								}
								.buttonPromo:hover {
								  color: #FFFF40 !important;
								  background: #468CCF;
								  background: linear-gradient(top,  #468CCF,  #63B8EE);
								  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
								  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
								  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
								}