/* CSS Document */
body{
background-size:cover;
overflow:hidden;
}
*,p,h3,h1,h2,a{
font-family: 'Questrial', sans-serif;
letter-spacing:1px;
}
.over{
	max-width:none !important;
}
.box_login{
	display: block;
	width: 330px;
	height: 380px;
	border: 2px  #464729;
	background-image: url(../../img/login/sfondo-form-log.png);
	border-top-left-radius: 0px !important;
	-moz-border-top-left-radius: 0px !important;
	-webkit-border-top-left-radius: 0px !important;
	border-top-right-radius: 8px !important;
	-moz-border-top-right-radius: 8px !important;
	-webkit-border-top-right-radius: 8px !important;
	border-bottom-left-radius: 8px !important;
	-moz-border-bottom-left-radius: 8px !important;
	-webkit-border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	-moz-border-bottom-right-radius: 8px !important;
	-webkit-border-bottom-right-radius: 8px !important;
	position: relative;
	top: 10%;
	left: 10%;
	z-index: 600;
	-webkit-box-shadow: 10px 6px 23px hsla(0,0%,0%,0.26);
	box-shadow: 10px 6px 23px hsla(0,0%,0%,0.26);
}

h2{
font-size:33px;
display:inline;
}

#username{
	margin-top:10px;
	background-position: 0 -3px;
}
#password{
margin-top:13px !important;
background-position: 0 -42px;
margin-bottom:8px;
}
input {
border:1px  solid #DBDBDB !important;
border-top-left-radius:0px !important;
-moz-border-top-left-radius:0px !important;
-webkit-border-top-left-radius:0px !important;
border-top-right-radius:7px !important;
-moz-border-top-right-radius:7px !important;
-webkit-border-top-right-radius:7px !important;
border-bottom-left-radius:7px !important;
-moz-border-bottom-left-radius:7px !important;
-webkit-border-bottom-left-radius:7px !important;
border-bottom-right-radius:7px !important;
-moz-border-bottom-right-radius:7px !important;
-webkit-border-bottom-right-radius:7px !important;
height:40px !important;
background-image:url(../../img/login/icone-log.png);
	background-repeat:no-repeat;
	padding-left:66px !important;
	font-size:18px !important;
	font-weight:700;
	Color:#464729 !important;
	width:280px !important;
}

input:focus{
	background-image:url(../../img/login/icone-log.png) !important;
	background-repeat:no-repeat !important;
}
a{

Color:#CCCCCC;
font-size:14px ;
font-weight:600;
padding-right:8px;
}

#form_login{
z-index:0;

}

#invio{
background-image:none !important;
float:right;
background:#009EE2;
width:120px!important;
padding:0 !important;
font-size:20px!important;
font-weight:600 !Important;
margin-top:10px;
transition:300ms;
-webkit-transition:300ms;
-moz-transition:300ms;
Color:#FFFFFF !important;

}
#invio:focus,#invio:hover{
background-image:none !important;
background-color:#006691;
Color:#EEEEEE !important;
}

.barra{
background-color:#464729;
height:20px;
width:100%;
position:absolute;
bottom:0px;
}

.logo{
position:absolute;
right:-125px;
bottom:-125px;
}
.logo_rotate {
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}
.titolo{
display:inline;
font-size:50px;
Color:#585857;
z-index:999;
}
.titolo .char4,.titolo .char5,.titolo .char6,.promo_1 .char4,.promo_1 .char5,.promo_1 .char6{
Color:#D2D82C;
}
#logo_top{
height:53px;
display:inline-block;
margin-top:-18px;
padding-left:38px;
-webkit-animation-delay:430ms;
-moz-animation-delay:430ms;
animation-delay:430ms;
}
#username,#password,#pass_forgot,#invio{
-webkit-animation-delay:600ms;
-moz-animation-delay:600ms;
animation-delay:600ms;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
animation-duration:2s;
}
.promo{
position:absolute;
bottom:4%;
left:10%;
}
.promo_1{
Color:#585857;
font-size:90px;
line-height:80px;
}
.promo_2{
font-size:27px;
}
.barracentrale{
position:absolute;
width:2560px;
height:100px;
background-color:#98D7F7;
top:0;
height:180px;
left:-2560px;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

.boxlogin{
	position:absolute;
	width:280px;
	left:50%;
	top:50%;
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

.logo-freschi{
	height:150px;
}

@media only screen and (max-width:40.063em){

}