* {margin:0;padding:0}
img {border:none}
html {height:100%}
#wbox {height:100%;min-width:320px}
body {font: normal 12px Arial, Verdana, Helvetica, sans-serif;height:100%;background:url('../images/top.jpg') repeat-x 50% 0}
div.wrapper {margin-bottom:-47px !important;min-height:100%}
div.clear{clear:both;height:0;overflow:hidden}
div.wrapper>div.clear {height:70px}

h1.main-title {font:normal 18px 'Open Sans', sans-serif;color:#104199;margin-bottom:25px}
a{color:#406fc1}

div.topLeft {width:67.68% !important}
div.topRight {width:32.32% !important}

div.top_page{color:#d40000;font: italic 33px/33px Arial;height:33px;padding:28px 14px 27px;text-align:right;background:url('../images/logo.png') no-repeat 14px 28px}
div.top_page>div.titleTop:before  {content:url('../images/phone.png');vertical-align:middle;margin-right:10px}

.pageNavig{color: #fff;clear:both;text-align:center}
.pageNavig span{color:#888;display:inline-block;font-size:12px;line-height:23px}	
.pageNavig a{margin-right:5px;font-size:12px;display:inline-block;background-color:#bbb;width:25px;height:25px;line-height:26px;color:#fff;text-decoration:none;border-radius:3px}
.pageNavig b{margin-right:5px;font-size:12px;display:inline-block;background-color:#406fc1;width:25px;height:25px;font-weight:normal;line-height:26px;border-radius:3px}
.pageNavig a.ap,.pageNavig a.an{width:auto;background-color:transparent;margin-right:0;color:#000}
.pageNavig span.n{margin-right:10px}
.pageNavig a.an{margin-right:10px}
.pageNavig span.p{margin-left:5px}
.pageNavig a.ap{margin-left:5px}

a.topImageLink {display:block;text-decoration:none}
a.topImageLink img {max-width:100%;height:auto;vertical-align:top}

div.selLeftMenu {display:none;margin:0 10px 20px;padding-bottom:10px;border-bottom:4px dotted #104199}
div.selLeftMenu select {width:100%;font:normal 14px Arial, Verdana, Helvetica, sans-serif;box-sizing:border-box}
div.selLeftMenu option {padding:10px;cursor:pointer;background-color:#f1f1f1}
div.selLeftMenu option[value=""] {cursor:default}
div.selLeftMenu option.lev1 {padding-left:40px;background-color:transparent}
div.selLeftMenu option.lev2 {padding-left:80px;background-color:transparent}
div.selLeftMenu option+option {border-top:1px dashed #e3e3e3}

div.bkgShd { background:#000;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:19;opacity:0.5}

a.topMobilePhone {display:none;color:#d40000;font: italic 33px/33px Arial;text-align:center;text-decoration:none;margin-bottom:20px;outline-style:none}
a.topMobilePhone:before {content:url('../images/phone.png');vertical-align:middle;margin-right:10px;display:inline-block}

section.prodArea div:after {content:'';clear:both;display:table}
section.prodArea article {float:left;width:33%;margin-left:0.5%;margin-bottom:0.5%;box-sizing:border-box;background-color:#406fc1;color:#fff;padding:20px 1px;overflow:hidden;border-radius:4px}
section.prodArea article:nth-child(3n+1) {margin-left:0;clear:left}
section.prodArea img {max-width:99%;max-height:99%;width:auto;height:auto;position:absolute;top:0;right:0;left:0;bottom:0;margin:auto}
section.prodArea a {color:#fff;text-decoration:none}
section.prodArea a.img {display:block;overflow:hidden;padding-bottom:70%;position:relative;background-color:#fff}
section.prodArea h2 {font-size:1.6em;margin:30px 0 20px;color:#406fc1}
section.prodArea h3 {font-size:1.2em;text-align:center;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}

@media screen and (max-width:990px){
h1.main-title {font-size:18px;font-weight:bold}
div.wrapper {width:auto !important}
div.top_page {background-size:47% auto}
div.wrapper>div:first-child {background:url('../images/top.jpg') repeat-x 50% 0}
body {background-image:none}
div.rgt {width:calc(100% - 260px) !important;padding-right:10px}
}
@media screen and (max-width:800px){
section.prodArea article {width:49.75%}
section.prodArea article:nth-child(3n+1) {margin-left:0.5%;clear:none}
section.prodArea article:nth-child(2n+1) {margin-left:0 !important;clear:left !important}
}
@media screen and (max-width:768px){
div.selLeftMenu {display:block}
div.rgt {float:none !important;width:auto !important;padding:0 10px}
div.lft {display:none}
a.topMobilePhone {display:block}
div.wrapper {margin-bottom:0 !important}
div.wrapper>div.clear {height:0}
div.topLeft {float:none !important;position:absolute;top:5px;left:10px;background:url('../images/logo.png') no-repeat 0 0/100% auto;z-index:21;width:302px !important;height:35px}
div.top_page {display:none}
div.topRight {float:none !important;position:absolute;z-index:21;top:50px;left:10px;width: 200px !important}
a.topImageLink {margin:-16px 0 20px}
div.wrapper>div:first-child {background:none}
}
@media screen and (max-width:420px){
section.prodArea article {width:auto;float:none;margin:0 auto 10px}
section.prodArea article:nth-child(2n+1) {margin-left:auto !important;clear:none !important}
}