@font-face {
	font-family: 'altbr';
	src: url('../fonts/altbr/ALT_BR.eot');
	src: url('../fonts/altbr/ALT_BR.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/altbr/ALT_BR.woff') format('woff'),
	 	 url('../fonts/altbr/ALT_BR.ttf') format('truetype'),
		 url('../fonts/altbr/ALT_BR.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

* {
	margin: 0;
	padding: 0;
}


        
    position: absolute
}

header, nav, section, article, aside, footer {
	display: block;
}

body {
    background: url("../i/bg-body-wood.png") repeat;
	font: 12px Arial, Tahoma, Verdana, sans-serif;
	width: 100%;
        min-width: 1020px;
}
a:link {
    color: #3490F8;
}

a:hover, a:active {
    text-decoration: none;
    color: #F89934;
}

a:visited {
    color: #666666;
}

p {
	margin: 0 0 18px
}
img {
	border: none;
}
input {
	vertical-align: middle;
}

#wrapper {
	width: 1020px;
	margin: 0 auto;
}


/* menu */
#menu{height:30px;}
#menu ul {
        margin: 0;
        list-style: none;
        line-height: normal;
}

#menu li {
        display: block;
        float: left;
        margin-right: 1px;
        padding: 0;
        background: #FFFFFF;
}

#menu a {
        display: block;
        float: left;
        background: url(../i/img07.gif) no-repeat;
        text-decoration: none;
        color: #666666;
}

#menu a:hover {
        color: #1777B1;
}

#menu b {
        display: block;
        float: left;
        height: 23px;
        padding: 7px 10px 0 10px;
        background: url(../i/img08.gif) no-repeat right top;
        cursor: hand;
}
#menu li.active {
        background: #CFCECE url(../i/img04.gif) repeat-x;
}

#menu li.active a {
        background: url(../i/img06.gif) no-repeat right top;
        color: #C90404;
}

#menu li.active b {
        background: url(../i/img05.gif) no-repeat;
}
/* Middle
-----------------------------------------------------------------------------*/
#middle {
	background-color: white;
	width: 100%;
        box-sizing: border-box;
	height: 1%;
	position: relative;
        padding: 10px;
}
#middle:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
#container {
	width: 100%;
	float: left;
	overflow: hidden;
}
#content {
	padding: 0 480px 0 0;
}

form.contact-form {}
form.contact-form ul{list-style-type: none;}
form.contact-form li{margin: 5px 0}
form.contact-form label{display:block;margin:5px 0;font-weight:bold;}
form.contact-form span.helptext{display:block;font-size:90%;color:#555;margin:3px 0}
form.contact-form .submit {padding:2px 20px}
form.contact-form .form-note {padding: 20px 0; color:red}
form.contact-form ul.errorlist {color:red}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
    background-image: url(http://centr61.ru/media/m/i/666.png);
    background: url(../i/img13.gif) repeat-x;
    float: left;
	margin-left: -460px;
	width: 220px;
	position: relative;
}
#sideLeft ul {
    list-style: none;
}
#sideLeft ul li {
    padding-left: 10px;

    
}

/* Sidebar Right
-----------------------------------------------------------------------------*/
#sideRight {
	float: left;
	margin-left: -220px;
	margin-right: -3px;
	width: 220px;
	position: relative;
}


/* Footer
-----------------------------------------------------------------------------*/
#footer {
padding: 20px;
background: #DDD;
border-top: 1px solid #999;
}

/* Boxes */

.box-orange {
    background: url(../i/img09.gif) repeat-x;
}

.box-orange .section {
    /*background: url(../i/img11.gif) no-repeat right top;*/
    font-size: 100%;
    color: #FFFFFF;
}

.box-orange .section b {
    display: block;
    height: 23px;
    padding: 7px 0 0 10px;
    /*background: url(../i/img10.gif) no-repeat;*/
}

.box-orange .content {
    padding: 20px;
}

.box-blue {
    background: url(../i/img13.gif) repeat-x;
}

.box-blue .section {
    /*background: url(../i/img15.gif) no-repeat right top;*/
    font-size: 100%;
    color: #FFFFFF;
}

.box-blue .section b {
    display: block;
    height: 23px;
    padding: 7px 0 0 10px;
    /*background: url(../i/img14.gif) no-repeat;*/
}

.box-blue .content {
    padding: 20px;
    
}



.box-pink {
    background: #ffffff;
}

.box-pink .section {
    background: #333333;
    font-size: 100%;
    color: #FFFFFF;
}

.box-pink .section b {
    display: block;
    height: 23px;
    padding: 7px 0 0 10px;
    /*background: url(../i/img18.gif) no-repeat;*/
}
.box-pink .content {
    padding: 20px;
}

/* other */
.col-one {float: left;}
.col-two {float: right;}
.two-cols {}
.two-cols .col-one, .two-cols .col-two {width: 250px; background-color: white;}


.header-buffer {
	position: absolute;
	top: 0;
	width: 100%;
	min-width: 1020px;
	height: 120px;
}

.header-buffer__top {
	height: 66px;
	width: 100%;
	background-color: #363535;
}

.header-buffer__bottom {
	height: 54px;
	width: 100%;
	background-color: #272626;
}

.header-wrapper {
	height: 120px;
	box-sizing: border-box;
}

.header {
	font-family: altbr, Arial, Tahoma, Verdana, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	position: relative;
	width: 1020px;
	margin: 0 auto;
}

.logo {
	position: absolute;
	left: 20px;
	top: 5px;
	background-color: #5cadad;
	border-radius: 50%;
	display: inline-block;
	height: 110px;
	width: 110px;
	box-sizing: border-box;
}

.logo__text-wrapper {
	position: absolute;
	top: 40px;
	z-index: 1;
	width: 100%;
      	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#000000, Direction=135, Strength=2);
	text-align: center;
}

.logo__text {
	text-transform: uppercase;
	font-size: 26px;
	color: #fff;
	text-shadow: 2px 2px #000;
	line-height: 30px;
}

.logo__img {
	position: absolute;
	height: 90px;
	margin: auto;
	top: 10px;
	left: 17px;
}

.header__top {
	height: 66px;
	margin-left: 150px;
	vertical-align: top;
}

.header__h1 {
	font-size: 26px;
	color: #5cadad;
	display: inline-block;
	line-height: 66px;
	vertical-align: middle;
}

.contacts {
	float: right;
	height: 66px;
	text-align: right;
        margin-right: 20px;
}

.contacts__phone, .contacts__mail {
	display: block;
	line-height: 33px;
	vertical-align: middle;
}

.contacts__mail {
	font-size: 18px;
	text-transform: lowercase;
}

.contacts__phone {
	font-size: 18px;
	color: #5cadad;
}

.header a {
	text-decoration: none;
	color: #fff;
}

.header__bottom {
	height: 54px;
	display: inline-block;
	margin-left: 150px;
}

.header__ul {
	line-height: 14px;
	list-style: none;
	margin-left: -15px;
}

.header__li {
	position: relative;
	display: inline-block;
}

.header__li--active::after {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	margin: auto;
	height: 4px;
	background-color: #5cadad;
}

.header__a {
	display: block;
	transition: background .4s;
	text-decoration: none;
	padding: 20px 15px;
	padding-top: 25px;
	padding-bottom: 15px;
}

.header__a:hover {
	background: #363535;
}

.slogan-wrapper {
	height: 30px;
	background: #fff;

}

.slogan {
	float: right;
	font-size: 13px;
	vertical-align: bottom;
	line-height: 30px;
	padding: 0 20px;
	display: block;
	color: #000;
}