* {padding: 0; margin: 0; border: 0;}
 
.preloader {position: absolute; top: -5000px; margin: 0; padding: 0;}

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

body {font-family: georgia, GeorgiaRegular; font-size: 14px; color: #FFF; background-color: #1E0300;}

.header-container {background: url(images/bg-header.jpg) repeat-x left top;}

.header {width: 968px; height: 90px; margin: 0 auto;}

.header .phone {font-size: 17px; color: #440800; background: url(images/bg-phone.png) no-repeat center center; width: 256px; height: 42px; text-align: center; line-height: 42px; float: right;} 

.header .logo {margin-top: 27px; width: 360px; float: left; height: 63px;} 

.header .menu {float: right; margin-top: 12px;}

.header .menu ul li {list-style-type: none; font-size: 16px; text-transform: uppercase; display: inline-block; margin-left: 12px;}

.header .menu ul li a {color: #FFF; background: url(images/menu-li.png) no-repeat left center; text-decoration: none; display: block; height: 36px; padding: 0 17px; line-height: 40px;}

.header .menu ul li a:hover, .header .menu ul li a.selected {background: url(images/menu-li_hover.png) no-repeat left center;}

.header .menu ul li a.selected {color: #400800;}

.header h1 {visibility: hidden;}

.main-container {padding: 10px 0 10px 0; background: url(images/bg-main.jpg) repeat left top;}

.main {width: 968px; margin: 0 auto;}

.main .left, .main .middle, .main .right {float: left; width: 319px; background: url(images/bg-content.png) repeat-y right center; margin-left: 11px;}

.main .first {margin-left: 1px;}

.main .last {width: 307px; background-image: none;}

.main .left-2 {float: left; width: 400px; font-size: 15px; padding: 0 10px 45px 5px;}

.main .right-2 {float: left; width: 548px; padding: 25px 0 45px 0;}

.main .left-3 {float: left; width: 483px; background: url(images/bg-content.png) repeat-y right center; padding-bottom: 15px;}

.main .right-3 {float: left; width: 485px;}

.main .left-3 h2, .main .right-3 h2 {width: 450px; margin-left: 5px;}

.main .left-3 li, .main .right-3 li, .main .left-3 li a, .main .right-3 li a {font-size: 15px; font-weight: normal;}

.main .right-3 h2 {margin-left: 10px;}

.main .image a {display: inline-block; margin: 0 10px;}

.main .gallery a {display: inline-block; margin: 0 15px;}

.main .free {margin-right: 20px; margin-bottom: 10px;} 

.main .right-2 h3 {margin-left: 15px;}

.main .right-3 .text {padding-left: 25px;}

.image, .gallery, .free {position: relative; display: inline-block;}

.image img.corners, .gallery img.corners, .free img.corners {float: none; position: absolute; left: 10px; top: 0;}

.image img, .gallery img, .free img {margin-bottom: 15px;}

.gallery img.corners {left: 15px;}

.free img.corners {left: 0;}

.main ul li {list-style-type: none; background: url(images/list-type.png) no-repeat left center; margin: 5px 0; padding-left: 25px;}

.main .left-3 ul li, .main .right-3 ul li {text-decoration: underline;}

li .toleft {width: 220px; display: inline-block; text-decoration: underline;}

.main .text {padding: 0 25px 0 15px;}

.main .text p {padding-bottom: 15px;}

.main .left-2 .text p {padding-bottom: 0px; padding-left: 25px;}

.main h2 {font-size: 18px; background: url(images/bg-h2.png) repeat center center; padding-left: 15px; height: 48px; line-height: 48px; margin-bottom: 12px; width: 385px;}

.main h2.upper {text-transform: uppercase; width: 290px; font-size: 16px;}

.main h3 {font-size: 15px; margin-bottom: 7px;}

.main h3.big {font-size: 18px; margin: 10px 0 15px 15px;}

.main a.more {font-weight: bold; color: #FFF; text-decoration: none; float: right; background: url(images/bg-more.png) no-repeat center center; text-align: center; width: 94px; line-height: 32px;}

.main a.more:hover {background: url(images/bg-more_hover.png) no-repeat center center; text-decoration: none;}

.main a {font-weight: bold; color: #FFF; text-decoration: none;}

.main a:hover {text-decoration: underline;}

.main .small-map {float: right;}

.footer-container {background: url(images/bg-footer.jpg) repeat-x left top;}

.footer {width: 968px; margin: 0 auto; padding: 15px 0;}

.footer .foto img {padding: 3px;}

.footer .foto img:hover {background: url(images/border.png) no-repeat center center;}

.footer .foto a {margin: 0 20px; width: 198px; height: 131px; display: inline-block;}

.footer .text {color: #ecb164; font-style: italic; font-size: 15px; padding: 20px 38px 0 38px;}

.footer .text ul li {list-style: inside url(images/list-type.png); color: #ecb164; float: right; margin-top: 8px;}

.footer .text ul li a {color: #e8c89e; text-decoration: none;}

.footer .text ul li a:hover {color: #f7dcb8;}

.footer .realization {color: #926241; font-size: 11px; text-align: center; padding-top: 20px; font-family: ms sans Serif;}

.footer .realization a {color: #926241; text-decoration: none;}

.footer .realization a:hover {text-decoration: underline;}

.clear {clear: both;}

.tel {font-size: 18px;}

.map {float: right; margin-top: 20px;}

.change, .change-2 {position: relative; height: 340px;}

.change-2 {height: 210px;}

.change img, .change-2 img {margin-bottom: 15px; position: absolute;}

.change .info, .change-2 .info {z-index: 10; position: absolute; width: 266px; height: 218px; background: url(images/shadow.png) no-repeat center top; left: 40px; top: 65px; color: #4889ae; padding: 25px 20px 15px 20px; text-align: justify; font-size: 13px;}

.change-2 .info {width: 260px; height: 120px; background: url(images/shadow-2.png) no-repeat center top; left: 30px; top: 30px;}

.change .info .title, .change-2 .info .title {font-size: 18px; font-weight: bold; color: #26617f; margin-bottom: 15px;}