@charset "UTF-8";
/* CSS Document */

/* reset form */


/* reset ************************************************************************************************************************************************/
body{margin:0;padding:0;font-size:1em;line-height:1.2em;color:#000;background-color:#fff;box-sizing: border-box;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif;}
body div{box-sizing: border-box}
ul, ol {margin:0;padding:0;list-style:none}
img, a{border:0}
a{color:#03F;text-decoration:underline}
a:hover{text-decoration:underline}
img{width:100%;height:auto;float:left}
p{/* padding-top:2%; */margin:0;font-size: 0.8em;}
ul{margin-top:2%}
ol li {display:inline-block;width:100%;}
input{height:15px}
label{vertical-align:middle}
input, textarea, select{border:none;padding:1%; background: #000; border: 0;border-radius: 0;background-color:#ecebe8;vertical-align:middle}
input:focus, select:focus, textarea:focus{ color:#000; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;outline:none;background-color:#f5f4f3}


/* generale ************************************************************************************************************************************************/

#contieni {margin:auto;text-align:center;width:100%;float:left;position:relative}
#contieni .row{width: 100%; float: left}
#contieni .header{width:100%;float:left}
#contieni .header .logo{width:100%;float:left;background-color:#fff;padding:2%;text-align:center}
#contieni .header .logo img{float:none;width:170px}
#contieni .header .top-foto{width:100%;float:left;position:relative}
#contieni .header .top-foto img{width:100%;float:left}
#contieni .header .top-foto h1{position:absolute;width:100%;padding: 2.2%;background-color: rgba(144, 128, 115, 0.7);text-transform: uppercase;color:#fff;font-size: 3.5em;font-weight: 400;line-height: 0.9;box-sizing: border-box;margin-top:2%;}
#contieni .header .top-foto h1 strong{width:100%;display:block;font-size: 0.5em;margin-top: 1%;font-weight: 200;}
#contieni .wrapper {width:100%;float:left;position:relative}
#contieni .wrapper .prodotti{width:100%;float:left;background-color:#e4e4e4;padding: 21% 10% 6% 10%;box-sizing: border-box;}
#contieni .wrapper .prodotti h2{width:100%;float:left;text-transform: uppercase;color: #704a4e;text-align: center;font-weight:600;}
#contieni .wrapper .prodotti .col-sx{width: 100%;padding-right: 0;float:left;}
#contieni .wrapper .prodotti .col-dx{width: 100%;padding-left: 0;float:left;}
#contieni .wrapper .prodotti .col-dx p{width:100%;float:left;text-align: center;font-weight: 300;line-height: 1.5;font-size:0.9em;}
#contieni .wrapper .prodotti .col-sx p{width:100%;float:left;text-align: center;font-weight: 300;line-height: 1.5;font-size:0.9em;}
#contieni .wrapper .prodotti p.evidenza{width:100%;float:left;text-align: center;font-weight: 300;line-height: 1.5;background-color: #fff;margin-bottom: 3%;margin-top: 3%;padding: 2% 2%;box-sizing: border-box;color: #704a4e;text-transform: uppercase;font-size: 0.9em;font-weight: 500;line-height: 1.6;/* border: 1px solid #704a4e; */}
#contieni .wrapper .prodotti .col-dx p strong{font-weight:500}
#contieni .wrapper .prodotti .col-sx p strong{font-weight:500}
#contieni .footer p{width: 65%;float: left;padding:2% 8% 4% 8%;box-sizing: border-box;font-size: 0.7em;text-align: left;}
#contieni .wrapper .foto{width:100%;float:left;box-sizing:border-box}
#contieni .wrapper .foto ul{width:100%;float:left;margin-top: 0}
#contieni .wrapper .foto ul li{width:25%;float:left;background-color:#e4e4e4;}
#contieni .wrapper .foto ul li .referenza{width:100%;float:left;position:relative}
#contieni .wrapper .foto ul li .referenza.marginTop{margin-top: 30%}    
#contieni .wrapper .foto ul li .referenza img{width:100%;float:left}
#contieni .wrapper .foto ul li .referenza .didascalia{position:absolute;padding: 5% 7%;width:100%;bottom:0px;background-image:linear-gradient(to top, rgba(0,0,0,0.9), rgba(0,0,0,0));}
#contieni .wrapper .foto ul li .referenza .didascalia h3{width: 100%; float: left;text-align:left;text-transform: uppercase;color: #fff;}
#contieni .wrapper .foto ul li .referenza .didascalia h3 span{width: 100%;float: left;font-weight: 300;font-size: 0.7em;text-transform: none;margin-top: 1%;}
#contieni .wrapper .chi-siamo{width:100%;float:left;box-sizing:border-box;padding: 5% 10% 3% 10%;}
#contieni .wrapper .chi-siamo h2{width:50%;float:left;text-transform: uppercase;color: #704a4e;text-align:left;font-weight:600;}
#contieni .wrapper .chi-siamo .foto{width:50%;float:left}
#contieni .wrapper .chi-siamo .foto img{width:100%;float:left}
#contieni .wrapper .chi-siamo .col-dx{width:50%;float:left;padding: 2% 3%}
#contieni .wrapper .chi-siamo .col-dx p{width: 100%;float: left;text-align: left;font-weight: 300;line-height: 1.5;font-size: 0.9em;}
#contieni .wrapper .contatti{position: absolute;width: 45%;background-color: #fff;box-sizing: border-box;padding: 1% 4% 1% 4%;top: -400px;left: 28%;}
#contieni .wrapper .contatti h2{width: 100%;text-align:center;text-transform: uppercase;color: #704a4e;font-weight: 600;font-size: 1.3em;margin-bottom: 3%;}
#contieni .wrapper .contatti form {width:100%;float:left}
#contieni .wrapper .contatti ul.form {width:100%;float:left}
#contieni .wrapper .contatti ul.form li {width:100%;float:left;margin-bottom:4%}
#contieni .wrapper .contatti ul.form li.required {text-align:left;font-size: 0.65em;margin-bottom: 1%;margin-top: 1%;}
#contieni .wrapper .contatti ul.form li input {width:100%;float:left;background-color:#fff;box-sizing:border-box;height: 33px;text-align: center;text-transform: uppercase;border: 1px solid #cccccd;box-shadow:none;-webkit-shadow: none;-moz-shadow: none;-o-shadow: none;}
#contieni .wrapper .contatti ul.form li textarea {width:100%;float:left;background-color:#fff;box-sizing: border-box;border: 1px solid #cccccd;}
#contieni .wrapper .contatti form button {width: 100%;background:#704a4e;border: 0;padding: 2%;text-transform: uppercase;color:#fff;font-size: 0.85em;
	margin-bottom: 5%}

#contieni .wrapper .contatti form ul.form li input::-webkit-input-placeholder {color:#000;text-align:center;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li input:-ms-input-placeholder {color:#000;text-align:center;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li input::-ms-input-placeholder {color:#000;text-align:center;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li textarea::-webkit-input-placeholder {color:#000;text-align:center;text-transform:uppercase;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li textarea:-ms-input-placeholder {color:#000;text-align:center;text-transform:uppercase;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li textarea::-ms-input-placeholder {color:#000;text-align:center;text-transform:uppercase;font-family: 'Montserrat', sans-serif, Arial, Helvetica, sans-serif}
#contieni .wrapper .contatti form ul.form li.informativa {text-align: left;font-size: 0.7em;margin-bottom: 1%;}
#contieni .wrapper .contatti form ul.form li.informativa a{color: #000;width: 100%;float: left;}
#contieni .wrapper .contatti form ul.form li.informativa input{width:auto;float:left;margin-right: 10px;height: 30px;}
#contieni .wrapper .contatti form ul.form li.informativa span{width:auto;float:left;/* height: 30px; */margin-top: 8px;}
.inline-nascondi {display: none}




#contieni .footer{width:100%;float:left;box-sizing:border-box;padding: 3% 4%;text-align:center;background-color: #ffffff;}
#contieni .footer p{width:100%;float:left;text-align:center;font-size: 0.7em;padding-top: 1%;}
#contieni .footer p a{text-decoration: none; color: #000}
#contieni .footer .logo{width:100%;float:left;padding:2%;text-align:center;padding-bottom: 0;}
#contieni .footer .logo img {float:none;width: 110px;}
.privacy{padding: 5%}
.privacy h2{text-transform:uppercase;font-size:1.3em;margin-bottom:3%;}
.privacy p{margin-bottom:2%}
.privacy p a{color:#000;text-decoration:none}


@media only screen and (max-width:1400px){ 
#contieni .wrapper .contatti {top: -360px;}
}

@media only screen and (max-width:1300px){ 
#contieni .wrapper .contatti {top: -340px;}
#contieni .wrapper .prodotti {padding: 28% 10% 6% 10%}
}


@media only screen and (max-width:1200px){ 
#contieni .wrapper .contatti {
	top: -310px}
}

@media only screen and (max-width:1100px){
	#contieni .wrapper .contatti {
		top: -270px}
	#contieni .wrapper .prodotti {
    padding: 35% 10% 6% 10%;
}

@media only screen and (max-width:1000px){
	#contieni .wrapper .contatti {position:relative;float:left;left:0;top:0;width:100%;padding: 5% 10%;}
	#contieni .wrapper .prodotti {padding: 5% 10% 6% 10%}
	#contieni .wrapper .contatti form button {padding: 1.5%}
	#contieni .header .top-foto h1 {font-size: 3.2em}
	#contieni .wrapper .contatti h2 {font-size: 1.5em}
	#contieni .wrapper .foto ul li {background-color:#fff}
	#contieni .header .top-foto h1 strong {font-weight:300}
	#contieni .wrapper .chi-siamo {padding: 10% 10% 3% 10%}
}
	
	
@media only screen and (max-width:800px){ /* solo smartphone */
	
}

@media only screen and (max-width: 700px){ /* tablet e smartphone portrait */
	#contieni .wrapper .foto ul li {width:50%}
	#contieni .wrapper .foto ul li .referenza.marginTop{margin-top:0px}
	#contieni .header .logo {padding: 4%}
	#contieni .header .logo img{width: 110px}
	#contieni .header .top-foto h1 {font-size: 2em;padding:4%;margin-top:5%}
	#contieni .header .top-foto h1 strong{margin-top: 2%}
	#contieni .wrapper .prodotti p.evidenza{margin-top: 7%;padding: 7%;font-size: 0.85em;}
	#contieni .wrapper .contatti form button {padding: 3.5%}
	#contieni .wrapper .chi-siamo .foto {width: 100%}
	#contieni .wrapper .chi-siamo .col-dx {width: 100%;padding: 3% 0}
	#contieni .wrapper .chi-siamo h2 {width: 100%;text-align: center}
	#contieni .wrapper .chi-siamo .col-dx p {text-align: center}
	#contieni .wrapper .contatti h2 {margin-bottom: 7%}
	#contieni .footer .logo img {float: none;width: 85px}
	
}



@media only screen and (max-width:560px){ 
	
}