/***
Login page
***/

/* logo page */

body {
	margin: 0px;
	padding: 0px;
	background: #353a33 url("img/arkaFon.png") repeat-x top left !important;
}

body.login2 {
	margin: 0px;
	padding: 0px;
	background: #353a33 url("img/arkaFon2.png") repeat-x top left !important;
}
.main {
	display: block;
	margin: 10px auto 0 auto;
	width: 920px;
	height: 651px;
	background: transparent url("img/main.png") no-repeat top left;
	overflow:hidden;
}

.main-login {
	display: block;
	margin: 10px auto 0 auto;
	width: 920px;
	height: 651px;
	background: transparent url("img/login.png") no-repeat top left;
	overflow:hidden;
}

.main2 {
	display: block;
	margin: 10px auto 0 auto;
	width: 920px;
	height: 660px;
	background: transparent url("img/main2.png") no-repeat top left;
	overflow:hidden;
}

.menu{ display:block; margin:103px 0 0 413px;position:absolute;width:507px;}
.menu ul{margin:0;padding:0;}
.menu ul li{ list-style:none;padding:0;width:auto;float:left;}
.menu ul li a, 
.menu ul li a:active, 
.menu ul li a:visited, 
.menu ul li a:link {font-family:"Century Gothic";font-size:20px;padding:10px 20px;color:white;text-decoration:none;display:inline-block;background:transparent url("img/icon.png") no-repeat bottom center;}
.menu ul li a:hover{text-decoration:none;background:transparent url("img/icon_active.png") no-repeat bottom center;}

.loginForm2{
    display: block;
    height: 439px;
    margin: 165px 0 0 10px;
    overflow: auto;
    width: 890px;}



.loginForm{
    display: block;
    height: 300px;
    margin: 400px 0 0 244px;
    overflow: hidden;
    position: absolute;
    width: 300px;}

.form-control { background-color:white;
                height:30px;
               
}


@media (max-width: 480px) {
  /***
  Login page
  ***/
  .login .logo {
    margin-top:10px;
  }

  .login .content {
    padding1: 20px; 
    width: 280px;
  }

  .login .content h3 {
    font-size: 22px;
  }


  .login .checkbox {
    font-size: 13px;
  }
}