*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
html,body,div,dl,dt,dd,h1,h3,h4,h5,h6,pre,form,p,input,textarea,select {margin: 0;padding: 0;color:#212121}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans';color: #1976D2;font-weight:600;font-style:normal}
img{max-width: 100%;height:auto;border: none}
a {color:#FF5722;text-decoration:none}
a:hover {color: #FF5722}
a:active {color: #FF5722}
.CMSLink{clear:both;}
hr{clear:both;line-height:1.2; border:1px solid #ddd}
h1{text-align:center;font-size:1.1rem;line-height: 1.4;font-weight: normal;padding-bottom:10px; text-transform:uppercase}
h2{font-size:1rem;line-height:1.2;margin:0 0 5px 0;text-align:center;}
.podklad-zeleny h2{font-weight:400;color:#6C7614;line-height:1.5}
.size3 h2{color:#fff;line-height:1.4}
.akce h2,.novinky h2{text-align:center;border-bottom:1px solid #C4C466}
h3 {font-size:1rem;font-size:16px;line-height:1.4}
ul{margin-top:5px}
a > img {vertical-align:bottom}
strong,b {font-weight:bold}
.size4 {width:70%;}
.size img {margin-left:30px;}
.size, .size2 {float:left;width:48%;border:1px solid #ccc;border-radius: 10px;min-height:300px;margin-bottom:10px!important}
.size_in, .size2_in {padding:1rem!important;}
.size2 {margin-left:2%!important;}
.size3, .size4 {line-height:1.8;float:left}
.size3 {width:26%;border-right:10px #eee;margin-right:20px!important}
.size4 {width:70%;}
.bannery-reklama .size, .bannery-reklama .size2{min-height:600px;}
table {border:0;}
.podklad-zeleny{background-color:#F7FADE;clear:both;}
.podklad-zeleny_in{padding:10px 15px}
.webhosting-kolin, .webhosting-kolin2 {background-color:#e9e9e9;min-height:320px;}
.CMSPage,.CMSSection,.CMSTextHTML,.CMSBlock,.CMSLink,.CMSLink a {display: block;line-height:1.5}.CMSTextHTML,.CMSBlock,.CMSLink {line-height:1.5}
body {font-family: 'Open Sans'; font-size: 0.7rem;color: #333;font-weight:normal;font-size:0.8em;-webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden}
.main{overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box}
.wrap{margin: 0 auto;position:relative;width: 100%;z-index:500;clear:both;}                           
.wrap_in{margin: 0 auto;position:relative;max-width: 960px;z-index:500;padding: 0;}
.stranky{background: #fff;clear:both; }
.CMSPage{width:70%;float:left;padding:20px 0;margin:0}
.CMSPage .CMSTextHTML{margin:10px 0;}
.CMSBlock.menu-katalog{width:26%;margin:0 3% 0 0;padding:0 0 20px 0;height:100%;float:left}

/* header  */
.hlavicka-idum.wrap{border-bottom:1px solid #1976D2;background-color:#2196F3; padding:3px 0;float:left;}
.logo-shop{margin-top:1.9em;float:left;}
.logo-shop img{padding-bottom:2px;}
.banner-zobrazeni-zdarma {float:right;}
.menuTop{float:right;background-color:#1976D2;color:#fff;padding:0}
.menuTop li{float:left;margin:3px 20px;}
.menuTop li a{color:#fff}
/* footer  */
.redakce{float:left;border-bottom:1px solid #1976D2;background-color:#c1c1c1;padding:20px 0;}
.redakce_in.wrap_in{}
.paticka-shop.wrap {background:#212121;color:#fff; z-index:0;clear:both;}
.paticka-shop h2{color:#fff;font-weight:normal;font-size:120%}
.paticka-shop h3{color:#b1b1b1}
.paticka-shop{float:left;padding:25px 0;color:#b1b1b1}
.paticka-shop .kontakt-servis{width:51%;float:left;color:#b1b1b1;font-size:95%}
.paticka-shop .kontakt-servis a{color:#fff}
.paticka-shop .CMSForm{width:48%;float:left;color:#b1b1b1}
.webmaster{text-align:center;background-color:#000;padding:15px 0;margin-top:15px;clear:both;display:block;}
.webmaster a{color:#acacac;text-transform:uppercase;font-size:90%;}
/* galerie */  
.fotogalerie-obsah .nahled_galerie h2 a{color:#fff}
.fotogalerie-obsah .nahled_galerie h2{font-size: 20px;margin: 0px 0 0px 0; font-size:1rem;padding:5px 0 0 0;width:235px;height:26px;font-weight: 500px;overflow:hidden;background-color:#83B095}
.fotogalerie-obsah  h2 {font-weight:500px;text-align:center;}
.fotogalerie-obsah .nahled_galerie,.obsah-detailu .nahled_galerie{margin:0px 0 20px 2px;padding:0px;float:left; text-align:center;width:235px;border-bottom:1px solid #ccc;height:170px;overflow:hidden}
.fotogalerie-obsah.single_item{margin:0 0 5px 0;padding:0}
.fotogalerie-obsah.single_item img{margin:0 0 5px 0x!important;padding:0;height:170px}
.highslide-gallery img{height:160px;width:205px;}
.commodity{width: 100%;font-size:90%;padding:0px;clear:both;margin:20px 0px;float:left;border:1px solid #ccc}
.commodity .imagePreview{float:left;width:18%}
.commodity .description1 {width:80%;float:left;padding:5px 0}
.commodity .description2 {width:50%;float:left;padding:5px 0}
.commodity h2,.commodity .title a,.commodity .title h1{padding:0 0 0 10px!important;margin:0!important;text-align:left;color: #FFFFFF;display:block;background: #22A31F}
.commodity .imageLarge{float:left;width:42%;padding:2%}
.commodity .description,.katalogCislo{padding:10px 0}
 /* menu */
ul.menuTop2 li{display: inline-block;padding:0px;margin:0 0 0 30px;}
ul.menuTop2{ margin: 0;padding:0;width:100%;}
ul.menuTop2 a{font-weight:normal;color:#eee;line-height:1;font-size:90%!important;display:block; padding:0 5px;text-decoration:none}
ul.menuTop2 a:hover{color:#ff0000}  
h2.menu{display: none; cursor:pointer;color:#111;font-size:1.9em!important;font-weight:bold;}
ul.leftMenu{margin:20px 0 0 0;padding:0;width:100%;display:none}
ul.leftMenu ul ul {margin-top:-2px}
ul.leftMenu li{border-left:10px solid #FB8D00;padding:10px 4px;color:#1976D2;margin:0 0 10px 0;background-color:#cddc39;border-bottom:1px solid;list-style-type:none}
ul.leftMenu li li{border:0;padding:0;margin:3px 0 3px -10px;border-bottom:0}
ul.leftMenu li li li{margin:2px 0 2px -20px;border-bottom:0;list-style-type: square;color:#C4C466}
ul.leftMenu a{color:#212121;  line-height:1.4; font-weight:bold;display:block; text-decoration:none}
ul.leftMenu li li li a{ font-weight:normal; font-size:83%!important}
ul.leftMenu a:hover{color:#555} 
 
.showIt{display:block !important}  
/* #Mobile (Landscape) width of 480px  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
.menu-katalog,.obsah,.akce,.novinky{ width: 100%!important; }
.logo-pozice{margin-bottom:1em}
 
.wrap_in{padding: 0 15px}
}
@media only screen and (min-width: 768px) {
ul.CMSMenu  { display: block;}  
}
@media only screen and (max-width: 768px) {
.logo-labor{width:100%;height:28px;margin-top:1.5em;float:none;background-repeat:no-repea} 
.wrap_in{padding: 0 15px}
 h1 {font-size: 19px;font-size: 1.2rem;line-height: 1.8;}  
.nabidka_in{color:#b1b1b1;float:left;background: #333231; z-index:0; padding-bottom:10px}
 ul.menuTop2{ margin: 1.4em 0 0 0!important;padding:0;width:100%;text-align:center}
.menu-katalog,.obsah,.akce,.novinky{ width: 100%!important; }   
 h2.menu {text-align:center;display: block; line-height:1;margin:0px 0 0 0;padding:10px 0px;width:88%;background-color:#cddc39; z-index:500}
.Zobrazovac-menu{ width:40%;margin:0;padding:0} 
.btn{ width:100%;margin:0;padding:0}  
 ul.leftMenu {background: #fff;width:99%;margin-top:0px} 
 ul.leftMenu li a{line-height:1.8!important; }
ul.menuTop2 li a{font-size:90%!important;color:#000;  }
ul.menuTop2{filter: alpha(opacity=70); opacity:0.7;border:1px solid #ccc; background-color:#fff;width:100%;text-align:center}
.size, .size2, .size3, .size4 {width:100%;}
.size2 {margin-left:0!important;}
.CMSPage  {width:100%;} 
.CMSPage .form-blok,.paticka-shop .form-blok2,.paticka-shop .kontakt-servis,.paticka-shop .CMSForm{float:none;width:100%;clear:both}
}