@charset "UTF-8";
/* CSS Document */
html {
  position: relative;
  min-height: 100%;
}

body {font-family: 'Open Sans', sans-serif; font-size:14px; line-height:20px; margin-bottom: 40px; overflow:auto; min-width:1200px}

.fontsize-big {font-size:16px; line-height:24px;}
.fontsize-small {font-size:12px; line-height:16px;}
.fontsize-normal {font-size:14px; line-height:20px;}

a {color:#01a0e3;}

h3 {font-weight:bold; text-transform:uppercase; font-weight:bold;}
.h1, .h2, .h3, h1, h2, h3, p {margin-bottom:20px; margin-top:0px;}

.blue-color {color:#01a0e3;}
.dark-blue-color {color:#0e68a2;}
.darkred {color:darkred;}

.header {    
	border-bottom: 10px solid #0e68a2;
    margin: 0 auto;
    max-width: 1200px;
    overflow: hidden;
    padding: 15px 30px;
    position: relative;
}

.main-menu-wrapper {width:1200px; margin:0 auto;}
.main-menu {height:40px; border:1px solid #16497d;}
.main-menu > ul {display:table; width:100%; list-style:none; padding:0px; margin:0px;}

.main-menu.fixed {display:inline-block;}
.main-menu.fixed > ul {width:auto;}
.main-menu.fixed  > ul > li > div > a {padding:0 30px;}

.main-menu > ul > li {display:table-cell; width:12.5%; vertical-align:middle;position:relative; height:38px; border-left:1px solid #16497d;}
.main-menu > ul > li:first-child {border:0px;}
.main-menu > ul > li > div > a {        
	border:1px solid #c8d4e0;
	color: #0e68a2;
    display: block;
    height: 38px;
    line-height: 38px;
    padding: 0;
    text-align: center;
}

.main-menu > ul > li > div > a.line-14 {padding:4px 0; line-height:14px;}

.main-menu > ul > li a:hover, 
.main-menu > ul > li:hover a {text-decoration:none; background:#0e68a4; color:#fff; border-color:#0e68a2;}

.main-menu-ul-li {position:relative;}

.main-menu > ul ul {visibility:hidden; position:absolute; display:block; width:301px; background:#0e68a4; top:38px; left:-1px; list-style:none; padding:0px; margin:0px;}
.main-menu > ul > li:hover ul {visibility:visible;} 
.main-menu > ul ul li {border-bottom:1px solid #4995c4;}
.main-menu > ul ul li:last-child {border:0px;}
.main-menu > ul ul li a {text-align:left; display:block; color:#fff; padding:10px 30px; line-height:18px;}
.main-menu > ul ul li a:hover {text-decoration:none; color:#a2d9f7;}

.a-fontsize {    
	left: 250px;
    position: absolute;
    top: 40px;
}
.a-fontsize dd {float:left; margin-left:5px;}
.a-fontsize dd a {border:2px solid #02a0e3; display:block; height:30px; width:26px; text-align:center; text-decoration:none; font-weight: 600;}
.a-fontsize dd a.active {background:#02a0e3; color:#fff;}
.a-fontsize dd a:hover {text-decoration:none;}
.a-fontsize-big {font-size:26px; line-height:24px;}
.a-fontsize-normal {font-size:20px; line-height:28px;}
.a-fontsize-small {font-size:14px; line-height:34px;}

.fontsize-big .a-fontsize-big {background:#02a0e3; color:#fff;}
.fontsize-normal .a-fontsize-normal {background:#02a0e3; color:#fff;}
.fontsize-small .a-fontsize-small {background:#02a0e3; color:#fff;}


.logo {float:left;}
.contacts {
	float:left; 
	margin-left:270px; 
	margin-top:15px;
}
	.contacts-block {float:left; margin-right:50px;}
	.contacts-block:last-child {margin-right:0px;}
.city {position:absolute; right:30px; bottom:0px;}

.logo-on-index {padding:20px 0; text-align:center;}

.content {margin:0 auto; width:1200px; padding:30px;}

.login-form {margin:0px auto; width:650px; padding:20px 45px; border:3px solid #00a0e3;}
.login-block {margin-bottom:15px;}
.login-panel-label {float:left; width:100px; color:#333; font-size:20px; line-height:1.6;}

.error {color:#e23232;}

.login-panel-input {float:left; width:calc(100% - 100px);}
.login-panel-input input[type=text] {outline:none; padding:5px 12px; width:100%;}

.left {float:left; width:800px; text-align:justify;}
.right {float:right; width:300px;}

.index-button {background:#00a0e3; padding:7px 70px; border:0; color:#fff; text-transform:uppercase; font-weight:bold; font-size:20px;}

footer {text-align:center; color:#fff; position:absolute; width:100%;  bottom:0px;  right:0; left:0;}
.footer {min-width:1200px; margin:0 auto; background:#00a0e3; padding:10px 0; height:40px;}
.footer a {
    color: #fff;
}
.dark-blue {background:#0e68a2;}
.orange-bg, orange-bg td {background:#ffe3d0 !important;}
.red-bg, .red-bg td {background:#fee9e9 !important;}


.form-control {display:inline-block; width:auto;}
.sort-table {width:100%;}
.sort-table .form-control {
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
}

.vertical-align-middle td, .vertical-align-middle th {vertical-align:middle !important;}

.table-colored th {background:#e6eeee;}