@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i,800,800i');

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
	font-family: 'TeXGyreHerosRegular';
	src: url('../fonts/textgyreheros/texgyreheros-regular.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Regular'), url('../fonts/textgyreheros/texgyreheros-regular.woff') format('woff'), url('../fonts/textgyreheros/texgyreheros-regular.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheros-regular.svg#TeXGyreHeros-Regular') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosItalic';
	src: url('../fonts/textgyreheros/texgyreheros-italic.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Italic'), url('../fonts/textgyreheros/texgyreheros-italic.woff') format('woff'), url('../fonts/textgyreheros/texgyreheros-italic.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheros-italic.svg#TeXGyreHeros-Italic') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosBold';
	src: url('../fonts/textgyreheros/texgyreheros-bold.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-Bold'), url('../fonts/textgyreheros/texgyreheros-bold.woff') format('woff'), url('../fonts/textgyreheros/texgyreheros-bold.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheros-bold.svg#TeXGyreHeros-Bold') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosBoldItalic';
	src: url('../fonts/textgyreheros/texgyreheros-bolditalic.eot');
	src: local('TeX Gyre Heros'), local('TeXGyreHeros-BoldItalic'), url('../fonts/textgyreheros/texgyreheros-bolditalic.woff') format('woff'), url('../fonts/textgyreheros/texgyreheros-bolditalic.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheros-bolditalic.svg#TeXGyreHeros-BoldItalic') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosCnRegular';
	src: url('../fonts/textgyreheros/texgyreheroscn-regular.eot');
	src: local('TeX Gyre Heros Cn'), local('TeXGyreHerosCondensed-Regular'), url('../fonts/textgyreheros/texgyreheroscn-regular.woff') format('woff'), url('../fonts/textgyreheros/texgyreheroscn-regular.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheroscn-regular.svg#TeXGyreHerosCondensed-Regular') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosCnItalic';
	src: url('../fonts/textgyreheros/texgyreheroscn-italic.eot');
	src: local('TeX Gyre Heros Cn'), local('TeXGyreHerosCondensed-Italic'), url('../fonts/textgyreheros/texgyreheroscn-italic.woff') format('woff'), url('../fonts/textgyreheros/texgyreheroscn-italic.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheroscn-italic.svg#TeXGyreHerosCondensed-Italic') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosCnBold';
	src: url('../fonts/textgyreheros/texgyreheroscn-bold.eot');
	src: local('TeX Gyre Heros Cn'), local('TeXGyreHerosCondensed-Bold'), url('../fonts/textgyreheros/texgyreheroscn-bold.woff') format('woff'), url('../fonts/textgyreheros/texgyreheroscn-bold.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheroscn-bold.svg#TeXGyreHerosCondensed-Bold') format('svg');
}

@font-face {
	font-family: 'TeXGyreHerosCnBoldItalic';
	src: url('../fonts/textgyreheros/texgyreheroscn-bolditalic.eot');
	src: local('TeX Gyre Heros Cn'), local('TeXGyreHerosCondensed-BoldItalic'), url('../fonts/textgyreheros/texgyreheroscn-bolditalic.woff') format('woff'), url('../fonts/textgyreheros/texgyreheroscn-bolditalic.ttf') format('truetype'), url('../fonts/textgyreheros/texgyreheroscn-bolditalic.svg#TeXGyreHerosCondensed-BoldItalic') format('svg');
}

@font-face {
	font-family: 'helvneue-cond-ultralight';
	src: url('../fonts/helvneue-cond-ultralight.eot');
	src: url('../fonts/helvneue-cond-ultralight.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/helvneue-cond-ultralight.woff') format('woff'),
		 url('../fonts/helvneue-cond-ultralight.ttf') format('truetype'),
		 url('../fonts/helvneue-cond-ultralight.svg#helvneue-cond-ultralight') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	-webkit-transition:all 1s ease;
	   -moz-transition:all 1s ease;
	     -o-transition:all 1s ease;
	        transition:all 1s ease;
}


html, body {
	background: #e5e1e0;/*#c8c0be;*//*#c6c0bf;*/
	height: 100vh;	
	/*font-family: 'Helvetica-LT-Std',Gotham, Helvetica, Arial, 'Open Sans', sans-serif;*/
	font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
	font-weight:300;
	font-stretch:normal;
	font-size: 16px;font-size: 100%;
	/*font-weight: 200;*/
	color:#333;/* #676767;*//*#333;*/
}

#codice {
	display: none;
}

#videointro {
	width: 60%;
	height:33.75%; 
    max-width: 640px;
    max-height: 360px;
    display: block;
    position: absolute;
    z-index: 89;
    bottom: 10%;
    left: 20%;
    /*margin-left: -320px;*/
	-webkit-box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.6);
	box-shadow: 3px 4px 4px 0px rgba(0,0,0,0.6);
	
}

#videointro.iniziale {
	opacity:0;
}

#playbtn {	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-image: url('../img/playbtn40.png');
	cursor: pointer;
}

#playbtn:hover {
	background-image: url('../img/playbtn-over.png');
}

.controlli-video {	
	font-size: 0.8em;
}

.controlli-video span {
	cursor: pointer;
}

#menu-mobile {
	display: none;
	position: absolute;
	width: 80vw;
	height: auto;
	min-height: 100vh;
	top: 0;
	right: -82vw;
	background: #e5e1e0;/*#c8c0be;*/
	font-size: 0.8em;
	z-index: 100;
	-webkit-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.4);	
	   -moz-box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.4);	
	        box-shadow: 0px 0px 4px 4px rgba(0,0,0,0.4);
}

#menu-mobile.aperto {
	display: block;
	right: 0;
}

#menu-mobile-btn {
	display: block;
	position: absolute;
	width: 8vw;
	height: 8vw;
	top: 0;
	right: 0;
	background: #ff0;
	z-index: 99;
	cursor: pointer;
}

#header {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 25vw;
	min-height: 100vh;
	height: auto;
	font-family: Gotham, Helvetica, Arial, 'Open Sans', sans-serif;
	color:#676767;
	/*background: #f00;*/
}

#header.grandeSchermo {
	width: 20vw;
	/*background: #800000;*/
}

#header.portrait {
	width: 100vw;	
	min-height: 15vh;
	height: 15vh;
}

#content {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 75vw;
	min-height: 100vh;
	height: auto;
	/*background: #ff0;*/
	/*font-family: "helvneue-cond", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";*/
}

#content.iniziale {
	opacity: 0;
}

#content.grandeSchermo {
	width: 80vw;
	/*background: #FF8000;*/
}

#content.portrait {
	width: 100vw;
	height: 85vh;
	min-height: 85vh;
	top: 15vh;
}

#barralaterale {
	width: 100%;
	height: 100%;	
	margin: 0 auto;
	padding: 0;
	clear: both;
	/*background: #f0800f;*/
}

#barralaterale.portrait {
	display: none;
}

#barra-mobile {
	display: none;
	width: 100vw;	
	min-height: 15vh;
	height: 15vh;
	/*background: #f0800f;*/	
	text-align: left;
	padding: 0;
	margin: 0;
}

#barra-mobile.portrait {
	display: block;
}

#barra-mobile .logo {
	text-align: left;
	padding: 0;
	margin: 0;
}

#barra-mobile .logo img {
	height: 12vh;
	width: auto;
	margin: 2vh;
}

.barraint {

	display: inline-block;
	width: 40%;
	min-height: 1px;
	height: auto;	
	margin: 0 auto;
	padding: 0;
	float: left;
	/*border: 1px solid #0f0;*/
}

.logo.iniziale {	
	opacity: 0;
}
.lingua.iniziale {	
	opacity: 0;
}

.lingua, .logo, .bollo {
	display: block;
	width: 100%;
	padding: 1em 0 0 0;
	/*border: 1px solid #f00;*/
	
}

.lingua {
	text-align: left;
	font-size: 12px;font-size: 0.75rem;
}

.lingua a {
	margin: 0 0 0 34.12%;
}
.logo, .bollo {
	text-align: center;
}

.logo img, .bollo img {
	width: 80%;
	height: auto;
	
}

.bollo {
	/*opacity: 0.2;*/
}

.bollo img {
	width: 56%; /*80%;*/
	opacity: 0.2;
	margin-left: 20%;
}

.bollo.iniziale img {
	width: 100%;
	opacity: 0;
}

#nav1 {		
	font-size: 12px;font-size: 0.75rem;
	line-height: 1.5em;
	/*border: 1px solid #f00;*/
}

#nav1 ul {
	width: 140%;
	list-style-type: none;
	padding: 34.12% 0 0 34.12%;
    margin-left: -1em;
	/*border: 1px solid #00f;*/
}

#nav1 ul li.menu1 {
	opacity: 0;	
}

#nav1 ul li.accessori {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0.5em 0 0.5em 2em;
	display: none;
}

.fondocol {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;/*0;*/
	margin: 0 auto;
	padding: 0;	
	overflow: hidden;
	/*border: 1px solid #00f;*/
}

.crediti {
	display:block;
	width: 71%;
	margin-left: 29%;	
	text-align: center;
	font-size: 9px;font-size: 0.6rem;
	line-height: 1.2rem;
	/*background: #f0f;*/
}

.crediti.iniziale {	
	opacity: 0;
}

span.dominio {
	font-size: 11px;font-size: 1.1em;
}

#nav2 {	
	position: absolute;
	top: 50%;	
	font-size: 10px;font-size: 0.625rem;
	line-height: 1.5em;
	/*border: 1px solid #f00;*/
}

#nav2 li.doppioZZZ {	
	line-height: 2.5em;
}

#nav2 li.singoloZZZ {	
	line-height: 1.1em;
}

#nav2 li.doppiariga {
    line-height: 1em;
    margin: 0.5em 0;
}

#nav2 ul {
	width: 100%;
	list-style-type: none;
	padding: 0 0 0 1em;
	/*border: 1px solid #00f;*/
}

#nav2 ul li.menu2 {
	opacity: 0;	
}

#nav2 ul li.menu2.marg1e {
    margin-bottom: 1em;
}

#puntini {
	display: block;/*none;*/
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	margin-left: -2px;
	background-image: url(../img/puntini.svg);
	z-index: 97;
	
}

#puntini-orizz {
	display: block;/*none;*/
	position: absolute;
	top: 16vh;
	left: 0;
	width: 100%;
	height: 4px;
	margin-left:0;
	background-image: url(../img/puntini-orizz.svg);
	z-index: 97;	
}


#quadratino {
	display: block;/*none;*/
	opacity: 1;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: -0.3125em;
	margin-top: 0em;
	width: 0.625rem;
	height: 0.625rem;
	border: 1px solid #666;
	background: #009ee0;
	visibility: hidden;
	z-index: 98;
}

#quadratino.elastico {
	visibility: visible;
	-moz-animation-name:bounce;
	-moz-animation-duration:1.2s;
	-moz-animation-fill-mode:backwards;
	-moz-animation-delay:0.5s;

	-webkit-animation-name:bounce;
	-webkit-animation-duration:1.2s;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay:0.5s;

	animation-name:bounce;
	animation-duration:1.2s;
	animation-fill-mode:backwards;
	animation-delay:0.5s;
	
}

/* animazioni */

/* animazione quadratino iniziale */	
@-webkit-keyframes bounce {
	0% 	{ top:-1em; }
	37% 	{ top:53%; }
	55% 	{ top:37%; }
	73% 	{ top:52%; }
	82% 	{ top:46%; }
	91% 	{ top:50.5%; }
	96% 	{ top:49%; }
	100%	{ top:50%; }
}
@-moz-keyframes bounce {
	0% 	{ top:-1em; }
	37% 	{ top:53%; }
	55% 	{ top:37%; }
	73% 	{ top:52%; }
	82% 	{ top:46%; }
	91% 	{ top:50.5%; }
	96% 	{ top:49%; }
	100%	{ top:50%; }
}
@keyframes bounce {
	0% 	{ top:-1em; }
	37% 	{ top:53%; }
	55% 	{ top:37%; }
	73% 	{ top:52%; }
	82% 	{ top:46%; }
	91% 	{ top:50.5%; }
	96% 	{ top:49%; }
	100%	{ top:50%; }
}

.quadrato {
	position: relative;
	width: 100vh;
	height: 100vh;	
	margin: 0 auto;
	padding: 0;
	clear: both;
	overflow: hidden;
	font-size:1.23vh;
	/*background: #f0f;*/
}

.quadrato.larghezzaSchermo {
	width: 100vw;
	height: 100vw;	
	margin: 0 auto;
}

.pagina {
	position: absolute;
	top: 100%;
	width: 100%;
	height: 100%;
	overflow: hidden;	
	
}

.pagina.attiva {
	top: 0;
	z-index: 2;
}

.pagina.nuova {
	top: -100%;
	z-index: 1;
}

.pagina.scheda.vecchia {
	top: 0;
	opacity:0;	
	z-index: 1;
}

.pagina.attiva.scheda {
	top: 0;
	opacity:1;
	z-index: 2;
}

.pagina.nuova.scheda {
	top: 0;
	opacity:0;
	z-index: 1;
}

#pagina0 {		background: url(../img/homepage22@2x.jpg);
	background-size: contain;
}

#pagina1 {
    background: #e5e1e0 url(../img/tema-testiere22.jpg?v=3);
	background-size: contain;
}

#pagina2 {		
	background: #e5e1e0 url(../img/tema-sommier22.jpg?v=3);
	background-size: contain;
}

#pagina3 {		
	background: #e5e1e0 url(../img/tema-materassi22.jpg?v=3);
	background-size: contain;
}

#pagina4 {		
	background: #e5e1e0 url(../img/tema-guanciali22.jpg?v=4);
	background-size: contain;
}

#pagina51 {		
	background: #e5e1e0 url(../img/tema-coprimaterassi22.jpg);
	background-size: contain;
}

#pagina52 {		
	background: #e5e1e0 url(../img/tema-topper.jpg);
	background-size: contain;
}

#pagina53 {		
	background: #e5e1e0 url(../img/tema-coperte2020.jpg);
	background-size: contain;
}

#pagina55 {		
	background: #e5e1e0 url(../img/tema-runner.jpg);
	background-size: contain;
}

#pagina6 {		
	background: #e5e1e0 url(../img/tema-letti-aggiunti22.jpg?v=3);
	background-size: contain;
}

#pagina7 {		
	background: #e5e1e0 url(../img/tema-sit-down22.jpg?v=3);
	background-size: contain;
}

#pagina8 {	
	background: #e5e1e0 url(../img/tema-azienda1c.jpg);
	background-size: contain;
}

#pagina88 {	
	background: #e5e1e0 url(../img/tema-azienda2c.jpg);
	background-size: contain;
}

.colonna {
	display: inline-block;
	position: relative;
	width: 30%;
	margin: 0 3.333% 0 0;
	float: left;
	font-size: 1.4em;
	color: #676767;
	text-align: left;
	/*font-family: "helvneue-cond-ultralight", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";*/
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnRegular', "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnRegular", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
	font-weight:100;
	font-stretch:condensed;
	/*text-shadow: 0.5px 0px 0px #676767;*/
	/*letter-spacing: 0.5px;*/
}

.colonna.top18 {
	top: 18%;
}
.colonna.top22 {
	top: 22%;
}
.colonna.top28 {
	top: 28%;
}
.colonna.top32 {
	top: 32%;
}
.colonna.top38 {
	top: 38%;
}

.galleria {
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 33%;
	background: #ffffff;
}

		#box {
		display: block;
    	position:absolute;
    	top: 0;
		left: 0;
		width:auto;
    	-webkit-transition: all 0.5s ease-out;
		
		}

		#trasparenza {
    	position:absolute;
    	top: 0;
		left: 0;
		width:100%;
		height:100%;
    	background-image:url(../img/maschera.png);
		background-size:cover;
		opacity:0.16;
  		filter:alpha(opacity=16); /* For IE8 and earlier */
		}

		#bordi {
    	position:absolute;
    	top: 0;
		left: 0;
		width:100%;
		height: 100%;
    	/*-webkit-transition: all 0.5s ease-out;*/
		display: block;
		}
						
		.anteprima {
		position: relative;
		float:left;
		width: 33.333%;
		height: 33.333%;
		display: block;
		}
		
		.anteprima img {
		width: 100%;
		height: 100%;
		}
		.didascalia {
		position: absolute;
		top: 10px;
		left: 20px;
		/*font: 0.9em "helvneue-cond-bold", "Helvetica Neue", Verdana, Geneva, sans-serif;*/
		font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
		font-weight:600;
		font-stretch:condensed;
		color: #898688;
		font-size: 1.2em;
		/*letter-spacing: 0.5px;*/
			
		}	
			
		.Bd {
		float:left;
		width: 33.333%;
		height: 100%;
		display: block;
		z-index:1;
		}
		
		.Bd:hover {
		width: 33.333%;
		height: 100%;
		border-top:none;
		border-bottom:none;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		}

/* stili di formattazione  */
/* stili link */
a:link {
	/*padding: 1px 2px;*/
    text-decoration: none;
	color: #676767;
	-webkit-transition:all 0s linear;
	   -moz-transition:all 0s linear;
	     -o-transition:all 0s linear;
	        transition:all 0s linear;
}

a:visited {
	color: #676767;
}

a:hover {
	/*color: #dddddd;*/
    /*background-color: #676767;*/
    text-decoration: underline;
	-webkit-transition:all 0s linear;
	   -moz-transition:all 0s linear;
	     -o-transition:all 0s linear;
	        transition:all 0s linear;
}

a:active {
	/*color: #dddddd;*/
    /*background-color: #676767;*/
    text-decoration: underline;
}

a.attivo {
	/*color: #dddddd;*/
    /*background-color: #676767;*/
    text-decoration: underline;
}

.color-rosso {
	color: #e30613;
}


.paragrafo {
	position: absolute;
	/*width: 60%;*/
	width: 79%;
	height: auto;
	/*left: 50%;*/
	left: 20%;
	/*margin: 0 -30%;*/
	margin: 0;
	padding: 0;
	font-size: 1.3em;/*1.6em;*//* 24px 1.3vw;*/
}

.paragrafo h1 {
	margin: 0;
	padding: 0;
	font-family: 'helvneue-cond-ultralight','Open Sans', sans-serif;
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnRegular', "Arial Narrow", "Arial", sans-serif;*/
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", "helvneue-cond-ultralight", "Arial Narrow", "Arial", sans-serif;*/
	font-weight:100;
	font-stretch:condensed;
	/*font-weight: 300;*/
	font-size: 2.85em;/*2.5em;*//* 60px 3vw;*/
	color: #222;
}


.paragrafo.top2 {	
	top: 2%;
}

.paragrafo.top47 {	
	top: 47%;
}

.paragrafo.top70 {	
	top: 70%;
}

.paragrafo h1.grassetto.color-rosso {
	font-weight: 400;
	color: #e30613;
	/*font-family: 'helvneue-cond-ultralight','Open Sans', sans-serif;*/
	/*text-shadow: 1px 0px 0px rgba(255, 0, 0, 1);*/
	
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", "TeXGyreHerosCnRegular", "Arial Narrow", "Arial", sans-serif;*/
	font-family: 'TeXGyreHerosCnRegular','Open Sans', sans-serif;
	font-stretch:condensed;
}

.paragrafo.w75 {
	width: 75%;
}

h1.titolo-sez {
	margin: 0;
    padding: 0;
    /*font-family: 'helvneue-cond-bold','Open Sans', sans-serif;*/
	/*font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;	
    /*font-weight: bold;*/
    font-size: 6em; /* 2.5*1.6;*/
	color: #898688;
}

p.testo-sez {
    margin: 0;
    padding: 0;
    font-size: 1.6em;
	color: #676767;
}

p.back {	
	padding-top: 2em;
	position: relative;
}

p.back a:link {	
	font-size: 1em;
	padding: 1em;
	text-decoration: none;
	color: #898688; 
}

p.back a:visited {
	color: #898688; 
}

p.back a:hover {
	color: #ffffff; 
}

p.rivestimenti {	
	padding-top:0;
	position: relative;
}

p.rivestimenti a:link {	
	font-size: 1em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	text-decoration: none;
	color: #dddddd;	
	background: #676767;
	margin-left:0.2em;
}

p.rivestimenti a:visited {
	/*color: #898688;*/ 
	color: #dddddd;
}

p.rivestimenti a:hover {
	color: #ffffff; 
}

p.back.rivestimenti.destra {
	position: absolute;
	right: 0;
}

p.misure {
	font-size: 1.2em;
	color: #676767;
	margin-left:0.2em;
	/*font-family: "helvneue-cond-ultralight", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";*/
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnRegular', "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnRegular", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
	font-weight:100;
	font-stretch:condensed;
	/*letter-spacing: 0.5px;*/
}

span.titoletto {
	font-size:0.3em;
	color: #222;
	/*font-family: "HelveticaNeueCondensed", "HelveticaNeue-Condensed", "Helvetica Neue Condensed", "HelveticaNeueRomanCondensed", "HelveticaNeue-Roman-Condensed", "Helvetica Neue Roman Condensed", "HelveticaNeue", "Helvetica Neue", "HelveticaNeueRoman", "HelveticaNeue-Roman", "Helvetica Neue Roman", 'TeXGyreHerosCnRegular', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnRegular", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:400;
	font-stretch:condensed;
}

span.grassetto {
	/*font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;
}

span.titolone {
	/*font-family: "HelveticaNeueBoldCondensed", "HelveticaNeue-Bold-Condensed", "Helvetica Neue Bold Condensed", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnBold', "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;
	color: #898688;
}


/* TABELLA MATERASSI */
.tabella {
    position: absolute;
    top: 360px;
    left: 70px;
    font-family: "TeXGyreHerosCnBold", "Helvetica", "Tahoma", "Geneva", "Arial Narrow", "Arial", sans-serif;
	font-weight:600;
	font-stretch:condensed;
    color: #898688;
}
/* TABELLA CON LE MISURE */
table.misure {
	display: block;
	position: relative;
	border-collapse: collapse;
}

table.misure tr {
	border-bottom: 0.5px solid #676767;
}

table.misure tr.ultima {
	border-bottom: none;
}

table.misure td {
	color: #676767;
	padding: 0.1em 3em 0.1em 0;
	/*font-family: "helvneue-cond-ultralight", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";*/
	/*font-family: "HelveticaNeueUltraLightCondensed", "HelveticaNeue-Ultra-Light-Condensed", "Helvetica Neue Ultra Light Condensed", "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosCnRegular', "Arial Narrow", "Arial", sans-serif;*/
	font-family: "TeXGyreHerosCnRegular", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
	font-weight:100;
	font-stretch:condensed;
	/*text-shadow: 0.5px 0px 0px #676767;*/
	/*letter-spacing: 0.5px;*/
}

div.tr {
    clear: both;
	width: 100%;
	font-family: "TeXGyreHerosCnRegular", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
    font-weight: 100;
    font-stretch: condensed;
	color: #676767;
}
div.td_left {
	display:inline-block;
    width: 20%;
    float: left;
}
div.td_right {
	display:inline-block;
    width: 80%;
    float: right;
}
div.td_right.giustificato {
	text-align: justify;
}

p.didascalie {
	font-family: "TeXGyreHerosCnRegular", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
    font-weight: 100;
    font-stretch: condensed;	
	font-size: 1em;
}

strong {
	font-family: "TeXGyreHerosCnBold", "Helvetica Neue", "Arial Narrow", Helvetica, Arial, "sans-serif";
	font-weight: 700;
}
ul.elenco {
	margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 1em;
	-webkit-margin-before: 0;
	-webkit-margin-start: 1em;
	-webkit-margin-end: 0px;
	-webkit-padding-start: 0;
}
/* box comunicazione */
.comunicazione {
	display: block; position: absolute;width:100%;height:auto;top:12%;left:0;
}
a.lnotizia {
	border:1px solid #898688;
	display:inline-block;
	position:relative;
	top:0;left:0;
	margin-top:1%;
	margin-right:1%;
	width: auto;
	height: 18.40%;
}

img.cnotizia {
	display:block;
	position:relative;
	width: auto;
	height: 100%;
}

.onotizia {
	display: block;
	position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
	background-color:rgba(0,169,236,0);
}

a.lnotizia:hover .onotizia {
	background-color:rgba(0,169,236,0.5);
}

.ico-coprimaterassi {
	display:block;
	position:absolute;
	width:12%;
	height:14.545%;
	bottom:1em;
}

.ico-coprimaterassi a {
	color: #676767;
	text-decoration: none;
}

.ico-coprimaterassi a:hover {
	color: #ffffff;
}

.ico-coprimaterassi a img {
	display: block; position: absolute;width: 98%;height: auto;border: 1px solid #cccccc;
}

.ico-coprimaterassi a:hover img {
	border: 1px solid rgba(0,169,236,1);
}

.ico-coprimaterassi a .etichettacm {
	display: block;
	position: absolute;
	top: -1.5em;
	left: 0;
	width: auto;
	height: auto;
}

/* RIVESTIMENTI */
.cop-riv {
	display: block;
	position: absolute;
	width: 18%;
	height: auto;
	top: 2.5em;
}

.cop-riv img {
	display: block;
	position: relative;
	top: 0;
	width: 90%;
	height: auto;
	border: none;
	outline: none;
}

.tessuti  {
	display: none;
	position: absolute;
	width: 100%;
	height: auto;
	top: 42%;
	left: 0;
}
.tessuti img {
	display: block;
	position: relative;
	top: 0;
	width: 70%; /*100%;*/
	height: auto;
	border: none;
	outline: none;
	margin-top: 0.5em;
}

.tessuti.tatt, .schedat.tatt  {
	display: block;
}

.tessuti.tatt {
	color: #676767;
}

.schedat {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e5e1e0;/*#c8c0be;*/
}

.schedat img {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: auto;
	border: none;
	outline: none;
}

img.ico-lavaggi {
	width: 15em;
}

/* MEDIA QUERY */

/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  		  
	  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  	
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {

}

/* ----------- iPhone 6 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
	.colonna, p.misure, table.misure td {
		  /*color: #000000;*/
	  }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	.quadrato.larghezzaSchermo {
		width: 96vw;
		height: 96vw;	
		margin: 2vw auto;
	}
	 
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 

}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.quadrato.larghezzaSchermo {
		width: 96vw;
		height: 96vw;	
		margin: 2vw auto;
	}	 
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 

}



/* ----------- tutti iPad ----------- */
/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait)   {
		
	  .colonna, p.misure, table.misure td{
		  /*color: #000000;*/
	  }
	  
	  .quadrato.larghezzaSchermo {
		width: 96vw;
		height: 96vw;	
		margin: 2vw auto;
	  }
	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)   {
		
	.colonna, p.misure, table.misure td {
		/*color: #000000;*/
	 }
	
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
	
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
	
}

@media (min-width:1025px){	
	
		
}

@media (min-width:1281px){	
	
		
}