* {margin:0; padding:0;}
body {background: url('/images/fon.jpg'); font-family: verdana}
.clear {clear: both; height: 0; margin: 0; padding: 0;}
header, footer, nav, menu, article, aside, hgroup, figure, figcaption {display:block;}
p {padding: 3px 0;}
header {overflow:hidden; height:130px; padding-left:30px;}
header a {text-decoration: none; display: block; overflow: auto}
header img {float:left; margin-right: 22px;}
header img.world {margin-right:60px;}
.btTop {opacity:0.5; position: fixed; right: 50px; bottom: 50px; background-color: #ffffff; border-radius: 10px; padding: 6px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); z-index: 1000}
.btTop a {display: block; text-align: center; border-radius: 10px; border: dashed 2px #cc3300; font-size: 0.9em; padding: 6px 25px; text-decoration: none; color: #000;}
.btTop a:hover {color:#cc3300;}

.wr_full_page {width:1200px; margin:0 auto;}
.phone {float:right; width:220px; background-color:#fff; padding: 6px; text-align:center; color:#cc3300; border-radius: 8px; font-size:15px}
.phone span {font-weight:700;}
.phone p {padding: 1px 0;}

.wr_block, .wr_content_3 .left nav > menu, .wr_content_2 .left nav > menu {border: 2px dashed #cc3300; border-radius: 8px; padding:8px;}
.wr_top_blocks {padding:10px 0; overflow:auto}
.top {border-radius: 8px; margin-right: 250px; background-color:#fff; padding:6px;}
.top nav menu {list-style-type:none; overflow:auto;}
.top nav menu li {float:left;}
.top nav menu li a {display:block; padding:10px 32px; color:#cc3300; font-size:17px; font-weight:900; text-decoration:none; margin:0 2px;}
.top nav menu li a:hover {text-decoration:underline;}
.wr_content_3, .wr_content_2 {padding:10px 0; overflow:auto; font-size: 0.8em}
/*.wr_article, article {border: 1px solid red;}*/
.wr_content_3 .left, .wr_content_2 .left, .wr_content_3 .right {width:230px;}
.wr_content_3 .left, .wr_content_2 .left {float:left;}
.wr_content_3 .right {float:right;}
.wr_content_3 .right h1, .wr_content_3 .left h1, .wr_content_2 .left h1 {font-size:1.4em; color:#cc3300;}
.wr_content_3 .right p.margin, .wr_content_3 .left p.margin, .wr_content_2 .left p.margin {margin-top:8px;}
.wr_content_3 .right .center, .wr_content_3 .left .center, .wr_content_2 .left .center {text-align:center}
.wr_content_3 .right a {color:#cc3300; text-decoration:underline}
.wr_content_3 .left a, .wr_content_2 .left a {color:#cc3300; text-decoration:none}
.wr_content_3 .right a:hover, .wr_content_3 .left a:hover, .wr_content_2 .left a:hover {text-decoration:underline}
.wr_content_3 .left aside > p, .wr_content_2 .left aside > p {text-align:center; padding: 15px 10px 5px 10px;}
/*.wr_content_3 .left figure, .wr_content_2 .left figure {padding: 15px 10px;}*/
.wr_content_3 .left aside > p a, .wr_content_2 .left aside > p a {display: block; padding-bottom:10px; color:#cc3300; text-align: center; text-transform:uppercase; font-size:0.9em; font-weight:bold}
/*.wr_content_3 .left figcaption a, .wr_content_2 .left figcaption a {padding: 25px 10px 15px 10px; color:#cc3300}*/

.wr_content_3 .content {margin:0px 250px;}
.wr_content_2 .content {margin:0px 0px 0px 250px;}
.wr_content_3 .right aside, .wr_content_3 .left nav, .wr_content_3 .left aside, .wr_content_2 .left nav, .wr_content_2 .left aside {border-radius: 8px; background-color:#fff; padding:6px; margin-bottom:20px;}
.wr_content_3 .right aside.news {}
.wr_content_3 .right aside.news > p {text-align:center; padding: 15px 10px 5px 10px;}
.wr_content_3 .right aside.news img {width: 170px;}
.wr_content_3 .right aside.news > p a {display: block; padding-bottom:10px; color:#cc3300; text-align: center; text-transform:uppercase; font-size:0.9em; font-weight:bold}

/* Оформление описания страницы товара */
.wr_content_2 .content article .price {padding: 20px;}
.wr_content_2 .content article .price p {padding-bottom: 20px;}
.wr_content_2 .content article .description {margin-right: 240px; overflow-x: hidden; display: none}
.wr_content_2 .content article .merchandieses {overflow:hidden}
.wr_content_2 .content article .merchandieses .img {width: 350px; float: left; border: 1px solid #c9cccf; background-color: #f7f8f6; box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); padding: 8px; margin: 15px;}
.wr_content_2 .content article .merchandieses p {padding-top: 4px; padding-bottom: 4px;}
.wr_content_2 .content article .merchandieses .images {width: 350px; float: left; margin: 15px}
.wr_content_2 .content article .merchandieses .images .master-image {}
.wr_content_2 .content article .merchandieses .images .master-image img {width: 100%; height: auto}
.wr_content_2 .content article .merchandieses .images .all-images {overflow: hidden}
.wr_content_2 .content article .merchandieses .images .all-images .image {float: left;}
.wr_content_2 .content article .merchandieses .images .all-images .image img {height: 100px}
/* Навигация по каталогу
.wr_content_3 .left nav > menu, .wr_content_2 .left nav > menu {list-style-image:url(/images/mark.png);}
.wr_content_3 .left nav > menu > li, .wr_content_2 .left nav > menu > li {margin-left:15px}
.wr_content_3 .left nav menu menu, .wr_content_2 .left nav menu menu {margin-top:4px}
.wr_content_3 .left nav > menu > li  menu, .wr_content_2 .left nav > menu > li  menu {list-style:none}
.wr_content_3 .left nav > menu > li > a, .wr_content_2 .left nav > menu > li > a {display:block; padding:10px 3px; color:#000}
.wr_content_3 .left nav menu menu li > a, .wr_content_2 .left nav menu menu li > a {display:block; padding: 5px 5px 5px 15px; background-color:#ffcc66; color:#666}
.wr_content_3 .left nav menu li menu li menu li > a, .wr_content_2 .left nav menu li menu li menu li > a {background-color:#e9c06f;}
.wr_content_3 .left nav menu menu li, .wr_content_2 .left nav menu menu li {padding: 2px 0; margin-left:15px;}
*/

.left nav menu {list-style-type: none;}
.left nav > menu > li {border-bottom: 1px dotted #edbd77;border-top: 1px dotted #edbd77; margin: 2px 0; background: linear-gradient(to left, #fff, #efefde, #fff /*#f5f5f5*/)}
.left nav > menu > li menu {display: none; width: 250px;}
/*.left nav > menu > li:hover > menu,
.left nav > menu > li > menu > li:hover > menu,
.left nav > menu > li > menu > li > menu > li:hover > menu {border: 1px solid #edb588; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.5); padding: 15px; background: #ffffff; display: block; position: absolute; margin: -32px 0 0 190px; z-index: 100}
*/
.left nav > menu > li menu {border: 1px solid #edb588; border-radius: 8px; box-shadow: 0 0 4px rgba(0,0,0,0.5); padding: 15px; background: #ffffff; position: absolute; margin: -32px 0 0 190px; z-index: 100}

/*.left nav > menu > li > menu > li:hover > menu,
.left nav > menu > li > menu > li > menu > li:hover > menu {margin-left: 240px;}*/
.left nav > menu > li > menu > li menu {margin-left: 240px;}
.left nav .visible {display: block;}
.left nav a {position: relative;}
.left nav .marker:after {content: ''; opacity: 0.3; display: block; position: absolute; background-image: url('/images/marker.gif'); background-repeat: no-repeat; background-position: center; width: 20px; top:0; bottom: 0; right: -4px}

/* Если JS выключен, то включить */
/*.left nav menu li:hover > menu {display: block}*/

.left nav > menu > li > a {display: block; padding: 7px 15px 7px 10px;}
.left nav > menu > li > menu li:first-child {border-top: 1px dashed #cc3300}
.left nav > menu > li > menu li {border-bottom: 1px dashed #cc3300; background: linear-gradient(to left, #fff, rgb(250, 232, 179), #fff /*#f5f5f5*/)}
.left nav > menu > li > menu li a {display: block; padding: 6px 8px;}
.left nav > menu > li > menu > li > a {font-weight: bold}
.left nav > menu > li > menu > li menu {}
.left nav > menu > li > menu > li menu li {}
.left nav > menu > li > menu > li menu li a {}
.left nav > menu li:hover {background: linear-gradient(to left, rgb(236, 218, 168), #fff, rgb(236, 218, 168) /*#f5f5f5*/);}
.left nav > menu li a:hover {color: #aa1111; text-decoration: none !important;}

.content {}
.content .wr_article {padding-bottom:20px}
.content a {color:#cc3300; text-decoration:underline}
.content a:hover {text-decoration:underline}
.wr_header {overflow: hidden;}
.content .wr_article h1 {background-color:#fff; padding:10px 15px; color:#cc3300; font-size:1.7em}
.wr_content_2 .content .wr_article h1 {margin-right: 252px;}
/* Оформление корзины на странице сайта */
.basket {box-shadow: 0 0 8px rgba(0,0,0,0.5); height: 80px; width: 100px; position: fixed; right: -50px; /*top: 45%;*/ top: 30px; background: url("/images/basket.gif")}
/*.basket:hover {right: 0px; cursor: pointer}*/
.basket p {padding-top: 20px; width:80px; display: block; color: red; font-size: 1.3em; position: absolute; bottom: 15px; left: 10px;}
.basketNew {padding: 10px 15px;  background: #fff url("/images/cart_ico.gif") no-repeat 20px center;}
.wr_content_2 .basketNew {width: 202px; float: right;}
.wr_content_3 .basketNew {margin-bottom: 20px;}
.basketNew a {display: block; padding: 5px 0; color: #000; font-weight: 700;}
.wr_content_3 .right > .basketNew a {color: #000;}
.basketNew a span {color: #113c32; margin: 0 15px; text-shadow: 0 0 8px #fff;}
.basketNew a:hover, .wr_content_3 .right > .basketNew a:hover {text-decoration: underline}

.content .wr_article article {background-color:#fff; padding: 10px; margin-top:20px; overflow:auto}

.content .wr_article article h2 {color: #ff6600; font-size:1.4em; padding: 4px 0 8px 0}
.content .wr_article article h3 {color: #b64900; font-size:0.8em; padding: 0px 0 8px 0; font-weight: 600; border-top: dashed 1px #cc3300; text-align: right}
.content .wr_article article .logo {float:left; margin: 0 10px 0}
.content .wr_article article img.blog {float:left; margin:10px}
.content .wr_article article .continue {font-weight:700; padding: 4px; text-align:right; }
.content .wr_article ul,
.content .wr_article ol {margin-left: 50px; list-style-position: inside}

/* Корзина и оформление заказа */
.content .wr_article article .tableBasket {border-collapse: collapse; margin: 10px; width: 907px}
.content .wr_article article .tableBasket tr {border-bottom: 1px solid #888888}
.content .wr_article article .tableBasket tr:first-child {border-top: 1px solid #888888}
.content .wr_article article .tableBasket td {padding: 6px 8px;}
.content .wr_article article div.button {overflow: hidden; padding: 20px 10px 10px 10px;}
.content .wr_article article div.button .btResetBasket {float: left;}
.content .wr_article article div.button .btReloadPricePosition {float: right;}
.content .wr_article article .form {padding: 0 10px;}
.content .wr_article article .form .ithem {padding: 10px 0 10px 0}
.content .wr_article article .form input[type=text] {width: 885px; font-size: 1.2em; padding: 4px 6px}
.content .wr_article article table input[type=text] {width: 30px; font-size: 1.2em; padding: 4px 6px; text-align: center}
.content .wr_article article .form.review input[type=text] {width: 100%; font-size: 1.2em; padding: 4px 6px; box-sizing: border-box}
.content .wr_article article .form textarea {width: 890px; height: 60px; padding: 2px 0 2px 5px}
.content .wr_article article .form.review textarea {width: 100%; height: 60px; padding: 2px 0 2px 5px; box-sizing: border-box}
.content .wr_article article .form select {width: 897px; font-size: 1.2em; padding: 2px 1px 2px 6px}
.content .wr_article article .form input[type=text],
.content .wr_article article .form textarea,
.content .wr_article article .form select,
.content .wr_article article table input[type=text] {border-radius: 4px; border: 1px solid #DA8028}
.content .wr_article article .form input[type=text]:focus,
.content .wr_article article .form textarea:focus,
.content .wr_article article .form select:focus,
.content .wr_article article table input[type=text]:focus {box-shadow: 0 0 4px rgba(208, 121, 22, 0.8);}

/* Вывод список товаров с кратким описанием для категории + оформление кнопки "Купить" */
.content .wr_article section {padding: 20px 10px;}
.content .wr_article section .line {overflow: auto;}
.content .wr_article section .tovarShortDescription {vertical-align: top; border:2px solid #DA8028; font-family:Arial, Helvetica, Sans Serif; /*float: left; */ display: inline-block; width: 241px; background: #fff; padding: 20px; margin: 0 10px 20px 10px; /*overflow: hidden;*/ position: relative; z-index: 1}
.content .wr_article section .tovarShortDescription:hover {box-shadow: 0 0 6px rgba(255, 255, 255, 0.8); }
/*.content .wr_article section .tovarShortDescription:hover img {-webkit-transform: matrix(1.05, 0, 0, 1, 0, 0);-moz-transform: matrix(2, 0, 0, 2, 0, 0);-ms-transform: matrix(2, 0, 0, 2, 0, 0);-o-transform: matrix(2, 0, 0, 2, 0, 0);transform: matrix(2, 0, 0, 2, 0, 0);}*/
.content .wr_article section .tovarShortDescription h2{color: #000; font-size:1.0em; padding: 0 0 4px 0; font-weight: 400;}
.content .wr_article section .tovarShortDescription p,
.wr_content_2 .content article .price p {font-weight: 100; font-size: 1.0em}
.content .wr_article section .tovarShortDescription .btLeft {float: left; /*position: absolute; left: 20px; bottom: 20px;*/ width: 160px; text-align: left; padding: 10px 0 0 0}
.content .wr_article section .tovarShortDescription .btLeft input[type=text],
.wr_content_2 .content article .price input[type=text] {margin-right:4px; width: 20px; font-size: 1.0em; padding: 4px 6px; text-align: center; border-radius: 2px; border: 1px solid #bc6827}
.content .wr_article section .tovarShortDescription .btLeft input[type=text]:focus,
.wr_content_2 .content article .price input[type=text]:focus {box-shadow: 0 0 4px rgba(208, 121, 22, 0.8);}
.content .wr_article section .tovarShortDescription .btLeft input[type=submit],
.wr_content_2 .content article .price input[type=submit],
.wr_content_2 .content article .button input[type=submit],
.review .button input[type=submit] {font-size: 0.9em; padding: 4px 10px; border: 1px solid #bc6827; border-radius: 10px; background-color: #f9ebc1; color: #113c32}
.content .wr_article section .tovarShortDescription .btLeft input[type=submit]:hover,
.wr_content_2 .content article .price input[type=submit]:hover,
.wr_content_2 .content article .button input[type=submit]:hover,
.review .button input[type=submit]:hover {background-color: #bc6827; cursor: pointer; color: #e3e3c7;}
.content .wr_article section .tovarShortDescription .btRight {float: right; /*position: absolute; right: 20px; bottom: 20px;*/ width: 75px; text-align: right; padding: 14px 0 0 0}
.content .wr_article section .tovarShortDescription img {width: 241px}
.content .wr_article section .tovarShortDescription .inBasket {position: absolute; width: 76px; height: 20px; padding: 5px; background: url("/images/inBasket.png") no-repeat center center; right: -20px; top:20px; transform: rotate(20deg); -moz-transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); opacity:0.8; filter:alpha(opacity=80);}

/* Оформление дочерних категорий в родительской */
.wr_listcategory {}
.wr_listcategory .listcategory {}
.wr_listcategory .listcategory article {background-color: inherit; padding-bottom: 20px;}
.wr_listcategory .listcategory article .onecategory {float: left; width: 320px; overflow: hidden; background-color: #fff; padding: 20px; border: 1px solid #d4d4d4; margin: 0px 46px 30px; box-shadow: 0 0 7px rgba(0,0,0,0.3)}
.wr_listcategory .listcategory article .onecategory p {margin: 0; padding: 0}
.wr_listcategory .listcategory article .onecategory .img {width: 320px; height: 260px; overflow: hidden}
.wr_listcategory .listcategory article .onecategory img {width: 320px;}
.wr_listcategory .listcategory article .onecategory figcaption {text-align: center; padding-top:30px;}
.wr_listcategory .listcategory article .onecategory figcaption a {font-weight: bold; font-size: 1.0em; color:blue; text-decoration:underline}
.wr_listcategory .listcategory article .onecategory figcaption a:hover {color:red;}

/* Две колонки */
.colls {width: 100%; overflow: hidden;}
.col-50 {width: 50%; float: left; box-sizing: border-box; overflow: hidden;}
.col-50:first-child {padding-right: 30px;}
.all-reviews {max-height: 415px; overflow-y: auto}

/* Форма писка по каталогу в левой колонке */
.wr_block input[type=text] {margin:4px; width: 100px; font-size: 1.0em; padding: 4px 6px; border-radius: 2px; border: 1px solid #bc6827}
.wr_block input[type=text]:focus {box-shadow: 0 0 4px rgba(208, 121, 22, 0.8);}
.wr_block input[type=submit] {font-size: 0.9em; padding: 4px 10px; border: 1px solid #bc6827; border-radius: 10px; background-color: #f9ebc1; color: #113c32}
.wr_block input[type=submit]:hover {background-color: #bc6827; cursor: pointer; color: #e3e3c7;}

/* Хлебные крошки */
.breadcrumbs {margin: 20px 0; background-color: #fff; padding: 15px 20px;}
.breadcrumbs p {margin: 0; padding: 0;}

.right .wr_block ul.news {list-style: none;padding-top: 5px;}
.right .wr_block ul.news li a {display: block; text-decoration: underline; padding: 6px;}
.right .wr_block ul.news li:last-child a {text-align: right}
.right .wr_block ul.news li:hover a {background: linear-gradient(to top, #fff, #F4F4F4, #fff)}
.right .wr_block ul.news li a span {display: block; width: 100%; border-top: 1px dashed #cc3300; font-size: 0.6em; margin-top: 3px; padding-top: 2px; text-align: right}


footer {padding:20px 0; overflow:auto}
footer .adress {border-radius: 8px; background-color:#fff; padding:6px; width:940px; margin:0 auto; text-align:center; font-weight:900; font-size:0.8em}
footer a {color: #cc3300; text-decoration:underline;}
footer a:hover {text-decoration:underline;}
footer .spravka {font-size: 0.5em; padding: 20px; }
footer .banner {overflow: auto; text-align: center}
footer .banner_block {display: inline-block; padding: 5px 22px;}
footer .banner_block .one {width: 88px; height: 31px; border:none; overflow: hidden;}
/*footer .banner img {margin:0 30px;}*/
footer .copy {font-size:0.6em; text-align:center; padding-top:20px; clear: both}
footer .copy a {color:#f1f1f1;}