html, body, ol, ul, p, h1, h2, h3, h4, h5, h6, img, form { padding: 0px; margin: 0px; border: 0px; }
html { font-family: 'Open Sans', sans-serif; font-weight: 400; color:#000; }
body { background: #fff; font-size:16px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

h1, .h { width: 97%; color: #242589; font-size: 30px; font-weight: 400; float:left; margin-top:10px; background:url(../images/bg-h1.png) 0% 55% no-repeat; padding-left:30px; margin-bottom:15px; }
.h1-home { float:left; margin-bottom:0 !important; }
.h1-shop { float:left; }
.hh { width: 97%; color: #242589; font-size: 30px; font-weight: 400; float:left; margin-top:10px; background:url(../images/bg-h1.png) 0% 55% no-repeat; padding-left:30px; margin-bottom:15px; }
h2 { font-size: 24px !important; color: #ff0000; font-weight: bold; margin-bottom: 15px; display: block; font-weight: normal; }
h3, h4, h5, h6, .hhh { font-size: 20px !important; color: #242589; font-weight: bold; margin-bottom: 15px; display: block; font-weight: normal; }
.hhhh { font-size: 20px !important; color: #A01010; font-weight: bold; margin-bottom: 15px; display: block; font-weight: normal; }
.hhhh-home { font-size: 22px !important; color: #242589; font-weight: 400; margin-bottom: 15px; }
.h-box { float:left; }
.h-txt { float:left; color:#A01010; font-weight:bold; margin-top:25px; margin-left:5px; }
p { text-align: justify; margin-top: 9px !important; margin-bottom: 9px !important; font-size:16px; }
.clear { clear: both; margin: 0; padding: 0; font-size: 1px; height: 0px; }
ul.list { margin-top:15px; margin-bottom:15px; margin-left:25px; }
ul.list li { color: #1CB0A0; list-style:none; margin-bottom:5px; margin-top:5px; background: url(../images/bg-menu-a.png) no-repeat left center; padding-left:20px; }
.red { color: #CC0706; }
.small { font-size:14px; }
.yellow { background:#FFFFA3; padding:10px; border-radius:10px; }
.more { color: #A01010; float:right; }

.none, .spm { display:none; }

.popup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
}
 
/* Inner */
.popup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
}
 
/* Close Button */
.popup-close {
    width:30px;
    height:30px;
    padding-top:4px;
    display:inline-block;
    position:absolute;
    top:0px;
    right:0px;
    transition:ease 0.25s all;
    -webkit-transform:translate(50%, -50%);
    transform:translate(50%, -50%);
    border-radius:1000px;
    background:rgba(0,0,0,0.8);
    font-family:Arial, Sans-Serif;
    font-size:20px;
    text-align:center;
    line-height:100%;
    color:#fff;
}
 
.popup-close:hover {
    -webkit-transform:translate(50%, -50%) rotate(180deg);
    transform:translate(50%, -50%) rotate(180deg);
    background:rgba(0,0,0,1);
    text-decoration:none;
}

/*layout*/
#page { width: 100%; height: 100%; float: left; }

  header { width: 100%; height: 220px; float: left; }
    #header-top { width: 100%; height: 40px; float: left; background: #141f42; }
      .header-top-left { height: 20px; float: left; margin: 10px 0 0 10px; text-align: left; color: #fff; font-size: 16px; font-weight: 300; }
        #mail { width: 120px; height: 20px; float: left; padding: 0 0 0 30px; background: url(../images/ico-mail.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #mail a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #mail a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
        #phone { width: 140px; height: 20px; float: left; margin: 0 0 0 0; padding: 0 0 0 30px; background: url(../images/ico-tel.png) no-repeat left center; }
          #phone a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #phone a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
        #time { width: 155px; height: 20px; float: left; padding: 0 0 0 30px; background: url(../images/ico-time.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #time a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #time a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
        #transport { width: 320px; height: 20px; float: left; padding: 0 0 0 30px; background: url(../images/ico-transport.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #transport a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #transport a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
      .header-top-right { height: 20px; float: right; margin: 10px 10px 0 0; text-align: right; color: #fff; font-size: 16px; font-weight: 300; }
        .header-top-right a { color: #fff; text-decoration: none; margin-left:25px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .header-top-right a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
        #langmenu { width: 70px; height: 20px; float: right; padding: 0 0 0 30px; background: url(../images/ico-lang.png) no-repeat left center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #langmenu a.lang { width: 20px; margin: 0 5px 0 5px; padding: 0; text-align: center; float: left; color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          #langmenu a:hover { color: #ff9000; text-decoration: none; border-bottom: 2px solid #ff9000; }
    #header { width: 1200px; height: 180px; margin: 0 auto; }
      #logo { width: 440px; height: 149px; float: left; margin: 15px 0 0 0; }
        .logo { width: 180px; height: 149px; float: left; background:url(../images/logo.png) no-repeat; margin: 0; color:#fff; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .logo:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
        .logotext { width: 230px; height: 119px; float: left; line-height: 28px; margin: 20px 0 0 20px; font-size: 18px; color: #000; }
      #responsivenavm { display: none; }
      #mmain { width: 740px; height: 40px; float: right; margin: 32px 0 0 0; color:#fff; background: none; }
      #mmain a { float: left; color:#000; margin: 0 15px 0 0px; padding: 0 3px 0 22px; background: url(../images/bg-menu-a.png) no-repeat left center; font-size: 19px; font-weight: 400; height: 40px; line-height: 40px;
        -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-decoration: none; }
      #mmain a:hover { color: #ff0000; text-decoration: none; background: url(../images/bg-menu-a-hover.png) no-repeat left center; }
        #mmain a.mlast { margin-right: 0; padding-right: 0; }
      
      .user-box { display: none; }
      
#search-box { border: 1px solid #141f42; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; box-shadow: #fff 0 0 5px 0; -webkit-box-shadow: #fff 0 0 5px 0; -moz-box-shadow: #fff 0 0 5px 0;
  float:left; margin: 30px 0 0 90px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; }
#search-box:hover { border: 1px solid #000; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
.search-field { float:left; background:none; color:#848484; font-size: 18px;	padding:10px; width:220px; height:38px; border:none; }
.search-button { float:left; background: url(../images/bg-search.png) center center no-repeat; width:40px; height:58px; border:none; cursor:pointer;  -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.search-button:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
  
#cart-box { border: 1px solid #ff0000; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; box-shadow: #fff 0 0 5px 0; -webkit-box-shadow: #fff 0 0 5px 0; -moz-box-shadow: #fff 0 0 5px 0;
  float: right; margin: 30px 0 0 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; }
#cart-box:hover { border: 1px solid #000; box-shadow: #b6b6b6 0 0 5px 0; -webkit-box-shadow: #b6b6b6 0 0 5px 0; -moz-box-shadow: #b6b6b6 0 0 5px 0; }
.cart-button { float:left; background: url(../images/bg-cart.png) center center no-repeat; width:40px; height: 58px; border:none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.cart-button:hover { -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); }
.cart-field { float:left; width: 220px; padding: 6px 10px 6px 10px; height: 38px; background:none; color:#000; font-size:18px;  font-weight: 400; border: none; }
.cart-label { float:left; margin-left:10px; margin-right:30px; margin-top:0; }
.cart-txt { float:left; margin-top:0; }
#cart-box a { color: #000; text-decoration: none; }
#cart-box a:hover { color: #000; text-decoration: underline; }

      #mainmenu { width: 100%; height: 60px; float: left; background: #accbff; border-bottom: 3px solid white; }
        .mainmenu { width: 1200px; margin: 0 auto; }
          a#responsivenav { height: 60px; line-height: 60px; float: left; padding: 0 40px 0 10px; background: url(../images/bg-m-a.png) no-repeat right 10px center #242589; color: #fff; font-size: 24px; font-weight: 300; text-decoration: none;
          -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a#responsivenav:hover { background-color: #ff0000; text-decoration: none; }
          a.mainmenua { height: 60px; line-height: 60px; float: left; padding: 0 20px 0 20px; color: #000; font-size: 22px; font-weight: 400; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a.mainmenua:hover { background: #d2e3ff; text-decoration: none; }
          a#jakzmeritpsa { height: 60px; line-height: 60px; float: right; padding: 0 40px 0 10px; background: url(../images/bg-m-a.png) no-repeat right 10px center #ff6700; color: #fff; font-size: 22px; font-weight: 300; text-decoration: none;
          -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a#jakzmeritpsa:hover { background-color: #242589; text-decoration: none; }
          a#cartboxmenu { display: none; }
      .fixni-menu { position: fixed; left: 0; top: 0; width: 100%; height: 40px; background-color:rgba(172, 203, 255, 0.8); z-index: 100; }
        .fixni-menu a#responsivenav { background-color:rgba(36, 37, 137, 0.7); height: 40px; line-height: 40px; }
        .fixni-menu a#responsivenav:hover { background-color:rgba(255, 0, 0, 0.7); }
        .fixni-menu a#jakzmeritpsa { background-color:rgba(255, 103, 0, 0.7); height: 40px; line-height: 40px; }
        .fixni-menu a#jakzmeritpsa:hover { background-color:rgba(255, 0, 0, 0.7); }
        .fixni-menu a.mainmenua { display: none; }
        .fixni-menu a#cartboxmenu { float: left; display: block; padding: 0 40px 0 10px; height: 40px; line-height: 40px; color: #fff; font-size: 24px; font-weight: 300; text-decoration: none; margin: 0 0 0 170px;
          background: url(../images/bg-m-a.png) no-repeat right 10px center; background-color:rgba(255, 0, 0, 0.7); -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        .fixni-menu a#cartboxmenu:hover { background-color:rgba(24, 176, 31, 0.7); }

#jszpfancy { overflow: auto; padding: 20px; }
  #jszpfancy .fanleft { width: 49%; float: left; margin: 0 0 10px 0; }
  #jszpfancy .fanright { width: 49%; float: right; margin: 0 0 10px 0; }
  #jszpfancy iframe.ytvidinline { width: 100%; height: 300px; float: left; margin: 0; display: block; position: relative; z-index: 99999999; }
  #jszpfancy p { margin: 0 !important; padding: 0 !important; }
  #jszpfancy strong.fantitle { color: red; font-size: 22px; margin: 7px 0 3px 0; }
  #jszpfancy strong { color: blue; font-size: 18px; margin: 7px 0 3px 0; }
#page #jszpfancy { display: none; }

/* prodmenu */
#topmainmenu { display: none; }
#topmainmenu.responsive { display: block; z-index: 99999999; position: relative; border-top: 3px solid #242589; background: #fff; float: left; margin-top: 0; width: 1010px; padding: 10px;
    box-shadow: #383838 2px 2px 2px 1px; /*-webkit-box-shadow: #000 0 0 5px 0; -moz-box-shadow: #000 0 0 5px 0;  */}
.topmainmenu-link { width: 450px; float: left; color:#000; font-weight: 400; font-size: 20px; padding: 8px 0 8px 35px; margin: 0 20px 0 0; border-bottom: 1px solid #accbff; background:url(../images/bg-prod-a.png) no-repeat left center; text-decoration: none; }
.topmainmenu-link:hover { color: #ff0000; border-bottom: 1px solid #ff0000; background:url(../images/bg-prod-a-hover.png) no-repeat left center; text-decoration: none; }
.topmainmenu_sub { display: none; }

    #rotovac { width: 100%; float:left; }
      #rotovac img.header-img-1 { width:33.333333%;float:left; }
      #rotovac img.header-img-2 { width:33.333333%;float:right; }
      #rotovac img.header-img-11 { width:16.666666%;float:left; }
      #rotovac img.header-img-22 { width:16.666666%;float:right; }
    
    #topnovinka { width: 100%; height: auto; float: left; margin: 3px 0 10px 0; padding: 10px 0 10px 0; background: #ff6700; border: 0; color: #fff; }
    .topnovinka { width: 1200px; margin: 0 auto; display: block; }
      .topnovinka strong {  float: left; clear: both; }
      .topnovinka p { float: left; clear: both; margin-top: 5px !important; margin-bottom: 5px !important; font-size: 15px; line-height: 20px; }
      .topnovvice { color: #fff; float: right; }
      
    #topnovinkasp { width: 100%; height: auto; float: left; margin: 3px 0 10px 0; padding: 10px 0 10px 0; background: #ff6700; border: 0; color: #fff; }
    .topnovinkasp { width: 1200px; margin: 0 auto; display: block; text-align: center; }
      .topnovinkaspd { width: 100%; float: left; clear: both; text-align: center; }
      .topnovvicesp { color: #fff; }
  
  #novinkyhome { width: 100%; float: left; clear: both; display: block; }
    .novinkahome { width: 97%; float: left; clear: both; display: block; padding: 1%; margin: 0 0 8px 0; background: #f9f9f9; border-radius: 10px; border: 1px solid #242589; border-bottom: 6px solid #242589; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    .novinkahome:hover { border: 1px solid #ff0000; border-bottom: 6px solid #ff0000; }
  
  #info-eet { float: left; clear: both; width: 94%; text-align: justify; margin: 10px 0 0 0; padding: 7px 3% 7px 3%; font-size: 14px; background: #efefef; color: #3a3a3a; text-align: center; border-top: 1px solid #e7e7e7; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #info-eet:hover { color: #efefef; background: #3a3a3a; }
  
  #links { width: 100%; height: 226px; float: left; clear: both; color: #fff; background: #141f42; font-weight: 300; }
  #link { width: 1200px; height: 226px; margin: 0 auto; }
    .linkszero { width: 290px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .linksinfo { width: 340px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .linkscontacts { width: 350px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
      .llineh { line-height: 15px !important;  float: left; font-size: 15px; margin: -5px 0 0 0; padding: 0;  }
    .linksstore { width: 210px; height: 180px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .ltitle { width: 100%; float: left; clear: both; font-size: 22px; margin: 0 0 3px 0; }
    #link a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #link a:hover { color: #ff9000; text-decoration: underline; }
    
  #footer00 { width: 100%; height: 230px; float: left; clear: both; color: #fff; background: #111523; font-weight: 300; }
  #footer0 { width: 1200px; height: 230px; margin: 0 auto; }
    .footerfb { width: 460px; height: 186px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .footerpayments { width: 176px; height: 160px; float: left; text-align: left; padding: 0; margin: 40px 0 0 0; font-size: 18px; line-height: 30px; }
      .flags { margin: 20px 0 0 0; }
      .flags a img { border: 0; margin: 0; padding: 0; float: left; }
      .flags a:hover img { border: 0; }
    .footereu { width: 450px; height: 186px; float: right; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
      .fleft { width: 350px; float: left; text-align: justify; font-size: 15px; line-height: 18px; }
      .fright { width: 80px; float: right; }
      img.fimg1 { float: left; margin: 5px 0 0 0; }
      img.fimg2 { float: left; margin: 20px 0 0 0; }
      img.fimg3 { float: left; margin: 20px 0 0 15px; }
      img.fimg4 { float: right; margin: 20px 0 0 0; }
    .ftitle { width: 100%; float: left; clear: both; font-size: 22px; margin: 0 0 3px 0; }
    #footer0 a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #footer0 a:hover { color: #ff9000; text-decoration: underline; }
    
  footer { width: 100%; height: 40px; line-height: 40px; float: left; clear: both; color: #9a9a9a; background: #0e0f12; font-size: 15px; font-weight: 400; }
    #footer { width: 98%; margin: 0 auto; }
    .footer-left { float: left; text-align: left; }
    .footer-right { float: right; text-align: right; }
    footer a { color: #9a9a9a; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    footer a:hover { color: #fff; text-decoration: underline; }
  
  #mainc { width: 100%; float: left; clear: both; padding: 0 0 20px 0; }
  
  #content { width: 1200px; margin: 0 auto; padding: 10px 0 20px 0; }
  
  .pleft { width: 48%; float: left; clear: none; text-align: left; }
  .pright { width: 48%; float: right; clear: none; text-align: left; }
  
  #prodmenuleft { float: left; width: 240px; }
    .prodmenu-link { width: 210px; height: auto; float: left; color:#000 !important; font-size:16px; padding: 7px 5px 7px 25px; background: url(../images/bg-menu-a2.png) no-repeat 3px center #ccdfff; margin: 2px 0 2px 0; font-weight: 400;
      -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; text-decoration: none; border-bottom: 0 solid red; }
    .prodmenu-link:hover { color: #ff0000 !important; text-decoration: none; background: url(../images/bg-menu-a-hover.png) no-repeat 3px center; }
    .prodmenu-link-last { border:none !important; }
    .prodmenu_sub { width: 190px; float: left; font-size: 14px; color: #000 !important; padding: 5px 10px 5px 40px; background: url(../images/bg-menu-a.png) no-repeat 15px center; }
    .redd { color: #ff0000; font-size: 12px; }
    
  #contentcatprod { float: right; width: 946px; }
        
.button {
	/*float:left;*/
	background:#A01010;
	color:#fff;
	border:none;
	padding:1px 5px;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	border-radius:3px;
}
.login-button-3 {	
	background:#A01010;
	color:#fff;
	border:none;
	padding:1px 5px;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	border-radius:3px;
}
.button-left {
	float:left;
	background:#242589;
	color:#fff;
	border:none;
	padding:5px 17px 5px 17px;
	font-size:16px;
	cursor:pointer;
	font-weight:normal;
	border-radius:2px;
  -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.button-left:hover { 
	background: red;	
}
.button-right {
	float:right;
	background:#A01010;
	color:#fff;
	border:none;
	padding:1px 5px;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	border-radius:3px;
}
.form-text-2 {
	font-size:12px;
}

.login-a {
	font-size:12px;
	color:#000;
	margin-top:10px;
	float:left;
	margin-right:20px;
}
.neodhlasovat {
	float:right;	
}
/*center*/
#center {
	width:1000px;
	overflow:hidden;
	background:#fff;
	border-radius:10px;
	margin-top:10px;	
}
#left {
	float:left;
	width:210px;
	margin-right:10px;	
}

#content a { color: #ff0000; }
#content ol {
	margin-top:15px;
	margin-bottom:15px;
}
#content ol li {
	background:none;
	list-style:decimal;
	padding-left:25px;
	margin-left:10px;
  text-align: justify;
}
#content ul {
	margin-top:15px;
	margin-bottom:15px;
}
#content ul li {
	background:url(../images/bg-menu-a.png) no-repeat;
	list-style:none;
	padding-left:25px;
	margin-left:10px;
  text-align: justify;
}
.content-left {
	float:left;
	width:49%;
}
.content-right {
	float:right;
	width:49%;
}
#right {
	float:right;
	width:210px
}


.left-info {
	background:#90C0E4;
	border-radius: 0 10px 10px 0;
	float:left;
	margin-top:10px;
	padding:10px;
	width:188px;	
}
.quality {
	float:left;
	margin-top:15px;
}
.quality-txt {
	width:94px;
	float:right;
	text-transform:uppercase;
	color:#1A374D;
	margin-top:15px;
	text-align:right;
}
#flags {
	background:#90C0E4;
	border-radius: 0 10px 10px 0;
	float:left;
	margin-top:10px;
	padding:5%;
	width:90%;
}
#flags a {
	float:left;
	margin-right:2px;
}
#partners {
	background:#90C0E4;
	border-radius: 0 10px 10px 0;
	float:left;
	margin-top:10px;
	padding:5%;
	width:90%;
}
.part-img {
	float:left;
	margin-bottom:10px;
	margin-left:5px;
}
.part-img-2 {
	float:left;
	margin-left:5px;
	
}
.part-img-3 {
	float:right;
	margin-right:5px;
	margin-top:10px;
}
/*product-box*/
.product-box {
	float: left;
	border: 1px solid #242589;
	width:228px;
  height: 358px;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	margin-top:5px;
	color: #000 !important;
	font-size:18px;
	font-weight:normal;	-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.product-box:hover {
	border:1px solid #ff0000;
	text-decoration:none;
}
.product-box-home {
	float: left;
	border: 1px solid #242589;
	width:228px;
  height: 358px;
	margin-left:3px;
	margin-right:3px;
	text-align:center;
	margin-top:5px;
	color: #000 !important;
	font-size:18px;
	font-weight:normal;	-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.product-box-home:hover {
	border:1px solid #ff0000;
	text-decoration:none;
}
.product-title {
	/*font-weight:bold;*/
	font-size:20px;
	margin-top:5px;
	display:block;
	height:55px;
}
.product-img-box {
	width: 220px;
	height: 200px;
	float: left;
	display: block;
  text-align: center;
}
.product-img {
	width: 220px;
	height: 200px;
	text-align: center;
  float: left; margin: 0 0 0 4px;
}
.product-img img {
    max-width: 220px;
    max-height: 200px;
}
.product-txt { height: 20px; color: #000; float: left; text-align: center; clear: both; width: 100%; margin-top: 3px; }
.product-price { color:#242589; margin-bottom:0; float: left; text-align: center; clear: both; width: 100%; height: 45px;	font-size:20px; line-height: 23px; }
.product-link { width: 228px; height: 30px; line-height: 30px; float: left; clear: both; background: #242589; color: #fff; text-align: center; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.product-box-home:hover .product-link { background: #ff0000; }
.product-box:hover .product-link { background: #ff0000; }

#right-size {
	background:#90C0E4;
	border-radius: 10px 0px 0px 10px;
	float:left;
	margin-top:5px;
	padding:5%;
	width:90%;
}
#right-dog {
	background:#90C0E4;
	border-radius: 10px 0px 0px 10px;
	float:left;
	margin-top:10px;
	padding:5%;
	width:90%;
}
.line {
	border-top:1px dashed #fff;
	width:100%;
	height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-left:-10px;
	margin-top:5px;
	margin-bottom:5px;
}
.line-2 {
	border-top:1px dashed #fff;
	width:100%;
	height:1px;
	padding-left:10px;
	padding-right:10px;
	float:left;
	margin-left:-10px;
	margin-top:-5px;
	margin-bottom:5px;
}
.line-3 {
	border-top:1px dashed #CCC;
	width:100%;
	height:1px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}
ul.size {
	margin-left:15px;
	margin-bottom:5px;	
}
ul.size li {
	margin-left:5px;
}
#right-facebook {
	background:#90C0E4;
	border-radius: 10px 0px 0px 10px;
	float:left;
	margin-top:10px;
	padding:5%;
	width:90%;
}
#right-karty {
	background:#90C0E4;
	border-radius: 10px 0px 0px 10px;
 float:left;
	margin-top:10px;
	padding:5%;
	width:90%;
}
#bottom {
	background: url(../images/bg-bottom.png) repeat-x;
	width:100%;
	height:80px;
	position:absolute;
	z-index:-1;
	margin-top:-20px;	
}

/*listovani*/
.listovani-obal {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 15px;	
}
.listovani-obal a {
	border: 1px solid #9c9686;
	border-radius: 5px;
	padding: 2px 7px 2px 7px;
}
.listovani-obal a:hover {
	text-decoration: none;
	border: 1px solid #A01010;
}
.listovani-aktualni-stranka {
	background: #A01010;
	padding: 2px 7px 2px 7px;
	color: #fff;
	border-radius: 5px;
}
/*razeni*/
.razeni {
	/*position:absolute;
	margin-left:400px;*/
	/*margin-top:24px;*/
	float:right;	
}
.sort-box {
	float:right;
	
	margin-top:-20px;	
}
.razeni-span {
	margin-left:10px;
}
.sort-title {
	color:#61594e;
	margin-right:15px;
}
.poslat-dotaz {	
	background:url(../images/arrow-down-small.png) no-repeat left center;
	padding-left:25px;
	margin-top:25px;
	float:left;
}
.formular {
	float:left;
	margin-top:25px;
}
/*shop detail new*/
.left-det-box {
	width:250px;
	float:left;	
}
.center-det-box {
	width:246px;
	float:left;	
}
.right-det-box {
	float:right;
	width:110px;
}
.right-det-box-full {
	float:right; 
	width:360px;
}
.right-det-box-full2 {
	float:right; clear: both;
	width:336px;
}
.note {
	width:98%;
	border-radius:10px;
	border:1px solid #cadff0;
	height:70px;
	margin-top:15px;
}
.note-link { background: url(../images/bg-menu-a.png) no-repeat; margin-top: 15px; float:left; padding-left:25px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.note-link:hover { background: url(../images/bg-menu-a-hover.png) no-repeat; }
.pocet-zbozi-3 {
	width: 30px;
	text-align: right;
	padding: 3px 10px 3px 10px;
	background: #BCD5FF;
	color: #000;
	margin-top: 0px;
	float: left;
	margin-right: 7px;
	font-size:16px;
	border-radius:0;
  border:1px solid #4E57AC;
}
.pocet-zbozi-3:hover { border: 1px solid red; }
#cena_bez_dph, #cena_s_dph {
	color:#242589;
	font-size:22px;
}
	
/**/
.galimg {
	float:left;
	margin-right:15px;
	margin-top:15px;
}
.price-box {
	float:right;
	margin-bottom:20px;
}
.price-big {
	margin-top:8px;
	float:left;
}
.product-price-detail {
	float:right;
	width:200px;
}
.product-form {
	float: right;
}
.pocet-zbozi {
	width: 25px;
	border: none;
	text-align: center;
	padding: 3px 5px 3px 5px;
	background: #921415;
	color: #fff;
	margin-top: 6px;
	float: left;
	margin-right: 7px;
}
.pocet-zbozi-2 {
	width: 25px;
	text-align: center;
	padding: 1px 3px 1px 3px;
	background: #BCD5FF;
	color: #000;
  border:1px solid #4E57AC;
}
.pocet-zbozi-2:hover { border: 1px solid red; }
.kosik {
	background: url(../images/cart.png) no-repeat;
	width: 38px;
	height: 34px;
	border: 0;
	cursor: pointer;
}
.kosik-2 { background: url(../images/cart-small.png) center top no-repeat; width:33px; height:26px; border: 0; cursor: pointer; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.kosik-2:hover { background: url(../images/cart-small.png) center bottom no-repeat; }
.detail-kosik-box-txt {
	float: left;
	font-size: 15px;
	margin-right: 5px;
	margin-top: 9px;	
}
.tweet {
	float:left;
}
.facebook {
	float:left;
	margin-right:30px;
}
.g-one {
	float:left;
}
/*poslat dotaz*/
.dotaz-input {
	width: 98.8%;
	border: none;	
	padding: 0.5%;
	background: #BCD5FF;
	color: #000; border-radius: 2px;
  border:1px solid #4E57AC;
}
.dotaz-input:hover { border: 1px solid red; }
.dotaz-textarea {
	width: 98.8%;
	border: none;
	padding: 0.5%;
	background: #BCD5FF;
	color: #000; border-radius: 2px;
  border:1px solid #4E57AC;
	height: 100px;
}
.dotaz-textarea:hover { border: 1px solid red; }
.dotaz-button {
	padding:0.5% 2% 0.5% 2%;
	background: #4E57AC;
	color: #fff;
	font-size: 18px;
	border: none;
	float: right;
	cursor: pointer; border-radius: 2px;
	margin-right:0px;		-webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.dotaz-button:hover { background: red; }
table.variants {
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}
table.variants th {
	background: #921415;
	padding:3px;
	color:#fff;
}
table.variants td {
	/*background:url(../images/bg-td.png) repeat;*/
	background:#f5f7f6;
	text-align:center;
	padding:3px;
}
.new {
	background:url(../images/bg-new.png) no-repeat;
	width:45px;
	height:43px;
	position:absolute;
	margin-left:-15px;
	margin-top:35px;
}
.new-detail {
	background:url(../images/bg-new.png) no-repeat;
	width:45px;
	height:43px;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}


.gal-img-box { width: 183px; height: 150px; float: left; border: 1px solid #9abed8; border-radius: 2px; margin-left:2px; margin-right:2px; margin-top:2px; margin-bottom:2px;
  -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.gal-img-box:hover { border: 1px solid red; }
.gal-img-box img { max-width: 177px; max-height: 150px; }
/*2*/
.gal-img-3 { float:left; margin-right:20px; margin-bottom:15px; width:220px; /* -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; */ }
.gal-img-3:hover { /* -webkit-filter: brightness(130%); -moz-filter: brightness(130%); filter: brightness(130%); */ }

/**/
.gal-img {
	width: 183px;
	height: 150px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;	
	margin-right:20px;
	margin-bottom:15px;
}
.gal-img-2 {
	width: 134px;
	height: 134px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;	
}
.date {
	font-style:italic;
	color:#666;
}
.doc {
	background:url(../images/ico-doc.png) no-repeat left center;
	height:25px;
	display:block;
	padding-left:45px;
	padding-top:10px;
	float:left;
	font-size:12px;
	margin-right:10px;
}
.pdf {
	background:url(../images/ico-pdf.png) no-repeat left center;
	height:27px;
	display:block;
	padding-left:45px;
	padding-top:8px;
	float:left;
	font-size:12px;	
}
.xls {
	background:url(../images/ico-xls.png) no-repeat left center;
	height:27px;
	display:block;
	padding-left:45px;
	padding-top:8px;
	float:left;
	font-size:12px;
	margin-right:10px;
}
.dostupnost {
	float:right;
	font-size:12px;
	margin-bottom:15px;
}
.map, .ytvid {
	width:100%;
	border:0;
	margin-bottom:15px;
}
.filtr {
	width:100%;
}
.filtr-button {
	float:right;
	background:#A01010;
	color:#fff;
	border:none;
	padding:1px 5px;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	border-radius:3px;
}
/*kosik*/
.doprava-left {
	width:220px;	
	float:left;
	font-size:13px;
}
.doprava-right {	
	float:right;
	/*width:192px;*/
	font-size:12px;
}
.doprava-doprava-right{
	float:left; 
	width: 100%;
}
.doprava-radio {
	float:left;
	margin-top:2px;
}
.doprava-doprava-radio {
	margin-top: 10px;
	margin-right: 5px;
}
.platba-doprava-right{
	width:50px
}
.platba-cp{
	font-size: 12px;
}
.platba-cp .platba-cp-offset{
	padding-left: 17%;
}
.platba-cp .posta-alert, .platba-cp .balikovna-alert {
	background-color: red;
	color: white;
	padding: 10px;
}
.platba-container {
	width: 25% !important;
}
.doprava-container {
	width: 70% !important;    
}
.doprava-line, .doprava-line-color {
	width: 100%;
	height: 10px;
	float: left;
}
.doprava-line-color {
	border-top: 1px solid #E0E1E3;
	margin-top: 10px;
}
.content-left-doprava {
	width: 61% !important;
}
.content-right-platba {
	width: 27% !important;
}
.price-left {
	float:left;
	width:70px;	
}
.price-right {
	float:right;
	width:118px;	
	text-align:right;
}
.kosik_table {
	width:100%;
}
.kosik_table th {
	background: #242589;
	color: #fff;
	padding: 3px;
}
.kosik_table td {
	background:#f5f7f6;
	padding:3px;
}
.delete {
	width:13px;
	height:14px;
	background:url(../images/krizek.png) no-repeat top center;
	display:block;		
}
.prepocitat {
	background: #242589;
	color:#fff;
	padding:5px 17px 5px 17px;
	border:none;
	cursor:pointer;
	border-radius:2px;
	font-size:16px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;
}
.prepocitat:hover { 
	background: red;	
}
.kosik-left {
	width:47%;
	padding:1%;
	float:left;
	background:#f5f7f6;	
	border:1px solid #E0E1E3;
}
.kosik-right {
	width:47%;
	padding:1%;
	float:right;
	background:#f5f7f6;
	border:1px solid #E0E1E3;
}
.kosik-full {
	width:98%;
	padding:1%;
	float:left;
	background:#f5f7f6;
	border:1px solid #E0E1E3;
}

.adress {
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.objednavka_adresa_left {
	float:left;
	width:49%;
}
.objednavka_adresa_right {
	float:right;
	width:49%;
}
.kosik_table-2 td{
	background:none !important;
	
}
.line {
	width:100%;
	background:#e0e1e3;
	height:1px;
	float:left;
	margin-top:15px;
	margin-bottom:15px;
}
.line-2 {
	width:100%;
	background:#e0e1e3;
	height:1px;
	float:left;
	margin-top:15px;	
}
.line-3 {
	width:100%;
	background:#e0e1e3;
	height:1px;
	float:left;
	margin-top:5px;
	margin-bottom:25px;
}
.line-4 {
	width:100%;
	background:#e0e1e3;
	height:1px;
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}
.line-5 {
	width:100%;
	background:#e0e1e3;
	height:1px;
	float:left;
	margin-top:5px;
	margin-bottom:0px;
}
.objednavka_input { width:94%; border-radius: 2px; border:1px solid #4E57AC; padding:5px; font-size:15px; }
.objednavka_input:hover, .objednavka_input:focus { border:1px solid red; }
.kosik_poznamka { width:98%; border-radius: 2px; border:1px solid #4E57AC; padding:1%; font-size:15px; height:100px; font-family:Arial, Helvetica, sans-serif; }
.kosik_poznamka:hover { border:1px solid red; }
.souhlasim { float:left; font-size:16px; margin-top:20px; }
.dokoncit-objednavku { float:right; background:#242589; color:#fff; font-size:20px; border-radius:2px; border:0; cursor:pointer; padding:5px 17px 5px 17px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.dokoncit-objednavku:hover { background: red; }
/**/
.text-right { text-align:right; }
/* hlaseni */
.hlaseni, hlaseni_chyba { background:red; color:#fff; border-radius:10px; padding:5px; width:20%; margin:0 auto 0 auto; position:absolute; left:40%; right:40%; text-align:center; }
.chyba_input, .chyba-box { border:1px solid red !important; }
.chyba { border:1px solid #f5f7f6 !important; }

.select { width:97%; border-radius:2px; border:1px solid #4E57AC; padding:5px; font-size:15px; }
.select:hover { border:1px solid red; }
.select-2 { width:100%; border-radius:2px; border:1px solid #4E57AC; padding:5px; font-size:15px; }
.select-2:hover { border:1px solid red; }
.select-3 { width:97%; border-radius:0; border:1px solid #4E57AC; padding:5px; font-size:15px; }
.login-menu-a { color:#a01010 !important; }
.log-check { float:left; margin-right:10px; margin-left:80px; margin-top:15px; }
.log-button { float:left; background:#242589; color:#fff; border:none; padding:5px 17px 5px 17px; font-size:16px; cursor:pointer; font-weight:normal; border-radius: 2px; margin-left:180px; margin-top:10px;
  -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.log-button:hover { background: red; }
.login-field-2 { width: 330px; padding:5px; font-size:15px; border: 1px solid #4E57AC; background: white; border-radius: 2px; }
.login-field-2:hover { border: 1px solid red; }
.form-text { width: 80px; float: left; margin: 5px 0 5px 0; }

.form-text-4 {
	font-size:14px;
	width:45px;
	float:left;
	margin-top:13px;
}
.login-button-bg {
	float:left;
	background:#A01010;
	color:#fff;
	border:none;
	padding:3px 7px;
	font-size:15px;
	cursor:pointer;
	font-weight:bold;
	border-radius:3px;
}
.doprava-img {
	float:left;
	width:120px;
	min-height:35px;
}
.doprava-img img{
	max-width:85%;
}
.doprava-txt {
	float:left;
	width:80%; 
	text-align: left;
}
.crumb-menu {
	font-size:14px;
	float:left;
}


.doruceni {
    display: none;
}

.edit_area {
    font-size: 10px;
    font-style: italic;
    cursor: pointer;
    margin-top: 2px;
    padding-left: 25px; 
}
.edit_area:hover{
    text-decoration: underline;
}
#poznamka {
    display: none;
}
.blue-line {
	width:100%;
	height:1px;
	background:#cadff0;
	margin-top:10px;
	margin-bottom:10px;
}

/* vyskakovaci novinky */
.yellow-popup {
	background:#FFFFA3;
	padding:10px;
	border-radius:10px;
        overflow: hidden;
}
.galimg-popup {
	float:left;
	margin-right:15px;

}


/*produktynamiru*/
.infonamiru { width: 96%; float: left; height: auto; line-height: 25px; margin: 0 0 10px 0; font-size: 20px; background: #ff0000; color: #fff; text-align: center; padding: 5px 2% 5px 2%; }
.inputnamiru { width: 400px; float: left; clear: both; display: block; margin: 0 0 10px 0; height: 40px; line-height: 40px; font-size: 20px; cursor: pointer; background: url(../images/bg-m-a.png) no-repeat right 10px center #242589; color: #fff; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.inputnamiru:hover { background-color: #ff0000; color: #fff; }
.inputnamiru input { width: 20px; height: 20px; float: left; margin: 10px 0 0 5px; }
.inputnamiru label { width: 360px; height: 40px; float: right; margin: 0 0 0 10px; cursor: pointer; }

#cookies-information { position: fixed; left: 0; bottom: 0; width: 100%; line-height: 30px; color: white; background: rgba(0, 0, 0, 0.85); z-index: 1000; padding: 10px; text-align: center; font-size: 16px; }
#cookies-information a { color: #EB7D23; text-decoration: none; }
#cookies-information a:hover { color: #fff; text-decoration: none; }
  .cookies-text { width: 70%; margin: 0 auto; }
a#allow-cookies-button { width: 120px; height: 20px; line-height: 20px; display: inline; margin: 0 auto; background: green; color: white; padding: 5px; cursor: pointer; border: 0; border-radius: 3px; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
a:hover#allow-cookies-button { background: #EB7D23; color: white; text-decoration: none; }

#zmena_barva_velikost { font-size: 20px; color: red; font-weight: bold; margin: 10px 0 10px 0; }





/*media*/
@media (max-width: 1240px) {

#header { width: 98%; height: 180px; margin: 0 auto; }
      #logo { width: 390px; height: 149px; margin: 15px 0 0 0; }
        .logotext { width: 195px; height: 139px; margin: 10px 0 0 10px; font-size: 15px; }
      #mmain { width: 610px; height: 40px; margin: 32px 0 0 0; }
      #mmain a { margin: 0 9px 0 0px; padding: 0 3px 0 3px; background: none; font-size: 18px; }
      #mmain a:hover { background: none; }
    #search-box { float:left; margin: 30px 0 0 90px; }
    #cart-box { float: right; margin: 30px 0 0 0; }

      #mainmenu { width: 100%; height: 60px; float: left; background: #accbff; border-bottom: 3px solid white; }
        .mainmenu { width: 98%; margin: 0 auto; }
          a#responsivenav { height: 60px; line-height: 60px; float: left; padding: 0 40px 0 10px; background: url(../images/bg-m-a.png) no-repeat right 10px center #242589; color: #fff; font-size: 24px; font-weight: 300; text-decoration: none;
          -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a#responsivenav:hover { background-color: #ff0000; text-decoration: none; }
          a.mainmenua { height: 60px; line-height: 60px; float: left; padding: 0 20px 0 20px; color: #000; font-size: 22px; font-weight: 400; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a.mainmenua:hover { background: #d2e3ff; text-decoration: none; }
          a#jakzmeritpsa { height: 60px; line-height: 60px; float: right; padding: 0 40px 0 10px; background: url(../images/bg-m-a.png) no-repeat right 10px center #ff6700; color: #fff; font-size: 22px; font-weight: 300; text-decoration: none;
          -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
          a#jakzmeritpsa:hover { background-color: #242589; text-decoration: none; }
          a#cartboxmenu { display: none; }

    .topnovinka { width: 98%; margin: 0 auto; padding: 10px 0 15px 0; }         
          
  #links { width: 100%; height: 226px; float: left; clear: both; color: #fff; background: #141f42; font-weight: 300; }
  #link { width: 940px; height: 226px; margin: 0 auto; }
    .linkszero { width: 200px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .linksinfo { width: 220px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .linkscontacts { width: 300px; height: 180px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
      .llineh { line-height: 15px !important;  float: left; font-size: 15px; margin: -5px 0 0 0; padding: 0;  }
    .linksstore { width: 210px; height: 180px; float: right; text-align: right; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .ltitle { width: 100%; float: left; clear: both; font-size: 22px; margin: 0 0 3px 0; }
    #link a { color: #fff; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
    #link a:hover { color: #ff9000; text-decoration: underline; }
    
  #footer00 { width: 100%; height: 230px; float: left; clear: both; color: #fff; background: #111523; font-weight: 300; }
  #footer0 { width: 940px; height: 230px; margin: 0 auto; }
    .footerfb { width: 360px; height: 186px; float: left; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .footerpayments { width: 120px; height: 160px; float: left; text-align: left; padding: 0; margin: 40px 0 0 0; font-size: 18px; line-height: 30px; }
      .footerpayments img { width: 120px; }
      .flags { margin: 20px 0 0 0; }
      .flags img { width: 30px; }
      .flags a img { border: 0; margin: 0; padding: 0; float: left; }
      .flags a:hover img { border: 0; }
    .footereu { width: 430px; height: 186px; float: right; text-align: left; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
      .fleft { width: 330px; float: left; text-align: justify; font-size: 15px; line-height: 18px; }
      .fright { width: 80px; float: right; }
      img.fimg1 { float: left; margin: 5px 0 0 0; }
      img.fimg2 { float: left; margin: 20px 0 0 0; }
      img.fimg3 { float: left; margin: 20px 0 0 15px; }
      img.fimg4 { float: right; margin: 20px 0 0 0; }
    
  footer { width: 100%; height: 40px; line-height: 40px; float: left; clear: both; color: #9a9a9a; background: #0e0f12; font-size: 15px; font-weight: 400; }
    #footer { width: 98%; margin: 0 auto; }
    .footer-left { float: left; text-align: left; }
    .footer-right { float: right; text-align: right; }    

#content { width: 98%; margin: 0 auto; padding: 10px 0 20px 0; }
#contentcatprod { float: right; width: 70%; }

}
@media (max-width: 1220px) {
header { width: 100%; height: 250px; float: left; }
    #header-top { width: 100%; height: 70px; float: left; }
    .header-top-left { width: 550px; margin: 10px auto 0 auto; float: left; display: block; }
      #transport { margin: 10px 0 0 0; } /*
    .header-top-right { width: 470px; margin: 10px auto 0 auto; float: none; display: block; clear: both; text-align: left; }
    .header-top-right a { color: #fff; text-decoration: none; margin: 0 25px 0 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
*/
}
@media (max-width: 1110px) {
    #search-box { float:left; margin: 30px 0 0 30px; }
}
@media (max-width: 1070px) {
#topmainmenu.responsive { display: block; z-index: 99999999; position: relative; width: 97%; padding: 10px 1.5% 10px 1.5%; }
.topmainmenu-link { width: 41%; float: left; padding: 8px 0 8px 35px; margin: 0 20px 0 0; }
}
@media (max-width: 1050px) {
    #search-box { float:right; margin: 10px 0 0 30px; border-radius: 0; }
    .search-field { float:left; font-size: 18px; padding:10px; height:18px; }
    .search-button { float:left; width:40px; height:38px; }
    #cart-box { float: right; margin: 10px 0 0 0; display: block; clear: right; border-radius: 0; }
    .cart-field { float:left; padding: 1px 10px 1px 10px; height: 28px; }
    .cart-button { float:left; width:40px; height: 48px; }

      a#responsivenavm { width: 130px; height: 40px; float: right; display: block; clear: right; color: #fff; background: #242589; font-size: 26px; line-height: 40px; text-decoration: none; text-align: center; margin: 15px 0 0 0; padding: 0;
    -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
        a#responsivenavm:hover { background: #ff0000; color: #fff; text-decoration: none; }
      .menumain nav#mmain { display: none; }
      .menumain.responsivem nav#mmain { display: block; width: 250px; float: right; display: block; clear: right; background: #fff; height: 260px; margin: 0; z-index: 9999; position: relative; border-top: 3px solid #242589; }
      #mmain a { width: 200px; float: left; clear: both; margin: 5px 0 5px 10px; padding: 0 3px 0 22px; background: url(../images/bg-menu-a.png) no-repeat left center; border-bottom: 1px solid #accbff; }
      #mmain a:hover { background: url(../images/bg-menu-a-hover.png) no-repeat left center; border-bottom: 1px solid #ff0000; }
    
    .fixni-menu a#cartboxmenu { margin: 0 0 0 7%; }
}
@media (max-width: 970px) {
header { width: 100%; height: 280px; float: left; }
    #header-top { width: 100%; height: 100px; float: left; }
    .header-top-left { width: 350px; margin: 10px auto 0 auto; float: none; display: block; }
      #time { display: none; } #transport { display: block; margin: 10px 0 10px 0; }
    .header-top-right { width: 470px; margin: 10px auto 0 auto; float: none; display: block; clear: both; text-align: left; }
    .header-top-right a { color: #fff; text-decoration: none; margin: 0 25px 0 0; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

          a.mainmenua { display: none; height: 60px; line-height: 60px; float: left; padding: 0 20px 0 20px; color: #000; font-size: 22px; font-weight: 400; text-decoration: none; -webkit-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }

    .fixni-menu a#jakzmeritpsa { display: none; }
    .fixni-menu a#cartboxmenu { margin: 0 0 0 0; float: right; }
    
  #links { width: 100%; height: auto; }
  #link { width: 600px; height: auto; margin: 0 auto; }
    .linkszero { width: 290px; height: 180px; float: left; text-align: center; margin: 20px 0 0 0; }
    .linksinfo { width: 290px; height: 180px; float: right; text-align: center; margin: 20px 0 0 0; }
    .linkscontacts { width: 290px; height: 180px; float: left; text-align: center; margin: 20px 0 20px 0; }
      .llineh { line-height: 15px !important;  float: left; font-size: 15px; margin: -5px 0 0 0; }
    .linksstore { width: 290px; height: 180px; float: right; text-align: center; margin: 20px 0 20px 0; }
    
  #footer00 { width: 100%; height: 230px; float: left; clear: both; color: #fff; background: #111523; font-weight: 300; }
  #footer0 { width: 360px; height: 230px; margin: 0 auto; }
    .footerfb { width: 360px; height: 186px; float: left; text-align: center; padding: 0; margin: 20px 0 0 0; font-size: 18px; line-height: 30px; }
    .footerpayments { display: none; }
    .footereu { display: none; }
  footer { width: 100%; height: auto; line-height: 20px; float: left; clear: both; color: #9a9a9a; background: #0e0f12; font-size: 15px; font-weight: 400; }
    #footer { width: 98%; margin: 0 auto; }
    .footer-left { width: 100%; float: left; clear: both; text-align: center; padding: 10px 0 5px 0; }
    .footer-right { width: 100%; float: left; clear: both; text-align: center; padding: 5px 0 10px 0; }  
}