/* 
  HTML5 Boilerplate 
  style.css contains a reset, font normalization and some base styles.
*/
/* Reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, 
sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background:transparent;
}                  
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
/* End reset */
/* Fonts */
body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }
code, kbd, samp { font-family: monospace, sans-serif; }
 
/* Minimal base styles */
body, select, input, textarea { 
  color: #444; 
  /* set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */   
}
h1,h2,h3,h4,h5,h6 { /*font-weight: bold;*/ }
html { overflow-y: scroll; }

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active { color: #607890; }
a:hover { color: #036; }

ul, ol { margin-left: 1.8em; }
ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 

small { font-size: 85%; }
strong, th { font-weight: bold; }

td, td img { vertical-align: top; } 

sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; }
 
button, input, select, textarea { margin: 0; }

/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px red; 
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }

:focus { outline: none; }

a:link { -webkit-tap-highlight-color: #FF5E99; } 
button { width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

/* Non-semantic helper classes */
.clearfix:before, .clearfix:after, .clear:before, .clear:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;  
} 
.clearfix:after, .clear:after { clear: both; }
.clearfix, .clear { zoom: 1; }

/* ------------------------------------------------------------------------------------------
    @LAYOUT
------------------------------------------------------------------------------------------ */

html, body {
    height: 100%;
}
body {
    background: url(../images/background.png) repeat scroll;
    width: 100%;
    font-family: Arial;
    height: auto !important; height: 100%; min-height: 100%; position: relative;
}

#header {
    background: url(../images/header-bg.png) repeat-x;
}
#main {
    padding-bottom: 177px;
}
#footer {
    position: absolute; bottom: 0; height: 152px; width: 100%; 
}

.mainContainer #content {
    float: left;
    width: 560px;
    padding-left: 20px;
}

.mainContainer .sidebar {
    float: right;
    width: 260px;
}

/* ------------------------------------------------------------------------------------------
    @COMMON
------------------------------------------------------------------------------------------ */

.jsLink {
    text-decoration: none;
}
.jsLink span{
    border-bottom: 1px dotted #fff;
}
.jsLink:hover span{
    border-bottom: none;
}

.hr {
    width: 100%;
    height: 9px;
    background-image: url(../images/sprite.png);
}
.hr.orange{
    margin-bottom: 16px;
    background-position: 0 0;
}
.hr.vinous {
    background-position: 0 -100px;
    margin-bottom: 32px;
}
.hr.transparent {
    margin-bottom: 14px;
    height: 1px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgkAIIMAAAHwAbZIBtGgAAAABJRU5ErkJggg==);
}
.hr.transparent.bottom {
    margin-bottom: 24px;
}

p {
    font: 12px/20px Arial;
    color: #333;
}
a {
    color: #900;
}
a:hover {
    color: #333;
    text-decoration: none;
}

.hidden { display: none; }

.loadingProgress {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    z-index: 5;
}
.loading { position: relative; }
.loading .loadingProgress { display: block; }

.error { border-color: #c00 !important; }

/* ------------------------------------------------------------------------------------------
    @HEADER
------------------------------------------------------------------------------------------ */

#header {
    margin-bottom: 1px;
}
#header a {
    color: #fff;
    font-weight: bold;
}
#header {
    color: #fff;
    text-transform: uppercase;
    font: 700 10px/12px Arial;
}
.headerContainer {
    width: 900px;
    margin: 0 auto;
}

.topLogo {
    text-align: center;
    padding-top: 44px;
    padding-bottom: 30px;
    position: relative;
}
.topLogo .cities {
    position: absolute;
    left: 20px;
    top: 98px;
    vertical-align: top;
    z-index: 10;
}
.cities ul {
    display: inline-block;
    list-style: none;
    vertical-align: top;
    text-align: left;
    height: 16px;
    overflow: hidden;
    margin-left: 0px;
    padding-left: 9px;
}
.cities ul.active {
    overflow: visible;
    height: auto;
    background-color: #5d0111;
    border: 1px solid #660415;
    padding: 9px 15px 10px 8px;
    margin-top: -10px;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,1);
       -moz-box-shadow: 5px 5px 10px rgba(0,0,0,1);
            box-shadow: 5px 5px 10px rgba(0,0,0,1);
    border-radius: 3px;
}
.ie8 .cities ul.active {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=5);
}
#header .cities .active a:hover{
    color: #CCC;
}
.cities li {
    margin-bottom: 4px;
}
.cities li:first-child {
    width: 98px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
}
.cities .active li:first-child {
    width: auto;
}
.cities a {
    text-decoration: none;
}
.topLogo .cities a span{
    border-bottom: 1px dotted #fff;
}
.topLogo .cities a:hover span{
    border-bottom: none;
}
.topLogo .cities .active a span{
    background: none;
    padding-left: 0px;
    margin-left: 0px;
    border-bottom: none;
}
.topLogo .authLinks {
    position: absolute;
    right: 20px;
    top: 98px;
}
.topLogo .authLinks a {
    margin-left: 23px;
}

.logoWrapper {
    display: inline-block;
    width: 404px;
    height: 71px;
    overflow: hidden;
    margin-right: 51px;
}
a:hover .logo {
    margin-top: -71px;
}

.topMenu {
    padding: 0 20px 17px 18px;
    margin-top: -4px;
}
.menuLinks {
    width: 730px;
    height: 29px;
    float: left;
    margin-left: -18px;
}
#header .menuLinks .active {
    color: #eac364;
    text-decoration: none;
}
#header .menuLinks .blocked {
    cursor: default;
}
#header .menuLinks a:hover {
    color: #eac364;
    text-decoration: none;
}
.topMenu ul{
    margin: 0;
}
.topMenu li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin: 0 8px;
    position: relative;
    height: 29px;
    line-height: 29px;
}

.topMenu .parent:hover {
    background: #600;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
    z-index: 100;
}
.topMenu .parent:hover .subMenu { display: block; }
.topMenu .subMenu {
    display: none;
    position: absolute;
    width: auto;
    background: #600;
    left: 0;
    top: 29px;
    padding: 5px 0;
    border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    z-index: 99;
    min-width: 130px;
}
.topMenu .subMenu li {
    display: block;
    float: none;
    position: static;
    white-space: nowrap;
    background: url(data:image/gif;base64,R0lGODlhAgADAIAAAGYAAP///yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjkyMzdFM0E0NjVDQUUxMTE4MTIxRjhENzA4RUQ4QjFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkM1ODUzNEI3RjU5QjExRTFCMkJFQjcyNENFRDYwRDdEIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkM1ODUzNEI2RjU5QjExRTFCMkJFQjcyNENFRDYwRDdEIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDg0MThDNDg5M0Y1RTExMUI4MTRBRTA5MjFBNTc4QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTIzN0UzQTQ2NUNBRTExMTgxMjFGOEQ3MDhFRDhCMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAgADAAACAwyCUAA7) 0 9px no-repeat;
    margin: 2px 6px 2px 12px; 
    padding: 0 9px;
    line-height: 20px;
    height: 22px;
}

.searchField {
    float: right;
    position: relative;
    padding-top: 4px;
}
.searchField input{
    width: 118px;
    height: 18px;
    line-height: 18px;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 22px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    outline:none;
}
.ie8 .searchField input {
    line-height: 18px;
}
.searchField input[type=submit] {
    border: 0 none;
    box-shadow: none;
    display: block;
    height: 12px;
    width: 12px;
    padding: 0;
    position: absolute;
    right: 9px;
    top: 10px;
    text-indent: -9999px;
    background: url(../images/sprite.png) 0 -20px no-repeat;
}
.searchField input[type=submit]:hover {
    background-position: 0 -40px;
}

/* ------------------------------------------------------------------------------------------
    @MAIN
------------------------------------------------------------------------------------------ */

#main {
    background: url(../images/header-shadow.png) 0 0 repeat-x;
    padding-top: 37px;
    vertical-align: top;
}
#main .mainContainer {
    width: 900px;
    margin: 0 auto;
    vertical-align: top;
}

.mainContainer .left{
    float: left;
    margin-right: 20px;
    margin-left: 10px;
    width: 291px;
}
.mainContainer .left:first-child {
    margin-left: 0px;
}
.mainContainer .left .sectionImage {
    border-right: 1px #eee solid;
}

.mainContainer .right {
    float: right;
    width: 260px;
}

.sectionImage {
    padding-bottom: 20px;
    position: relative;
}
.sectionImage .caption {
    position: absolute;
    bottom: 23px;
    left: 20px;
    background: #6f0015;
    color: #eac364;
    text-transform: uppercase;
    padding: 3px 5px;
    font-weight: bold;
}

.sectionText {
    padding-left: 20px;
}

.sectionText p{
    font: 12px/18px Arial;
    margin-bottom: 18px;
}
.sectionText a {
    color: #990000;
}
.sectionText a:hover {
    text-decoration: none;
    color: #333;
}
.news a {
    margin-bottom: 9px;
    display: block;
    margin-left: 3px;
    line-height: 18px;
    color: #900;
}
.news a:hover {
    color: #333;
    text-decoration: none;
}
.news .date{
    color: #fff;
    line-height: 31px;
    margin-bottom: 3px;
}
.news .date span {
    display: inline-block;
    background-color: #666;
    line-height: 17px;
    padding: 0 3px;
}

.mainContainer .cols{
    vertical-align: top;
}

/* ------------------------------------------------------------------------------------------
    @NEWS ITEM
------------------------------------------------------------------------------------------ */

.newsItem h3{
    font: 18px/26px Arial;
}

/* ------------------------------------------------------------------------------------------
    @PAGING
------------------------------------------------------------------------------------------ */

.paging {
    text-align: center;
    font: 16px/18px Arial;
    margin-bottom: 10px;
    color: #000;
}
.paging a {
    margin-left: 10px;
    display: inline-block;
    text-decoration: none;
    color: #000;
}
.paging a:hover {
    color: #900;
}
.paging span {
    margin-left: 10px;
    display: inline-block;
}
.paging span.active {
    background-color: #6f0015;
    color: #eac364;
    line-height: 24px;
    padding: 0 6px;
}

/* ------------------------------------------------------------------------------------------
    @SHOPS
------------------------------------------------------------------------------------------ */

.shopList {
    margin: -35px 0 0 -80px;
    padding-bottom: 36px;
}

.shopItem {
    float: left;
    width: 240px;
    height: 224px;
    margin: 35px 0 0 80px;
}
.shopItem img{
    margin-left: -20px;
    margin-bottom: 13px;
    display: block;
}
.shopItem a  {
    color: #900;
    font: 18px/20px Arial;
    padding-bottom: 15px;
    display: block;
    height: 171px;
}
.shopItem a:hover {
    text-decoration: none;
    color: #333;
}
.shopItem a:hover img {
    opacity: 0.8;
}
.ie8 .shopItem a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.shopItem p {
    font: 12px/18px Arial;
}

.shopsMenu {
    list-style: none;
    margin-left: 0;
}
.shopsMenu > li {
    
}
.shopsMenu .depth1 > a:hover, .shopsMenu .depth1 > .active, .shopsMenu > li > a:hover {
    color: #333;
}
.shopsMenu .depth1 > a:hover span{
    border-bottom: none;
}
.shopsMenu .depth1 > a, .shopsMenu > li > a {
    color: #900;
    font: 18px/20px Arial;
    padding-bottom: 14px;
    display: block;
    text-decoration: none;
}
.shopsMenu .depth1 > a > span, .shopsMenu > li > a > span {
    border-bottom: 1px dotted #900;
}
.shopsMenu ul {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 16px;
}
.shopsMenu .depth2, .shopsMenu > li > ul > li {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpimMnA8J8BCphABEyACSYKEoBz0hkYGBmQ9QAEGADv9AbPOt6q6gAAAABJRU5ErkJggg==) no-repeat left 6px;;
    padding-left: 20px;    
}
.shopsMenu .depth2 a, .shopsMenu > li > ul > li a {
    color: #333;
    text-decoration: none;
    display: block;
    margin-bottom: 8px;
}
.shopsMenu .depth2 a:hover, .shopsMenu .depth2 .active, .shopsMenu > li > ul > li a:hover {
    color: #900;
}
.shopsMenu .blocked { cursor: default; }
.shopsMenu ul ul {
    margin-bottom: 8px;
}
.shopsMenu .depth3 {
    background: none;
    padding-left: 40px;
}
.shopsMenu .depth3 a{
    display: block;
    color: #900;
    text-decoration: underline;
    padding: 4px 0;
}
.shopsMenu .depth3 a:hover, .shopsMenu .depth3 .active {
    color: #333;
    text-decoration: none;
}

.location {
    margin-top: -7px;
    margin-bottom: 20px;
    line-height: 12px;
}
.location i {
    display: inline-block;
    height: 16px;
    width: 14px;
    background: url(../images/sprite.png) -100px -80px no-repeat;
    vertical-align: middle;
}

.shop table{
    font: 18px/24px Arial;
    margin-bottom: 16px;
    color: #000;
}
.shop td {
    height: 26px;
}
.shop td:first-child {
    white-space: nowrap;
}
.dotted {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABRJREFUeNpiYGBg8P3//z8DQIABAAqBA0s1rKt8AAAAAElFTkSuQmCC) 0 0 repeat-x;
    display: inline-block;
    width: 65px;
    height: 1px;
    
}
.shop p{
    line-height: 19px;
    margin-bottom: 21px;
}
.shopSlider {
    margin-left: -20px;
}

.shop ul {
    list-style: none;
    margin: 0;
}

.shop ul li > a {
    font: 18px/24px Arial;
    text-decoration: none;
    border-bottom: 1px #900 dotted;
    color: #900;
    margin-bottom: 13px;
    display: inline-block;
    height: 22px;
}
.shop ul li > a:hover {
    color: #333;
    border-bottom: none;
    padding-bottom: 1px;
}
.shop ul li > .active {
    color: #333;
    border-bottom: 1px #333 dotted;
}
.shop ul li > .active:hover {
    color: #900;
    border-bottom: none;
    padding-bottom: 1px;
}
.shop .brandsList {
    width: 580px;
    margin: -7px 0 16px -30px;
    text-align: justify;
}
.shop .brandsList a{
    display: inline-block;
    width: 130px;
    line-height: 47px;
    text-align: center;
    margin: 18px 0 0 10px;
    vertical-align: middle;
}
.brandsList a img {
    opacity: 0.5;
}
.ie8 .brandsList a img {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";*/
}
.brandsList a:hover img {
    opacity: 1;
}
.ie8 .brandsList a:hover img {
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/
}

.shopMenu {
    list-style: none;
    margin: 0px;
}
.shopMenu li {
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACtJREFUeNpiCI7O/A8EDCDMxAAEITFZ/0E0mAMTgHPWLJnGyARjgGiAAAMAnHcQGZLle/oAAAAASUVORK5CYII=) no-repeat left center;
    margin-bottom: 8px;
}
.shopMenu a {
    color: #900;
}
.shopMenu .active,
.shopMenu a:hover {
    color: #333;
    text-decoration: none;
}
.shopMenu .active {
    cursor: default;
}

/* ------------------------------------------------------------------------------------------
    @NEWS
------------------------------------------------------------------------------------------ */
.newsText {
    margin-bottom: 20px;
}
.newsText p {
    color: #666;
}
.newsList {

}
.newsItem {
    height: 120px;
    overflow: hidden;
    margin-bottom: 30px;
}
.newsItem img{
    float: left;
    margin-right: 30px;
    width: 260px;
}
.newsItem img:hover {
    opacity: 0.8;
}
.ie8 .newsItem img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.newsItem a {
    font: 18px/22px Arial;
    margin-bottom: 17px;
    display: block;
    position: relative;
}
.newsItem .date {
    position: absolute;
    top: 100px;
    left: 20px;
    background: #6f0015;
    color: #eac364;
    font: bold 12px/16px Arial;
    padding: 2px 5px;
}
.newsItem p {
    font-size: 12px;
    line-height: 20px;
    color: #666;
}

.newsList a {
    color: #900;
}
.newsList a:hover {
    color: #333;
    text-decoration: none;
}
.newsList h1 {
    margin-left: 20px;
    word-spacing: 24px;
}

/* ------------------------------------------------------------------------------------------
    @ARTICLE
------------------------------------------------------------------------------------------ */

.articlesList {
    margin-left: -20px;
    width: 580px;
}
.articlesList h1{
    padding-left: 20px;
}
.articleItem {
    height: 94px;
    overflow: hidden;
    margin-bottom: 30px;
}
.articleItem p {
    color: #666;
}
.articleItem img {
    float: left;
    margin-right: 30px;
    width: 204px;
}
.articleItem a:hover img {
    opacity: 0.8;
}
.ie8 .articleItem a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"
}
.articleItem a {
    font: 18px/20px Arial;
    display: block;
    margin-bottom: 18px;
}

/* ------------------------------------------------------------------------------------------
    @TXT
------------------------------------------------------------------------------------------ */

h3 {
    font: 18px/26px Arial;
    color: #000;
    margin-bottom: 15px;
}

.h1, h1 {
    font: 24px/30px Arial;
    margin-bottom: 15px;
    color: #000;
}

.txt p {
    margin-bottom: 18px;
    line-height: 20px;
    color: #666;
}

.txt ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 24px;
}

.txt li {
    padding-left: 20px;
    margin-bottom: 8px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAFCAYAAACAcVaiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACRJREFUeNpimMnA8J8BCphABEyACSYKEoBz0hkYGBmQ9QAEGADv9AbPOt6q6gAAAABJRU5ErkJggg==) no-repeat left 7px;
}

.txt table {
    margin-left: -20px;
    margin-bottom: 10px;
}
.txt th {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBgEAEIMAAAGQAVb287AwAAAABJRU5ErkJggg==);
    height: 45px;
    text-align: left;
    vertical-align: middle;
    font: 18px/18px Arial;
    padding-left: 20px;
    color: #000;
}
.txt td {
    padding-left: 20px;
    padding-right: 20px;
    height: 40px;
    vertical-align: middle;
}

.txt a {
    color: #900;
}
.txt a:hover {
    color: #333;
    text-decoration: none;
}

.txt tr.even {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBg4AIIMAAADwALlbId2wAAAABJRU5ErkJggg==);
}

.txt .date {
    margin-top: -10px;
    margin-bottom: 18px;
    color: #999;
}

.txt .highlighted {
    border: 3px #900 solid;
    margin-left: -20px;
    width: 127px;
    float: left;
    margin-right: 30px;
    font: 16px/24px Arial;
    color: #000;
    padding: 13px 21px 14px 16px;
    margin-bottom: 10px;
}

.txt .textImage {
    margin-left: -20px;
    margin-right: 30px;
    margin-bottom: 10px;
    float: left;
}

.newsNav a {
    text-decoration: none;
    font-size: 12px;
    color: #900;
}
.newsNav a span {
    text-decoration: underline;
}
.newsNav a:hover {
    color: #333;
}
.newsNav a:hover span {
    text-decoration: none;
}
.newsNav a i {
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url(../images/sprite.png);
}
.newsNav .newsPrev {
    float: left;
    width: 200px;
}
.newsNav .newsNext {
    float: right;
    width: 200px;
    text-align: right;
}
.newsNav .newsPrev a i {
    background-position: -160px -10px;
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 2px;
}
.newsNav .newsNext a i {
    background-position: -170px -10px;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 2px;
}
.newsNav .newsToList {
    width: 500px;
    text-align: center;
    margin: 0 200px 10px;
    
}

/* ------------------------------------------------------------------------------------------
    @404
------------------------------------------------------------------------------------------ */

.notFound {
    text-align: center;
    padding-top: 65px;
}
.notFound h1{
    font: 160px/160px Times New Roman;
    color: #300;
    margin-bottom: 14px;
}
.notFound p {
    font: 36px/36px Times New Roman;
    margin-bottom: 10px;
    color: #300;
}
.notFound a {
    font: 12px/12px Arial;
}

/* ------------------------------------------------------------------------------------------
    @CONTACTS
------------------------------------------------------------------------------------------ */

.feedbackForm {

}
.feedbackForm label {
    display: block;
    font: 12px/26px arial;
    color: #666;
    padding-left: 7px;
    margin-bottom: -4px;
}
.feedbackForm .input {
    padding-right: 14px;
    margin-bottom: 6px;
}
.feedbackForm input[type=text], .feedbackForm textarea {
    display: block;
    border: 1px solid #d7d7d7;
    background: #fff;
    height: 22px;
    padding: 0 6px;
    width: 100%;
}
.feedbackForm textarea { height: 66px; padding: 4px 6px; resize: none; }
.feedbackForm input[type=text]:focus, .feedbackForm textarea:focus {
    border-color: #eac364;
}
.feedbackForm .formFooter {
    padding: 14px 0 0 0;
}
.feedbackForm .button {
    float: right;
}
.button {
    border: 1px solid #9b0404;
    text-align: center;
    font: bold 10px/18px arial;
    text-transform: uppercase;
    height: 24px;
    padding: 0 29px 2px;
    color: #fff;
    background: transparent url(data:image/gif;base64,R0lGODlhAQAWAMQAAJMICJcHB3wUFIcPD44LC1oAAIASEsJpaVYAAGkAAIQREVAAAGEAAFsAAJEKCngWFooNDVEAAHkAAEwAAGYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjkyMzdFM0E0NjVDQUUxMTE4MTIxRjhENzA4RUQ4QjFFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxRTlGMUMwRjVBMzExRTFCQkFGRTJFOUZCQTBFNUEyIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxRTlGMUJGRjVBMzExRTFCQkFGRTJFOUZCQTBFNUEyIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDg0MThDNDg5M0Y1RTExMUI4MTRBRTA5MjFBNTc4QjciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTIzN0UzQTQ2NUNBRTExMTgxMjFGOEQ3MDhFRDhCMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAAAQAWAAAFEuARAA4BDYohPBTTINE0LUUihQA7) 0 0 repeat-x;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
a.button {
    display: inline-block;
    text-decoration: none;
    padding-bottom: 0;
    line-height: 22px;
    height: 22px;
}
.button:hover, .button:focus {
    border-color: #4c0000;
    outline: none;
    color: #fff;
    background: transparent url(data:image/gif;base64,R0lGODlhAQAWAMQAAHUAANx/f6oNDZoWFmIAAKUQEG0AAJUYGKISEmEAAJ8VFbQICK0MDG4AAH8AAJIAAGgAAJEbG3sAAK8KClwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDc4RkZCQTZGN0VGMTFFMUJGMDY5NjczNDgzRjI1QjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDc4RkZCQTdGN0VGMTFFMUJGMDY5NjczNDgzRjI1QjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NzhGRkJBNEY3RUYxMUUxQkYwNjk2NzM0ODNGMjVCOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NzhGRkJBNUY3RUYxMUUxQkYwNjk2NzM0ODNGMjVCOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAAAAAAALAAAAAABABYAAAUSYLBMjFAgynBEEtBABEUlhvOEADs=) 0 0 repeat-x;
}

.contactInfo {

}
.contactInfo p {
    height: 27px;
    font: 18px/28px arial;
    color: #000;
    padding: 1px 0 15px;
}
.contactInfo .skypeIcon {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
    background: url("../images/sprite.png") -160px -30px no-repeat;
    margin: 0 7px 0 -4px;
}
.contactInfo .icqIcon {
    display: inline-block;
    width: 27px;
    height: 27px;
    vertical-align: middle;
    line-height: 27px;
    background: url("../images/sprite.png") -160px -60px no-repeat;
    margin: 0 7px 0 -4px;
}
.contactInfo .address {
    font: 12px/18px arial;
    color: #666;
    margin-top: -11px;
}

/* ------------------------------------------------------------------------------------------
    @SEARCH
------------------------------------------------------------------------------------------ */

.search {
    margin: 0 20px;
}
.search .queryString {
    margin-top: -13px;
    margin-bottom: 15px;
}
.search .queryString a {
    font-size: 12px;
    line-height: 12px;
    text-decoration: none;
    border-bottom: 1px dotted #900;
}
.search .queryString a:hover {
    border-bottom: none;
}
.search .hr {
    width: 900px;
    margin: 0 -20px 35px -20px;
}

.search .searchList a {
    font: 18px/24px Arial;
    margin-bottom: 5px;
    display: block;
    color: #900;
}
.search .searchList a:hover {
    color: #333;
    text-decoration: none
}
.searchList p {
    line-height: 18px;
    margin-bottom: 30px;
    display: block;
}

.search .hr.bottom {
    
}

/* ------------------------------------------------------------------------------------------
    @FAQ List
------------------------------------------------------------------------------------------ */

.faqList {
    margin-top: -18px;
}

.faqList .question {
    font: 18px/24px Arial;
    display: block;
    text-decoration: none;
    margin-top: 30px;
    margin-bottom: 6px;
}
.faqList .question span{
    border-bottom: 1px dotted #900;
}
.faqList .question:visited {
    color: #900;
}
.faqList .question:hover span{
    border-color: transparent;
}
.faqList .question.active {
    color: #333;
}
.faqList .question.active span{
    border-color: #333;
}
.faqList .question.active:hover span {
    border-color: transparent;
}

.ie8 .faqList .answer {
    filter: progid:DXImageTransform.Microsoft.Shadow(Color='#cccccc', Direction=145, Strength=5, Enabled=True);
}
.faqList .answer {
    background-color: #fff;
    margin: 0px -20px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
       -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
            box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
}

.faqList .answerInner {
    padding: 13px 20px 3px;
}
.faqList .answer p{
    line-height: 18px;
    margin-bottom: 13px;
    color: #666;
}

/* ------------------------------------------------------------------------------------------
    @FOOTER
------------------------------------------------------------------------------------------ */

#footer .footerContainer {
    width: 900px;
    margin: 0 auto;
    font: 12px/12px Arial;
    padding-bottom: 50px;
}
.footerContainer .left {
    float: left;
    margin-left: 22px;
}
.footerContainer .left.qr-code {
    margin-left: 0;
}
.footerContainer .right {
    float: right;
}
.footerMenu {
    margin-bottom: 23px;
    margin-left: -40px;
    width: 785px;
}
.footerMenu ul {
    float: left;
}
.footerMenu li {
    display: inline-block;
    margin-left: 20px;
}
.footerMenu span{
    float: right;
    line-height: 16px;
    color: #333;
    text-transform: uppercase;
    font: bold 10px/16px Arial;
}
.footerMenu .active a {
    color: #900;
    cursor: default;
    text-decoration: none;
}
.footerMenu a {
    color: #333;
    text-transform: uppercase;
    font: bold 10px/16px Arial;
}
.footerMenu .active {
    color: #900;
    text-decoration: none;
    cursor: default;
}
.footerMenu a:hover {
    color: #900;
}
.copyright-wrapper {
    height: 25px;
    line-height: 25px;
}
.copyright-wrapper .copyright {
    display: inline-block;
    vertical-align: middle;
}
.copyright-wrapper .developer-wrapper {
    display: inline-block;
    float: right;
    vertical-align: middle;
}
.developer {
    text-decoration: none;
    margin-left: 21px;
}
.developer span{
    text-decoration: underline;
    color: #900;
    margin-left: 14px;
}
.developer:hover span{
    text-decoration: none;
    color: #333;
}
.developer i{
    vertical-align: middle;
    display: inline-block;
    width: 32px;
    height: 22px;
    background: url(../images/sprite.png) -60px -40px no-repeat transparent;
}
.developer:hover i{
    background-position: -60px -70px;
}
.icon {
    background-image: url(../images/sprite.png);
    display: inline-block;
}
.icon.social {
    width: 16px;
    height: 16px;
    margin-left: 7px;
    opacity: 0.5;
}
.icon.social:hover {
    opacity: 0.8;
}
.icon.social.fb{
    background-position: -100px -20px;
}
.icon.social.vk{
    background-position: -100px -40px;
}
.icon.social.ok{
    background-position: -100px -60px;
}

.QR {
    margin-top: 5px;
}

/* ------------------------------------------------------------------------------------------
    @PLUGINS
------------------------------------------------------------------------------------------ */

/* CORE UI SELECT */

.input.select {
    padding-right: 22px;
}
.b-core-ui-select {
    position: relative;
    width: 100%;
    padding: 0 10px;
    height: 22px;
    font: 12px/22px arial, sans-serif;
    color: #333;
    cursor: pointer;
    border: 1px solid #d7d7d7;
    background: #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.b-core-ui-select.focus { border-color: #eac364; }
.b-core-ui-select__select {
    position: static;
    width: 80%;
    padding: 10px;
    font-size: 12px;
    line-height: 18px;
}
.b-core-ui-select__value {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 25px;
}
.b-core-ui-select__select_state_hide {
    height: 1px !important;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 1px !important;
    text-indent: -9999px;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    filter: alpha(opacity = 0);
}
.b-core-ui-select.open {  }
.b-core-ui-select.disabled,
.b-core-ui-select.disabled:ACTIVE{
    opacity: .5;
    color: #333333;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    transition: background-position 0.1s linear;
}
.b-core-ui-select__button {
    position: absolute;
    right: 0px;
    top: 1px;
    display: block;
    width: 21px;
    height: 20px;
    background: url(data:image/gif;base64,R0lGODlhBQADAIAAAP///8zMzCH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjJDODUwMDY3ODZCQUUxMTFBNjA2RENGQkRCMTI1RkU0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVGREUxQjcwRjMxRTExRTE5ODIxQzdCMEZENDFDQTREIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVGREUxQjZGRjMxRTExRTE5ODIxQzdCMEZENDFDQTREIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkEzQTQ2QkE2N0Q1RTExMUE2NjlEREFCODI1N0U2NTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkM4NTAwNjc4NkJBRTExMUE2MDZEQ0ZCREIxMjVGRTQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4B//79/Pv6+fj39vX08/Lx8O/u7ezr6uno5+bl5OPi4eDf3t3c29rZ2NfW1dTT0tHQz87NzMvKycjHxsXEw8LBwL++vby7urm4t7a1tLOysbCvrq2sq6qpqKempaSjoqGgn56dnJuamZiXlpWUk5KRkI+OjYyLiomIh4aFhIOCgYB/fn18e3p5eHd2dXRzcnFwb25tbGtqaWhnZmVkY2JhYF9eXVxbWllYV1ZVVFNSUVBPTk1MS0pJSEdGRURDQkFAPz49PDs6OTg3NjU0MzIxMC8uLSwrKikoJyYlJCMiISAfHh0cGxoZGBcWFRQTEhEQDw4NDAsKCQgHBgUEAwIBAAAh+QQAAAAAACwAAAAABQADAAACBYwNBxtbADs=) 50% 50% no-repeat;
    border-left: 1px solid #d7d7d7;
}
.b-core-ui-select__dropdown {
    display: none;
    position: absolute;
    top: 0;
    background: #fff;
    color: #666;
    margin-top: -1px;
    padding: 7px 9px;
    max-height: 200px;
    font-size: 14px;
    border: 1px solid #eac364;
}
.b-core-ui-select__dropdown.hide { display: none; }
.b-core-ui-select__dropdown.show { display: block; }
.b-core-ui-select__dropdown__wrap {
    max-height: 200px;
    overflow: auto;
    outline: none;
}
.j-scroll-pane .b-core-ui-select__dropdown__item { margin-right: 20px; }
.b-core-ui-select__dropdown__list {
    overflow: hidden;
    margin: 0!important;
}
.b-core-ui-select__dropdown__item, .txt .b-core-ui-select__dropdown__item {
    padding: 2px 10px;
    min-height: 18px;
    list-style-type: none;
    cursor: pointer;
    background: #fff;
    margin-bottom: 0;
    font: 12px/18px arial;
}
.b-core-ui-select__dropdown__label, .txt .b-core-ui-select__dropdown__label {
    padding: 10px;
    min-height: 18px;
    font-style: italic;
    list-style-type: none;
    border-bottom: 1px solid #d7d7d7;
    background: #fff;
}
.b-core-ui-select__dropdown__item.disabled,
.b-core-ui-select__dropdown__item.disabled:HOVER {
    color: #d7d7d7;
    background: #fff;
}
.b-core-ui-select__dropdown__item.selected,
.b-core-ui-select__dropdown__item.selected:HOVER {
    background: #999;
    color: #fff;
}
.b-core-ui-select__dropdown__item:HOVER {
    background: #f2f2f2;
}

/* SLIDERS */

.imageSlider{display:none;position:relative;overflow:hidden;text-align:left;}

.imageSlider .imageSlider-nav{z-index:10;position:absolute;text-align:center;}

.imageSlider .imageSlider-nav-clip{position:relative;overflow:hidden;margin:0 auto;}
.imageSlider .imageSlider-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.imageSlider .imageSlider-nav-clip ul li{float:left;}
.imageSlider .imageSlider-nav-clip ul li a{display:block;overflow:hidden;}

.imageSlider .imageSlider-btn{z-index:10;}

.imageSlider .imageSlider-panel{z-index:1;position:absolute;overflow:hidden;}
.imageSlider .imageSlider-panel-active{z-index:5;}
.imageSlider .imageSlider-panel-old{z-index:4;}

.imageSlider .imageSlider-panel .imageSlider-panel-textbox{position:absolute;z-index:1;}
.imageSlider .imageSlider-panel .imageSlider-panel-text{position:absolute;z-index:3;top:0;left:0;}
.imageSlider .imageSlider-panel .imageSlider-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

/* TOP SLIDER */

.topSlider{
    width:900px;
    height:326px;
    padding:0 0 86px;
}

/* Navbar */
.topSlider .imageSlider-nav{
    left:0;
    bottom:2px;
    width:898px;
    padding-bottom: 16px;
}
.topSlider .imageSlider-nav-clip ul li{
    float:left;
}
.topSlider .imageSlider-nav-clip ul li a{
    display:block;
    height: 45px;
    width: 59px;
    overflow:hidden;
    position: relative;
    margin: 0 4px 0 5px;
}
.topSlider .imageSlider-nav-clip ul li a i {
    width: 4px;
    height: 4px;
    display: block;
    background: url(../images/sprite.png) -80px -20px;
    position: absolute;
    bottom: 0;
    left: 28px;
}
.topSlider .imageSlider-nav-clip ul li a span {
    border: 1px #fff solid;
    width: 57px;
    height: 30px;
    display: block;
    overflow: hidden;
}
.topSlider .imageSlider-nav-clip ul li a img {
    display: block;
    min-width: 57px;
    min-height: 30px;
}
.topSlider .imageSlider-nav-clip ul li a:hover img {
    opacity: 0.8;
}
.ie8 .topSlider .imageSlider-nav-clip ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.topSlider .imageSlider-nav-clip ul li.imageSlider-selected a i {
    background-position: -60px -20px;
}

/* Buttons */
.topSlider .imageSlider-btn{ position:absolute; top: 2px; }
.topSlider .imageSlider-btn span{ display:none; }

/* Navbar buttons */
.topSlider .imageSlider-nav .imageSlider-btn a{
    display:block;
    height: 30px;
    width: 18px;
    background: url(../images/sprite.png) -20px -20px;
}
.topSlider .imageSlider-nav .imageSlider-go-prev{ left:246px; }
.topSlider .imageSlider-nav .imageSlider-go-next{ right:246px; }
.topSlider .imageSlider-nav .imageSlider-go-prev a{ background-position: -20px -20px; }
.topSlider .imageSlider-nav .imageSlider-go-next a{ background-position: -40px -20px; }
.topSlider .imageSlider-nav .imageSlider-go-prev a:hover,
.topSlider .imageSlider-nav .imageSlider-go-prev a:focus{ background-position: -20px -60px; }
.topSlider .imageSlider-nav .imageSlider-go-next a:hover,
.topSlider .imageSlider-nav .imageSlider-go-next a:focus{ background-position: -40px -60px; }

/* Panel */
.topSlider .imageSlider-panels {
    margin-bottom: 21px;
    border-radius: 3px;
    border: 1px #712b35 solid;
    overflow: hidden;
    width: 898px;
    height: 326px;
}
.topSlider .imageSlider-panel{
    top:0;
    left:0;
    width:898px;
    height:326px;
}
.topSlider .imageSlider-panel img {
    width: 898px;
    min-height: 326px;
    vertical-align: middle;
}

/* SHOP SLIDER */

.shopSlider{
    width: 580px;
    height:325px;
    padding:0 0 82px;
    margin-bottom: 20px;
}

/* Navbar */
.shopSlider .imageSlider-nav{
    left:0;
    bottom:3px;
    width:580px;
    padding-bottom: 0;
}
.shopSlider .imageSlider-nav-clip ul li{
    float:left;
    background: none;
    padding: 0;
    margin-bottom: 0;
}
.shopSlider .imageSlider-nav-clip ul li a{
    display:block;
    height: 62px;
    width: 111px;
    overflow:hidden;
    position: relative;
    margin: 0 10px;
    text-align: center;
    background: #000;
}
.shopSlider .imageSlider-nav-clip ul li a i {
    width: 4px;
    height: 4px;
    display: block;
    background: url(../images/sprite.png) -80px -20px;
    position: absolute;
    bottom: 0;
    left: 28px;
}
.shopSlider .imageSlider-nav-clip ul li a img {
    max-width: 111px;
}
.shopSlider .imageSlider-nav-clip ul li a:hover img {
    opacity: 0.8;
}
.ie8 .shopSlider .imageSlider-nav-clip ul li a:hover img {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.shopSlider .imageSlider-nav-clip ul li.imageSlider-selected a {
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

/* Buttons */
.shopSlider .imageSlider-btn{ position:absolute; top: 17px; }
.shopSlider .imageSlider-btn span{ display:none; }

/* Navbar buttons */
.shopSlider .imageSlider-nav .imageSlider-btn a{
    display:block;
    height: 30px;
    width: 18px;
    background: url(../images/sprite.png) -120px -10px;
}
.shopSlider .imageSlider-nav .imageSlider-go-prev{ left:0px; }
.shopSlider .imageSlider-nav .imageSlider-go-next{ right:0px; }
.shopSlider .imageSlider-nav .imageSlider-go-prev a{ background-position: -120px -10px; }
.shopSlider .imageSlider-nav .imageSlider-go-next a{ background-position: -140px -10px; }
.shopSlider .imageSlider-nav .imageSlider-go-prev a:hover,
.shopSlider .imageSlider-nav .imageSlider-go-prev a:focus{ background-position: -121px -40px; }
.shopSlider .imageSlider-nav .imageSlider-go-next a:hover,
.shopSlider .imageSlider-nav .imageSlider-go-next a:focus{ background-position: -140px -40px; }

/* Panel */
.shopSlider .imageSlider-panels {
    overflow: hidden;
    width: 580px;
    height:325px;
}
.shopSlider .imageSlider-panel{
    top:0;
    left:0;
    width: 580px;
    height:323px;
    text-align: center;
    /*//background: #000;*/
}
.shopSlider .imageSlider-panel img{
    max-width: 580px;
    max-height: 323px;
}
.shopSlider .sliderCaption {
    background: #600;
    position: absolute;
    width: 521px;
    bottom: 84px;
    left: 20px;
    color: #FC6;
    text-transform: uppercase;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 17px;
    z-index: 10;
    text-align: center;
}

/* ------------------------------------------------------------------------------------------
    @
------------------------------------------------------------------------------------------ */
.articlesList{ margin-left: 0; }

@media all and (max-width: 899px) {
	img{
		height: auto;
		max-width: 100%;
	}
	table{ width: 100% }
	.footerContainer,
	.mainContainer,
	.headerContainer { width: 720px !important; }
	.logoWrapper{
		margin-right: 0;
		margin-left: 40px;
	}
	.txt table {
		margin-left: -10px;
	}
	.txt table img {
		height: auto;
		width: 150px !important;
	}
	.txt td{
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.shopSlider{ width: 380px; margin-left: 0px; }
	.shopSlider .sliderCaption { width: 360px; left: 0; }
	.shopSlider .imageSlider-nav-clip { width: 335px !important; }
	.shopSlider .imageSlider-panel{
		width: 100%;
	}
	.shopSlider .imageSlider-panels{ width: 380px; }
	.shopSlider .imageSlider-nav{ width: 335px; }
	.shopSlider .imageSlider-nav{
		left: 20px;
	}
	
	.shopSlider .imageSlider-nav .imageSlider-go-prev {
		left: -12px;
	}
	
	.shopSlider .imageSlider-nav .imageSlider-go-next {
		right: -22px;
	}
	
	.articlesList{ width: 100%; }
	.articleItem{ height: auto; }
	.articleItem img {
		margin-bottom: 20px;
		display: block;
		float: none;
	}
	
	.topMenu { position: relative; }
	
	.hr.vinous{ background-position: center -100px !important; }
	.hr.orange{ background-position: center 0 !important; }
	
	.searchField{
		float: none;
		position: absolute;
		right: 0;
		top: -79px;
		z-index: 11;
	}
	
	.topSlider{
		height: 261px;
		width: 720px;
	}
	.topSlider .imageSlider-panel,
	.topSlider .imageSlider-panels{
		height: 261px;
		width: 717px;
	}
	.topSlider .imageSlider-panel img {
		height: auto;
		max-width: 720px;
		min-height: 0;
		width: auto;
	}
	.topSlider .imageSlider-nav { width: 720px; }
	
	.mainContainer .left{
		margin: 0 50px 0 0 !important;
		width: 200px;
	}
	.mainContainer .right{ width: 220px; }

	.mainContainer .left .sectionImage img,
	.mainContainer .right .sectionImage img{
		height: auto;
		max-width: 220px;
		width: auto;
	}
	
	.footerMenu{
		margin-bottom: 8px;
		margin-left: 0;
		width: 645px;
	}
	
	.footerMenu ul{
		margin-left: 0;
		text-align: right;
		width: 100%;
	}
	
	.mainContainer #content {
		width: 380px;
	}
	
	.mainContainer #sidebar{
	
	}
	
	.shopList { margin-left: 0; }
	.shopItem {
		margin-left: 0;
		width: 180px;
	}
	.shopItem:nth-child(even) { margin-left: 20px; }
	
	.shop .brandsList{
		margin-left: 0;
		width: 100%;
	}
}

@media screen and (max-width: 719px) {
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
  
	.topSlider { display: none !important; }
	
	.footerContainer,
	.mainContainer,
	.headerContainer {
		padding: 10px !important;
		width: 300px !important;
	}
	.topLogo{
		padding-bottom: 50px;
		padding-top: 10px;
	}
	.logoWrapper{
		height: 53px;
		margin: 0;
		width: 100%;
	}
	
	.topLogo .cities {
		left: 0;
		top: 81px;
	}
	.topMenu { position: relative; }
	.searchField{ top: -65px; }
	
	.mainContainer .left,
	.mainContainer .right{
		margin: 0 0 40px !important;
		width: 100%;
	}
	
	.mainContainer .left .sectionImage,
	.mainContainer .right .sectionImage{
		border: none;
		text-align: center;
	}

	.mainContainer .left .sectionImage img,
	.mainContainer .right .sectionImage img{ max-width: 100%; }
	
	.menuLinks{
		height: auto;
		width: 100%;
	}
	
	.menuLinks > ul > li{
		margin: 0 !important;
		width: 108px !important;
	}
	.footerMenu li { margin-bottom: 5px; }
	
	.footerContainer .left {
		float: right;
		margin-left: 0;
		width: 250px;
	}
	
	
	.footerContainer .qr-code {
		float: left;
		width: 50px;
	}
	
	.footerMenu{
		margin-bottom: 8px;
		margin-left: 0;
		width: 100%;
	}
	
	.shopSlider{ width: 300px; margin-left: 0px; }
	.shopSlider .sliderCaption { width: 280px; left: 0; }
	.shopSlider .imageSlider-nav-clip { width: 255px !important; }
	.shopSlider .imageSlider-panel{
		width: 100%;
	}
	.shopSlider .imageSlider-panels{ width: 300px; }
	.shopSlider .imageSlider-nav{ width: 255px; }
	.shopSlider .imageSlider-nav{
		left: 20px;
	}
	
	.shopSlider .imageSlider-nav .imageSlider-go-prev {
		left: -12px;
	}
	
	.shopSlider .imageSlider-nav .imageSlider-go-next {
		right: -22px;
	}
	
	.copyright-wrapper{
		line-height: 18px;
		margin-left: -50px;
		text-align: right;
		width: 300px;
	}
	
	.footerContainer .right{ margin-top: 15px; }
	
	.footerContainer .right a img{ width: 50px; }
	.footerContainer .right a[href*="instagram"] img{
		height: 50px;
		width: 60px;
	}
	
	table td{ padding: 0 0 35px; }
	table img{ display: none; }
	.txt table {
		margin-left: -20px;
	}
	.txt table img{
		display: inline-block;
		height: auto;
		width: 100px !important;
	}
	
	a:hover .logo { margin-top: -53px; }
	
	.newsItem{
		height: auto;
		margin-bottom: 40px;
	}
	
	.newsItem img {
		float: none;
		margin-bottom: 5px;
		margin-right: 0;
		width: 100%;
	}

	.mainContainer #content::after{
		clear: both;
		content: "";
		display: block;
		height: 0;
	}
	.mainContainer #content{
		margin-bottom: 35px;
		padding-left: 0;
	}
	.mainContainer #content,
	.mainContainer .sidebar{
		float: none;
		width: 100%;
	}
	
	.shopList {
		margin-top: -25px;
	}
	
	.shopItem {
		float: none;
		margin-left: 0px !important;
		width: 100%;
	}
	
	.shopItem img {
		margin-left: 0;
		width: 100%;
	}
	
	.mainContainer .left:first-child{ display: none; }
}

/* Media queries for responsive design. These follow after primary styles so they will successfully override. */
@media all and (orientation:portrait) { 
    /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) { 
    /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	.txt table img{
		display: inline-block !important;
		height: auto !important;
		min-width: 100px !important;
		width: 100px !important;
		max-width: 100px !important;
	}
  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* Print styles. Inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}