@font-face { font-family: 'PTSans'; src: url('../fonts/PTS55F-webfont.eot'); src: url('../fonts/PTS55F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS55F-webfont.woff') format('woff'), url('../fonts/PTS55F-webfont.ttf') format('truetype'), url('../fonts/PTS55F-webfont.svg#pt_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PTSans bold'; src: url('../fonts/PTS75F-webfont.eot'); src: url('../fonts/PTS75F-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/PTS75F-webfont.woff') format('woff'), url('../fonts/PTS75F-webfont.ttf') format('truetype'), url('../fonts/PTS75F-webfont.svg#pt_sansbold') format('svg'); font-weight: normal; font-style: normal; } /* .slick-dots { bottom: -10px !important }  body .hList { width: 600px; margin: 0 auto !important; border-radius: 3px; position: relative; left: -10px; } .slick-dots li { height: 10px !important; width: 20px !important; } */ .slick-dots { bottom: -10px !important } .popupTabContent .photoPreview ul.hList li { width: 114px !important; margin: 1px !important; } .photoPreview ul li a.active:after { display: none !important; } .bx-viewport { height: 95px !important; } .bx-wrapper .bx-controls-direction a { right: -47px; } .bx-wrapper .bx-prev { left: -47px !important; } .hList-wrapper { width: 464px; margin: 0 auto !important; border-radius: 3px; position: relative; height: 95px; } @import 'bxslider.css'; * {margin:0; padding:0; outline: none;} html {height:100%; } body {height:100%; min-height:100%; font: normal 14px/1.3 'robotocond-reg', Verdana, sans-serif; color: #525459;} 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 'robotocond-bold', Verdana, sans-serif;} em {font:normal 14px/1.3 'robotocond-italic', Verdana, 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 'robotocond-bold'; color: #525459; margin: 0 0 10px 0;} h2 {font:normal 24px/1.0 'robotocond-bold'; color: #525459; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;} h3 {font:normal 20px/1.0 'robotocond-bold'; color: #525459; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px;} h4 {font:normal 18px/1.0 'robotocond-bold'; color: #525459; margin: 0 0 15px 0;} h1 a, h2 a, h3 a, h4 a {text-decoration: none;} img[align=left] { margin: 0 15px 15px 0; } img[align=right] { margin: 0 0 15px 15px; } img[align=center] { margin: 0 15px 15px 15px; } .rub { font-family:'PTSans'; } strong.rub, strong .rub { font-family:'PTSans bold'; } /* Forms */ textarea {resize:none;} fieldset {border: none;} .whInp {position: relative; background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; border: 1px solid #ccd1d2; border-bottom: 1px solid #ebedee; -webkit-box-shadow: 0 1px 5px rgba(204, 209, 210, 1) inset, 0 1px 1px rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 5px rgba(204, 209, 210, 1) inset, 0 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 0 5px rgba(204, 209, 210, 1) inset, 0 1px 1px rgba(255, 255, 255, 1);} .whInp input {border: none; background: none; width: 100%; color: #424445; padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: normal 14px/1.3 'robotocond-reg'; position: relative; z-index: 1;} .whInp textarea {border: none; background: none; width: 100%; color: #424445; padding: 7px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: normal 14px/1.3 'robotocond-reg'; position: relative; z-index: 1;} .simpInp {position: relative; background: #fff; -moz-border-radius: 13px; -webkit-border-radius: 13px; border-radius: 13px; -khtml-border-radius: 13px;} .simpInp input {border: none; background: none; width: 100%; color: #7095a9; padding: 5px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font: normal 12px/1.3 'robotocond-bold'; position: relative; z-index: 1;} .dateBox {overflow: hidden;} .picBox {position: relative; cursor: pointer;} .dateBox .picBox {width: 50%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer;} .dateBox .picBox:first-child {border-right: 1px solid #ccd1d2; -webkit-box-shadow: 1px 0 3px rgba(204, 209, 210, 0.7); -moz-box-shadow: 1px 0 3px rgba(204, 209, 210, 0.7); box-shadow: 1px 0 3px rgba(204, 209, 210, 0.7);} .picBox .piker {width: 15px; height: 10px; position: absolute; top: 11px; right: 10px; background: url(../img/icons.png) -80px -140px no-repeat; cursor: pointer;} .simpInp.picBox .piker {top: 8px;} .mustardSelect .dateBox .picBox { width: 100% } .mustardSelect .simpInp input { color: #dbc149; font: normal 11px/1.0 'robotocond-reg'; } .mustardSelect .dateBox .picBox:first-child { border: 1px solid #d2d9db; box-shadow: none } .hideRadio, .hideCheck {display: none;} .radioBox, .checkBox {display: block; vertical-align: middle; margin: 0 0 10px 0;} .radioBox label, .checkBox label {cursor: pointer; } label span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 18px; height: 18px; margin: 0 3px 0 0;} .rdLabel span { background: url(../img/icons.png) 0 -187px no-repeat; } .hideRadio:checked + .rdLabel span { background: url(../img/icons.png) 0 -160px no-repeat;} .cbLabel span {background: url(../img/icons.png) -48px -160px no-repeat; } .hideCheck:checked + .cbLabel span { background: url(../img/icons.png) -24px -160px no-repeat;} .radioBlock {overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;} .radioBlock .radioBox {display: inline-block; zoom: 1; *display: inline; float: left; margin: 0;} .radioBlock .radioBox label {padding: 10px; margin: 0 1px 0 0!important; color: #79858a; font: normal 15px/1.3 'robotocond-reg'; background: #f2f7f7; background: -webkit-linear-gradient(top, #f2f7f7, #dfe7e8); background: -moz-linear-gradient(top, #f2f7f7, #dfe7e8); background: -ms-linear-gradient(top, #f2f7f7, #dfe7e8); background: -o-linear-gradient(top, #f2f7f7, #dfe7e8); background: linear-gradient(top, #f2f7f7, #dfe7e8); -pie-background: linear-gradient(top, #f2f7f7, #dfe7e8); display: inline-block; position: relative; cursor: pointer; border-bottom: 1px solid #c4d2d3; border-top: 1px solid #fff;} .radioBlock .radioBox:first-child label {border-left: none;} .radioBlock .radioBox .hideRadio:checked + .rdLabel {border-bottom: 1px solid #7d898a; border-top: 1px solid #f9f9f9; border-left: none; background: #cddbdb; -webkit-box-shadow: 0 0 5px rgba(160, 170, 175, 1) inset; -moz-box-shadow: 0 0 5px rgba(160, 170, 175, 1) inset; box-shadow: 0 0 5px rgba(160, 170, 175, 1) inset; } .searchAnonce .checkLine {background: #42af91; width: 100%; margin: 0 0 15px -15px!important; padding: 0 0 5px 15px;} .checkLine .radioBox {display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0;} .checkLine .radioBox .rdLabel {color: #fff; font: normal 14px/1.3 'robotocond-bold'; text-transform: uppercase; display: block; padding: 10px;} .checkLine .radioBox .hideRadio:checked + .rdLabel {background: #fff; color: #444851;} /* Buttons */ .Button, .trButton {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; text-align: center;} .Button a, a.Button, .Button input, .trButton a, a.trButton, .trButton input { text-transform: uppercase; text-decoration: none; letter-spacing: 1px;} .Button a, .Button input, .trButton a, .trButton input {display: block; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; } .Button input, .trButton input {border: none; background: none; cursor: pointer;} .Button { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px;} .Button a, a.Button, .Button input {font:normal 16px/1.0 'robotocond-bold'; padding: 8px 20px;} .trButton {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px;} .trButton a, a.trButton, .trButton input {font:normal 12px/1.0 'robotocond-bold'; padding: 8px 10px; background: #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px;} .Button.coralBut a, a.Button.coralBut, .Button.coralBut input, .Button.grassBut a, a.Button.grassBut, .Button.grassBut input, .Button.marineBut a, a.Button.marineBut, .Button.marineBut input, .Button.blueBut a, a.Button.blueBut, .Button.blueBut input { color: #fff;} .Button.coralBut {background: #d36161;} .Button.coralBut a, a.Button.coralBut, .Button.coralBut input { -moz-text-shadow: 0 -1px 1px #ad4f4f; -webkit-text-shadow: 0 -1px 1px #ad4f4f; text-shadow: 0 -1px 1px #ad4f4f; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#ad4f4f')";} .Button.coralBut:hover, .Button.coralBut:hover a, .Button.coralBut:hover input {background: #dd8282; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.coralBut:active, .Button.coralBut:active a, .Button.coralBut:active input { -webkit-box-shadow: 0 0 15px rgba(170, 95, 95, 1) inset; -moz-box-shadow: 0 0 15px rgba(170, 95, 95, 1) inset; box-shadow: 0 0 15px rgba(170, 95, 95, 1) inset;} .Button.grassBut {background: #7fa44e;} .Button.grassBut a, a.Button.grassBut, .Button.grassBut input { -moz-text-shadow: 0 -1px 1px #68893b; -webkit-text-shadow: 0 -1px 1px #68893b; text-shadow: 0 -1px 1px #8caaba; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#68893b')";} .Button.grassBut:hover, .Button.grassBut:hover a, .Button.grassBut:hover input {background: #8bb05b; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.grassBut:active, .Button.grassBut:active a, .Button.grassBut:active input { -webkit-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; -moz-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset;} .Button.marineBut {background: #56b99b;} .Button.marineBut a, a.Button.marineBut, .Button.marineBut input { -moz-text-shadow: 0 -1px 1px #4ea48a; -webkit-text-shadow: 0 -1px 1px #4ea48a; text-shadow: 0 -1px 1px #4ea48a; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#4ea48a')";} .Button.marineBut:hover, .Button.marineBut:hover a, .Button.marineBut:hover input {background: #7dcab7; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.marineBut:active, .Button.marineBut:active a, .Button.marineBut:active input { -webkit-box-shadow: 0 0 15px rgba(100, 162, 146, 1) inset; -moz-box-shadow: 0 0 15px rgba(100, 162, 146, 1) inset; box-shadow: 0 0 15px rgba(100, 162, 146, 1) inset;} .Button.mustardBut {background: #dbc149;} .Button.mustardBut a, a.Button.mustardBut, .Button.mustardBut input {color: #fff; -moz-text-shadow: 0 -1px 1px #cbb042; -webkit-text-shadow: 0 -1px 1px #cbb042; text-shadow: 0 -1px 1px #cbb042; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cbb042')";} .Button.mustardBut:hover, .Button.mustardBut:hover a, .Button.mustardBut:hover input {background: #dfc550; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.mustardBut:active, .Button.mustardBut:active a, .Button.mustardBut:active input { -webkit-box-shadow: 0 0 15px rgba(205, 175, 65, 1) inset; -moz-box-shadow: 0 0 15px rgba(205, 175, 65, 1) inset; box-shadow: 0 0 15px rgba(205, 175, 65, 1) inset;} .Button.blueBut {background: #a8c5d3;} .Button.blueBut a, a.Button.blueBut, .Button.blueBut input { -moz-text-shadow: 0 -1px 1px #8caaba; -webkit-text-shadow: 0 -1px 1px #8caaba; text-shadow: 0 -1px 1px #8caaba; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#8caaba')";} .Button.blueBut:hover, .Button.blueBut:hover a, .Button.blueBut:hover input {background: #8caaba; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.blueBut:active, .Button.blueBut:active a, .Button.blueBut:active input { -webkit-box-shadow: 0 0 15px rgba(95, 135, 160, 1) inset; -moz-box-shadow: 0 0 15px rgba(95, 135, 160, 1) inset; box-shadow: 0 0 15px rgba(95, 135, 160, 1) inset;} .Button.gradBut {border-bottom: 1px solid #84a051; background: #7fa44e; background: -webkit-linear-gradient(top, #afc76c, #93b25a); background: -moz-linear-gradient(top, #afc76c, #93b25a); background: -ms-linear-gradient(top, #afc76c, #93b25a); background: -o-linear-gradient(top, #afc76c, #93b25a); background: linear-gradient(top, #afc76c, #93b25a); -pie-background: linear-gradient(top, #afc76c, #93b25a);} .Button.gradBut a, a.Button.gradBut, .Button.gradBut input {color: #fff; -moz-text-shadow: 0 -1px 1px #68893b; -webkit-text-shadow: 0 -1px 1px #68893b; text-shadow: 0 -1px 1px #68893b; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#68893b')";} .Button.gradBut:hover, .Button.gradBut:hover a, .Button.gradBut:hover input {background: #8bb05b; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .Button.gradBut:active, .Button.gradBut:active a, .Button.gradBut:active input { -webkit-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; -moz-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset;} .trButton.mustardBut {border: 4px solid #dec835; background: #dec835;} .trButton.mustardBut a, a.trButton.mustardBut, .trButton.mustardBut input { color: #c6ad3a;} .trButton.grassBut {border: 4px solid #7fa44e; background: #7fa44e;} .trButton.grassBut a, a.trButton.grassBut, .trButton.grassBut input { color: #7fa44e;} .trButton.marineBut {border: 4px solid #7dcab7; background: #7dcab7;} .trButton.marineBut a, a.trButton.marineBut, .trButton.marineBut input { color: #7dcab7;} /* Grid */ #wraper {width: 100%; min-height:100%; min-width: 1280px; margin: 0 0 -330px 0; background: #fff;} #wraper.index { margin: 0 0 -485px 0; } #wraper.green, #wraper.yellow, #wraper.aqua {text-transform: none;} #footerWrap {min-width: 1280px; height: 380px; margin: -330px 0 0 0; background: #262d39;} #footerWrap.index { height: 485px; margin: -485px 0 0 0; } #topBan {height: 150px; background: #f4f8f9;} #topBan .banBox {width: 1000px; float: right; padding: 15px 0; text-align: center; margin: 0;} #topLine {height: 4px; background: #cdd8dc; border-bottom: 1px solid #fff;} #ltLine {height: 4px; width: 100%; position: absolute; top: 0; right: 1024px; background: #a9b6bb; border-right: 1px solid #fff;} #pageWrap {width: 1280px; margin: 0 auto; padding: 0 0 330px 0; } #wraper.index #pageWrap {padding: 0 0 485px 0;} #topPanel, header, #page {width: 1000px; float: right;} #topPanel {height: 50px; border-bottom: 1px solid #ecf2f4;} header {height: 136px; position: relative;} #page {min-height: 380px; padding: 20px 0 0 0;} #fixBox {width: 250px; float: left; margin: 0 0 0 5px; z-index: 20;} .footLine {height: 4px; background: #7fa44e; background: -webkit-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -moz-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -ms-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -o-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: linear-gradient(left, #7fa44e, #44ab87, #dac14a); -pie-background: linear-gradient(left, #7fa44e, #44ab87, #dac14a);} #footer, #bottom {width: 1280px; margin: 0 auto; } #footer footer, #bottom #botNav {width: 1000px; float: right; padding: 20px 0 0 0; -moz-text-shadow: 1px 1px 1px #000; -webkit-text-shadow: 1px 1px 1px #000; text-shadow: 1px 1px 1px #000; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#000')";} .mainCol {width: 715px; float: left; } .sideCol {width: 240px; float: right; margin: 0 15px 0 0;} .mainCol .sideCol { margin: 0 0 30px 0;} .leftCol {width: 460px; float: left; } .rightCol {width: 495px; float: right; margin: 0 15px 0 0;} .monoCol {margin: 0 15px 0 0;} .halfCol {width: 350px;} .pageSpace {padding: 0 0 0 15px;} .banBox {display: block; margin: 0 0 30px 0;} .banBox img {display: block;} #topBan .banBox img {margin: 0 auto;} .lightBg {background: #fafcfc;} .bigBan {padding: 15px; text-align: center;} .flRight { float: right;} .flLeft {float: left;} .H1 {display: block; font:normal 24px/1.2 'robotocond-bold'; margin: 0 0 15px 0; color: #525459; text-decoration: none;} .H1 small {display: block; font:normal 14px/1.2 'robotocond-reg'; text-transform: none;} .H2 {display: block; font:normal 26px/1.0 'robotocond-reg'; color: #525459; text-decoration: none;} .H4 {font: normal 16px/1.0 'robotocond-bold'; color: #525459; margin: 0 0 15px 0; text-transform: uppercase; letter-spacing: 1px; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .H4 a {text-decoration: none;} .title {font: normal 11px/1.0 'robotocond-reg'; color: #656b7e; margin: 0 0 10px 0; text-transform: uppercase; letter-spacing: 1px;} .title a {text-decoration: none;} .blueTitle {display: block; font: normal 16px/1.0 'robotocond-bold'; color: #7095a9; text-decoration: none; text-transform: uppercase; margin: 0 0 10px 0;} .darkTitle {display: block; font: normal 16px/1.0 'robotocond-bold'; color: #525459; text-decoration: none; text-transform: uppercase; margin: 0 0 10px 0;} .grassTitle {font:normal 18px/1.0 'robotocond-bold'; color: #7fa44e; margin: 0 0 15px 0; text-transform: uppercase;} .blackTitle {font:normal 18px/1.0 'robotocond-bold'; color: #444851; margin: 0 0 15px 0; text-transform: uppercase;} .whiteTitle {font:normal 18px/1.0 'robotocond-bold'; color: #fff; margin: 0 0 15px 0; text-transform: uppercase;} .spacer {height: 1px; clear: both;} .widthFix {width: 1280px; margin: 0 auto; position: relative;} .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; background: -webkit-linear-gradient(top, #e9f9f7, #f4fbf0); background: -moz-linear-gradient(top, #e9f9f7, #f4fbf0); background: -ms-linear-gradient(top, #e9f9f7, #f4fbf0); background: -o-linear-gradient(top, #e9f9f7, #f4fbf0); background: linear-gradient(top, #e9f9f7, #f4fbf0); -pie-background: linear-gradient(top, #e9f9f7, #f4fbf0);} .inversGradBg {background: #f4fbf0; background: -webkit-linear-gradient(top, #f4fbf0, #e9f9f7); background: -moz-linear-gradient(top, #f4fbf0, #e9f9f7); background: -ms-linear-gradient(top, #f4fbf0, #e9f9f7); background: -o-linear-gradient(top, #f4fbf0, #e9f9f7); background: linear-gradient(top, #f4fbf0, #e9f9f7); -pie-background: linear-gradient(top, #f4fbf0, #e9f9f7);} .whBg {background: #fff;} .blBg {background: #262d39;} .greyBg {background: #f2f6f7;} .coralBox {background: #f5f8f9; border-bottom: 1px solid #e9eff1; margin: 0 0 30px 0;} .bgTitle {font: normal 20px/1.0 'robotocond-reg'; text-transform: uppercase; padding: 10px 15px; letter-spacing: 1px;} .coralBox .bgTitle {background: #dd8282; color: #fff;} .coralBg {background: #f9e3e3; margin: 0 0 30px 0;} .coralBg .Title {font: normal 16px/1.0 'robotocond-bold'; color: #dd8282; text-transform: uppercase; margin: 0 0 10px 0; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .saladBox {background: #f8fcf1; border-bottom: 1px solid #eaf4db; font-size: 12px; margin: 0 0 30px 0;} .saladBox .bgTitle, .saladBox .H4 { color: #7fa44e;} .cianBox {background: #edf9f7; border-bottom: 1px solid #cee8e0;} .cianTitle {border-top: 1px solid #42af91; margin: 0 0 15px 0;} .cianTitle a {display: inline-block; zoom: 1; *display: inline; background: #42af91; padding: 3px 10px; color: #fff; font-size: 12px; text-transform: uppercase; text-decoration: none;} .aquaBox {background: #edf9f7; border-top: 4px solid #42af91; font-size: 12px; margin: 0 0 30px 0;} .aquaBox .bgTitle, .saladBox .H4 { color: #42af91;} .icoBordBox {position: relative; padding: 1px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; background: #9ac67b; background: -webkit-linear-gradient(left, #9ac67b, #78bd8f); background: -moz-linear-gradient(left, #9ac67b, #78bd8f); background: -ms-linear-gradient(left, #9ac67b, #78bd8f); background: -o-linear-gradient(left, #9ac67b, #78bd8f); background: linear-gradient(left, #9ac67b, #78bd8f); -pie-background: linear-gradient(left, #9ac67b, #78bd8f);} .icoBordBox .cornerTitle {position: absolute; left: 0; top: -20px; width: 100%; text-align: center;} .icoBordBox .cornerTitle .corner {display: inline-block; zoom: 1; *display: inline; position: relative; height: 32px; padding: 0 20px; margin: 0 20px; font: normal 16px/2.0 'robotocond-bold'; text-transform: uppercase; color: #fff; -moz-text-shadow: 0 -1px 1px #669d64; -webkit-text-shadow: 0 -1px 1px #669d64; text-shadow: 0 -1px 1px #669d64; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#669d64')"; background: #9ac67b; background: -webkit-linear-gradient(left, #9ac67b, #78bd8f); background: -moz-linear-gradient(left, #9ac67b, #78bd8f); background: -ms-linear-gradient(left, #9ac67b, #78bd8f); background: -o-linear-gradient(left, #9ac67b, #78bd8f); background: linear-gradient(left, #9ac67b, #78bd8f); -pie-background: linear-gradient(left, #9ac67b, #78bd8f);} .icoBordBox .cornerTitle .corner .left, .icoBordBox .cornerTitle .corner .right {width: 17px; height: 37px; position: absolute; top: 0;} .icoBordBox .cornerTitle .corner .left {left: -17px; background: url(../img/icons.png) -56px -230px no-repeat;} .icoBordBox .cornerTitle .corner .right {right: -17px; background: url(../img/icons.png) -79px -230px no-repeat;} .icoBordBox .whBg {padding: 25px 0 0 0;} /* Main menu */ #mainMenu {position: relative; margin-bottom: 60px; background: #f9fdf7; background: -webkit-linear-gradient(top, #f4faf6, #f2faf9, #f9fdf7); background: -moz-linear-gradient(top, #f4faf6, #f2faf9, #f9fdf7); background: -ms-linear-gradient(top, #f4faf6, #f2faf9, #f9fdf7); background: -o-linear-gradient(top, #f4faf6, #f2faf9, #f9fdf7); background: linear-gradient(top, #f4faf6, #f2faf9, #f9fdf7);} #mainMenu #ugol {width: 250px; height: 53px; position: absolute; left: 0; bottom: -53px; background: url(../img/icons.png) 0 -80px no-repeat;} #mainMenu nav {padding: 20px 25px 10px 25px; text-transform: uppercase; -moz-text-shadow: 1px 1px 1px #fff; -webkit-text-shadow: 1px 1px 1px #fff; text-shadow: 1px 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#fff')";} #mainMenu nav a {display: block; margin: 15px 5px; text-decoration: none; letter-spacing: 1px;} #mainMenu nav a:first-child {margin: 5px;} #mainMenu nav a.current {color: #79858a;} #mainMenu nav .date {font:normal 10px/1.3 'robotocond-bold'; color: #a9b6bb; margin: 0 5px 5px 5px;} /* Top panel */ #topPanel nav {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } #topPanel nav a {font: normal 12px/1.3 'robotocond-reg'; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; letter-spacing: 1px;} a.middot { position: relative; text-decoration: none; text-transform: uppercase; color: #7095a9; margin: 15px 13px;} nav a.middot span {position: absolute; left: -15px;} nav a.middot:first-child span {display: none;} #topPanel nav a#fair {} #topPanel #authPanel {display: inline-block; zoom: 1; *display: inline; float: right;} #topPanel #authPanel a {font: normal 12px/1.3 'robotocond-reg'; display: inline-block; zoom: 1; *display: inline; text-decoration: none; text-transform: uppercase; color: #7095a9; margin: 15px 15px 0 0;} #topPanel #authPanel #vhod {padding: 0 0 0 15px; background: url(../img/icons.png) -490px 3px no-repeat;} #topPanel #authPanel #persLink { margin: 7px 15px 0 0;} #topPanel #authPanel #persLink span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px 0 0; width: 35px; height: 35px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} #topPanel #authPanel #persLink span img {} /* Header */ .green header {border-bottom: 4px solid #7fa44e; } .aqua header {border-bottom: 4px solid #42af91; } .yellow header {border-bottom: 4px solid #dbc149; } #logo {display: block; width: 310px; height: 95px; float: left; margin: 20px 0 0 15px;} .index #logo {background: url(../img/logo.png) 0 0 no-repeat;} .green #logo {background: url(../img/logo.png) 0 -100px no-repeat;} .aqua #logo {background: url(../img/logo.png) 0 -200px no-repeat;} .yellow #logo {background: url(../img/logo.png) 0 -300px no-repeat;} header .footLine {width: 100%; position: absolute; left: 0; bottom: 0;} .socBox {display: inline-block; zoom: 1; *display: inline; } header .socBox { margin: 15px;} .socBut {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 25px; height: 25px; border: 3px solid transparent; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease;} .socBut.fb {background: url(../img/icons.png) 0 0 no-repeat;} .socBut.tw {background: url(../img/icons.png) -26px 0 no-repeat;} .socBut.ok {background: url(../img/icons.png) -51px 0 no-repeat;} .socBut.vk {background: url(../img/icons.png) -76px 0 no-repeat;} .socBut.gp {background: url(../img/icons.png) -100px 0 no-repeat;} .socBut.rss {background: url(../img/icons.png) -126px 0 no-repeat;} .socBut.fb:hover {background: url(../img/icons.png) 0 -25px no-repeat; border: 3px solid #4862a3;} .socBut.tw:hover {background: url(../img/icons.png) -26px -25px no-repeat; border: 3px solid #31adc9;} .socBut.ok:hover {background: url(../img/icons.png) -51px -25px no-repeat; border: 3px solid #f58220;} .socBut.vk:hover {background: url(../img/icons.png) -76px -25px no-repeat; border: 3px solid #597da3;} .socBut.gp:hover {background: url(../img/icons.png) -100px -25px no-repeat; border: 3px solid #dc4836;} .socBut.rss:hover {background: #ef8f3c url(../img/icons.png) -126px -25px no-repeat; border: 3px solid #ef8f3c; } .searchInp {width: 220px; float: right; margin: 15px; padding: 0 10px; background: #fff; border: 1px solid #ecf2f4; overflow: hidden; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px;} .searchInp input {background: none; border: none; color: #cdd8dc; padding: 5px; width: 180px; font: normal 14px/1.3 'robotocond-reg', Verdana, sans-serif;} .searchInp .ico {width: 23px; height: 28px; float: right; background: url(../img/icons.png) -150px 8px no-repeat;} .searchInp .ico input {width: 100%; height: 100%; padding: 0;} .slideInformer { overflow:hidden; width: 545px; height: 25px; position: absolute; right: 15px; bottom: 15px; text-transform: uppercase;} .panel {width: auto; height: 25px; overflow:hidden;} .slideInformer .slide {} .slideInformer .panel{float:right; text-align: right;} .slideInformer .slideBtn {display: block; width: 160px; float: right; color: #7095a9; font-size: 11px; text-decoration: none; letter-spacing: 1px;} .slideInformer .slideBtn span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 10px; height: 24px; background: url(../img/icons.png) -490px -56px no-repeat; margin: 0 0 0 10px;} .slideInformer .slideBtn.active {width: 10px; text-indent: -9000%;} .slideInformer .slideBtn.active span { background: url(../img/icons.png) -490px -25px no-repeat; float: right;} .slideInformer .slideBtn:hover span { background: url(../img/icons.png) -470px -56px no-repeat;} .slideInformer .slideBtn.active:hover span { background: url(../img/icons.png) -470px -25px no-repeat; float: right;} .panel div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 10px; font-size: 12px; color: #79858a;} .panel .weather {} .weather .weatherIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 30px; height: 20px; margin: 0 5px 0 0;} .weather .degree {color: #e9ab86;} .weather.w01d .weatherIco {background: url(../img/icons.png) -351px -322px no-repeat;} .weather.w01n .weatherIco {background: url(../img/icons.png) -381px -323px no-repeat;} .weather.w02d .weatherIco {background: url(../img/icons.png) -434px -347px no-repeat;} .weather.w02n .weatherIco {background: url(../img/icons.png) -498px -347px no-repeat;} .weather.w03d .weatherIco, .weather.w03n .weatherIco {background: url(../img/icons.png) -359px -349px no-repeat;} .weather.w04d .weatherIco, .weather.w04n .weatherIco {background: url(../img/icons.png) -470px -349px no-repeat;} .weather.w09d .weatherIco, .weather.w09n .weatherIco {background: url(../img/icons.png) -429px -370px no-repeat;} .weather.w10d .weatherIco, .weather.w10n .weatherIco {background: url(../img/icons.png) -394px -370px no-repeat;} .weather.w11d .weatherIco, .weather.w11n .weatherIco {background: url(../img/icons.png) -467px -370px no-repeat;} .weather.w13d .weatherIco, .weather.w13n .weatherIco {background: url(../img/icons.png) -362px -370px no-repeat;} .weather.w50d .weatherIco, .weather.w50n .weatherIco {background: url(../img/icons.png) -437px -325px no-repeat;} .orange {color: #e9ab86;} .panel .curency {height: 20px;} .panel .curency strong {color: #abb8bd;} .panel .curency span {margin: 0 0 0 5px;} .panel .curency span i {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 10px; height: 5px; margin: 0 0 0 5px;} .panel .curency .up {color: #94c469; } .panel .curency .up i {background: url(../img/icons.png) -493px -130px no-repeat; } .panel .curency .down {color: #e78a8a;} .panel .curency .down i {background: url(../img/icons.png) -493px -148px no-repeat; } /* Footer */ .col3 {width: 320px; float: left; } footer .col3:first-child {margin: 0 0 0 15px;} footer .col3 nav {width: 140px; float: left; margin: 0 20px 0 0;} footer .col3 nav a {display: block; margin: 20px 0; text-transform: uppercase; text-decoration: none;} footer .col3.infoCol nav {width: 100%; float: none; margin: 0; } #copy {color: #a5b3b8;} #bataligo {display: block; width: 330px; float: right; position: relative; color: #a5b3b8; text-decoration: none; padding: 10px 0; margin: 20px 15px 0 50px;} #bataligo i {display: block; width: 38px; height: 36px; position: absolute; top: 0; left: -50px; background: url(../img/icons.png) -196px 0 no-repeat;} footer .socBox {float: left; margin: 20px 0 0 330px;} footer .socBut.fb {background: url(../img/icons.png) 0 -50px no-repeat;} footer .socBut.tw {background: url(../img/icons.png) -26px -50px no-repeat;} footer .socBut.ok {background: url(../img/icons.png) -51px -50px no-repeat;} footer .socBut.vk {background: url(../img/icons.png) -76px -50px no-repeat;} footer .socBut.gp {background: url(../img/icons.png) -100px -50px no-repeat;} footer .socBut.rss {background: url(../img/icons.png) -126px -50px no-repeat;} #botNav .marineTitle {margin: 0 0 0 15px;} .icoNav {text-align: center;} .icoNav a {display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 30px 50px;} .icoNav .ico {width: 56px; height: 56px; margin: 0 auto 10px auto;} .icoNav .ico.cityCatalog {background: url(../img/icons.png) 5px -335px no-repeat;} .icoNav .ico.cityInfo {background: url(../img/icons.png) -53px -335px no-repeat;} .icoNav .ico.cityService {background: url(../img/icons.png) -116px -335px no-repeat;} .icoNav .ico.cityTransport {background: url(../img/icons.png) -179px -335px no-repeat;} /* Bread crumbs */ .breadCrumbs {border-bottom: 1px solid #ecf2f4; overflow: hidden; margin: 0 0 20px 0;} .breadCrumbs ul {} .breadCrumbs ul li {display: inline-block; zoom: 1; *display: inline; position: relative; padding: 0 15px 7px 0; margin: 0 10px 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: #525459; 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;} /* Slider */ .slideShow {} .slideShow img {display: block;} .medSlider {background: #f5f8f9; position: relative; margin: 0 0 30px 0;} .medSlider .slideShow {height: 305px; overflow: hidden;} .slideShow .slideBox {width: 100%!important; } .sliderNav {position: absolute; z-index: 10; text-align: center;} .sliderNav a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 6px; height: 6px; margin: 0 10px; text-indent: -9000%; border: 1px solid #b0bbc0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .sliderNav a.activeSlide {width: 12px; height: 12px; margin: 0 7px; border: none; background: #c1d49c; background: -webkit-gradient(linear, top bottom, #c1d49c, #90ae74); background: -webkit-linear-gradient(top, #c1d49c, #90ae74); background: -moz-linear-gradient(top, #c1d49c, #90ae74); background: -ms-linear-gradient(top, #c1d49c, #90ae74); background: -o-linear-gradient(top, #c1d49c, #90ae74); background: linear-gradient(top, #c1d49c, #90ae74); -pie-background: linear-gradient(top, #c1d49c, #90ae74);} .medSlider .sliderNav {width: 265px; right: 15px; bottom: 15px;} .medSlider .slideShow .slideBox .slImg {display: block; width: 420px; height: 305px; float: left; border-right: 1px solid #fff;} .medSlider .slideShow .slideBox .slTxt {width: 265px; max-height: 250px; float: right; margin: 15px 15px 0 0;} .medSlider .slideShow .slideBox .slTxt .slTheme {margin: 0 0 7px 0; color: #9bbb72; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase; -moz-text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .slideShow .slideBox .slTxt .slTit { color: #345c7c; font: normal 21px/1.0 'robotocond-reg'; text-decoration: none; -moz-text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .slideShow .slideBox .slTxt .slDesc {display: block; margin: 5px 0 10px 0; color: #434654; font: normal 16px/1.2 'robotocond-reg'; text-decoration: none; } .date {display: inline-block; zoom: 1; *display: inline; margin: 10px 0 0 0; color: #b1bdc1; font: normal 12px/1.3 'robotocond-reg'; -moz-text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')"; } .coment {color: #7095a9; display: inline-block; zoom: 1; *display: inline; float: right; margin: 10px 0 0 0; } .coment .sbIco { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 13px; height: 12px; margin: 0 5px 0 0; background: url(../img/icons.png) 0 -140px no-repeat; } .green .coment .sbIco, .index .coment .sbIco { background: url(../img/icons.png) 0 -140px no-repeat; } .yellow .coment .sbIco { background: url(../img/icons.png) -32px -140px no-repeat;} .aqua .coment .sbIco { background: url(../img/icons.png) -16px -140px no-repeat;} .vertSlider {background: #eefbf9; position: relative; margin: 0 0 30px 0;} .vertSlider .slideShow {height: 435px; overflow: hidden;} .vertSlider .slideShow .slideBox .slImg {display: block; width: 460px; height: 290px;} .vertSlider .slideShow .slideBox .slTxt {position: relative; height: 90px; padding: 10px 15px;} .vertSlider .slideShow .slideBox .slTxt .slDesc {overflow: hidden; margin: 5px 0 0 0;} .vertSlider .sliderNav {width: 200px; left: 15px; bottom: 13px; text-align: left;} .vertSlider .sliderNav a:first-child {margin: 0 10px 0 0;} .vertSlider .date {float: right; margin: 13px 0 0 0;} .vertSlider .coment { margin: 10px 0 0 40px; } .vertSlider .slideShow .slideBox .slTxt .date, .vertSlider .slideShow .slideBox .slTxt .coment, .vertSlider .slideShow .slideBox .slTxt .line {position: absolute; top: 105px;} .vertSlider .slideShow .slideBox .slTxt .date {right: 95px;} .vertSlider .slideShow .slideBox .slTxt .coment {right: 15px;} .vertSlider .slideShow .slideBox .slTxt .line {left: 15px; width: 430px;} .defSlider {position: relative; border-bottom: 3px solid #e6ebed; margin: 0 0 20px 0;} .defSlider #prev, .defSlider #next {display: block; width: 9px; height: 20px; position: absolute; top: 150px; z-index: 5;} .defSlider #prev {left: 10px; background: url(../img/icons.png) -34px -208px no-repeat;} .defSlider #next {right: 10px; background: url(../img/icons.png) -45px -208px no-repeat;} .defSlider #prev:hover { background: url(../img/icons.png) -11px -208px no-repeat;} .defSlider #next:hover { background: url(../img/icons.png) -22px -208px no-repeat;} .defSlider .sliderNav {position: static; margin: 10px;} .slPanel {width: 100%; background: #000; background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; bottom: 0;} .slPanel .slTit {display: block; margin: 10px 15px; font: normal 26px/1.2 'robotocond-reg'; color: #eee; text-decoration: none;} .label {display: inline-block; zoom: 1; *display: inline; position: absolute; background: #7fa44e; color: #fff; font-size: 12px; text-transform: uppercase; padding: 3px 10px;} .slPanel .label { left: 0; top: -10px; } .slPanel .label span { border-left: 6px solid #7fa44e; border-top: 11px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid transparent; height: 0px; position: absolute; top: 0; right: -12px;} /* Rating */ .rating {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} div.rating-cancel {display: none;} div.star-rating{float:left; width: 17px; height: 17px; text-indent:-999em; cursor:pointer; display:block; background:transparent; overflow:hidden; margin: 0 3px 0 0;} div.rating-cancel,div.rating-cancel a {background: red;} div.star-rating, div.star-rating a {background: red;} div.rating-cancel a, div.star-rating a {display:block;width:17px;height:100%; border:0; } div.star-rating a {background: url(../img/icons.png) -91px -160px no-repeat;} div.star-rating-on a {background: url(../img/icons.png) -71px -160px no-repeat;} div.star-rating-hover a {background: url(../img/icons.png) -71px -160px no-repeat;} div.star-rating-readonly a {cursor:default !important;} div.star-rating {background:transparent!important;overflow:hidden!important;} /* Index page */ .mainAnons { margin: 0 0 30px 0;} .mainAnons .unit {width: 215px; float: left; margin: 0 15px 15px 0;} .mainAnons .unit a {text-decoration: none;} .mainAnons .unit .grass, .mainAnons .unit .dark { margin: 0 0 5px 0;} .bisnesNews {padding: 20px 0 15px 25px;} .whItem {background: #fff; width: 220px; float: left; margin: 0 15px 15px 0; border-bottom: 1px solid #e6f3de; position: relative; min-height: 230px; } .bisnesNews .whItem .preTxt {padding: 10px;} .bisnesNews .whItem .preTit {text-decoration: none;} .bisnesNews .whItem .line {margin: 10px 0 0 0;} .bisnesNews .whItem .label {display: none; left: 0; top: 0; z-index: 1;} .bisnesNews .whItem.wn .label {display: block;} .bisnesNews .whItem.wn .preTit {font:normal 14px/1.0 'robotocond-bold'; } #authority {margin: 0 0 30px 0; border-bottom: 4px solid #9cbb72;} #authority .newsBox {width: 220px; float: left; margin: 0 0 30px 0;} #authority .newsBox.ltl {width: 225px; float: right; border-bottom: 1px solid #e7edef; padding: 0 0 10px 0; margin: 0 0 15px 0;} #authority .newsBox .preImg {margin: 0 0 10px 0;} #authority .blue {margin: 0 0 15px 15px; display: inline-block; zoom: 1; *display: inline;} #authority .greyList {width: 195px; float: right; margin: 0 0 15px 0;} #authority .greyList .corner {border-bottom: 7px solid #e8eef0; border-left: 7px solid #e8eef0; border-top: 7px solid #fff; border-right: 7px solid #fff;} #authority .greyList .dotLine {border-bottom: 1px dotted #c8d6de; margin: 10px 0;} #authority .greyList a {text-decoration: none;} #advertisement {padding: 20px 0 20px 20px; margin: 0 0 30px 0;} #advertisement .col {width: 142px; float: left; margin: 0 15px 0 0;} #advertisement .line {background: #cee8e0; margin: 8px 0 15px 0;} #advertisement .unit {font-size: 12px;} #advertisement .unit .preImg {border: 1px solid #fff; } #advertisement .unit .preImg img {border: 1px solid #e7edef;} #advertisement .unit a {text-decoration: none;} #advertisement .unit .cena {text-transform: none!important; } #advertisement .blue {float: right; margin: 0 25px;} #photoGalery { margin: 0 0 30px 0;} #photoGalery #imgBox {height: auto;} #photoGalery #imgBox .mainImg {width: 100%; float: none; height: 280px;} #photoGalery #imgBox .mainImg img {margin: 0 auto;} #photoGalery #imgBox .thumbs { margin: 0;} #photoGalery #imgBox .thumbs a {width: 114px; margin: 1px 1px 0 0;} #photoGalery #imgBox .imgPanel div {display: none;} #photoGalery #imgBox .imgPanel .imgTitle {font-size: 20px; margin: 7px 10px;} #travel {border-top: 1px solid #dbc149; padding: 15px 0 0 0; margin: 0 0 30px 0;} #travel .unit {width: 220px; float: left; border: 1px solid #e1e8eb; margin: 0 0 15px 15px;} #travel .unit:first-child {margin: 0 0 15px 0;} #travel .unit .preTit {font:normal 24px/1.3 'robotocond-bold'; text-decoration: none; margin: 0 10px;} #travel .unit .cena.mustard {text-transform: none; margin: 0 10px 10px 10px;} #afisha, #contest {overflow: hidden; border-bottom: 4px solid #e6ebed; margin: 0 0 20px 0; padding: 0 0 10px 0;} .GalBox {position: relative;} .GalBox .pBut, .GalBox .nBut, .GalBox .cpBut, .GalBox .cnBut {width: 9px; height: 20px; cursor: pointer; position: absolute; bottom: 10px;} .GalBox .pBut, .GalBox .cpBut {right: 30px; background: url(../img/icons.png) -80px -208px no-repeat;} .GalBox .nBut, .GalBox .cnBut {right: 10px; background: url(../img/icons.png) -92px -208px no-repeat;} .GalBox .nBut:hover, .GalBox .cnBut:hover { background: url(../img/icons.png) -22px -208px no-repeat;} .GalBox .pBut:hover, .GalBox .cpBut:hover { background: url(../img/icons.png) -10px -208px no-repeat;} #afisha .galery {margin: 0 0 10px 0; } #afisha .galery ul {} #afisha .galery ul li, #contest .galery ul li {width: 170px; margin: 0;} #afisha .galery ul li .slide, #contest .galery ul li .slide {width: 155px;} #afisha .galery ul li .slide .preTitle, #contest .galery ul li .slide .preTitle {font:normal 16px/1.3 'robotocond-bold'; text-decoration: none; margin: 5px 0; display: block;} #afisha .galery ul li .slide .preImg, #contest .galery ul li .slide .preImg {margin: 0 0 5px 0;} #afisha .galery ul li .slide .clockIco {font-size: 11px;} .clockIco i {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 10px; height: 10px; margin: 0 5px 0 0; background: url(../img/icons.png) -48px -140px no-repeat;} .seansDate {font:normal 12px/1.3 'robotocond-reg';} .seansTime {font:normal 16px/1.3 'robotocond-bold';} article .txt div { margin-bottom: 5px; } #contest .galery {height: 305px; } #forum {padding: 0 0 15px 0; border-bottom: none; margin: 0 0 30px 0;} #forum h2 {margin: 15px;} #forum .box {padding: 0 15px;} #forum .line {margin: 10px 0;} #forum a {text-decoration: none;} #forum .person {margin: 0 5px 0 0; font-size: 12px; color: #8cc8a0;} #forum .person i {display: inline-block; zoom: 1; *display: inline; vertical-align: text-bottom; width: 13px; height: 14px; margin: 0 5px 0 0; background: url(../img/icons.png) -62px -140px no-repeat;} #forum .preMess {font:normal 14px/1.3 'robotocond-bold'; text-decoration: none; margin: 0 0 5px 0; display: block;} #forum .blue {margin: 0 15px;} #acquaintance { margin: 0 0 30px 0;} #acquaintance .icoBordBox .whBg {margin: 25px 0 0 5px;} #acquaintance .acqPerson {width: 102px; float: left; margin: 0 0 15px 15px;} #acquaintance .acqPerson .avaBox, #acquaintance .acqPerson .avaBox img {display: block;} #acquaintance .acqPerson .avaBox {margin: 0 0 10px 0;} #acquaintance .acqPerson .person {color: #68ad8f; text-decoration: none;} #acquaintance .acqPerson .grey { text-transform: none;} #ourEvents {} #ourEvents h2 {color: #c22e7a;} #ourEvents h2 .presIco {display: inline-block; zoom: 1; *display: inline; width: 26px; height: 26px; margin: 0 0 0 5px; background: url(../img/icons.png) -262px -165px no-repeat;} #ourEvents .GalBox .pBut, #ourEvents .GalBox .nBut {bottom: -25px;} #ourEvents .galery ul li {width: 163px; margin: 0;} #ourEvents .galery ul li .slide {width: 150px;} #ourEvents .galery ul li .slide .preTitle {font:normal 16px/1.3 'robotocond-bold'; text-decoration: none; margin: 5px 0; display: block;} #ourEvents .galery ul li .slide .preImg {margin: 0 0 5px 0;} ##ourEvents .galery ul li .slide .clockIco {font-size: 11px;} /* Announcements */ .preImg, .preImg img {display: block; position: relative; border-bottom: 1px solid #fff;} .coralBox .prePanel {position: absolute; left: 0; bottom: 0; width: 210px; height: 35px; background: #dd8282; } .coralBox .prePanel .back {width: 30px; height: 35px; position: absolute; right: -30px; top: 0; background: url(../img/icons.png) -255px -80px no-repeat;} .coralBox .prePanel .txt {font: normal 14px/1.2 'robotocond-reg'; color: #fff; padding: 10px; -moz-text-shadow: 0 -1px 1px #b45f5f; -webkit-text-shadow: 0 -1px 1px #b45f5f; text-shadow: 0 -1px 1px #b45f5f; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#b45f5f')";} .boxTxt {padding: 0 15px 15px 15px;} .coralBox .boxTxt {font-size: 14px; overflow: hidden;} .coralBox .boxTxt p {margin: 0 0 15px 0;} .coralBox .Button {padding: 7px 15px; font:normal 11px/1.0 'robotocond-reg'; background: #dd8282; float: right;} .saladBox .H2 {margin: 0 0 10px 0;} .saladBox .line {background: #d3e1c0; margin: 12px 0;} .saladBox .greenLine {height: 4px; background: #7fa44e; border-bottom: 1px solid #fff; } .saladBox .Button.grassBut input {padding: 6px 13px; font:normal 11px/1.0 'robotocond-reg'; } .greyList {background: #f5f8f9; border-bottom: 1px solid #e6edef; padding: 15px; position: relative; -moz-text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .greyList .corner {width: 0px; height: 0px; position: absolute; top: 0; right: 0; border-bottom: 25px solid #e8eef0; border-left: 25px solid #e8eef0; border-top: 25px solid #fff; border-right: 25px solid #fff; } .greyList .greyLine {height: 4px; background: #d6dee2; border-bottom: 1px solid #fff;} .docList {padding: 0 0 0 15px; margin: 0 0 30px 0;} .docList .box .line {margin: 10px 0;} .docList .box .txt {display: block; text-decoration: none; color: #345c7c; font: normal 16px/1.3 'robotocond-reg'; } /* News lists */ .newsList {margin: 0 0 30px 0;} .newsSection {margin: 0 0 30px 0;} .newsBlock {overflow: hidden; border-bottom: 4px solid #e8eef0; padding: 0 0 15px 0; margin: 0 0 15px 0;} .newsBox {overflow: hidden;} .newsBox .preImg {width: 220px; float: left;} .newsBox .preTxt {width: 225px; float: right;} .newsBox .preTit {font: normal 18px/1.0 'robotocond-bold'; color: #345c7c; text-decoration: none; text-decoration: none;} .newsBox .preDesc {display: block; font: normal 16px/1.1 'robotocond-reg'; text-decoration: none; margin: 5px 0 10px 0; color: #525459;} .newsBox .date, .newsBox .coment {margin: 5px 0 0 0;} .newsList .newsBox {border-bottom: 1px solid #daebe1; padding: 15px 0;} .newsList .newsBox:first-child {border-top: 1px solid #e7edef;} .newsBlock .newsBox {border-bottom: none; width: 460px; float: left; padding: 0;} .newsBlock .newsBox.ltl {width: 240px; float: right; margin: 0 0 10px 0;} .newsBlock .newsBox:first-child {border-top: none;} .newsBox.ltl .preImg {width: 90px; margin: 0 0 15px 0;} .newsBox.ltl .preTxt {width: 140px; margin: 0 0 15px 0;} .newsBox.ltl .preTit {font: normal 14px/1.0 'robotocond-bold'; display: block;} .newsBox.ltl .coment {float: none; margin: 0 0 0 15px;} .newsBlock a.blue {float: right;} .newsList a.blue {display: inline-block; zoom: 1; *display: inline; margin: 15px 0 0 0;} .newsSection .newsBox {border-top: 1px solid #daebe1; padding: 15px 0;} .newsSection .newsBox:first-child {border-top: none;} .newsSection .newsBox.ltl .preImg, .newsSection .newsBox.ltl .preTxt {margin: 0;} .newsSection .loadLink {clear: both; margin: 20px 0; padding: 15px 0 0 0; border-top: 1px solid #daebe1;} .loadLink .loadIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 5px; height: 12px; margin: 0 0 0 5px; background: url(../img/icons.png) 0 -208px no-repeat;} .topicList {padding: 1px 0 10px 0; overflow: hidden; border-bottom: none;} .topicList div .topic {border-top: 1px solid #ddead0; padding: 10px 15px; } .topicList div .topic:first-child {border-top: none; padding: 0 15px 10px 15px;} .topicList .topic a {font-size: 14px; text-decoration: none;} .topicList.saladBox .topic a:hover {color: #7fa44e;} .topicList .topic .grey {margin: 5px 0 0 0;} .topicList .grass, .topicList .marine {float: right; margin: 0 15px 0 0;} .ui-tabs .ui-tabs-hide {display: none;} .tabs {} .tabs ul.tabNav {list-style: none; margin: 0;} .tabs ul.tabNav li {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .tabs ul.tabNav li a { position: relative; margin: 0 17px 0 0; color: #7095a9; font: normal 12px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none;} .tabs ul.tabNav li a span {color: #88aa5a; position: absolute; left: -10px; top: 0;} .tabs ul.tabNav li:first-child a span {display: none;} .tabs ul.tabNav li.ui-state-active a {color: #525459;} .vertGalBox {position: relative; padding: 0 0 15px 0; overflow: hidden;} .vertGalBox .tBut, .vertGalBox .bBut {background: #cac4c4; width: 10px; height: 8px; cursor: pointer; position: absolute; bottom: 0;} .vertGalBox .bBut {left: 30px; background: url(../img/icons.png) -171px -20px no-repeat;} .vertGalBox .tBut {left: 0; background: url(../img/icons.png) -171px -29px no-repeat;} .vertGalBox .bBut:hover, .vertGalBox .bBut.disabled {background: url(../img/icons.png) -157px -29px no-repeat;} .vertGalBox .tBut:hover, .vertGalBox .tBut.disabled {background: url(../img/icons.png) -157px -20px no-repeat;} .vertGalBox .tBut.disabled, .vertGalBox .bBut.disabled {cursor: default;} .vertGalBox .galery {-webkit-mask-image: -webkit-linear-gradient(top, rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,1), rgba(0,0,0,0)); margin: 0 0 10px 0; overflow: hidden;} .vertGalBox .galery ul {margin: 0;} .vertGalBox .galery ul li {margin: -1px 0 10px 0; padding: 10px 0 0 0; height: 40px; overflow: hidden; border-top: 1px dotted #b5c0c3; width: 100%!important;} .vertGalBox .galery ul li .time {font-size: 12px; float: left; width: 35px; color: #a5b3b8;} .vertGalBox .galery ul li a {display: block; margin: 0 0 0 40px; text-decoration: none; height: 36px; overflow: hidden;} .medeaNews {margin: 0 0 30px 0; position: relative;} .medeaNews .blue {float: right; } .greyList.digestLisl {overflow: hidden; margin: 0 0 30px 0; padding: 15px 0 15px 15px;} .digestLisl .box {width: 225px; float: left; margin: 0 15px 15px 0;} .digestLisl .box .txt {font-size: 14px; color: #444851; height: 40px; overflow: hidden; text-decoration: none;} .digestLisl .box .line {margin: 15px 0 0 0;} .digestLisl h2 {color: #79858a; border-bottom: 4px double #cdd8dc; margin: 0 15px 15px 0; padding: 0 0 15px 0;} .newsList .breadCrumbs { margin: 0;} .subjList {margin: 0 0 30px 0;} .subjList .newsBlock { border-bottom: 4px double #e7edef;} .subjList .newsBlock .subj {width: 240px; float: right; margin: 0 0 10px 0;} /* Mobile reporter */ .mobReporter {} .videoBox {width: 321px; float: left; background: #0d0b0a; padding: 20px 0; margin: 0 1px 15px 1px;} .preVideo {display: block; height: 195px; position: relative;} .preVideo .vIco {display: block; width: 78px; height: 78px; position: absolute; left: 123px; top: 45px; background: url(../img/icons.png) -296px -80px no-repeat;} .preVideo .prePanel {width: 100%; height: 43px; position: absolute; left: 0; bottom: 0; background: rgba(8, 7, 7, 0.8) url(../img/icons.png) -457px -170px no-repeat;} .preVideo .prePanel .tit {color: #fff; margin: 7px 10px 3px 50px; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;} .preVideo .prePanel .author {font-size: 12px; color: #9cbb72; margin: 0 5px 0 50px; } .mobReporter .blue {float: right; margin: 0 15px 15px 0;} .preVideo .prePanel .photoRep, .preVideo .prePanel .videoRep {width: 43px; height: 43px; float: left;} .preVideo .prePanel .photoRep {background: url(../img/icons.png) -4px -285px no-repeat;} .preVideo .prePanel .videoRep {background: url(../img/icons.png) -4px -234px no-repeat;} .tagCloud {margin: 0 0 30px 0;} .tagCloud a {text-decoration: none; color: #7095a9;} .tagCloud .size01 { font: normal 12px/1.0 'robotocond-reg';} .tagCloud .size02 {font: normal 18px/1.0 'robotocond-reg';} .tagCloud .size03 {font: normal 22px/1.0 'robotocond-reg';} .tagCloud .size04 {font: normal 30px/1.0 'robotocond-reg';} .tagCloud .size05 {font: normal 36px/1.0 'robotocond-reg';} .topList {padding: 0 10px; } .topList ol {list-style: none; counter-reset: point; margin: 0 0 20px 0; font-size: 14px;} .topList ol li {padding: 10px 0 0 45px; position: relative; border-top: 1px solid #ddead0; margin: 0 0 10px 0;} .topList ol li:before {content: counter(point); counter-increment: point 1; font: normal 34px/1.0 'robotocond-reg'; width: 35px; position: absolute; left: 0; top: 10px; color: #abb8bd; text-align: center;} .topList ol li:first-child { border-top: none;} .topList ol li:first-child:before, .topList ol li:nth-child(2):before, .topList ol li:nth-child(3):before {color: #f5cd1b;} .topList ol { z-index: expression( runtimeStyle.zIndex = 1, function(node) { var list = node.childNodes, i = list.length; while(i--) { if(list[i].nodeType == 1) { list[i].insertAdjacentHTML('afterBegin', '
'+(i+1)+'
'); } } }(this)); ) } .topList ol div.num {font: normal 34px/1.0 'robotocond-reg'; width: 35px; position: absolute; left: 0; top: 10px; color: #abb8bd; text-align: center;} .topList ol li:first-child div.num {color: #f5cd1b;} .topList .name {color: #7095a9; text-decoration: none;} .topList .reports {color: #4b4f59;} #imgBox {background: #f5fbf0; height: 254px; overflow: hidden; margin: 10px 0 30px 0;} #imgBox img {display: block;} #imgBox .mainImg {display: block; width: 350px; float: left; position: relative; height: 254px; text-decoration: none;} #imgBox .thumbs {margin: 0 0 0 350px;} #imgBox .thumbs .prew {display: block; width: 120px; float: left; margin: 0 0 1px 1px; position: relative;} #imgBox .thumbs .prew .bord {display: none; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 3px solid #7fa44e; } #imgBox .thumbs .prew img {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #imgBox .imgPanel {width: 100%; height: 43px; position: absolute; left: 0; bottom: 0; background: #000; background: rgba(0, 0, 0, 0.8);} div.videoRep, div.photoRep {width: 43px; height: 43px; float: left;} div.videoRep {background: url(../img/icons.png) -4px -234px no-repeat;} div.photoRep {background: url(../img/icons.png) -4px -285px no-repeat;} #imgBox .imgPanel span {display: block; } #imgBox .imgPanel .imgTitle {color: #fff; margin: 5px 0 0 50px;} #imgBox .imgPanel .imgAutor {color: #9cbb72; font-size: 12px; margin: 0 0 0 50px;} #imgBox .thumbs .prew:hover .bord {display: block;} #imgBox .thumbs .prew:hover img {filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;} .repotrList {margin: 0 0 20px 0;} .reportBox {border-bottom: 1px solid #ddead0; padding: 15px 0;} .reportBox a {text-decoration: none; text-transform: none;} .reportBox .preRep {display: block; width: 120px; float: left;} .reportBox .preRep img {display: block;} .reportBox .repInfo {margin: 0 0 0 135px;} .reportBox .rating {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; overflow: hidden; margin: 10px 10px 0 0;} .reportBox .lookup {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 10px 10px 0 0;} .reportBox .lookup span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 20px; height: 14px; margin: 0 4px 0 0; background: url(../img/icons.png) -238px -17px no-repeat;} .reportBox .coment {} .filterBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 20px 0; font-size: 11px;} .filterBox .filt {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px; cursor: pointer; font: normal 11px/1.2 'robotocond-reg'; color: #7095a9; text-transform: uppercase; padding: 3px 7px; letter-spacing: 1px; border: 1px solid #9ebece; text-decoration: none;} .filterBox .filt.picked {color: #fff; border: 1px solid #7095a9; background: #7095a9;} .filterBox .filt:hover {color: #fff; border: 1px solid #9ebece; background: #9ebece;} .fullImg, .imgList {margin: 0 0 20px 0;} .fullImg img, .imgBox img {display: block;} .fullImg .imgPanel {overflow: hidden;} .fullImg .imgPanel .imgTitle {font: normal 16px/2.8 'robotocond-reg'; margin: 0 10px;} .imgList .imgBox {display: block; margin: 0 15px 15px 0; float: left;} /* Add forms */ #page.addReport {padding: 0;} #page.addReport .pageSpace {padding: 20px 25px; margin: 0 0 50px 0;} #page.addReport .pageSpace#step01 {background: #f2f6f7;} #page.addReport .pageSpace#step02 {background: #e7eeef;} #page.addReport .pageSpace#step03 {background: #edf7e5;} .steper {display: inline-block; zoom: 1; *display: inline; border: 1px solid #7fa44e; font: normal 11px/1.2 'robotocond-reg'; text-transform: uppercase; margin: 10px 0 20px 0;} .steper div {display: inline-block; zoom: 1; *display: inline; float: left; padding: 5px 15px; } .steper .step {background: #7fa44e; color: #fff;} .steper .action {color: #7fa44e;} .addrep {padding: 0 65px 0 15px;} .addrep .labelBox {width: 175px; float: left;} .addrep .inputBox {margin: 0 0 20px 190px;} .addrep .inputBox .grey {font-size: 11px; margin: 5px 0 0 0;} .addrep label {text-transform: uppercase;} .addrep textarea {height: 100px;} .addrep .Button {margin: 0 20px 0 0;} .whInp.addTag {padding: 5px 10px 0 5px;} .addTag .tag {position: relative; display: inline-block; zoom: 1; *display: inline; vertical-align: top; background: #b7c6cb; color: #fff; padding: 5px 15px 5px 10px; margin: 0 25px 5px 0; -moz-border-radius: 3px 0 0 3px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; -khtml-border-radius: 3px 0 0 3px;} .addTag .tag .arr {width: 0px; height: 0px; border-bottom: 14px solid transparent; border-right: 12px solid transparent; border-top: 14px solid transparent; border-left: 12px solid #b7c6cb; position: absolute; top: 0; right: -24px;} .addTag .tag .arr span {display: block; width: 10px; height: 10px; margin: -5px 0 0 -21px; cursor: pointer; background: url(../img/icons.png) -490px -230px no-repeat;} .addTag input {width: auto; padding: 5px;} .addition .addrep { padding-bottom:50px; margin-bottom:50px; } .addition .addrep .darkBg { display:block; clear:both; margin:0 0 20px 0; font-size:20px; } .addition .addrep .darkBg label { font-size:14px; } .addition .addrep .darkBg .Button { margin:10px 0 0 190px; } .addition .addrep .darkBg .checkBox + .Button, .addition .addrep .darkBg .Button + .Button { margin:10px 20px 0 0; } .addition .addrep .labelBox { padding:8px 0; } .addition .addrep .labelBox sup { vertical-align:top; line-height:1; } .loadFile {width: 175px; height: 110px; float: left; margin: 0 20px 20px 0; position: relative; overflow: hidden; border: 4px solid #dee6e8; background: #edf7f7; } .loadFile .ico, .addLoader .ico {width: 48px; height: 48px; position: absolute; left: 63px; top: 31px; background: url(../img/icons.png) -369px -230px no-repeat; cursor: pointer;} .loadFile input { width:100%; height: 110px; position:absolute; top:0; left:0; z-index:20; cursor: pointer; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0;} .loadFile.dopFile {background: #f2f6f7;} .loadFile.dopFile .ico {background: url(../img/icons.png) -422px -230px no-repeat;} .addLoader {width: 175px; height: 118px; float: left; margin: 0 20px 20px 0; position: relative;} .addrep .inputBox.forFiles .grey, .forFiles .dark {font-size: 12px;} #step03 .addrep {padding: 0 45px 0 15px;} .addrep .preRep .videoRep, .addrep .preRep .photoRep {position: absolute; top: 0; right: 0;} .addrep .preRep .preImg, .addrep .preRep .preImg img {border: none;} .addrep .preRep .preImg {} .addrep .imgTitle {font-size: 16px; margin: 10px 0 15px 0;} .addrep .imgTitle .grey {font-size: 11px;} .addrep .inputBox .checkBox {margin: 5px 0 0 0;} .addrep .checkBox.bold label {font: normal 18px/1.0 'robotocond-bold';} .addrep .checkBox.bold label a {color: #7095a9; text-decoration: none;} .addrep .checkBox.bold label span {margin: 0 7px 0 0;} .addReport .formTitle {margin: 0 0 20px 0; font-size: 11px;} .addrep #refresh_captcha { margin-left:10px; text-decoration: none; border-bottom: 1px dashed; } .inputBox.captchaBox {} .inputBox.captchaBox .captcha {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 20px 0 0;} .inputBox.captchaBox .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 200px} .inputBox.captchaBox {} #page.addReport .pageSpace#specialAdd {background: #e7eeef;} .longArrow {margin: 40px 10px 40px 0; padding: 10px 0; border-top: 1px solid #7fa44e; font-size: 11px; position: relative;} .longArrow .point {position: absolute; top: -4px; right: -4px; border-top: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #7fa44e; } .addReport .grSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .addReport .cusel {width: auto!important; min-width: 400px;} .addReport .cusel .cuselText {width: 90%;} .addReport .chosen-container {min-width: 300px;} .addReport .moneyBlock .chosen-container {width: 150px!important; min-width: 150px;} .addReport .radioBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 20px 0 0;} .inputBox.moneyBlock {} .inputBox.moneyBlock > div, .inputBox.moneyBlock > span {display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 0 20px 0 0;} .addReport .inputBox.moneyBlock .cusel {min-width: 150px!important;} .addReport .inputBox.moneyBlock .checkBox {margin: 0;} .addReport .inputBox.wantBlock .cusel {min-width: 250px!important;} .addReport .inputBox.wantBlock .grSelect { margin: 0 20px 0 0;} .inputBox.moneyBlock span {text-transform: uppercase; margin: 0 10px 0 0;} .inputBox.loadDocument {} .loadDoc {width: 52px; height: 70px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 20px 20px 0; overflow: hidden; background: url(../img/icons.png) -280px -280px no-repeat; position: relative;} .loadDoc input { width:100%; height: 110px; position:absolute; top:0; left:0; z-index:20; cursor: pointer; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0;} .inputBox.loadDocument label {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 20px 0;} .inputBox.loadDocument .fileBox {background: #dae2e5; margin: 0 5px 5px 0; padding: 10px;} .inputBox.loadDocument .fileBox .del {width: 15px; height: 15px; float: right; background: url(../img/icons.png) -70px -186px no-repeat; margin: 8px 8px 0; cursor: pointer;} .dopBlock {padding: 0 0 30px 90px;} .dopBlock .payBlock {width: 200px; margin: 0 20px 20px 0; padding: 15px; float: left; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -khtml-border-radius: 10px;} .dopBlock .payBlock.king {background: #f6fbfa; border: 4px solid #a5d8bd;} .dopBlock .payBlock.fast, .dopBlock .payBlock.free {background: #f7f7f8; border: 4px solid #a8c5d3;} .dopBlock .payBlock.fast {} .dopBlock .payBlock.free {} .dopBlock .payBlock .Ico {width: 72px; height: 35px; margin: 0 auto 15px auto;} .dopBlock .payBlock.king .Ico {background: url(../img/icons.png) -428px -664px no-repeat;} .dopBlock .payBlock.fast .Ico {background: url(../img/icons.png) -428px -595px no-repeat;} .dopBlock .payBlock.free .Ico {background: url(../img/icons.png) -428px -629px no-repeat;} .dopBlock .Title {font: normal 16px/1.0 'robotocond-bold'; text-transform: uppercase; margin: 0 0 10px 0;} .dopBlock .payBlock .Title { text-align: center;} .dopBlock .payBlock .Title .basIco {display: inline-block; zoom: 1; *display: inline; width: 18px; height: 17px; margin: 0 0 0 10px; cursor: pointer;} .dopBlock .payBlock.king .basIco {background: url(../img/icons.png) -464px -400px no-repeat;} .dopBlock .payBlock.fast .basIco {background: url(../img/icons.png) -483px -400px no-repeat;} .dopBlock .unit {padding: 10px 0; border-top: 1px solid #dfe9eb;} .dopBlock .king .unit { border-top: 1px solid #bbdbca;} .payBlock .unit .dark, .payBlock .unit .blue, .payBlock .unit .marine {font: normal 12px/1.0 'robotocond-reg';} .dopBlock .payBlock .qua {font: normal 36px/1.0 'robotocond-bold'; } .dopBlock .payBlock .qua sup {font: normal 16px/1.0 'robotocond-bold';} .dopBlock .payBlock .Button {float: right; font: normal 11px/1.0 'robotocond-bold'; padding: 8px 15px; margin: 0;} .dopBlock .payBlock .dubLine {border-top: 3px double #cedadd; padding: 10px 0 0 0; font: normal 11px/1.0 'robotocond-reg';} .dopBlock .payBlock.king .dubLine {border-top: 3px double #c1e4d2;} .dopBlock .payBlock .dubLine .coral {float: right;} .dopBlock .order {} .dopBlock .order ol {margin: 0 0 10px 0; border-bottom: 3px double #d0dcdf; } .dopBlock .order ol li {padding: 15px 20px; border-top: 1px solid #d0dcdf; margin: 0; list-style-position: inside; overflow: hidden; color: #64a996;} .dopBlock .order ol li > div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .dopBlock .order ol li .orDes {width: 580px; color: #525459;} .dopBlock .order ol li .price {width: 60px; margin: 0 30px;} .dopBlock .order ol li .del {width: 17px; height: 17px; background: url(../img/icons.png) -483px -420px no-repeat;} .dopBlock .order .dark {padding: 15px 20px;} .dopBlock .order .Title {text-align: right;} #feedback {background: #e7eeef;} #jobAdd {background: #f2f6f7;} .addReport .datesel .cusel {min-width: 100px;} .addReport .datesel .grSelect {margin: 0 20px 0 0;} .addReport .lang .cusel {min-width: 200px;} .addReport .lang .grSelect {margin: 0 20px 10px 0;} .addReport .lang a {text-decoration: none;} #jobAdd .checkBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 0 0;} /* Payment */ #page.paymentPage {background: #f2f6f7; padding: 0; margin: 0 0 50px 0;} #page.paymentPage .pageSpace {padding: 20px 25px;} #page.paymentPage form {width: 600px;} #page.paymentPage form > .radioBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 20px 0;} #page.paymentPage .labelBox {width: 130px; float: left;} #page.paymentPage .inputBox {margin: 0 0 20px 150px;} #page.paymentPage .inputBox.pay .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 120px; margin: 0 10px 0 0;} #page.paymentPage .total {font: normal 20px/1.0 'robotocond-bold';} #page.paymentPage form > .checkBox {margin: 0 0 20px 0;} #page.paymentPage form > .checkBox label {text-transform: none;} #page.paymentPage label {text-transform: uppercase;} .tranBox {overflow: hidden; margin: 0 0 20px 0; text-transform: uppercase;} .tranBox .muchPay {width: 200px; float: right;} .tranBox .whenPay {width: 100px; float: right;} .tranBox .whatPay { margin: 0 350px 0 0;} /* Interview */ .interviewList {margin: 0 0 30px 0;} .interviewBox {border: 10px solid #f3f9f1; padding: 10px; margin: 0 0 15px 0;} .interviewBox.weekInt {background: #f3f9f1;} .interviewBox .preImg {width: 200px; float: left; border: none;} .interviewBox .intDesc {margin: 0 0 0 215px;} .interviewBox .interviewee {font: normal 26px/1.0 'robotocond-reg';} .interviewBox .preTit {font: normal 26px/1.0 'robotocond-reg'; text-decoration: none;} .lookup.green {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color: #a5b3b8;} .lookup.green 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 -16px no-repeat;} .interviewBox .lookup {margin: 0 15px 0 0;} .interviewBox .coment {float: none; margin: 0;} .interviewBox .intDate {display: inline-block; zoom: 1; *display: inline; font-size: 11px; color: #91ac71; margin: 0 0 10px 0; text-transform: uppercase;} .interviewBox .intTxt {margin: 10px 0;} .interviewBox.weekInt .intDate {background: #91ac71; color: #fff; padding: 3px 7px; } .interBox {padding: 10px; margin: 0 0 30px 0;} .interBox .whBg {padding: 10px;} .interBox .preImg .panel {width: auto; height: auto; position: absolute; left: 0; bottom: 0; background: #91ac71; 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 {background: #f3f9f1; width: 320px; float: left; margin: 0 15px 20px 0;} .interBox.dossier .person {color: #91ac71; 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: #91ac71; font: normal 28px/1.0 'robotocond-reg'; margin: 15px 0;} .inerwText .citata span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 75px; height: 1px; background: #91ac71; margin: 0 3px;} .interVideo {padding: 15px; text-align: center; margin: 0 0 30px 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;} article footer .key {display: inline-block; zoom: 1; *display: inline; margin: 15px 0; color: #79858a; text-transform: uppercase;} article footer .coment {float: none; margin: 15px 0;} article footer .coment .sbIco {margin: 0 5px 0 7px;} 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 {float: right;} 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 {text-transform: uppercase; color: #dc5f5f; float: right; margin: 15px; text-decoration: none;} article footer .complain span {display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: 16px; height: 17px; margin: 0 7px 0 0; background: url(../img/icons.png) -263px -18px no-repeat;} article footer .favour {float: right; text-transform: uppercase; color: #91ba6d; margin: 15px 0 15px 15px; cursor:pointer;} article footer .favour span {display: inline-block; zoom: 1; *display: inline; vertical-align: bottom; width: 17px; height: 17px; margin: 0 5px 0 0;} article footer .favour span.yes {background: url(../img/icons.png) -133px -160px no-repeat;} article footer .favour span.no {background: url(../img/icons.png) -113px -160px no-repeat;} 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;} article footer .likeBox {margin: 10px 0 20px 0;} .inArticle {} .inArticle.topicList {border-top: 1px solid #7fa44e; padding: 15px 0 0 0;} .inArticle.topicList .topic, .themeList .theme {margin: 0 0 15px 0;} .themeList.andPreview { overflow:hidden } .themeList.andPreview .theme { float:left; width: 200px; padding: 0 30px 15px 0; } .themeList.andPreview .themeName { line-height: 18px; height: 54px; overflow:hidden } .themeList.andPreview .themeImage { vertical-align:middle; height:150px } .themeList {border-top: 1px solid #e7edef; border-bottom: 1px solid #e7edef; padding: 15px 0 0 0; margin: 0 0 30px 0;} .themeList .theme a {color: #7095a9; text-decoration: none;} .themeList .theme .grey {margin: 5px 0 0 0;} .loadList {} .fileBox { float: left; margin: 15px 20px 15px 0; } .fileBox a, .fileBox span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 11px; width: 190px;} .fileBox .ico {width: 21px; height: 28px; margin: 0 10px 0 0; } .fileBox.doc .ico {background: url(../img/icons.png) -300px -167px no-repeat;} .fileBox.pdf .ico {background: url(../img/icons.png) -323px -167px no-repeat;} .fileBox.xls .ico {background: url(../img/icons.png) -346px -167px no-repeat;} /* Low */ .lowText {font-size: 16px;} .lowText .gerb {text-align: center;} .lowText ol {} .lowText ol ol {list-style: none; counter-reset: item; margin: 0 0 10px 10px;} .lowText ol ol li {} .lowText ol ol li:before {content: counter(item) ') '; counter-increment: item;} .lowText .author, .lowText .name {display: inline-block; zoom: 1; *display: inline; max-width: 30%; margin: 0 0 20px 0;} .lowText .author {float: left;} .lowText .name {float: right;} .lowText .resume {clear: both; font-size: 14px;} .lowText .resume .border {width: 240px; height: 4px; background: #91ac71; margin: 0 0 10px 0;} /* Votes */ .weekPoll {padding: 0 15px 15px 15px; overflow: hidden; margin: 0 0 15px 0;} .weekPoll .que {font-size: 18px; margin: 0 0 10px 0;} .weekPoll .blue {display: inline-block; zoom: 1; *display: inline; margin: 5px 0 0 0;} .weekPoll .Button {float: right;} .opinionPoll .weekPoll {margin: 0;} .voteList {margin: 10px 0 30px 0;} .voteBox {border-bottom: 4px solid #ddead0; margin: 0 0 30px 0;} .voteBox h2 {margin: 0 0 20px 0;} .voteForm, .voteResult {border-bottom: 1px solid #ddead0; margin: 0 0 20px 0;} .voteForm .radioBox {margin: 0 0 15px 0;} .voteForm .Button {margin: 15px 0;} .voteBox .likeBox {display: inline-block; zoom: 1; *display: inline; margin: 0 10px 15px 0;} .voteResult .poll {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: normal 34px/0.9 'robotocond-reg'; color: #7fa44e;} .voteResult .percent {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: normal 18px/1.3 'robotocond-reg'; color: #7fa44e;} .voteResult .scaleBox {width: 640px; height: 13px; float: right;} .voteResult .scaleBox .scale {position: relative; min-width: 10px;} .voteResult .scaleBox .scale .leftPic, .voteResult .scaleBox .scale .rightPic {width: 5px; height: 13px; position: absolute; top: 0; } .voteResult .scaleBox .scale .leftPic {left: 0; background: url(../img/icons.png) -255px -120px no-repeat;} .voteResult .scaleBox .scale .rightPic {right: 0; background: url(../img/icons.png) -262px -120px no-repeat;} .voteResult .scaleBox .scale .value { margin: 0 5px; background: #b8d977; height: 5px; border-bottom: 8px solid #7fa44e;} .voteResult .answer {clear: both; margin: 10px 0 20px 0;} /* Events */ .eventList {background: #f5f8f9; padding: 15px 0 15px 15px; overflow: hidden; font-size: 11px; margin: 0 0 30px 0;} .eventBox {width: 224px; float: left; margin: 0 14px 15px 0;} .eventList .eventBox .preImg {border: 3px solid #fff;} .eventBox .preDesc {display: block; font: normal 14px/1.1 'robotocond-reg'; text-decoration: none; margin: 5px 0 10px 0; color: #525459;} .eventBox .preTit {font: normal 18px/1.0 'robotocond-bold'; color: #345c7c; text-decoration: none;} .eventBox .date, .eventBox .time {display: inline-block; zoom: 1; *display: inline; font: normal 16px/1.1 'robotocond-bold'; margin: 10px 0; -moz-text-shadow: 0 1px 1px #fff; -webkit-text-shadow: 0 1px 1px #fff; text-shadow: 0 1px 1px #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .eventBox .date {color: #91ac71; } .eventBox .time {color: #abb8bd; float: right;} .eventBox .type {margin: 7px 0;} .eventAnons {} .eventAnons .eventBox {width: 228px; margin: 0 0 15px 15px;} .eventAnons .eventBox:first-child {margin: 0 0 15px 0;} .eventAnons .eventBox .preImg {margin: 0 0 10px 0;} .eventAnons .eventBox .preImg img {width: 100%;} .eventAnons .eventBox .date, .eventAnons .eventBox .time {display: block; float: none; margin: 0;} .eventAnons .eventBox .time {color: #434654;} .eventAnons .eventBox .grey, .eventAnons .eventBox .blue {font-size: 11px;} .eventAnonsVert, .eventAnons, .jobEvent { margin: 0 0 30px 0;} .eventAnonsVert .eventBox {float: none; border-top: 4px solid #91ac71; padding: 15px 0; width: 240px;} .eventAnonsVert .eventBox .preImg {margin: 0 0 10px 0;} .eventAnonsVert .eventBox .date, .eventAnonsVert .eventBox .time {display: block; float: none;} .eventAnonsVert .eventBox .time {margin: 0 0 10px 0; color: #434654;} .eventAnonsVert .eventBox .date {margin: 0;} .eventAnonsVert .eventBox .blue, .eventAnonsVert .eventBox .grey {font-size: 11px;} .jobEvent {} .jobEvent .eventBox {float: none; border-top: 4px solid #7dcab7; padding: 10px 0; width: 240px;} .jobEvent .eventBox .preImg {margin: 0 0 10px 0;} .jobEvent .eventBox .date, .jobEvent .eventBox .time {display: block; float: none; text-transform: uppercase;} .jobEvent .eventBox .time {margin: 0 0 10px 0; color: #434654;} .jobEvent .eventBox .date {margin: 0; color: #7dcab7;} .jobEvent .eventBox .blue, .jobEvent .eventBox .grey {font-size: 11px;} article .eventImg { float: left; margin: 0 20px 20px 0;} article .eventImg img {display: block; border: 1px solid #e8eef0;} article .eventInfo {margin: 0 0 20px 0;} article .eventInfo dl {overflow: hidden;} article .eventInfo dt {width: 110px; float: left; font: normal 11px/1.9 'robotocond-reg'; } article .eventInfo dd {margin: 0 0 20px 120px;} article .eventInfo .date, article .eventInfo .time {font: normal 16px/1.5 'robotocond-bold'; margin: 0;} article .eventInfo .date {color: #91ac71;} article .eventInfo .time {color: #434654;} .eventSlider {width: 420px; float: left; background: #262d39; position: relative;} .eventSlider .slideBox {height: 400px;} .eventSlider .slImg {display: block; width: 420px; height: 280px;} .eventSlider .slTxt {background: #262d39; position: absolute; width: 100%; left: 0; bottom: 0; min-height: 120px;} .eventSlider .slTxt .type {text-align: right; font: normal 11px/1.3 'robotocond-reg'; position: absolute; top: 0; left: 0; width: 100%;} .eventSlider .slTxt .type a {display: inline-block; zoom: 1; *display: inline; background: #7fa44e; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0 5px 2px 5px;} .eventSlider .slTxt .evTit {display: block; margin: 20px 15px 5px 15px; font: normal 28px/1.0 'robotocond-reg'; text-decoration: none; color: #7095a9;} .eventSlider .slTxt .evDesc {color: #fff; text-decoration: none; margin: 0 15px 5px 15px; display: block; } .eventSlider .slTxt .evDate { float: right; margin: 0 15px 15px 0;} .eventSlider .sliderNav {left: 10px; bottom: 15px;} .eventSlider .sliderNav a {margin: 0 7px; border: 1px solid #3f4a5e; background: #3f4a5e;} .eventSlider .sliderNav a.activeSlide {border: none;} .eventSlider.green .type {border-top: 4px solid #7fa44e;} .eventSlider.green .type a {background: #7fa44e;} .eventSlider.green .evDate {color: #7fa44e;} .eventSlider.green .sliderNav a.activeSlide {background: #7fa44e;} .eventSlider.yellow .evDate {color: #dbc149;} .eventSlider.yellow .type {border-top: 4px solid #dbc149;} .eventSlider.yellow .type a {background: #dbc149;} .eventSlider.yellow .sliderNav a.activeSlide {background: #dbc149;} /* Paginator */ .pagerBox {display: inline-block; zoom: 1; *display: inline; position: relative; padding: 0 36px; height: 35px; margin: 0 0 30px 0;} .pagerBox .foregoing, .pagerBox .following {width: 35px; height: 35px; position: absolute; top: 0; cursor: pointer; } .pagerBox .foregoing {left: 0; } .pagerBox .following {right: 0;} .pagerBox .foregoing.noAct, .pagerBox .following.noAct {cursor: default;} .numBox {overflow: hidden;} .numBox a {display: block; width: 33px; height: 33px; float: left; color: #7393ad; font: normal 14px/2.4 'robotocond-reg'; text-decoration: none; text-align: center; border-top: 1px solid #eef1f2; border-right: 1px solid #eef1f2; border-bottom: 1px solid #eef1f2;} .numBox a:first-child { border-left: 1px solid #eef1f2;} .numBox a:hover {color: #eef1f2;} .numBox a.current { color: #fff; text-decoration: none; cursor: default;} .numBox a.near {width: auto; text-transform: uppercase; padding: 0 20px;} .green .numBox a.current, .index .numBox a.current {background: #ddead0; border: 1px solid #ddead0; } .green .pagerBox .foregoing, .index .pagerBox .foregoing {background: #7fa44e url(../img/icons.png) -103px -201px no-repeat;} .green .pagerBox .following, .index .pagerBox .following {background: #7fa44e url(../img/icons.png) -126px -201px no-repeat;} .green .pagerBox .foregoing:hover, .index .pagerBox .foregoing:hover { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} .green .pagerBox .following:hover, .index .pagerBox .following:hover { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} .green .pagerBox .foregoing.noAct, .index .pagerBox .foregoing.noAct { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} .green .pagerBox .following.noAct, .index .pagerBox .following.noAct { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} .aqua .numBox a.current {background: #95e3d0; border: 1px solid #95e3d0; } .aqua .pagerBox .foregoing {background: #7dcab7 url(../img/icons.png) -103px -201px no-repeat;} .aqua .pagerBox .following {background: #7dcab7 url(../img/icons.png) -126px -201px no-repeat;} .aqua .pagerBox .foregoing:hover { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} .aqua .pagerBox .following:hover { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} .aqua .pagerBox .foregoing.noAct { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} .aqua .pagerBox .following.noAct { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} /* Offers */ .specialOffer {overflow: hidden; padding: 15px 0 0 15px; margin: 0 0 30px 0;} .specialOffer .soBox {width: 145px; float: left; margin: 0 15px 15px 0;} .specialOffer .soBox .preImg {border: 3px solid #fff; margin: 0 0 10px 0;} .soBox .preImg img {width: 100%;} .soBox .preTit {font: normal 18px/1.0 'robotocond-bold'; color: #345c7c; text-decoration: none; text-transform: uppercase;} .soBox .preDesc {display: block; font: normal 14px/1.1 'robotocond-reg'; text-decoration: none; margin: 5px 0 10px 0; color: #525459;} .inversGradBg h3 {color: #93a39a;} .vertOffer {padding: 15px; margin: 0 0 30px 0;} .vertOffer h3 {color: #93a39a;} .vertOffer .soBox {margin: 15px 0; border-bottom: 1px solid #ddead0;} .vertOffer .soBox .preImg {margin: 0 0 10px 0;} .franchise { padding: 15px 0 0 15px; margin: 0 0 30px 0;} .frBox {width: 180px; float: left; margin: 0 14px 15px 0; font-size: 11px;} .frBox .preImg {width: 180px; height: 180px; background: #fff; text-align: center; border-bottom: 1px solid #e1e8ea; margin: 0 0 7px 0;} .frBox .preImg img {border: none;} .frBox .preTit {font: normal 18px/1.0 'robotocond-bold'; color: #345c7c; text-decoration: none; text-transform: uppercase;} .issues {width: 220px; margin: 15px 15px 20px 0; float: left;} .issues div {margin: 0 0 15px 0;} .issues a {font: normal 14px/1.4 'robotocond-bold'; } .issues a sup {font: normal 11px/1.2 'robotocond-reg'; } .issues.auto {width: 160px;} .issues.job a {font: normal 12px/1.4 'robotocond-reg'; } .filterBox .grassSelect, .filterBox .marineSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; min-width: 50px; margin: 0 0 0 5px;} .specList {} .specBox {border-bottom: 1px solid #e7edef; overflow: hidden; padding: 0 0 15px 0; margin: 0 0 20px 0;} .specBox .preImg {width: 140px; float: left;} .specBox .preDesc {margin: 0 0 0 155px;} .specBox .preTit {font: normal 18px/1.4 'robotocond-reg'; text-decoration: none;} .specBox .preTit:visited { color:#7095a9; } .specBox .preTxt {display: block; color: #232323; text-decoration: none;} .specBox .type, .specBox .date {font-size: 11px;} .specBox .type span {margin: 0 5px;} .specBox .date {float: right;} .specBox .favour, .specBox .compl {width: 17px; height: 17px; float: right; cursor: pointer; margin: 0 0 0 5px;} .specBox .favour.yes {background: url(../img/icons.png) -133px -160px no-repeat;} .specBox .favour.no {background: url(../img/icons.png) -113px -160px no-repeat;} .specBox .compl {background: url(../img/icons.png) -263px -19px no-repeat; opacity: 0.4; filter: alpha(opacity=40);} .specBox .compl:hover {opacity: 1; filter: alpha(opacity=100);} .specBox .cena {font-size: 11px; margin: 10px 0 0 0;} #offerInfo {} #offerInfo .offerDescr {width: 435px; float: left; margin: 15px 15px 0 0} #offerInfo .dopDescr {border-top: 1px solid #e7edef; padding: 15px 0 0 0;} #offerInfo .offerDescripCols { position:relative; border-top:1px solid #e7edef; padding: 15px 0 0 0; } #offerInfo .offerDescripCols:before { content:''; position:absolute; right:249px; top:0; bottom:0; border-right:1px solid #e7edef; } #offerInfo .offerDescripCols:after { content:''; display:block; clear:both; } #offerInfo .offerDescripCols .colLW { float:left; width:100%; margin:0 -250px 0 0; } #offerInfo .offerDescripCols .colL { margin:0 250px 0 0; padding:0 15px; } #offerInfo .offerDescripCols .colR { float:left; width:220px; padding:0 15px; } #offerImg {width: 465px; float: left;} #offerImg .mainImg {width: 445px;} #offerImg .mainImg img {display: block; border-bottom: 1px solid #fff; max-width: 100%; margin: 0 auto;} #offerImg .thumbs {overflow: hidden;} #offerImg .thumbs .prew {display: block; width: 115px; float: left; margin: 0 1px 0 0; position: relative;} #offerImg .thumbs .prew img {display: block;} #offerImg .thumbs .prew .bord {display: none; height: 4px; width: 100%; position: absolute; left: 0; bottom: 0; border-top: 1px solid #fff;} .grass #offerImg .thumbs .prew .bord, .green #offerImg .thumbs .prew .bord {background: #7fa44e;} .yellow #offerImg .thumbs .prew .bord {background: #dbc149;} #offerImg .thumbs .prew:hover .bord, #offerImg .thumbs .prew.act .bord {display: block;} #offerInfo dl {text-transform: uppercase; margin: 0 0 20px 0;} #offerInfo dl dt {color: #79858a; float: left;} #offerInfo dl dd {color: #525459; margin: 0 0 10px 200px;} #offerInfo .mainInfo {width: 250px; float: right; background: #f7fcf4; padding: 15px 0;} .aqua #offerInfo .mainInfo {background: #edf9f7;} #offerInfo .mainInfo .line {background: #e0f0d9; border-bottom: 1px solid #fff; margin: 15px 0;} .aqua #offerInfo .mainInfo .line {background: #cee8e0;} #offerInfo .mainInfo .unit {margin: 0 15px 10px 15px; text-transform: uppercase; font-size: 11px;} #offerInfo .mainInfo .unit .price {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 10px; font: normal 34px/1.0 'robotocond-reg';} #offerInfo .mainInfo .name { padding: 0 15px; width: auto; float: none;} #offerInfo .mainInfo .name .ava {width: 40px; height: 40px; float: left; background: url(../img/icons.png) -230px -230px no-repeat; line-height: 40px; text-align: center} .aqua #offerInfo .mainInfo .name .ava {background: url(../img/icons.png) -420px -400px no-repeat;} #offerInfo .mainInfo .name .im {margin: 0 0 0 50px; font: normal 14px/1.4 'robotocond-bold';} #offerInfo .mainInfo .name a, #offerInfo .mainInfo .name div.blue {font: normal 14px/1.4 'robotocond-reg'; text-decoration: none; color: #7095a9; display: block; margin: 0 0 10px 50px;} #offerInfo .mainInfo .unit .person {text-transform: none; font-size: 14px;} #offerInfo .mainInfo .icoUnit {margin: 0 15px 10px 15px; float: left; width: 100%} #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; float: left} #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;} .aqua #offerInfo .mainInfo .icoUnit.phone .ico {background: url(../img/icons.png) -417px -443px no-repeat;} .aqua #offerInfo .mainInfo .icoUnit.mail .ico {background: url(../img/icons.png) -437px -441px no-repeat;} .aqua #offerInfo .mainInfo .icoUnit.skype .ico {background: url(../img/icons.png) -459px -442px no-repeat;} .aqua #offerInfo .mainInfo .icoUnit.site .ico {background: url(../img/icons.png) -480px -439px no-repeat;} #offerInfo .mainInfo .Button {font-size: 11px; display: block; width: 140px; margin: 0 auto; text-align: center;} #offerInfo .mainInfo .preMap {width: 220px; height: 220px; margin: 15px; border: 1px solid #fff; position: relative; clear:both; } #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 {float: right; margin: 0 15px 0 0; font-size: 11px; color: #7095a9; text-decoration: none;} #offerInfo .mainInfo .varyMap .toMap {margin: 0 10px 0 0;} #offerInfo .ofBut {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 10px 15px; cursor: pointer; font: normal 11px/1.2 'robotocond-reg'; color: #7095a9; text-transform: uppercase; padding: 3px 7px; letter-spacing: 1px; border: 1px solid #9ebece; text-decoration: none;} #offerInfo .ofBut:hover {color: #fff; border: 1px solid #9ebece; background: #9ebece;} .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;} .franshiseList {background: #f5fbf5; margin: 0 0 15px -15px; padding: 15px 0 0 15px;} .franshiseBox {display: block; width: 180px; height: 275px; float: left; background: #fff; border: 1px solid #fff; border-bottom: 1px solid #e0f0e0; margin: 0 15px 15px 0; text-decoration: none; position: relative;} .franshiseBox:hover {border: 1px solid #87ac54; -webkit-box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); -moz-box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); } .franshiseBox .preImg {padding: 15px; border-bottom: 1px solid #f5fbf5; margin: 0 0 10px 0;} .franshiseBox .label {background: #87ac54; font: normal 12px/1.0 'robotocond-bold'; top: 163px; right: 0; z-index: 1;} .franshiseBox .type, .franshiseBox .preTitle, .franshiseBox .grass {margin: 0 15px;} .franshiseBox .type {color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase;} .franshiseBox .preTitle {font: normal 18px/1.0 'robotocond-bold'; height: 35px; margin: 0 15px 10px 15px;} .franshiseBox .grass {font-size: 11px;} .franshiseList .blue {margin: 0 0 0 15px;} .loadLink.inside {margin: 0 0 30px 0;} .filForm {margin: 0 0 15px 0;} .filForm .grassSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 180px; margin: 0 25px 0 0;} .filForm .checkBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 25px 0 0;} .GalBox#vipFransh {background: #f5fbf5; padding: 15px 0 0 15px; margin: 20px 0 33px -15px;} .GalBox#vipFransh .galery {} .GalBox#vipFransh .galery ul li {margin: 0;} .GalBox#vipFransh .galery .franshiseBox {width: 220px; } .GalBox#vipFransh .galery .franshiseBox .preImg img {margin: 0 auto;} .GalBox#vipFransh .pBut, .GalBox#vipFransh .nBut {bottom: -33px;} .GalBox#vipFransh .pBut {left: 350px; background: url(../img/icons.png) -34px -208px no-repeat;} .GalBox#vipFransh .nBut {left: 370px; background: url(../img/icons.png) -45px -208px no-repeat;} /* Datepicker */ #ui-datepicker-div {} .ui-datepicker-header {background: #f5f8f9; position: relative; padding: 10px 25px; border: 1px solid #e8eef0;} .ui-datepicker-title {font: normal 16px/1.2 'robotocond-bold'; color: #444851; text-transform: uppercase; text-align: center;} .ui-datepicker-prev, .ui-datepicker-next {display: block; width: 9px; height: 20px; position: absolute; top: 10px; z-index: 5; text-indent: -99999px;} .ui-datepicker-prev {left: 10px; background: url(../img/icons.png) -166px -208px no-repeat;} .ui-datepicker-next {right: 10px; background: url(../img/icons.png) -177px -208px no-repeat;} table.ui-datepicker-calendar {width: 100%; border-collapse: collapse;} table.ui-datepicker-calendar th {text-align: center; vertical-align: middle; padding: 10px;} table.ui-datepicker-calendar thead { border-left: 1px solid #9cbb72; } table.ui-datepicker-calendar thead tr {} table.ui-datepicker-calendar thead th {background: #9cbb72; color: #fff; text-transform: uppercase; border-right: 1px solid #e8eef0;} table.ui-datepicker-calendar thead th.ui-datepicker-week-end {background: #f99e9e; border-right: 1px solid #e8eef0;} table.ui-datepicker-calendar tbody {background: #fff; border-left: 1px solid #e8eef0; border-bottom: 1px solid #e8eef0;} table.ui-datepicker-calendar tbody tr {} table.ui-datepicker-calendar tbody td {font-size: 16px; border-top: 1px solid #e8eef0; border-right: 1px solid #e8eef0;} table.ui-datepicker-calendar tbody td a, table.ui-datepicker-calendar tbody td span {text-align: center; display: block; padding: 10px; text-decoration: none; } .ui-state-default {color: #444851;} .ui-datepicker-calendar .ui-state-default:hover {background: #f5f8f9; color: #416684;} .ui-datepicker-calendar .ui-state-active {cursor: default; } .ui-datepicker-calendar .ui-state-active, .ui-datepicker-calendar .ui-state-highlight.ui-state-active {background: #f5f8f9; color: #416684;} .ui-state-highlight {background: #fafafa; color: #416684;} .ui-priority-secondary {color: #e8eef0;} .pickerBox {width: 280px; float: right;} .pickEvent {border: 1px solid #e8eef0; border-top: none; padding: 12px;} .pickEvent .grey { font-size: 11px;} .pickEvent a {text-decoration: none;} .datepicker {} .datepicker .ui-datepicker-header {background: #f5f8f9; position: relative; padding: 10px 25px; border: 1px solid #e8eef0;} .datepicker .ui-datepicker-title {font: normal 16px/1.2 'robotocond-bold'; color: #444851; text-transform: uppercase; text-align: center;} .datepicker .ui-datepicker-prev, .datepicker .ui-datepicker-next {display: block; width: 9px; height: 20px; position: absolute; top: 10px; z-index: 5; text-indent: -99999px;} .datepicker .ui-datepicker-prev {left: 10px; background: url(../img/icons.png) -166px -208px no-repeat;} .datepicker .ui-datepicker-next {right: 10px; background: url(../img/icons.png) -177px -208px no-repeat;} .datepicker table.ui-datepicker-calendar {width: 100%; border-collapse: collapse;} .datepicker table.ui-datepicker-calendar th {text-align: center; vertical-align: middle; padding: 10px;} .datepicker table.ui-datepicker-calendar thead { border-left: 1px solid #9cbb72; } .datepicker table.ui-datepicker-calendar thead tr {} .datepicker table.ui-datepicker-calendar thead th {background: #9cbb72; color: #fff; text-transform: uppercase; border-right: 1px solid #e8eef0;} .datepicker table.ui-datepicker-calendar thead th.ui-datepicker-week-end {background: #f99e9e; border-right: 1px solid #e8eef0;} .datepicker table.ui-datepicker-calendar tbody { border-left: 1px solid #e8eef0; border-bottom: 1px solid #e8eef0;} .datepicker table.ui-datepicker-calendar tbody tr {} .datepicker table.ui-datepicker-calendar tbody td {font-size: 16px; border-top: 1px solid #e8eef0; border-right: 1px solid #e8eef0;} .datepicker table.ui-datepicker-calendar tbody td a {text-align: center; display: block; padding: 10px; text-decoration: none;} /* Afisha */ .eventSearch {width: 280px; float: right; border-top: 4px double #dbc149; padding: 1px 0 0 0;} .eventSearch .formBox {background: #f2f6f7; padding: 15px 20px;} .eventSearch .formBox label {font: normal 11px/1.2 'robotocond-reg'; color: #79858a; text-transform: uppercase; display: block; margin: 0 0 5px 0;} .eventSearch .formBox .whInp { margin: 0 0 15px 0;} .eventSearch .formBox .grSelect {height: 34px; margin: 0 0 15px 0;} .eventSearch .formBox .blue {font-size: 11px; display: block; margin: 0 0 14px 0;} .eventSearch .formBox {} .eventSearch.horizontal {width: 100%; float: none; margin: 0 0 30px 0;} .eventSearch.horizontal .formBox {padding: 15px 20px 5px 20px;} .eventSearch.horizontal .formBox label {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 15px 0;} .eventSearch.horizontal .formBox .grSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 170px; margin: 0 20px 15px 0;} .eventSearch.horizontal .formBox .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 260px; margin: 0 20px 15px 0;} .eventSearch.horizontal .formBox .whInp.dateBox {margin: 0 0 15px 5px; width: 220px;} #afishaCinema {} #afishaEntert {} .afishaGal {position: relative; overflow: hidden; margin: 0 0 30px 0;} .afishaGal ul {margin: 0;} .afishaGal ul li {width: 197px; margin: 0; list-style: none; float: left; height: auto!important;} .afishaGal .galBut {width: 9px; height: 20px; cursor: pointer; position: absolute; bottom: 0;} .afishaGal .galBut.pre {right: 510px; background: url(../img/icons.png) -80px -208px no-repeat;} .afishaGal .galBut.next {right: 480px; background: url(../img/icons.png) -92px -208px no-repeat;} .afishaGal .galBut.next:hover { background: url(../img/icons.png) -22px -208px no-repeat;} .afishaGal .galBut.pre:hover { background: url(../img/icons.png) -10px -208px no-repeat;} .afishaGal .afishaBox {width: 182px; font-size: 11px; margin: 0 0 10px 0;} .afishaGal .afishaBox .preImg {border-bottom: 4px solid #e2cd6d;} .afishaBox .preImg img {border-bottom: none;} .afishaGal .afishaBox .afishaDescr {padding: 10px; border: 1px solid #e7edef; position: relative; background: #fff;} .afishaGal .afishaBox .preTitle { font:normal 16px/1.0 'robotocond-bold'; text-decoration: none;} .afishaGal .afishaBox .grey { margin: 5px 0;} .afishaGal .afishaBox .time {font-size: 12px; margin: 0 0 5px 0; text-transform: uppercase;} .afishaGal .afishaBox .time span, .afishaGal .afishaBox .time a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; padding: 2px 4px; cursor: pointer; text-decoration: none; margin: 0 4px 0 -4px;} .afishaBox .time span .where, .afishaBox .time a .where {display: none; position: absolute; left: 0; width: 165px; background: #525459; color: #fff; font-size: 11px; text-transform: uppercase; padding: 5px 8px 0 8px;} .afishaBox .time span .where span, .afishaBox .time a .where span {float: right;} .afishaBox .time span:hover, .afishaBox .time a:hover {background: #525459; color: #fff;} .afishaBox .time span:hover .where, .afishaBox .time a:hover .where {display: block;} .afishaGal .afishaBox .tiket {font:normal 11px/1.0 'robotocond-reg'; text-decoration: none; text-transform: uppercase; color: #7095a9; position: absolute; left: 10px; bottom: 10px;} .afishaGal .afishaBox .tiket span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 20px; height: 12px; margin: 0 0 0 10px; background: url(../img/icons.png) -101px -140px no-repeat;} .afishaGal .afishaBox .seansTime {margin: 0 0 10px 0;} #afishaCinema.afishaGal .afishaBox {height: 450px;} #afishaCinema.afishaGal .afishaBox .afishaDescr { height: 140px;} #afishaSport {background: #f2f6f7; padding: 15px 0 15px 15px; margin: 0 0 30px -15px;} #afishaSport.afishaGal .galBut {bottom: 15px;} #afishaPlay {width: 592px; float: left;} #afishaHoliday {width: 392px; float: right; margin: 0;} #afishaHoliday .afishaBox {width: auto; height: 182px; margin: 0 15px 38px 0;} #afishaHoliday .afishaBox .preImg {width: 182px; float: left; border-bottom: none; border-right: 4px solid #e2cd6d;} #afishaHoliday .afishaBox .afishaDescr {margin: 0 0 0 186px; border: none; background: #f2f6f7; height: 162px;} #afishaHoliday .blue {position: relative; top: -20px;} #afishaExib {} #afishaExib .afishaBox {height: 370px;} #afishaExib .afishaBox .preImg {border-bottom: none;} #afishaExib .afishaBox .afishaDescr {border: none; border-left: 4px solid #cdd8dc; height: 150px; } #afishaExib .afishaBox .txt {margin: 0 0 10px 0;} #afishaExib .afishaBox .seansTime {margin: 0;} #afishaChild {width: 592px; float: left;} #afishaChild .afishaBox {height: 370px;} #afishaChild .afishaBox .preImg {border-bottom: none;} #afishaChild .afishaBox .afishaDescr {border: none; border-left: 4px solid #eee1a7; height: 150px; } #afishaChild .afishaBox .seansTime {margin: 0 0 10px 0;;} #afishaClubs {background: #262d39; padding: 15px 0 15px 15px; margin: 0 0 30px -15px;} #afishaClubs.afishaGal .galBut {bottom: 15px;} #afishaClubs .afishaBox .afishaDescr {background: #262d39; border: 1px solid #4d535d;} #afishaClubs .afishaBox .time, #afishaClubs .afishaBox .seansTime {color: #fff;} .banBox.afisha {width: 392px; float: right; text-align: center;} .banBox.afisha img {margin: 0 auto;} .afishaList {margin: 0 0 40px 0;} div.filmBox {overflow: hidden; height: 266px; border: 1px solid #e7edef; margin: 0 0 15px 0;} div.filmBox .preImg {width: 182px; float: left;} div.filmBox .seansBox {width: 152px; height: 240px; float: right; padding: 15px; border-left: 1px solid #e7edef; position: relative; } table.filmBox {width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid #e7edef; margin: 0 0 15px 0;} table.filmBox td {vertical-align: top;} table.filmBox td.seansBox {border-left: 1px solid #e7edef; width: 150px; padding: 15px 15px 45px 15px; position: relative;} .filmBox .aboutShow {padding: 15px;} .filmBox .aboutShowPic {width: 183px;} .filmBox .preImg, .filmBox .preImg img {border-bottom: none;} .filmBox .seansBox .mustard {font-size: 11px; margin: 0 0 5px 0;} .filmBox .seansBox a {display: inline-block; zoom: 1; *display: inline; font-size: 12px; text-decoration: none; color: #525459; padding: 2px 4px;} .filmBox .seansBox a .where {display: none; position: absolute; left: 0; width: 165px; background: #525459; color: #fff; font-size: 11px; text-transform: uppercase; padding: 5px 8px 0 8px;} .filmBox .seansBox a .where span {float: right;} .filmBox .seansBox a:hover {background: #525459; color: #fff;} .filmBox .seansBox a:hover .where {display: block;} .bayTicket {display: inline-block; zoom: 1; *display: inline; color: #fff; text-decoration: none; text-transform: uppercase; font: normal 11px/2.2 'robotocond-reg'; background: #7095a9; border-bottom: 1px solid #67889a; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; padding: 0 10px 0 0; color: #fff;} .bayTicket span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 1px; height: 21px; border-left: 1px dashed #fff; margin: 0 8px;} .bayTicket:hover {background: #59859c;} .filmBox .seansBox .bayTicket {position: absolute; bottom: 15px; left: 15px; color: #fff; padding: 0 10px 0 0;} .filmBox .seansBox .bayTicket:hover {background: #59859c;} .filmBox .filmTitle {font: normal 24px/1.0 'robotocond-bold'; text-decoration: none;} .filmBox .type {font-size: 11px; margin: 0 0 10px 0;} .filmBox .txt {margin: 0 0 10px 0; overflow: hidden;} .filmBox .txt .grey {text-transform: none;} .filmBox .aboutShow .blue {font-size: 11px;} /*.filmBox .aboutShow .ddd {display: inline-block; zoom: 1; *display: inline; padding: 7px 8px; float: right; font: normal 16px/1.0 'robotocond-bold'; background: #dbc149; color: #fff; text-transform: uppercase; margin: -15px -15px 0 0;}*/ .filmBox .aboutShow .ddd { display: inline-block; zoom: 1; *display: inline; padding: 7px 8px; font: normal 16px/1.0 'robotocond-bold'; background: #dbc149; color: #fff; text-transform: uppercase; margin: 10px 0 0 0; } .afishaBlock {position: relative; margin: 0 0 30px 0;} .afishaBlock .type {position: absolute; left: 0; top: 0; z-index: 1; padding: 3px 10px; background: #dbc149; color: #fff; font-size: 11px; text-transform: uppercase; text-decoration: none;} .afishaBlock .preImg {border-bottom: 4px solid #dbc149;} .afishaBlock .afishaDescr {background: #f2f6f7; padding: 15px;} .afishaBlock .preTitle {font: normal 24px/1.0 'robotocond-bold'; text-decoration: none;} .afishaBlock .afishaDescr .grey {font-size: 11px; margin: 0 0 5px 0;} .afishaBlock .afishaDescr .cena {font-size: 12px; margin: 5px 0 0 0;} .afishaBlock.club .afishaDescr {background: #262d39; color: #fff;} article .eventInfo.film dt {width: 150px; } article .eventInfo.film dd {margin: 0 0 20px 170px;} article .eventInfo.cinematheatre dt {width: 100px; } article .eventInfo.cinematheatre dd {margin: 0 0 20px 100px;} article .eventInfo.cinematheatre dd a {text-decoration: none; color: #7095a9;} .toMap {display: inline-block; zoom: 1; *display: inline; width: 12px; height: 14px; margin: 0 0 0 10px; background: url(../img/icons.png) -288px -18px no-repeat;} .selectFilter {width: 495px; float: right;} .selectFilter .mustardSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 150px; margin: 0 2px 0 10px;} .selectFilter .mustardSelect:first-child {margin: 0 2px 0 0;} .blackTabs {background: #262d39; padding: 15px 0 15px 15px; margin: 0 0 30px 0;} .blackTabs ul.tabNav {margin: 0 0 15px 0;} .blackTabs ul.tabNav li {} .blackTabs ul.tabNav li a {font: normal 18px/1.0 'robotocond-reg'; color: #7095a9; border-bottom: 3px solid transparent;} .blackTabs ul.tabNav li.ui-state-active a {color: #fff;} .shotBox a {display: block; float: left; margin: 0 15px 15px 0;} .shotBox a img {display: block;} .yellow .blackTabs ul.tabNav li.ui-state-active a {border-bottom: 3px solid #dbc149;} .aqua .blackTabs ul.tabNav li.ui-state-active a {color: #fff; border-bottom: 3px solid #42af91;} table.timeTable {width: 100%; margin: 0 0 30px 0; border-collapse: collapse; table-layout: fixed;} .cinema {width: 300px;} table.timeTable tr {border-bottom: 3px solid #cdd8dc;} table.timeTable tr td {padding: 15px 0 10px 0; vertical-align: top;} table.timeTable tr td .grey {font-size: 11px; } table.timeTable tr td > div {margin: 0 0 0 15px;} .cinemaTitle {display: block; margin: 0 110px 0 15px; font: normal 18px/1.0 'robotocond-reg'; text-decoration: none;} table.timeTable .time {display: inline-block; zoom: 1; *display: inline; vertical-align: top; font: normal 16px/1.2 'robotocond-reg'; position: relative; margin: 0 25px 10px 15px;} /*table.timeTable .time .ddd {width: 14px; padding: 3px; font: normal 12px/1.0 'robotocond-bold'; background: #dbc149; color: #fff; text-transform: uppercase; position: absolute; top: 0; right: -25px; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0;}*/ table.timeTable .time .ddd { padding: 3px; font: normal 12px/1.0 'robotocond-bold'; background: #dbc149; color: #fff; text-transform: uppercase; position: absolute; top: 0; left: 40px; -moz-border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -khtml-border-radius: 0 2px 2px 0;} table.timeTable .time[disabled] {opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4;} .blackGalery {background: #262d39; padding: 15px 0 0 15px; margin: 0 0 30px 0; overflow: hidden;} .blackGalery .prew {display: block; float: left; margin: 0 15px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .blackGalery .prew img {display: block; border-bottom: 3px solid #262d39;} .blackGalery .prew:hover img {border-bottom: 3px solid #dbc149;} /* Time scale */ .seansScaleBox {background: #f2f6f7; padding: 15px; margin: 0 0 30px 0;} .seansScaleBox h2 {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .seansScaleBox .dateBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 300px; margin: 0 0 15px 20px;} .seansScaleBox .dateBox .picBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 140px; float: none; margin: 0 15px;} .seansScaleBox .dateBox > span {font-size: 12px; text-transform: uppercase;} .scaleContainer {position: relative; margin: 15px 0;} .scaleContainer .ico {width: 12px; height: 12px; position: absolute; bottom: 8px; left: 10px; background: url(../img/icons.png) -288px 0 no-repeat;} #allTime, #mornTime, #dayTime, #eveningTime, #nightTime {display: inline-block; zoom: 1; *display: inline; vertical-align: top; height: 17px; float: left; margin: 0 18px 15px 0;} #allTime {width: 50px; border-top: 3px double transparent;} #mornTime {width: 120px; border-top: 3px double #bae2ef; border-right: 1px dotted #bae2ef;} #dayTime {width: 250px; border-top: 3px double #efd4b8; border-right: 1px dotted #efd4b8;} #eveningTime {width: 295px; border-top: 3px double #d8bcc5; border-right: 1px dotted #d8bcc5;} #nightTime {width: 120px; border-top: 3px double #b7b1c6; border-right: 1px dotted #b7b1c6;} .timeLabel {display: inline-block; zoom: 1; *display: inline; font-size: 12px; text-transform: uppercase; cursor: pointer; color: #fff; padding: 5px 20px 6px 15px; position: relative; top: -14px;} #allTime .timeLabel {background: url(../img/icons.png) -56px -271px no-repeat;} #mornTime .timeLabel {background: url(../img/icons.png) -114px -271px no-repeat;} #dayTime .timeLabel {background: url(../img/icons.png) -56px -300px no-repeat;} #eveningTime .timeLabel {background: url(../img/icons.png) -127px -300px no-repeat;} #nightTime .timeLabel {background: url(../img/icons.png) -204px -300px no-repeat;} #sliderTime {width: 857px; margin: 0 0 0 60px;} .scaleContainer .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .scaleContainer .ui-widget-content { height: 30px; background: url(../img/scale.png) 0 0 no-repeat; } .scaleContainer .ui-slider { position: relative; } .scaleContainer .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 7px; height: 35px; cursor: pointer; background: #7095a9;} .scaleContainer .ui-slider .ui-slider-range { position: absolute; z-index: 1; display: block; background: #698c99; opacity: 0.3; filter:Alpha(Opacity=30);} .scaleContainer .ui-slider-horizontal .ui-slider-handle { top: -2px; margin: 0 0 0 -3px;} .scaleContainer .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #time, #time2 {display: none;} /* Comments */ .commentList { margin: 0 0 30px 0;} .commentBox { margin: 0 0 15px 0;} .commentBox .avaBox {width: 40px; float: left;} .commentBox .addCom, .commentBox .comment {margin: 0 0 15px 55px; overflow: hidden;} .commentBox .addCom textarea {height: 60px;} .commentBox .addCom .trButton {float: right;} .commentBox .addCom .whInp {margin: 0 0 15px 0;} .commentBox .about { padding-bottom: 5px; float: none; } .commentBox .about .nik {font: normal 14px/1.2 'robotocond-bold'; color: #444851; margin: 0 10px 0 0;} .commentBox .about .time {font: normal 12px/1.2 'robotocond-reg'; color: #a5b3b8;} .commentBox .blue {font-size: 11px;} .commentBox .comTxt {margin: 0 0 5px 0;} .commentBox .likeBox {display: inline-block; zoom: 1; *display: inline; float: right;} .commentBox .likeBox .Like, .commentBox .likeBox .noLike {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 18px; height: 18px; margin: 0 5px 0 0; cursor: pointer; background: #fff;} .comment:hover > .likeBox .Like {background: url(../img/icons.png) -304px 0 no-repeat;} .comment:hover > .likeBox .noLike {background: url(../img/icons.png) -304px -19px no-repeat;} .commentBox .likeBox .red, .commentBox .likeBox .grass {font-size: 11px;} .commentBox .answer {margin: 15px 0 0 55px} .commentVhod {display: inline-block; zoom: 1; *display: inline; float: right; padding: 2px 20px 2px 0; background: url(../img/icons.png) -448px -195px no-repeat; font-size: 11px; text-decoration: none; text-transform: uppercase; color: #fff;} .commentVhod:hover {background: url(../img/icons.png) -448px -169px no-repeat; color: #7095a9;} /* Curency */ table.topCurTalbe {width: 100%; border-left: 1px solid #dee5e8; margin: 0 0 30px 0; font: normal 34px/1.0 'robotocond-reg'; border-collapse: collapse;} table.topCurTalbe strong {font: normal 36px/1.0 'robotocond-bold';} table.topCurTalbe td {padding: 10px 15px; vertical-align: middle; text-align: center; border-top: 1px solid #dee5e8; border-bottom: 1px solid #dee5e8;} table.topCurTalbe td.up, table.topCurTalbe td.down { font: normal 18px/1.0 'robotocond-reg'; color: #fff;} table.topCurTalbe td.up {background: #94c469; border-bottom: 1px solid #94c469; border-top: 1px solid #94c469;} table.topCurTalbe td .up {border-bottom: 8px solid #94c469; border-top: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; display: inline-block; zoom: 1; *display: inline; height: 0px; position: relative; top: -6px;} table.topCurTalbe td.down {background: #e78a8a; border-bottom: 1px solid #e78a8a; border-top: 1px solid #e78a8a;} table.topCurTalbe td .down {border-top: 8px solid #e78a8a; border-bottom: 8px solid transparent; border-left: 8px solid transparent; border-right: 8px solid transparent; display: inline-block; zoom: 1; *display: inline; height: 0px;} table.curTalbe {width: 100%; border-collapse: collapse; border-top: 1px solid #eaf0f2; border-right: 1px solid #eaf0f2; table-layout: fixed;} table.curTalbe .names {width: 250px;} table.curTalbe .coln {width: 115px;} table.curTalbe thead { font: normal 18px/1.0 'robotocond-bold'; text-transform: uppercase; border-right: 1px solid #cdd8dc;} table.curTalbe thead th {font: normal 18px/1.0 'robotocond-bold'; padding: 10px 15px; border-left: 1px solid #cdd8dc; border-bottom: 1px solid #cdd8dc;} table.curTalbe thead th big {display: block; font: normal 32px/1.0 'robotocond-bold';} table.curTalbe thead tr th:first-child {text-align: left; border-left: 1px solid #eaf0f2;} table.curTalbe thead td {text-align: center; color: #fff; background: #cdd8dc; border-left: 1px solid #fff; border-bottom: 1px solid #cdd8dc;} table.curTalbe tbody {} table.curTalbe tbody tr:nth-child(even) {background: #fefefe;} table.curTalbe tbody tr td {font: normal 16px/1.2 'robotocond-reg'; padding: 15px; border-bottom: 1px solid #eaf0f2; border-left: 1px solid #eaf0f2; text-align: center;} table.curTalbe tbody tr td:first-child {color: #7a9caf; text-align: left;} table.curTalbe td.up {background: #94c469; color: #fff;} table.curTalbe td.down {background: #e78a8a; color: #fff; } /* Ask expert */ .expertList {margin: 0 0 30px -15px; } .expertList .deputyBox { font: normal 11px/1.3 'robotocond-reg', Verdana, sans-serif;} .expertList .deputyBox .faceBox {margin: 0 0 62px 0;} .expertList .deputyName {font: normal 18px/1.2 'robotocond-reg'; margin: 0 15px 3px 15px;} .expertList .deputyBox .Button {margin: 5px 0;} .expertList .deputyBox .lookup, .expertList .deputyBox .coment {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px;} .expertList .deputyBox .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;} .expertList .deputyBox .coment {float: none;} .deputyBox:hover .dark, .deputyBox:hover .grey, .deputyBox:hover .coment {color: #fff;} .expertList .loadLink {margin: 0 0 0 15px;} .expertList .line {margin: 0 0 10px 15px; width: auto;} #deputyCard .likeBox {margin: 0 0 20px 0;} .sendMess.toExpert {padding: 15px 0 15px 15px;} .sendMess.toExpert .inline {width: 233px; float: left;} .sendMess.toExpert .whInp {margin: 0 15px 10px 0} .sendMess.toExpert .H4 {margin: 0 0 10px 0;} .sendMess.toExpert .messArea {width: 466px; float: left;} .sendMess.toExpert textarea {height: 80px;} /* Authority */ .deputyList {margin: 0 0 30px -15px; } .deputyBox {width: 218px; height: 285px; float: left; margin: 0 0 15px 15px; background: #fff; border: 5px solid #f6faed; text-align: center;} .deputyBox .faceBox {display: block; height: 90px; background: #f6faed; margin: 0 0 70px 0;} .deputyBox .faceBox a {display: block; width: 120px; height: 120px; overflow: hidden; border: 10px solid #f6faed; margin: 0 auto; position: relative; top: 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } .deputyName {display: block; margin: 0 15px; font: normal 20px/1.2 'robotocond-reg'; text-decoration: none;} .deputyBox .blue {margin: 0 0 10px 0;} .deputyBox .Button {font-size: 11px;} .deputyBox:hover {background: #7fa44e; border: 5px solid #7fa44e;} .deputyBox:hover .faceBox {background: #7fa44e;} .deputyBox:hover .faceBox a {border: 10px solid #fff;} .deputyBox:hover .deputyName, .deputyBox:hover .blue {color: #fff;} .deputyBox:hover .Button {background: #fff; color: #7fa44e; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none; } .deputyInfo {margin: 0 0 30px 0;} .deputyInfo .faceBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 0 0; width: 120px; height: 120px; border: 10px solid #f6faed; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; } .deputyInfo .deputyName {margin: 0 0 10px 0;} .deputyInfo .deputyName span {color: #345c7c;} .deputyInfo .info {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .adresList {border-top: 4px solid #e7edef; padding: 20px 0 0 0;} .adresList .colum {width: 350px; float: left; margin: 0 0 0 15px;} .adresList .colum:first-child {margin: 0;} .adresList .box {border-bottom: 1px solid #e7edef; padding: 0 0 15px 0; margin: 0 0 15px 0;} .adresList .H4 {margin: 0 0 5px 0} .sendMess {padding: 15px;} .sendMess label {font-size: 11px; text-transform: uppercase;} .sendMess .whInp, .sendMess .captcha {margin: 0 0 10px 0;} .sendMess .whInp input {padding: 4px 10px;} .sendMess .Button input {font: normal 11px/1.0 'robotocond-reg';} #deputyCard {padding: 15px 0 0 0;} #deputyCard .line {margin: 10px 0;} #deputyCard .cardImg {width: 300px; float: left; margin: 0 0 20px 0;} #deputyCard .mainInfo {width: 390px; float: right; margin: 0 0 20px 0;} #deputyCard .mainInfo p {margin: 0 0 10px 0;} #deputyCard .H4 {margin: 0;} #deputyCard .mainInfo .loadList { } #deputyCard .mainInfo .loadList a {text-decoration: none;} #deputyCard ul li span {color: #7095a9;} .callBox {overflow: hidden; border-bottom: 1px solid #e7edef; margin: 15px 0;} .callBox .nameBox {width: 390px; padding: 0 0 10px 0; float: left; } .callBox .phoneBox {width: 290px; float: right; padding: 0 0 10px 15px; border-left: 3px solid #e27b7b;} .callBox .phoneBox .bold {font: normal 18px/1.2 'robotocond-bold';} .callBox .H1 {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .callBox .H1.coral { margin: 0 70px 15px 0;} /* Hot line */ .hotArchive {border: 10px solid #dd8282; padding: 10px; margin: 0 0 30px 0;} .hotArchive .Title {font: normal 18px/1.2 'robotocond-bold'; margin: 0 0 10px 0; color: #dd8282; text-transform: uppercase;} .hotArchive .archBox {border-bottom: 1px solid #f5d9d9; margin: 0 0 15px 0; padding: 0 0 10px 0;} .hotArchive .archBox .preImg, .hotArchive .archBox .preImg img {border-bottom: none;} .hotArchive .archBox .preImg .prePanel {width: 170px; height: 15px; position: absolute; left: 0; bottom: 0; background: #fff;} .hotArchive .archBox .preImg .prePanel .back {width: 30px; height: 15px; position: absolute; right: -30px; bottom: 0; background: url(../img/icons.png) -255px -136px no-repeat;} .hotArchive .archBox .archName {display: block; text-decoration: none; font: normal 18px/1.2 'robotocond-bold'; margin: 0 0 5px 0; color: #7095a9; } .hotRespondent {border: 15px solid #f5f8f9; height: 225px; margin: 0 0 30px 0;} .hotRespondent .avaBox {width: 265px; height: 225px; float: left; border: 15px solid #dd8282; position: relative; top: -15px; left: -15px;} .hotRespondent .avaBox .pic {position: absolute; right: 0; bottom: -30px; border-top: 8px solid #dd8282; border-left: 8px solid #dd8282; border-right: 7px solid transparent; border-bottom: 7px solid transparent;} .hotRespondent .aboutBox {padding: 15px;} .hotRespondent .coralBold {font: normal 14px/1.2 'robotocond-bold'; margin: 0 0 5px 0; color: #dd8282; } .hotRespondent .H2 { margin: 0 0 5px 0;} .hotRespondent .bold {font: normal 16px/1.2 'robotocond-bold'; } #hotList {} .dialogBox {border-bottom: 4px double #dd8282; margin: 0 0 30px 0;} .dialogBox .Title {font: normal 18px/1.2 'robotocond-bold'; margin: 0 0 5px 0; } .dialogBox .questionBox, .dialogBox .answerBox {margin: 0 0 20px 0; } .dialogBox .questionBox .write { margin: 0 0 5px 0; } .dialogBox .questionBox .write .grey {text-transform: none;} .dialogBox .questionBox .write strong {color: #7095a9;} .dialogBox .answerBox {} .dialogBox .answerBox .ava {width: 50px; float: left;} .dialogBox .answerBox .Title {margin: 0 0 5px 65px;} .dialogBox .answerBox .txt {margin: 0 0 0 65px;} #hotList .numBox a.current {background: #f5d9d9; border: 1px solid #f5d9d9;} #hotList .pagerBox .foregoing { background: #dd8282 url(../img/icons.png) -103px -201px no-repeat;} #hotList .pagerBox .following { background: #dd8282 url(../img/icons.png) -126px -201px no-repeat;} #hotList .pagerBox .foregoing:hover { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} #hotList .pagerBox .following:hover { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} #hotList .pagerBox .foregoing.noAct { background: #eef1f2 url(../img/icons.png) -103px -201px no-repeat;} #hotList .pagerBox .following.noAct { background: #eef1f2 url(../img/icons.png) -126px -201px no-repeat;} /* Announces */ .annSubject {margin: 0 0 30px 0;} .annRubr {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 275px; margin: 0 20px 20px 58px; position: relative;} .annRubr .title {display: block; font: normal 16px/1.2 'robotocond-bold'; text-decoration: none; margin: 0;} .annRubr .title sup {color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; margin: 0 0 0 5px;} .annRubr:hover .title {color: #3f9e8b;} .annRubr .blue {text-transform: none;} .annRubr .type {font-size: 11px;} .annRubr .type .blue {text-transform: uppercase;} .annRubr .ico {display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 0; margin: 0 0 0 -58px;} /*.annRubr.realty .ico {background: url(../img/icons.png) 0 -395px no-repeat;} .annRubr.building .ico {background: url(../img/icons.png) 0 -446px no-repeat;} .annRubr.auto .ico {background: url(../img/icons.png) 0 -497px no-repeat;} .annRubr.trucking .ico {background: url(../img/icons.png) 0 -548px no-repeat;} .annRubr.training .ico {background: url(../img/icons.png) -103px -548px no-repeat;} .annRubr.job .ico {background: url(../img/icons.png) -103px -497px no-repeat;} .annRubr.beauty .ico {background: url(../img/icons.png) -102px -446px no-repeat;} .annRubr.hobby .ico {background: url(../img/icons.png) -103px -395px no-repeat;} .annRubr.electronic .ico {background: url(../img/icons.png) -51px -395px no-repeat;} .annRubr.furniture .ico {background: url(../img/icons.png) -51px -446px no-repeat;} .annRubr.domestic .ico {background: url(../img/icons.png) -51px -497px no-repeat;} .annRubr.garden .ico {background: url(../img/icons.png) -52px -548px no-repeat;} .annRubr.pets .ico {background: url(../img/icons.png) -154px -548px no-repeat;} .annRubr.other .ico {background: url(../img/icons.png) -154px -497px no-repeat;} .annRubr.familiarity .ico {background: url(../img/icons.png) -153px -446px no-repeat;} .annRubr.finance .ico {background: url(../img/icons.png) -154px -395px no-repeat;} .annRubr.realty:hover .ico {background: url(../img/icons.png) -205px -395px no-repeat;} .annRubr.building:hover .ico {background: url(../img/icons.png) -205px -446px no-repeat;} .annRubr.auto:hover .ico {background: url(../img/icons.png) -205px -497px no-repeat;} .annRubr.trucking:hover .ico {background: url(../img/icons.png) -205px -548px no-repeat;} .annRubr.training:hover .ico {background: url(../img/icons.png) -309px -548px no-repeat;} .annRubr.job:hover .ico {background: url(../img/icons.png) -309px -497px no-repeat;} .annRubr.beauty:hover .ico {background: url(../img/icons.png) -308px -446px no-repeat;} .annRubr.hobby:hover .ico {background: url(../img/icons.png) -309px -395px no-repeat;} .annRubr.electronic:hover .ico {background: url(../img/icons.png) -257px -395px no-repeat;} .annRubr.furniture:hover .ico {background: url(../img/icons.png) -257px -446px no-repeat;} .annRubr.domestic:hover .ico {background: url(../img/icons.png) -257px -497px no-repeat;} .annRubr.garden:hover .ico {background: url(../img/icons.png) -257px -548px no-repeat;} .annRubr.pets:hover .ico {background: url(../img/icons.png) -361px -548px no-repeat;} .annRubr.other:hover .ico {background: url(../img/icons.png) -361px -497px no-repeat;} .annRubr.familiarity:hover .ico {background: url(../img/icons.png) -360px -446px no-repeat;} .annRubr.finance:hover .ico {background: url(../img/icons.png) -361px -395px no-repeat;}*/ .annRubr.building-service .ico {background: url(../img/icons.png) 0 -599px no-repeat;} .annRubr.building-material .ico {background: url(../img/icons.png) -52px -599px no-repeat;} .annRubr.building-decorate .ico {background: url(../img/icons.png) -104px -599px no-repeat;} .annRubr.building-equipment .ico {background: url(../img/icons.png) -156px -599px no-repeat;} .annRubr.building-instrument .ico {background: url(../img/icons.png) -207px -599px no-repeat;} .annRubr.marred .ico, .annRubr.adsCat1d43cbb9fd10f4be2c774532ed68fbb1 .ico {background: url(../img/icons.png) 0 -655px no-repeat;} .annRubr.student .ico {background: url(../img/icons.png) 0 -707px no-repeat;} .annRubr.kids .ico {background: url(../img/icons.png) 0 -759px no-repeat;} .annRubr.relax .ico, .annRubr.adsCatb65946268d849523a2bf22a6820687d9 .ico {background: url(../img/icons.png) 0 -811px no-repeat;} .annRubr.holiday .ico {background: url(../img/icons.png) -316px -759px no-repeat;} .annRubr.tourism .ico {background: url(../img/icons.png) -369px -655px no-repeat;} .annRubr.exterior .ico, .annRubr.adsCat7ad071ab406fdae17576e6a35833c475 .ico {background: url(../img/icons.png) -104px -655px no-repeat;} .annRubr.telecom .ico, .annRubr.adsCatf4815edef761d56800ffb53dc3d1040b .ico {background: url(../img/icons.png) -104px -707px no-repeat;} .annRubr.legal .ico {background: url(../img/icons.png) -104px -759px no-repeat;} .annRubr.training .ico, .annRubr.adsCat0082a9c85eea2d611530c6463db63d44 .ico {background: url(../img/icons.png) -104px -811px no-repeat;} .annRubr.building .ico {background: url(../img/icons.png) -316px -811px no-repeat;} .annRubr.furniture .ico, .annRubr.adsCat67d0a145e7e8da713f46df73aeda8ef8 .ico {background: url(../img/icons.png) -210px -655px no-repeat;} .annRubr.domestic .ico, .annRubr.adsCat5c353164f3bc3080152cb291049c05ba .ico {background: url(../img/icons.png) -210px -707px no-repeat;} .annRubr.other .ico, .annRubr.adsCatb8f56b0fd1b3d58f43d9497bbbffe44c .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.health .ico {background: url(../img/icons.png) -210px -811px no-repeat;} .annRubr.computer .ico, .annRubr.adsCatd307b2aca472385957aa612e7a67385a .ico {background: url(../img/icons.png) -369px -707px no-repeat;} .annRubr.parents .ico {background: url(../img/icons.png) -51px -655px no-repeat;} .annRubr.auto .ico {background: url(../img/icons.png) -51px -707px no-repeat;} .annRubr.travel .ico {background: url(../img/icons.png) -51px -759px no-repeat;} .annRubr.ritual .ico {background: url(../img/icons.png) -51px -811px no-repeat;} .annRubr.finance .ico {background: url(../img/icons.png) -369px -759px no-repeat;} .annRubr.safety .ico {background: url(../img/icons.png) -316px -655px no-repeat;} .annRubr.decor .ico, .annRubr.adsCat0867fdf2e4ecc9ce4f1e15df10ba92e7 .ico {background: url(../img/icons.png) -157px -655px no-repeat;} .annRubr.design .ico {background: url(../img/icons.png) -157px -707px no-repeat;} .annRubr.repair .ico {background: url(../img/icons.png) -157px -759px no-repeat;} .annRubr.sport .ico {background: url(../img/icons.png) -157px -811px no-repeat;} .annRubr.tv .ico {background: url(../img/icons.png) -316px -707px no-repeat;} .annRubr.insurance .ico {background: url(../img/icons.png) -263px -655px no-repeat;} .annRubr.estate .ico, .annRubr.adsCatdc9ce67aca7057b3b62a5828fa069b6a .ico {background: url(../img/icons.png) -263px -707px no-repeat;} .annRubr.shipping .ico {background: url(../img/icons.png) -263px -759px no-repeat;} .annRubr.atelier .ico, .annRubr.adsCat90891ad349bfa99f28b1cb0b96261527 .ico {background: url(../img/icons.png) -263px -811px no-repeat;} .annRubr.baduc .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.ofship .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.consult .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.secutity .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.corporate .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.cargo .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.office .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.corpholi .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.publicity .ico {background: url(../img/icons.png) -210px -759px no-repeat;} .annRubr.realty .ico, .annRubr.adsCat66110648684d5389588431a0bf627ca5 .ico {background: url(../img/icons.png) -316px -811px no-repeat;} .annRubr.job .ico, .annRubr.adsCatae6157cca92a65e85cf7b27ea64bc4dd .ico {background: url(../img/icons.png) -157px -759px no-repeat;} .annRubr.auto .ico, .annRubr.adsCat9ccbe4b1273ea5aa533604c6a53be2ec .ico {background: url(../img/icons.png) 0px -497px no-repeat;} .commerce {width: 100%; margin: 0 0 30px -15px; padding: 15px 0 0 15px;} .commerce .annBox {width: 185px; float: left; margin: 0 11px 10px 0;} .commerce .annBox .preImg {} .commerce .annBox .preTit { font: normal 14px/1.2 'robotocond-bold';} .annBox {position: relative;} .annBox .label {z-index: 1; left: 2px; top: 7px; background: #77b38c;} .annBox .label span { border-left: 6px solid #77b38c; border-top: 11px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid transparent; height: 0px; position: absolute; top: 0; right: -12px;} .annBox .preImg {border: none; margin: 0 0 5px 0;} .annBox .preImg img {border: 2px solid #fff;} .annBox .grey {font-size: 11px;} .annBox .preTit { font: normal 16px/1.2 'robotocond-bold'; text-decoration: none;} .annBox a:visited { color:#7095a9; } .dubleBord {margin: 0 0 30px 0; padding: 10px 12px; border: 1px solid #b6e0d4; border-top: 3px double #b6e0d4; } .dubleBord .marine:first-child {text-align: center; margin: -20px 0 5px 0;} .dubleBord .marine:first-child span {padding: 0 10px; background: #fff;} .dubleBord .red {color: #e26562; font: normal 20px/1.0 'robotocond-reg'; text-align: center; margin: 0 0 10px 0;} .consult-block {margin: 0 0 30px 0; border-top: 4px solid #42af91; background: #e2f3f1; width: 100%; position: relative; padding: 0 0 16px;} .consult-block h3 { color: #42af91; padding: 11px 0 0 15px;} .consult-block .name {color: #525459; font: normal 20px/1.0 'robotocond-reg'; padding: 0 0 0 13px;margin: 0;} .consult-block span.post {color: #42af91;font: normal 14px/1.0 'robotocond-italic'; padding: 0 0 0 13px; } .consult-block .htitle {color: #345c7c; font: normal 20px/1.0 'robotocond-bold'; padding: 10px 0 30px 13px;} .consult-block .readmore {background: #42af91; color: #fff; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; text-decoration: none; padding: 11px 0px 12px 0px; width: 120px; text-align: center; display: block; position: absolute; bottom: 0; left: 0px;} .consult-block a.archive { color: #7095a9; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; text-decoration: none; padding: 11px 0px 12px 0px; width: 120px; text-align: center; display: block; position: absolute; bottom: 0; right: 0px; } .special-offer {width: 100%; margin: 0 0 30px 0;} .special-offer img {display: block;} .special-offer .offer-info {background: #42af91; padding: 15px; color: #fff; } .special-offer .offer-info h4 {color: #fff; font: normal 16px/1.0 'robotocond-bold'; text-transform: uppercase;} .special-offer .offer-info h4 span {border-bottom: 4px solid #a1d7c8; padding: 0 0 6px;} .special-offer .offer-info .ofName {font: normal 26px/1.0 'robotocond-bold'; padding: 5px 0 2px; } .special-offer .offer-info .ofDesc {font-size: 14px; } .special-offer .offer-info .ofPrice {font: normal 18px/1.0 'robotocond-bold'; padding: 12px 0 10px; } .td-block {position: relative; margin: 0 0 30px 0;} .td-block .tdInfo {position: absolute; bottom: 0px; padding: 0 0 16px 17px;} .td-block p {color: #fff; margin: 0; padding: 0;} .td-block p.tdTitle {font: normal 30px/1.0 'robotocond-bold';} .td-block p.tdDesc {font: normal 14px/1.0 'robotocond-reg'; padding: 5px 0 0;} .td-lastweek { width: 460px; overflow: hidden; margin: 0 0 30px 0;} .td-lw-review {position: relative; width: 222px; float: left;} .td-lastweek .td-lw-review:first-child {margin: 0;} .td-lastweek .td-lw-review {margin: 0 0 0 15px;} .td-lw-review a.review-link{ position: absolute; bottom: 3px; left: 0; display: block; text-align: center; padding: 9px 15px 10px; background: #7dcab7; color: #fff; text-decoration: none;font: normal 16px/1.0 'robotocond-reg';} a.td-archive, a.all-link {color: #7095a9; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none; padding: 2px 0 0 0;} .autoNews {margin: 0 0 30px 0;} .autoNews .newsBox {margin: 0 0 15px 0;} .companyList {background: #f3fbfa; margin: 0 0 30px -15px; padding: 15px 0 0 15px;} .companyBox {display: block; width: 180px; height: 255px; float: left; background: #fff; border: 1px solid #fff; border-bottom: 1px solid #e0f0e0; margin: 0 15px 15px 0; text-decoration: none; position: relative;} .companyBox .preImg {padding: 15px; border-bottom: 1px solid #f3fbfa; margin: 0 0 10px 0;} .companyBox .type, .companyBox .preTitle, .companyBox .blue {margin: 0 15px;} .companyBox .type {color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase;} .companyBox .blue { font: normal 11px/1.0 'robotocond-reg'; } .companyBox .preTitle {font: normal 18px/1.0 'robotocond-bold'; height: 35px; margin: 0 15px 10px 15px;} .obvList {} .obvListTop {padding: 0px 0 25px;} .obvListTop div, .obvListTop p {float: left; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase;} .obvListTop div {width: 140px; color: #a5b3b8; } .obvListTop div a {text-decoration: none; } .obvListTop div a.active {color: #444851; display: inline-block; zoom: 1; *display: inline; } .obvListTop div a.active.desc { padding: 0 15px 0 0; width: 38px;} .obvListTop div a.active.desc span {padding: 0px 0px 0 5px; display: block; float: right; width: 5px; height: 12px;} .obvListTop div a.active.desc span{background: url(../img/icons.png) 0 -208px no-repeat; } .obvListTop p {width: 50px;} .obvListTop p.aName {width: 175px;} .obvListTop p.price {width: 116px;} .obvBox {clear: both; overflow: hidden; padding: 15px 0; border-top: 1px solid #f2f5f6;} .obvBox:first-child {border: 0;} .obvBox .date {margin: 0; color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; margin: -2px 0 0 0;} .obvBox .preImg { float: left; width: 140px; } .obvBox .preDesc {float: left; padding: 0 0 9px; font-size: 0; position: relative;} .obvBox .preDesc .obvInfo {padding: 24px 0 0px 0;} .obvBox .preDesc p { float: left; color: #444851; font: normal 14px/1.2 'robotocond-reg'; width: 50px; padding: 3px 0 0 0;} .obvBox .preDesc p.aName { width: 165px; padding: 0 10px 0 0; } .obvBlock p.fuel {width: 50px;} .obvBlock p.tm {width: 50px;} .obvBlock p.mileage {width: 60px;} .obvBox .preDesc p.price {width: 116px; color: #42af91; font:normal 18px/1.0 'robotocond-bold'; text-transform: uppercase; } .obvBox .preDesc p a {font: normal 18px/1.2 'robotocond-bold'; color: #345c7c; text-decoration: none; text-decoration: none;} .obvBox .type{ color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; float: left; position: absolute; bottom: 0;} .obvBox .favour { float: left; height: 18px; width: 18px; cursor: pointer; } .obvBox .favour.yes {background: url(../img/icons.png) -133px -160px no-repeat;} .obvBox .favour.no {background: url(../img/icons.png) -113px -160px no-repeat;} .annList {} .annList.commerce {background: #f3fbfa;} .annList .annBox {width: 227px!important; height: 230px; float: left; margin: 0 11px 55px 0;} .annBox .favour, .annBox .compl {width: 17px; height: 17px; float: right; cursor: pointer;} .annBox .favour.yes {background: url(../img/icons.png) -133px -160px no-repeat;} .annBox .favour.no {background: url(../img/icons.png) -113px -160px no-repeat;} .annBox .compl {background: url(../img/icons.png) -263px -19px no-repeat; opacity: 0.4; filter: alpha(opacity=40);} .annBox .compl:hover {opacity: 1; filter: alpha(opacity=100);} .similarAnn {} .similarAnn .sorting {overflow: hidden; border-bottom: 3px double #eaeff1; padding: 0 0 10px 0;} .similarAnn .sorting > div {font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; color: #7095a9; margin: 0 0 0 15px;} .similarAnn .sorting > div:first-child {margin: 0;} .similarAnn .annPhoto {width: 130px; float: left;} .similarAnn .annReg {width: 100px; float: left;} .similarAnn .annStr {width: 100px; float: left;} .similarAnn .annHT {width: 80px; float: left;} .similarAnn .annFlor {width: 70px; float: left;} .similarAnn .annPrice {width: 85px; float: left;} .similarAnn .annData {width: 85px; float: left;} .similarAnn.full .annData {width: auto; float: left;} .similarAnn .annDesc {width: 440px; float: left;} .similarAnn.full .annDesc {width: 590px} .similarAnn .annBox {overflow: hidden; border-bottom: 1px solid #eaeff1; padding: 15px 0;} .similarAnn .annBox > div {margin: 0 0 0 15px;} .similarAnn .annBox .annPhoto img {display: block;} .similarAnn .annBox .annReg {font: normal 16px/1.2 'robotocond-bold'; text-decoration: none; margin: 0 0 0 15px;} .similarAnn .annBox .date {position: absolute; right: 0; bottom: 15px;} .similarAnn .annBox .annPrice {font: normal 18px/1.2 'robotocond-bold'; color: #42af91; } .similarAnn .annBox .annData {font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; color: #a5b3b8; margin: 0;} .similarAnn .annBox .annDesc {} .similarAnn .annBox .annDesc .preTitle {font: normal 18px/1.2 'robotocond-bold'; text-decoration: none;} .similarAnn .annBox .annDesc .blue {text-transform: none;} .newBild {} .nbBox {overflow: hidden; border-bottom: 1px solid #eaeff1; padding: 0 0 15px 0; margin: 0 0 15px 0;} .nbBox .preImg {width: 220px; float: left;} .nbBox .preTit {display: block; font: normal 18px/1.2 'robotocond-bold'; text-decoration: none; margin: 0 0 10px 235px;} .nbBox .preTxt { font: normal 16px/1.2 'robotocond-reg'; margin: 0 0 10px 235px;} .nbBox .showMap {text-transform: uppercase; text-decoration: none; color: #7095a9; font: normal 11px/1.2 'robotocond-reg'; } .nbBox .showMap .toMap { margin: 0 5px 0 15px;} .contact { margin: 0 0 20px 0; border-bottom: 1px solid #e7edef; padding: 0 0 15px 0;} .contact dl {} .contact dt {font: normal 12px/1.2 'robotocond-reg'; color: #79858a; text-transform: uppercase; width: 100px; margin: 0 15px 0 0; float: left;} .contact dd { margin: 0 0 10px 0;} .houseInfo {border-top: 1px solid #e7edef; padding: 15px 0 0 0;} .houseInfo .H2 {margin: 0 0 20px 0;} .houseInfo .H4 {margin: 0 0 10px 0;} .houseInfo dl { font: normal 12px/1.2 'robotocond-reg'; margin: 0 0 20px 0; text-transform: uppercase;} .houseInfo dl dt {color: #79858a; width: 210px; margin: 0 15px 10px 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top;} .houseInfo dl dd {margin: 0 0 10px 0; display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 220px;} .zkImg {width: 250px; float: right;} .jobBlock { width: 710px; float: left; } .jobTable { margin: 0; padding: 0 20px 0 0; -moz-column-gap: 1em; -webkit-column-gap: 1em; column-gap: 1em; -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } .jobBox { display: inline-block; border: 5px solid #e2f3f1; padding: 10px; margin: 0 15px 15px 0; text-decoration: none; overflow: hidden; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .jobBox .preTitle {font: normal 18px/1.2 'robotocond-bold'; } .jobBox .preTxt {color: #525459; margin: 5px 0;} .jobBox .marine { font: normal 12px/1.2 'robotocond-reg';} .jobBox:hover { border: 5px solid #42af91;} .jobBox:hover .preTitle {color: #7095a9;} article .companyInfo {margin: 0 0 20px 0;} article .companyInfo dl {overflow: hidden;} article .companyInfo dt {width: 130px; float: left; font: normal 11px/1.0 'robotocond-reg'; } article .companyInfo dd {margin: 0 0 20px 140px;} .vacancyDescr {margin: 0 0 20px 0;} .vacancyDescr dl {overflow: hidden;} .vacancyDescr dt {width: 130px; float: left; font: normal 11px/1.0 'robotocond-reg'; } .vacancyDescr dd {margin: 0 0 20px 140px;} .vacancyDescr .Button {margin: 0 0 20px 140px;} /* Reference */ #mapCol {width: 640px; float: right; margin: 0 15px 0 0;} #mapCol .map {width: 100%; height: 600px;} #listCol {width: 312px; float: left; margin: 0 0 30px 0;} #listCol .cardTitleOpen a { border: none; } #listCol .blockTitle { font: normal 18px/1.0 'robotocond-bold'; color: #525459; margin: 0 0 15px 0; } .referList {margin: 0 0 15px 0!important;} .referList .head {color: #4367a1; cursor: pointer; position: relative; margin: 0 0 5px 15px; } .referList .head span {border-bottom: 1px dotted #4367a1; } .referList .head .ico {width: 9px; height: 9px; position: absolute; left: -13px; top: 5px; background: url(../img/icons.png) no-repeat -189px -138px;} .referList .head.ui-state-active .ico { background: url(../img/icons.png) no-repeat -189px -151px;} .referList .sub {margin: 0 0 10px 15px;} .referList .sub div {margin: 0 0 5px 0;} .referList .sub a {text-decoration: none; font-size: 12px;} .linkTo2gis {float: right; margin: 0 0 10px 0; font-size: 11px;} .linkTo2gis a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .referList ol li .cardTitle {margin: 0 0 5px 0;} .referList ol li .cardTitle a {border-bottom: 1px dotted #4367a1; color: #4367a1; text-decoration: none;} .referList ol li .cardLink {cursor: pointer; text-transform: uppercase; } .referBox {border-left: 3px solid #008e55; background: #f4fcfb; margin: 0 0 15px 0; padding: 10px; font: normal 14px/1.2 'robotocond-reg';} .referBox .name {} .referBox .name a {font: normal 16px/1.2 'robotocond-reg'; color: #0c67a2; text-decoration: none;} .referBox .web {color: #0c67a2; text-decoration: none;} .referBox .phone {margin: 5px 0;} .icCont {padding: 20px;} .icTitle {font: normal 24px/1.3 'robotocond-bold'; margin: 0 0 10px 0;} .icCont .type {font-size: 12px; margin: 0 0 10px 0;} .icCont .type span {color: #4367a1;} .icCont .adr {margin: 0 0 5px 0;} .icCont .adr a {border-bottom: 1px dotted #0b67a1; color: #0b67a1; text-decoration: none;} .icCont .phone {font: normal 15px/1.3 'robotocond-bold'; margin: 0 0 3px 0;} .icCont .site {margin: 0 0 5px 0;} .icCont .site a {font: normal 14px/1.2 'robotocond-bold'; color: #0b67a1; text-decoration: none; } .icCont .schedule {margin: 0 0 10px 0;} .icCont .other {margin: 0 0 10px 0;} .icCont .email a {font: normal 14px/1.2 'robotocond-bold'; color: #0b67a1; text-decoration: none;} .referenceList {margin: 0 0 30px 0;} .rlHead {overflow: hidden; border-bottom: 1px solid #ccd5d7; padding: 0 10px 10px 10px; color: #9fb3b9; text-transform: uppercase; font: normal 11px/1.3 'robotocond-reg';} .name {width: 170px; float: left;} .adress {width: 180px; margin: 0 20px; float: left;} .about {width: 220px; float: right;} .refBox {display: block; overflow: hidden; border-bottom: 1px solid #ccd5d7; padding: 15px 10px; font: normal 14px/1.3 'robotocond-reg'; color: #525459;} .refBox .name {font: normal 18px/1.2 'robotocond-bold'; color: #345c7c;} .refBox .preImg {margin: 10px 0;} .refBox:hover {background: #f4f8f9;} .refBox:hover .name {color: #549072;} .referenceList .Button {margin: 20px 0;} .refSubject {margin: 0 0 30px 0;} .refSubject h2 {margin: 0 0 30px 0;} .refRubr {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 330px; margin: 0 20px 20px 0;} .refRubr .title {display: block; font: normal 16px/1.2 'robotocond-bold'; text-decoration: none; margin: 0;} .refRubr .title sup {color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; margin: 0 0 0 5px;} .refRubr:hover .title {color: #3f9e8b;} .refRubr .blue {text-transform: none;} .refRubr .type {font-size: 11px;} /* Maps */ .mapBox {margin: 0 15px 0 0;} .map {margin: 0 0 30px 0; height: 400px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;} .mapBox .map {margin: 0 0 15px 0; } ul.mapFilt {border-bottom: 1px solid #ecf2f4; overflow: hidden; margin: -20px 0 20px 0;} ul.mapFilt li {display: inline-block; zoom: 1; *display: inline; padding: 0 15px 7px 0; margin: 0 10px 0 0;} ul.mapFilt li.curent {border-bottom: 4px solid #42af91;} ul.mapFilt li a {color: #7095a9; font: normal 12px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none;} ul.mapFilt li.curent a {color: #444851;} .mapSelector {} .mapSelector .colum {width: 210px; margin: 0 17px 0 0; float: left;} .mapSelector .cbLabel {color: #7095a9; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase;} .mapSelector .cbLabel span.terminalIco, .mapSelector .cbLabel span.parkingIco, .mapSelector .cbLabel span.pharmacyIco, .mapSelector .cbLabel span.bankIco, .mapSelector .cbLabel span.hospitalIco, .mapSelector .cbLabel span.kindergartenIco, .mapSelector .cbLabel span.cafeIco, .mapSelector .cbLabel span.eventIco, .mapSelector .cbLabel span.shopIco, .mapSelector .cbLabel span.transportIco, .mapSelector .cbLabel span.parkIco, .mapSelector .cbLabel span.postofficeIco, .mapSelector .cbLabel span.entertainment, .mapSelector .cbLabel span.marketIco, .mapSelector .cbLabel span.beautyshopIco, .mapSelector .cbLabel span.sportIco, .mapSelector .cbLabel span.universityIco, .mapSelector .cbLabel span.serviceIco, .mapSelector .cbLabel span.churchIco, .mapSelector .cbLabel span.schoolIco {width: 21px; height: 21px;} .mapSelector .checkBox .cbLabel span.terminalIco {background: url(../img/icons.png) -413px -472px no-repeat;} .mapSelector .checkBox .cbLabel span.parkingIco {background: url(../img/icons.png) -413px -497px no-repeat;} .mapSelector .checkBox .cbLabel span.pharmacyIco {background: url(../img/icons.png) -413px -522px no-repeat;} .mapSelector .checkBox .cbLabel span.bankIco {background: url(../img/icons.png) -413px -547px no-repeat;} .mapSelector .checkBox .cbLabel span.hospitalIco {background: url(../img/icons.png) -413px -572px no-repeat;} .mapSelector .checkBox .cbLabel span.kindergartenIco {background: url(../img/icons.png) -479px -472px no-repeat;} .mapSelector .checkBox .cbLabel span.cafeIco {background: url(../img/icons.png) -479px -497px no-repeat;} .mapSelector .checkBox .cbLabel span.eventIco {background: url(../img/icons.png) -435px -472px no-repeat;} .mapSelector .checkBox .cbLabel span.shopIco {background: url(../img/icons.png) -435px -497px no-repeat;} .mapSelector .checkBox .cbLabel span.transportIco {background: url(../img/icons.png) -435px -522px no-repeat;} .mapSelector .checkBox .cbLabel span.parkIco {background: url(../img/icons.png) -435px -547px no-repeat;} .mapSelector .checkBox .cbLabel span.postofficeIco {background: url(../img/icons.png) -435px -572px no-repeat} .mapSelector .checkBox .cbLabel span.entertainment {background: url(../img/icons.png) -479px -522px no-repeat;} .mapSelector .checkBox .cbLabel span.marketIco {background: url(../img/icons.png) -479px -547px no-repeat;} .mapSelector .checkBox .cbLabel span.beautyshopIco {background: url(../img/icons.png) -457px -472px no-repeat;} .mapSelector .checkBox .cbLabel span.sportIco {background: url(../img/icons.png) -457px -497px no-repeat;} .mapSelector .checkBox .cbLabel span.universityIco {background: url(../img/icons.png) -457px -522px no-repeat;} .mapSelector .checkBox .cbLabel span.serviceIco {background: url(../img/icons.png) -457px -547px no-repeat;} .mapSelector .checkBox .cbLabel span.churchIco {background: url(../img/icons.png) -457px -572px no-repeat;} .mapSelector .checkBox .cbLabel span.schoolIco {background: url(../img/icons.png) -479px -572px no-repeat;} /* Search */ .searchPanel {background: #f6faed; padding: 15px; margin: 0 0 30px 0;} .searchForm {} .searchForm .whInp {width: 600px; float: left; margin: 0 15px 15px 0;} .searchForm .trButton {} .searchPanel a {text-decoration: none; border-bottom: 1px dotted #7095a9; color: #7095a9;} .searchResult {margin: 0 0 30px 0;} .resBox {border-bottom: 1px solid #e7edef; padding: 0 0 15px 0; margin: 0 0 15px 0;} .resBox p {margin: 0 0 5px 0;} .resBox a {font: normal 14px/1.2 'robotocond-bold'; color: #7095a9; text-decoration: none;} .itemTitle {color: #345c7c; font: normal 18px/1.2 'robotocond-bold'; } .searchAnonce {margin: 0 0 30px -15px; padding: 15px 0 15px 15px; width: 100%;} .searchAnonce .title {display: block; font: normal 14px/1.2 'robotocond-bold';} .searchAnonce form > div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 0 0;} .searchAnonce .whInp {width: 218px;} .searchAnonce .grSelect {width: 190px;} .searchAnonce .inline { vertical-align:top; } .searchAnonce .inline .checkBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin:8px 8px 0 0; } .searchAnonce .inline .checkBox + .checkBox { margin-left:7px; } .searchAnonce .trButton {margin: 0;} .searchAnonce .trButton.marineBut.flRight { margin-top:15px; } form.advanced {display: none;} #advsearch {color: #7095a9; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none; float: right; margin: 0 15px 0 0;} .searchAnonce.inSect {background: #edf9f8; border-bottom: 1px solid #cbe4e4; padding: 15px 0 5px 15px;} .searchAnonce.inSect form > div { margin: 0 15px 15px 0;} .searchAnonce.inSect label {display: block;} .searchAnonce.inSect .grSelect {width: 220px;} .searchAnonce.inSect .year {width: 240px; margin: 0 0 10px 0;} .searchAnonce.inSect .year .grSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 100px; margin: 0 15px 0 0;} .serviceSearch { padding: 15px; margin: 0 0 30px 0;} .serviceSearch form > div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .serviceSearch .title {margin: 0; font: normal 14px/1.2 'robotocond-bold';} .serviceSearch .whInp {width: 480px; margin: 0 15px;} .serviceSearch .trButton {float: right;} #advsearch {color: #7095a9; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase; text-decoration: none; float: right; margin: 0 15px 0 0;} .searchAnonce.inSect {background: #edf9f8; border-bottom: 1px solid #cbe4e4; padding: 15px 0 5px 15px;} .searchAnonce.inSect form > div { margin: 0 15px 15px 0;} .searchAnonce.inSect label {display: block;} .searchAnonce.inSect .grSelect {width: 220px;} .searchAnonce.inSect .year {width: 240px; margin: 0 0 10px 0;} .searchAnonce.inSect .year .grSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 100px; margin: 0 15px 0 0;} .searchBlock {margin: 0 0 10px -15px; padding: 15px 0 15px 15px; width: 100%;} .searchBlock .grSelect, .searchBlock label {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .searchBlock .whInp {margin: 0 15px 15px 0;} .searchBlock .grSelect {width: 370px;} .searchBlock label { margin: 0 15px 0 0;} .searchBlock .Button {float: right; margin: 0 15px 0 0;} .referSearch {background: #ddf6f3; margin: 0 0 20px -15px;} .referSearch .title { font: normal 14px/1.2 'robotocond-bold';} .advLink {font: normal 13px/1.3 'robotocond-reg'; text-transform: uppercase; float: right; margin: 0 15px 0 0; text-decoration: none; color: #606060;} .referSearch .title, .referSearch label, .referSearch form.short > .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} .referSearch form.short > label { margin: 0 15px 10px 0;} .referSearch form.short > .whInp {width: 380px; margin: 0 15px 10px 0;} .referSearch form.short > .grSelect {width: 380px; margin: 0 0 10px 0;} .referSearch .trButton {float: right; margin: 0 15px 0 0;} .referSearch form.advanced {width: 600px;} .referSearch form.advanced > label {width: 80px; margin: 0 10px 15px 0;} .referSearch form.advanced .grSelect {width: 490px; margin: 0 0 15px 0;} .referSearch form.advanced .grSelect.short { margin: 0 10px 15px 0;} .referSearch form.advanced .dateBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle;} /*
Расширенный поиск
*/ .resultList {} .resultBox {padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px dotted #b5c0c3;} .resLink { font: normal 14px/1.2 'robotocond-bold'; text-decoration: none; text-transform: uppercase; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;} .resText {display: block; text-decoration: none; margin: 5px 0;} .sortBox { margin: 0 0 20px 0;} .sortBox .marineSelect, .sortBox .mustardSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 130px; margin: 0 10px;} .sortBox .filt {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 10px; padding: 5px 10px; color: #7095a9; font-size: 12px; text-transform: uppercase; cursor: pointer;} .sortBox .filt.up, .sortBox .filt.down {background: #f0f4f5; color: #525459; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px;} .sortBox .filt span {display: inline-block; zoom: 1; *display: inline; height: 0; margin: 0 5px 0 0;} .sortBox .filt.up span {border-bottom: 4px solid #525459; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid transparent; vertical-align: top; } .sortBox .filt.down span {border-top: 4px solid #525459; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid transparent; vertical-align: middle;} .searchJob {background: #edf9f8; border-bottom: 1px solid #cbe4e4; padding: 15px 0 15px 15px; margin: 0 0 30px -15px; } .searchJob .title {display: block; font: normal 18px/1.2 'robotocond-bold';} .searchJob form > div {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 0 0;} .searchJob .whInp {width: 290px;} .searchJob .grSelect {width: 295px;} /* Personal */ #personal {margin: 0 0 30px 0;} .persPhoto {width: 200px; float: left; background: #f5f8f9; padding: 0 0 5px 0; border-bottom: 1px solid #d6dee2;} .persPhoto img {display: block; margin: 0 0 10px 0;} .persPhoto .dark {margin: 0 15px 10px 15px;} .persPhoto > a {display: block; margin: 0 15px 10px 15px; } .persPhoto a .ico {display: inline-block; zoom: 1; *display: inline; margin: 0 5px 0 0;} .persPhoto .blog .ico {width: 16px; height: 12px; background: url(../img/icons.png) -328px 0 no-repeat;} .persPhoto .mobr .ico {width: 16px; height: 10px; background: url(../img/icons.png) -328px -16px no-repeat;} .persPhoto .info {font: normal 12px/1.0 'robotocond-reg'; border-bottom: 4px solid #e8eef0; margin: 0 0 15px 0; padding: 0 0 10px 0;} .persPhoto .info > div {margin: 0 15px 5px 15px;} .persPhoto .info strong {font: normal 12px/1.0 'robotocond-bold';} .persPhoto .pLink {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 7px 15px; font: normal 11px/1.2 'robotocond-reg'; color: #7095a9; text-transform: uppercase; padding: 3px 7px; letter-spacing: 1px; border: 1px solid #9ebece; text-decoration: none;} .persPhoto .pLink:hover {color: #fff; border: 1px solid #9ebece; background: #9ebece;} .persInfo {width: 500px; float: right;} #personal .H1 {text-transform: none; margin: 0 0 5px 0;} #personal .H1 .redact {color: #7095a9; text-decoration: none; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; margin: 0 0 0 10px;} #personal .H1 .redact span {display: inline-block; zoom: 1; *display: inline; margin: 0 5px 0 0; width: 13px; height: 15px; background: url(../img/icons.png) -349px 0 no-repeat;} #personal .date {margin: 0 0 10px 0;} .moneyInfo {font-size: 12px;} .moneyInfo .Button a {font-size: 11px;} .moneyInfo a.blue {margin: 0 0 0 10px;} #personal h2 {margin: 0 0 10px 0;} #personal .newsBox .preTxt {width: 265px;} .persPhoto .info {font: normal 12px/1.0 'robotocond-reg'; border-bottom: 4px solid #e8eef0; margin: 0 0 15px 0; padding: 0 0 10px 0;} .persPhoto .info > div {margin: 0 15px 5px 15px;} .persPhoto .info strong {font: normal 12px/1.0 'robotocond-bold';} .persPhoto .pLink {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 7px 15px; font: normal 11px/1.2 'robotocond-reg'; color: #7095a9; text-transform: uppercase; padding: 3px 7px; letter-spacing: 1px; border: 1px solid #9ebece; text-decoration: none;} .persPhoto .pLink:hover {color: #fff; border: 1px solid #9ebece; background: #9ebece;} .icoHelp {display: inline-block; zoom: 1; *display: inline; vertical-align: top; position: relative; width: 17px; height: 17px; background: url(../img/icons.png) -348px -19px no-repeat;} .icoHelp > div {display: none; zoom: 1; *display: inline; padding: 3px 10px 5px 10px; position: absolute; left: 25px; top: -3px; background: #b7c6cb; color: #fff; text-transform: none; font: normal 12px/1.0 'robotocond-reg'; white-space: nowrap; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;} .icoHelp > div span {display: block; height: 0; width: 0; position: absolute; left: -10px; top: 5px; border-right: 5px solid #b7c6cb; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent;} .icoHelp:hover > div {display: inline-block;} .vizitka {} .vizitka .title {margin: 0 10px 10px 10px; font: normal 12px/1.0 'robotocond-bold';} .vizitka .viz {padding: 0 10px; margin: 0 0 10px 0;} .vizitka ul.viz {list-style-position: inside;} .vizitka .viz a {margin: 0; } .vizLine {border-bottom: 1px dotted #94a2a6; margin: 0 0 10px 0;} .persInfo .inf { margin: 0 0 10px 0;} #persSlider {margin: 0 0 30px 0;} #persSlider .galery .unit {margin: 0 5px 0 0; width: 100px; text-align: center;} #persSlider.GalBox .btnNext, #persSlider.GalBox .btnPrev {width: 9px; height: 20px; cursor: pointer; position: absolute; bottom: 0;} #persSlider.GalBox .btnPrev {right: 30px; background: url(../img/icons.png) -80px -208px no-repeat;} #persSlider.GalBox .btnNext {right: 0; background: url(../img/icons.png) -92px -208px no-repeat;} #persSlider.GalBox .btnPrev:hover { background: url(../img/icons.png) -10px -208px no-repeat;} #persSlider.GalBox .btnNext:hover { background: url(../img/icons.png) -22px -208px no-repeat;} #personal .whatDo {margin: 0 0 10px 0;} #personal .whatDo a, #personal .whatDo span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } #personal .whatDo a {color: #6e94aa; text-decoration: none; margin: 0 0 10px 0;} #personal .whatDo span { margin: 0 10px 10px 10px;} /* Blog */ .blogList {margin: 0 0 30px 0;} #blog .blogList {width: 500px; float: right;} .blogBox {margin: 0 0 15px 0;} .blogBox .preImg {width: 40px; float: left;} .blogBox .preTxt {margin: 0 0 0 55px;} .blogBox .autorName, .blogBox .preTit, .blogBox .preDesc {display: block; text-decoration: none; margin: 0 0 5px 0;} .blogBox .autorName { font: normal 16px/1.0 'robotocond-bold';} .blogBox .preTit {font: normal 14px/1.0 'robotocond-bold'; color: #525459;} .blogBox .preDesc { font: normal 12px/1.0 'robotocond-reg'; color: #525459; margin: 0 0 15px 0;} .blogList .loadLink {margin: 0 0 0 55px;} .sideAuth {width: 200px; float: left; background: #f5f8f9; padding: 15px 0;} .sideAuth .authForm { padding: 0 15px;} .sideAuth .authForm .doubleInp input {width: 160px;} .sideAuth .authForm > a.blue, .sideAuth .authForm > a.grass {font: normal 12px/1.0 'robotocond-reg';} .sideAuth .socAuth { padding: 0 10px;} .sideAuth .lineTitle {margin: 15px 0;} .sideAuth .authIco {margin: 0 5px 5px 5px;} #blog .pageCrumbs, #blog article {margin: 0 0 10px 215px;} #blog article .articleImg {float: none; width: auto;} .pageVideo {margin: 0 0 20px 0; background: #000; text-align: center;} /* blog additions */ #blog article img {max-width: 500px !important; height: auto !important;} #blog .blog-post-meta {padding-left: 55px;} #blog .autorName a {text-decoration: none;} .blog-post-hide-link {padding-left: 0px;} .blog-post-hide-link a, .blog-post-edit-link a, .blog-post-delete-link a {font-size: 14px; text-decoration: none;} .blog-comment .commentary {margin-left: 50px;} .blog-comment .commentary a.grey {margin-right: 7px;} .blog-comment .commentary .comTxt{font: normal 14px/1.0 'robotocond-reg';color: #525459;margin: 0 0 10px 0;} .blog-comment .commentary .autorName a {font: normal 16px/1.0 'robotocond-bold';} .blog-comment .commentary .autorName {margin: 0 0 10px 0;font: normal 16px/1.0 'robotocond-bold';} .blog-comment .commentary .time{font: normal 12px/1.0 'robotocond-reg';color: #7095a9;text-transform: none;text-decoration: none;padding-right: 20px;} .blog-comment .commentary a.grey {font-size: 14px !important;text-decoration: none;color: #345c7c;text-transform: none;font-style: normal !important;} .blog-add-comment {text-align: left;} #response-block {width: 500px;} form .blogtext { line-height: 28px; } .blog-buttons .redBut, .blog-edit-buttons .redBut { margin: 0 20px 0 0; background: #7fa44e; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; display: inline-block; zoom: 1; vertical-align: middle; text-align: center; } .blog-buttons input[type=submit], .blog-edit-buttons input[type=submit] {font: normal 16px/1.0 'robotocond-bold'; padding: 8px 20px; color: #fff; -moz-text-shadow: 0 -1px 1px #68893b; -webkit-text-shadow: 0 -1px 1px #68893b; text-shadow: 0 -1px 1px #8caaba; text-transform: uppercase; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#68893b')";} .blog-buttons .redBut:hover, .blog-edit-buttons .redBut {background: #8bb05b; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -ms-filter: none;} .blog-buttons .redBut:active, .blog-buttons .redBut:active a, .blog-buttons .redBut:active input, .blog-edit-buttons .redBut:active, .blog-edit-buttons .redBut:active a, .blog-edit-buttons .redBut:active input { -webkit-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; -moz-box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset; box-shadow: 0 0 15px rgba(85, 110, 45, 1) inset;} div.blog-textinfo {margin: 0;margin-bottom: 20px;} .blog_page .voteList .voteBox {display: none;} .blog_page .voteList .voteBox:first-child {display: block;} .blog_page .voteList .voteBox .voteResult .scaleBox {width: 240px;} /* Forum */ table.forumTable {width: 100%; border-spacing: 0px; margin: 0 0 30px 0;} table.forumTable .info {width: 530px;} table.forumTable .message {} table.forumTable .author {width: 315px;} table.forumTable .infoCol {width: 180px;} table.forumTable td {} table.forumTable th {color: #fff; text-align: left; padding: 10px 15px;} table.forumTable thead th {border-bottom: 1px solid #fff; text-transform: uppercase; font: normal 16px/1.0 'robotocond-bold'; background: #7fa44e; background: -webkit-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -moz-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -ms-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: -o-linear-gradient(left, #7fa44e, #44ab87, #dac14a); background: linear-gradient(left, #7fa44e, #44ab87, #dac14a); -pie-background: linear-gradient(left, #7fa44e, #44ab87, #dac14a);} table.forumTable thead th a {font: normal 11px/1.0 'robotocond-reg'; float: right; margin: 0 0 0 15px; text-decoration: none; color: #fff;} table.forumTable thead td {padding: 15px; background: #ebf0f2; text-align: center;} table.forumTable tbody th {font: normal 16px/1.0 'robotocond-reg'; background: #89b057;} table.forumTable tbody td {padding: 10px 15px; background: #f5f8f9; border-bottom: 1px solid #d9e3e6; border-top: 1px solid #fff;} table.forumTable tfoot {} table.forumTable tfoot td {background: #ebf0f2; padding: 15px; text-align: center;} table.forumTable tfoot td a {margin: 0 10px; text-decoration: none;} .mesIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .mesIco span {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 35px; height: 35px; margin: 0 10px 0 0; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .mesIco.yes span { background: #fff url(../img/icons.png) -333px -287px no-repeat;} .mesIco.no span { background: #fff url(../img/icons.png) -376px -287px no-repeat;} .mesIco.hot span { background: #fff url(../img/icons.png) -411px -286px no-repeat;} .mesIco.hide span { background: #fff url(../img/icons.png) -443px -287px no-repeat;} table.forumTable thead td .mesIco {margin: 0 10px;} .topicTheme {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 450px;} .topicTheme a {font: normal 16px/1.0 'robotocond-reg'; text-decoration: none;} .avaIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px 0 0; width: 35px; height: 35px; overflow: hidden; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%;} .avaIco img {} .messInfo {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 240px;} .messInfo a {text-decoration: none;} .rssIco {display: inline-block; zoom: 1; *display: inline; vertical-align: text-top; margin: 0 5px 0 0; width: 19px; height: 19px; background: #fff url(../img/icons.png) -160px -138px no-repeat; } .userNow {margin: 0 0 15px 0;} .userDetail {width: 380px; float: left; margin: 0 0 30px 0;} .messDetail {width: 280px; float: right; text-align: right; margin: 0 0 30px 0;} .forumSearch {margin: 0 0 30px 15px; width: 460px;} .forumSearch label {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 110px; margin: 0 15px 20px 0;} .forumSearch .grSelect, .forumSearch .dateBox, .forumSearch .whInp, .forumSearch .checkBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 20px 0; width: 320px;} .forumSearch .Button {margin: 0 20px 0 0;} .forumSearch .checkBox label {width: auto; margin: 0;} table.forumTable td.messText, table.forumTable.topicTab td.aboutInfo {padding: 0; vertical-align: top;} table.forumTable td.messText { background: #fdfefe;} table.forumTable.topicTab thead th {border-bottom: none;} table.forumTable.topicTab td.aboutInfo {background: #f5f8f9; padding: 15px;} .aboutInfo a { text-decoration: none;} .aboutInfo .name {font: normal 16px/1.0 'robotocond-reg';} .aboutInfo .avaBox {display: block; width: 50px; height: 50px; margin: 5px 0 10px 0;} .aboutInfo .rating {margin: 5px 0 10px 0;} .aboutInfo .writeMe {margin: 15px 0 0 0;} .messText .whenMess {background: #ebf0f2; padding: 10px 15px;} .messText .whenMess .num {text-decoration: none; float: right;} .messText .txtMess {padding: 15px; min-height: 170px; border-bottom: 1px dotted #d9e3e6;} .messText .messLinks {padding: 10px 15px; text-align: right;} .messText .messLinks a {margin: 0 0 0 15px; text-decoration: none;} .messText .citation {background: #f3f9f1; padding: 10px 10px 10px 35px; border: 1px solid #d4e1d1; margin: 0 0 15px 0; position: relative;} .messText .citation div {width: 17px; position: absolute; top: 10px; left: 10px; text-align: center; color: #7fa44e; font: normal 40px/1.0 Arial;} .addMessage {} table.forumTable.addMessage tbody td {padding: 15px;} .addMessage .whInp {overflow: hidden; margin: 0 0 15px 0;} .addMessage .whInp textarea {height: 170px;} .addMessage .Button {margin: 0 0 0 15px;} /* Travel */ .travelSearch {border-top: 4px double #dbc149; padding: 1px 0 0 0; margin: 0 0 30px -15px;} .travelSearch .formBox {background: #f2f6f7; padding: 15px 0 15px 20px;} .travelSearch .formBox label {font: normal 11px/1.2 'robotocond-reg'; color: #79858a; text-transform: uppercase; display: block; margin: 0 0 5px 0;} .travelSearch .formBox .inline {width: 245px; float: left;} .scrollChek {height: 279px; overflow-y: auto; overflow-x: hidden; margin: 3px;} .scrollChek.operator {height: 210px;} .scrollChek .checkBox {display: block!important; margin: 0 0 5px 0;} .travelSearch .formBox .grSelect, .travelSearch .formBox .whInp { margin: 0 15px 15px 0;} .travelSearch .part2 {width: 108px; float: left; margin: 0 12px 15px 0;} .travelSearch .formBox .grSelect.part2 {width: 105px; float: left;} .travelSearch .formBox .grSelect.part3 {width: 65px; float: left;} .travelSearch .categoryBox {margin: 0 0 10px 0;} .categoryBox .checkBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 7px 0 0;} .travelSearch .curency {text-align: right; margin: 0 15px 15px 0;} .travelSearch .curency .radioBox {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 0 10px;} .travelSearch .line {margin: 15px 15px 15px 0; width: auto;} .travelSearch .checkBox.filtCheck {display: inline-block; zoom: 1; *display: inline; float: left; margin: 5px 15px 0 0;} .travelSearch .trButton {margin: 0 15px 0 0; float: right;} .travelList {} .travelBox {width: 230px; float: left; margin: 0 16px 20px 0; color: #525459;} .travelBox .preTit {font: normal 18px/1.0 'robotocond-bold'; color: #345c7c; text-decoration: none; margin: 0 0 10px 0; display: block;} .travelBox .preImg {border-bottom: 4px solid #e2cd6d;} .travelBox .preImg img {border-bottom: none;} .travelBox .travDesc {padding: 10px; border: 1px solid #e7edef; height: 150px; position: relative; background: #fff;} .countryTit {margin: 0 0 5px 0; font: normal 11px/1.4 'robotocond-reg'; position: relative; text-transform: uppercase;} .travelBox .itemParams {border-bottom: 1px solid #e7edef; border-top: 1px solid #e7edef; overflow: hidden; padding: 7px 0; margin: 0 0 10px 0;} .itemParams .hotelEat, .itemParams .hotelDay {display: inline-block; zoom: 1; *display: inline;} .hotelEat {float: left;} .hotelDay {float: right;} .hotelStar {font:normal 14px/1.4 'robotocond-bold'; margin: 0 0 3px 0; } .hotelStar span {display: inline-block; zoom: 1; *display: inline; width: 75px; height: 12px; margin: 0 0 0 2px;} .hotelStar span.star5 {background: url(../img/icons.png) -230px -208px no-repeat;} .hotelStar span.star4 {background: url(../img/icons.png) -245px -208px no-repeat;} .hotelStar span.star3 {background: url(../img/icons.png) -260px -208px no-repeat;} .hotelStar span.star2 {background: url(../img/icons.png) -275px -208px no-repeat;} .hotelStar span.star1 {background: url(../img/icons.png) -290px -208px no-repeat;} .hotelStar span.star0 {background: url(../img/icons.png) -305px -208px no-repeat;} .prePrice {} .travelBox .date {display: inline-block; zoom: 1; *display: inline; float: left; color: #525459; margin: 20px 0 0 0; font: normal 14px/1.3 'robotocond-reg';} .travelBox .prePrice {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; float: right; text-align: right;} .travelBox .prePrice .inEuro, .travelBox .prePrice .inRub {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font: normal 16px/1.0 'robotocond-bold';} .travelBox .prePrice .inEuro {} .travelBox .prePrice .inRub {color: #dbc149; } .tourInfo {width: 685px; min-height: 515px; float: left; margin: 0 0 30px 0; background: #f2f6f7; border-spacing: 0px;} .tourInfo td {vertical-align: top;} .tourInfo .infoBlock {width: 415px; border-right: 1px solid #dde5e7; padding: 15px;} .tourInfo .infoBlock .label {position: relative; background: #dbc149; margin: 0 0 15px -15px;} .tourInfo .infoBlock .label span {border-left: 6px solid #dbc149; border-top: 11px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid transparent; height: 0px; position: absolute; top: 0; right: -12px;} .tourInfo .infoBlock dl {} .tourInfo .infoBlock dl dt {width: 115px; float: left; font: normal 11px/1.4 'robotocond-reg'; text-transform: uppercase; color: #888b95;} .tourInfo .infoBlock dl dd {margin: 0 0 15px 130px;} .tourInfo .infoBlock .countryTit {font: normal 14px/1.4 'robotocond-reg'; text-transform: none; } .tourInfo .infoBlock .hotelTitle {color: #7095a9; text-decoration: none;} .google, .yandex {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 16px; height: 16px; margin: 0 0 0 5px;} .google {background: url(../img/icons.png) -184px -272px no-repeat;} .yandex {background: url(../img/icons.png) -203px -272px no-repeat;} .tourInfo .infoBlock .grSelect {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 200px; margin: 0 10px 0 0;} .inclInfo .okIco, .inclInfo .noIco {width: 41px; height: 41px; float: left; margin: 0;} .inclInfo .okIco { background: url(../img/icons.png) -240px -353px no-repeat;} .inclInfo .noIco { background: url(../img/icons.png) -283px -353px no-repeat;} .inclInfo div {margin: 0 0 0 50px; font: normal 11px/1.4 'robotocond-reg';} .tourInfo .bayBlock {border-left: 1px solid #fff;} .tourInfo .bayBlock .operator {background: #e8eef0; position: relative; height: 25px;} .tourInfo .bayBlock .operator .opLogo {display: inline-block; zoom: 1; *display: inline; max-width: 205px; position: absolute; left: 0; bottom: 0;} .tourInfo .bayBlock .operator .opLogo img {display: block;} .tourInfo .bayBlock .operator .opI {display: block; width: 17px; height: 17px; float: right; margin: 4px 5px; background: url(../img/icons.png) -88px -186px no-repeat;} .tourInfo .bayBlock .priceCheck {margin: 15px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -khtml-border-radius: 5px; border-bottom: 1px solid #fff; background: #fbfcfc; background: -webkit-linear-gradient(top, #fbfcfc, #e0e9ea); background: -moz-linear-gradient(top, #fbfcfc, #e0e9ea); background: -ms-linear-gradient(top, #fbfcfc, #e0e9ea); background: -o-linear-gradient(top, #fbfcfc, #e0e9ea); background: linear-gradient(top, #fbfcfc, #e0e9ea);} .tourInfo .bayBlock .priceCheck .top {background: #7fa44e; color: #fff; padding: 5px 10px;} .tourInfo .bayBlock .priceCheck .top i {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 15px; height: 15px; background: url(../img/icons.png) -109px -186px no-repeat; margin: 0 10px 0 0;} .tourInfo .bayBlock .pcResult {margin: 15px; text-align: center;} .tourInfo .bayBlock .pcResult .price {font: normal 34px/1.0 'robotocond-bold';} .tourInfo .bayBlock .pcResult .forPers {color: #888b95; -moz-text-shadow: 1px 1px 0 #fff; -webkit-text-shadow: 1px 1px 0 #fff; text-shadow: 1px 1px 0 #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#fff')";} .tourInfo .bayBlock dl {margin: 0 15px 15px 15px; text-transform: uppercase; font: normal 11px/1.4 'robotocond-reg';} .tourInfo .bayBlock dl dt {margin: 0 80px 5px 0;} .tourInfo .bayBlock dl dd {width: 80px; float: right; text-align: right;} .tourInfo .bayBlock .Button {display: block; margin: 0 15px 15px 15px;} .tourInfo .bayBlock .availability {font: normal 12px/1.3 'robotocond-reg'; text-align: center; margin: 0 0 30px 0;} .tourInfo .bayBlock .reserv {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 62px; background: #fff; padding: 5px;} .tourInfo .bayBlock .reserv .ico {width: 20px; height: 15px; margin: 5px auto;} .tourInfo .bayBlock .reserv.hotel .ico {background: url(../img/icons.png) -123px -186px no-repeat;} .tourInfo .bayBlock .reserv.flyFrom .ico {background: url(../img/icons.png) -145px -186px no-repeat;} .tourInfo .bayBlock .reserv.flyBack .ico {background: url(../img/icons.png) -168px -186px no-repeat;} .tourInfo .bayBlock .reserv .but {padding: 3px 0; margin: 5px 0 0 0; color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px;} .tourInfo .bayBlock .reserv .but.onDemand {background: #a5b3b8;} .tourInfo .bayBlock .reserv .but.yes {background: #7fa44e;} .tourInfo .bayBlock .reserv .but.no {background: #bc6565;} .selfBook {width: 270px; min-height: 515px; float: right; margin: 0 0 30px 0; background: #f2f6f7; font: normal 12px/1.3 'robotocond-reg';} .selfBook .operator {background: #e8eef0; padding: 5px 10px; height: 15px;} .selfBook .label {background: #a5b3b8; position: relative; margin: 15px 0;} .selfBook .label span {border-left: 6px solid #a5b3b8; border-top: 11px solid transparent; border-right: 6px solid transparent; border-bottom: 11px solid transparent; height: 0px; position: absolute; top: 0; right: -12px;} .selfBook dl {} .selfBook dt {color: #888b95; text-transform: uppercase; width: 60px; float: left; margin: 0 0 0 15px;} .selfBook dd { margin: 0 15px 10px 75px; text-align: right;} .selfBook .source {margin: 0 15px 10px 15px;} .selfBook .source .price {display: inline-block; zoom: 1; *display: inline; float: right;} .selfBook .flyBox {margin: 0 15px 10px 15px; } .selfBook .flyBox .start {width: 114px; float: left;} .selfBook .flyBox .finish {width: 114px; float: right; text-align: right;} .selfBook .flyBox .flyIco {width: 11px; height: 10px; float: left; margin: 10px 0; background: url(../img/icons.png) -192px -186px no-repeat;} .selfBook .flyBox .wayTime {clear: both; color: #888b95;} .selfBook .flyBord {height: 1px; margin: 0 15px 10px 15px; background: #dde5e7;} .selfBook .total {margin: 25px 15px 15px 15px;} .selfBook .total .price {font: normal 34px/1.3 'robotocond-reg'; float: right; margin: -20px 0 0 0;} .selfBook .inclInfo {margin: 0 12px 15px 12px;} .whiteTabs { margin: 0 0 30px 0;} .whiteTabs ul.tabNav {margin: 0 0 15px 0; border-bottom: 1px solid #cdd8dc;} .whiteTabs ul.tabNav li {margin: 0;} .whiteTabs ul.tabNav li a {font: normal 18px/1.0 'robotocond-reg'; color: #7095a9; border-bottom: 3px solid transparent; display: block; padding: 0 0 5px 0;} .whiteTabs ul.tabNav li.ui-state-active a {} .yellow .whiteTabs ul.tabNav li.ui-state-active a {border-bottom: 3px solid #dbc149;} #tourCard {} #tourCard .leftBlock {width: 465px; float: left;} #tourCard .leftBlock #offerImg {float: none; margin: 0 0 30px 0;} .hotelMap {width: 465px; height: 320px; margin: 0 0 30px 0;} .hotelInfo {width: 485px; margin: 0 15px 30px 0; float: right;} .hotelInfo .hotelStar {margin: 0 0 10px 0;} .hotelInfo dl {margin: 0 0 20px 0;} .hotelInfo dt {width: 200px; float: left; color: #888b95; font: normal 11px/1.3 'robotocond-reg'; text-transform: uppercase;} .hotelInfo dd {margin: 0 0 10px 210px;} .hotelService {margin: 0 0 30px 0;} .hotelService .serBox {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 160px; margin: 0 10px 20px 58px; position: relative;} .hotelService .serBox .title {display: block; font: normal 16px/1.2 'robotocond-bold'; text-decoration: none; margin: 0; color: #525459;} .hotelService .serBox div {color: #abb8bd;} .hotelService .serBox .ico {display: block; width: 48px; height: 48px; position: absolute; top: 0; left: 0; margin: 0 0 0 -58px;} .hotelService .serBox.main .ico {background: url(../img/icons.png) 0 -870px no-repeat;} .hotelService .serBox.sport .ico {background: url(../img/icons.png) 0 -923px no-repeat;} .hotelService .serBox.comfort .ico {background: url(../img/icons.png) -361px -870px no-repeat;} .hotelService .serBox.special .ico {background: url(../img/icons.png) -257px -870px no-repeat;} .hotelService .serBox.food .ico {background: url(../img/icons.png) -102px -870px no-repeat;} .hotelService .serBox.clean .ico {background: url(../img/icons.png) -51px -870px no-repeat;} .hotelService .serBox.entertainment .ico {background: url(../img/icons.png) -52px -923px no-repeat;} .hotelService .serBox.water .ico {background: url(../img/icons.png) -309px -870px no-repeat;} .hotelService .serBox.beauty .ico {background: url(../img/icons.png) -103px -922px no-repeat;} .hotelService .serBox.kids .ico {background: url(../img/icons.png) -205px -870px no-repeat;} .hotelService .serBox.beach .ico {background: url(../img/icons.png) -153px -870px no-repeat;} .contactList {margin: 0 0 30px 0;} .contactBox {padding: 15px 0 20px 0; border-bottom: 1px solid #e7edef;} .contactList .contactBox:first-child {border-top: 1px solid #e7edef;} .contactBox .compName {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 260px; margin: 0 15px 0 0; font: normal 16px/1.2 'robotocond-bold'; text-decoration: none; } .contactBox .hideInfo {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 250px; margin: 0 15px 0 0;} .contactBox .hideInfo .text {color: #7a9caf;} .contactBox .hideInfo .info {display: none;} .contactBox .Button {font: normal 11px/1.3 'robotocond-reg'; } .contactList .loadLink {margin: 20px 0 0 0;} .switch {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; overflow: hidden; background: #f0f4f5;} .switch a {display: inline-block; zoom: 1; *display: inline; float: left; color: #7095a9; text-transform: uppercase; text-decoration: none; padding: 7px 15px; font: normal 11px/1.2 'robotocond-reg';} .switch a.act {background: #a5b3b8; color: #fff;} .displayTab .switch {float: right; margin: -48px 0 0 0;} /* Flags */ .flag-NOWHERE, .flag-AB, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FL, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW { display: inline-block; *display: inline; *zoom: 1; margin: 0 5px 0 0; width: 16px; height: 9px; } .flag-AB {background: url(../img/flags.png) no-repeat 0 0px;} .flag-AD {background: url(../img/flags.png) no-repeat 0 -9px;} .flag-AE {background: url(../img/flags.png) no-repeat 0 -18px;} .flag-AF {background: url(../img/flags.png) no-repeat 0 -27px;} .flag-AG {background: url(../img/flags.png) no-repeat 0 -36px;} .flag-AI {background: url(../img/flags.png) no-repeat 0 -45px;} .flag-AL {background: url(../img/flags.png) no-repeat 0 -54px;} .flag-AM {background: url(../img/flags.png) no-repeat 0 -63px;} .flag-AN {background: url(../img/flags.png) no-repeat 0 -72px;} .flag-AO {background: url(../img/flags.png) no-repeat 0 -81px;} .flag-AQ {background: url(../img/flags.png) no-repeat 0 -90px;} .flag-AR {background: url(../img/flags.png) no-repeat 0 -99px;} .flag-AS {background: url(../img/flags.png) no-repeat 0 -108px;} .flag-AT {background: url(../img/flags.png) no-repeat 0 -117px;} .flag-AU {background: url(../img/flags.png) no-repeat 0 -126px;} .flag-AW {background: url(../img/flags.png) no-repeat 0 -135px;} .flag-AX {background: url(../img/flags.png) no-repeat 0 -144px;} .flag-AZ {background: url(../img/flags.png) no-repeat 0 -153px;} .flag-BA {background: url(../img/flags.png) no-repeat 0 -162px;} .flag-BB {background: url(../img/flags.png) no-repeat 0 -171px;} .flag-BD {background: url(../img/flags.png) no-repeat 0 -180px;} .flag-BE {background: url(../img/flags.png) no-repeat 0 -189px;} .flag-BF {background: url(../img/flags.png) no-repeat 0 -198px;} .flag-BG {background: url(../img/flags.png) no-repeat 0 -207px;} .flag-BH {background: url(../img/flags.png) no-repeat 0 -216px;} .flag-BI {background: url(../img/flags.png) no-repeat 0 -225px;} .flag-BJ {background: url(../img/flags.png) no-repeat 0 -234px;} .flag-BL {background: url(../img/flags.png) no-repeat 0 -243px;} .flag-BM {background: url(../img/flags.png) no-repeat 0 -252px;} .flag-BN {background: url(../img/flags.png) no-repeat 0 -261px;} .flag-BO {background: url(../img/flags.png) no-repeat 0 -270px;} .flag-BR {background: url(../img/flags.png) no-repeat 0 -279px;} .flag-BS {background: url(../img/flags.png) no-repeat 0 -288px;} .flag-BT {background: url(../img/flags.png) no-repeat 0 -297px;} .flag-BV {background: url(../img/flags.png) no-repeat 0 -306px;} .flag-BW {background: url(../img/flags.png) no-repeat 0 -315px;} .flag-BY {background: url(../img/flags.png) no-repeat 0 -324px;} .flag-BZ {background: url(../img/flags.png) no-repeat 0 -333px;} .flag-CA {background: url(../img/flags.png) no-repeat 0 -342px;} .flag-CC {background: url(../img/flags.png) no-repeat 0 -351px;} .flag-CD {background: url(../img/flags.png) no-repeat 0 -360px;} .flag-CF {background: url(../img/flags.png) no-repeat 0 -369px;} .flag-CG {background: url(../img/flags.png) no-repeat 0 -378px;} .flag-CH {background: url(../img/flags.png) no-repeat 0 -387px;} .flag-CI {background: url(../img/flags.png) no-repeat 0 -396px;} .flag-CK {background: url(../img/flags.png) no-repeat 0 -405px;} .flag-CL {background: url(../img/flags.png) no-repeat 0 -414px;} .flag-CM {background: url(../img/flags.png) no-repeat 0 -423px;} .flag-CN {background: url(../img/flags.png) no-repeat 0 -432px;} .flag-CO {background: url(../img/flags.png) no-repeat 0 -441px;} .flag-CR {background: url(../img/flags.png) no-repeat 0 -450px;} .flag-CU {background: url(../img/flags.png) no-repeat 0 -459px;} .flag-CV {background: url(../img/flags.png) no-repeat 0 -468px;} .flag-CX {background: url(../img/flags.png) no-repeat 0 -477px;} .flag-CY {background: url(../img/flags.png) no-repeat 0 -486px;} .flag-CZ {background: url(../img/flags.png) no-repeat 0 -495px;} .flag-DE {background: url(../img/flags.png) no-repeat 0 -504px;} .flag-DJ {background: url(../img/flags.png) no-repeat 0 -513px;} .flag-DK {background: url(../img/flags.png) no-repeat 0 -522px;} .flag-DM {background: url(../img/flags.png) no-repeat 0 -531px;} .flag-DO {background: url(../img/flags.png) no-repeat 0 -540px;} .flag-DZ {background: url(../img/flags.png) no-repeat 0 -549px;} .flag-EC {background: url(../img/flags.png) no-repeat 0 -558px;} .flag-EE {background: url(../img/flags.png) no-repeat 0 -567px;} .flag-EG {background: url(../img/flags.png) no-repeat 0 -576px;} .flag-EH {background: url(../img/flags.png) no-repeat 0 -585px;} .flag-ER {background: url(../img/flags.png) no-repeat 0 -594px;} .flag-ES-CE {background: url(../img/flags.png) no-repeat 0 -603px;} .flag-ES-ML {background: url(../img/flags.png) no-repeat 0 -612px;} .flag-ES {background: url(../img/flags.png) no-repeat 0 -621px;} .flag-ET {background: url(../img/flags.png) no-repeat 0 -630px;} .flag-EU {background: url(../img/flags.png) no-repeat 0 -639px;} .flag-FI {background: url(../img/flags.png) no-repeat 0 -648px;} .flag-FL {background: url(../img/flags.png) no-repeat 0 -648px;} .flag-FJ {background: url(../img/flags.png) no-repeat 0 -657px;} .flag-FK {background: url(../img/flags.png) no-repeat 0 -666px;} .flag-FM {background: url(../img/flags.png) no-repeat 0 -675px;} .flag-FO {background: url(../img/flags.png) no-repeat 0 -684px;} .flag-FR {background: url(../img/flags.png) no-repeat 0 -693px;} .flag-GA {background: url(../img/flags.png) no-repeat 0 -702px;} .flag-GB {background: url(../img/flags.png) no-repeat 0 -711px;} .flag-GD {background: url(../img/flags.png) no-repeat 0 -720px;} .flag-GE {background: url(../img/flags.png) no-repeat 0 -729px;} .flag-GF {background: url(../img/flags.png) no-repeat 0 -738px;} .flag-GG {background: url(../img/flags.png) no-repeat 0 -747px;} .flag-GH {background: url(../img/flags.png) no-repeat 0 -756px;} .flag-GI {background: url(../img/flags.png) no-repeat 0 -765px;} .flag-GL {background: url(../img/flags.png) no-repeat 0 -774px;} .flag-GM {background: url(../img/flags.png) no-repeat 0 -783px;} .flag-GN {background: url(../img/flags.png) no-repeat 0 -792px;} .flag-GP {background: url(../img/flags.png) no-repeat 0 -801px;} .flag-GQ {background: url(../img/flags.png) no-repeat 0 -810px;} .flag-GR {background: url(../img/flags.png) no-repeat 0 -819px;} .flag-GS {background: url(../img/flags.png) no-repeat 0 -828px;} .flag-GT {background: url(../img/flags.png) no-repeat 0 -837px;} .flag-GU {background: url(../img/flags.png) no-repeat 0 -846px;} .flag-GW {background: url(../img/flags.png) no-repeat 0 -855px;} .flag-GY {background: url(../img/flags.png) no-repeat 0 -864px;} .flag-HK {background: url(../img/flags.png) no-repeat 0 -873px;} .flag-HM {background: url(../img/flags.png) no-repeat 0 -882px;} .flag-HN {background: url(../img/flags.png) no-repeat 0 -891px;} .flag-HR {background: url(../img/flags.png) no-repeat 0 -900px;} .flag-HT {background: url(../img/flags.png) no-repeat 0 -909px;} .flag-HU {background: url(../img/flags.png) no-repeat 0 -918px;} .flag-IC {background: url(../img/flags.png) no-repeat 0 -927px;} .flag-ID {background: url(../img/flags.png) no-repeat 0 -936px;} .flag-IE {background: url(../img/flags.png) no-repeat 0 -945px;} .flag-IL {background: url(../img/flags.png) no-repeat 0 -954px;} .flag-IM {background: url(../img/flags.png) no-repeat 0 -963px;} .flag-IN {background: url(../img/flags.png) no-repeat 0 -972px;} .flag-IO {background: url(../img/flags.png) no-repeat 0 -981px;} .flag-IQ {background: url(../img/flags.png) no-repeat 0 -990px;} .flag-IR {background: url(../img/flags.png) no-repeat 0 -999px;} .flag-IS {background: url(../img/flags.png) no-repeat 0 -1008px;} .flag-IT {background: url(../img/flags.png) no-repeat 0 -1017px;} .flag-JE {background: url(../img/flags.png) no-repeat 0 -1026px;} .flag-JM {background: url(../img/flags.png) no-repeat 0 -1035px;} .flag-JO {background: url(../img/flags.png) no-repeat 0 -1044px;} .flag-JP {background: url(../img/flags.png) no-repeat 0 -1053px;} .flag-KE {background: url(../img/flags.png) no-repeat 0 -1062px;} .flag-KG {background: url(../img/flags.png) no-repeat 0 -1071px;} .flag-KH {background: url(../img/flags.png) no-repeat 0 -1080px;} .flag-KI {background: url(../img/flags.png) no-repeat 0 -1089px;} .flag-KM {background: url(../img/flags.png) no-repeat 0 -1098px;} .flag-KN {background: url(../img/flags.png) no-repeat 0 -1107px;} .flag-KOSOVO {background: url(../img/flags.png) no-repeat 0 -1116px;} .flag-KP {background: url(../img/flags.png) no-repeat 0 -1125px;} .flag-KR {background: url(../img/flags.png) no-repeat 0 -1134px;} .flag-KW {background: url(../img/flags.png) no-repeat 0 -1143px;} .flag-KY {background: url(../img/flags.png) no-repeat 0 -1152px;} .flag-KZ {background: url(../img/flags.png) no-repeat 0 -1161px;} .flag-LA {background: url(../img/flags.png) no-repeat 0 -1170px;} .flag-LB {background: url(../img/flags.png) no-repeat 0 -1179px;} .flag-LC {background: url(../img/flags.png) no-repeat 0 -1188px;} .flag-LI {background: url(../img/flags.png) no-repeat 0 -1197px;} .flag-LK {background: url(../img/flags.png) no-repeat 0 -1206px;} .flag-LR {background: url(../img/flags.png) no-repeat 0 -1215px;} .flag-LS {background: url(../img/flags.png) no-repeat 0 -1224px;} .flag-LT {background: url(../img/flags.png) no-repeat 0 -1233px;} .flag-LU {background: url(../img/flags.png) no-repeat 0 -1242px;} .flag-LV {background: url(../img/flags.png) no-repeat 0 -1251px;} .flag-LY {background: url(../img/flags.png) no-repeat 0 -1260px;} .flag-MA {background: url(../img/flags.png) no-repeat 0 -1269px;} .flag-MC {background: url(../img/flags.png) no-repeat 0 -1278px;} .flag-MD {background: url(../img/flags.png) no-repeat 0 -1287px;} .flag-ME {background: url(../img/flags.png) no-repeat 0 -1296px;} .flag-MF {background: url(../img/flags.png) no-repeat 0 -1305px;} .flag-MG {background: url(../img/flags.png) no-repeat 0 -1314px;} .flag-MH {background: url(../img/flags.png) no-repeat 0 -1323px;} .flag-MK {background: url(../img/flags.png) no-repeat 0 -1332px;} .flag-ML {background: url(../img/flags.png) no-repeat 0 -1341px;} .flag-MM {background: url(../img/flags.png) no-repeat 0 -1350px;} .flag-MN {background: url(../img/flags.png) no-repeat 0 -1359px;} .flag-MO {background: url(../img/flags.png) no-repeat 0 -1368px;} .flag-MP {background: url(../img/flags.png) no-repeat 0 -1377px;} .flag-MQ {background: url(../img/flags.png) no-repeat 0 -1386px;} .flag-MR {background: url(../img/flags.png) no-repeat 0 -1395px;} .flag-MS {background: url(../img/flags.png) no-repeat 0 -1404px;} .flag-MT {background: url(../img/flags.png) no-repeat 0 -1413px;} .flag-MU {background: url(../img/flags.png) no-repeat 0 -1422px;} .flag-MV {background: url(../img/flags.png) no-repeat 0 -1431px;} .flag-MW {background: url(../img/flags.png) no-repeat 0 -1440px;} .flag-MX {background: url(../img/flags.png) no-repeat 0 -1449px;} .flag-MY {background: url(../img/flags.png) no-repeat 0 -1458px;} .flag-MZ {background: url(../img/flags.png) no-repeat 0 -1467px;} .flag-NA {background: url(../img/flags.png) no-repeat 0 -1476px;} .flag-NC {background: url(../img/flags.png) no-repeat 0 -1485px;} .flag-NE {background: url(../img/flags.png) no-repeat 0 -1494px;} .flag-NF {background: url(../img/flags.png) no-repeat 0 -1503px;} .flag-NG {background: url(../img/flags.png) no-repeat 0 -1512px;} .flag-NI {background: url(../img/flags.png) no-repeat 0 -1521px;} .flag-NKR {background: url(../img/flags.png) no-repeat 0 -1530px;} .flag-NL {background: url(../img/flags.png) no-repeat 0 -1539px;} .flag-NO {background: url(../img/flags.png) no-repeat 0 -1548px;} .flag-NP {background: url(../img/flags.png) no-repeat 0 -1557px;} .flag-NR {background: url(../img/flags.png) no-repeat 0 -1566px;} .flag-NU {background: url(../img/flags.png) no-repeat 0 -1575px;} .flag-NZ {background: url(../img/flags.png) no-repeat 0 -1584px;} .flag-OM {background: url(../img/flags.png) no-repeat 0 -1593px;} .flag-PA {background: url(../img/flags.png) no-repeat 0 -1602px;} .flag-PE {background: url(../img/flags.png) no-repeat 0 -1611px;} .flag-PF {background: url(../img/flags.png) no-repeat 0 -1620px;} .flag-PG {background: url(../img/flags.png) no-repeat 0 -1629px;} .flag-PH {background: url(../img/flags.png) no-repeat 0 -1638px;} .flag-PK {background: url(../img/flags.png) no-repeat 0 -1647px;} .flag-PL {background: url(../img/flags.png) no-repeat 0 -1656px;} .flag-PM {background: url(../img/flags.png) no-repeat 0 -1665px;} .flag-PN {background: url(../img/flags.png) no-repeat 0 -1674px;} .flag-PR {background: url(../img/flags.png) no-repeat 0 -1683px;} .flag-PS {background: url(../img/flags.png) no-repeat 0 -1692px;} .flag-PT {background: url(../img/flags.png) no-repeat 0 -1701px;} .flag-PW {background: url(../img/flags.png) no-repeat 0 -1710px;} .flag-PY {background: url(../img/flags.png) no-repeat 0 -1719px;} .flag-QA {background: url(../img/flags.png) no-repeat 0 -1728px;} .flag-RE {background: url(../img/flags.png) no-repeat 0 -1737px;} .flag-RO {background: url(../img/flags.png) no-repeat 0 -1746px;} .flag-RS {background: url(../img/flags.png) no-repeat 0 -1755px;} .flag-RU {background: url(../img/flags.png) no-repeat 0 -1764px;} .flag-RW {background: url(../img/flags.png) no-repeat 0 -1773px;} .flag-SA {background: url(../img/flags.png) no-repeat 0 -1782px;} .flag-SB {background: url(../img/flags.png) no-repeat 0 -1791px;} .flag-SC {background: url(../img/flags.png) no-repeat 0 -1800px;} .flag-SD {background: url(../img/flags.png) no-repeat 0 -1809px;} .flag-SE {background: url(../img/flags.png) no-repeat 0 -1818px;} .flag-SG {background: url(../img/flags.png) no-repeat 0 -1827px;} .flag-SH {background: url(../img/flags.png) no-repeat 0 -1836px;} .flag-SI {background: url(../img/flags.png) no-repeat 0 -1845px;} .flag-SJ {background: url(../img/flags.png) no-repeat 0 -1854px;} .flag-SK {background: url(../img/flags.png) no-repeat 0 -1863px;} .flag-SL {background: url(../img/flags.png) no-repeat 0 -1872px;} .flag-SM {background: url(../img/flags.png) no-repeat 0 -1881px;} .flag-SN {background: url(../img/flags.png) no-repeat 0 -1890px;} .flag-SO {background: url(../img/flags.png) no-repeat 0 -1899px;} .flag-SOUTH-OSSETIA {background: url(../img/flags.png) no-repeat 0 -1908px;} .flag-SR {background: url(../img/flags.png) no-repeat 0 -1917px;} .flag-SS {background: url(../img/flags.png) no-repeat 0 -1926px;} .flag-ST {background: url(../img/flags.png) no-repeat 0 -1935px;} .flag-SV {background: url(../img/flags.png) no-repeat 0 -1944px;} .flag-SY {background: url(../img/flags.png) no-repeat 0 -1953px;} .flag-SZ {background: url(../img/flags.png) no-repeat 0 -1962px;} .flag-TC {background: url(../img/flags.png) no-repeat 0 -1971px;} .flag-TD {background: url(../img/flags.png) no-repeat 0 -1980px;} .flag-TF {background: url(../img/flags.png) no-repeat 0 -1989px;} .flag-TG {background: url(../img/flags.png) no-repeat 0 -1998px;} .flag-TH {background: url(../img/flags.png) no-repeat 0 -2007px;} .flag-TJ {background: url(../img/flags.png) no-repeat 0 -2016px;} .flag-TK {background: url(../img/flags.png) no-repeat 0 -2025px;} .flag-TL {background: url(../img/flags.png) no-repeat 0 -2034px;} .flag-TM {background: url(../img/flags.png) no-repeat 0 -2043px;} .flag-TN {background: url(../img/flags.png) no-repeat 0 -2052px;} .flag-TO {background: url(../img/flags.png) no-repeat 0 -2061px;} .flag-TR {background: url(../img/flags.png) no-repeat 0 -2070px;} .flag-TT {background: url(../img/flags.png) no-repeat 0 -2079px;} .flag-TV {background: url(../img/flags.png) no-repeat 0 -2088px;} .flag-TW {background: url(../img/flags.png) no-repeat 0 -2097px;} .flag-TZ {background: url(../img/flags.png) no-repeat 0 -2106px;} .flag-UA {background: url(../img/flags.png) no-repeat 0 -2115px;} .flag-UG {background: url(../img/flags.png) no-repeat 0 -2124px;} .flag-UM {background: url(../img/flags.png) no-repeat 0 -2133px;} .flag-US {background: url(../img/flags.png) no-repeat 0 -2142px;} .flag-UY {background: url(../img/flags.png) no-repeat 0 -2151px;} .flag-UZ {background: url(../img/flags.png) no-repeat 0 -2160px;} .flag-VA {background: url(../img/flags.png) no-repeat 0 -2169px;} .flag-VC {background: url(../img/flags.png) no-repeat 0 -2178px;} .flag-VE {background: url(../img/flags.png) no-repeat 0 -2187px;} .flag-VG {background: url(../img/flags.png) no-repeat 0 -2196px;} .flag-VI {background: url(../img/flags.png) no-repeat 0 -2205px;} .flag-VN {background: url(../img/flags.png) no-repeat 0 -2214px;} .flag-VU {background: url(../img/flags.png) no-repeat 0 -2223px;} .flag-WF {background: url(../img/flags.png) no-repeat 0 -2232px;} .flag-WS {background: url(../img/flags.png) no-repeat 0 -2241px;} .flag-YE {background: url(../img/flags.png) no-repeat 0 -2250px;} .flag-YT {background: url(../img/flags.png) no-repeat 0 -2259px;} .flag-ZA {background: url(../img/flags.png) no-repeat 0 -2268px;} .flag-ZM {background: url(../img/flags.png) no-repeat 0 -2277px;} .flag-ZW {background: url(../img/flags.png) no-repeat 0 -2286px;} /* Modal */ #authorization, #registration, #recoveryPass, #reclamation, .anyMessage, #information, #subscr {display: none;} .fixBg {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; background: rgba(38, 45, 57, 0.8); background: url(../img/bg-mod.png) 0 0 repeat\0/;} .WindBg {background: #f5f8f9; width: 410px; position: absolute; left: 50%; top: 50%;} #authorization .WindBg {min-height: 320px; margin: -160px 0 0 -205px; } #registration .WindBg {min-height: 550px; margin: -275px 0 0 -205px; } #recoveryPass .WindBg {min-height: 290px; margin: -145px 0 0 -205px; } #information .WindBg {width: 600px; min-height: 380px; margin: -190px 0 0 -300px; } .windCont {padding: 20px;} .cls {width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; background: url(../img/icons.png) -192px -208px no-repeat; cursor: pointer;} .authForm {margin: 0 auto; text-align: center; } #authorization .authForm {width: 200px; } #registration .authForm {width: 280px;} #recoveryPass .authForm {width: 300px; } .authForm h2 {margin: 0 0 20px 0;} .authForm .doubleInp {margin: 10px 0; background: #d0d0d0; overflow: hidden; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -khtml-border-radius: 15px; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 0 10px rgba(180, 180, 180, 0.5) inset; -moz-box-shadow: 0 0 10px rgba(180, 180, 180, 0.5) inset; box-shadow: 0 0 10px rgba(180, 180, 180, 0.5) inset;} .authForm .doubleInp input {text-align: center; padding: 7px 5px; width: 190px; border: none; background: none; font-size: 14px; color: #fff;} .authForm .doubleInp input:first-child {border-bottom: 1px solid #e6e6e6;} .authForm .Button {margin: 15px 0;} .authForm label {display: block; margin: 0 0 3px 0; text-align: left;} #recoveryPass .authForm label {text-align: center;} .authForm .whInp {margin: 0 0 10px 0;} .lineTitle {height: 1px; background: #d9e1e4; border-bottom: 1px solid #fff; margin: 15px 0 20px 0; text-align: center;} .lineTitle span {font-size: 11px; text-transform: uppercase; letter-spacing: 1px; padding: 0 15px; background: #f5f8f9; position: relative; top: -10px;} .socAuth {text-align: center;} .authIco {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; width: 35px; height: 30px; margin: 0 5px;} .authIco.fb {background: url(../img/icons.png) -161px -41px no-repeat;} .authIco.tw {background: url(../img/icons.png) -200px -41px no-repeat;} .authIco.ok {background: url(../img/icons.png) -239px -41px no-repeat;} .authIco.vk {background: url(../img/icons.png) -279px -41px no-repeat;} .authIco.gp {background: url(../img/icons.png) -320px -41px no-repeat;} .authIco.ma {background: url(../img/icons.png) -361px -41px no-repeat;} .changepassBox {background: #e7eeef; padding: 20px; margin: 0 0 30px 0; width: 675px;} .changepassBox label, .changepassBox .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 0 15px 0;} .changepassBox label {width: 175px; text-transform: uppercase;} .changepassBox .whInp {width: 490px;} #reclamation h2 {color: #d36161;} #reclamation .WindBg {border: 15px solid #d36161; width: 470px; margin: -260px 0 0 -235px; min-height: 500px; -webkit-box-shadow: 1px 1px 1px rgba(255, 255, 255, 1) inset; -moz-box-shadow: 1px 1px 1px rgba(255, 255, 255, 1) inset; box-shadow: 1px 1px 1px rgba(255, 255, 255, 1) inset; } #reclamation .cls {width: 133px; height: 142px; top: -97px; right: -104px; background: url(../img/resmile.png) 0 0 no-repeat;} .reclaForm > label {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 110px; } .reclaForm .whInp {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 300px; margin: 0 0 15px 0;} .reclaForm .Button {margin: 0 0 0 110px;} .reclaForm .radioBox {margin: -15px 0 25px 115px;} .anyMessage .WindBg {min-height: 200px; margin: -100px 0 0 -205px; } .anyMessage .messTxt {padding: 40px 30px; text-align: center;} /* Other */ .docList.greyList {padding: 30px;} /* Realty */ .ymaps-events-pane {-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset !important; behavior: url(PIE.htc)} #infraMap .checkBox {float: left; width: 220px} .newsList.full .newsBox .preTxt { width: 480px; } .newsList.full .newsBox:first-child { border-top: none; } .filterBox.realty {margin: 0} /* Reference */ .spoilerAddOrg {width: 300px} .refsubRubr {margin-bottom: 22px} .refsubRubr a {margin-right: 10px} .infoBg {width: 680px; min-height: 360px; background: none repeat scroll 0% 0% #FFF; position: absolute; left: 50%; top: 50%; margin: -180px 0px 0px -340px} .tableCityHelp { width:100%; margin:0 0 30px 0; border-collapse:collapse; text-transform:uppercase; } .tableCityHelp th, .tableCityHelp td { padding:10px 50px 5px 10px; border:none; vertical-align:top; } .tableCityHelp tr th:last-child, .tableCityHelp tr td:last-child { padding-right:10px; } .tableCityHelp th { padding-top:0; border-bottom:4px solid #e8eef0; text-align:left; color:#8f9998; font-weight:normal; } .tableCityHelp tbody tr td { border-top:1px solid #e8eef0; } .tableCityHelp tbody tr:first-child td { border-top:none; } .tableCityHelp .boxContact { margin:0 0 10px 0; } .tableCityHelp .tel { display:block; margin:0 0 3px 0; font:normal 24px/1 'robotocond-bold'; } /* Auto */ .autoNews .preImg {width: 240px} .articleImg.autoschool {margin: 0 2px 15px 0} .cena .abso {position: absolute; font-size: 80%; line-height: 210%;} .author .grass {text-transform: none;} .lineBox {border: 1px solid #ddead0; padding: 15px 15px 15px 15px; margin: 0 0 30px 0;} .lineBox .lineTitle {margin: -16px 0 15px -8px;} .lineBox .lineTitle span {font: normal 18px/1.0 'robotocond-bold'; background: #fff; padding: 0 8px; text-transform: uppercase;} .lineBox .newsBox {border-bottom: 1px solid #ddead0; padding: 0 0 15px 0; margin: 0 0 15px 0;} .lineBox .newsBox .preImg {width: 100%; margin: 5px 0;} .lineBox .newsBox:last-child {border: none;} .lineBox .newsBox {} .ms-parent { width: 100% !important; margin-bottom: 4px;position: relative;} .ms-choice {border: none; color: #79858a; font: normal 15px/1.3 'robotocond-reg'; height: 34px; background: #f2f7f7; background: -webkit-linear-gradient(top, #f2f7f7, #dfe7e8); background: -moz-linear-gradient(top, #f2f7f7, #dfe7e8); background: -ms-linear-gradient(top, #f2f7f7, #dfe7e8); background: -o-linear-gradient(top, #f2f7f7, #dfe7e8); background: linear-gradient(top, #f2f7f7, #dfe7e8); -pie-background: linear-gradient(top, #f2f7f7, #dfe7e8); display: inline-block; position: relative; cursor: pointer; border-bottom: 1px solid #c4d2d3; border-top: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -khtml-border-radius: 3px; behavior: url(PIE.htc); width: 100%;} .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { height: 18px; padding: 7px 10px; cursor: pointer; overflow: hidden; position: relative; z-index: 1; position: absolute; top: 0; left: 0; white-space: nowrap; width: 70%; text-align: left; } .ms-choice > span.placeholder { height: 18px; padding: 7px 10px; cursor: pointer; overflow: hidden; position: relative; z-index: 1; position: absolute; top: 0; left: 0; white-space: nowrap; width: 70%; } * html .ms-choice > span.placeholder { height: 38px;} .ms-choice > div { height: 32px; width: 31px; border-bottom: 1px solid #b2bfbf; border-left: 1px solid #fff; background: url(../img/icons.png) -104px -237px no-repeat; -moz-border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -khtml-border-radius: 0 3px 3px 0; behavior: url(PIE.htc); position: absolute; right: 0; top: 0; } .ms-drop { min-width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .ms-drop.bottom { top: 34px; } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { border: 1px solid #9F6015; box-sizing: border-box; height: auto; margin: 1px 0; outline: 0 none; padding: 4px 20px 4px 5px; width: 100%; } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; } .ms-drop ul > li { cursor: pointer; display: block; margin: 0; white-space: nowrap; } .ms-drop ul > li:hover { background: #9e9d9d !important; color: #fff !important; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; color: #79858A; padding: 7px 15px 7px 30px; cursor: pointer; background: url("../img/check-item.png") no-repeat scroll 5px -27px; } .ms-drop ul > li label:hover { color: #FFFFFF; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { position: absolute; vertical-align: middle; visibility: hidden; } .ms-drop .active { background-color: #D2D9DB; background-position: 5px 7px; color: #FFFFFF; cursor: default; } .ms-drop .active:hover { background-color: #9e9d9d; color: #fff !important; } .ms-drop .ms-no-results { display: none; } .dateBox .picBox input { float: right; width: 76%; } .dateBox .picBox:before { left: 10px; line-height: 32px; position: absolute; color: #ABB8BD; } .dateBox .picBox:first-child:before { content: "от"; } .dateBox .picBox:last-child:before { content: "до"; } .basketInfo { position:fixed; z-index:100; bottom:-100px; width:265px; height:42px; margin:0 0 0 970px; padding:0 0 0 55px; background:#4baa80; color:#fff; -webkit-transition: bottom 0.5s; -moz-transition: bottom 0.5s; -o-transition: bottom 0.5s; transition: bottom 0.5s; } .basketInfo:before { content:''; position:absolute; left:15px; top:7px; width:28px; height:27px; background:url(../img/sprite.png) 0 0 no-repeat; } .basketInfo strong { display:block; overflow:hidden; font-size:30px; } .basketInfo .Button { float:right; margin:8px 15px 0 0; background:#2f7556; } .basketInfo .Button a { font-size:11px; } .basketInfo.show { bottom:40px; } @media screen and (max-width: 1380px) { .basketInfo { margin:0 0 0 870px; } } @media screen and (max-width: 1280px) { #wraper { min-width: 1000px; } #footerWrap {min-width: 1000px; } #ltLine {display: none;} .widthFix {width: 1000px; margin: 0 auto; position: relative;} #pageWrap {width: 1000px;} #topPanel, header, #page, #fixBox {float: none; width: 1000px;} #footer, #bottom {width: 1000px; } #page {} #fixBox { margin: 0; } #mainMenu {margin: 0;} #mainMenu #ugol {display: none;} #mainMenu nav {padding: 20px 10px 5px 0; } #mainMenu nav a {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 5px 15px 15px;} #mainMenu nav a:first-child {margin: 0 5px 15px 15px;} #mainMenu nav .date, #mainMenu nav .line {display: none;} .basketInfo { margin:0 0 0 670px; } } @media screen and (max-width: 1100px) { .basketInfo { margin:0 0 0 600px; } } label.error { background: none repeat scroll 0 0 #fff; /*border: 1px solid #afbbbf;*/ -webkit-border-radius: 4px; border-radius: 4px; box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5); left: 0; margin-top: 9px; padding: 10px 15px; position: absolute; top: 100%; z-index: 10; } label.error:before { border-bottom: 9px solid #afbbbf; border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: 100%; content: ""; left: 8px; opacity: 10; position: absolute; } label.error:after { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 100%; content: ""; left: 10px; position: absolute; } input.error, textarea.error { box-shadow: 0 0 1px 1px rgba(255, 0, 0, 1); } .textUC { text-transform:uppercase; } .vaM { vertical-align:middle; } .fs11 { font-size:11px; } .fs12 { font-size:12px; } .marginL5 { margin-left:5px;} .marginL15 { margin-left:15px; } .clrGreen { color:#42af91; } .clrRed { color:#f91717; } .inlineBlock { display:inline-block;} ul.horizontalList { margin:0; padding:0; } ul.horizontalList > li { display:inline-block; margin:0; padding:0; list-style:none; background:none; vertical-align:top; } ul.horizontalList li:before, ul.horizontalList li:after { content:none; } ul.listNM { margin:0; padding:0; } ul.listNM li { margin:0; padding:0; list-style:none; background:none; } ul.listNM li:before, ul.listNM li:after { content:none; } .clearfix:before, .clearfix:after { content:""; display:table; } .privateOffice { padding:0 15px; } .personalMenu { font:normal 14px/24px 'robotocond-reg'; text-transform:uppercase; } .personalMenu ul { margin-bottom:20px; border-bottom:1px solid #e7edef; white-space:nowrap; } .personalMenu ul li { position:relative; margin:0 0 0 42px;} .personalMenu ul li:before { content:''; position:absolute; left:-22px; top:11px; display:block; width:2px; height:2px; overflow:hidden; background:#9cbb72; } .personalMenu ul li:first-child { margin:0; } .personalMenu ul li:first-child:before { content:none; } .personalMenu ul li a, .personalMenu ul li strong { display:block; padding-bottom:9px; text-decoration:none; font-weight:normal; } .personalMenu ul li .active { margin:0 0 -4px 0; border-bottom:4px solid #cdd8dc; color:#444851; } .personalCols { } .personalCols .colL { float:left; position:relative; width:200px; margin:0 0 40px 0; } .personalCols .colRW { float:left; width:100%; margin:0 0 0 -200px; } .personalCols .colR { margin:0 0 40px 215px; } .boxBSH { position:relative; margin:0 0 35px 0; background:#f5f8f9; } .boxBSH:after { content:''; position:absolute; left:0; top:100%; display:block; width:200px; height:15px; background:url(../img/bsh.png) no-repeat; } .linkIcon { color:#7095a9; text-decoration:none; text-transform:uppercase; } .linkIcon .ico { display:inline-block; width:16px; height:12px; zoom:1; *display:inline; margin:0 5px 0 0; background:url(../img/icons.png) no-repeat; vertical-align:middle; } .blog .ico { background-position:-328px 0; } .mobr .ico { background-position:-328px -16px; } .boxBSH .addTo { padding:10px 15px; } .boxBSH .addTo strong.heading { display:block; margin:0 0 8px 0; font-weight:normal; font-family:'robotocond-reg'; text-transform:uppercase; } .boxBSH .linkIcon { display:block; margin:0 0 8px 0; } .personalInfo { display:inline-block; min-width: 400px; } .personalInfo + .boldLine { margin-top:15px; } .personalInfo .date {margin: 0 0 5px 0; } .personalInfo .moneyInfo { line-height:26px; } .boxName { margin:0 0 10px 0; font:normal 34px/24px 'robotocond-reg'; } .boxName .redact { color:#7095a9; text-decoration: none; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; margin: 0 0 0 10px; vertical-align:middle;} .boxName .redact span {display: inline-block; zoom: 1; *display: inline; margin: 0 5px 0 0; width: 13px; height: 15px; background: url(../img/icons.png) -349px 0 no-repeat;} .filterTabs { font:normal 12px/24px 'robotocond-reg'; text-transform:uppercase; } .filterTabs ul { margin:0 0 20px 0; white-space:nowrap; border-bottom:1px solid #e7edef; } .filterTabs ul li { margin:0 0 0 28px; } .filterTabs ul li:first-child { margin:0; } .filterTabs .fTab { display:block; padding-bottom:7px; color:#7095a9; cursor:pointer; text-decoration:none; font-weight:normal; } .filterTabs .active { margin:0 0 -3px 0; border-bottom:3px solid #9cbb72; color:#444851; } .fTabContent { display:none; } .filterRow { clear:both; font-size:11px; line-height:1; white-space:nowrap; text-transform:uppercase; } .filterRow .checkBox { display:inline-block; vertical-align:middle; margin-bottom:0; } .filterRow .checkBox i { font-style:normal; } .filterRow .Button { vertical-align:middle; } .filterRow .Button a { font-size:11px; } .frItem { display:inline-block; vertical-align:middle; } .filterRow + .boldLine { margin-top:15px; } .ui-multiselect { position:relative; display:inline-block; height:25px; margin:0; padding:0; text-align:left; background:#fff; border:1px solid #d2d9db; -webkit-border-radius:13px; border-radius:13px; cursor:pointer; font:11px/1 'robotocond-reg';text-transform: uppercase; color:#dbc149; text-align:left; vertical-align:middle; } .ui-multiselect span { display:block; overflow:hidden; margin:7px 25px 7px 10px; white-space:nowrap; text-overflow:ellipsis; } .ui-multiselect span.ui-icon { position:absolute; margin:0; background:url(../img/icons.png) -185px -20px no-repeat; height:6px; right:10px; top:10px; width:10px; } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label span:before { content:none !important; } .ui-multiselect-menu { display:none; margin:-1px 0 0 0; padding:0; position:absolute; z-index:10000; text-align: left; background:#fff; border:1px solid #d2d9db;-webkit-border-radius:3px; border-radius:3px; } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; margin:0; overflow-y:auto; } .ui-multiselect-checkboxes label { display:block; padding:7px 10px; cursor:pointer; white-space:nowrap; color:#dbc149; } .ui-multiselect-checkboxes li { clear:both; font-size:11px; text-transform:uppercase; margin:0; } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } .ui-multiselect-checkboxes label:hover, .ui-multiselect-checkboxes label:active { background:#9e9d9d; color:#fff; } .ui-multiselect-checkboxes label input { position:absolute; clip:rect(0, 0, 0, 0); } .ui-multiselect-checkboxes label span { position:relative; display:block; cursor:pointer; } .ui-multiselect-checkboxes label span:before { content:""; display:inline-block; width:17px; height:17px; margin:0 3px 0 0; vertical-align:middle; background:url(../img/icons.png) -48px -160px no-repeat; } .ui-multiselect-checkboxes label input:checked + span:before{ background-position:-24px -160px; } .ui-multiselect-checkboxes .ui-state-active { background:#d2d9db; color:#fff; } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .card { position:relative; margin:0 0 15px 0; padding:0 0 10px 30px; border-bottom:1px solid #e7edef; } .card .selectCard { position:absolute; left:0; top:-1px; } .cardPhoto { float:left; margin:0 0 10px 0 } .cardDescrip { margin:0 0 10px 140px; padding:0 0 0 15px; } .cardDescrip a { text-decoration:none; } .cardDescrip .breadCrumbs { margin:-3px 0 3px 0; border:none; font-size:11px; line-height:1; } .cardDescrip .breadCrumbs li { padding-bottom:0; } .cardDescrip h3 { text-transform:none; margin:0 0 3px 0; font-size:18px; } .cardDescrip p { margin:0 0 4px 0; } .checkLabelIcon { display:inline-block; } .labelIcon { vertical-align:middle; opacity:0.4; } input:checked + .cbLabel .labelIcon { opacity:1; } .boxDropdown { position:relative; display:inline-block; } .boxDropdown a { text-decoration:none; } .triggerDropdown { color:#345c7c; cursor:pointer; } .triggerDropdown:after { content:''; display:inline-block; width:9px; height:6px; vertical-align:top; margin:4px 0 0 5px; background:url(../img/icons.png) -158px -29px; } .triggerDropdown.active:after { background-position:-158px -20px; } .dropdown { position:absolute; z-index:3; left:-11px; top:100%; margin-top:5px; background:#fff; border:1px solid #d2d9db;-webkit-border-radius:3px; border-radius:3px; display:none; } .dropdown ul { white-space:nowrap; } .dropdown ul li a { display:block; padding:7px 10px; } .dropdown ul li a:hover, .dropdown ul li a:active { background:#9e9d9d; color:#fff; } .tableCityHelp { width:100%; margin:0 0 30px 0; border-collapse:collapse; text-transform:uppercase; } .tableCityHelp th, .tableCityHelp td { padding:10px 50px 5px 10px; border:none; vertical-align:top; } .tableCityHelp tr th:last-child, .tableCityHelp tr td:last-child { padding-right:10px; } .tableCityHelp th { padding-top:0; border-bottom:4px solid #e8eef0; text-align:left; color:#8f9998; font-weight:normal; } .tableCityHelp tbody tr td { border-top:1px solid #e8eef0; } .tableCityHelp tbody tr:first-child td { border-top:none; } .tableCityHelp .boxContact { margin:0 0 10px 0; } .tableCityHelp .tel { display:block; margin:0 0 3px 0; font:normal 24px/1 'robotocond-bold'; } .hintDisabledWrap { position:relative; } .hintDisabled { position:absolute; left:0; z-index:10; min-width:150px; padding:10px; background:#fff; border:1px solid #d2d9db; -webkit-border-radius:4px; border-radius:4px; font:normal 11px/15px Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; display:none; } .positionT { bottom:100%; margin-bottom:8px; } .positionB { top:100%; margin-top:8px; } .hintDisabled:before { content:''; position:absolute; left:10px; width:0; height:0; border-right:10px solid transparent; border-left:10px solid transparent; } .hintDisabled:after { content:''; position:absolute; left:11px; width:0; height:0; border-right:9px solid transparent; border-left:9px solid transparent; } .hintDisabled.positionT:before { top:100%; border-top:7px solid #d2d9db; } .hintDisabled.positionT:after { top:100%; border-top:6px solid #fff; } .hintDisabled.positionB:before { bottom:100%; border-bottom:7px solid #d2d9db; } .hintDisabled.positionB:after { bottom:100%; border-bottom:6px solid #fff; } .hintDisabled a { color:#000; text-decoration:underline; } .hintDisabled a:hover, .hintDisabled a:active { color:#7fa44e; } .filterRow .iSmall { display:inline-block; width:28px; height:25px; margin:0; padding:0 10px; background:#fff; border:1px solid #d2d9db; -webkit-border-radius:13px; border-radius:13px; font:11px/25px 'robotocond-reg'; text-transform:uppercase; color:#dbc149; text-align:center; vertical-align:middle; } .checkBox label { position:relative; } .checkBox label i.hint { display:none; position:absolute; left:0; bottom:100%; min-width:200px; padding:7px 10px; margin:0 0 10px 0; background:#fff; border:1px solid #d2d9db; -webkit-border-radius:13px; border-radius:13px; font:normal 12px/16px 'robotocond-reg'; white-space:normal; text-transform:none; } .checkBox label i.hint:before, .checkBox label i.hint:after { content:''; position:absolute; top:100%; width:0; height:0; border:none; } .checkBox label i.hint:before { left:22px; border-top:6px solid #d2d9db; border-right:6px solid transparent; border-left:6px solid transparent; } .checkBox label i.hint:after { left:23px; border-top:5px solid #fff; border-right:5px solid transparent; border-left:5px solid transparent; } .checkBox label:hover i.hint { display:block; } .adsModerPane { margin-bottom: 30px; } .adsHidden { width: 100%; } .adsHidden td { padding:5px; border:1px solid #f1f1f1; } .accentuated .preTit { color: #951b1e; } .accentuated .cena { font-size: 1.3em; } .specBox.accentuated { background-color: #fffacc; padding: 10px; } .specBox.accentuated .preTit { font: normal 18px/1.3 'robotocond-bold'; } .specBox.accentuated .preTxt { font: normal 14px/1.3 'robotocond-bold'; } .obvBox.accentuated { background-color: #fffacc; padding: 10px; } .servFrom2Gis .refBox { background-color: #f5ffdf; } .tours_loader {width: 220px; height: 19px; margin: 0px auto 22px; background: url(../img/ajax-loader-long.gif) no-repeat} div#offerVideo { margin: 20px 0; } .searchJob .asMB { display:block; margin-bottom:12px; padding-bottom:15px; border-bottom:1px solid #d2e9e0; -webkit-box-shadow:0 1px 0 0 #fff; box-shadow:0 1px 0 0 #fff; } .searchJob .asMB .whInp { width:100%; } .searchJob .asMB .whInp input { padding-right:32px; } .searchJob .asMB .whInp .icon { position:absolute; right:9px; top:9px; width:13px; height:14px; background:url(../img/icons.png) -158px 0 no-repeat; } .searchJob .asSB { display:block; margin:0; } .searchJob .asSB .inline { display:inline-block; margin:0 15px 15px 0; } .searchJob .asSB .grSelect { width:340px; } .searchJob .asSB .dateBox { width:340px; } .searchJob .asSB .dateBox .picBox input { width:145px; } .searchJob .asSB .trButton.marineBut { margin:15px 15px 15px 0; } .searchJob .asSB .trButton.marineBut input { height:30px; } .accentuated .obvInfo p { width: 57px; } .adsPremium { margin-bottom: 10px; } .adsPremium .specBox { border-left: 2px solid #42af91; padding-left: 10px; margin-bottom: 0px; padding-top: 10px; } .adsPremium .specBox:first-child { padding-top: 10px; } .sortBox a { text-decoration: none; } article ul { margin: 0; } article ul li { padding-left: 2em; text-indent: -1em; margin: 0 0 7px 0; overflow: hidden; list-style-position: inside; } .mournTable { width: 730px; float: left; margin: 0 0 30px 0; } .mournBox { display: block; zoom: 1; vertical-align: top; width: 195px; border: 5px solid #ececec; padding: 10px; margin: 0 15px 0 0; text-decoration: none; text-align: center; margin-bottom: 20px; } .mournBox .preImg img { display: inline; } .mournBox .preTitle { font: normal 18px/1.2 'robotocond-bold'; display:none} .mournBox .preTxt { color: #525459; margin: 5px 0; } .mournBox .author { margin: 7px 0 5px 0; font-style: italic; } /*---|10.08.2015|--*/ .pageThreeColumns { padding-right:15px; } .pageThreeColumns:after { content:''; display:table; clear:both; } .pageThreeColumns .colL { float:left; width:240px; } .pageThreeColumns .colCW { float:left; width:100%; margin:0 -240px; } .pageThreeColumns .colC { padding:0 255px; } .pageThreeColumns .colR { float:left; width:240px; } #hGal01, #hGal02 { overflow:hidden; border-bottom:4px solid #e6ebed; margin:0 0 20px 0; padding:0 0 10px 0; } .hGal .galery {margin: 0 0 10px 0; } .hGal .galery ul {} .hGal .galery ul li {width:158px; margin: 0;} .hGal .galery ul li .slide {width: 143px;} .hGal .galery ul li .slide .preTitle {font:normal 16px/1.3 'robotocond-bold'; text-decoration: none; margin: 5px 0; display: block;} .hGal .galery ul li .slide .preImg {margin: 0 0 5px 0;} .hGal .galery ul li .slide .preImg img { max-width:100%; height:auto; } .hGal .galery ul li .slide .clockIco {font-size: 11px;} ul.iconList { margin:0 0 30px 0; padding:0 0 5px 0; border-bottom:3px solid #e6ebed; } ul.iconList li { margin:0 0 10px 0; padding:0; list-style:none; background:none; } ul.iconList a { text-decoration:none; color:#7195a8; } ul.iconList a:hover { text-decoration:underline; color:#345c7c; } ul.iconList .icon { display:taable-cell; vertical-align:middle; padding-right:10px; } ul.iconList .text { display:taable-cell; text-transform:uppercase; } #advertisement .col { width: 130px; } /*---*/ /*---| Articles content |---*/ article .picBigWrap{ border: solid 13px #f4f8f9; background: #f4f8f9; margin: 10px 0; } article .picBigWrap .pic_big { display: block; width: auto; max-width: 100%; height: auto; } article .picBigWrap .picSubtit { background: url(../img/art-logo-img.png) 0 0 no-repeat; margin-top: 10px; padding-left: 145px; min-height: 24px; color: #596069; font-size: 10px; font-weight: bold; } article .picLeftWrap { background: #f4f8f9; padding: 13px; position:relative; min-height: 300px; } article .picLeftWrap img { width: auto; max-width: 50%; height: auto; } article .picLeftWrap .box-right { float: right; width: 50%; position: relative; text-align: center; font-size: 20px; color: #525459; margin-bottom: 40px; } article .picLeftWrap .box-right-txt { width:285px; position: relative; margin-top: 95px; margin-left: 27px; line-height: 1.5; } article .picLeftWrap .border-txt { width: 40%; height: 1px; border-top: solid 1px #525459; position: absolute; top: -30px; left: 30%; } article .picLeftWrap .border-txt2 { width: 40%; height: 1px; border-top: solid 1px #525459; position: absolute; left: 30%; bottom: -30px; } article .picLeftWrap .box-right-logo { width: 133px; height: 24px; background-image: url(../img/art-logo-img.png); bottom: 17px; position: absolute; right: 17%; } article .p_help { background: url(../img/art-logo-help.png) 5px 10px no-repeat; border: solid 13px #f4f8f9; padding: 55px 10px 20px 60px; } article .pic_round { border: solid 13px #f4f8f9; border-radius: 100%; } .imgList { border: solid 13px #f4f8f9; background: url(../img/art-logo-gal.png) 10px 10px no-repeat; padding: 50px 0 0 13px; } .imgList .spPage { border: solid 13px #f4f8f9; /*background: url(../img/art-logo-gal.png) 10px 10px no-repeat;*/ padding: 50px 0 0 13px; } .imgList .imgBox { margin: 0 13px 13px 0; } /*---*/ /*---| Comment form |---*/ .commentBox .addCom .whInp.short { width: 316px; display: inline-block; } .commentBox .addCom .whInp.short:first-of-type { margin-right: 20px; } .commentBox .addCom .captchaBox label { float: left; margin-right: 20px; } .commentBox .addCom .captchaBox img { display: block; float: left; margin-right: 20px; } .commentBox .addCom .captchaBox .whInp { width: 177px; display: block; float: left; } .commentBox .addCom .rulesRow { float: left; } /*---*/ article footer { margin-top: 20px; } .editionsList {background: #f5fbf5; margin: 0 0 15px -15px; padding: 15px 0 0 15px;} .editionsBox {display: block; width: 290px; height: 450px; float: left; background: #fff; border: 1px solid #fff; border-bottom: 1px solid #e0f0e0; margin: 0 35px 15px 0; text-decoration: none; position: relative;} .editionsBox:hover {border: 1px solid #87ac54; -webkit-box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); -moz-box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); box-shadow: 7px 7px 0 rgba(135, 172, 84, 1); } .editionsBox .preImg {height: 280px; padding: 15px; border-bottom: 1px solid #f5fbf5; margin: 0 0 10px 0;} .editionsBox .label {background: #87ac54; font: normal 12px/1.0 'robotocond-bold'; top: 163px; right: 0; z-index: 1;} .editionsBox .type, .editionsBox .preTitle, .editionsBox .grass {margin: 0 15px;} .editionsBox .type {color: #a5b3b8; font: normal 11px/1.0 'robotocond-reg'; text-transform: uppercase; margin-top: 60px; margin-left: 20px;} .editionsBox .preTitle {font: normal 18px/1.0 'robotocond-bold'; margin: 5px 15px 10px 20px;} .editionsBox .grass {font-size: 11px; margin-left: 20px;} .editionsList .blue {margin: 0 0 0 15px;} .blog-post-current { margin-bottom: 30px; } .blog-comment-form .commentBox .addCom .whInp.short { width: 208px; } .blog-comment-form .commentBox .addCom .captchaBox label { float: none; display: block; margin-bottom: 5px; } .blogBox .preImg img { border-radius: 100%; } .contactsSect { margin: 20px 0 40px 0; } .contactsSect .descr { margin-bottom: 30px; } .contactItem { float: left; width: 240px; min-height: 290px; margin-bottom: 15px; } .contactItem h3 { margin: 10px 0 5px 0; } .contactItem .post { font-weight: bold; } .congratsTable { width: 730px; float: left; margin: 0 0 30px 0; } .congratsBox { display: block; zoom: 1; vertical-align: top; width: 195px; border: 5px solid #6ab6ab; padding: 10px; margin: 0 15px 0 0; text-decoration: none; text-align: center; margin-bottom: 20px; } .congratsBox .preImg img { display: inline; } .congratsBox .preTitle { font: normal 18px/1.2 'robotocond-bold'; } .congratsBox .preTxt { color: #525459; margin: 5px 0; } .congratsBox .author { margin: 7px 0 5px 0; font-style: italic; } .searchAnonce.inSect form > div.trButton { margin-top: 17px; } .searchAnonce.inSect form > div.checkBox { margin-top: 17px; } .socBut.ig {background: url(../img/icons.png) 0 -975px no-repeat;} .socBut.ig:hover {background: url(../img/icons.png) 0 -1000px no-repeat; border: 3px solid #597da3;} footer .socBut.ig {background: url(../img/icons.png) 0 -1025px no-repeat;} .socBut.yt {background: url(../img/icons.png) -25px -975px no-repeat;} .socBut.yt:hover {background: url(../img/icons.png) -25px -1000px no-repeat; border: 3px solid #597da3;} footer .socBut.yt {background: url(../img/icons.png) -25px -1025px no-repeat;} article .source { text-align: right; font-style: italic; margin: 15px 0 10px 0; } #specialAdd .warning { text-transform: uppercase; line-height: 1.6em; border: 1px solid #da5757; padding: 10px; margin: 0 0 15px 1px; } #advertisement h2 { margin-bottom: 25px; } #advertisement .Button.marineBut { margin-right: 20px; } /*---| Справочник |---*/ .searchRef { background: #edf9f8; padding: 15px 0 15px 15px; margin: 0 0 30px -15px; } .searchRef .title { display: block; font: normal 18px/1.2 'robotocond-bold'; } .searchRef form > div { display: inline-block; zoom: 1; *display: inline; vertical-align: middle; margin: 0 15px 0 0; } .searchRef .whInp { width: 967px; } .searchDropdown { position:absolute; left:0; top:100%; display:none; width:100%; color:#000; background-color: #D0DEE2; z-index: 1; } .searchDropdown .pipka { position:absolute; left:29px; bottom:100%; border-bottom-style:solid; border-bottom-width:8px; border-left:10px solid transparent; border-right:10px solid transparent; } .sddContainer { min-height:75px; max-height:350px; overflow-y:auto; } .sddBox { border-width: 0; margin-top: 20px; } .sddBoxEl { background-color: #e4ebed; margin-top:10px; padding:20px 0; } .sddBox h4 { margin:0 0 10px 0; padding:0 20px; font-weight:700; font-size:14px; } .refPage p.sddItem, .refPage p.sddEmpty { margin:0; overflow:hidden; } .sddItem { padding:5px 20px; } .sddItem .descrip { display:block; font-size:12px; opacity:0.7; filter:alpha(opacity=70); } .sddEmpty { height:75px; padding:0 20px; font-size:14px; line-height:75px; opacity:0.5; filter:alpha(opacity=50); } .sddBlind { position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; opacity:0.7; filter:alpha(opacity=70); -webkit-border-radius:3px; border-radius:3px; } .sddBlind .loader { position:absolute; left:50%; top:50%; width:66px; height:66px; margin:-33px 0 0 -33px; background:url(../images/loader.gif) no-repeat; } .refPage .overflowH { overflow:hidden; } .refPage .ellipsis { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } .refPage .bgSprite { background-image:url(../images/sprite.png); background-repeat:no-repeat; } .refPage .wHover { position:relative; display:block; cursor:pointer; } .refPage .wHover:after { content:''; position:absolute; z-index:10; left:0; top:0; display:none; width:100%; height:100%; background:url(../images/ie8-w30.png) repeat; background:rgba(255,255,255,0.3); zoom:1; } .refPage .no-touch .wHover:hover:after, .refPage .wHover:active:after { display:block; } .refPage .bd { display:inline-block; white-space:nowrap; line-height:1; border-bottom-style:dotted; border-bottom-width:1px; } .refPage .container { position:relative; width:1000px; margin:0 auto; padding:0 20px; } .refPage .colsBlock { display:block; } .refPage .colsBlock .colFixL { float:left; margin-right:25px; } .refPage .colsBlock .colFixR { float:right; margin-left:25px; } .refPage .colsBlock .colResp { overflow:hidden; } .refPage .clearfix:after, .refPage .container:after, .refPage .colsBlock:after { content:""; display:block; clear:both; overflow:hidden; } .refPage p, .popup p { margin:0 0 1.5em 0; } .popup ul { margin:0 0 1.5em 0; padding:0; } .popup ul > li { position:relative; margin:0 0 0.5em 0; padding:0 0 0 1.5em; list-style:none; } .popup ul > li:before { content:'\2013'; position:absolute; left:0; font-weight:700; line-height:inherit; } .popup ol { margin:0 0 1.5em 0; padding:0; counter-reset:list; } .popup ol > li { position:relative; margin:0 0 0.5em 0; padding:0 0 0 1.5em; list-style:none; } .popup ol > li:before { counter-increment:list; content:counter(list) "."; position:absolute; left:0; font-weight:700; line-height:inherit; } .refPage ul.hList, .popup ul.hList { margin:0; padding:0; } .refPage ul.hList li, .popup ul.hList li { margin:0; padding:0; list-style:none; background:none; } .refPage ul.hList li:before, .popup ul.hList li:before { content:none; } .refPage ul.hList > li, .popup ul.hList > li { display:inline-block; vertical-align:top; } .refPage ul.nmList, .popup ul.nmList { margin:0; padding:0; } .refPage ul.nmList li, .popup ul.nmList li { margin:0; padding:0; list-style:none; background:none; } .refPage ul.nmList li:before, .popup ul.nmList li:before { content:none; } .refPage a, .popup a { text-decoration:none; cursor:pointer; } .refPage .no-touch a:hover, a:active, .popup .no-touch a:hover, a:active { text-decoration:underline; } .refPage a:focus, .popup a:focus { outline:none; } .refPage a img, .popup a img { border:none; } .refPage .button, .popup .button { display:inline-block; border:none; border-bottom-style:solid; border-bottom-width:3px; -webkit-border-radius:5px; border-radius:5px; } .refPage .button.wHover, .popup .button.wHover { display:inline-block; } .refPage .buttonM, .popup .buttonM { height:42px; padding:0 40px; font-size:16px; font-weight:600; } .tabsBlock {} .refPage .tabs ul.tabNav li { margin: 0; padding: 0; list-style: none; background: none; } /*.tabs { position:relative; margin-bottom:40px; border-bottom-style:solid; border-bottom-width:1px; } .tabs ul { float:left; padding-left:95px; font-size:15px; line-height:27px; text-transform:uppercase; } .tabs ul li { margin-right:35px; } .tabs .tab { display:block; height:47px; padding:13px 0 4px 0; font-weight:600; cursor:pointer; } .no-touch .tabs .tab:hover, .tabs .tab:active { opacity:0.7; filter:alpha(opacity=70); } .tabs .tab.selected { padding-bottom:0; border-bottom-style:solid; border-bottom-width:4px; cursor:default; } .tabs .tab.selected span.bd { border:none; } .no-touch .tabs .tab.selected:hover, .tabs .tab.selected:active { opacity:1; filter:alpha(opacity=100); }*/ .tabContent { display:none; } .rubricator { margin:10px -13px 0 -12px; } .rubricator .rubric { width:30%; margin-bottom:40px; padding:0 13px 0 12px; } .rubricator .rubric h3 { font-weight:600; font-size:16px; margin:0 0 10px 0; } .rubricator .rubric .rubricListWrap { overflow:hidden; } .rubricator .rubric ul { line-height:26px; } .rubricator .rubric ul li { } .rubricator .rubric .triggerHR { display:inline-block; margin-top:10px; font-weight:600; font-size:12px; opacity:0.7; filter:alpha(opacity=70); cursor:pointer; } .rubricator .rubric .triggerHR i { display:inline-block; margin:0 0 0 5px; vertical-align:middle; width:9px; height:5px; background-position:-150px 0; } .rubricator .rubric .triggerHR.active i { background-position:-200px 0; } .no-touch .rubricator .rubric .triggerHR:hover, .rubricator .rubric .triggerHR:active { opacity:1; filter:alpha(opacity=100); } .alphabet { position:relative; border-bottom-style:solid; border-bottom-width:2px; font-size:12px; } .alphabet table { width:100%; border:none; border-collapse:collapse; text-align:center; } .alphabet table td { border:none; padding:0; border:none; } .alphabet table td a { display:block; padding:7px; } .alphabet table td:first-child a { padding-left:10px; } .alphabet table td a.selected { font-weight:700; color:inherit; cursor:default; } .alphabet table td a.selected .bd, .alphabet table td a.disabled .bd { border:none; } .alphabet table td a.disabled { opacity:0.3; filter:alpha(opacity=30); color:inherit; cursor:default; } .alphabet table td a.disabled:after, .alphabet table td a.selected:after { content:none; } .lettersWrap { position:relative; overflow:hidden; margin-top: 20px; } .lettersBlock { position:relative; margin-top:0; } .letterBox { margin-bottom:20px; padding-bottom:20px; border-bottom-style:solid; border-bottom-width:1px; } .letterBox .colFixL { width:70px; margin:-0.1em 0 0 0; font-weight:600; font-size:44px; line-height:1; text-transform:uppercase; } .letterBox ul { line-height:26px; } .letterBox ul li { width:50%; padding-left:25px; } #l30 { border:none; } .nsBlock {} .nsMap, .nFilter { margin-bottom:20px; } .subtitle { font-size: 12px; color: #79858a; margin-bottom: 15px; text-transform: uppercase; } .inpReset { position: absolute; top: 10px; right: 10px; z-index: 1; cursor: pointer; width: 14px; height: 14px; background:url(../img/close_g.png) 0 0 no-repeat; } footer .socBox { margin-left: 0; width: 330px; } footer .cntrsBox { float: left; margin: 20px 0 0 15px; width: 310px; opacity:0;} footer .cntrsBox a { margin-right: 10px; } #bataligo { width: auto; float: left; } .green .pagerBox .numBox a.near.noAct, .green .pagerBox .numBox a.near.noAct:hover, .green .pagerBox .numBox a.near.noAct:active { cursor: default; color: #eef1f2; text-decoration: none; } /* Floating action button */ .main__action { position: fixed; width: 56px; height: 56px; border-radius: 50%; bottom: 20px; right: 20px; z-index: 200; cursor: pointer; text-align: center; background-color: #42af91 } .main__action .main__action-tooltip-wrp .main__action-tooltip { opacity: 0; width: 0; height: 0; overflow: hidden; position: absolute; top: 50%; right: 70px; background: rgba(0, 0, 0, 0.54); border-radius: 2px; font-size: 13px; color: #FFFFFF; line-height: 13px; line-height: 22px; padding: 0 8px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .main__action .main__action-tooltip-wrp:hover>.main__action-tooltip { -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1; width: auto; height: 22px; overflow: visible } .main__action .main__action-shadow { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.28); -webkit-transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 800ms cubic-bezier(0.445, 0.05, 0.55, 0.95) } .main__action .main__action-shadow:hover { -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); box-shadow: 0 3px 8px 0px rgba(0, 0, 0, 0.3), 0 6px 5px 0 rgba(0, 0, 0, 0.22) } .main__action>i { color: #fff } .main__action>i::before { line-height: 60px; font-size: 24px; content: "\E899" } .main__action.multi__action { background-color: transparent; height: 65px } .main__action.multi__action .inner__wrp { width: 60px } .main__action.multi__action .inner__wrp .visible__action { width: 56px; height: 56px; border-radius: 50%; position: absolute; left: 0; bottom: 0; z-index: 10; background-color: #42af91 } .main__action.multi__action .inner__wrp .visible__action>i { color: #fff } .main__action.multi__action .inner__wrp .visible__action>i::before { line-height: 60px; font-size: 24px } .main__action.multi__action .inner__wrp .hidden__actions .item { position: absolute; left: 3px; width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 9; background-color: #fff; bottom: 0; opacity: 0 } .main__action.multi__action .inner__wrp .hidden__actions .item .main__action-tooltip { right: 64px } .main__action.multi__action .inner__wrp .hidden__actions .icon::before { color: #ee8738; line-height: 40px } .main__action.multi__action:hover .hidden__actions .item { -webkit-transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95); opacity: 1 } .main__action.multi__action:hover .hidden__actions .item.frst { bottom: 64px } .main__action.multi__action:hover .hidden__actions .item.scnd { bottom: 120px } .main__action.multi__action:hover .hidden__actions .item.thrd { bottom: 176px } .iArrowUp { background: url(../img/pics/arrup.png) center center no-repeat; } .iAddAnnonce { background: url(../img/pics/podat_obyavl.png) center center no-repeat; } .iComplain { background: url(../img/pics/pozhalovatsya.png) center center no-repeat; } .iMobrep { background: url(../img/pics/otpravit_novost.png) center center no-repeat; } .spPage .spPicBox, .spPage .spTextBox, .spPage .spVideoBox { margin-bottom: 30px; } .spPage .spPicBox { text-align: center; } .art3col { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; text-align: justify; margin-bottom: 30px; } .deputyGossList .deputyBox { height: 324px; border-color: #8F6C42; } .deputyGossList .deputyBox .faceBox { background: #8F6C42; } .deputyGossList .deputyBox .faceBox a { border-color: #8F6C42; } .deputyGossList .deputyBox:hover { background: #8F6C42; border: 5px solid #8F6C42; } .deputyGossList .deputyBox .Button { background: #8F6C42; } .deputyGossList .deputyBox:hover .Button { color: #8F6C42; background: #fff; } .deputyDetail h2 { margin-top: 20px; } .deputyDetail .dialogBox { border-bottom-color: #42af91; } .deputyDetail .dialogBox:last-child { border-bottom: none; } /* --- Index page --- */ #advertisement .Button.marineBut { margin-top: -5px; } #advertisement .unit .preTit { margin-top: 4px; height: 30px; display: block; overflow: hidden; } #advertisement .unit .cena { height: 15px; overflow: hidden; margin-top: 4px; } .annTitFullW { padding-right: 22px; } .annTitFullW .cianTitle { margin-top: 15px; } #afisha { border-bottom: none; } .GalBox .sectLink { } .banBox.banWeather { display: none !important; position: absolute; bottom: 16px; left: 346px; margin: 0; height: 70px; width: 210px; overflow: hidden; } a.middot.red { color: #da5757; } .bann_fix {position:fixed; bottom:0; z-index:9; width:100%; height:auto; text-align:center;} .bann_fix img{max-width:100%; max-height:auto; text-align:center;} .georg { background: url(../img/georg.png) 0 0 no-repeat; position:absolute; left:100px; top:40px;width:72px;height:73px} div.subscribe {padding-top:10px; float:right} div.subscribe a.subscribe { color: #fff; font: normal 12px/1.0 'robotocond-bold'; padding: 8px 10px; background: #7fa44e; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -khtml-border-radius: 2px; border: #7fa44e solid 4px; display: inline-block; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; } #subscr .WindBg { min-height: 270px; margin: -275px 0 0 -205px; } #subscr .authForm { width: 280px; } .soc_yand { position: absolute; left: 150px; top: 105px; opacity: 0.3; } .soc_yand:hover { opacity: 0.9; } .ya-share2__badge { background-color: #7095a9!important; } .og-details h3 {display:none}