#pridanodokosiku {
 color:#9e0b0e;
 font-size:1.5em;
 padding:2% 2% 2% 2%;
 clear:both;
 display:block;
 width:96%;
 text-align:center;
 border:1px solid #9e0b0e;
 xxxbackground-color:#dadada;
}
#pridanodokosiku a:link,#pridanodokosiku a:visited,#pridanodokosiku a:active  {
  color: #39B54A;
  text-decoration:none;
  font-size:0.75em;
  font-weight:bold;
}
#pridanodokosiku a:hover  {
  text-decoration:underline;
}
.kosik {
 max-width:100%;
 display:block;
 z-index:100;
 padding:1% 0% 1% 0%;
 border-bottom:0px solid white;
 border-top:0px solid white;
 font-size:1.2em;
}

form span {clear:both;padding: 0.5% 0.5% 0.5% 0.5%;width:35%;display:block;min-width:150px;text-align:left;float:left;}
.span10 {width:10%;min-width:35px;text-align:center;vertical-align: top;clear:none;}
.span70 {width:70%;min-width:50px;vertical-align: top;clear:none;}
.span15 {width:15%;min-width:50px;text-align:right;vertical-align: top;clear:none;}
.tl50 {width:40%;box-sizing: border-box;margin: 2% 2% 2% 2%;padding: 2% 2% 2% 2%;background-color:#9e0b0e;color:white;border:none;}
.tl50b {width:40%;box-sizing: border-box;margin: 2% 2% 2% 2%;padding: 2% 2% 2% 2%;background-color:#9a9a9a !important;color:black;border:none;}
.tl50:hover, .tl50b:hover {background-color:#c0c0c0 !important;color:#4b4b4b;}
.tl50b:hover, .tl50b:hover {background-color:#c0c0c0 !important;color:#4b4b4b;}
.objednat {width:35%;box-sizing: border-box;margin:0%;padding:2%;background-color:#8c9b83 !important;border:none;color:white !important;font-size:1em;}
.objednat:hover {background-color:#c0c0c0 !important;color:#666666 !important;}

input[type=text],input[type=password],input[type=email], select  {
    width:60%;min-width:250px;
    padding: 0.5% 0.5% 0.5% 0.5%;
    margin:0.5% 0.5% 0.5% 0.5%;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
#zbozi {
 width:19%;
 width:24%;
 margin:0.5%;padding:0.5%;
 display:block;
 float:left;
 box-sizing: border-box;
 border:1px solid #666666;
}
#zbozi:hover {
 border:1px solid #737373;
 background-color:#e6e6e6;
 text-decoration:none !important;
}
#zbozi a:hover {
 text-decoration:none !important;
}
#zbozinazev {
 width:100%;
 text-align:center;
 font-weight:normal;
 color:#b96948;
 overflow:hidden; 
 height:92px;
 display:block;
 line-height:23px;
}
#zboziimg {
 clear:both;
 width:100%;
 text-align:center;
 height:265px;
 overflow:hidden; 
 display:block;
}
#zboziimg img {
 clear:both;
 margin:0 auto;
 max-width:100%;
 text-align:center;
 overflow:hidden; 
 display:block;
 max-height:265px;
}
#zbozipopis {
 clear:both;
 width:100%;
 text-align:center;
 color:black;
 overflow:hidden; 
 height:60px;
 display:block;
 font-size:0.8em;
 line-height:20px;
}
#zbozisklad {
 clear:both;
 width:100%;
 text-align:center;
 overflow:hidden; 
 height:16px;
 display:block;
 font-size:0.75em;
 padding-top:10px;
}
#zbozicena {
 clear:both;
 width:100%;
 text-align:center;
 color:#666666;
 overflow:hidden; 
 height:40px;
 display:block;
 font-size:0.9em;
 line-height:40px;
 font-weight:normal;
}
#zbozicena strong {
 font-size:1.2em;
}
#zbozi .zbozitl {
 padding:0%;
 width:48%;
 text-align:center;
}
#zbozi .dokosiku {
 background-color:#d9261c;
 border: none;
 width:40%;
 margin:0px 0px 0px 10px;
 padding:0% 2% 0% 2%;
 line-height:31px;
 color:white;
 font-size:1em;
}

#zbozi .dokosiku:hover {
 background-color:green;
}
#zbozi .dodetailu {
 color:white;
 padding:2%;
 border: none;
 width:40%;
 text-align:center;
 float:right;
 background-color:#7c9b83;
 font-size:1em;
}
#zbozi .dodetailu:hover {
 background-color:#c0c0c0;
 color:#4b4b4b;
 
}

#detailnadpis {
 float:right;
 width:56%;
 color:#666666
 display:block;
 font-weight:bold;
 font-size:1.5em;
 padding:2%;
 border-bottom:1px solid #dadada;
}
#detailobr {
 float:left;
 max-width:39%;
 color:white;
 display:block;
}
#detailobr img{
 max-width:100%;
}
#detaildata {
 color:#666666;
 padding-top:20px;
 float:right;
 width:58%;
 display:block;
}

.kosikzahl {float:left;width:19%;display:block;padding:2% 0% 2% 0%;background-color:#dadada;margin:0% 0.5% 0.5% 0.5%}
.kosikzahlsel {background-color:#4b4b4b;color:white;}
.kosikright {text-align:right;}
.kosikcenter {text-align:center;}
.kosika {display:block;float:left;width:10%;min-height:75px;line-height:25px;overflow:hidden;} 
.kosikb {display:block;float:left;width:80%;min-height:25px;line-height:25px;} 
.kosikbkod {width:10%;line-height:25px;}
.kosikb4kod {width:10%;line-height:25px;}
.kosikbzb {width:50%;line-height:25px;text-align:left;}
.kosikb4zb {width:35%;line-height:25px;text-align:left;}
.kosikbcena {width:15%;line-height:25px;}
.kosikbmn {width:10%;line-height:25px;}
.kosikbcenac {width:15%;line-height:25px;}
.kosiknadpis {background-color:#dadada;min-height:25px;}
.kosikza {display:block;float:left;text-align:right;width:65%;min-height:20px;}
.kosik4za {display:block;float:left;text-align:right;width:75%;min-height:20px;}
.kosikzb {display:block;float:left;text-align:right;width:25%;min-height:20px;}

@media (max-width: 1160px) {
  #zbozi {width:47.95%;}
 .kosikbkod {width:30%;line-height:25px;}
 .kosikbzb {width:70%;line-height:25px;}
 .kosikbcena {width:35%;line-height:25px;}
 .kosikbmn {width:25%;line-height:25px;}
 .kosikbcenac {width:40%;line-height:25px;}
 .kosiknadpis {background-color:#dadada;min-height:25px;}
 .tablethide {display:none;}
 .kosik {padding:4% 4% 0% 0%;}
}
.kosikspan {
 width:35%;display:inline-block;text-align:right;
}
@media (max-width: 420px) {
  #zbozi {width:98%;}
  #detailnadpis {width:96%;float:none;}
  #detailobr {max-width:100%;float:none;margin:0 auto;padding-top:10px;}
  #detaildata {clear:both;width:96%;float:none;padding-top:10px;}
  .kosik {margin:0px;padding:0px;}
  .slogan {display:none;}
}

@media print {
 #menu {display:none;}
 @page {size: A4 portrait);
}