@charset "utf-8";
/* CSS Document */


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, ul, ol, li, h1, h2, h3, h4, h5, h6, address, a, strong, em, dl, dt, dd, table, thead, tbody, tfoot, tr, td, th, form, fieldset, legend, caption { padding: 0px; margin: 0px; outline: none; background-position: left top; background-repeat: no-repeat; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

* { outline: none; }

img,
a img { border: none; }

strong { font-weight: bold; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 150%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }

img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; outline: 0px; }
a:hover { color: #a4244a; }
a:active { outline: none; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

.no-screen { position: absolute; top: -10000px; }


/************************/
/* BASIC TAG DEFINITION */
/************************/
body {background: #e6e7e1 url(/images/bg.jpg) 50% 0% no-repeat;}

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
#page-wrapper { width: 1000px; margin: 0 auto 30px; position: relative; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header {height: 100px; width: 1000px; position: relative; padding-top: 1px; }
#logo {display: block; width: 220px; height: 71px; background: url(/images/logo.png) 0% 0% no-repeat; text-indent: -9999px; margin: 10px 0px 0px 35px; float: left;}
.menu {margin: 30px; padding: 0px; list-style: none; float: left;}
.menu li {float:left; margin: 0px 8px;}
.menu li a {text-transform: uppercase; text-decoration: none;font-size: 11px;}
.menu li a.active {color: #a4244a;}
.eshop {display: block; width: 170px; height: 43px; background: url(/images/vypredaj-outlet.png) 0% 0% no-repeat;position: absolute; right: 0px; top: 0px; text-indent: -9999px; }
.lang {text-align: right; margin: 65px 20px 0px;}
.lang a {text-decoration: none; margin: 0px 2px; color: #000;}
.lang a:hover, .lang a.active {color: #b9b8af;}

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { text-align: right;}
#copyright {}
#giant {}

/*******************************************************************/
/*                                                         PREVIEW */
/*******************************************************************/
#preview {width: 1000px; height: 400px; background: url(/images/preview.png) 0% 0% repeat-x; border-radius: 8px; overflow: hidden; position: relative;}
#preview ul {margin: 0px 0px 0px -100px;}
#preview li {list-style: none; float:left;}
#preview div {position: relative; display: inline-block; width: 800px; overflow: hidden;}
#preview-bottom {width: 957px; height: 195px; overflow: hidden; position: relative; margin-left: 21px;}
#preview-bottom ul {margin: 0px;}
#preview-bottom li {list-style: none; float:left;}
#preview-bottom div {position: relative; display: inline-block; width: 183px; height: 183px; overflow: hidden; margin: 5px 0px 5px 7px;}
.bottom-navigation .next {display: block; width: 10px; height: 28px; background: url(/images/next-product.png) 0% 0% no-repeat; text-indent: -9999px; position: absolute; top: 80px; right: 3px;}
.bottom-navigation .prev {display: block; width: 10px; height: 28px; background: url(/images/prev-product.png) 0% 0% no-repeat; text-indent: -9999px; position: absolute; top: 80px; left: 3px;}
.slide {position: relative; height: 405px;}
.slide .tabs {position: absolute; top: 350px; right: 20px}
.slide .tabs .prev {display: none;}
.slide .tabs .next {color: #fff; background: url(/images/next.png) 100% 50% no-repeat; padding-right: 25px; display: inline-block; line-height: 28px; text-decoration: none; text-transform: uppercase;}
.slide h3 {font-size: 50px; color: #fff; position: absolute; top: 30px; left: 40px; font-weight: normal; width:500px; line-height: 50px; margin: 0px; padding: 0px;}
.slide p {color: #fff; margin: 0px; font-size: 14px; position: absolute; bottom: 30px; left: 40px; width: 420px; padding: 0px;}
.slide a {text-decoration: none;}
.slide .slide3 h3 {top: 280px; left: 400px;}
.slide .slide3 p {top: 330px; left: 403px;}
.slide .slide4 h3 {top: 310px; left: 280px;}
.slide .slide6 h3 {top: 55px; left: 240px;}
.slide .slide6 p {top: 110px; left: 243px;}
.slide .slide8 h3 {top: 260px; left: 40px;}
.slide .slide8 p {top: 320px; left: 43px;}
.slide .frame, .ier {display: none;}
.ie7 .slide .frame , .ie8 .slide .frame {display: block; position: absolute; top: -9px; left: -10px;}
.ie7 .ier, .ie8 .ier {display: block; position: absolute; top: 100px; left: 0px; border: none;}

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
.product-menu {width: 993px; height: 37px; background: url(/images/bg-product-menu.png) 0% 0% repeat-x; margin: -8px 0px 20px;  border-radius: 8px; padding: 0px 0px 0px 5px; list-style: none;}
.product-menu li {float: left; margin: 0px 7px; line-height: 32px; color: #afb0ab; }
.product-menu li a {text-decoration: none; color: #000; text-transform: uppercase;}
.product-menu li a.active {color: #a4244a;}
.detail .product-menu {margin-bottom: 0px;}

/*******************************************************************/
/*                                                    MAIN CONTENT */
/*******************************************************************/
#content-wrapper{margin: 0px; position: relative;}
.content {background: url(/images/bg-content.jpg) 0% 0% no-repeat; border-radius: 8px; min-height: 550px; padding-top: 10px;}
.content.nograd {background: url(/images/bg-content-nogradient.jpg) 0% 0% no-repeat;}
.content.latky-kuze {background: url(/images/bg-content.png) 0% 0% no-repeat;}
.content h1 {color: #a4244a; font-size: 31px; margin: 25px 35px 20px; line-height: 33px; font-weight: normal;}
.content h2 {color: #a4244a; font-size: 18px; margin: 20px 35px;}
.content h3 {color: #a4244a; font-size: 15px; margin: 20px 35px;}
.content h3.group {color: #a4244a; font-size: 18px; margin: 25px 20px 8px 20px; clear: both;}
.content p {color: #6d6e71; margin: 15px 35px; font-size: 14px; line-height: 20px;}
.content fieldset {width: 960px; margin: 35px; border: none; padding-top: 30px;}
.content fieldset  h3 {color: #a4244a;}
.content .right-panel {float: right; width: 400px; text-align: center; margin: 20px;}
.content .right-panel img {margin: 10px 0px; border-radius: 10px;}
.content .right-panel p {margin: 0px;}
.content .right-panel .ref_link {font-size: 12px; display: inline-block; background: url(/images/submenu.png) 0% 2px no-repeat; padding-left: 15px; margin: 10px 90px; color: #92928f;}
.content .left-panel {width: 280px; float: left;}
.content.detail .left-panel h1{margin: 15px 0px 5px 36px; background: url(/images/link.png) 100% 50% no-repeat; display: inline-block; padding-right: 30px;}
.content .left-panel p  {margin: 0px 20px 20px 36px; font-size: 15px;}
.content.latky-kuze .left-panel {width: 345px; float: left;}
.content .nobg {list-style: none; margin-left: 20px;}
.content .error {margin: 0px; background: #d7c1c3; padding: 5px; color: #000; font-size: 11px; width: 170px; margin: 5px 2px;}

.submenu {margin: 10px 20px; padding: 0px; list-style: none;}
.submenu li {color: #92928f;  margin-bottom: 5px;}
.submenu li span {background: url(/images/submenu.png) 0% 50% no-repeat; displaY: inline-block; padding-left: 17px; cursor: pointer; text-transform: uppercase; text-decoration: underline;}
.submenu li a {color: #92928f; background: url(/images/submenu.png) 0% 50% no-repeat; display: inline-block; padding-left: 17px; text-transform: uppercase;}
.submenu li span.active {color: #a4244a;}
.product_info {float: left; width: 700px; margin-left: 15px;}
.product_info .only-img {margin-top: 20px;}
.content.latky-kuze .product_info {width: 620px; margin-top: 35px;}
.view.abs {width: 750px; height: 100px; margin-left: -50px;}
.view {width: 700px; height: 100px;}
.view span {float: left; width: 120px; height: 90px; text-align: center; margin: 0px 2px; opacity: 0.5;  filter: alpha(opacity = 50); cursor: pointer;}
.view.sixpack span{ width:112px; height:84px }
.view.sixpack img{ max-width:112px; }
.view span.active {opacity: .99;  filter: alpha(opacity = 100); background: url(/images/bg-view.png) 0% 0%;}
.view span.active img {background: none;}

.cols {height: 240px;}
.col {width: 325px; height: 200px; float:left; margin: 30px 13px 30px 0px; cursor: pointer;}
.col.last {width: 320px; height: 200px; float:left; margin: 30px 0px 30px 0px;}
.col img {float:left; margin: 0px 10px 0px 0px;}
.col h3 {margin: 5px 0px;}
.col p {color: #58595b; margin: 5px 0px;}
.col a {color: #000; text-decoration: none;}

.author {display: block; color: #424240; font-size: 12px; margin-left: 35px; padding-bottom: 15px;}

.products {
	padding-left: 15px;
}

.product {position: relative; width: 183px; height: 183px; background: url(/images/bg-product.png) 0% 0% no-repeat; float: left; margin: 5px; cursor: pointer;}
.product-gallery {width: 183px; height: 183px; background: url(/images/bg-product.png) 0% 0% no-repeat; float: left; margin: 5px; cursor: pointer; position: relative;}
.product-gallery span {position: absolute; top: 10px; left: 10px; color: #999; text-decoration: none; font-size: 15px;}
.product-gallery.first, .product.first {margin-left: 20px;}
.product:hover a {background: url(/images/link.png) 100% 50% no-repeat; padding-right: 30px; color: #a4214a;}
.product span {display:block; font-size: 30px; color: #b9b8af; text-decoration: none; margin: 10px 0px 5px 15px; line-height: 30px;}
.product a {display: inline-block; font-size: 30px; color: #b9b8af; text-decoration: none; margin: 10px 0px 5px 15px; line-height: 30px;}
.product.ex a {line-height: 18px; font-size: 15px; color: #999; margin-left: 10px;}

.product.new-design:after {
    content: '';
    background: url('/images/label-new-design.png');
    width: 90px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 45px;
}

.product.ex img {margin-top: 0px;}
.product a small {font-size: 12px; display: block;}
.product a:hover {background: url(/images/link.png) 100% 50% no-repeat; padding-right: 30px; color: #a4214a;}
.product.long:hover a, .product.long a:hover {padding-right: 7px !important; color: #a4214a;}
.product a span {font-size: 17px; display: inline; margin: 0px;}
.product a:hover span, .product:hover span {color: #a4214a;}
.product img  {text-align: center; margin: 5px 17px;}
.product-gallery img  {text-align: center; margin: 25px 17px 0px;}
.product-gallery.extra img {margin-top: 45px;}

.content p.path {font-size: 11px; color: #a7a7a3;}
.content p.path a {color: #a7a7a3;}

.btn {width: 143px; height: 30px; background: url(/images/btn.png) 0% 0% no-repeat; display: inline-block; color: #fff; margin: 0px 35px; text-decoration: none; line-height: 30px; text-indent: 20px;}
.btn:hover {color: #fff; text-decoration: underline;}

.tab {margin: 10px 0px;}
.tab td {padding: 3px 15px 3px 0px; vertical-align: top;}
.tab label {display: block; color: #868788; font-weight: bold;}
.tab .inp {border: solid 1px #cacbc6; width: 200px; height: 26px; background: #fff url(/images/bg-inp.png) 0% 0% no-repeat; padding: 0px 5px;}
.tab .txt_inp {border: solid 1px #cacbc6; width: 315px; height: 190px; padding: 5px; background: #fff url(/images/bg-inp.png) 0% 0% no-repeat; resize: none;}
.btn_send {width: 98px; height: 31px; background:#a4244a url(/images/bg-send.png) 0% 0% no-repeat; border: none; cursor: pointer; color: #fff; font-weight: bold; text-align:left; margin-left: 460px;}

.bottom-navigation {width: 1000px; height: 193px; background: url(/images/bottom-menu.png) 0% 0% no-repeat; margin: 10px 0px; position: relative;}
.bottom-navigation .product img {margin: 5px 18px;}

.bottom-preview {width: 1000px; height: 193px; background: url(/images/bottom-menu.png) 0% 0% no-repeat; margin: 10px 0px; position: relative;}
.bottom-preview div {width: 183px; height: 183px; background: url(/images/bg-product.png) 0% 0% no-repeat; float: left; margin: 7px 8px;}
.bottom-preview div.first {margin-left: 10px;}
.bottom-preview span {display:block; font-size: 30px; color: #b9b8af; text-decoration: none; margin: 10px 0px 5px 15px; line-height: 30px;}
.bottom-preview  img {margin: 5px 0px 5px 47px; text-align: center;}

.reference {margin: 0px 0px 10px 25px;}
.reference p {margin: 10px;}
.reference a {display: inline-block; width: 205px; height: 147px; margin: 12px 15px; overflow: hidden;}
.reference span {display: inline-block; width: 205px; height: 147px; margin: 12px 15px; overflow: hidden;}
.reference img {border-radius: 10px; width: 205px; height: 147px;}

.contact-panel {float: left; width: 310px; margin: 10px 20px 10px 35px; color: #6d6e71; line-height: 24px;  font-size: 14px;}
.contact-panel h3 {color: #a4244a; margin-bottom: 10px;}
.contact-panel a {color: #a4244a;}
.contact-panel span {color: #000; font-weight: bold; display: block; margin: 10px 0px;}

.map-panel {float: left;width: 560px;padding: 0 20px 0 35px;}
.map-panel img {max-width: 100%;}

#error {font-size: 11px; color: #b60000; margin: 0px;}

/*******************************************************************/
/*                                                      BOTTOM BOX */
/*******************************************************************/
.bottom-box.prod {position: absolute; bottom: 0px; left: 0px;}
.bottom-box {width: 1000px;}
.bottom-box .bottom-box-content { background: url(/images/bottom-box.png) 0% 0% no-repeat;  padding: 1px 0px 10px;}
.bottom-box .bottom-box-footer { background: url(/images/bottom-box-footer.png) 0% 0% no-repeat; height: 17px;}
.bottom-box h1 {margin: 20px; font-size: 35px; color: #92928f;}
.bottom-box p { margin: 5px 20px; color: #92928f; font-size: 14px; width: 550px;}
.ie7 .bottom-box p {width: 500px;}
.bottom-box .product-link {color: #000; background: url(/images/next.png) 100% 50% no-repeat; padding-right: 25px; display: inline-block; line-height: 28px; text-decoration: none; text-transform: uppercase; float: right; margin: -12px 20px 0px 0px; font-weight: bold;}


/* other */
.demand h2 {margin-left: 0;}
.demand-form textarea {
	width: 409px !important;
	height: 73px !important;
}
.demand-form .inp {
	width: 183px;
}
.demand-form .description {
	font-style: italic;
	color: #858586;
}
.demand-form .description span {
	padding-top: 14px;
	display: block;
}

.demand-form .btn_send {
	margin-left: 325px !important;
}

.demand-link {
	padding-top: 50px;
	font-weight: bold;
}

.demand-link p {
	font-size: 12px !important;
	color: #92928C;
	width: 175px;
	margin-left: 15px !important;
}

.submenu .demand-link span.button-demand {
	cursor: pointer;
	margin: 0 0 0 15px;
	text-decoration: none;
	font-weight: normal;
	text-transform: uppercase;
	padding: 7px 40px 0 10px;
	height: 24px;
	background: #a4244a url(/images/bg-send.png) right center no-repeat;
	border: none;
	color: #fff;
	text-align:left;
	font-size: 12px;
}

.submenu .demand-link span {
	font-weight: normal;
}

.demand-link2 {
	display: none;
}

.demand-desc {
	display: none;
}

.demand-link .demand-desc {
	display: block;
}

.demand .contact-area h3 {
	color: #AA2846;
	font-size: 18px;
	width: 665px;
	text-align: center;
	padding-top: 60px;
}

.demand .contact-area h3 span {
	color: #858687;
	font-weight: normal;
	padding-top: 10px;
	display: block;
}

.fabrics {
	margin: 0 0 0 35px;
}


.fabrics li {
	float: left;
	list-style: none;
	width: 70px;
	font-size: 11px;
	color: #92928f;
	text-align: center;
	margin-right: 10px;
	height: 120px;
	font-weight: bold;
}

.fabrics.w85 li {
	width: 85px;
}

.fabrics.combinations li {
	line-height: 1.2;
	width: 150px;
}

.fabrics.combinations.w85 li {
	width: 180px;
}