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

html {height:100%; }

body {position:relative; background:#f3f4ef url(../img/bg.jpg) 0 0 repeat;сolor:#4a4a4f; font-size:100.01%; width:100%; font-family:Tahoma, Verdana, sans-serif; min-height:100%; height:auto !important; height:100%; zoom: 1;}

.container {padding:20px 20px 0; min-width:950px; max-width:1600px; position:relative;}

.left-top { background:url(../img/bg-left-top.jpg) top left no-repeat; width:271px; height:243px; position:fixed; left:0; top:0; z-index:-2}
.center-top { background: url(../img/bg-top.png) top left repeat; width:100%; height:167px; position:fixed; left:0; top:0;z-index:-1}
.body-fon-right {position:absolute; top:0;left:0; width:100%; height:831px; min-width:1000px;}
.right-top { height:831px; position:absolute; right:0; top:0; z-index:-2}

div.header div.wrapper{float:right;width:100%;margin:0 0 0 -320px}
div.header div.navigation { margin:0;}
div.wrapper, div.wrapper-catalog{float:right;width:100%;margin:0 0 0 -320px; padding:0 0 22px;}
div.content {margin-left:310px}
div.content-top {margin-left:310px; margin-top:6px;}
div.navigation{float:left;width:278px;}
div.footer{clear:both;}

.logo {height:75px;width:150px; margin-top:10px;}

.logo h1 {font-size:70%;height:75px;margin:0;overflow:hidden;padding:0;position:relative;width:233px; text-indent:-999px; zoom: 1;}

.logo h1 a {background:url("../img/logo.gif") no-repeat scroll 0 0 transparent;display:block;height:75px;left:0;overflow:hidden;position:absolute;top:0;width:150px;}

.right-col-box-top {padding:20px 0 0;}
div.slogan {float:left; margin-right:13px; padding:3px 0 0;}
div.slogan h1 {font-weight:normal; color:#ff7800; font-size:100%; text-align:left; padding:0; margin:0; }
div.right-col-box-top h1.top-phone {font-weight:normal; float:left; font-size:125%; background:url(../img/top-phone.gif) no-repeat 0 0; height:18px; width:165px; padding:0 0 0 23px; margin:0; border-right:1px dotted #949591;}
div.right-col-box-top h1.top-phone-old {font-weight:normal; float:left; font-size:125%; background: url(../img/top-phone-rare.gif) no-repeat; height:18px; width:165px; padding:0 0 0 23px; margin:0 0 0 18px;}

span.upper {display:block;color:#fefefe; margin-left:1px}
span.bottom {display:block;color:#ff7800; margin-top:-20px;}


.top-menu {height:20px;list-style:none outside none;margin:20px 0 0;overflow:hidden;padding:0;}

.top-menu li {color:#3C3C3C;float:left;font-size:100%;margin:0 31px 0 0;padding:0;}

.top-menu li.last { margin:0;}

.clear{ content:".";display:block;height:0;clear:both;visibility:hidden}
* html .clear { zoom:1; }


/*catalog-menu*/

.catalog-menu {height:41px; margin:20px 0; background:#ecebd5; clear:both; position:relative; zoom: 1; z-index:5000; overflow:hidden;}
.left-catalog-menu {background:url(../img/l-catalog-menu.jpg) no-repeat left top; width:4px; height:41px; float:left;}
.center-catalog-menu {background:url(../img/c-catalog-menu.png) repeat-x left top; height:41px; float:left; margin:-41px 5px 0 3px; width:100%;}
.center-catalog-menu h1 {font-weight:normal; float:left; font-size:140%; height:18px; width:165px; padding:10px 0 0 15px;}
.center-catalog-menu span.bottom {display:block; margin-top:-22px; color:#1d1d0e;}
.right-catalog-menu {background:url(../img/r-catalog-menu.jpg) no-repeat left top; width:5px; height:41px; float:right; margin:-41px 0 0 0;}
div.icons-tovar { float:left; padding-top:10px; margin-left:128px;}
div.icon {float:left; width:28px; height:19px; margin:0 8px;}
div.hide-catalog { float:right; margin:15px 28px 0 0; width:75px; height:13px; background:url(../img/hide-open.jpg) center right no-repeat; position:relative; }
div.open-catalog { float:right; margin:15px 28px 0 0; width:75px; height:13px; background:url(../img/open.jpg) center right no-repeat; position:relative; }
span.open { position:absolute; top:-5px; left:0;}
div.open-catalog a { font-size:75%; color:#000;}
div.open-catalog a:link { font-size:75%; color:#000;}
div.open-catalog a:visited { font-size:75%; color:#000;}
div.hide-catalog a { font-size:75%; color:#000;}
div.hide-catalog a:link { font-size:75%; color:#000;}
div.hide-catalog a:visited { font-size:75%; color:#000;}


/*catalog-menu-content*/

.catalog-menu-hide { height:auto; background:#ecebd5 url(../img/b-open-catalog.gif) bottom left repeat-x; display:none; position:absolute; top:168px; left:20px; z-index:99999; right:20px; }
.catalog-menu-hide .left-catalog-menu {background:url(../img/l-open-catalog.png) no-repeat left bottom; width:2px; height:100%; float:left;}
.catalog-menu-hide .right-catalog-menu {background:url(../img/r-open-catalog.jpg) no-repeat right bottom; width:6px; height:100%; float:right; margin:0 -4px 0 0;}
.catalog-menu-content { margin:0 -2px 0 0; background:url(../img/r-open-catalog.jpg) no-repeat right bottom; height:auto; overflow:hidden; border-left:1px solid #fff;border-right:1px solid #fff; }
.obertka-catalog { margin:0 20px;}
.catalog-menu-content div.line {background: url(../img/line-test.jpg) repeat-x scroll left bottom transparent; height: 12px; width:100%; clear:both;}
.catalog-menu-content-list, .catalog-menu-content-list-last {float: left; width:24%; }
.catalog-menu-content-list h3, .catalog-menu-content-list-last h3 {width:140px; min-height:32px; color:#000; font-size:90%; font-weight:bold; }
.catalog-menu-content-list ul, .catalog-menu-content-list-last ul { background:url(../img/bg-ul.jpg) 0 0 repeat-y; width:172px; padding: 0 0 0 15px;}
.catalog-menu-content-list ul li, .catalog-menu-content-list-last ul li { background:url(../img/bg-li.jpg) 0 0.3em no-repeat; list-style-type: none; margin: 0 0 15px; padding: 0 0 0 20px;}
.catalog-menu-content-list-last {float: left; margin-bottom:25px;}



/*left-col*/

.about-company {background:#7c7774 url(../img/bg-bottom-left-col.jpg) bottom left no-repeat; min-height:160px; width:100%; padding:20px 0 0; text-align:center; margin-bottom:7px; overflow:hidden;}
div.bg-top {background:#7c7774 url(../img/bg-top-left-col.jpg) top left no-repeat; height:3px; width:278px; margin:0;}
.about-company p {color:#fefefe; line-height:110%; font-size:80%; margin:10px; padding:0 20px 0; text-align:left}
.about-company .p_img, .catalog-left-menu .p_img{ margin:0; padding:0; text-align:center;}
.about-company img { margin:20px 0 5px;}
.about-company a { font-size:70%; margin:10px 0 0; padding:0 18px 20px; text-align:left; font-weight:bold; display:block; color:#fefefe}
.about-company a:link { font-size:70%; margin:10px 0 0; padding:0 18px 20px; text-align:left; font-weight:bold; display:block; color:#fefefe}
.about-company a:visited { font-size:70%; margin:10px 0 0; padding:0 18px 20px; text-align:left; font-weight:bold; display:block; color:#fefefe}
.about-company a:hover{ font-size:70%; margin:10px 0 0; padding:0 18px 20px; text-align:left; font-weight:bold; display:block; color:#fefefe}

h1.h1-line { color:#fff; line-height:110%; padding:0; font-size:140%; margin:0 23px; width:235px;}
h1.h1-line span.upper {color:#5e5856;}
h1.h1-line span.bottom { color:#fefefe; margin-top:-24px;}

.announce {background:#a7a3a0 url(../img/bg-top-left-col-2.jpg) top left no-repeat; min-height:160px; width:100%; padding:20px 0 20px; overflow:hidden;}
.announce p {color:#fefefe; line-height:110%; font-size:80%; margin:10px; padding:0 18px 0; text-align:left}
div.bg-bottom2 {background:#a7a3a0 url(../img/bg-bottom-left-col-2.jpg) bottom left no-repeat; height:3px; width:278px; margin:0 0 10px;}
div.announce div.left-col-line {background:url(../img/h1-line-white-top.jpg) repeat-x 0 bottom transparent; height:2px; width:auto; margin:10px 15px 20px;}

/*catalog-left-menu*/
.catalog-left-menu {background:#7c7774 url(../img/bg-bottom-left-col.jpg) bottom left no-repeat; min-height:572px; width:100%; padding:23px 0 20000px; text-align:center; margin-bottom:-20000px; width:278px;}
.catalog-left-menu p {color:#fefefe; line-height:110%; font-size:80%; margin:10px 10px 30px; padding:0 12px; text-align:left}
div.catalog-left-menu p.menu {color:#fefefe; line-height:110%; font-size:80%; margin:0; padding:0 26px 4px;}
div.catalog-left-menu p.menu a { font-size:85%;}
.catalog-left-menu p a{color:#fefefe;}
.catalog-left-menu p a:link{color:#fefefe;}
.catalog-left-menu p a:visited{color:#fefefe;}
.catalog-left-menu p a:hover{color:#fefefe;}
ul.left-col-catalog-menu { margin:-6px 8px 0; min-height:340px;}
.left-col-catalog-menu li {background:url(../img/bg-li-left.jpg) 0 0.3em no-repeat; list-style-type: none; margin: 0 0 15px; padding: 0 0 0 28px;}
.left-col-catalog-menu li a {color:#fefefe; }
.left-col-catalog-menu li a:link {color:#fefefe; }
.left-col-catalog-menu li a:visited {color:#fefefe;}
.left-col-catalog-menu li:hover {background:url(../img/bg-li-left-hover.jpg) 0 0.3em no-repeat;}
.left-col-catalog-menu li:hover a {color:#bdbab9;}
li.left-col-catalog-menu-a { color:#bdbab9; background:url(../img/bg-li-left-hover.jpg) 0 0.3em no-repeat;}
p.announce-text:first-line { font-weight:bold;}


/*wrapper*/
div.obertka {/*min-height:724px;*/ border-bottom:1px solid #fff; border-top:1px solid #fff; position:relative; overflow:hidden; margin:0 0 50px 0; background:url(../img/bg-wrapper-catalog.jpg) repeat-x scroll 0 0 #FFFFFF;}
/*div.wrapper-catalog {background:url(../img/bg-wrapper-catalog.jpg) repeat-x scroll 0 0 #FFFFFF;}*/
div.wrapper-catalog div.content { padding:0 30px 0 0; position:relative; }
div.wrapper-catalog div.content h1.first-h1 { margin:18px 0 24px 10px;}
div.wrapper-catalog div.content h3.first-h3 { margin:22px 0 14px 10px; color:#7D7775; font-size:115%; padding:0;}
h3.first-h3 span {color:#FF7800}
div.right-border-wrapper {background:url(../img/r-wrapper-catalog.jpg) 0 0 repeat-y; width:6px; height:100%; float:right; position:absolute; right:0;}
div.bottom-border-wrapper {background:#FFF url(../img/bg-wrapper-catalog-bottom.jpg) 0 0 repeat-x; width:100%; height:9px; position:absolute; left:0; bottom:0}
div.bottom-round-border-wrapper {background:#FFF url(../img/bg-wrapper-catalog-bottom-round.jpg) 0 0 no-repeat; width:11px; height:11px; position:absolute; bottom:-1px; right:0; z-index:9999;}
div.bottom-round-border-wrapper2 {background:#FFF url(../img/bg-wrapper-catalog-bottom-round2.jpg) 0 0 no-repeat; width:11px; height:11px; position:absolute; top:-1px; right:0; z-index:9999;}
div.bottom-left-col-wrapper {background: url(../img/bg-bottom-left-col-big.jpg) 0 0 no-repeat ; width:280px; height:27px; position:absolute; left:-1px; bottom:0; z-index:9999;}

/*content*/
div.content h1.first-h1 { color:#7d7775; padding:0; font-size:150%; margin:18px 0 14px 0;}
div.content h1 { color:#7d7775; padding:0; font-size:150%; margin:25px 0 22px;}
div.content h1 span{ color:#ff7800;}
div.content p.group-company {min-height:52px;}

.img-tovar { height:132px; width:100%; margin:25px 0 0;} 

div.select-product { height:105px; width:629px; background:url(../img/select.png) 0 0 no-repeat; border:1px solid #fff; position:relative; z-index:1000}
div.content div.select-product p {font-size:80%; margin:10px 0 0 14px;}
div.select { position:relative; margin:11px 0 0;}
div.select select { height:25px; position:absolute; top:0; left:14px; padding:2px 0 0; font-size:80%; font-family:Tahoma, Geneva, sans-serif; z-index:1000; width:597px;}

div.checkbox {position:absolute; bottom:10px; left:14px;}
div.checkbox label {font-size: 80%; vertical-align: top; line-height: 135%;}
.layer { dispaly:none}
.layer iframe { display:none}

div.order-button-main { position:absolute; bottom:11px; right:18px; }
div.order-button input { background:url(../img/order.png) 0 0 no-repeat; border:none;height:20px; width:64px; font-size:75%; color:#FFF; padding:0 0 4px; cursor:pointer;}
div.order-button-main input { background:url(../img/order.png) 0 0 no-repeat; border:none;height:20px; width:64px; font-size:75%; color:#FFF; padding:0 0 4px; cursor:pointer;}

div.tovar, div.tovar-last {width:15%; height:auto; float:left; text-align:center; margin-right:2px; width: 138px; height: 140px; }
div.tovar-last {margin-right:0;}

div.tovar img, div.tovar-last img {margin-bottom:20px;}
div.content div.tovar p, div.content div.tovar-last p {font-size:80%;}

div.pricelist p { font-size:95%; line-height:90%;}
div.pricelist a:visited{font-size:90%;}
span.price-size {color:#737255; font-size:70%}
div.price-left { float:left; width:50%;}
div.price-right { float:right; width:50%;}

div.line-content {background:url(../img/line-main.png) bottom left repeat-x; height:26px; width:auto;}

div.about-product { min-height:776px;background:#7c7774 url(../img/bg-bottom-left-col.jpg) bottom left no-repeat; width:278px; padding:20px 0 20000px; text-align:center; margin-bottom:-20000px; overflow:hidden;}
div.about-product p {color:#fefefe; line-height:110%; font-size:80%; margin:10px; padding:0 20px 0 10px; text-align:left}
div.product-opisanie { margin:20px 0 40px; padding:0 5px;}
div.left-col-line {background:url(../img/h1-line.jpg) repeat-x 0 0 transparent; height:2px; width:auto; margin:20px 15px 32px;}

div.product-category-hor { min-height:115px; width:100%; border-top:1px dotted #000; height:auto; overflow:hidden; margin:1px 0 1px; padding:20px 0 0 10px;}
div.left, div.right { float:left; min-width:200px; width:33%; height:100%; padding:0;}
div.right { float:right;}
div.left p, div.right p {margin:0 0 5px; font-size:85%; line-height:100%;}

div.print-and-order { position:absolute; right:30px; height:20px; width:136px; top:0}
div.print-and-order img{ float:left; margin:3px 0 0 0}
div.print-and-order a{ font-size:70%; float:left; margin:3px 0 0 10px;}
div.print-and-order a:link{ font-size:70%; float:left; margin:3px 0 0 10px;}
div.print-and-order a:visited{ font-size:70%; float:left; margin:3px 0 0 10px;}
div.print-and-order div.order-button {bottom:0; right:0; position:absolute;}

div.dotted-line { border-top:1px dotted #000; height:1px; width:100%; margin:10px 0;}

/*catalog-level-2*/

div.tovar-details div.left-col { float:left; width:50%;}
div.img-tovar-big { height:190px; width:264px; margin:0 auto;}
div.tovar-text { margin:10px 0; padding:10px 0;}
div.tovar-text p{ margin:10px 0; padding:0; font-size:80%;}
p.first-paragraph {font-weight:bold;}

div.tovar-details .right-col { float:right; width:300px; font-size:80%;}
table.table-details {width:100%; border-top:1px dotted #000; border-bottom:1px dotted #000;}
table.table-details tr { height:30px; width:100%; }
table.table-details td {font-size:100%; padding:0 10px; text-align:left; border-bottom:1px dotted #000;}
tr.zaglavie { background-color:#ecebd5; border-bottom:1px dotted #000;}
div.right-col div.dotted-line { height:1px; width:100%; margin:4px 0;}

/*order*/

.order-form { font-size:80%; width:100%;}
.order-form h3 {font-weight:bold; margin-left:11px;}
form.order-form td { font-size:100%;}
form.order-form .left {text-align:right; width:27%; padding:10px 0 0; vertical-align:top;}
form.order-form .right {width:65%; padding-left: 20px;}
div.order-text { margin-bottom:40px}
form.order-form p {margin:8px 0 17px; font-size:100%; }
.order-form select, .order-form input, .order-form textarea {width:100%; padding:2px 0 2px; margin:5px 0; font-family:Tahoma, Geneva, sans-serif; font-size:100%;}
.order-form input {color:#7f7f7f;}
.order-form textarea { min-height:134px; color:#7F7F7F;}
.order-form textarea.textarea-post-comment { min-height:50px; color:#7F7F7F}
.order-form .little {width:90px;}
.order-form .little-text {width:90px; text-align:center;}
.order-form .middle {width:40%;}
.order-form .little-data {width:1%; text-align:center;}
input.day { width:20px;}
select.month { width:84px;}
input.checkbox-small {width:20px; margin:0; padding:0;}
.order-form label {font-size:80%; margin:0 10px;}
input.submit { background:url(../img/submit.png) 0 0 no-repeat; height:30px; width:124px; border:none; margin-top:20px; cursor:pointer;}

/*contacts*/

div.contacts .left {width:50%}
div.contacts .right {width:50%}
div.contact-text { margin:12px 12px 25px;}
div.contact-text p {font-size:80%}
div.contact-text p.p_bold {font-size:85%}
div.contact-text br { margin:4px 0;}
.feedback {margin:12px 0 0;}
form.feedback p {margin:2px 0; font-size:80%}
form.feedback p.p_bold {font-size:85%; margin-bottom:15px;}
.feedback input, .feedback textarea {width:100%; padding:2px 0 2px; margin:5px 0; font-family:Tahoma, Geneva, sans-serif;}
.feedback input {color:#7f7f7f;}
.feedback textarea { min-height:155px; color:#7f7f7f; font-size:100%;}
.map {background: url(../img/bg-map.jpg) 0 0 no-repeat; width:610px; height:333px; margin:15px 0; padding:2px 0; text-align:center;}

/*partners*/

.partners { width:100%; padding:20px 0 11px 10px;}
.partners div.left {min-width:0; width:30%;}
.partner-logo { width:160px; height:160px; background:url(../img/bg-logo-partners.png) 0 0 no-repeat; text-align:center; display:table-cell; vertical-align:middle;}
.partner-text { float:left; width:67%; padding-top:20px;}
.partner-text h4{ margin:0; padding:0; font-size:90%; font-weight:bold;}
div.partner-text p{ margin:10px 0; padding:0; font-size:70%;}

/*footer*/

.footer {background:url(../img/footer-line-top.gif) top left repeat-x; height:44px; overflow:hidden; padding:32px 0 0; margin:20px 0 0;}

.copy {float:left; width:200px; font-size:70%; padding:4px 0 1px 0; color:#7d7775;}

#siluet {background:url(../img/siluet-logo.gif) 0 0 no-repeat; height:43px; float:right; width:150px; }

#siluet p {font-size:65%; padding:1px 0 1px 20px; margin:1px 0; line-height:110%; color:#7d7775; }

#siluet a:link {color:#7d7775; text-decoration:none; font-size:100%; }
#siluet a:visited {color:#7d7775; text-decoration:none; font-size:100%;}
#siluet a:hover {color:#7d7775; text-decoration:underline; font-size:100%; }

/* TEXT, a, list */
span.star {color:#FF7800;}

p {font-weight:normal; font-size:80%; color:#3c3c3c; line-height:125%; text-indent:0mm; margin:1px 0 13px 0; padding:1px 0; }

.p_center {text-align:center; }

.p_right {text-align:right; }

.p_small {font-size:70%; }

.img_left {float:left; margin:5px 20px 10px 0; }

.img_right {float:right; margin:5px 0 10px 20px; }

.p_smaller {font-size:65%; }

.p_large {font-size:90%;}

.p_xx-large {font-size:140%; }

.p_x-large {font-size:120%; color:#646464; }

.p_xx-small {font-size:45%; }

.p_bold {font-weight:bold;}

h1 {font-weight:normal;font-size:150%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; padding:0; margin:0; }

h2 {font-weight:normal; font-size:130%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; margin:10px 0; padding:0; }

h3 {font-weight:normal; font-size:120%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; margin:10px 0; padding:0; }

h4 {font-weight:normal; font-size:110%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; margin:10px 0; padding:0; }

h5 {font-weight:bold; font-size:90%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; margin:10px 0; padding: 0; }

h6 {font-weight:bold; font-size:80%; line-height:100%; font-family:Tahoma, Verdana, sans-serif; text-align:left; text-indent:0mm; margin:10px 0; padding: 0; }

.xx-small {font-size:45%;}
.x-small {font-size:65%;}
.small {font-size:70%;}
.medium {font-size:80;}
.large {font-size:90%;}
.x-large {font-size:120%;}
.xx-large {font-size:140%;}


a {text-decoration:underline; font-size:100%;}
a:link {color:#313131; font-size:100%; }
a:visited {color:#313131; font-size:100%; }
a:hover {color:#313131; font-size:100%; }
a.orange {color:#ff7800; font-size:100%;}
a:link .orange {color:#ff7800; font-size:100%;}
a:visited .orange {color:#ff7800; font-size:100%;}
a:hover .orange {color:#ff7800; font-size:100%;}


ol {list-style-position:outside; margin:0 0 1px 48px; padding:0 0 1px 23px; }

ol li {font-weight:normal; font-size:80%; color:#3c3c3c; line-height:135%; text-align:left; text-indent:0mm; margin:1px 0 8px 0; padding:1px 0; }

ul {margin:1px 0 1px 1px; padding:1px 0 1px 17px; list-style-position:outside; }

ul li {font-weight:normal; font-size:80%; color:#3c3c3c; line-height:120%; text-align:left; text-indent:0mm; margin:1px 0 10px 0; padding:1px 0 1px 8px; }

ul li a { font-size:100%;}
ul li a:link {font-size:100%; }
ul li a:visited { font-size:100%; }
ul li a:hover {font-size:100%; }

td {font-size:80%; color:#3c3c3c; }

td p {font-size:100%; }

th {font-size:80%; text-align:left; }

th p {font-size:100%; }