@charset "UTF-8";
/* Contenuto fluido semplice
   Nota: per i contenuti di tipo fluido è necessario rimuovere gli attributi di altezza e larghezza del contenuto dal codice HTML
   http://www.alistapart.com/articles-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 non supporta max-width, quindi viene usata per impostazione predefinita la larghezza 100% */
.ie6 img {
	width:100%;
}
html {
  scroll-behavior: smooth;
}

body {
	margin:0;
	padding:0;
	font-family: 'Roboto', sans-serif;
	font-weight:100;
text-transform:uppercase;
	font-size:0.8em;
	letter-spacing:0.1em;
	color:#A4958E;
}

img {
	height:auto;
	width: auto;
	margin:0;
	padding:0;

	
	
	
}

a {
	text-decoration:none;
	color:inherit;
}
a:hover {
	text-decoration:underline;
	
}
#menu a:hover {
color:#fff;
	
}
ul, li {
	margin:0;
	padding:0;
}
.centrato {
	width:100%;
	background-color:#FFF;
	

}

#intestazione {
	padding-top:30px;
	width:100%;
	
	
}
#logo {
	float:left;
	padding-left:2%;
	width: 48%;
	
}
#contatti {
	background-color:#B10057; 
	display: inline-block;
	color:#fff; 
	float:right;
	padding: 3px 2%;
	font-weight: 400;
	
	
}
#banner {
	
	
	line-height:0;
	
}
#banner img{
	width:100%;
}
#menu {
	text-align:center;
	background-color: #B10057;
	font-weight: 400;
}
#menu li{
	
	padding-left:3%;
	padding-bottom:3px;
	padding-top:3px;
	font-size:1em;
	color:#FFF;
	list-style:none;
	border-bottom:1px solid #fff;

	
}
#primafasciahome {
	
	
	padding:30px 8%;
}
#primafasciahome h1{
	margin:0;
	text-align:center;
	color:#B10057;
	padding:0 0 30px 0;
}
#primafasciahome p{
	
}
.box {
	
	margin-top:0;
	text-align:center;
	padding:10px 6%;
}
.clear {
	clear:both;
}
p {
	text-transform:none;

	line-height:1.3em;
	font-size:1.1em;
	font-weight:normal;
	font-family: 'Benne', serif;
	
}
h1 {
	font-weight:normal;
	color:#B10057;
	font-size:4em;
	letter-spacing:0.3em;
	line-height:0.9;
	font-weight:100;
	
	
}
#contenuto-interna h1 {

	font-weight:normal;
	color:#B10057;
	font-size:2.5em;
	letter-spacing:0.3em;
	line-height:1;
	font-weight:100;
	
	

}
h2 {
	color:#B10057;
	font-size:2.3em;
	font-weight:100;
	letter-spacing:0.3em;
	line-height:0.9em;
}
h3 {
	
	color:#B10057;
	font-size:1.6em;
	font-family: 'Benne', serif;
	text-transform:none;
	font-weight:normal;
	font-style:italic;


}


#fascia2home {
	text-align:center;
	padding:30px 5%;
}
#fascia3home {
	background-image:url(img/cataloghi.jpg);
	background-repeat:no-repeat;
	color:#FFF;
	height:600px;
	background-size:cover;
	background-attachment:fixed;
	text-align:center;
	
}
#fascia3home img{
	width:130%;
}


.titolosin {
	
	
	padding-right:10%;
	padding-left:10%;
	width: 80%;
	
	
	
	
}
.titolods {
	
	

	padding-right:10%;
	padding-left:10%;
	
	
	
	
}
.clienti {
	font-size:2em;
	
	
}
.boxmeta {

	padding-top:10px;
	padding-bottom:0px;
	width: 100%;
	
}
	
.fuscsia {
	color:#B10057;
}

#footer {
	background:url(img/fondo-footer.png) no-repeat top;
	background-size:cover;
	color:#FFF;
	padding:100px 3% 10px 3%;
}



/*stili slider*/


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  /*stili slider FINE*/
 
.underline {
	text-decoration:underline;
  }
  .sottotitolo {
	
	color:#B10057;
	font-size:1.6em;
  }
  #cookies {
	  font-size:0.9em;
	  text-align:center;
	  background-color: #F5F5F5;
	  position:absolute;
	  top:0;
	  width:100%;
	  z-index:100;
	  line-height:2em;
	
	  
  }
.fondobeige {
	background:url(img/fondobeije.png) no-repeat #CFC7BF;
	background-size:contain;
	padding:120px 0;
	
}
.fondobeige h1{
	color:#FFF;
}
.fondofucsia {
	background:url(img/fondofucsia.png) no-repeat #B10057;
	background-size:contain;
	padding:120px 0;
	
}
.fondofucsia h1{
	color:#FFF;
}
.fondofucsia p{
	color:#FFF;
}
.portfolio img{
	float:left;
	width:28%;
	margin:25px 2.5%;
	
}
.portfolio {
	padding:120px 0 50px 0;
}

.portbeige {
	background-color:#ECE9E5;
	padding:0px 0 40px 0;
	margin-top:60px;

}
.portbeige img{
	float:left;
	width:28%;
	margin:25px 2.5%;
	
	
}
.immaginiportfolio {
	line-height:0;
	width:100%;
	text-align:center;
	}
	.immaginiportfolio img{
		width:100%;
	}
#fbutton {
	background-color: #B10057;
	color: #fff;
	border: none;
}

@media only screen and (min-width: 830px) {

#intestazione {
	padding-top:30px;
	width:100%;
	position:relative;
	z-index:2;	
	
}
#logo {
	float:left;
	width:20%;
	padding-left:2%;
}
#contatti {
	float:right;
	
	text-align:right;
	padding: 3px 2%;

	
}
#banner {
	top:-100px;
	position:relative;
	z-index:1;
	margin-bottom:-100px;
	line-height:0;
	width:100%;
	
}
#menu {
	
	background:url(img/fondo-menu.png) top center no-repeat;
	background-size:cover;
	padding-bottom:95px;
	text-align:right;
	padding-top:10px;
	padding-right:20px;
	

	
	
}
#menu li{
	display:inline;
	color:#FFF;
	padding-left:0.8%;
	font-size:0.85em;
	padding-bottom:0;
	padding-top:0;
	border-bottom:0;

	
}
.box {
	
	width:21%;
	float:left;
	margin-top:0;
	text-align:center;
	padding:10px 6%;
}
#fascia2home {
	text-align:center;
	padding:30px 25%;
}
#fascia4home .boxmeta {
	padding-top:50px;
	padding-bottom:0px;
}
	
#contenuto-interna p{
	line-height:1.8em;
}
	
#footer {
	
	color:#FFF;
	padding:160px 3% 20px 3%;
}


.white {
	color:#FFF !important;
}
li.recensioni {
	list-style-image:url(img/virgolette.png);
	list-style-position:outside;
	margin-left:15%;
	text-transform:none;
	font-size:1.2em;
}

.boxmeta {
	
	float:left;
	width:49.9%;
	padding-top:120px;
	padding-bottom:80px;
	
}
.titolosin {
	
	text-align:right;
	float: right;
	padding-right:10%;
	padding-left:25%;
	
	
	
	
}
.titolods {
	
	
	text-align:left;
	padding-right:25%;
	padding-left:10%;
	border-left:1px solid #E2DDD9;
	
	
	
}
	h1 {

	font-size:5em;
	
	
	
}
	#fascia4home {width: 100%;}

}
@media only screen and (min-width: 1070px) {
#intestazione {
	padding-top:30px;
	width:100%;
	position:relative;
	z-index:2;	
	
}
#logo {
	float:left;
	width:38%;
	padding-left:2%;
}
#contatti {
	float:right;

	text-align:right;
}
#banner {
	top:-100px;
	position:relative;
	z-index:1;
	margin-bottom:-100px;
	line-height:0;
	
}
#menu {
	
	background:url(img/fondo-menu.png) top center no-repeat;
	padding-bottom:95px;
	text-align:right;
	padding-top:10px;
	padding-right:20px;
	background-size:cover;
	
	
}
#menu li{
	display:inline;
	color:#FFF;
	padding-left:2.35%;
	font-size:1em;
	padding-bottom:0;
	padding-top:0;
	border-bottom:0;

	
}

}