body{margin:0 0 50px 0; background: #eee url(files/fon.png) center repeat-y; font-size:13px; color:#000; font-weight:normal; font-family: arial, helvetica, sans-serif;}

.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both;}
.ac{text-align:center;}
a{text-decoration:underline; outline:none; color:#3c5da4; cursor: pointer;}
a:hover{text-decoration:underline; color:#d73228;}

input{outline:none;}
form{margin:0; padding:0;}
textarea{outline:none; overflow:auto;}
img{border:0;max-width:100%;max-height:100%;width:auto;height:auto}
img[align=left] {margin:2px 15px 10px 0;}
img[align=right] {margin:2px 0 10px 15px;}
p{margin:10px 0;}
.hs{height:122px;}
.alls{width:930px; margin:14px auto;}
.logo{width:23%;padding-right: 15px;box-sizing: border-box;}
.slogan{width:43%; font-size:14px; color:#336699; text-transform: uppercase; padding-top:17px;}
.slogan span{color:#d90210;}
.lang{margin-top:17px; width:12.5%;}
.lang a{display:block; text-decoration:none; height:24px; width:35px; float:left; margin-right:4px; text-align:center; padding-top:11px; font-size:12px; color:#3a3a3a;}
.lang a.act{background:url(files/lang.gif) center no-repeat; color:#fff;}
.phones{text-align:right;  font-size:18px; font-weight:bold; line-height:30px;}
.phones a{color:#d90210;text-decoration:none}
.menu{width:100%; background:#fff url(files/menu-top-fon.gif) top repeat-x; height:36px; margin:0 auto;}

#readmore{color:#fff;border-radius:15px;display: inline-block;padding:5px 12px;background:#3C5DA2;text-decoration:none;}
#readmore:hover{background:#E24407;}

.title{width:990px; margin:auto;} 
.search{width:23.5%; height:36px; background:url(files/search-fon.gif) top repeat-x;}
#searching{background-color: transparent; background-image: url(files/r-search.gif); background-repeat: no-repeat; background-position: right center; height:21px;
width:calc(100% - 50px); font-size:13px; color:#6e6e6e; font-weight:normal; font-family: arial, helvetica, sans-serif; border:0; margin:0 10px 0 10px;}
.search input[type=image]{margin-top:6px;}
.search form{border:2px solid #3C5DA4; margin:5px;}
.smm{width:75.5%}
.piro{position:relative; width:100%; background:#E8EDF7;}
.info{width:100%; background:#fff;}
.nakladka{width:100%; position:absolute; z-index:20; bottom:0; left:0; height:78px;}

.leftcol{width:23.5%}

.brands{background:#fff url(files/blue-fon.png) top repeat-x; border-right:1px solid #3C5DA4;}
.brands div.sps{text-align:center; height:60px; border-top:1px solid #cdcdcd;}
.brands div.spsact{background:url(files/act-logo.gif) left repeat-y;
display: table-row; vertical-align: middle; text-align:center; height:60px; width:100%; border-top:1px solid #cdcdcd;}

.brands div.sps div, .brands div.spsact div{height:60px; width:100%; position: relative;}
.brands div.sps div img, .brands div.spsact div img{
    display:block;
    position: absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.leftmenu{background:#3C5DA4; color:#fff; }
.title > .leftmenu{width:23.5%;}
.leftmenu div{font-size:15px; color:#fff; font-weight:bold; padding:10px 0 10px 31px; text-transform: uppercase;}
.leftmenu ul{margin:0; padding:0;}
.leftmenu ul li{margin:0;  border-top:1px solid #4e6eb3; list-style:none; padding:0;}
.leftmenu ul li a{color:#c8d4ee; text-decoration:none; font-size:13px; padding:4px 10px 4px 31px; display:block;}
.leftmenu ul li a:hover{background:url(files/hover-menu.png) left repeat-y; color:#fff;}
.leftmenu ul li a.act{background:url(files/act-menu.png) left repeat-y; color:#fff;}

.redmenu{background:#D90210; width:100%;max-width:990px;margin:0 auto}
.redmenu ul{margin:0 0 0 10px; padding:0;}
.redmenu ul li {margin:0; padding:0; list-style:none; float:left;}
.redmenu ul li a{display:block; text-decoration:none; text-transform: uppercase; color:#fef0f0; font-size:12px; padding:7px 24px 6px 14px;
background:url(files/r-menu.gif) right center no-repeat;}
.redmenu ul li a:hover, .redmenu ul li a.act{color:#fff; text-decoration: underline;}

.slideshow{width:76.5%; height:300px;overflow: hidden;}
.slideshow ul{margin:0; padding:0;} 
.slideshow ul li {list-style:none; margin: 0; padding:0;}
.slideshow img{display:block}
.rightcol{width:76.5%; position: relative;}
div.rightcol div.redmenu{left:0; margin-left:0;}


.llk{width:325px; margin-left:35px;}
.llk div.s{width:108px; height:63px; display:table-cell; text-align:center; vertical-align: middle;}
big{font-size:18px; color:#000; font-weight:bold;}
.rrk{width:533px;}

.content{background:url(files/fon.jpg) top center no-repeat;}
.padd{padding:40px 0 35px 0; border-bottom:1px solid #e1e1e1;}
.title1{width:912px; margin:auto;}
.content h1{color:#3c5da4; font-weight:bold; margin:15px 0; font-size:19px; line-height:1.25}

.padd1{padding:25px 0;}

.title1{padding:20px 0 17px 0;}
.title1 big{color:#d5271d; font-weight:bold; font-size:24px;}
.title1 big span{color:#000;}

.title1 div.ar a{color:#fff; text-decoration:none; background:url(files/allnews.gif) center top no-repeat; padding:4px 6px 16px 6px;}

.kad{border-left:3px solid #D73228; width:32%; min-height:70px; margin-top:20px;}
.kad a{color:#bf170d; text-decoration:none;}
.kad a:hover{color:#000;}
.data{width:25%; text-align:center; color:#b5b5b5; font-size:34px; line-height:23px;}
.data small{font-size:12px; text-transform: lowercase;}
.nnn{width:70%;}


.podval{padding:25px 0; line-height:18px; font-size:12px; color:#888; border-top:1px solid #e1e1e1;}
.prava{width:312px;}

.price{color:#cc0000; font-size:30px; padding-bottom:15px;}
.price strike{color:#999; font-size:20px;}

#oknos{top:200px; left:50%; margin-left:-150px; position:fixed; z-index:30; width:300px;}
#okn{background: #CC0000; color:#fff; padding:15px 20px; border-radius:15px;
box-shadow:0 0 22px 4px #B5B5B5;
font-weight:normal; font-family: arial, helvetica, sans-serif;
}
#okn a{color:#fff;}

.vname{font-size:17px;}
input.trav{background:#fff; font-weight:normal; font-family: arial, helvetica, sans-serif; color:#727272; text-align:center; width:100%; border:0; padding:4px 0;
font-size:14px; border-radius:5px;}

input.btn{border: 0; cursor:pointer; background: #3C5DA4; color:#fff; font-weight:normal; font-family: arial, helvetica, sans-serif; font-size:15px;
height:30px; border-radius:5px;}
input:hover.btn{background: #65457D;}

a.sho{display:block; width:77px; border-bottom:1px dashed #3c5da4; padding-bottom:4px; font-size:15px; text-decoration:none !important;}
a:hover.sho{border-bottom:1px solid #fff;}

#okn a{cursor:pointer;}
a.close{background:url(files/close.png) 0 0 no-repeat;  width:18px; height:16px; cursor:pointer; display: block; text-decoration:none;}

.adres{width:370px;}

a.msgroup{display:block; background:#fff url(files/msgroup.gif) 6px center no-repeat; padding:4px 13px 4px 31px; font-size:12px; color:#888; text-decoration:none;
border-radius:8px;}
a:hover.msgroup{color:#000;}

.banner{width:100%;overflow:hidden; border-bottom:1px solid #3C5DA4;}
.banner img{display:block;width:100%;height:auto;}
.information{padding:24px 15px; background: #fff url(files/blue-fon.png) top repeat-x;}
.path{font-size:12px; color:#a1a1a1;}
.path a{color:#a1a1a1; text-decoration:none;}
.path a:hover{color:#666;}

h1{font-size:30px; font-weight:bold; margin:10px 0; line-height:33px; color:#333;}
h1 span{color:#999; font-size:20px;}
h2{font-size:25px; font-weight:bold; margin:10px 0; line-height:28px; color:#333;}
h3{font-size:19px; font-weight:bold; margin:10px 0; line-height:21px; color:#333;}

#fixed-div {
         width: 100%;
       position: fixed;
         bottom: 0;
         left: 0;
         z-index:150;
        border-bottom:5px solid #CC0000; 
      }

.mara{width:950px; margin:auto;}
.mara a{display:block; background:url(files/korzina.png) 0 0 no-repeat; width:162px; height:31px; color:#fff; font-size:18px; padding:18px 0 0 59px;
text-decoration:none;}
#korz{background: #CC0000; font-size:15px; width:100%; padding:5px 0; color:#fff;}
#korz a{color:#fff;}

#bigfoto{
    position: fixed;
    z-index: 20;
    top: 50%;
    left: 50%;
    /* margin-left: -250px; */
    background: #fff;
    padding: 5px;
    box-shadow: 0 0 22px 4px #B5B5B5;
    transform: translate(-50%,-50%);
}
.inform{position:relative; font-size:15px; width:100%;}
.inform ul{margin:10px 0; padding:0;}
.inform ul li{margin:0; padding:6px 0 6px 30px; list-style:none; background:url(files/ulli.gif) left center no-repeat;}

.new{position:absolute; z-index:2; top:0; right:3px; width:35px; color:#336699; font-size:11px; text-align:center;
padding-top:14px; height:35px; background:url(files/flag.png) 0 0 no-repeat;}

.fotos{position:relative; width:230px;}
.fotos img{cursor:pointer;}
#sema{border:1px solid #c4c4c4; padding:3px; text-align:center;}
#mainfoto{width:100%; border:0;}
.dopfoto img{margin:10px 5px 0 5px; opacity: 0.5;
height:64px; border: 1px solid #cbcbcb; padding:2px;}
.dopfoto img:hover{opacity: 1;}

.rikk{width:433px; min-height:391px; color:#666;}
.rikk table{border-collapse: collapse; width:100%;}
.rikk table td{width:50%; padding:5px 10px;}

span.req{padding-left:5px; color: #E81313;}

div.ln{height:2px; margin:10px 0; font-size:1px; background: #E6E6E6; width:100%;}

.pole22{background:#EFEFEF; border:0; border-top:1px solid #CECECE; border-left:1px solid #CECECE;
font-size:14px; color:#333; font-weight:normal; font-family: arial, helvetica, sans-serif; width:98%; padding:4px 0 4px 10px;}
.pole22red{border:1px solid #E81313; background:#EFEFEF;
font-size:14px; color:#333; font-weight:normal; font-family: arial, helvetica, sans-serif; width:98%; padding:4px 0 4px 10px;}

.vkorz1{border:0; background:#189E60; color:#fff; font-size:18px; cursor:pointer; height:35px; font-weight:normal; font-family: arial, helvetica, sans-serif;}

.yes{background: #E3ECBC; padding:13px 0; width:50%; margin:10px auto; text-align:center; font-size:18px; color:  #6D9926; font-weight:bold;
 border-radius:5px;}
 
#zakaza{border-collapse:collapse;}
#zakaza td{padding:4px 0; border-top: 1px solid #D0D0D0;}
#zakaza td input{text-align: center;} 

a.delb{width:11px; height:11px; text-decoration: none; background: url(files/close.gif) center no-repeat; display: block; cursor: pointer;}

.tbv{width:230px; height:360px; margin:8px 9px 0 0; position:relative;}

div.tovar{width:228px; border:1px solid #e6e6e6; position:absolute; z-index:1;top:0; left:0; background: #fff; height:325px; overflow:hidden; border-radius:5px;}
div:hover.tovar{border:1px solid #fff; background:#fff url(files/tovar-fon.png) bottom repeat-x; z-index:5; height:466px; box-shadow:0 0 22px 4px #B5B5B5;}
div.tovar span{color:#cc0000; font-size:19px;}

.sopis{font-size:12px; color:#839092; margin:20px auto;}

.image{width:100%; height:214px; text-align:center;}

.nama{font-size:14px; line-height:16px; padding:10px;}

input.vkorz{color:#fff; border:0; background: #336699 url(files/bag.gif) 9px center no-repeat; text-transform: lowercase; width:80px; height:26px; cursor:pointer;
font-weight:normal; font-family: arial, helvetica, sans-serif; font-size:16px; border-radius:3px; padding-left:29px;}
input:hover.vkorz{background:#ff0033 url(files/bag.gif) 9px center no-repeat; color:#fff;}

.nama div.dens{height:56px;}

.bok{top:10px; left:15px; position:absolute; z-index:22;}

.bottomms{font-size:24px; margin-top:13px; text-align:right;}
.bottomms a{color:#1878a9; text-decoration:none; padding:0 10px;}
.bottomms a.acc{color:#333;}
.bottomms sup{font-size:13px; color:#666;}

div.vipad{border:1px solid #f8f8f8; background-color:transparent; background-image: url(files/pd.gif); background-position: right 17px; background-repeat: no-repeat;
 padding:9px 7px 9px 10px; cursor:pointer; color:#3282ad; height:10px; overflow:hidden; position:absolute; z-index:10; top:-9px; left:232px;}
div.vipad a{display:block; padding:2px 0 2px 24px; text-decoration:none; background:url(files/checkbox.gif) left center no-repeat;}
div.vipad a:hover{color:#333;}

div.vipad a.act{color: #D80C0C; background:url(files/close.gif) left center no-repeat;}


div:hover.vipad{height: auto; border:1px solid #e5e5e5; overflow: visible; background:#fff url(files/filter-fon.png) top repeat-x;} 

div.der{left:360px;}

.seo{width:990px; background:url(files/fon.jpg) top center no-repeat; margin:auto; border-top:3px solid #CD0003;}
.seo h2{color:#3c5da4; font-size:21px;}
.seo h3{color:#3c5da4; font-size:18px;}



#mainslide{width:532px; height:210px; overflow:hidden; position:relative;}
#mainslide table{border-collapse: collapse; width:100%;}
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; color:#d90210; font-size:14px;}

#slider li { width:532px; height:210px; overflow:hidden; }
p#controls { margin:0; position:relative; }
#prevBtn,
#nextBtn { display:block; margin:0; overflow:hidden; width:16px; height:52px; position:absolute; left: 0; top:-154px; }
#nextBtn { left:514px; }
#prevBtn a { display:block; width:16px; height:52px; background:url(files/pl.png) no-repeat 0 0;}
#nextBtn a { display:block; width:16px; height:52px; background:url(files/pr.png) no-repeat 0 0; }


#banner{
    position: fixed;
    right:20px;
    z-index:80;
   
}
#banner div.rel{
    padding:10px;
    background:#fff;
    margin: 0 auto;
    max-width:300px;
    border-radius:15px;
    border:4px solid #D90210;
    position: relative;
}
div.zak{
    top:10px;
    right:10px;
    position:absolute;
    z-index:7;
}
div.hidebanner{
    top:-800px;
    transition:0.5s;
}
div.showbanner{
    transition:0.5s;
   top:20px;
}
span.close{
    background:url(files/close.png) no-repeat;
    width:18px;
    height:16px;
    display:block;
    text-decoration:none;
    cursor:pointer;
}
div.bars{
    display:none;
    float:right;
    background:url(files/bars-solid.svg) center no-repeat;
    height:36px;
    width:50px;
    background-size:26px !important;
}
#menumobile{
    display:none;
    position: fixed;
    top:0;
    right:0;
    background:#fff;
    width:0;
    overflow: hidden;
    transition:0.2s;
    box-shadow:0 0 50px rgba(0,0,0,.3);
    z-index:100;
}
#menumobile .zakr{
    height:40px;
    cursor:pointer;
    background:url(files/circle-xmark-regular.svg) right center no-repeat;
    background-position-x:calc(100% - 15px);
    background-size:22px !important;
}
#menumobile ul{
    margin:0;padding:0;
    display:block;
    overflow-y: auto;
    height:300px;
}
#menumobile ul li{
    display:block;
    list-style:none;
    padding:0;
    margin:0;
    border-top:1px solid #ddd;
}
#menumobile ul li:first-child{border-top:0;}
#menumobile ul li a{
    text-decoration:none;
    display:block;
    padding:14px 15px;
}
.menu_cat{background-color:#dfdfdf;border-color:#ccc;}
.menu_cat a{color:#000}
.menu_red{background-color:#D90210;}
.menu_red a{color:#fef0f0}

@media screen and (max-width: 1000px) {
    .alls{margin:0;padding:15px;width:auto;}
    .title, .rrk{width:100%}
    #mainslide{margin:10px auto}
    .title1, .info{width:auto;padding:15px}
    .adres, .prava{width:33%}
    .mara{width:98%;margin:0 auto}
    .leftmenu ul li a, .leftmenu div{padding-left:15px}
    .slogan, .redmenu ul li a{text-transform:lowercase}
    .lang{margin-top:0}
    .mara a{width: 225px;height: 50px;box-sizing: border-box;font-size:16px;padding-top:25px;}
    .llk{margin-left:0;width:100%;text-align:center;}
    .llk br{display:none}
    .llk div.s{display: inline-block;position: relative}
    .llk div.s img{position: absolute;top:50%;left:50%;z-index:1;transform: translate(-50%,-50%)}
    #slider li, #mainslide{height:300px;}
    .rrk{text-align:center;margin-top:40px;}
    .padd1{padding-top:25px !important;padding-bottom:25px !important;}
    .inform table{width:100% !important;height:auto !important;table-layout: fixed}
    input.vkorz{font-size:14px}
    div.tovar{width:auto; box-sizing: border-box;}
    .tbv{width:calc(33% - 9px);box-sizing: border-box;}
    .inform noindex{padding-bottom:25px;display:block}
    div.vipad{left:0;top: auto;bottom:0;border-color:#ddd;}
    div.der{left:auto;right:0;top: auto;bottom:0;}
    .rikk{width:calc(100% - 250px)}
}

@media screen and (max-width:830px) {
    .leftmenu, .redmenu, .smm{display:none;}
    .slideshow{width:100%;height:auto}
    .slideshow img{width:100%;}
    .search{width:calc(100% - 50px);}
    div.bars{display:block;}
    table.novosty{border-collapse: collapse;}
    table.novosty tr td{padding:10px 0; }
    table.novosty tr td:first-child{width:80px;padding-right:15px}
    
}
@media screen and (max-width:760px) {
    .slogan{padding-top:0;}
    .kad{width:100%;margin-top:50px;}
    .leftcol{display:none}
    .rightcol{width:100%}
    h1{font-size:23px;line-height:1.25;}
}
@media screen and (max-width:670px) {
    .podval > div{width:100%;padding:15px 0;float:none}
    .podval > div.cl{display:none}
    .slogan{width:60%;}
    .logo{width:40%;}
    .lang{width: auto;white-space: nowrap;clear: left;padding-top: 15px;}
    .phones br{display:none;}
    .phones{padding-top:22px;line-height:23px}
    .information table.roboto300, .information table.roboto300 tbody, .information table.roboto300 tr, .information table.roboto300 td{width:100%;display:block;border-collapse: collapse;}
    .information table.roboto300 td * {box-sizing: border-box;}
}
@media screen and (max-width:630px) {
    #mainslide, #slider li{width:320px;height:250px;}
    #nextBtn{left:300px}
    .slideshow{height:200px;}
    .tbv{width: calc(50% - 9px);height:330px}
}
@media screen and (max-width:480px) {
    .fotos{width:100%;margin-bottom:30px;}
    .rikk{width:100%}
    #order11 table, #order11 table tbody, #order11 table tr, #order11 table td,
    #orderr table, #orderr table tbody, #orderr table tr, #orderr table td
    {width:100%;display:block;}
    #order11 table td, #orderr table td{padding:4px 0;}
    .pole22{width:100%; box-sizing: border-box;}
    #order11 table tr, #orderr table tr{margin-bottom:10px}
}
@media screen and (max-width:430px) {
    .phones{font-size:16px}
    div.showbanner{top:10px;}
    #banner{right:10px;}
    .llk div.s{width:90px;}
    .llk div.s img{max-width:80%}
    input.vkorz{background:#336699;width: auto;padding-left:10px;padding-right:10px;}
    .vkorz1{font-sizE:13px}
}
@media screen and (max-width:380px) {
    .slogan{font-size:12px}
    .title1 big{font-size:20px}
    div.tovar span{font-size:15px}
    
}
@media screen and (max-width:360px) {
    .nama{padding:5px;}
    .phones{font-size:14px}
    #mainslide, #slider li{width:290px;height:250px;}
    #nextBtn{left:270px}
}