@charset "utf-8";
/* CSS Document */
html{
 height:100%;
 min-height:100%;
}
*{
	margin:0;
	padding:0;	
}
/*.grecaptcha-badge{
        display:none;
    }
.rc-anchor{
	margin:0px;
	padding:0px;	
}
.g-recaptcha { 
	transform:scale(0.80); 
	-webkit-transform:scale(0.80); 
	margin-left:10px;
	padding:0px;
	margin-bottom:0px;
} 
*/
body{
	box-sizing: border-box;
  	height: 100%;
	margin:0;
	padding:0;	
	background-image: url(../img/bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	background-color: #001e41;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	
}

.info{
	/*border: #999999 solid 1px;*/
	margin-left:1px;
	width: 228px;	
	height:18px;
	padding:5px;
	position:absolute;
	z-index:50;
	/*background-color:#3333FF;*/
	color:#006;	

	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ceb529+27,7db9e8+80&1+26,0+80 */
background: url(../img/arrow_down.png) center bottom no-repeat, -moz-linear-gradient(top,  rgba(206,181,41,1) 26%, rgba(206,181,41,0.98) 27%, rgba(125,185,232,0) 80%); /* FF3.6-15 */
background: url(../img/arrow_down.png) center bottom no-repeat, -webkit-linear-gradient(top,  rgba(206,181,41,1) 26%,rgba(206,181,41,0.98) 27%,rgba(125,185,232,0) 80%); /* Chrome10-25,Safari5.1-6 */
background: url(../img/arrow_down.png) center bottom no-repeat, linear-gradient(to bottom,  rgba(206,181,41,1) 26%,rgba(206,181,41,0.98) 27%,rgba(125,185,232,0) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ceb529', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */


	
	}


#bottom{
	margin:0 auto;
	height:18px;
	text-align:center;
	color:#999;
	font-size:10px;	
	cursor:pointer;
	overflow:hidden;
}
#bottom:hover{
	color:#0F0;
}
/*######################LOGIN######################################### */

#center_container {
  align-items: center;
  display: flex;
  min-height: 100%;
}

#login {
  margin: 0 auto;
  padding: 10px 10px 0px 10px;
  text-align: center;
  width: 300px;
  background: #eceeee;
  border: 1px solid #42464b;
  border-radius: 6px;
}

#login input[type="text"],input[type="password"]{
  border: 1px solid #a1a3a3;
  border-radius: 4px;
  box-shadow: 0 1px #fff;
  box-sizing: border-box;
  color: #696969;
  height: 39px;
  margin: 15px 0 0 0px;
  padding-left: 10px;
  transition: box-shadow 0.3s;
  width: 240px;	
}

#login  input[type="text"]:focus, input[type="password"]:focus {
  box-shadow: 0 0 4px 1px rgba(99, 148, 222, 0.6);
  outline: 0;
}

#login input[type="submit"] {
  width:240px;
  height:30px;
  display:block;
  font-family:Arial, "Helvetica", sans-serif;
  font-size:16px;
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  text-align:center;
  text-shadow:1px 1px 0px #37a69b;
  padding-top:6px;
  margin: 15px 0 15px 29px;
  position:relative;
  cursor:pointer;
  border: none;  
 /* background-color: #204EA4;
  background-image: linear-gradient(top,#069,#0FF);*/
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius:5px;
  box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #1F458B , 0px 5px 5px #06C;
  
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+50,207cca+51,7db9e8+100;Blue+Gloss+Default */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */  
}
#login #logo{
	width:200px;	
}