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

body{
	margin:0px;
	padding:0px;
	background-color:#FFF;
}
*{
	-webkit-text-size-adjust:none;
	font-family:Verdana, Geneva, sans-serif;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
}
div{
	font-family:Verdana, Geneva, sans-serif;
	-webkit-text-size-adjust:none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	/*border:1px solid #F00; /* */
}

#tC1, #tC2_C, #tC3, #tC4, #tC5, #tC6_C, #tC1 *, #tC2_C *, #tC3 *, #tC4 *, #tC5 *, #tC6_C *{
	-webkit-user-select: text !important;
	-khtml-user-select: text !important;
	-moz-user-select: text !important;
	-ms-user-select: text !important;
	user-select: text !important;
}
p{
	text-align:justify;
	color:#999;
}
li{
	color:#999;
}
a{
	color:#000;
	text-decoration:none;
	-webkit-transition:color 0.5s;
	transition:color 0.5s;
}
a:hover{
	color:#f48920;
}
h1, h2, h3, .Titoli{
	font-family: 'empire_btregular', empire_btregular, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height:25px;
	color: #f48920;
	margin-top:0px;
	margin-bottom:5px;
	text-align:left !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 5000s ease-in-out 0s;
}

/* LOGO*/
#logo{
	position:absolute;
	top:-10px;
	width:220px;
	margin-left:-110px;
	left:50%;
	box-shadow:0px 0px 5px rgba(0,0,0,0.6);
	background-color:#f48920;
	z-index:100;
}
#logo div{
	color:#FFF;
	text-align:center;
	padding:10px;
	font-family: 'empire_btregular', empire_btregular, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	margin:0px;
}
#logo div:first-child{
	font-size: 75px;
	line-height:40px;
	margin-top:30px;
	letter-spacing: 3px;
}
#logo div:last-child{
	opacity:0.5;
	font-size: 30px;
	letter-spacing: 1px;
}

/* MENU */
#menu{
	z-index:400;
	position:fixed;
	top:30px;
	right:10px;
	background:url(../_img/pallino_off.png) no-repeat left 18px;
	-webkit-transition:background 0.5s;
	transition:background 0.5s;
	padding-left:20px;
}
.pArancio{
	background-image:url(../_img/pallino_arancio.png) !important;
}
.pBianco{
	background-image:url(../_img/pallino_bianco.png) !important;
}
#menu div:first-child{
	height:53px;
	background:url(../_img/et.png) no-repeat center center;
}
#menu div{
	font-family: 'empire_btregular', empire_btregular, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 32px; 
	text-align:center;
	cursor:pointer;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
}
#menu div:hover{
	color:#FFF;
	text-shadow:0px 0px 1px #000;
}

/* PAGINE */
.pagine{
	position:absolute;
	width:100%;
	height:100%;
	margin:0 auto;
}
#t1{
	top:0px;
	background:url(../_img/elena-tesio.jpg) no-repeat right center;
	background-size:cover;
	z-index:0;
}
#tC1{
	position:absolute;
	left:10%;
	top:50%;
	margin-top:-50px;
	width:350px;
	padding-left:50px;
	padding-top:3px;
	background:url(../_img/ETbig.png) no-repeat;
}
#t2{
	top:100%;
	margin-top:-64px;
	z-index:100;
}
#f2{
	height:64px;
	background:url(../_img/f1.png) no-repeat center top;
}
#f3{
	height:116px;
	background:url(../_img/f2bis.png) no-repeat center bottom;
}
#tC2{
	background:#f48920;
	height:100%;
}
#tC2_C{
	position:absolute;
	left:10%;
	top:30%;
	margin-top:-70px;
	width:45%;
	float:left;
}
#tC2_C h1, #tC2_C p{
	color:#FFF !important;
}
#tC2_C h1{
	opacity:0.7;
}
#tC2 a{
	/*text-decoration:underline;
	color:#FFF;*/
	opacity:0.6;
}
#tC2 a:hover{
	color:#FFF !important;
}
#tC2_I{
	background:url(../_img/rEATrovarsi1.png) no-repeat;
	background-size:contain;
	width:30%;
	height:270px;
	float:right;
	margin-right:100px;	
}
#ss2{
	position:absolute;
	width:100%;
	height:150px;
	background:url(../_img/o1.jpg) repeat-x center center #FFF;
	bottom:50px;
}
#frSx{
	background:url(../_img/frSx.png) no-repeat center center;
	width:38px;
	height:140px;
	position:absolute;
	left:0px;
	top:0px;
	cursor:pointer;
	z-index:300;
	margin-top:5px;
	display:none;
}
#frDx{
	background:url(../_img/frDx.png) no-repeat center center;
	width:38px;
	height:140px;
	position:absolute;
	right:0px;
	top:0px;
	cursor:pointer;
	z-index:300;
	margin-top:5px;
	display:none;
}
#contFoto{
	overflow:hidden;
	text-align:center;
}
#foto{
	text-align:left;
	
	-webkit-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}
#foto img{
	margin-top:5px;
	margin-left:3px;
	cursor:pointer;
}
#t3{
	top:200%;
	margin-top:-116px;
	z-index:200;
	background:url(../_img/omini.png) no-repeat right bottom;
	background-size:cover;
}
#tC3{
	position:absolute;
	left:10%;
	top:30%;
	margin-top:-70px;
	width:40%;
}
#t4{
	top:300%;
	background:url(../_img/elena-tesio-4.jpg) no-repeat center center;
	background-size:cover;
}

#f4A{
	height:259px;
	background:url(../_img/f4A.png) no-repeat center top;
	margin-bottom:-259px;
}
#tC4{
	height:100%;
	padding-left:10%;
	padding-top:10%;
	width:40%;
}
#tC4 h1, #tC4 p{
	color:#FFF !important;
}
#tC4 h1{
	opacity:0.7;
}

#tC4 li{
	color:#FFF;
	line-height:20px;
	list-style:none;
}
#tC4 b{
	color:#000;
	opacity:0.3;
}
#tC4 a{
	/*text-decoration:underline;
	color:#FFF;*/
	opacity:0.6;
}
#tC4 a:hover{
	color:#FFF !important;
}

#tC4 ul{
	padding-left:10px;
}
#f4B{
	height:61px;
	background:url(../_img/f4B.png) no-repeat center bottom;
	margin-top:-61px;

}


#t5{
	top:400%;
	background:url(../_img/orme-neve.jpg) no-repeat center center;
	background-size:cover;
}
#tC5{
	position:absolute;
	left:10%;
	top:30%;
	margin-top:-120px;
	width:60%;
}
#tC5 p, #tC2_C p{
	margin-top:7px;
	margin-bottom:0px;
}

#t6{
	top:500%;
	margin-top:-93px;
	z-index:100;
	background:url(../_img/calamaio.jpg) no-repeat center center;
	background-size:cover;
}
#f6A{
	height:93px;
	background:url(../_img/f6A.png) no-repeat center top;
}

#tC6{
	height:100%;
}
#tC6_M{
	width:50%;
	float:left;
	padding-left:10%;
	margin-top:5%;
}
#formContatti input[type='text']{
	border:none !important;
	border-radius:6px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	padding:10px;
	margin-bottom:10px;
	width:100%;
	-webkit-appearance: none;
}
#formContatti input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #CCC;
  font-style:italic;
}
#formContatti input[type='text']::-moz-placeholder { /* Firefox 19+ */
  color: #CCC;
  font-style:italic;
}
#formContatti input[type='text']:-ms-input-placeholder { /* IE 10+ */
  color: #CCC;
  font-style:italic;
}
#formContatti input[type='text']:-moz-placeholder { /* Firefox 18- */
  color: #CCC;
  font-style:italic;
}
#formContatti input[type='submit']{
	border:none !important;
	border-radius:6px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	padding:5px;
	margin-bottom:10px;
	width:100px;
	background-color:#fce2b2;
	color:#f48921;
	font-family: 'empire_btregular', empire_btregular, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-weight: normal;
	font-size: 32px; 
	line-height:30px;
	float:right;
	-webkit-appearance: none;
}
#formContatti textarea{
	border:none !important;
	border-radius:6px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.5);
	padding:10px;
	margin-bottom:10px;
	width:100%;
	height:150px;
	resize:none;
	-webkit-appearance: none;
}
.loading{
	background:url(../_img/loading.gif) no-repeat center center;
	background-size:50px 50px;
}
#tC6_C{
	width:30%;
	float:left;
	margin-top:5%;
	margin-left:5%;
}
#tC6_C h1, #tC6_C p{
	color:#FFF !important;
}
#tC6_C h1{
	opacity:0.7;
}
#f6B{
	height:186px;
	background:url(../_img/f6B.png) no-repeat center top;
	margin-top:-226px;
}

#copy{
	position:fixed;
	bottom:0px;
	right:0px;
	padding:10px;
	opacity:0.5;
	color:#000;
	z-index:300;
	font-size:10px;
	-webkit-transition:color 0.5s;
	transition:color 0.5s;
}
.cB{
	color:#FFF !important;
}

/* SCHEDE */
#scheda_cont{
	/*display:none;*/
	opacity:0;
	top:-10000px;
	left:0px;
	position:fixed;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:rgba(0,0,0,0.8);
	-webkit-transition:opacity 0.5s;
	transition:opacity 0.5s;
}
#scheda{
	width:96%;
	height:96%;
	position:absolute;
	top:2%;
	left:2%;
	background-color:#FFF;
	border-radius:10px;
	box-shadow:0px 0px 5px #000;
	border:none;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;
}
.schedaVis{
	/*display:block !important;*/
	top:0px !important;
	opacity:1 !important;
}
.schedaTrasparente{
	box-shadow:none !important;
	background-color:transparent !important;
}
#chiusuraScheda{
	position:absolute;
	top:1%;
	right:1%;
	width:32px;
	height:32px;
	border-radius:10px;
	background:url(../_img/chZoom.png) center center no-repeat #f48920;
	z-index:3000;
	cursor:pointer;
	box-shadow:0px 0px 2px #000;
	
}
#phSx{
	position:absolute;
	top:0px;
	left:0px;
	width:100px;
	height:100%;
	background:url(../_img/phSx.png) center center no-repeat;
	z-index:2900;
	cursor:pointer;
	display:none;
}
#phDx{
	position:absolute;
	top:0px;
	right:0px;
	width:100px;
	height:100%;
	background:url(../_img/phDx.png) center center no-repeat;
	z-index:2900;
	cursor:pointer;
	display:none;
}



/* GENERICHE */
.l{
	clear:both;
	height:1px !important;
	float:none !important;
}



@media only screen and (min-width: 1200px){
	body{
		background-color:#EEE !important;
	}
	.pagine{
		position:absolute;
		width:1200px;
		height:100%;
		margin-left:-600px;
		left:50% !important;
	}
	#cont{
		box-shadow:0px 0px 5px rgba(0,0,0,0.3);
		width:1200px;
		height:600%;
		position:absolute;
		top:0px;
		margin-left:-600px;
		left:50% !important;
		background-color:#FFF;
	}
	#menu, #copy{
		right:50% !important;
		margin-right:-590px;
	}
}

@media only screen and (max-height: 600px){
	.pagine{
		height:600px !important;
	}
	#t2{
		top:600px !important;
	}
	#t3{
		top:1200px !important;
	}
	#t4{
		top:1800px !important;
	}
	#t5{
		top:2400px !important;
	}
	#t6{
		top:3000px !important;
	}
}
@media only screen and (max-width: 800px){
	.pagine{
		height:600px !important;
		position:relative !important;
	}
	#tC1{
		background-color:rgba(255,255,255,0.8);
		padding-right:10px;
		padding-top:10px;
		width:80% !important;
	}
	#tC1 p{
		color:#000;
	}
	#t2{
		height:auto !important;
		top:auto !important;
	}
	#tC2{
		height:auto !important;
		padding-bottom:70px;
	}
	#t3{
		/*top:1200px !important;*/
		background-size:contain !important;
		margin-top:-80px !important;
		height:auto !important;
		top:auto !important;
	}
	#tC3{
		margin-top:0px !important;
		position:relative !important;
		top:0px !important;
		width:70% !important;
	}
	#t4{
		/*top:1800px !important;*/
		height:auto !important;
		top:auto !important;
	}
	#tC4{
		margin-top:-200px !important;
		position:relative !important;
		top:0px !important;
		width:70% !important;
		height:auto !important;
	}
	#f4A{
		margin-bottom:0px !important;
		position:relative !important;
	}
	#f4B{
		margin-top:0px !important;
	}
	#t5{
		/*top:2400px !important;*/
		height:auto !important;
		background-position:top right !important;
		background-size:contain !important;
		top:auto !important;
	}
	#tC5{
		margin-top:0px !important;
		position:relative !important;
		top:0px !important;
		width:70% !important;
		height:auto !important;
	}
	#t6{
		/*top:3000px !important;*/
		margin-top:0px !important;
		top:auto !important;
	}
	#tC6_M, #tC6_C{
		float:none !important;
		width:80% !important;
	}
	#tC6_C{
		padding-left:10% !important;
		margin-top:20px !important;
		margin-left:0px !important;
	}
	#tC2_C{
		width:70% !important;
		margin-top:110px !important;
		position:relative !important;
		top:5% !important;
	}
	#tC2_I{
		float:none !important;
		width:80% !important;
		height:100px !important;
		background-position:center right !important;
	}
	#ss2{
		position:relative !important;
		bottom:auto !important;
		margin-top:10px;
	}
	#f6B{
		margin-top:-206px;
	}
}
@media only screen and (max-width: 500px){
	#menu{
		display:none;
	}
	#tC2_C{
		width:80% !important;
	}
	#tC2_I{
		width:95% !important;
	}
	#tC3{
		width:80% !important;
	}
	#tC4{
		width:90% !important;
	}
	#tC5{
		width:80% !important;
	}
	#tC6_M, #tC6_C{
		width:90% !important;
	}
	#logo div:first-child{
		font-size:52px !important;
		margin-top:10px !important;
	}
	#logo div:last-child{
		font-size:21px !important;
		margin-top:-15px !important;
	}
}