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

.versus{
	position:absolute;
	width:297px;
	height:107px;
	max-height:107px;
	float:left;
	left:50%;
	margin-left:-440px;
	margin-top:5%;
	text-align:center;
}

.versus:hover{
	width:337px;
	height:107px;
	margin-left:-460px;
	background-color:#000;
	text-align:center;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.versus_legale{
	position:absolute;
	width:297px;
	height:107px;
	max-height:107px;
	float:right;
	right:50%;
	margin-right:-440px;
	margin-top:5%;
	text-align:center;
}

.versus_legale:hover{
	width:337px;
	height:107px;
	margin-right:-460px;
	background-color:#000;
	text-align:center;
	-webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.lume{
	-moz-box-shadow:1px 1px 20px #fff;
    -webkit-box-shadow:1px 1px 20px #fff;
    box-shadow:-1px -1px 25px #fff;
	
	/*border: 60px groove rgba(255,255,255,0.0);*/
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}

.lume:hover{
	-moz-box-shadow:1px 1px 20px transparent;
    -webkit-box-shadow:1px 1px 20px transparent;
    box-shadow:-1px -1px 25px transparent;
	
	/*border: 60px groove rgba(255,255,255,0.0);*/
	
	-webkit-transition:0.3s ease;
	-moz-transition:0.3s ease;
	-ms-transition:0.3s ease;
	-o-transition:0.3s ease;
	transition:0.3s ease;
}

.cont_aifo{
	position:absolute;
	width:100%;
	height:55px;
	bottom:40px;
}

.aifo{
	width:200px;
	height:65px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:20px;
}

@media (min-width: 220px) and (max-width:560px) {
.versus{
	position:absolute;
	width:330px;
	height:139px;
	max-height:139px;
	float:left;
	left:50%;
	margin-left:-360px;
	margin-top:-2%;
}
	
.versus_legale{
	position:absolute;
	width:330px;
	height:139px;
	max-height:139px;
	float:left;
	left:50%;
	margin-left:-360px;
	margin-top:15%;
}

.video_index{
	position:fixed;
	width:300px;
	height:200px;
	max-height:200px;
	float:left;
	left:50%;
	margin-left:-150px;
	bottom:-470px;
}
}

.video_index{
	position:absolute;
	width:300px;
	height:200px;
	max-height:200px;
	float:left;
	left:50%;
	margin-left:-430px;
	margin-top:22%;

}

#linea_video{

	width:100%;
	height:25px;
	background-color:rgba(0,0,0,0.5);
	z-index:10;
}

/*#linea_video_capital{
	margin-top:22%;
	width:100%;
	height:25px;
	background-color:rgba(0,0,0,0.5);
	z-index:12000;
	display:block;
}*/

.linea_text{
	color:#FFF;
	font-size:40px;
	margin-top:30%;
	font: 50px 'ScriptinaProRegular', Arial, sans-serif;
	line-height:25px;
	text-align:center;
	padding-left:300px;
}

#footertop{
	position:relative;
	background-color:rgba(0,0,0,0.5);
	width: 100%;
	height:100px;
}


#footer{
	position:fixed;
	bottom:0px;
	background-color:rgba(0,0,0,0.5);
	color:#fff;
	width: 100%;
}

#footer p{
	text-align: center;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	padding-top:10px;
	line-height:5px;
}