* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}

@font-face {
  font-family: Graublau Sans Web;
  src: url(../css/GraublauWeb.otf) format("opentype");
}
 
body {
    font-family: Graublau Sans Web, Lucida Grande, sans-serif; 
	font-size: 16px;
    width: 100%;
    height: 100%;
    color: #333;
}
a {
	color: #333;
	outline: none;
	text-decoration: none;
}
a:hover {
    color: rgb(43, 96, 192);
	text-decoration: none;
}
p {
	margin: 0 11px 10px
}
ul li {
   margin: 0 0 0 35px;
}

/* ---   для IE   --- */
@media screen and (min-width:0\0), @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
ul li {
   margin: 0 0 0 35px;
   list-style: none;
   }
}

ol {
    margin: 0 0 0 20px;
}

h1 {
}

h2 {
color: #466694;
font-size: 21px;
margin: 0 11px 20px;
padding: 0 0 10px;
border-bottom: 1px dotted #466694;
}

h3 {
margin: 0 11px 10px;
}

/*-- КОНТЕНТ --*/
.box {
	width: 100%;
	position: relative;
	margin: 0 0 10px;
}

.center {
	text-align: center;
}

.form .code_box .table_td {
	width: 25%;
	text-align: center;
	background: #e1e8f4;
}

.form .code_box .table_td:first-child {
	width: 50%;
	text-align: left;
	background: none;
	font-size: 12px;
}

.form .code_box .table_td div {
    padding: 0 10px;
}

.form .required {
    color: red;
    border: 1px solid red;
}

.right {
	float: right;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	height: auto !important;
	height: 100%;
	position: relative;
	overflow: hidden;
}

#container {
    width: 1000px;
	margin: 0 auto;
}

#right {
float: right;
}


#left {
float: left;
width: 100%;
}

.left {
float: left;
}

header  {
float: left;
width: 100%;
top: 0;
height: 500px;
}

#topheader {
width: 100%;
float: left;
background: url(/images/bg-topheader.jpg) 50%;
position: fixed;
top: 0;
z-index: 99;
}

.logotype-big {
width: 220px;
padding: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.logotype {
width: 150px;
padding: 0 10px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

#header {
position: absolute;
z-index: 5;
top: 50px;
left: 50%;
width: 8px;
height: 450px;
}

#topmenu, nav { 
display: inline-flex;
float: right;
margin: 10px 0 0;
text-transform: lowercase;
color: #b7cae5;
}

#pidmenu {
list-style: none;
display: none;
text-align: center;
position: absolute;
text-transform: capitalize;
}

.pidmenu {
margin: 1px 0 0;
font-size: 14px;
}

.pidmenu:hover {
color: white
}

li.menu, li.activemenu {
margin: 0 0 0 10px;
}

li.menu a div {
padding: 10px 30px 10px 0;
color: #b7cae5;
-webkit-transition: color 1s ease;
}

li.menu a div:hover{
color: whitesmoke;
}

li.activemenu a div{
padding: 10px 30px 10px 0;
color: whitesmoke;
-webkit-transition: color 1s ease;
}

li.activemenu a div:hover{
color: whitesmoke;
}

.topmenu {
color: #333;
text-decoration: none;
padding: 10px 20px;
font-size: 16px;
font-weight: bold;
}

li.pidmenu a div{
text-align: left;
padding: 10px;
color: whitesmoke;
background: url(/images/bg-b50.png);
}

#bottommenu { 
text-transform: lowercase;
margin: 20px 0;
color: #b7cae5;
list-style: initial;
-webkit-transition: color 1s ease;
}

#bottommenu li.active a div,
li.activebottommenu a div{
padding: 2px;
color: whitesmoke;
}

#bottommenu li a div,
li.bottommenu a div{
padding: 2px;
color: #b7cae5;
-webkit-transition: color 1s ease;
}

#bottommenu li a div:hover,
li.bottommenu a div:hover {
color: whitesmoke;
}

#slider {
display: block;
height: 450px;
width: 1920px;
z-index: 999;
margin: 0 0 0 -960px;
}

#slider img {  }

content {
float: left;
width: 100%;
}

#content {
font: 14px Verdana, Geneva, sans-serif;
width: 100%;
}

.table {
	display: table;
	vertical-align: middle;
	position: relative;
}

.table .table_td {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.table.box {
	margin: 0;
}

.title {
color: #b7cae5;
font-size: 15px;
text-transform: uppercase;
margin: 0 0 5px;
}

#text  img {
border: none;
width: 100%;
}

footer {
width: 100%;
float: left;
background: url(/images/bg-footer.jpg);
height: 250px;
}

#footer {
float: left;
width: 100%;
}

#feedback-form {
margin: 0 11px 0 0;
}

#feedback-form  div {
padding: 0 0 10px;
}

input, textarea {
width: 100%;
box-sizing: border-box;
padding: 5px 10px;
border: 1px solid #e1e8f4;
overflow: auto;
font-family: Graublau Sans Web;
vertical-align: middle;
font-size: inherit;
}

input[type="submit"] {
    padding: 10px;
    border: none;
    cursor: pointer;
}

.button,
#feedback-form [type="submit"] {
padding: 10px;
border: none;
box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
background: #466694;
color: #b7cae5;
text-transform: uppercase;
cursor: pointer;
float: right;
margin: 10px 0;
width: 150px;
text-align: center;
}

.button:hover,
#feedback-form [type="submit"]:hover {
box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
color: white;
}