/***** CSS TAG *****/
body {
	/*background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;*/
	background-color:#000;
	color:#fff;
}
html, body {
	height:100%;	
}
strong {
	font-weight:bold;	
}
#slogan {
	position:absolute;
	width:900px;
	top:20px;
	left:50px;
	padding-top:30px;
	padding-bottom:30px;
	border-left:1px solid #fff;
	/*background-color:rgba(255,255,255,0.4);*/
}
#top p {
	font-family: 'Muli', sans-serif;
	font-weight:400;
	margin-bottom:8px;
	font-size:15px;
	color:#fff;
}

#slogan h1 {
	color:#fff;
	font-size:55px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	line-height:70px;
	margin-left:30px;
}
#slogan h1 span {
	font-family:"Arial Black", Gadget, sans-serif;
	font-weight:900;
	font-size:80px;
}
#top h2 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight:700;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
	text-transform:uppercase;
	margin-left:30px;
	margin-bottom:25px;
	font-size:25px;	
	color:#e77d09;
}
#top a:link, #top a:visited {
	text-decoration:none;
	color:#fff;
}
#top a:hover {
	color:#e77d09;	
}
#orologi {
	width:600px;
	height:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-175px;
	margin-left:-175px;
	z-index:9999;	
}
#right_bar {
	width:500px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(../img/bg.png);
	background-repeat:repeat;
	font-family: 'Muli', sans-serif;
	font-size:14px;
	font-weight:300;
	line-height:22px;
}
#right_bar_content {
	width:350px;
	height:100%;
	position:absolute;
	right:20px;
}
#center {
	position:absolute;
	top:50%;
	text-align:center;
	width:350px;
	text-transform:uppercase;
	font-size:25px;
	font-weight:900;
	line-height:34px;
}
#center p {
	font-family: 'Muli', sans-serif;
	color:#43853a;
}
#top {
	position:absolute;
	top:40px;
	width:350px;
	right:50%;
	margin-right:-175px;	
}
#bottom {
	position:absolute;
	bottom:40px;
	width:350px;
	right:50%;
	margin-right:-175px;
	text-align:center;
}
#bottom a:link, #bottom a:visited {
	color:#fff;
	text-decoration:none;	
}
#bottom a:hover {
	color:#e77d09;	
}
.powered {
	font-size:15px;	
}
.icon {
	float:left;
	margin-right:8px;	
	margin-left:30px;
	margin-bottom:8px;
}

/***** Posizione verticale Ipad Mini *****/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 1)  {
	body {
		background-image:url(../img/bg_mobile.jpg);
		background-repeat:no-repeat;
		background-size:cover;	
	}
	#slogan {
		width:500px;
		padding-left:30px;
	}
	#slogan p {
		margin-left:0px;	
	}
	#slogan h1 {
		margin-left:0px;	
	}
	#big-video-wrap {
		display:none;	
	}
}

/***** Posizione orizzontale Ipad Mini *****/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	body {
		background-image:url(../img/bg_mobile.jpg);
		background-repeat:no-repeat;
		background-size:cover;	
	}
	#slogan {
		width:500px;
		padding-left:30px;
	}
	#slogan p {
		margin-left:0px;
		font-size:15px;
	}
	#riferimenti p {
		font-size:15px;
	}
	#slogan h1 {
		margin-left:0px;
		font-size:40px;
		line-height:45px;	
	}	
	#slogan h1 span {
		font-size:40px;	
	}
	#big-video-wrap {
		display:none;	
	}
}

/***** Posizione verticale Iphone *****/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	body {
		background-image:url(../img/bg_mobile.jpg);
		background-repeat:no-repeat;
		background-size:cover;	
	}
	#big-video-wrap {
		display:none;	
	}
	#slogan, #riferimenti {
		width:500px;
		padding-left:30px;
	}
	#slogan p, #riferimenti p {
		margin-left:0px;
		font-size:15px;	
		line-height:28px;
	}
	#slogan h1 {
		margin-left:0px;
		font-size:40px;	
	}
	#riferimenti h2 {
		margin-left:0px;
		font-size:40px;		
	}
	#slogan h1 span {
		font-size:40px;	
	}
}

/***** Posizione orizzontale Iphone *****/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	body {
		background-image:url(../img/bg_mobile.jpg);
		background-repeat:no-repeat;
		background-size:cover;	
	}
	#big-video-wrap {
		display:none;	
	}	
	#slogan, #riferimenti {
		width:500px;
		padding-left:30px;
	}
	#slogan p, #riferimenti p {
		margin-left:0px;
		font-size:12px;	
		line-height:21px;
	}
	#slogan h1 {
		margin-left:0px;
		font-size:30px;	
		line-height:38px;
	}
	#riferimenti h2 {
		margin-left:0px;
		font-size:25px;		
	}
	#slogan h1 span {
		font-size:40px;	
	}
}