@import url(css/base.css);
@import url(css/content.css);
@import url(css/hostcms.css);
@import "/././hostcmsfiles/style.css";



/* Структура
-------------------------------------------------------------------*/
html, body{width:100%;  height:100%;}
#body {width:960px; margin:0 auto;}
#box {position:relative; overflow: hidden; }
#header {overflow: hidden;}
#middle {width: 100%; height: 1%; padding: 0 0 0; }
#contentBlock {float: left; overflow: hidden; width: 100%;}
#content {}
#content.left {padding: 0 0 0 195px;}
#sidebarL {float: left; display:inline; position: relative; width: 180px; margin-left: -100%; padding: 45px 0 0;}
#footer {overflow: hidden;position:relative;width: 960px; margin: 0 auto 0;}



/* Шапка
-------------------------------------------------------------------*/
#header .logo {overflow: hidden; float:left; width: 255px; height: 95px; margin:21px 0 0 0;}
#header .logo a {display: block; overflow: hidden; width: 255px; height: 95px;}
#header .logo.home:before, #header .logo a:before {content:url(img/logo.png);}
#header .phone { float:left; overflow:hidden; width:220px; margin: 30px 0 0 118px; font-size:11px; line-height:1.5em; color:#474747;}
#header .phone span {display:block;}
#header .phone strong {font-size:18px; color:#000;}
#header .phone .salonList {position:relative; width:220px; height:35px; overflow:auto; overflow-x: hidden; overflow-y: scroll; }
#jst #header .phone .salonList {overflow:hidden !important;}
#header .phone .salonList .slide {width:190px; margin: 0 auto;}
#header .phone .salonList .slide p {width:190px; margin:0; padding: 0 0 0 2px;}
#header .phone .salonList .controls {display:block; position: absolute; z-index:4; overflow: hidden;  width:7px; height:35px; text-indent: -9999px; cursor: pointer; background: url(img/nextPrev.png) no-repeat 0 50%; outline:none;}
#header .salonList .controls.prev { left:0;top:0  }
#header .salonList .controls.next {right:0; top:0; background-position: -7px 50%;}
#header .littleCart {float:left; width:170px;  height:105px; margin: 29px 0 0 38px; padding: 0 0 0 80px; background: url(img/basket.png) no-repeat 0 10px; }
#header .littleCart h5 {margin:0; font-size:14px; color:#000;}
#header .littleCart a {color:#dc0714;}
#header ul.menu {clear:left; overflow: hidden;  height:30px;  background: url(img/mainMenuBgr.png) no-repeat 0 0;}
#header ul.menu li {float:left; height:30px; padding: 0 0 0 2px;  background: url(img/mainMenuLi.png) no-repeat 0 0;}
#header ul.menu li a {display:block; width:158px; height:22px; padding: 8px 0 0; text-align:center; text-decoration: none; line-height:13px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff;}
#header ul.menu li a:hover, #header ul.menu li.active a {background-color: #ED2F3F;}
#header ul.menu li.first {background-image:none; padding:0; width:160px;}
#header ul.menu li.first a { width:160px;}
#header ul.menu li.first a:hover, #header ul.menu li.first.active a {-webkit-border-radius: 7px 0 0 7px; -moz-border-radius: 7px 0 0 7px; border-radius: 7px 0 0 7px;}
#header ul.menu li.last a:hover, #header ul.menu li.last.active a {-webkit-border-radius: 0 7px 7px 0; -moz-border-radius: 0 7px 7px 0; border-radius: 0 7px 7px 0;}



/* Левая колонка
-------------------------------------------------------------------*/
ul.shopGroupListMenu {overflow: hidden;  padding: 10px 0 10px;  background-color: #fff; border:1px solid #C8C8C8;}
ul.shopGroupListMenu li {line-height: 13px; padding: 0 0 6px;}
ul.shopGroupListMenu li a { padding: 0 0 0 10px; text-decoration: none; font-weight: bold; }
ul.shopGroupListMenu li a:hover {text-decoration: underline;}
ul.shopGroupListMenu ul {margin: 5px 0 0 0; padding: 5px 0 0; background: url(img/shopGroupListMenuBgr.png) repeat-x 0 0;}
ul.shopGroupListMenu ul li {padding: 0 0 4px 10px; line-height: 12px;}
ul.shopGroupListMenu ul li a { font-size:.9em;  color:#dc0714;}



/* Подвал
-------------------------------------------------------------------*/
#footer .inner {overflow:hidden;  width:960px; height:165px; margin-bottom:20px; color:#c9c9c9; background: url(img/footerBgr1.png) repeat-x 0 0;}
#footer .inner a {text-decoration: none; color:#c9c9c9;}
#footer .inner a:hover {text-decoration: underline;}
#footer .block {float:left; width:195px; height:147px; background: url(img/line.png) no-repeat 100% 10px;}
#footer .block ul {margin: 15px 0 0 20px;}
#footer  .social {background: none !important;}
#footer  .social ul li {margin-bottom:8px;}
#footer  .social ul li.vk {padding: 0 0 0 20px; line-height:15px; background: url(img/vk.png) no-repeat 0 0;
}
#footer  .social ul li.tv {padding: 0 0 0 20px; line-height:11px; background: url(img/tv.png) no-repeat 0 0;
}
#footer  .copy {float:right; display:inline; padding: 15px 15px 0 0;}
#footer  .copy address {margin-top:10px; font-style: normal;}
#footer  .copy address a {text-decoration: underline;}
#footer .dev {float:left; width:250px; color:#A4A4A4;}
#footer .dev a {color:#898989;}
#footer .banners {float:right;}