@charset "utf-8";
html {width:100%; }
body {margin:0; padding:0; height:100%;}

.clear {clear: both;}

.wrapper {margin: 0; padding: 0; width: 100%; height: auto;}

.header {margin: 20px auto; position: relative; width: 1000px; height: 110px; outline: hidden;}
.header .logo {float: left; margin: 20px 0 0 10px;}
.header .logo a {color: #333; text-decoration: none;}
.header .right {float: right; margin-top: 15px;}
.header .phone {margin-right: 5px; color: #c50a0b; font-size: 30px; font-style: italic; text-align: right; letter-spacing: 1.3px;}
.header .phone span {padding-right: 10px; color: #777; font-weight: 300; font-size: 24px; letter-spacing: normal;}
.header .search {margin-top: 10px;}
.header .search input[type="text"] {padding: 0 5px; width: 174px; height: 32px; border: 1px solid #777; border-radius: 3px; line-height: 32px;}
.header .search input[type="submit"] {border: none; width: 44px; height: 34px; background: #0bade0 url(images/lupa.png) center center no-repeat; border-radius: 3px;}
.header .search input[type="submit"]:hover {background-color: #c50a0b;}

.wrapper-menu {width: 100%; height: 60px; background: #0bade0;}
.wrapper-menu .menu {margin: 0 auto; width: 1000px; height: 60px; position: relative;}
.wrapper-menu .menu ul {float: left; margin: 0; padding: 0; width: 1000px; list-style: none;}
.wrapper-menu .menu ul li {float: left; text-transform: uppercase; border-right: 1px solid #ccc; font-size: 15px; font-weight: bold;}
.wrapper-menu .menu ul li a {display: table-cell; padding: 0 10px; width: 178px; height: 60px; text-align: center; vertical-align: middle; color: #fff; text-decoration: none; line-height: 130%; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.wrapper-menu .menu ul > li:first-child {border-left: 1px solid #ccc;}
.wrapper-menu .menu ul > li:last-child a {width: 182px;}
.wrapper-menu .menu ul li:hover a, .wrapper-menu .menu ul li a:hover, .wrapper-menu .menu ul li a.selected {background: #c50a0b; text-decoration: none; color: #fff;}
.wrapper-menu .menu ul > li:last-child a:hover, .wrapper-menu .menu ul > li:last-child a.selected {background: #c50a0b;}
.wrapper-menu .menu .childmenu {visibility: hidden; display: block; position: absolute; left: 0; padding: 15px 9px; width: 980px; background: transparent; color: transparent; border: none; webkit-transition:  0.5s linear 0.2s; -moz-transition: 0.5s linear 0.2s; -ms-transition: 0.5s linear 0.2s; -o-transition: 0.5s linear 0.2s; transition: 0.5s linear 0.2s; z-index: 200;}
.wrapper-menu .menu ul li:hover .childmenu {visibility: visible; border: 1px solid #ccc; border-top: none; background: #c50a0b;}
.wrapper-menu .menu .childmenu li {float: left; margin: 4px 10px; width: 176px; position: relative; border: none !important; text-transform: none; background: transparent !important; font-weight: normal; webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}
.wrapper-menu .menu .childmenu a {background: transparent !important; padding: 0 10px 0 10px; width: 156px; border-radius: 3px; text-align: left; webkit-transition:  0.7s ease-in-out 0s; -moz-transition: 0.7s ease-in-out 0s; 
-ms-transition: 0.7s ease-in-out 0s; -o-transition: 0.7s ease-in-out 0s; transition: 0.7s ease-in-out 0s;}
.wrapper-menu .menu .childmenu a:hover, .wrapper-menu .menu .childmenu a.selected {background: #0bade0 !important; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(197, 10, 11, 0.64); -moz-box-shadow:    inset 0px 0px 10px 0px rgba(197, 10, 11, 0.64); box-shadow: inset 0px 0px 10px 0px rgba(197, 10, 11, 0.64);}




.shadow {background: #fff url(images/bg.png) left top repeat-x;}

.content {margin: 0 auto; padding: 5px 30px 30px 30px; width: 940px; height: auto; background: #fff; overflow: hidden;}
.content .left {float: left; width: 670px;}
.content .right {float: right; width: 250px; overflow: hidden;}

.breadcrumb {margin-bottom: 30px; padding: 0 10px 0 0; height: 40px; /* background: #efefef; */ font-size: 13px; overflow: hidden; line-height: 40px;}

.menu-l {margin-bottom: 30px; position: relative;}
.menu-l ul {display: block; margin: 0; padding: 14px; width: 220px; height: auto; border: 1px solid #ddd; list-style: none;}
.menu-l ul li {font-size: 15px; padding: 4px 0 0 15px; color: #0886ad;}
.menu-l ul li:before {content: '> '; position: absolute; left: 14px;}
.menu-l ul li a {padding: 3px 0;}
.menu-l ul li:hover, .menu-l ul li.selected a, .menu-l ul li.selected:before {color: #c50a0b;}

.footer {width: 100%; height: auto;}
.footer .line1 {width: 100%; height: auto; background: #e9e9e9; background: -webkit-linear-gradient(top, #e9e9e9 0%,#fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#fafafa)); background: -moz-linear-gradient(top, #e9e9e9 0%, #fafafa 100%); background: -ms-linear-gradient(top, #e9e9e9 0%,#fafafa 100%); background: -o-linear-gradient(top, #e9e9e9 0%,#fafafa 100%); background: linear-gradient(to bottom, #e9e9e9 0%,#fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#fafafa',GradientType=0 ); overflow: hidden;}
.footer .line1 .wrap {margin: 0 auto; padding: 20px 0; width: 1000px; height: auto;}
.footer .line1 .wrap .left {float: left; margin-left: 30px; font-size: 30px; color: #999; font-style: italic;}
.footer .line1 .wrap .left span {font-size: 24px; color: #999; font-weight: 300;}
.footer .line1 .wrap .right {float: right; margin-right: 30px; font-size: 16px; color: #aaa;} 
.footer .line1 .wrap .right a {float: right; display: block; margin: 10px 0 0 15px; width: 32px; height: 32px; text-indent: -9999px; background: url(images/social_icon.png) no-repeat;}
.footer .line1 .wrap .right a.facebook {background-position: 0 0;}
.footer .line1 .wrap .right a.twitter {background-position: -32px 0;}
.footer .line1 .wrap .right a.facebook:hover {background-position: 0 -32px;}
.footer .line1 .wrap .right a.twitter:hover {background-position: -32px -32px;}
.footer .line2 {width: 100%; height: auto; background: #e4e4e4; overflow: hidden;}
.footer .line2 .wrap {margin: 0 auto; width: 1000px; height: auto;}
.footer .line2 .copyright {float: left; margin: 7px 0 7px 30px; font-size: 13px; color: #777;}
.footer .line2 .banners {float: right; margin: 0 30px 0 30px;  width: 300px; text-align: right; font-size: 13px; color: #777;}
.footer .line2 .banners .cell {display: table-cell; width: 300px; height: 48px; vertical-align: middle; text-align: right;}

.system-nav {margin: 0px 15px 15px 0; color: #fff; font-size: 14px; float: right;}
.system-nav .nav-current-page {float: left; margin-right: 2px; width: 35px; height: 35px; text-align: center; color:#fff; background: #c50a0b; line-height: 35px;}
.system-nav a {float: left; display: block; margin-right: 2px; width: 35px; height: 35px; text-decoration: none; text-align: center; color: #fff; background: #0bade0; line-height: 35px;}
.system-nav a:hover {background: #c50a0b; color: #fff; text-decoration: none;}
.system-nav a.nav-page-dots {float: left; display: block; margin-right: 1px; width: 35px; height: 35px; text-decoration: none; text-align: center; color: #fff; background: #0bade0; line-height: 35px;}
.system-nav a.nav-page-dots:hover  {background: #c50a0b; color: #fff; text-decoration: none;}
.system-nav .system-nav-all, .system-nav .system-nav-all-str {display: block; float: left;  margin-left: 7px;}
.system-nav .system-nav-all a, .system-nav .system-nav-all-str a {text-transform: lowercase; font-size: 15px;}
.system-nav .system-nav-all-str a {width: 70px;}


ul#catalog {margin:0 auto; padding:0; list-style:none; width: 690px; height: auto;}
ul#catalog img {border: 0;}
ul#catalog li {margin: 0 auto; padding:0 15px; display:block; width: 140px; height: 140px; text-align: center; float: left;}
ul#catalog a:hover {font-weight:bold;}
ul#catalog a img {opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity=40);}
ul#catalog a:hover img {opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);}



.catalog-list {margin-bottom: 15px;}
.catalog-list .item {position: relative; display: block; width: 658px; height: auto; margin: 20px 5px; border: 1px solid #ccc; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out;}
.catalog-list .item:hover {box-shadow: 0 0 5px rgba(0,0,0,0.3);}
.catalog-list .item .photo {float: left; display: block; margin: 10px; width: 130px; height: auto; text-align: center;}
.catalog-list .item .info {float: left; display: block; margin: 10px; width: 488px; height: auto;}
.catalog-list .item .info h4 {margin-bottom: 10px; font-size: 18px;}
.catalog-list .item .price {display: block; margin: 10px 0 0 0; padding: 0 40px; width: 408px; height: 34px; text-align: center; background: #daf6ff; font-size: 18px; color: #c50a0b; text-align: right; line-height: 34px;}


.good-detail {margin-bottom: 15px;}
.good-detail h1 {display: block; margin-bottom: 20px; padding: 5px 20px; width: auto; height: auto; line-height: 130%}
.good-detail .foto-wrap {float: left; margin: 0 20px 20px 0; width: 250px; height: 300px; border: 1px solid #ccc; overflow: hidden;}
.good-detail .foto-wrap .photo {display: table-cell; width: 250px; height: 300px; text-align: center; vertical-align: middle; background: #fff;}
.good-detail .price {display: block; margin-bottom: 20px; padding: 0 40px; width: 408px; height: 50px; text-align: center; background: #daf6ff; font-size: 24px; color: #c50a0b; text-align: right; line-height: 50px;}


.good-detail .chips_color {display: table;}
.good-detail .chips_color .row {display: table-row;}
.good-detail .chips_color .row > div {display: table-cell; padding-bottom: 7px; height: 30px; vertical-align: middle;}
.good-detail .chips_color .row > div:nth-child(1) {width: 30px; height: 30px;}
.good-detail .chips_color .row > div:nth-child(1) > div {display: block; width: 32px; height: 32px; border-radius: 17px; border: 1px solid #eee; text-indent: -9999px; overflow: hidden;}
.good-detail .chips_color .row > div:nth-child(2) {padding-left: 10px; width: 70px;}  
.good-detail .chips_color .row > div:nth-child(3) {padding-left: 10px;}  

.news-list {margin-bottom: 15px;}
.news-list .item {padding: 15px 0; border-bottom: 1px solid #eee;}
.news-list .item h4 {font-size: 15px; font-weight: bold;}
.news-list .item p span {font-weight: 300; font-style: italic; color: #aaa;}

.news-detail {margin-bottom: 15px;}
.news-detail p span {font-weight: 300; font-style: italic; color: #aaa;}


.map-level-1 {margin-left: 30px;}
.map-level-1 li {padding: 2px 0;}


.search-page {margin-bottom: 15px;}
.search-page input[type="text"] {float: left; padding: 0 5px; width: 518px; height: 34px; border: 1px solid #777; line-height: 34px;}
.search-page input[type="submit"] {float: left; margin-left: 10px; border: none; width: 130px; height: 36px; background: #0bade0; color: #fff;}
.search-page input[type="submit"]:hover {background-color: #c50a0b;}
.search-page .results-all {margin-top: 15px;}
.search-page .result {padding: 15px 0; border-bottom: 1px solid #ccc;}
.search-page .results-all .result:nth-child(1) {border-top: 1px solid #ccc;}


/* For right */
.right-block {margin-bottom: 30px; position: relative;  padding: 14px; width: 220px; height: auto; border: 1px solid #ddd;}
.spisok {display: block; margin-bottom: 20px; padding: 0 20px; width: 210px; height: 40px; font-size: 20px; background: #efefef; line-height: 40px;}
.news-item {margin-bottom: 15px;}
.news-item span {font-weight: 300;}
.good-item {margin-bottom: 10px;}
.good-item .photo {width: 220px; height: auto; text-align: center;}
.good-item .price {width: 220px; height: 40px; text-align: center; font-weight: bold; background: #daf6ff; color: #c50a0b; line-height: 40px;}


.main-blocks {margin-bottom: 15px;}
.main-blocks .block {float: left; padding: 7px; width: 284px; min-height: 370px; border: 1px solid #ddd; text-align: center;}
.main-blocks .block:nth-child(2) {margin: 0 20px;}
.main-blocks .block .title {margin-bottom: 10px; height: 32px; background: #daf6ff; color: #c50a0b; text-align: center; font-size: 17px; line-height: 32px;}
.main-blocks .block .price {width: 100%; height: 40px; text-align: center; font-weight: bold; background: #daf6ff; color: #c50a0b; line-height: 40px;}


#CaptchaBlock {position:relative; float: left;}
#CaptchaBlock #LoaderBlock {display:none; text-align:center; position:absolute; background-color:#FFF; width:180px; height:40px;}
#CaptchaBlock #LoaderBlock #LoaderImg {margin-top:3px;}
#captchaImg {float: left; margin-top: 1px;}
#reloadCaptcha {display: block; margin: 3px 15px 0 15px; width: 35px; height: 35px; background: url(images/refresh.png) center center no-repeat; cursor: pointer; float: left;}

.backform {display: block; width: 100%; height: auto;}
.backform .pole {margin-bottom: 20px; padding: 0; display: block; width: 100%; min-height: 42px;} 
.backform .pole input[type="text"] {padding: 0 10px; width: 648px; height: 40px; border: 1px solid #ccc; color: #333; line-height: 40px;}
.backform .pole textarea {padding: 7px 10px; width: 648px; height: 130px; border: 1px solid #ccc; color: #333;}
.backform .pole input[type="text"].capcha {width: 200px; float: left;}
.backform .pole input[type="submit"] {padding: 0 40px; display: block; height: 40px; border: none; background: #0bade0; color: #fff; font-size: 15px; font-weight: bold; line-height: 40px;}
.backform .pole input[type="submit"]:hover {background: #c50a0b;}

.backform .pole input[type="text"]:focus, .backform .pole textarea:focus,
.backform .pole input[type="text"].error:focus, .backform .pole textarea.error:focus {border-color: rgba(11,173,224, .8); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11,173,224, .6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11,173,224, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(11,173,224, .6);}

.backform .pole input[type="text"].error, .backform .pole textarea.error {border: 1px solid #c50a0b;}
.backform .result {display: block; padding: 15px 0; width: 100%; height: auto; text-align: center; vertical-align: middle; border: 1px solid transparent; border-color: rgba(11,173,224, .8);}

.backform .pole label {font-size: 15px; color: #333; cursor: pointer;}
.backform .pole label.error {color: #c50a0b;}