body {
margin : 0;
padding : 0;
font : 0.8em/1.5 "arial", sans-serif;
background : url("../design/bg.png") 50% 0 repeat-y #EBEBEB;
}
a, a:visited, a:link {
text-decoration : underline;
color : #fff;
}
a:hover {
text-decoration : none;
}
img {
border : 0;
}
hr {
clear : both;
height : 1px;
border : none;
margin : 0 0 0 0;
visibility : hidden;
}
h1 {
margin-top : 0;
}
h2 {
font-weight : normal;
}
input:focus, select:focus, input:hover, select:hover, textarea:hover, textarea:focus {
background-color : #E0E6FF;
border : #8BADE4 solid 1px;
}
input[type="number"] {
width : 40px;
}
input, textarea, select {
border : #cccccc solid 1px;
padding : 6px 4px 6px 4px;
}
.info_okno {
display : block;
padding : 20px 20px 20px 20px;
margin-top : 0;
margin-bottom : 2em;
border : #DADADA solid 1px;
color : #8B8B8B;
background-color : #FFFFFF;
font-style : italic;
}
.cookie_lista {
position : fixed;
max-width : 400px;
top : 0%;
left : 35%; 
display : none;
text-align : center;
line-height : 1.5em;
padding : 10px;
background-color : #FDFDFD;
color : #575252;
box-shadow: 0 0 10px #8B8B8B;
border-top: 3px solid #FDFDFD;
border-bottom : 3px solid #FDFDFD;
z-index : 10000;
}
.cook_souhlas, .cook_nesouhlas {
background-color : #333;
text-decoration : none !important ; 
display : block;
line-height : 2.5em;
margin : 10px auto;
padding : 0 10px;
font-weight : bold;
border-radius : 4px;
}
.cook_souhlas { 
background-color : #6bbe6b;
border : 1px solid #6bbe6b;
color : #FFF !important ;
}
.cook_nesouhlas {
background-color : #FFF;
border : 1px solid #575252;
color : #575252 !important ;
}
.cookie_lista a {
color : #575252;
text-decoration : underline;
}
.cookie_lista a:hover {
text-decoration : none;
}
.img {
max-width : 700px;
margin : 10px auto 10px auto;
border : #dadada solid 1px;
padding : 6px;
text-align : center;
}
.img_mensi {
max-width : 460px;
margin : 10px auto 10px auto;
border : #dadada solid 1px;
padding : 6px;
}
.img img, .img_mensi img {
display : block;
max-width : 100%;
margin : 0 auto;
}
.img span, .img_mensi span {
text-align : center;
display : block;
}
.img_mensi a   {
text-decoration : none !important ;
}
.p-1 {
font-size : 1.5em;
}
.p-2, .p-2 a {
color : #0080FF !important ;
}
.p-3 {
font-size : 1.2em;
display : block;
text-decoration : underline;
color : #319036 !important ;
}
.p-4 {
display : block;
text-decoration : underline;
}
.italic {
font-style : italic;
}
.red {
color : #FF0000 !important ;
}
.green {
color : #319036 !important ;
}
.blue a {
color : #0080FF !important ;
}
.preskrtle {
text-decoration : line-through;
}
.hidden {
display : none !important ;
}
.hr {
max-width : 100%;
border-top : 1px solid #DADADA;
margin-top : 3em;
}
.seznam li {
font-style : italic;
margin-bottom : 1em;
}
.seznam li a {
font-style : normal;
}
.noscript {
position : absolute;
top : 50px;
left : 5%;
right : 5%;
font-size : 1.2em;
border : #f1313e solid 1px;
color : #f1313e;
background : url("../design/vykricnik.png") 20px 50% no-repeat #FFEAEA;
padding : 30px 10px 30px 40px;
text-align : center;
z-index : 10;
}
#znacky {
position : absolute;
visibility : hidden;
z-index : -1;
}
#platno {
max-width : 1024px;
background : url("../design/hlavicka-bg.jpg") 0% 0% no-repeat;
margin : 0 auto;
position : relative;
}
#horni-lista {
position : relative;
display : block;
background-color : #0EFF00;
text-align : center;
font-weight : bold;
font-size : medium;
line-height : 1.5em;
padding : 10px;
color : #333534;
}
#horni-lista a {
display : block;
line-height : 39px;
color : #FFF;
text-decoration : none
}
#menu {
position : relative;
background : url("../design/menu-bg.jpg") 0% 0% repeat-x;
}
#menu .kosik-ico {
display : block;
position : absolute;
top : 1px;
right : 20px;
width : 71px;
height : 77px;
z-index : 1;
}
#menu a {
display : inline-block;
line-height : 39px;
text-decoration : none;
font-size : 1.2em;
}
#menu a:hover {
text-decoration : underline;
}
.active {
text-decoration : underline !important ;
}
#menu ul {
position : relative;
display : block;
margin : 0;
padding : 0;
list-style : none;
}
#menu li {
display : inline-block;
font-weight : bold;
text-align : center;
zoom : 1;
*display : inline;
}
#menu ul li ul {
width : 100%;
display : none;
position : absolute;
top : 39px;
left : 0;
margin-left : 0 !important ;
border : #9C9DA0 solid 1px;
z-index : 1;
background : url("../design/menu-bg.jpg") 0% -1px repeat;
}
#menu ul li ul li {
position : relative;
display : block !important ;
padding : 0 !important ;
background : none;
}
#menu ul li ul li a {
display : block;
line-height : 39px;
width : 100%;
padding-left : 10px;
background : none;
font-size : 1em;
}
#menu ul.menu-seznam_1 {
display : none;
text-align : left;
}
#menu ul.menu-seznam_1 li {
margin-left : 10px;
text-align : center;
}
#menu ul.menu-seznam_1 li a {
text-align : center;
padding-left : 20px;
padding-right : 20px;
}
#menu ul.menu-seznam_1 li ul li a {
text-align : center;
width : 100%;
}
#menu ul.menu-seznam_1 li ul li {
margin-left : 0;
}
#menu ul.menu-seznam_2 {
margin-left : 30px;
}
#menu ul.menu-seznam_2 li {
background : url("../design/oddel_menu-bg.png") right 50% no-repeat;
padding : 0 18px 0 11px;
}
#banner {
max-width : 838px;
margin : 18px auto 20px auto;
border : #FFF solid 6px;
background-color : #FFF;
}
#banner img {
display : block;
max-width : 100%;
}
#menu-produkty {
text-align : center;
background-color : #EFFAF0;
margin : 0 auto;
padding : 10px 0; 
text-align : center;
}
#menu-produkty div {
display : inline-block;
width : 104px;
margin : 5px 5px 5px 5px;
text-align : center;
background-color : #9CD89C;
}
#menu-produkty img {
width : 70px;
border : #DADADA solid 1px;
display : block;
margin : 5px auto 5px auto;
}
#menu-produkty div a {
color : black;
text-decoration : none;
font-size : 1em;
}
#menu-produkty div:hover {
background-color : #84CE84;
}
#menu-produkty div span {
display : block;
text-align : center;
font-weight : bold;
margin-bottom : 5px;
}
#telo {
position : relative;
max-width : 979px;
margin : 38px 20px 40px 20px;
min-height : 600px;
color : #575252;
font-size : 1.2em;
}
#telo a, #telo a:visited, #telo a:link {
text-decoration : underline;
color : #2e2828;
}
#telo a:hover {
text-decoration : none !important ;
color : #2e2828;
}
#telo ul {
margin : 0 20px 20px 20px;
padding : 0;
}
#sadba-zdarma {
max-width : 1026px;
position : relative;
background-color : #EFFAF0;
}
#facebook-banner {
max-width : 1026px;
position : relative;
background-color : #5ccb47;
}
#sadba-zdarma img, #facebook-banner img {
display : block;
max-width : 100%;
margin : 0 auto;
}
#fotogalerie {
display : block;
float : left;
margin-right : 10px;
}
#fotogalerie .hlavni_fotografie {
position : relative;
max-width : 630px;
display : inline-block;
border : #e8e8e8 solid 1px;
padding : 6px;
}
#fotogalerie .hlavni_fotografie img {
display : block;
max-width : 100%;
}
#fotogalerie .hlavni_fotografie div {
position : absolute;
width : 100px;
height : 50px;
top : 0;
right : 0;
color : #fff;
font-family : impact;
font-size : 2em;
line-height : 50px;
background-color : #d9534f;
text-align : center;
}
#fotogalerie .miniatury {
max-width : 630px;
margin-bottom : 1em;
}
#fotogalerie .miniatury img {
display : inline-block;
border : #e8e8e8 solid 1px;
margin-top : 5px;
margin-right : 1px;
cursor : pointer;
}
#fotogalerie .miniatury img:first-child {
border : 1px solid #575252;
}
#koupit {
float : left;
width : 300px;
height : 361px;
text-align : center;
background-color : #f9faf8;
margin-bottom : 1em;
}
#koupit p {
font-size : 2em;
line-height : 1em;
font-weight : bold;
color : #d9534f;
}
#koupit strong {
display : block;
margin-top : 1.8em;
margin-bottom : 1em;
}
#koupit .minus-ico, #koupit .plus-ico, #koupit .smazat-ico {
margin-top : 2em;
cursor : pointer;
}
#koupit span {
display : block;
margin-bottom : 1em;
}
#koupit span:last-child {
font-style : italic;
}
#koupit span img {
display : inline-block;
}
#koupit span input[type="number"] {
margin : 0 3px 0 3px;
font-size : 2em;
border-radius : 6px;
}
#koupit select {
border-radius : 6px;
padding : 10px 5px 10px 5px;
}
#koupit input[type="submit"] {
display : inline-block;
width : 200px;
text-align : center;
margin-top : 0.8em;
margin-bottom : 1em;
border : #0080A7 solid 1px;
cursor : pointer;
color : #fff;
text-decoration : none !important ;
font-size : 1.2em;
line-height : 2.5em;
background-color : #00abdf;
border-radius : 6px;
}
#koupit input[type="submit"]:hover {
background-color : #0098C4;
}
.akce {
background : url("../design/sipka.png") 2px 2px no-repeat #f4f4f4 !important;
}
.kosik p.txt_doplnek {
margin-top : 4em;
font-style : italic;
font-size : 0.9em;
}
.kosik table {
width : 100%;
}
.kosik table tr td {
margin : 0;
padding : 6px 5px 6px 5px;
}
.kosik table.produkty tr.tr_hlavicka td {
border-bottom : 1px solid #ccc;
color : #319036 !important ;
text-align : center;
}
.kosik table.produkty tr.tr_produkty td:nth-child(2) img {
width : 66px;
border : #ccc solid 1px;
margin-top : 5px;
padding : 2px;
background-color : #FFF;
}
.kosik table.produkty tr.tr_produkty td:nth-child(1) {
width : 24px;
}
.kosik table.produkty tr.tr_produkty td:nth-child(2) {
width : 70px;
}
.kosik table.produkty tr.tr_produkty td:nth-child(4) {
text-align : right;
width : 30px;
padding-left : 0;
padding-right : 0;
}
.kosik table.produkty tr.tr_produkty td:nth-child(5) {
text-align : center;
width : 15px;
}
.kosik table.produkty tr.tr_produkty td:nth-child(6) {
text-align : left;
width : 30px;
padding-left : 0;
padding-right : 0;
}
.kosik table.produkty tr.tr_produkty td:nth-child(7) {
text-align : right;
width : 150px;
}
.kosik table.produkty tr.tr_hlavicka td:last-child {
text-align : right;
}
.kosik table.cena_objednavky tr td:first-child {
text-align : right;
}
.kosik table.cena_objednavky tr td:last-child {
text-align : right;
width : 50px;
}
.kosik table.cena_objednavky {
padding-top : 0px;
}
.kosik table.vyber_dopravy tr td:last-child {
text-align : right;
width : 50px;
}
.kosik table#vyber_dopravy tr td {
vertical-align : middle;
}
.kosik table#vyber_dopravy tr td p {
display : inline;
font-size : 0.8em;
margin-left : 20px;
margin-top : 0;
text-align : left;
text-decoration : underline;
}
.kosik table.vyber_dopravy tr td label {
display : block;
max-width : 500px;
cursor : pointer;
}
.kosik table#vyber_dopravy tr td span {
display : block;
max-width : 300px;
}
.kosik table#vyber_dopravy tr td span img {
display : inline-block;
}
.kosik table.vyber_dopravy tr.darkovy_sek td {
height : 40px;
border-top : 1px solid #ccc;
vertical-align : bottom;
}
.kosik fieldset, div.obchodni_podminky {
border : 0px;
border-bottom : #ccc solid 1px;
padding : 6px 20px 20px 20px;
margin-bottom : 25px;
}
.kosik fieldset p {
margin-top : 1em;
font-style : normal;
}
.kosik fieldset p.info-zou, .obchodni_podminky p.info-zou {
font-style : italic;
font-size : 0.9em;
}
.kosik legend {
text-align : left;
font-weight : bold;
padding : 0;
margin-left : 1px;
margin-bottom : 5px;
}
.kosik input[type="hidden"] {
display : none;
}
.kosik input[type="radio"], .kosik input[type="checkbox"] {
margin-right : 5px;
}
.kosik input[type="checkbox"] {
display : inline-block;
}
.kosik #dodaci-adresa label {
display : block;
}
.kosik #dodaci-adresa input[type="text"] {
margin : 0 0 10px 0;
width : 180px;
}
.kosik #dodaci-adresa select[name="predvolba"] {
width : 65px;
}
.kosik #dodaci-adresa input[type="text"]#tel {
width : 115px !important;
}
.kosik #dodaci-adresa input[type="text"]#titul {
display : none;
}
.kosik #dodaci-adresa label[for="titul"] {
display : none;
}

.kosik #dodaci-adresa textarea {
margin : 0 0 2em 0;
width : 180px;
height : 100px;
}
.kosik #novinky-nesouhlas {
display : none;
}
.kosik .form_chyba {
border : #f1313e solid 1px !important;
color : #f1313e !important;
background : url("../design/form-chyba.png") 98% 7px no-repeat #fff1f2 !important;
}
.kosik .form_ok {
border : #34ba3f solid 1px;
color : #34ba3f;
background : url("../design/form-ok.png") 98% 7px no-repeat #ddf9e1;
}
.kosik input[type="submit"] {
display : block;
height : auto;
width : 260px;
text-align : center;
margin-top : 30px !important ;
border : #0080A7 solid 1px;
cursor : pointer;
color : #fff !important ;
text-decoration : none !important ;
font-size : 20px;
padding : 15px 0 15px 0;
background-color : #00abdf;
}
.kosik input[type="submit"]:hover, .kosik a.submit-pokracovat:hover {
background-color : #0098C4;
}
.kosik .fakturacni-udaje span {
display : none;
}
.kosik .zobrazit span {
display : block;
}
.kosik .red td {
color : #FF0000;
}
.kosik .red a {
color : #FF0000 !important ;
}
.kosik #vouchery input[type="text"] {
margin : 0 0 10px 0;
width : 180px;
}
.kosik #vouchery p {
margin-top : 20px;
font-style : italic;
font-size : 0.8em;
}
.chybove_okno {
display : none;
padding : 30px 10px 30px 80px;
margin-top : 2em;
margin-bottom : 20px;
border : #d9534f solid 1px;
color : #d9534f;
font-size : 0.9em;
background : url("../design/vykricnik.png") 20px 50% no-repeat #fef9f9;
}
ul.sitemap {
font-size : 0.9em;
}
ul.sitemap li {
list-style-type : none;
}
ul.sitemap li a {
font-weight : normal;
}
ul.sitemap li {
line-height : 2em;
list-style-image : none;
background-image : url("../design/odrazka.jpg");
background-repeat : no-repeat;
background-position : 0% 12px;
padding-left : 8px;
}
#zapati {
max-width : 1026px;
position : relative;
background : url("../design/zapati-bg.jpg") 0% 0% no-repeat #2f8932;
color : #FFF;
padding : 20px 0 5px 0;
}
#zapati p {
margin : 0 20px 1em 20px;
}
@media only screen and (max-width:890px) {
.cookie_lista {
top : 25%;
left : 0; 
}
#menu ul.menu-seznam_1 {
display : block;
}
#menu ul.menu-seznam_2 {
display : none;
}
#platno {
overflow : hidden;
}
#telo {
margin : 38px 15px 40px 15px;
}
#fotogalerie {
margin-right : 0;
}
#koupit {
float : left;
max-width : 100% !important ;
text-align : center;
background-color : ##eaeaea;
}
}
@media (max-width:730px) {
.kosik table.produkty tr.tr_produkty td:nth-child(5) {
width : 10px;
}
.kosik table.produkty tr.tr_produkty td:nth-child(6) {
text-align : left;
width : auto;
padding-left : 0;
padding-right : 0;
}
.kosik table.produkty tr.tr_produkty td:nth-child(7) {
text-align : right;
width : auto;
padding-left : 10px;
}
}
@media (max-width:520px) {
.kosik fieldset {
padding : 6px 0 20px 0;
}
.kosik #dodaci-adresa fieldset {
text-align : center;
}
.kosik fieldset p {
margin-left : 20px;
margin-right : 20px;
}
}
@media (max-width:425px) {
#fotogalerie .hlavni_fotografie div {
position : absolute;
width : 80px;
height : 30px;
top : 0;
right : 0;
color : #FFF;
font-family : impact;
font-size : 1.4em;
line-height : 30px;
background-color : #ff0000;
text-align : center;
}
.kosik input[type="submit"] {
width : 100%;
margin-top : 30px auto 0 auto !important ;
}
}