* {margin:0; padding:0; outline: none;}
html {height:100%; }
body {height:100%; min-height:100%; font: normal 14px/1.3 Verdana, Helvetica, sans-serif; color: #000;}

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

a {color: #345c7c; text-decoration:underline; cursor:pointer;}
a img {border:none;}

p { margin:0 0 20px 0; }

strong {font:normal 14px/1.3 Verdana, Helvetica, sans-serif;}
em {font:normal 14px/1.3 Verdana, Helvetica, sans-serif;}

ol {margin: 0 0 20px 20px;}
ol li {margin: 0 0 7px 0;}
ul {margin: 0 0 20px 20px;}
ul li {margin: 0 0 7px 0;}
nav ul {list-style: none; margin: 0;}

h1 { font:normal 34px/1.0 Verdana, Helvetica, sans-serif; color: #000; margin: 0 0 10px 0;}
h2 {font:normal 24px/1.0 Verdana, Helvetica, sans-serif; color: #000; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;}
h3 {font:normal 20px/1.0 Verdana, Helvetica, sans-serif; color: #000; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;}

/* Forms */
form {display: none;}

.Button, .trButton {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; }

/* Grid */
#wraper {width: 100%; min-height:100%; min-width: 1000px; margin: 0 0 -50px 0;}
#footerWrap {min-width: 1000px; height: 50px; margin: -50px 0 0 0;}
#pageWrap {width: 1000px; margin: 0 auto; padding: 0 0 80px 0; }
header {height: 136px; position: relative;}
#page {min-height: 380px; padding: 20px 0 0 0;}

header {border-bottom: 4px solid #000; }
#logo {display: block; width: 310px; height: 95px; float: left; margin: 20px 0 0 15px; background: url(../img/logo.png) 0 -400px no-repeat;}

footer {padding: 0 20px;}
#copy {}

.mainCol {}
.sideCol {display: none;}
.mainCol .sideCol {display: block; margin: 0 0 30px 0;}

.pageSpace {padding: 0 0 0 15px;}
.preImg, .preImg img {display: block; position: relative;}
.banBox {display: none; margin: 0 0 30px 0;}

.flRight { float: right;}
.flLeft {float: left;}

.spacer {height: 1px; clear: both;}

.spaceLine {height: 4px; clear: both; background: #e8eef0; margin: 40px 0;}
.boldLine {height: 4px; clear: both; background: #e8eef0; margin: 20px 0;}
.line {clear: both; height: 1px; width: 100%; }
.line.black {background: #202530; border-bottom: 1px solid #2d3443;}
.line.white {background: #d9e1e4; border-bottom: 1px solid #fff;}
.line.grass {background: #d0e0c4;}
.line.marine {background: #bce3da;}
.line.mustard {background: #ece9c4;}
.blueLine {clear: both; height: 4px; width: 100%; background: #eefbf9; margin: 30px 0;}
.grass {color: #87aa5a; text-transform: uppercase; text-decoration: none;}
.marine {color: #42af91; text-transform: uppercase; text-decoration: none;}
.mustard {color: #dbc149; text-transform: uppercase; text-decoration: none;}
.blue {color: #7095a9; text-transform: uppercase; text-decoration: none;}
.grey {color: #abb8bd; text-transform: uppercase; text-decoration: none;}
.coral {color: #e27b7b; text-transform: uppercase; text-decoration: none;}
/*.cian {color: #42af91; text-transform: uppercase; text-decoration: none;}*/
.dark {color: #525459; text-transform: uppercase; text-decoration: none;}
.red {color: #da5757; text-transform: uppercase; text-decoration: none;}
.grassTitle {font:normal 18px/1.0 'robotocond-bold'; color: #87aa5a; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;}
.marineTitle {font:normal 18px/1.0 'robotocond-bold'; color: #42af91; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;}
.big {font: normal 16px/1.5 'robotocond-reg';}
.gradBg {background: #e9f9f7;}
.inversGradBg {background: #f4fbf0;}
.whBg {background: #fff;}
.blBg {background: #262d39;}
.greyBg {background: #f2f6f7;}

/* Bread crumbs */
.breadCrumbs {border-bottom: 1px solid #ecf2f4; overflow: hidden; margin: 0 0 20px 0;}
.breadCrumbs ul {}
.breadCrumbs ul li {float: left; position: relative; padding: 0 15px 7px 0; margin: 0 15px 0 0;}
.breadCrumbs ul li a {color: #7095a9; font: normal 12px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none;}
.breadCrumbs ul li a.coral {color: #e27b7b;}
.breadCrumbs ul li a span {position: absolute; left: -15px; top: 0;}
.breadCrumbs ul li:first-child a span {display: none;}
.breadCrumbs ul li.curent {border-bottom: 4px solid #a9b6bb;}
.breadCrumbs ul li.curent a {color: #525459;}

.green .breadCrumbs ul li a span {color: #88aa5a; }
.yellow .breadCrumbs ul li a span {color: #dbc149; }
.aqua .breadCrumbs ul li a span {color: #42af91; }

.crumb {}
.crumb a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; position: relative; margin: 0 17px 0 0; color: #7095a9; font: normal 12px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none;}
.crumb a span {color: #88aa5a; position: absolute; left: -10px; top: 0;}
.crumb a:first-child span {display: none;}

.section {margin: 0 0 15px 0;}
.section a.middot {color: #345c7c;}
.section a.middot:first-child {margin: 15px 13px 15px 0;}
.section a.middot.curent {color: #444851;}

.pageCrumbs {margin: 0 0 10px 0;}
.pageCrumbs ul {}
.pageCrumbs ul li {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0; color: #cdd8dc; text-transform: uppercase; font: normal 11px/1.3 'robotocond-reg';}
.pageCrumbs ul li a {color: #7095a9; text-decoration: none; letter-spacing: 1px;}
.pageCrumbs ul li span {margin: 0 5px;}
.pageCrumbs ul li:first-child span {display: none;}

/* Hide */
.newsList, .newsSection, .newsBlock, .franchise, .interviewList, .specList, .inArticle.topicList, .themeList, .commentList, .commentVhod, #authorization, #registration, #recoveryPass, article footer .likeBox, .inerwText .citata span, .interVideo, .pagerBox, .loadList, .franshiseList {display: none;}

/* Interview */
h2, h3 {display: none;}
article h2, article h3 {display: block;}
.interBox {padding: 10px; margin: 0 0 30px 0;}
.interBox .preImg .panel {width: auto; height: auto; position: absolute; left: 0; bottom: 0; background: #000; color: #fff; font-size: 11px; text-transform: uppercase; padding: 5px 10px;}
.interBox .preImg img {border: none;}
.interBox .person, .interBox .theme {display: block; font: normal 18px/1.0 'robotocond-reg'; margin: 5px 0; text-decoration: none;}
.interBox .person, .interBox .text { color: #434654; margin: 5px 0; }
.interBox .theme {color: #345c7c;}
.interBox .text {text-decoration: none;}

.interBox.dossier { width: 320px; float: left; margin: 0 15px 20px 0;}
.interBox.dossier .person {font: normal 18px/1.0 'robotocond-bold'; }

.inerwText {font: normal 16px/1.2 'robotocond-reg';}
.inerwText .question {font: normal 18px/1.2 'robotocond-bold';}
.inerwText .citata {text-align: center; margin: 25px 0;}
.inerwText .citata div {color: #000; font: normal 28px/1.0 'robotocond-reg'; margin: 15px 0;}

/* News pages */
article h1 {margin: 0 0 20px 0;}
article .anons {font: normal 24px/1.0 'robotocond-reg'; margin: 0 0 20px 0;}
.articleImg {/*width: 420px;*/ float: left; border-bottom: 1px solid #e7edef; margin: 0 15px 15px 0;}
.articleImg img {display: block;}
.articleImg figcaption {color: #a5b3b8; padding: 15px;}
.mainIdea {background: #f2f6f7; padding: 15px 30px; margin: 0 0 20px 0; text-align: center; color: #444851; font-size: 24px;}
article footer {font-size: 11px; padding: 0;}
article footer .key {display: inline-block; zoom: 1; *display: inline; margin: 15px 0; color: #79858a; text-transform: uppercase;}
article footer .coment {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: none; margin: 15px 0;}
article footer .coment .sbIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 13px; height: 12px; margin: 0 5px 0 7px; background: url(../img/icons.png) 0 -140px no-repeat;}
article footer .time, article footer .lookup, article footer .print, article footer .complain, article footer .favour, article footer .vip {display: inline-block; zoom: 1; *display: inline; margin: 15px 0;}
article footer .lookup {margin: 15px;}
article footer .lookup span {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 20px; height: 14px; margin: 0 7px 0 0; background: url(../img/icons.png) -238px 0 no-repeat;}
article footer .print {display: none;}
article footer .print span {display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: 18px; height: 17px; margin: 0 7px 0 0; background: url(../img/icons.png) -262px 0 no-repeat;}
article footer .complain, article footer .favour {display: none;}
article footer .vip {width: 26px; height: 16px; float: left; background: url(../img/icons.png) -125px -138px no-repeat; margin: 15px 15px 15px 0;}
article footer .rating {margin: 0 5px;}

/* Special */
#offerInfo {width: 715px;}
#offerInfo .offerDescr {width: 435px; float: left; margin: 15px;}
#offerInfo #offerImg {width: 465px; float: left; margin: 0 0 30px 0;}
#offerInfo #offerImg .mainImg {width: 463px;}
#offerInfo #offerImg .mainImg img {display: block; border-bottom: 1px solid #fff; max-width: 100%; margin: 0 auto;}
#offerInfo #offerImg .thumbs {overflow: hidden;}
#offerInfo #offerImg .thumbs .prew {display: block; width: 115px; float: left; margin: 0 1px 0 0; position: relative;}
#offerInfo #offerImg .thumbs .prew img {display: block;}
#offerInfo #offerImg .thumbs .prew .bord {display: none; height: 4px; width: 100%; position: absolute; left: 0; bottom: 0; background: #7fa44e; border-top: 1px solid #fff;}
#offerInfo #offerImg .thumbs .prew:hover .bord, #offerInfo #offerImg .thumbs .prew.act .bord {display: block;}

#offerInfo .mainInfo {width: 250px; float: right; background: #f7fcf4; padding: 15px 0;}
#offerInfo .mainInfo .line {background: #e0f0d9; border-bottom: 1px solid #fff; margin: 15px 0;}
#offerInfo .mainInfo .unit {margin: 0 15px 10px 15px; text-transform: uppercase; font-size: 11px;}
#offerInfo .mainInfo .name { padding: 0 15px; }
#offerInfo .mainInfo .name .ava {width: 40px; height: 40px; float: left; background: url(../img/icons.png) -230px -230px no-repeat;}
#offerInfo .mainInfo .name .im {margin: 0 0 0 50px; font: normal 14px/1.4 'robotocond-bold';}
#offerInfo .mainInfo .name a {font: normal 14px/1.4 'robotocond-reg'; text-decoration: none; color: #7095a9; display: block; margin: 0 0 0 50px;}
#offerInfo .mainInfo .unit .person {text-transform: none; font-size: 14px;}
#offerInfo .mainInfo .icoUnit {margin: 0 15px 10px 15px;}
#offerInfo .mainInfo .icoUnit span, #offerInfo .mainInfo .icoUnit a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; max-width: 180px; word-wrap: break-word;}
#offerInfo .mainInfo .icoUnit a {text-decoration: none; color: #7095a9;}
#offerInfo .mainInfo .icoUnit .ico {width: 20px; height: 20px; margin: 0 20px 0 10px;}
#offerInfo .mainInfo .icoUnit.phone .ico {background: url(../img/icons.png) -138px -237px no-repeat;}
#offerInfo .mainInfo .icoUnit.mail .ico {background: url(../img/icons.png) -158px -234px no-repeat;}
#offerInfo .mainInfo .icoUnit.skype .ico {background: url(../img/icons.png) -180px -237px no-repeat;}
#offerInfo .mainInfo .icoUnit.site .ico {background: url(../img/icons.png) -203px -234px no-repeat;}
#offerInfo .mainInfo .Button {display: none;}
#offerInfo .mainInfo .preMap {width: 220px; height: 220px; margin: 15px; border: 1px solid #fff; position: relative;}
#offerInfo .mainInfo .preMap .varySize {width: 32px; height: 32px; position: absolute; right: 0; top: 0; background: url(../img/icons.png) -279px -230px no-repeat;}
#offerInfo .mainInfo .varyMap {display: none;}

.aboutOffer {margin: 20px 0;}
.aboutOffer .line {margin: 0 0 20px 0;}
.aboutOffer ul {}
.aboutOffer ul li {list-style: none; position: relative;}
.aboutOffer ul li:before {display: block; width: 1px; height: 1px; border: 1px solid #7fa44e; content: ' '; position: absolute; left: -12px; top: 7px;}