@import url("reset.css");

body{
background: #ffffff;
color: #000000;
margin: 0px;
padding: 0px;
direction: ltr;
font-family: tahoma, arial, verdana, sans-serif, Lucida Sans;
font-size: 14px;
font-weight: normal;
}

.screen{
background: #969baf;
width: 100%;
min-height: 100%;
overflow: auto;
}

.wrapper{
background: #d6d6d6;
width: 1024px;
min-height: 100%;
margin: 35px auto;
overflow: auto;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
}

.header{
background: #ffffff;
width: 1024px;
height: 130px;
}

.topmenu{
background: #3c4148;
width: 1024px;
height: 50px;
}

.topmenu ul{
margin: 0 30px;
border-left: 1px solid #343940;
overflow: auto;
}

.topmenu ul li{
float: left;
}

.topmenu ul li.logout{
float: right;
border-left: 1px solid #343940;
}

.topmenu ul li a{
display: block;
font-weight: bold;
font-size: 14px;
color: #ffffff;
text-decoration: none;
padding: 18px;
border-right: 1px solid #343940;
}
.topmenu ul li.active, .topmenu ul li.logout.active {
background-color:#404D5E;
}

.topmenu ul li a:hover{
background: #30343a;
}

.logo{
width: 250px;
height: 48px;
padding: 16px 45px;
float: left;
}

.buttons{
width: 624px;
height: 34px;
padding: 22px 30px;
float: left;
}

.space{
float: right;
width: 20px;
height: 34px;
}

.addbutton{
float: right;
background: #6dad63;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
border: 1px solid #52814b;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
text-decoration: none;
}

.addbutton:hover{background: #75ba6a;}

.removebutton{
float: right;
background: #bb5359;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
border: 1px solid #834248;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
text-decoration: none;
}

.removebutton:hover{background: #c5767b;}

.newaddbutton{
float: right;
background: #6dad63;
padding: 5px 7px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
border: 1px solid #52814b;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
text-decoration: none;
}

.newaddbutton:hover{background: #75ba6a; cursor: pointer;}

.newremovebutton{
float: right;
background: #bb5359;
padding: 5px 7px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
border: 1px solid #834248;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
text-decoration: none;
margin-right: 8px;
}

.newremovebutton:hover{background: #c5767b; cursor: pointer;}


.company-name{
font-weight: bold;
font-size: 24px;
color: #5e5b69;
}

.slogan{
padding-top: 10px;
font-size: 14px;
color: #5e5b69;
}

.main-section{
background: #d6d6d6;
padding: 35px 30px;
width: 964px;
overflow: auto;
min-height: 600px;
}

.content{
background: #ffffff;
margin-right: 20px;
width: 640px;
float: left;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border: 1px solid #b6b6b6;
overflow: auto;
}

.title{
font-weight: bold;
font-size: 18px;
color: #525252;
margin: 15px;
}

.article{
border-top: 1px solid #eaeaea;
margin: 15px 0;
padding: 15px 15px 5px 15px;
}

.person{
font-size: 14px;
font-weight: bold;
color: #525252;
margin: 10px 0;
}

.person span{
font-weight: normal;
font-size: 13px;
font-style: italic;
}

.price-info{
font-size: 14px;
color: #525252;
margin: 10px 0;
}

.price-info span{
float: right;
font-size: 16px;
font-weight: bold;
color: #525252;
}

.aside{
width: 302px;
float: left;
overflow: auto;
}

.block{
background: #ffffff;
width: 300px;
float: right;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border: 1px solid #b6b6b6;
overflow: auto;
}

.orderform{
width: 300px;
overflow: auto;
}

.formline{
padding: 0 15px;
width: 270px;
overflow: auto;
margin-bottom: 10px;
}

.orderform label {
display:block;
float:none;
font-size:14px;
width:auto;
padding-bottom: 5px;
color: #5e5b69;
}

.inp{
width: 256px;
border: 1px solid #e3e3e3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
background: #f2f2f2;
padding: 5px 7px;
}

.inp:focus{background: #ffffff;}

.sel{
width: 272px;
border: 1px solid #e3e3e3;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
background: #f2f2f2;
padding: 5px 7px;
cursor: pointer;
}

.sel:focus{background: #ffffff;}

option{padding: 5px 7px;}

.footer{
background: #d6d6d6;
width: 100%;
overflow: auto;
}

.copy{
text-align: center;
font-size: 11px;
color: #888888;
padding: 25px 0;
}
.projects{
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
.projects a{
	padding: 10px 0; 
	display: block;
}
.admin_panel {
padding:100px 0;
}
.authorization {
display:inline-block;
margin:0 100px;
padding:20px 30px;
background-color:#FFFFFF;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
border:1px solid #B6B6B6;
}
.authorization+.authorization {
margin:50px 100px 0 100px;
}
.authorization_input {
text-align:right;
font-size:18px;
color:#525252;
}
.authorization_success, .authorization_error {
font-size:15px;
font-weight:bold;
color:#BC0101;
margin-bottom:10px;
}
.authorization_success {
color:#029F00;
}
.authorization_checkbox {
width:20px;
height:20px;
margin-left:12px;
}
.authorization .orderform {
width:400px;
}
.authorization .orderform form {
display:inline-block;
}
.authorization .inp {
width:200px;
margin-left:12px;
}
.authorization td {
height:40px;
}
.authorization input[type="submit"] {
margin-top:20px;
background:#6DAD63;
padding:7px 26px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
border:1px solid #499C3D;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
text-decoration:none;
}
.authorization input[type="submit"]:hover, .authorization input[type="submit"]:focus {
background:#5D8E56;
border:1px solid #2D6125;
}
.screen.full {
min-height:100vh;
}