@font-face {
 font-family:'naipol';
 src:url('../css/fonts/naipol.eot'), url('../css/fonts/naipol.ttf') format('truetype'), url('../css/fonts/naipol.svg') format('svg'), url('../css/fonts/naipol.woff') format('woff'), url('../css/fonts/naipol.woff2') format('woff2');
 font-weight:normal;
 font-style:normal;
}

html{font-family:'Open sans', Tahoma; font-size:12px; height:100%;
/*
zoom:0.5;
-ms-zoom:0.5;
-webkit-zoom:0.5;
-moz-transform: scale(0.5,0.5);
-moz-transform-origin:left center; */

}
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
html{opacity:0.99;}
}*/

body{ background-image:url(../css/img/background.jpg); background-repeat:repeat; color:#999; min-height: 740px; height:100%;}

*[onclick], input[type=submit]{cursor:pointer;}
a, a:HOVER{text-decoration:none;}

input[type=text], input[type=password]{box-sizing:border-box; border:none; border-bottom:1px solid #666; height:30px; line-height:30px; padding:0px 1px; width:100%; background-color:transparent; color:#666;}
/*input::-webkit-input-placeholder{font-style:italic; color:#999; opacity:1}
input::-moz-placeholder{font-style:italic; color:#999; opacity:1}
input:-moz-placeholder{font-style:italic; color:#999; opacity:1}
input:-ms-input-placeholder{font-style:italic; color:#999; opacity:1}
input:placeholder-shown{font-style:italic; color:#999; opacity:1}*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 9999s;
  -webkit-transition: color 9999s ease-out, background-color 9999s ease-out;
}

select{box-sizing:border-box; border:none; border-bottom:1px solid #666; height:30px; line-height:30px; padding:0px 1px; width:100%; background-color:transparent; color:#666;
background-image:url(img/select.png); background-position:calc(100% - 5px) 50%; background-repeat:no-repeat;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;}
@-moz-document url-prefix()
{
  select{text-indent:-2px;}
}

input[type=button],
input[type=submit]{width:100%; box-sizing:border-box; font-family:'Open sans', Tahoma; font-size:16px; border:none; text-transform:uppercase; padding:10px 40px 9px; cursor:pointer; border-radius:2px; background-color:#4d4d4d; color:#fff;}

*{outline:none;}

img{border:none;}

div#main{background-image:url(img/logo.png);background-repeat:no-repeat;background-position:50% 100px;position:relative;top:0px;left:50%;margin-left:-200px;width:400px;height:360px;padding-top: 180px;}

div.field{padding-top:30px; overflow:hidden; position:relative;}
div.field > label{position:absolute; top:40px; left:1px; line-height:10px; transition:all 0.2s ease 0s; color:#999; cursor:text;}
div.field > label.up{top:20px; font-size:10px; color:#666; transition:all 0.4s ease 0s; }


div.field > span{content:"";background-color: #D9E61A;; top:100%; height:3px; position:absolute;right:0;left:50%; width:0; transform:translateX(-50%) translateY(-2px); transition: width 0.15s ease-out;}
div.field.error > span{background-color: #c13d49;}
div.focused > span{width:100%; transition: width 0.3s cubic-bezier(0.4,0,0.2,1);}


div.captchaField{width:50%; float:left;}
/*input#captchaField{width:}*/
div#captchaContainer{float:right; white-space:nowrap;padding-top:30px;}
img#captchaReload{background-image:url(../css/img/reload.png); background-position:50%; background-repeat:no-repeat; width:20px; height:29px;}

img#loadingImage{display:none;}
img#loadingImage.display{display:inline;}

div#responsesContainer{color:#c13d49;}

div#footer{background-color:#333; position:fixed; bottom:0px; left:0px; right:0px; height:50px; line-height:50px; text-align:center; color:#808080;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
div.alert{display: none;
}

#browserAlert{
  z-index: 1284;
  display: none;
  background-repeat: no-repeat;
  background-position: 50% 100px;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 50%;
  margin-left: -290px;
  width: 580px;
  padding-top: 270px;
  background-image: url(img/logo.png);
  background-color: #fff;
  box-shadow: 0px 0px 10px -1px #333;
  text-align: center;
  font-size: 13px;
}
.overlay{
   content: "";
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #111;
  opacity:0.5; 
  z-index: 10;
  display: none;
  
}

#browserAlert .inner{
  padding:80px;
  top:50%;
  position: absolute;
  left:0;
  right:0;
  transform: translateY(-50%);
}
.optimized{
  font-weight: bold;
  margin-bottom: 50px;
  color:#333;
  
}
.alert>span{
   font-weight: bold;
  margin-bottom: 40px;
  display: block;
  
  color:#333;
}
.downloadBrowsers{
  margin-top: 50px;
	padding-top: 20px;
	text-align: center;
}
.downloadBrowsers img{
	margin: 0 30px;
  max-width: 80px;
}
.close{
	position: absolute;
	right:15px;
	top:15px;
}
#loginButton.loading{
	background-image: url("img/loading.gif");
	background-repeat: no-repeat;
	background-position: center center;
	color:transparent;
}

/* REDIRECTION */
div.modalLayer_content div.redirection{ z-index:1285; display:block; background-repeat:no-repeat; background-position:50% 100px; position:fixed; top:0px; bottom:0px; left:50%; margin-left:-290px; width:580px; padding-top:270px; background-image:url('img/logo.png'); background-color:#fff; box-shadow:0px 0px 10px -1px #333; text-align:center; font-size:15px; }

div.logo{
  position: absolute;
  top: 128px;
  left: 139px;
}

div .subTitle {
    float: left;
    color: #666666;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Lato', sans-serif;
}
div .subTitle2 {
    font-weight: bold;
    float: left;
    margin-left: 10px;
    color: #666666;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'Lato', sans-serif
}