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

body {
	padding: 0; 
	margin: 0; 
	background-color: #EEF0EF; 
	color: #000;
	font-size: 16px;
	font-family: "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";

}

a {color: rgba(0,85,153,1.00); text-decoration: underline; outline: none; outline-style: hidden;}

.container {width: 100%; max-width: 1200px; margin-right: auto; margin-left: auto;
	height: auto;
/*background-image: url(../img/fondo.png);
-webkit-background-size: cover;
background-size: cover ;
height: 100vh;*/
position: relative;

}


.fondo {height: auto; width: 100%;}

.abs {position: absolute; top: 0; left: 0;}
.abs2 {position: absolute; margin-top: 30%; left: 20%; max-width: 133px;  width: 10%; 	}
.abs3 {position: absolute; margin-top: 30%; left: 72%; max-width: 133px;  width: 10%}
.abs4 {position: absolute; margin-top: 68%; left: 10%; max-width: 300px;  width: 20%; text-align:right;  font-size: 14px; height: 60px; width: 300px; }
.abs4 a { color: #666; text-transform: none; text-decoration: none;}
.abs5 {position: absolute; margin-top: 68%; left: 60%; max-width: 300px;  width: 120px; text-align:right; font-size: 14px;  height: 60px; width: 300px;}
.abs5 a { color: #666; text-transform: none; text-decoration: none;}


.login {position: absolute; margin-top: 21%; margin-left: calc(50% - 146px); text-align: center; 
	background-color: rgba(255, 255, 255, 0.5); padding-top: 5%;
padding-bottom: 5%; 
-webkit-box-shadow: 10px 10px 18px 0px rgba(163,160,163,1);
-moz-box-shadow: 10px 10px 18px 0px rgba(163,160,163,1);
box-shadow: 10px 10px 18px 0px rgba(163,160,163,1); width: 275px;
}

.video {position: absolute; max-width: 1200px; top: 0px; width: 80%; z-index: 10000; margin-top: 10%; margin-left: 10%; }
.d-inline-block {display: block;}

input[type="password"] {border: 2px solid #999; background: transparent; font-size: 17px; margin-top: 40px; margin-bottom: 10px;
color: #000; padding: 2px; border-radius: 0; width: 85%; max-width: 100px;}

.chiudi {position: absolute;  margin-top: 80%; width: 80%; margin-left: 48%; text-align: center; background-color: #000;}

.hidden-md {display: block;}
.hidden-xs {display: none;}





@media (max-width: 1024px) {
.abs2 {position: absolute; margin-top: 27.8%; left: 23.5%; max-width: 93px;  width: 10%; 	}
.abs3 {position: absolute; margin-top: 27.8%; left: 68%; max-width: 93px;  width: 10%}
body {font-size: 12px;}
.login {width: 175px; margin-left: calc(50% - 86px);}
.hidden-md {display: none;}
.hidden-xs {display: block;}
.abs4 {position: absolute; margin-top: 68%; left: 10%; max-width: 300px;  width: 20%; text-align:right;  font-size: 14px; height: 60px; width: 150px; }
.abs4 a { color: #666; text-transform: none; text-decoration: none;}
.abs5 {position: absolute; margin-top: 68%; left: 60%; max-width: 300px;  width: 150px; text-align:right; font-size: 14px;  height: 60px; width: 150px;}
.abs5 a { color: #666; text-transform: none; text-decoration: none;}
}