html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, audio, video {
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
}
a{
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease;
-o-transition: all .2s ease;
transition: all .2s ease;
outline: none;
}
body{
	color:#040000;
	font-family: 'Open Sans', sans-serif;
	font-size:1em;
	line-height:1.4em; 
	font-weight:normal;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
	margin-top:10px;
	padding:0;
} 
/* links */
a,
a:visited{color:#0000ff;}
a:hover{ text-decoration:none;}
/* RESPONSIVE IMAGES */
img{ max-width:100%; height:auto;}
.wrapper{display:block;position:relative;margin:0;padding:0;background:url(mages/fon.jpg) 50% 0 repeat-y #ffffff; background-size: 100% auto;}
.outer{display:block;max-width:1280px; margin:0 auto;position:relative;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
h1{font-size:1.8em;color:#1a1193; text-align:center;margin:10px 0 20px;}
h2{font-size:1.6em;font-weight:bold;color:#1a1193;}
h3{font-size:1.4em;font-weight:bold;color:#1a1193;} 
h4{font-size:1.2em;font-weight:bold;color:#1a1193;}
h5{font-size:1em;font-weight:bold;color:#1a1193;}
h6{font-size:.8em;font-weight:bold;color:#1a1193;}
header .top{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6eaf6+0,61b1dd+100 */
background: rgb(214,234,246); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(214,234,246,1) 0%, rgba(97,177,221,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(214,234,246,1) 0%,rgba(97,177,221,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(214,234,246,1) 0%,rgba(97,177,221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6eaf6', endColorstr='#61b1dd',GradientType=0 ); /* IE6-9 */
}
#logo{display:block;background:url(mages/logo-w.png) 0 0 no-repeat;width:177px;height:177px;margin:0 10px;}
#promo{margin:12px 150px 0 0;float:right;}
.topmenu{display:block;text-align:center;margin: 0 0 20px;height:40px;}
.topmenu li{display:inline-block;margin:0 2% 0 0;width:15%;float:left;}
.topmenu li:last-of-type{margin:0;}
.topmenu a{-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);text-decoration:none;padding:5px 0;display:block;font-size:1.1em;font-style:italic;color:#1a1193;font-weight:bold;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
.topmenu a:hover,.topmenu .active a{background:#fefb02;}
.w14{width:20%;margin-right:5%;}
.w34{width:75%;}

.leftmenu{display:block;margin: 0 0 20px;}
.leftmenu li{display:block;margin:0 0 5px;width:100%;}
.leftmenu a{-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);text-align:center;text-decoration:none;padding:5px 0;display:block;font-size:1em;font-style:italic;color:#fc010d ;font-weight:bold;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
.leftmenu a:hover,.leftmenu .active>a{background:#fefb02;}
.leftmenu a.titlelink, .info>ul>li>a{color:#1a1193;margin: 0 0 5px;}

.info ul li ul{display:none;}

footer{padding:10px 0 20px;}

#srchform{height:30px;-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);display:block;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
#srchform input{height:30px;display:block;border:0 none;}
#srchform input[type=text]{background:none;float:right;width:80%;}
#srchform input[type=submit]{width:30px;text-indent:-9999px;float:left;margin:0 0 0 10px;cursor:pointer;background:url(mages/srchbtn.png) 50% 50% no-repeat;padding:0;}

.botmenu{height:30px;-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);display:block;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
.botmenu li{display:inline-block;float:left;margin:0 42px;}
.botmenu li:last-of-type{margin:none;}
.botmenu a{text-decoration:none;padding:3px 0;display:block;font-size:1em;font-style:italic;color:#1a1193;font-weight:bold;}
.botmenu a:hover{color:#fc010d;}

.column article{padding:10px 15px; min-height:500px;background:#cee7f5;border-radius:7px}
/*article h1{font-size:1.2em;text-align:center;margin:0 0 10px;color:#1a1193;text-transform:uppercase;font-weight:bold;}*/

.center{text-align:center;}
.catalogitem   {display:block;float:left;margin:20px 0;padding:0;width:25%;text-align:center}
.catalogitem a:hover{color:#fc010d;}
.catalogitem a{display:inline-block;font-weight:bold;color:#1a1193;text-decoration:none;}
.catalogitem img{display:block;margin:0 auto 20px;}

.subcatalogitem{display:block;margin:20px 0;padding:0;width:25%;text-align:center;float:left}
.subcatalogitem span{display:inline-block;font-weight:bold;color:#1a1193;text-decoration:none;}
.subcatalogitem img{display:block;margin:0 auto 20px;}

.subcatalogitem .shk-but{font-size:1.2em;text-transform:lowercase;display:block;margin:10px auto 0;-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);cursor:pointer;padding:0px 30px;color:#1a1193;background:#8CC6E6;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}

.top .shop-cart{display:block;position:fixed;top:0;right:0;padding:10px 20px;background: rgba(0,0,0,.5);color: #ffffff; text-align:right;border-radius:0 0 0 7px;z-index: 10;}

.top #shk_butEmptyCart{color:#fc010d;text-decoration:none;}
.top #shk_butEmptyCart:hover{text-decoration:underline;}
.top #shk_butOrder{color:#cee7f5;text-decoration:none;}
.top #shk_butOrder:hover{text-decoration:underline;}

.red{color:#ff0000 !important;}
article ul{margin:0 20px;}

article table{border:1px solid #777; border-collapse:collapse;}
article .full table td{text-align:center;}
article .full table, article #shopOrderForm table {border:0 none; border-collapse:collapse;}
article table td{border:1px solid #777; border-collapse:collapse;}
article p{text-align:justify;}

.floater{display:none;opacity:0;padding:10px;border-radius:10px;background:#ddf8f9;position:absolute;top:100px;left:50%;margin-left:-160px;width:300px;z-index:5;}
.floater p{font-size:0.7em;line-height:1.4em;}

.logitem{cursor:pointer;position:relative;}

.forumTpl{display:block;margin: 0 0 20px;}
.forumTpl a.img{margin:0 10px;float:left;}

.menubtn{display:none;}
.leftmenubtn{display:none;}

.subcatalogitem span.shk-price {font-size:1em  !important;}

#shopOrderForm table input, #shopOrderForm table select, #shopOrderForm table textarea{width:97% !important}

@media only screen and (min-width:1280px){
.topmenu,.leftmenu{display:block !important;}
}
@media only screen and (max-width:1280px){
#promo{float:none;margin:0px auto;height:150px;display:block;}
.topmenu{position:absolute;top:0;right:0;width:240px;z-index:5;display:none;}
.topmenu li{display:block;float:none;width:100%;margin:0;}
.w14 {margin-right: 2%;width:21%}
.w34 {width:77%}
.leftmenu a{font-size:0.8em;}
footer .w34{display:none;}
footer .left{float:none;}
footer .w14{width:300px;margin:0 auto;}
.menubtn{text-align:center;width:236px;text-transform:uppercase;position:absolute;top:-40px;right:0;display:block;-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);text-decoration:none;padding:5px 0;display:block;font-size:1.1em;font-style:italic;color:#1a1193;font-weight:bold;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
.menubtn:hover{background:#fefb02;}

.subcatalogitem span {font-size:0.8em;}
}

@media only screen and (max-width:880px){
.topmenu a{font-size:0.8em;}
.topmenu {width:170px;}
.menubtn {width:166px;}
#promo{display:none;}
#logo{margin:0px auto;}
#logo.left{float:none;}
.leftmenubtn{text-align:center;width:166px;text-transform:uppercase;position:absolute;top:-40px;left:0;display:block;-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);text-decoration:none;padding:5px 0;display:block;font-size:1.1em;font-style:italic;color:#1a1193;font-weight:bold;background:#cee7f5;border-radius:7px;border-top: 2px solid #e0f0f9;border-left: 2px solid #e0f0f9;border-right: 2px solid #899aa3;border-bottom: 2px solid #899aa3;}
.leftmenubtn:hover{background:#fefb02;}
.leftmenu{display:none;}
.w14{margin:0;width:170px;}
.w34{width:100%}

.leftmenu a.titlelink, .info > ul > li > a {margin:0;}
.leftmenu.info{position:absolute;top:0;left:0;width:170px;z-index:5;display:none;}
.leftmenu.info li{display:block;float:none;width:100%;margin:0;}

.subcatalogitem span {font-size:0.8em;}
.subcatalogitem {width:33.3%}
}

@media only screen and (max-width:640px){
.catalogitem a {font-size:0.8em;}
.catalogitem {width:33.3%}

.subcatalogitem span {font-size:0.7em;}
.subcatalogitem {width:50%}
h1{font-size: 1.4em;}
h2{font-size:1.2em;}
h3{font-size:1.1em;} 
h4{font-size:1em;}
h5{font-size:.9em;}
h6{font-size:.7em;}

body{font-size:.8em;}
}
@media only screen and (max-width:480px){
.catalogitem a {font-size:0.7em;}
.catalogitem {width:50%}
#shopOrderForm table td{font-size:0.7em;}

}