body {
	margin:0; padding:0; background-color: #000; color:#fff; font-family: 'WOL_SL','Segoe UI Semilight','Segoe UI','Open Sans',Tahoma,Helvetica,sans-serif;





 	background-image: url(i/bg.jpg);
	background-repeat: no-repeat;
	background-position: center -73px;
	/*background-size: cover;*/
	background-attachment: fixed;
	



 }
 
 html {height: 100%;}



h1,h2,h3,h4 { margin:0; padding:0; font-weight:100; font-family:"Segoe UI Light",'WOL_SL','Segoe UI Semilight','Segoe UI','Open Sans',Tahoma,Helvetica,sans-serif; }

.clear {clear:both; font-size:1px; height:1px; visibility: hidden;}


.thumb img { border: 1px solid #2c2c2c; padding: 10px; margin:0 2px 2px 0; background-color:#282828; display:inline; float:left;  height:130px; }



a.linkmenu { display:block; padding:10px;  }

a.linkmenu:link    { color: #000; text-decoration:none;  }
a.linkmenu:visited { color: #000; text-decoration:none; } 
a.linkmenu:hover, a.linkmenu:active   { color: #09F; text-decoration: none; background-color:#FFF }


a.linkblue { display:block; padding:10px;  }

a:link    { color: #39F; text-decoration:none;  }
a:visited { color: #39F; text-decoration:none; } 
a:hover, a:active   { color: #FC0; text-decoration: none;  }

@font-face
{
font-family:"WOL_SL";
font-style:normal;
font-weight:200;
src:url("http://res2.windows.microsoft.com/resbox/en/windows/main/e64030e7-ad8c-4be8-a45a-b69a2df3caef_13.eot");
src:url("http://res2.windows.microsoft.com/resbox/en/windows/main/e64030e7-ad8c-4be8-a45a-b69a2df3caef_13.eot?#iefix") format("eot"),url("http://res1.windows.microsoft.com/resbox/en/windows/main/2f29ed13-8741-44d3-b6cf-846cbe63351f_12.woff") format("woff"),url("http://res1.windows.microsoft.com/resbox/en/windows/main/4f6c5974-f748-4eed-8dd8-2854ee2faa64_12.ttf") format("truetype"),url("http://res2.windows.microsoft.com/resbox/en/windows/main/3d4daac8-a848-4097-a5de-710975279c98_12.svg#web") format("svg");
}


#logo-hwu { display:inline-block; max-width:200px;  }

	#logo-hwu img { max-width:150px;}

#partner { display:inline-block; max-width:120px; float:right; text-align: center; margin-right:10px; }
	#partner .logo { max-width:100%;}
	#partner span { font-size:8pt; color:#888}

#header { max-width: 1000px; margin: 50px auto 50px auto; } 

#main {  max-width: 1000px; margin: 0 auto;  margin-top: 20px; text-align:center; }

#footer{  max-width: 1000px; margin: 70px auto 10px auto; color: #999; font-size:0.8em; padding:10px;}


#prospettiva {     -webkit-perspective: 1700px;  min-height: 500px; min-width: 680px; position:relative; display:inline-block; /*background-image: url(i/live.png); background-repeat:no-repeat; background-position:20px 20px;*/
-moz-perspective: 1700px;
-ms-perspective: 1700px;
perspective: 1700px;

}

#shadow {

-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
-webkit-transform: rotateX(65deg) rotateZ(0deg);
-moz-transform: rotateX(65deg) rotateZ(0deg);
-ms-transform: rotateX(65deg) rotateZ(0deg);
-o-transform: rotateX(65deg) rotateZ(0deg);

width:560px;
height:365px;

position:absolute;

top:10px;
left:35px;
	
}

#piano { background:#555; padding:20px; display:inline-block; border: 5px solid #444; position:absolute; top:0px; left:30px;

-webkit-transform-origin: center center;
-moz-transform-origin: center center;
-ms-transform-origin: center center;
-o-transform-origin: center center;
-webkit-transform: rotateX(65deg) rotateZ(0deg);
-moz-transform: rotateX(65deg) rotateZ(0deg);
-ms-transform: rotateX(65deg) rotateZ(0deg);
-o-transform: rotateX(65deg) rotateZ(0deg);



}

#countdown { width:500px; height: 305px; font-family: Tauri, Arial, Helvetica, sans-serif; color:#ddd; overflow:hidden;  }
	#countdown>span { background-color:#333; border:2px solid #222 }
	#countdown span>span {color:#777}

 #giorni { float:left; display:inline; width:61%; height: 99%;  font-size:17em; line-height: 1.1em; position:relative; text-align:center;  }
 	#giorni span { display: block;  position:absolute; bottom:0; font-size:0.2em; line-height: 1em; text-transform:uppercase;  width:100%; text-align:center;}
 #ore { float:left; display:inline; width:37%; height: 61%;  font-size:9em; line-height: 1.3em; position:relative; text-align:center; margin: 0 0px 0px 0px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); border-top:0px solid #fff!important;}
 	#ore span { display: block; position:absolute; bottom:0; font-size:0.3em; line-height: 1em; text-transform:uppercase;  width:100%; text-align:center;}
 #minuti { float:left; display:inline; width:23%; height: 38%;  font-size:5em; line-height: 1.4em; position:relative; text-align:center; margin: 0 0 0px 0px; border-top:0px solid #fff!important;}
 	#minuti span { display: block; font-size:0.3em; line-height: 0.4em; text-transform:uppercase;  width:100%; text-align:center;}
 #secondi { float:left; display:inline; width:14%; height: 23%;  font-size:3.2em; line-height: 1.65em; background-color: #dd0000!important; position:relative; text-align:center; margin: 46px 0 0px 0px; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); border-top:0px solid #fff!important; border-bottom:0px solid #fff!important}


#countdown-live>span { }
	#countdown-live span>span { color:#FFF; font-size: 0.4em; }


#details { display:inline-block; max-width:100%; background-color: #333; padding: 25px; text-align:left; color:#8e8e8e;  position: relative;}

	#details h2 { background-color: #444; display:block; padding:15px; margin:0 0 15px 0; color: #FC0; font-size:2.3em; }
	
	#details.product{ text-align:left; color:#eee; font-size:1.2em; font-weight:100; }
	#details.product h1{ color:#fff; font-weight: bold; margin-bottom: 20px; }
	
	#details.product .specs {}

	#details.product .etichetta { font-size: 0.8em; background-color:#393939; color:#777; padding:5px; position:absolute; bottom:0;  }
	#details.product .etichetta.left {left:0; height: 30px; padding:0 0 10px 25px; background-color:transparent; }
	#details.product .etichetta.right {right:0; }

#details-live { display:inline-block; background-color: #333; padding: 25px; margin: 0;}

	#details-live h2 { background-color: #444; display:inline-block; padding:15px; margin:0 0 15px 0; color: #FC0; font-size:2.5em; }
	

	#details .etichetta { font-size: 0.8em; background-color:#393939; color:#777; padding:5px; position:absolute; bottom:0;  }
	#details .etichetta.left {left:0; height: 30px; padding:0 0 10px 25px; background-color:transparent; }
	#details .etichetta.right {right:0;}	
		#social-buttons { display:inline-block; height:20px; }
		#social-buttons>div { display:inline; float:left; margin: 0 10px 0 0;  }
	
/*
#details-rec { display:inline-block; background-color: #333; padding: 25px 25px 40px 25px; margin: 0; font-size:1.2em; position: relative; }
	
	#details-rec h1 {margin-bottom:10px;}
	#details-rec h3 {margin:30px auto 10px auto; padding-left:20px; font-weight:bold; color: #C00; border-left:3px solid #C00; }
	

	#details-rec .etichetta { font-size: 0.8em; background-color:#393939; color:#777; padding:5px; position:absolute; bottom:0;  }
	#details-rec .etichetta.left {left:0; height: 30px; padding:0 0 10px 25px; background-color:transparent; }
	#details-rec .etichetta.right {right:0; }
	
		#social-buttons { display:inline-block; height:20px; }
		#social-buttons>div { display:inline; float:left; margin: 0 10px 0 0;  }
*/

.tagevento { font-size:1.5em; font-weight:bold;}

.formregistrazione { background-color:rgba(37,37,37,0.8); padding:20px; margin:18px 10px; color:#8e8e8e;}

	.formregistrazione legend { color:#ccc;}

.mappa { padding: 10px;}
         
#more{	width:50px; height:50px; margin:20px 0 0 0;
	
  animation: animationFrames linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: ;
  animation-fill-mode:forwards; /*when the spec is finished*/
  animation-delay: 5s;
  -webkit-animation: animationFrames linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: ;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/
  -webkit-animation-delay: 5s; 
  -moz-animation: animationFrames linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: ;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -moz-animation-delay: 5s;
  -o-animation: animationFrames linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: ;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -o-animation-delay: 5s;
  -ms-animation: animationFrames linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: ;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
  -ms-animation-delay: 5s;
}

@keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    transform:  rotate(90deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -moz-transform:  rotate(90deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -webkit-transform:  rotate(90deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-o-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -o-transform:  rotate(90deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(0deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
  100% {
    left:0px;
    top:0px;
    opacity:1;
    -ms-transform:  rotate(90deg) scaleX(1) scaleY(1) skewX(0deg) skewY(0deg) ;
  }
}

@keyframes pulse { 
  50% { opacity: 0.5 }
}

.pulse {
  animation: pulse 2s ease-out 100;
}

.tile-big { margin:30px 0px 0 0;  }
	.tile-big a {display:block;  }
	.tile-big .detail { float:right; display:inline; width:250px; height:250px; margin: 30px; background-color: rgba(255,255,255,0.9); padding:20px; position:relative;}	
		.tile-big .title { display:block; font-size:2em }
		.tile-big .desc { color:#000; }
		.tile-big .arrow { width:30px; position:absolute; bottom:20px; right:20px;}


.tile-small-vert { margin:30px 0px 0 0; background-color:#fff; padding:10px; padding-top:30px; border:3px solid #D00; }
	.tile-small-vert a {display:block; height:270px; color:#000; position:relative;}
	.tile-small-vert .detail { display:block; padding:15px;  }
		.tile-small-vert .title { display:block; font-size:1.5em }
		.tile-small-vert .desc { color:#000; margin:20px 0 0 0; display:block; }
		.tile-small-vert .arrow { width:30px; position:absolute; bottom:20px; right:20px;}
	.tile-small-vert img { max-width:100%;     max-height: 60%;}
		
.tile-small { margin:30px 0px 0 0;  }
	.tile-small a {display:block; height:140px; color:#FFF; position:relative;}
	.tile-small .detail { display:block; padding:15px;  }
		.tile-small .title { display:block; font-size:1.4em }
		.tile-small .desc { color:#000; margin:10px 0 0 0; display:block; }
		.tile-small .arrow { width:30px; position:absolute; bottom:20px; right:20px;}

.tile.blue { background-color:#00baf0;}
.tile.green { background-color:#83BA1F;} 
.tile.darkviolet { background-color:#4C2C66;} 
.tile.yellow { background-color:#FF981D;} 
.tile.violet { background-color:#B81B6C;} 
.tile.red { background-color:#7e0306;}


.tile.fb_button {background-color:#3c5b9b;}
.tile.tw_button {background-color:#19bfe5;}



.tile.darkviolet .desc{ color:#fff;}
	

#live-video { border: 0 none transparent; max-width:670px; width:100%; height:450px;  }
#live-chat { border: 0 none transparent; width:320px; height:450px; }



	
@media only screen and (max-width: 750px) {
	
	#prospettiva {  margin-left:50px;}
	#live-video{ height:350px;  }
	 body {background-size: cover; background-attachment: scroll; background-position: center 0px;}
	 
	
}

@media only screen and (max-width: 600px) { 
											 #live-video{ height:300px;  } 
											 #prospettiva {  zoom: 0.5;}
											body { background-position: center 70px;}
										}	
@media only screen and (max-width: 520px) {  body{background-size: 150% auto; background-position: center 70px;} #live-video{ height:250px;  }  }

.specs {}

.specs td { }
.specs td:nth-child(1) { background-color:#222; font-weight:bold; text-align:right;}
.specs .header td { background-color:#BD0000!important;}

.foto { text-align:center;}

.gallery-wrapper {}
.gallery-wrapper .gallery-img img {border:5px solid #333; margin:0px auto 20px auto; display:block; width:200px;}

#anteprima { text-align:center; margin-bottom:15px;}
#anteprima .thumbVideo{ display:inline-block;  margin: 0 5px 0 0;  }
#anteprima .thumbVideo img {max-width:120px; border:5px solid #000;}