/* *********
RESET CSS
********* */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, label,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline; HO DOVUTO TOGLIERLO PER ALLINEARE MIDDLE LE IMMAGINI NELLE TABELLE*/ 
    background: transparent;
}
body {
    line-height: 0em;
}
hr {
  size:1px;
  height:1px;
  color:#f0f;
  width:100%;
  border-style:dotted;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
:focus {
    outline: 0;
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
p {
	line-stacking: 4em;
}
/* FINE DEL RESET */
@media all{
	#clear_left {clear:left;}
	#clear_right {clear:right;}
	.clear_left {clear:left;}
	.clear_right {clear:right;}
	.clear_both{clear: both;}
	html{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
	}
	body{
		line-height: 1em;
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 16px;
		font-weight: 300;
		font-family: Arial, Helvetica, sans-serif;
		background:#fff;
		width:100%;
		color:#222;
		overflow-x: hidden;
		background-color: #f0f0f0;
	}
	img{
		border:0;
		max-width:100%;
		max-height: 100%;
	}
	input[type=text],
	input[type=password],
	input[type=email],
	input[type=tel],
	input[type=button],
	textarea,
	select{font-family: Arial, Helvetica, sans-serif;}
	.inputtext{
		width: calc(100% - 40px);
		max-width: 500px;
		padding: 15px 20px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		margin: 0 0 10px 0;
		font-size: 18px;
	}
	.inputtextnumerici{
		width: calc(100% - 40px);
		max-width: 225px;
		padding: 15px 20px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		margin: 0 0 10px 0;
		font-size: 18px;
	}
	.inputtextnumericipadding{
		margin: 0 10px 10px 0;
	}
	.inputtextarea{
		width: calc(100% - 40px);
		max-width: 500px;
		padding: 15px 20px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		margin: 0 0 10px 0;
		font-size: 18px;
		line-height: 1.5em;
		height: 100px;
	}
	.selecttext{
		width: 100%;
		max-width: 540px;
		padding: 14px 15px;
		background-color: #e8e8e8;
		font-weight: 400;
		border: 0;
		margin: 0 0 10px 0;
		font-size: 18px;
	}
	.selecttipologia{
		width: 100%;
		max-width: 300px;
		padding: 14px 15px;
		background-color: #e5e5e5;
		font-weight: 400;
		border: solid 2px #e5e5e5;
		margin: 0 0 0 0;
		font-size: 20px;
	}
	.pulsanteinviodati{
		font-size: 20px;
		padding: 15px 20px;
		font-weight: 400;
		border: 0;
		width: 100%;
		max-width: 540px;
		margin: 0 0 0 0;
		cursor: pointer;
		background-color: #50bcec;
		color: #fff;
	}
	.fasciaselect{
		width: 100%;
		padding: 20px 0;
		/*background-color: #e5e5e5;*/
	}
	
    .fontweight200{font-weight: 200;} /* Extra Light */
    .fontweight300{font-weight: 300;} /* Light */
    .fontweight400{font-weight: 400;} /* Normal */
    .fontweight600{font-weight: 600;} /* Semi Bold */
    .fontweight700{font-weight: 700;} /* Bold */
    .fontweight900{font-weight: 900;} /* Ultra Bold */
	.colorfff{color:#fff;}
	.colorfff a, .color000 a:link{ color:#fff; text-decoration:none;}
	.colorfff a:hover, .colorfff a:focus, .colorfff a:active{
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
		color: #000;
	}
	.colornero{color:#000;}
	.colornero a, .colornero a:link{ color:#000; text-decoration:none;}
	.colornero a:hover, .colornero a:focus, .colornero a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #50bcec;
    }
	.colorpetrolio{color:#0f0;}
	.colorpetrolio a, .colorpetrolio a:link{color:#0f7474; text-decoration:none;}
	.colorpetrolio a:hover, .colorpetrolio a:focus, .colorpetrolio a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #000;
    }
	.colorarancio{color:#1279a5;}
	.colorarancio a, .colorarancio a:link{color:#1279a5; text-decoration:none;}
	.colorarancio a:hover, .colorarancio a:focus, .colorarancio a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #000;
    }
	.colorgrigio{color:#605f5f;}
	.colorgrigio a, .colorgrigio a:link{ color:#605f5f; text-decoration:none;}
	.colorgrigio a:hover, .colorgrigio a:focus, .colorgrigio a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #1279a5;
    }
	.colorgrigiochiaro{color:#909090;}
	.colorgrigiochiaro a, .colorgrigiochiaro a:link{ color:#909090; text-decoration:none;}
	.colorgrigiochiaro a:hover, .colorgrigiochiaro a:focus, .colorgrigiochiaro a:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
        color: #000;
    }
	a.scopridipiu, a.scopridipiu:link, a.scopridipiu:visited{
        color: #000;
		background-color: #50bcec;
		text-decoration:none;
		/*font-size: 14px;*/
		padding: 7px 20px;
		font-weight: 400;
	}
	a.scopridipiu:hover, a.scopridipiu:focus, a.scopridipiu:active{
        -webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
		color:#fff;
		background-color: #222;
		padding: 10px 40px;
		font-weight: 600;
    }
	.contenitoregrande{
		max-width:1360px;
		width:100%;
		margin:0 auto;
		line-height: 1em;
	}
	.bgbianco{
		background-color: #fff;
	}
	.container{
		max-width:960px;
		width:100%;
		margin:0 auto;
		line-height: 1em;
		/*background-color: #ff0;*/
	}
    .immaginemenu{
		max-width:1360px;
		width:100%;
		margin:0 auto;
		position: relative;
		padding: 0 0 0 0;
    }
	/* MENU */
	.spessoredimenu{padding: 110px 0 0 0;}
	.spessoredimenucookie{padding: 131px 0 0 0;}
	.bloccofixed{
		/*overflow: hidden;*/ /* in questo modo posso vedere il menù di secondo livello*/
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		width: 100%;
	}
	header{
		width: 100%;
		height: 110px;
		background-color: rgba(255, 255, 255, 0);
		-webkit-transition: height 0.3s;
		-moz-transition: height 0.3s;
		-ms-transition: height 0.3s;
		-o-transition: height 0.3s;
		transition: height 0.3s;
	}
	header .logo{
        line-height: 0;
		float: left;
		display: inline-block;
		width: 300px;
		height: 110px;
		background-color: #50bcec;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .sulladx{ /* mi serve in questo sito per definire la banda colorata sotto il menù visto ceh il logo sborda */
        line-height: 0;
		float: left;
		display: inline-block;
		width: calc(100% - 300px);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-color: #50bcec;
	}
	header .accessi{
		line-height: 0;
		float: right;
		display: inline-block;
		height: 20px;
		width: calc(100% - 360px);
		padding: 20px 60px 0 0;
		text-align: right;
		font-weight: 300;
		font-size: 14px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .menumobile{
		display: none;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .menu{
        float: right;
		display: inline-block;
		height: 40px;
		padding: 30px 60px 0 60px;
		margin: 0 0 0 0;
		text-align: right;
		font-weight: 500;
		/*font-size: 20px;*/
		font-size: 18px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-color: #fff;
	}
	header.smaller{
		height: 70px;
		box-shadow: 0px 0px 40px #000000;
		background-color: rgba(255, 255, 255, 0);
	}
	header.smaller .logo{
		width: 300px;
		height: 70px;
		padding: 0;
	}
	header.smaller .sulladx{ /* mi serve in questo sito per definire la banda colorata sotto il menù visto ceh il logo sborda */
		width: calc(100% - 300px);
	}
    header.smaller .accessi{
		height: 15px;
		width: calc(100% - 360px);
		padding: 15px 60px 0 0;
		font-size: 12px;
	}
	header.smaller .menu{
        float: right;
		display: inline-block;
		height: 25px;
		padding: 15px 60px 0 60px;
		margin: 0 0 0 0;
		font-size: 16px;
	}
		ul#link {
			list-style: none;
		}
		ul#link li {
			margin:0;
			padding: 5px 8px 5px 8px;
			display:inline-block;
			position: relative;
		}
		ul#link li:first-child {padding: 5px 8px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 8px;}
		ul#link li a {
			text-decoration:none;
			margin:0 0 0 0;
			color:#000;
		}
		ul#link li a:hover	{color: #50bcec;}
		/*ul#link li a.attivo{color: #000;}*/
	/* MENU */
    /* SLIDE */
    .flasciaslidehome{
		width:100%;
		margin:0 auto;
		position: relative;
    }
    .immagineslidehome{
        position: relative;
        z-index: 2;
        height: 660px;
		background-position: 50% 0;
		background-repeat: no-repeat;
    }
    .txtslide{
        width: 100%;
		background-color: #000;
		text-align: center;
		
    }
    .txtslide h1{
		font-size: 32px;
        padding: 25px 0;
		line-height: 1em;
		font-weight: normal;
		text-align: center;
		color: #fff;
		font-family: impact;
		letter-spacing: 1px;
    }
    .frecceslide{
        position: absolute;
        z-index: 4;
        top: 270px;
		width: 100%;
    }
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.immagineinternatopcontatti{
		width:100%;
		margin:0 auto;
		height: auto;
	}
	.immagineinternatopgenerica{
		width:100%;
		margin:0 auto;
		height: 190px;
		background-position: 50% 0;
		background-repeat: no-repeat;
		position: relative;
	}
	.immagineinternatop{
		width:100%;
		margin:0 auto;
		height: 260px;
		background-position: 50% 0;
		background-repeat: no-repeat;
		position: relative;
    }
	.cartello{
		position: absolute;
		left: 30%;
		top: 70px;
		background-color: #1d1d1b;
		border: solid 8px #fff;
		color: #fff;
		font-size: 100px;
		line-height: 1em;
		font-family: Impact;
		padding: 5px 20px;
		box-shadow: 3px 3px 10px #aaa;
        -ms-transform: rotate(-12deg); /* IE 9 */
        -webkit-transform: rotate(-12deg); /* Safari */
        transform: rotate(-12deg);
	}
	/* FINE IMMAGINE INTERNA TOP */
	/* TESTO UNA RIGA */
	.testosingolariga{
		padding: 30px 0;
		line-height: 1.5em;
	}
	.testosingolariga h1{
		font-size: 40px;
		line-height: 1.5em;
		font-weight: 300;
		padding: 0 0 30px 0;
	}
	/* FINE TESTO UNA RIGA */
	/* HOME */
	.testohomeapertura{
		font-size: 20px;
		padding: 70px 15%;
		margin: 50px 0 40px 0;
		text-align: center;
		line-height: 1.5em;
		background-color: #f7f7f7;
	}
	/* FINE HOME */
	/* BOX */
	.box4{
		float: left;
		width: calc(25% - 10px);
		margin: 0 10px 0 0;
		position: relative;
		line-height: 0;
		font-size: 14px;
	}
	.box4:nth-child(4n+4) {margin: 0;}
	.box4padtext{padding: 0 10px 10px 10px;}
	.box3{
		float: left;
		width: 310px;
		margin: 30px 15px 30px 0;
		position: relative;
		line-height: 0;
		/*background-color: #f00;*/
		height: 480px;
	}
	.box3:nth-child(3n+3) {margin: 30px 0 30px 0;}
	.box2{
		float: left;
		width: calc(50% - 30px);
		margin: 15px 30px 15px 0;
		position: relative;
		line-height: 0;
	}
	.box2:nth-child(2n+2) {margin: 15px 0 15px 30px;}
	.box2testo{padding: 10px 0 0 0;}
	.btit{
		font-family: impact;
		font-size: 50px;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		background-color: #000;
		line-height: 1;
		padding: 20px 0;
		
	}
	.testuale{line-height: 1.5em;}
	.testodentrobox{padding: 10px;}
	.testodentrobox h2{
		font-weight: 200;
		font-size: 18px;
	}
	.testodentrobox h1{
		font-weight: 700;
		font-size: 26px;
	}
	.box3grandezzatesto{
		font-size: 13px;
		line-height: 1.5em;
	}
	.box3titolo{
		font-size: 16px;
		font-weight: 600;
	}
	.box3prezzo{
		line-height: 1.6em;
		font-size: 18px;
		font-weight: 700;
	}
	.box3mq{
		font-size: 17px;
	}
	.titolonuoveopportunita{
		font-size: 34px;
		font-weight: 300;
		text-transform: uppercase;
		padding: 0 0 30px 0;
	}
	/* FINE BOX */
	/* NUOVE OPPORTUNITA */
	.nuoveopportunita{
		background-color: #e7e7e7;
		margin: 80px 0 0 0;
		padding: 40px 0;
		
	}
	/* FINE NUOVE OPPORTUNITA */
	/* DETTALGLIO */
	.fasciatitolo{
		padding: 20px 0;
		width: 100%;
		background-color: #000;
		font-family: Impact;
	}
	.titolotendina{
		float: left;
		padding: 8px 0 0 0;
		width: 70%;
		line-height: 1em;
		font-size: 33px;
		letter-spacing: 1px;
		/*text-transform: uppercase;*/
		font-weight: 400;
	}
	.selectlivello{
		float: left;
		width: 30%;
		line-height: 1em;
		text-align: right;
	}
	.titolone{
		float: left;
		width: 50%;
		line-height: 1em;
		font-size: 38px;
		/*font-weight: 600;*/
	}
	.prezzone{
		float: left;
		width: 50%;
		line-height: 1em;
		text-align: right;
		font-size: 38px;
		/*font-weight: 600;*/
	}
	.padddettaglio{padding: 30px 0;}
	.infilataimmagini{
		float: left;
		width: 635px;
		padding: 0 15px 0 0;
	}
	.txtdett{
		float: right;
		width: calc(100% - 650px);
		padding: 0 0 10px 0;
		font-size: 13px;
		line-height: 1.5em;
	}
	.dettagliotestosx{
		float: left;
		width: 50%;
	}
	.dettagliotestosxtitolo{
		font-size: 16px;
		font-weight: 600;
	}
	.dettagliotestosxmq{font-size: 17px;}
	.righettadettagliotab{
		border-bottom: solid 1px #ccc;
		/*background-color: #00f;*/
	}
	.dettagliotestodx{
		float: left;
		width: 50%;
		text-align: right;
		font-weight: 600;
	}
	.miniature{
		padding: 15px 0 0 0;
		line-height: 0em;
	}
	/*miniature .box{
		float: left;
		width: calc(20% - 5px);
		margin: 0 5px 5px 0;
		padding: 0 0 0 0;
	}
	.miniature .box:nth-child(5n+5){margin: 0 0 5px 0;}*/
	ul.iconezoom li{
		float: left;
		width: calc(20.15% - 5px);
		margin: 0 5px 5px 0;
		padding: 0 0 0 0;
	}
	ul.iconezoom li:nth-child(5n+5){margin: 0 0 5px 0;}
	ul.iconezoom li img{cursor: pointer;}
	/*.miniaturemobile{display: none;}*/
	/* FINE DETTALGLIO */
	/* MAPPA PLACE */
	.mappaplace{width: 100%;}
	/* FINE MAPPA PLACE */
	/* BOTTOM */
	.bottom{
		background-color: #fff;
		padding: 50px 0 20px 0;
	}
	.bottom{
		background-color: #fff;
		padding: 0 0 20px 0;
	}
	.bottom .boxbordato{
		border-top: solid 1px #50bcec;
		border-bottom: solid 1px #50bcec;
		text-align: center;
		padding: 0px 0 40px 0;
		margin: 0 0 20px 0;
		font-size: 16px;
		line-height: 1.5em;
	}
	.bottom .boxbordato img{
		width: 200px;
	}
	.datiazienda{
		margin: 0px 0 0 0;
		padding: 20px 0 0 0;
		text-align: center;
		font-size: 13px;
	}
	.datiazienda li{
		display: inline;
		margin: 0 7px 0 7px;
		padding: 0 0 0 0;
	}
	/* FINE BOTTOM */
	.hoverhref{
		text-decoration: none;
		position:absolute;
		display:block;
		top:0;
		bottom:0;
		left:0;
		right:0;
		color: #fff;
		overflow: hidden;
		background-image: url(/res/img/scopri.png);
		background-position: 50% -110px;
		background-repeat: no-repeat;
	}
	.hoverhref:hover{
		color: #fff;
		display: block;
		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease; 
		transition: all 0.3s ease;
		background-color:rgba(255, 255, 255, 0.75);
		background-position: 50% 50%;
	}	
	.path{padding: 15px 0; background-color: #e5e5e5; font-size: 13px; line-height: 1.1em}
	.mapinterna{
		width: 100%;
	}
  
}


















@media all and (max-width: 1400px){
	.contenitoregrande{max-width:1200px;}
    /* SLIDE */
    .immagineslidehome{height: 582px;}
    .frecceslide{top: 260px;}
    .titoloslide{font-size: 30px;}
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 35%;
		top: 90px;
		border: solid 7px #fff;
		font-size: 90px;
	}
	/* FINE IMMAGINE INTERNA TOP */
	
	
	/* MENU */
	header .menu{
		font-size: 17px;
	}
		ul#link li {
			padding: 5px 6px 5px 6px;
		}
		ul#link li:first-child {padding: 5px 6px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 6px;}
	/* FINE MENU */
	
}
















@media all and (max-width: 1260px){
	.contenitoregrande{max-width:1100px;}
	/* MENU */
	/*header .menu{font-size: 19px;}
	ul#link li {padding: 5px 9px 5px 9px;}
	ul#link li:first-child {padding: 5px 9px 5px 0;}
	ul#link li:last-child {padding: 5px 0 5px 9px;}*/
		header .menu{font-size: 15px;}
		ul#link li {padding: 5px 5px 5px 5px;}
		ul#link li:first-child {padding: 5px 5px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 5px;}
	/* MENU */
    /* SLIDE */
    .immagineslidehome{height: 534px;}
    .frecceslide{top: 250px;}
	.titoloslide{font-size: 28px;}
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 37%;
		top: 100px;
		border: solid 6px #fff;
		font-size: 80px;
	}
	/* FINE IMMAGINE INTERNA TOP */
}


















@media all and (max-width: 1160px){
	.contenitoregrande{max-width:1000px;}
	/* MENU */
	/*header .accessi{font-size: 13px;}
	header .menu{
		font-weight: 400;
		font-size: 18px;
	}
	ul#link li {padding: 5px 8px 5px 8px;}
	ul#link li:first-child {padding: 5px 8px 5px 0;}
	ul#link li:last-child {padding: 5px 0 5px 8px;}*/
	
	/*header .menu{font-size: 19px;}
	ul#link li {padding: 5px 9px 5px 9px;}
	ul#link li:first-child {padding: 5px 9px 5px 0;}
	ul#link li:last-child {padding: 5px 0 5px 9px;}*/
		header .accessi{
			font-size: 13px;
			padding: 20px 30px 0 0;
		}
		header .menu{
			font-weight: 400;
			font-size: 15px;
			padding: 30px 30px 0 65px;
		}
		ul#link li {padding: 5px 5px 5px 5px;}
		ul#link li:first-child {padding: 5px 5px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 5px;}
	/* MENU */
    /* SLIDE */
    .immagineslidehome{height: 485px;}
    .frecceslide{top: 220px;}
	.titoloslide{font-size: 26px;}
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 40%;
		top: 120px;
		border: solid 5px #fff;
		font-size: 70px;
	}
	/* FINE IMMAGINE INTERNA TOP */
}















@media all and (max-width: 1020px){
	.contenitoregrande{max-width:900px;}
	.container{max-width:860px;}
	/* MENU */
	.spessoredimenu{padding: 80px 0 0 0;}
	.spessoredimenucookie{padding: 101px 0 0 0;}
	header{height: 80px;}
	header .logo{
		width: 250px;
		height: 80px;
		padding: 0;
		/*background-color: #fff;*/
	}
	header .sulladx{ /* mi serve in questo sito per definire la banda colorata sotto il menù visto ceh il logo sborda */
        line-height: 0;
		float: left;
		display: inline-block;
		width: calc(100% - 250px);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-color: #50bcec;
	}
	header .accessi{
		height: 15px;
		width: calc(100% - 230px);
		padding: 15px 30px 0 30px;
		font-size: 13px;
	}
	header .menu{
		height: 30px;
		padding: 20px 30px 0 30px;
		font-size: 14px;
		background-color: #fff;
	}
	header.smaller .logo{padding: 0;}
	header.smaller .sulladx{width: calc(100% - 300px);}
    header.smaller .accessi{
		height: 15px;
		width: calc(100% - 60px);
		padding: 15px 30px 0 0;
		font-size: 12px;
	}
	header.smaller .menu{
		/*width: calc(100% - 60px);*/
		padding: 15px 30px 0 30px;
		margin: 0 0 0 0;
		font-size: 15px;
	}
		ul#link li {padding: 5px;}
		ul#link li:first-child {padding: 5px 5px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 5px;}
	/* MENU */
	/* HOME */
	.testohomeapertura{
		font-size: 18px;
		padding: 50px 10%;
		margin: 30px 0 20px 0;
		text-align: center;
		line-height: 1.5em;
		/*background-color: #f07;*/
	}
	.box4{
		width: calc(25% - 5px);
		margin: 0 5px 0 0;
		font-size: 14px;
	}
	.box4padtext{
		padding: 0 5px 5px 5px;
		font-size: 13px;
	}
	.box3{
		width: 280px;
		margin: 25px 10px 25px 0;
		height: 465px;
		/*background-color: #ff0;*/
	}
	.box3:nth-child(3n+3) {margin: 25px 0 25px 0;}
	.box2{
		width: calc(50% - 20px);
		margin: 15px 20px 15px 0;
	}
	.box2:nth-child(2n+2) {margin: 15px 0 15px 20px;}
	.testuale{line-height: 1.4em;}
	.testodentrobox h2{font-size: 16px;}
	.testodentrobox h1{font-size: 22px;}
	.titolonuoveopportunita{
		font-size: 30px;
		padding: 0 0 20px 0;
	}
	/* FINE HOME */
    /* SLIDE */
    .immagineslidehome{height: 437px;}
    .frecceslide{top: 280px;}
    .titoloslide{
		font-size: 24px;
        padding: 20px 0;
    }
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 35%;
		top: 125px;
		border: solid 5px #fff;
		font-size: 65px;
	}
	/* FINE IMMAGINE INTERNA TOP */
	/* TESTO UNA RIGA */
	.testosingolariga{padding: 25px 0;}
	.testosingolariga h1{
		font-size: 36px;
		padding: 0 0 20px 0;
	}
	/* FINE TESTO UNA RIGA */
	/* DETTALGLIO */
	.fasciatitolo{
		padding: 15px 0;
		width: 100%;
		/*background-color: #ec6707;*/
	}
	.titolotendina{
		padding: 12px 0 0 0;
		width: 70%;
		font-size: 28px;
	}
	.titolone{font-size: 30px;}
	.prezzone{font-size: 30px;}
	.padddettaglio{padding: 30px 0;}
	.infilataimmagini{
		width: 565px;
		padding: 0 15px 0 0;
	}
	.txtdett{
		width: calc(100% - 580px);
		font-size: 13px;
		line-height: 1.5em;
	}
	/*.miniature{padding: 20px 0;}*/
	/* FINE DETTALGLIO */
	/* BOTTOM */
	.bottom{padding: 35px 0 15px 0;}
	.bottom .boxbordato{
		/*border: solid 9px #50bcec;*/
		/*padding: 18px;*/
		font-size: 15px;
		line-height: 1.4em;
	}
	.bottom .boxbordato img{width: 190px;}
	.datiazienda{
		margin: 30px 0 0 0;
		padding: 20px 0 0 0;
		/*border-top: solid 1px #e8e8e8;*/
		text-align: center;
	}
	.datiazienda li{
		display: block;
		margin: 10px 0 10px 0;
		padding: 0 0 0 0;
        text-align: center;
	}
	/* FINE BOTTOM */
}




















@media all and (max-width: 940px){
	.contenitoregrande{max-width:740px;}
	.container{max-width:700px;}
	body{font-size: 14px;}
	/* MENU */
	.spessoredimenu{padding: 80px 0 0 0;}
	.spessoredimenucookie{padding: 101px 0 0 0;}
	header{height: 80px;}
	header .logo{
		width: 200px;
		height: 80px;
		padding: 0 0 0 0;
		/*background-color: #fff;*/
	}
	header .sulladx{
        line-height: 0;
		float: left;
		display: inline-block;
		width: calc(100% - 200px);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		background-color: #50bcec;
		/*background-color: #000;*/
	}
	header .accessi{
		height: 15px;
		width: calc(100% - 120px);
		padding: 15px 15px 0 15px;
		font-size: 12px;
	}
	header .menu{
		height: 30px;
		padding: 20px 10px 0 10px;
		font-size: 13px;
	}
	header.smaller .logo{padding: 0;}
	header.smaller .sulladx{width: calc(100% - 300px);}
    header.smaller .accessi{
		height: 15px;
		/*width: calc(100% - 60px);*/
		padding: 15px 30px 0 0;
		font-size: 12px;
	}
	header.smaller .menu{
		/*width: calc(100% - 60px);*/
		padding: 15px 30px 0 30px;
		margin: 0 0 0 0;
		font-size: 15px;
	}
		ul#link li {padding: 5px 3px;}
		ul#link li:first-child {padding: 5px 3px 5px 0;}
		ul#link li:last-child {padding: 5px 0 5px 3px;}
	/* MENU */
	/* HOME */
	.testohomeapertura{
		/*font-size: 18px;
		padding: 50px 10%;
		margin: 30px 0 20px 0;
		text-align: center;
		line-height: 1.5em;
		background-color: #f07;*/
	}
	.box4{
		width: calc(33.33% - 10px);
		margin: 0 10px 0 0;
		font-size: 14px;
	}
	.box4:nth-child(3n+3) {margin: 0;}
	.box4:nth-child(4n+4) {display: none;}
	.box4padtext{
		padding: 0 5px 5px 5px;
		font-size: 14px;
	}
	.box3{
		width: 230px;
		margin: 20px 5px 20px 0;
		height: 430px;
		/*background-color: #0ff;*/
	}
	.box3:nth-child(3n+3) {margin: 20px 0 20px 0;}
	.btit{
		font-family: impact;
		font-size: 35px;
		letter-spacing: 3px;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		background-color: #000;
		line-height: 1;
		padding: 20px 0;
		
	}
	.box2{
		width: calc(50% - 10px);
		margin: 15px 10px 15px 0;
	}
	.box2:nth-child(2n+2) {margin: 15px 0 15px 10px;}
	.testuale{line-height: 1.4em;}
	.testodentrobox{padding: 5px;}
	.testodentrobox h2{font-size: 14px;}
	.testodentrobox h1{font-size: 18px;}
	.titolonuoveopportunita{font-size: 25px;}
	/* FINE HOME */
    /* SLIDE */
    .immagineslidehome{height: 359px;}
    .frecceslide{top: 240px;}
    .titoloslide{
		font-size: 22px;
        padding: 16px 0;
    }
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 45%;
		top: 135px;
		border: solid 5px #fff;
		font-size: 60px;
	}
	/* FINE IMMAGINE INTERNA TOP */

	/* TESTO UNA RIGA */
	.testosingolariga{padding: 20px 0;}
	.testosingolariga h1{
		font-size: 32px;
		padding: 0 0 25px 0;
	}
	/* FINE TESTO UNA RIGA */
	/* DETTALGLIO */
	.fasciatitolo{
		padding: 10px 0;
		width: 100%;
	}
	.titolotendina{
		padding: 15px 0 0 0;
		font-size: 22px;
	}
	.titolone{font-size: 24px;}
	.prezzone{font-size: 24px;}
	.padddettaglio{padding: 30px 0;}
	.infilataimmagini{
		float: left;
		width: 450px;
		padding: 0 15px 0 0;
	}
	.txtdett{
		width: calc(100% - 465px);
		font-size: 13px;
		line-height: 1.5em;
	}
	/*.miniature{padding: 15px 0;}*/
	/*.miniature .box{width: calc(25% - 5px);}
	.miniature .box:nth-child(5n+5){margin: 0 5px 5px 0;}
	.miniature .box:nth-child(4n+4){margin: 0 0 5px 0;}*/
	ul.iconezoom li{
		float: left;
		width: calc(25.25% - 5px);
		margin: 0 5px 5px 0;
		padding: 0 0 0 0;
	}
	ul.iconezoom li:nth-child(5n+5){margin: 0 5px 5px 0;}
	ul.iconezoom li:nth-child(4n+4){margin: 0 0 5px 0;}
	
	
	/* FINE DETTALGLIO */
	/* BOTTOM */
	.bottom{padding: 30px 0 15px 0;}
	.bottom .boxbordato{
		/*border: solid 8px #50bcec;
		padding: 17px;*/
		font-size: 14px;
		line-height: 1.3em;
	}
	.bottom .boxbordato img{width: 180px;}
	/* FINE BOTTOM */
}

















@media all and (max-width: 760px){
	.container{max-width:460px;}
	.inputtextnumerici{max-width: 500px;}
	.inputtextnumericipadding{margin: 0 0 10px 0;}
	.inputtextarea{height: 120px;}
	/* MENU */
	.spessoredimenu{padding: 70px 0 0 0;}
	.spessoredimenucookie{padding: 151px 0 0 0;}
	header{height: 90px;}
	header .menumobile{
		display: block;
		position: absolute;
		top: 15px;
		right: 15px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header.smaller .menumobile img{
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-ms-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
	}
	header .logo{
		width: 200px;
		height: 70px;
		padding: 0;
		/*background-color: #00f;*/
	}
	header .sulladx{ /* mi serve in questo sito per definire la banda colorata sotto il menù visto ceh il logo sborda */
		width: calc(100% - 200px);
		height: 70px;
	}
	header .accessi{
		display: none;
		/*height: auto;
		width: calc(100% - 15px);
		line-height: 1.2em;
		padding: 10px 15px 0 0;
		font-size: 12px;*/
	}
	header .menu{display: none;}
	header.smaller{height: 50px;}
	header.smaller .logo{
		width: 170px;
		height: 50px;
		padding: 0;
	}
	header.smaller .sulladx{
		width: calc(100% - 170px);
		height: 50px;
	}
	header.smaller .menumobile{
		top: 8px;
		right: 12px;
	}
	header.smaller .menumobile img{
		height: 34px;
	}
    /*header.smaller .accessi{
		height: 0;
		padding: 0;
		font-size: 0px;
	}*/
	header.smaller .menu{display: none;}
	/* MENU */
	/* HOME */
	.testohomeapertura{
		font-size: 17px;
		padding: 35px 7%;
		margin: 30px 0 20px 0;
		text-align: center;
		line-height: 1.5em;
		/*background-color: #70f;*/
	}
	.box4{
		width: calc(50% - 10px);
		margin: 0 20px 0 0;
	}
	.box4:nth-child(2n+2) {margin: 0;}
	.box4:nth-child(3n+3) {margin: 0 20px 0 0;}
	.box4:nth-child(4n+4) {display: block;}
	.box4padtext{
		padding: 0 10px 10px 10px;
		font-size: 14px;
	}
	.box3{
		width: 100%;
		margin: 0 0 10px 0;
		height: auto;
	}
	.box2{
		width: calc(50% - 10px);
		margin: 15px 10px 15px 0;
	}
	.box2:nth-child(2n+2) {margin: 15px 0 15px 10px;}
	.titoli{
		float:right;
		width: 225px;
		margin: 0 0 10px 0;
	}
	.img{
		float:left;
		width: 225px;
		margin: 0 0 0 0;
		line-height: 0;
	}
	.txxx{
		float:right;
		width: 225px;
		margin: 0 0 0 0;
	}
	.testodentrobox{padding: 0;}
	.testodentrobox h2{font-size: 14px;}
	.testodentrobox h1{font-size: 18px;}
	.titolonuoveopportunita{
		font-size: 23px;
	}
	/* FINE HOME */
    /* SLIDE */
    .immagineslidehome{height: 300px;}
    .frecceslide{top: 100px;}
	.frecceslide img{width: 40px;}
    .titoloslide{
		font-size: 18px;
        padding: 15px 0;
		line-height: 1.3em;
    }
    /* FINE SLIDE */
	/* IMMAGINE INTERNA TOP */
	.cartello{
		left: 25%;
		top: 120px;
		border: solid 7px #fff;
		font-size: 70px;
	}
	/* FINE IMMAGINE INTERNA TOP */
	/* TESTO UNA RIGA */
	.testosingolariga{padding: 15px 0;}
	.testosingolariga h1{
		font-size: 30px;
		padding: 0 0 20px 0;
	}
	/* FINE TESTO UNA RIGA */
	/* DETTALGLIO */
	.fasciatitolo{
		padding: 10px;
		width: calc(100% - 20px);
	}
	.titolotendina{
		padding: 15px 0 0 0;
		width: 100%;
		font-size: 26px;
		text-align: center;
		padding: 10px 0 0 0;
	}
	.selectlivello{
		width: 100%;
		padding: 20px 0 0 0;
		text-align: center;
	}
	.titolone{
		width: 100%;
		font-size: 24px;
		text-align: center;
	}
	.prezzone{
		text-align: center;
		padding: 10px 0 0 0;
		width: 100%;
		font-size: 24px;
	}
	.infilataimmagini{
		width: 100%;
		padding: 0 0 0 0;
	}
	.txtdett{
		width: 100%;
		padding: 0 0 10px 0;
	}
	.dettagliotestosx{
		width: calc(50% - 10px);
		text-align: right;
		padding: 0 10px 0 0;
	}
	.dettagliotestodx{
		width: calc(50% - 10px);
		text-align: left;
		padding: 0 0 0 10px;
	}
	/*.miniature{padding: 15px 0;}*/
	/*.miniature .box{width: calc(25% - 4px);}
	.miniature .box:nth-child(5n+5){margin: 0 5px 5px 0;}
	.miniature .box:nth-child(4n+4){margin: 0 0 5px 0;}*/
	
	/* FINE DETTALGLIO */
	/* BOTTOM */
	.bottom{padding: 25px 0 20px 0;}
	.bottom .boxbordato{
		/*border: solid 7px #50bcec;*/
		/*padding: 13px;*/
		font-size: 13px;
		line-height: 1.3em;
	}
	.bottom .boxbordato img{width: 170px;}
	.datiazienda li{
		font-size: 12px;
		margin: 6px 0 6px 0;
		padding: 0 0 0 0;
        text-align: center;
	}
	/* FINE BOTTOM */	
}

















@media all and (max-width: 520px){
	body{font-size: 16px;}
	.container{
		/*max-width:320px;*/
		width:94%;
		margin:0 3%;
	}
	.immagineslidehome{display: none;}
    .txtslide h1{
		font-size: 26px;
        padding: 20px 0;
		/*line-height: 1em;
		font-weight: 200;
		text-align: center;
		color: #fff;
		font-family: impact;
		letter-spacing: 1px;*/
    }
	.frecceslide{display: none;}
	.flasciaslidehome{display: none;}
	/* HOME */
	.testohomeapertura{
		/*font-size: 22px;
		padding: 15px 0;
		line-height: 1.2em;*/
	}
	.box4{
		width:  100%;
		margin: 0;
	}
	.box4:nth-child(2n+2) {margin: 0;}
	.box4:nth-child(3n+3) {margin: 0 0 0 0;}
	.box3{margin: 0 0 30px 0;}
	.box2{
		width: 100%;
		margin: 10px 0 10px 0;
	}
	.box2:nth-child(2n+2) {margin: 10px 0 10px 0;}
	.titoli{
		float:none;
		width: 100%;
		margin: 0;
		}
	.img{
		float:none;
		width: 100%;
		margin: 0;
	}
	.txxx{
		float:none;
		width: 100%;
		margin: 0;
	}
	.testuale{line-height: 1.5em;}
	.testodentrobox{padding: 10px;}
	.testodentrobox h2{
		font-weight: 200;
		font-size: 18px;
	}
	.testodentrobox h1{
		font-weight: 700;
		font-size: 26px;
	}
	.titolonuoveopportunita{
		font-size: 23px;
		line-height: 1.2em;
	}
	/* FINE HOME */
	/* IMMAGINE INTERNA TOP */
	.immagineinternatopgenerica{display: none;}
	.immagineinternatop{display: none;}
	/* FINE IMMAGINE INTERNA TOP */
	/* TESTO UNA RIGA */
	.testosingolariga{
		padding: 10px 0;
		line-height: 1.5em;
	}
	.testosingolariga h1{
		font-size: 30px;
		padding: 0 0 15px 0;
	}
	/* FINE TESTO UNA RIGA */
	/* DETTALGLIO */
	.titolotendina{
		font-size: 18px;
		/*font-weight: 300;*/
	}
	.selectlivello{padding: 10px 0 0 0;}
	.titolone{
		font-size: 18px;
		font-weight: 300;
	}
	.prezzone{font-size: 20px;}
	.dettagliotestosx{
		width: calc(50% - 5px);
		padding: 0 5px 0 0;
	}
	.dettagliotestodx{
		width: calc(50% - 5px);
		padding: 0 0 0 5px;
	}
	.miniature{
		padding: 0 0 20px 0;
	}
	#zoomimage{display: none;}
	ul.iconezoom li{
		float: left;
		width: 100%;
		margin: 5px 0;
		padding: 0 0 0 0;
	}
	ul.iconezoom li:nth-child(5n+5){margin: 5px 0;}
	/*ul.iconezoom li img{cursor: pointer;}*/
	
	/*.miniaturemobile{
		display: block;
		padding: 0 0 10px 0;
	}*/
	/* FINE DETTALGLIO */
	/* BOTTOM */
	.bottom{padding: 25px 0 20px 0;}
	.bottom .boxbordato{
		/*border: solid 5px #50bcec;*/
		padding: 0 0 20px 0;
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 1.3em;
	}
	.bottom .boxbordato img{width: 130px;}
	.datiazienda li{
		/*display: block;
		margin: 0 15px 0 15px;
		padding: 0 0 0 0;
        text-align: center;*/
	}
	/* FINE BOTTOM */
	.presucc{display: none;}
	.path{display: none;}
}























@media all and (max-width: 380px){
	body{font-size: 14px;}
	.container{
		max-width:92%;
		padding: 0 4%;
	}
}
/*  S L I D E  */
.slideimg {
  width:100%;
  height: auto;
}
.slide {
  border: none; 
  opacity: 0; 
  filter:alpha(opacity=0);
  position: absolute; 
  top: 0; 
  left: 0;
}
.showMe {
  opacity: 1;
  filter:alpha(opacity=100);
}
/* MAPPA CLIENTI */
#map{
	position: relative;
	width: 100%;
	height: 600px;
}
#map img {
	max-width: none;
	max-height: none;
}
.miniature .box img{cursor: pointer;}





.box {
  padding: 0;
}

.box {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}