body
{
margin: 0px;
padding: 0px;
color: #000000;
background-color: #ffffff;
font-family: 'Roboto', sans-serif;
font-size: 17px;
}

.holder
{
clear: both;
max-width: 1440px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
}

.holder a
{
color: #b6b82f;
text-decoration: underline;
}

.holder a:hover
{
color: #848525;
text-decoration:underline;
}

h1
{
font-size: 59px;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: 400;
}

h2
{
font-size: 30px;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: 400;
}

h3
{
font-size: 26px;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: 500;
}

h4
{
font-size: 22px;
margin: 0px;
padding: 0px;
color: #000000;
font-weight: 500;
}

b, strong
{
font-weight: 500;
}

a img
{
border: 0px;
}

form
{
padding: 0px;
margin: 0px;
}

input, select, textarea
{
    color: #000000;
}

.clear
{
width: auto;
clear: both;
font-size: 1px;
height: 1px;
}

.clear_resp
{
display: none;
}

.top
{
width: auto;
height: 120px;
line-height: 120px;
}

.top_logo
{
float: left;
width: 131px;
height: 120px;
overflow: hidden;
}

.top_vyber_kat
{
float: left;
margin-left: 44px;
}

.sb_vk
{
width: 240px;
height: 44px;
padding-left: 10px;
background-color: #ffffff;
border: solid 1px #d9d9d9;
font-size: 24px;
}

.top_vyhledavani
{
float: left;
margin-left: 33px;
margin-top: -2px;
}

.inp_vyhl
{
width: 340px;
height: 44px;
padding-left: 10px;
background-color: #eaeaea;
color: #000000;
border: 0px;
font-size: 16px;
}

.but_vyhl
{
position: absolute;
margin: 0px;
padding: 0px;
margin-left: -39px;
margin-top: 39px;
background-color: #eaeaea;
height: 39px;
width: 39px;
border: 0px;
cursor: pointer;
}

.searchAutocomplete
{
position: absolute;
width: 353px;
min-height: 30px;
text-align: left;
font-size: 17px;
margin-top: -32px;
margin-left: -2px;
z-index: 9901;
background-color: #ffffff;
border: solid 1px #d6d6d6;
box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
display: none;
}

.searchAutocomplete.--active
{
display: block;
}

.searchAutocomplete_section
{
width: auto;
min-height: 30px;
margin: 10px; 
line-height: 120%;
}

.searchAutocomplete_title
{
width: auto;
font-size: 18px;
font-weight: 500;
}

.searchAutocomplete_item
{
width: auto;
}


.top_mutace
{
float: right;
}

.sb_m
{
width: 62px;
height: 44px;
padding-left: 10px;
background-color: #ffffff;
border: solid 1px #d9d9d9;
font-size: 22px;
font-weight: 300;
}

.top_boxy_skupina
{
float: right;	
height: 64px;
margin-top: 23px;
margin-right: 80px;
}

.top_kosik, .top_uzivatel, .top_suplik, .top_info
{
float: right;
width: 64px;
height: 64px;
line-height: 60px;
text-align: center;
color: #ffffff;
font-size: 11px;
border-radius: 50%;
background-color: #eaeaea;
cursor: pointer;
}

.top_kosik
{
background-image: url('/img/kosik_ico.png');
background-repeat: no-repeat;
background-position: center center;
}

.plny
{
background-color: #baf5ce;
}

.infoaktiv
{
background-color: #fccbc7;
}

.top_uzivatel
{
margin-right: 14px;
background-image: url('/img/uzivatel_ico.png');
background-repeat: no-repeat;
background-position: center center;
}

.submenu_uzivatel
{
position: relative;
width: 200px;
min-height: 30px;
text-align: left;
font-size: 17px;
top: 70px;
left: -60px;
z-index: 9900;
background-color: #ffffff;
border: solid 1px #d6d6d6;
box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
display: none;
}

.submenu_uzivatel ul, .submenu_suplik ul
{
padding: 0px;
margin: 0px;
list-style-type: none;
}

.submenu_uzivatel li 
{
display: block; 
width: auto;
height: 32px;
color: #000000;
line-height: 32px;
text-decoration: none;
}

.submenu_uzivatel li span
{
padding-left: 15px;
}

.submenu_uzivatel li a, .submenu_uzivatel li a:link, .submenu_uzivatel li a:visited
{
display: block; 
width: auto;
height: 32px;
padding-left: 15px;
color: #000000;
line-height: 32px;
text-decoration: none;
}

.submenu_uzivatel li a:hover 
{
width: auto;
height: 32px;
color: #000000;
text-decoration: underline;
background-color: #EAEAEA;
}


.top_suplik
{
margin-right: 14px;
background-image: url('/img/suplik_ico.png');
background-repeat: no-repeat;
background-position: center center;
}

.submenu_suplik
{
position: relative;
width: 330px;
min-height: 30px;
text-align: left;
font-size: 17px;
top: 70px;
left: -120px;
z-index: 9900;
color: #000000;
background-color: #ffffff;
border: solid 1px #d6d6d6;
box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-webkit-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
-moz-box-shadow: 0px 0px 5px 0px rgba(153,153,153,0.65);
display: none;
}

.submenu_suplik span
{
display: block;
float: left;
width: 60px;
height: 40px;
padding-left: 5px;
vertical-align: middle;
background-color: #ffffff;
}

.submenu_suplik li i
{
padding-left: 15px;
font-style: normal;
}


.submenu_suplik span img
{
height: 40px;
}

.submenu_suplik li a,  .submenu_suplik li a:link, .submenu_suplik li a:visited
{
display: block; 
width: auto;
height: 40px;
padding-left: 2px;
color: #000000;
line-height: 40px;
text-decoration: none;
overflow: hidden;
}

.submenu_suplik li a:hover 
{
width: auto;
height: 40px;
color: #000000;
text-decoration: underline;
background-color: #EAEAEA;
}

.top_info
{
margin-right: 14px;
background-image: url('/img/info_ico.png');
background-repeat: no-repeat;
background-position: center center;
}

.tematicky_obr_top
{
width: auto;
clear: both;
height: 375px;	
}

.tematicky_obr_top h1
{
padding-left: 50px;
padding-top: 50px;
}

.obal_kategorie
{
display: flex;
flex-wrap: wrap;	
}

.leve_menu
{
width: 290px;
min-height: 100px;
background-color: #c5c738;
}

.menu_resp
{
display: none;	
}

.leve_menu ul
{
padding: 0px;
margin: 0px;
margin-top: 15px;
list-style-type: none;
}

.leve_menu li a
{
font-size: 20px;	
line-height: 26px;
padding-left: 10px;
padding-right: 5px;
display: block;
width: auto; 
}

.leve_menu li a,  .leve_menu li a:link, .leve_menu li a:visited
{
color: #000000;
text-decoration: none;
}

.leve_menu li a:hover 
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}

.leve_menu li.aktiv a:link, .leve_menu li.aktiv a:visited, .leve_menu li.aktiv a:hover 
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}

.leve_menu li.submenu_1 a
{
font-size: 17px;
line-height: 25px;
padding-left: 20px;
padding-right: 5px;
display: block;
width: auto; 
}

li.submenu_1 a, li.submenu_1 a:link, li.submenu_1 a:visited
{
color: #000000;
text-decoration: none;

}

li.submenu_1 a:hover
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}

.leve_menu li.submenu_2 img, .leve_menu li.submenu_2a img
{
display: inline;
cursor: pointer;
margin-left: 5px;
}

.leve_menu li.submenu_2 img:hover
{
background-color: #aeb02c;
}

.leve_menu li.submenu_2 a
{
font-size: 17px;
padding-left: 25px;
padding-right: 5px;
display: inline-block;
width: auto; 
}

.leve_menu li.submenu_2a a
{
font-size: 17px;
padding-left: 4px;
padding-right: 5px;
display: inline-block;
width: auto; 
}

li.submenu_2 a, li.submenu_2 a:link, li.submenu_2 a:visited
{
color: #000000;
text-decoration: none;
}


li.submenu_2 a:hover
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}

.leve_menu li.submenu_3 a
{
font-size: 17px;
padding-left: 40px;
padding-right: 5px;
display: block;
width: auto; 
}

li.submenu_3 a, li.submenu_3 a:link, li.submenu_3 a:visited
{
color: #000000;
text-decoration: none;

}

li.submenu_3 a:hover
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}


.leve_menu li.submenu_4 a
{
font-size: 17px;
padding-left: 50px;
padding-right: 5px;
display: block;
width: auto; 
}

li.submenu_4 a, li.submenu_4 a:link, li.submenu_4 a:visited
{
color: #000000;
text-decoration: none;

}

li.submenu_4 a:hover
{
color: #000000;
text-decoration: none;
background-color: #aeb02c;
}


.pravy_div
{
width: 1120px;
margin-left: 15px;
padding-top: 10px;
}

.container
{
width: auto;
clear: both;
}

.container h2
{
font-size: 30px;
font-weight: 400;
}

.container h3
{
font-size: 24px;
font-weight: 400;
}

.kosik_zahlavi_obal
{
width: auto;
height: 115px;	
border-top: solid 1px #eaeaea;
border-bottom: solid 1px #eaeaea;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 15px;
}

.kosik_zahlavi_box
{
height: auto;
margin-top: 10px;
margin-bottom: 10px;
border-right: solid 1px #eaeaea;	
}

.kosik_zahlavi_kruh
{
width: 50px;
height: 50px;
line-height: 50px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;	
text-align: center;
font-size: 22px;
border-radius: 25px;
background-color: #eaeaea; 
}

.kruh_aktivni
{
background-color: #8aeaaa; 
}

.kosik_zahlavi_text
{
width: auto;
margin-top: 10px;
text-align: center;	
}

.obal_prvni_nakup
{
clear: both;
width: auto;	
margin-top: 10px;
padding: 20px;
font-size: 20px;
border: solid 1px #87bf9a;
background-color: #BAF5CE;
}

.kosik_vypis_obal
{
clear: both;
width: auto;	
margin-top: 10px;
}

.kosik_produkt_obal
{
width: auto;
border-bottom: solid 1px #eaeaea;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
}

.obal_neni_skladem
{
background-color: #ffd8d8;	
}

.kosik_foto
{
float: left;
width: 14%;	
}

.kosik_foto img
{
width: 120px;
margin: auto;
}

.kosik_nazev_pr
{
float: left;
width: 35%;	
}

.kosik_kat_c
{
font-size: 14px;
color: #6e6e6e;	
}

.kos_dost_skladem
{
font-size: 15px;
color: #6ba877;
}

.kos_dost_neni
{
font-size: 15px;
color: #868686;	
}

.kosik_pocet
{
float: left;
width: 15%;		
}

.kosik_cena_ks
{
float: left;
width: 15%;		
color: #6e6e6e;	
}

.kosik_cena_celkem
{
float: left;
width: 15%;		
font-weight: 500;
color: #E60E0E;	
}

.kosik_smazat
{
float: right;
width: 5%;		
}

.kosik_modal_cena
{
font-size: 20px;
color: #E60E0E;	
}

.num_items
{
height: 30px;
width: 50px;
text-align: center;
font-size: 22px;
border: solid 1px #D9D9D9;
border-radius: 4px;
display: inline-block;
vertical-align: middle;	
}

.minus, .plus
{
width: 20px;
height: 20px;
background: #f2f2f2;
border-radius: 4px;
padding: 6px 5px 6px 5px;
border: solid 1px #D9D9D9;
display: inline-block;
vertical-align: middle;
text-align: center;
cursor: pointer;
}

.kosik_celkova_cena
{
width: auto;
font-size: 20px;	
}

.kosik_celkova_cena b
{
display: inline-block;
float: right;
font-size: 20px;	
color: #E60E0E;	
}

.kos2_udaje
{
float: left;
width: 32%;	
}

.kos2_udaje fieldset
{
min-height: 320px;	
}

.box_dop_pl_kos_l
{
float: left;
width: 45%;	
}

.box_dop_pl_kos_p
{
float: right;
width: 48%;	
}

.kos_dop_lab
{
clear: both;
display: block;
width: auto;
min-height: 34px;
margin: 0px;
padding: 0px;
padding: 10px;	
margin-bottom: 5px;
line-height: 34px;
border: solid 1px #eaeaea;
}

.cart-table-shipping-img
{
display: inline;
vertical-align: middle;	
padding-right: 10px;
}

.cart-table-shipping-text
{
display: inline;	
}

.cart-table-shipping-popis
{
clear: left;
display: inline-block;
width: 70%;	
margin-left: 80px;
font-size: 14px;
color: #6e6e6e;	
}

.cart-table-shipping-price
{
display: inline;	
text-align: right;
float: right;
color: #E60E0E;	
}

.poznamka_txt
{
border: solid 1px #d9d9d9;
background-color: #ffffff;
padding: 5px;
width: 100%;	
height: 80px;
}

.podkat_obal
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}

.podkat_box
{
height: 72px;
padding: 15px;
color: #676664;
font-size: 17px;
overflow: hidden;
background-color: #eaeaea;
}

.podkat_box a
{
color: #676664;
text-decoration: none;
}

.podkat_box img
{
float: right;
width: 95px;
}

.box_razeni
{
clear: both;
width: auto;
height: 30px;
margin-top: 40px;
margin-bottom: 20px;
border-bottom: solid 1px #eaeaea;
}

.box_r_in
{
float: left;
height: 28px;
line-height: 28px;
padding-left: 20px;
padding-right: 20px;
margin-left: 5px;
cursor: pointer;
color: #868686;
background-color: #ffffff;
border: solid 1px #ffffff;
}

.box_r_in:hover, .box_r_in.aktiv
{
background-color: #eaeaea;
border: solid 1px #eaeaea;
}

.products-footer
{
clear: both;
width: auto;	
margin-top: 10px;
}

.products-count, .box_porovnat_odkaz
{
width: auto;
clear: both;	
font-size: 15px;
margin-bottom: 10px;
}

.box_prepinani_nahledu
{
float: right;	
margin-top: 10px;
}

.box_porovnat_odkaz
{
margin-top: 10px;
margin-bottom: 0px;
text-align: right;	
}

.box_filtr_kategorie
{
width: auto;
clear: both;
margin-top: 20px;
margin-bottom: 0px;
text-align: left;	
}

.box_porovnat_odkaz_det
{
float: right;
font-size: 15px;
}

.obal_porovnavani
{
width: 100%;
min-height: 250px;
}


.products-grid
{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 10px;	
padding: 0px;
margin: 0px;
}


.uvod_slider
{
clear: both;
width: auto;
height: 376px;
overflow: hidden;
}

.uvod_vyber_kat
{
clear: both;
width: auto;
margin-top: 40px;
}

.slider_kat
{
clear: both;
width: auto;
height: 298px;
border: 0px;
overflow: hidden;
}

.kat_box
{
width: 276px;
height: 290px;
background-color: #EAEAEA;
border: solid 1px #d6d6d6;
}

.kat_box a
{
color: #000000;
text-decoration: none;
}

.kat_box a:hover
{
color: #000000;
text-decoration: none;
}

.kat_box_nadpis
{
width: auto;
height: 50px;
padding: 20px;
padding-bottom: 0px;
font-size: 21px;
font-weight: 400;
overflow: hidden;
}

.kat_box_obr
{
width: auto;
height: 173px;
margin: 20px;
margin-bottom: 0px;
overflow: hidden;
background-color: #ffffff;
border: solid 2px #ababab;
}

.kat_box_obr img
{
border: 0px;
width: 100%;
}

.uvod_dop_prod
{
clear: both;
width: auto;
margin-top: 40px;
}

.slider_dop_pr .slider_obl_pr
{
clear: both;
width: auto;
}

.box_produkt
{
width: 275px;
height: 350px;
background-color: #ffffff;
border: solid 1px #E3E3E3;
}

.box_produkt_tabulka
{
width: auto;
height: 100px;
background-color: #ffffff;
border: solid 1px #E3E3E3;
margin-bottom: 10px;
}

.foto_prod_tabulka
{
float: left;
width: 160px;
overflow: hidden;	
}

.foto_prod_tabulka img
{
height: 100px;
}

.nadpis_prod_tabulka
{
float: left;
width: 500px;		
font-size: 20px;
padding: 10px;
}

.ceny_prod_tabulka
{
float: left;
width: 180px;		
padding: 10px;
}

.akcni_tabulka
{
width: auto;		
color: #e60e0e;
}

.dostupnost_tabulka
{
float: left;
width: 100px;		
padding: 10px;
}

.porovnavani_tabulka
{
float: right;		
padding: 10px;
}

.prod_priznaky
{
position: absolute;
width: 110px;
height: 92px;
margin-top: -180px;
margin-left: 165px;
}

.priznak_sestava
{
float: right;
width: 70px;
height: 22px;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
line-height: 22px;
color: #ffffff;
background: rgba(22, 88, 197, .58);
}

.priznak_dop
{
float: right;
width: 109px;
height: 22px;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
line-height: 22px;
color: #ffffff;
background: rgba(0, 105, 20, .58);
}

.priznak_obl
{
float: right;
width: 109px;
height: 22px;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
line-height: 22px;
color: #ffffff;
background: rgba(255, 118, 8, .58);
}

.priznak_sleva
{
float: right;
width: 70px;
height: 22px;
margin-bottom: 1px;
font-size: 12px;
text-align: center;
line-height: 22px;
color: #ffffff;
background: rgba(255, 14, 14, .58);
}

.nadpis_prod
{
width: auto;
height: 50px;
padding: 20px;
padding-bottom: 0px;
font-size: 21px;
font-weight: 400;
color: #000000;
overflow: hidden;
}

.box_produkt a, .box_produkt a:hover
{
text-decoration: none;
color: #000000;
}

.foto_prod
{
width: 250px;
height: 185px;
margin: auto;
margin-top: 20px;
margin-bottom: 0px;
overflow: hidden;
background-color: #ffffff;
border: solid 1px #EAEAEA;
}

.foto_prod img
{
border: 0px;
width: 100%;
}

.cena_prod
{
width: auto;
margin-top: 10px;
font-size: 14px;
text-align: center;
}

.akcni
{
color: #e60e0e;
}

span.cena_prod
{
font-size: 17px;
}

.cena_prod_puvodni
{
width: auto;
margin-top: 3px;
height: 18px;
font-size: 13px;
text-align: center;
text-decoration: line-through;
}

.dostupnost_prod
{
width: auto;
margin-top: 3px;
font-size: 13px;
color: #6ba877;
text-align: center;
}

.dostupnost_prod2
{
float: left;
margin-top: 3px;
margin-left: 20px;
font-size: 13px;
color: #6ba877;
}

.porovnavani_box_n
{
float: right;
margin-top: 3px;
margin-right: 20px;
font-size: 13px;	
}

.porovnavani_box_n a:hover
{
text-decoration: underline;
}

.neni
{
color: #868686;
}

.uvod_aktuality
{
clear: both;
width: auto;
margin-top: 40px;
}

.uvod_akt_obal
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 12px;
}

.akt_box
{
min-height: 140px;
padding: 10px;
color: #000000;
font-size: 15px;
overflow: hidden;
}

.akt_box b
{
font-size: 17px;
font-weight: 400;
}

.akt_box span
{
font-size: 12px;
font-weight: 400;
}

.akt_odk
{
float: right;
margin-top: 10px;
}

.akt_odk a
{
color: #000000;
}

.akt_odk a:hover
{
color: #FD362F;
}

.fotogalerie
{
width: 30%;
margin: 5px;
}

.recenze_pata
{
width: auto;
clear: both;
}

.recenze_box_top
{
float: left;
width: 75px;
height: 75px;
padding: 10px;
text-align: center;
background-color: #eaeaea;
}

.recenze_box_top span
{
display: block;
font-weight: 500;
font-size: 20px;
margin-top: 15px;
}

.hvezdy
{
width: auto;
text-align: center;
}

span.hvezda
{
display: inline-block;
width: 12px;
height: 12px;
}

span.hvezda-on
{
display: inline-block;
background-size: contain;
background-image: url('/img/hvezda_on.png');
background-repeat: no-repeat;
background-position: center center;
}

span.hvezda-off
{
display: inline-block;
background-size: contain;
background-image: url('/img/hvezda_off.png');
background-repeat: no-repeat;
background-position: center center;
}

.recenze_top_nadpis
{
float: left;
margin-left: 20px;
}

.recenze_top_pocet
{
margin-top: 10px;
font-size: 13px;
font-weight: 300;
}

.recenze_boxy_obal
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 15px;
}

.recenze_ob_in
{
height: 120px;
font-size: 14px;
border-right: solid 1px #eaeaea;
}

.recenze_in_l
{
float: left;
width: 55%;
height: 65px;
}

.rec_ikona
{
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-image: url('/img/uzivatel_recenze.png');
background-repeat: no-repeat;
background-position: center center;
background-color: #F2F2F2;
}

.rec_jm_hv
{
display: inline-block;
height: 32px;
margin-left: 15px;
}

.recenze_in_r
{
float: right;
width: 40%;
height: 65px;
padding-right: 15px;
text-align: right;
font-weight: 300;
}

.recenze_in_r span
{
color: #487618;
}

.drobinka
{
clear: both;
width: auto;
font-size: 12px;
}

.drobinka img
{
vertical-align: bottom;
}

.txt
{
clear: both;
width: auto;
margin-top: 20px;
}

.rec_text
{
clear: both;
width: auto;
margin-top: 10px;
}

.form-group
{
clear: both;
width: auto;
margin-bottom: 10px;
}

.form-subtitle
{
clear: both;
width: auto;
font-weight: 500;
}

.form-group label
{
display: block;
font-size: 15px;
font-weight: 300;
}

.form-group input[type='text'], .form-group input[type='email'], .form-group input[type='tel'], .form-group input[type='password'], .form-group select
{
border: solid 1px #d9d9d9;
background-color: #ffffff;
padding: 5px;
width: 220px;
}



.form-group select
{
width: 230px;
}

.form-group .submit, .submit
{
border: solid 1px #dbdbdb;
background-color: #EAEAEA;
padding: 5px;
width: 230px;
cursor: pointer;
margin-top: 10px;
}

@keyframes cerveneBlikani 
{
  0%   { background-color: red; }
  50%  { background-color: white; }
  100% { background-color: red; }
}

.blikajici-submit 
{
  animation: cerveneBlikani 1.5s ease-in-out;
  animation-iteration-count: 10;
}



.but_vyprazdnit
{
border: solid 1px #bc2020;
background-color: #edbdbd;
padding: 5px;
width: 230px;
cursor: pointer;
margin-top: 10px;
}

.but_pokracovat
{
border: solid 1px #87bf9a;
background-color: #BAF5CE;
padding: 5px;
width: 230px;
cursor: pointer;
margin-top: 10px;
float: right;
}

.form-group span
{
font-size: 14px;
font-weight: 300;
}

fieldset
{
border: solid 1px #EAEAEA;
padding: 10px;
margin-bottom: 10px;
}

.infomessage
{
clear: both;
width: auto;
padding: 10px;
background-color: #e0fce9;
color: #469961;
font-size: 15px;
}

.votepage-content
{
clear: both;
width: auto;
padding-top: 30px;
}

.votepage-summary
{
float: left;
width: 20%;
padding: 20px;
border: solid 1px #EAEAEA;
}

.rate-average
{
width: 80px;
height: 80px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 34px;
line-height: 80px;
border-radius: 80px;
background-color: #F2F2F2;
}

.stars-label
{
width: auto;
text-align: center;
font-size: 15px;
margin-top: 20px;
}

.vote-grid
{
float: right;
width: 74%;
}

.vote-wrap
{
clear: both;
width: auto;
padding: 20px;
margin-bottom: 0px;
border-top: solid 1px #EAEAEA;
}

.vote-wrap-stars
{
width: auto;
}

.vote-content
{
float: left;
width: 60%;
margin-top: 10px;
}

.vote-foto
{
float: right;
margin-top: 10px;
}

.vote-foto a img
{
width: 120px;
margin-left: 5px;
}

.vote-header
{
width: auto;
margin-top: 10px;
}

.vote-summary
{
float: left;
margin-left: 15px;
}

.vote-name
{
font-size: 16px;
}

.vote-time
{
font-size: 15px;
color: #898989;
}

.clanek_obal
{
clear: both;
width: auto;
margin-bottom: 20px;
border-bottom: solid 1px #EAEAEA;
}

.clanek_in_odkaz
{
width: auto;
text-align: right;
}

.vote-checked
{
float: right;
color: #487618;
font-size: 16px;
}

.delete-account
{
width: auto;
padding: 20px;
border: solid 1px #bc2020;
background-color: #edbdbd;
}

.txt_area
{
width: 400px;
height: 80px;
padding: 10px;
border: solid 1px #EAEAEA;
}

.tabulka
{
width: 100%;
border-collapse: collapse;
border: solid 1px #EAEAEA;
}

.tabulka thead
{
background-color: #efefef;
}

.tabulka th
{
padding: 10px;	
text-align: left;
}

.tabulka td
{
padding: 10px;	
border-collapse: collapse;
border: solid 1px #EAEAEA;
}

.pagination
{
width: auto;
clear: both;
text-align: right;	
}

.pagination a
{
padding-left: 6px;	
padding-right: 6px;	
}

a.aktivni_odkaz
{
background-color: #b6b82f;	
color: #000000;
}

.fg_foto_div
{
float: left;
width: 25%;
margin: 10px;
font-size: 15px;	
}

.fg_foto_div img
{
width: 100%;
}

.fg_foto_div:hover
{
box-shadow: -0px 0px 5px -0px rgba(21,21,21,0.6);
-webkit-box-shadow: -0px 0px 5px -0px rgba(21,21,21,0.6);
-moz-box-shadow: -0px 0px 5px -0px rgba(21,21,21,0.6);
}

.detail_nadpis
{
width: auto;
clear: both;
margin-bottom: 10px;
}

.detail_levy_sl
{
float: left;
width: 565px;
}

.detail_hlavni_foto
{
width: auto;	
}

.detail_hlavni_foto a img
{
width: 100%;	
padding: 0px;
margin: 0px;
border: solid 1px #EAEAEA;
}

.prod_priznaky_det
{
position: absolute;
width: 110px;
height: 92px;
margin-top: 20px;
margin-left: 456px;
}

.detail_dalsi_foto
{
width: auto;
clear: both;
margin-top: 5px;	
}

.detail_dalsi_foto_obal
{
width: 22.8%;	
height: 100px;
line-height: 100px;
float: left;
margin-right: 10px;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
border: solid 1px #EAEAEA;
}

.detail_dalsi_foto_obal img
{
display: inline-block;
vertical-align: middle;
}

.detail_dalsi_foto_obal a img
{
width: 100%;	
padding: 0px;
margin: 0px;
}

.detail_pravy_sl
{
float: right;
width: 530px;
}

.det_cena_div
{
margin-top: 20px;
font-size: 24px;
color: #d13004;	
}

.det_akcni_sleva_div
{
color: #d13004;		
}

.sel_det_pr
{
border: solid 1px #d9d9d9;
background-color: #ffffff;
padding: 10px;
width: 275px;	
font-size: 16px;
}

.dostupnost_a
{
color: #6ba877;	
}

.dostupnost_n
{
color: #868686;	
}

.preskrtnute
{
text-decoration: line-through;	
}

.inp_pocet_det
{
border: solid 1px #d9d9d9;
background-color: #ffffff;
width: 40px;	
height: 39px;
padding: 0px;
margin: 0px;
text-align: center;
font-size: 24px;	
}

.but_do_kosiku
{
background-color: #C5C738;	
display: inline-block;
position: relative;
line-height: 40px;
height: 40px;
padding: 0px;
margin: 0px;
padding-left: 15px;
padding-right: 15px;
font-size: 20px;
border: 0px;
cursor: pointer;
border: solid 1px #C5C738;
}

.but_do_kosiku img
{
vertical-align: middle;
padding: 0px;
margin: 0px;	
}

.but_det_porovnat
{
background-color: #eaeaea;	
display: inline-block;
position: relative;
line-height: 40px;
height: 40px;
padding: 0px;
margin: 0px;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
border: 0px;
cursor: pointer;
border: solid 1px #eaeaea;	
}

.tab_tech_par
{
width: 100%;	
border-collapse: collapse;
border: solid 1px #EAEAEA;
}

.tab_tech_par td
{
padding: 5px;	
border-collapse: collapse;
border: solid 1px #EAEAEA;
}

.tab_tech_par th 
{
font-weight: 400;
padding: 5px;	
text-align: left;
}

.tab_tech_par th img
{
vertical-align: middle;
}


.tab_tech_par tr:nth-child(even) 
{
background-color: #EAEAEA;
}

.det_tp_obal
{
width: auto;
height: 130px;
overflow: hidden;
}

.det_tp_filtr
{
width: auto;
height: 80px;
position: relative;
z-index: 100;
margin-top: -80px;
background: linear-gradient(to top, rgba(255,255,255,1) 18%,rgba(255,255,255,0) 95%);	
}

.det_tp_prepinac
{
width: auto;
height: 22px;
position: relative;
z-index: 101;
margin-top: -22px;
text-align: center;
}

.detail_vyrobek_obsahuje
{
clear: both;
width: auto;	
margin-top: 20px;
}

.detail_popis_produktu, .detail_ke_stazeni, .detail_prislusenstvi
{
clear: both;
width: auto;	
margin-top: 30px;	
}

.det_popis_obal
{
width: auto;
height: 130px;
overflow: hidden;	
}

.det_popis_filtr
{
width: auto;
height: 80px;
position: relative;
z-index: 100;
margin-top: -80px;
background: linear-gradient(to top, rgba(255,255,255,1) 18%,rgba(255,255,255,0) 95%);	
}

.det_popis_prepinac
{
width: auto;
height: 22px;
position: relative;
z-index: 101;
margin-top: -22px;
text-align: center;
}

.cara
{
clear: both;
width: auto;
height: 1px;
font-size: 1px;
overflow: hidden;
border-bottom: solid 1px #eaeaea;	
}

.rekap_obal
{
width: auto;
clear: both;
margin-bottom: 10px;
font-size: 16px;
color: #6e6e6e;
}

.rekap_obal span
{
display: inline-block;
float: right;
font-size: 17px;	
color: #000000;	
}

.pata_obal
{
clear: both;
width: auto;
height: 278px;
background-color: #f2f2f2;
color: #6e6e6e;
font-size: 14px;
line-height: 180%;
}

.pata_l
{
float: left;
width: 260px;
min-height: 160px;
margin-left: 60px;
}

.pata_r
{
float: right;
width: 360px;
min-height: 160px;
margin-right: 60px;
}

.pata_rl1
{
float: left;
width: 210px;
}

.pata_rl2
{
float: left;
width: 130px;
}



.pata_obal a
{
color: #6e6e6e;
text-decoration: none;
}

.pata_obal a:hover
{
color: #6e6e6e;
text-decoration: underline;
}

.pata_obal b
{
font-size: 21px;
font-weight: 400;
}

.pata2_obal
{
clear: both;
width: auto;
height: 42px;
font-size: 13px;
color: #8f8f8f;
background-color: #e3e3e3;
}

.pata2_obal a
{
color: #8f8f8f;
text-decoration: none;
}

.pata2_obal a:hover
{
color: #8f8f8f;
text-decoration: underline;
}

.pata2_r
{
float: right;
line-height: 42px;
padding-right: 20px;
}

.pata2_l
{
float: left;
line-height: 42px;
padding-left: 20px;
}

/* Upoutavka */

.upoutavka
{
display: none;
position: absolute;
z-index: 11000;
width: 500px;
min-height: 100px;
margin: 0px;
padding: 0px;
background-color: #ffffff;
border: 1px solid #E3E3E3;
}

.upoutavka img
{
width: 100%;
}

.u_zahlavi
{
width: auto;
padding: 10px;
text-align: right;
font-size: 15px;
}

.u_zahlavi a
{
cursor: pointer;
color: #b6b82f;
text-decoration: underline;
}

.u_zahlavi a:hover
{
color: #848525;
text-decoration:underline;
}

.u_nadpis
{
width: auto;
padding: 10px;
padding-bottom: 0px;
padding-top: 0px;
font-size: 17px;
font-weight: 500;
cursor: -webkit-grab; 
cursor: grab;
}

.u_popis
{
clear: both;
width: auto;
padding: 10px;
font-size: 17px;
cursor: -webkit-grab; 
cursor: grab;
}

.r
{
color: red;
}

.oko
{
display: inline; 
margin-left: -22px; 
vertical-align: middle;	
cursor: pointer;
}


/* MODAL */

.modal 
{
  display: none;  
  position: fixed;  
  z-index: 10000;  
  padding-top: 100px;  
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.3); 
}

.modal-content, .modal-content2  
{
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #E3E3E3;
  width: 500px;
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.5s;
  animation-name: animatetop;
  animation-duration: 0.5s
}

.modal-content2  
{
width: 700px;	
}

@-webkit-keyframes animatetop 
{
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop 
{
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

h5.modal-title
{
display: inline;
font-size: 20px;
font-weight: 500;
}

.close 
{
  float: right;
  margin-top: -10px;
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover, .close:focus 
{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.modal-body
{
clear: both;
width: auto;
padding-top: 10px;
font-size: 17px;
}


@media screen and (max-width: 1422px) 
{
.txt, .uvod_vyber_kat, .uvod_dop_prod, .uvod_aktuality, .recenze_pata
{
padding: 10px;
}

.top_mutace
{
float: right;
padding-right: 10px;
}

.obal_kategorie
{
display: block;
}

.menu_resp
{
display: inline-block;
width: 100px;
height: 15px;
line-height: 15px;
margin: 10px;
padding: 10px;
text-align: center;
border: solid 1px #d6d6d6;
border-radius: 5px;
cursor: pointer;
}

.menu_resp:hover
{
background-color: #F2F2F2;
}


.leve_menu
{
display: none; 
position: relative; 
z-index: 500; 
margin: 0px;
left: 0px;
top: 0px;
width: 290px;
min-height: 100px;
background-color: #c5c738;
}

.img_clanky
{
width: 100%;	
}

}



@media screen and (max-width: 1200px) 
{

.top_vyhledavani
{
float: left;
margin-left: 23px;
margin-top: -2px;
}

.inp_vyhl
{
width: 300px;
height: 44px;
}

.top_boxy_skupina
{
margin-right: 0px;	
height: 60px;
}

.top_kosik, .top_uzivatel, .top_suplik, .top_info
{
float: right;
width: 60px;
height: 60px;
line-height: 58px;
}

.top_kosik
{
margin-right: 60px;
}

.drobinka
{
padding-left: 10px;
}

.pravy_div
{
width: auto;
margin-left: 0px;
padding-top: 10px;
}

}

@media screen and (max-width: 992px) 
{

.top_boxy_skupina
{
float: left;
clear: left;
margin-right: 0px;	
margin-left: 173px;
margin-top: -30px;
margin-bottom: 10px;	
height: 60px;
}

.tematicky_obr_top
{
width: auto;
clear: both;
height: 280px;	
}

.detail_levy_sl
{
float: left;
width: 565px;
}

.detail_pravy_sl
{
float: right;
width: 395px;
}

.but_det_porovnat
{
margin-top: 10px;
}

.products-grid
{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 10px;	
padding: 0px;
margin: 0px;
}

.uvod_akt_obal 
{
grid-template-columns: 1fr;
}

.pata_l
{
float: left;
width: 260px;
min-height: 160px;
margin-left: 10px;
}

.pata_r
{
float: right;
width: 360px;
min-height: 160px;
margin-right: 10px;
}

}

@media screen and (max-width: 640px) 
{

.top_logo
{
float: left;
width: 100px;
height: 120px;
overflow: hidden;
}

.top_logo img
{
width: 100%;
}

.top_vyber_kat
{
float: left;
margin-left: 10px;
}

.sb_vk
{
width: 190px;
height: 44px;
padding-left: 10px;
background-color: #ffffff;
border: solid 1px #d9d9d9;
font-size: 18px;
}

.top_vyhledavani
{
float: left;
margin-left: 10px;
margin-top: -2px;
}

.inp_vyhl
{
width: 220px;
height: 44px;
padding-left: 10px;
background-color: #eaeaea;
color: #000000;
border: 0px;
font-size: 16px;
}

.top_boxy_skupina
{
float: left;
clear: left;
margin-right: 0px;	
margin-left: 40px;
margin-top: -30px;
margin-bottom: 10px;	
height: 60px;
}

.uvod_slider
{
clear: both;
width: auto;
height: 165px;
overflow: hidden;
}

.uvod_dop_prod, .uvod_vyber_kat
{
margin-top: 20px;
}

.box_r_in
{
padding-left: 10px;
padding-right: 10px;
font-size: 15px;
}

.products-grid
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 10px;	
padding: 0px;
margin: 0px;
}


.box_produkt_tabulka
{
width: auto;
height: 70px;
background-color: #ffffff;
border: solid 1px #E3E3E3;
margin-bottom: 10px;
}

.foto_prod_tabulka
{
float: left;
width: 90px;
overflow: hidden;	
}

.foto_prod_tabulka img
{
height: 60px;
padding: 5px;
}

.nadpis_prod_tabulka
{
float: left;
width: 180px;		
font-size: 15px;
padding: 5px;
}

.ceny_prod_tabulka
{
float: left;
width: 120px;		
padding: 5px;
}

.akcni_tabulka
{
font-size: 14px;
}


.dostupnost_tabulka
{
float: left;
width: 80px;		
padding: 5px;
}

.porovnavani_tabulka
{
float: right;		
padding: 5px;
}

.prod_priznaky
{
position: absolute;
width: 110px;
height: 80px;
margin-top: -180px;
margin-left: 165px;
}


.recenze_boxy_obal
{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 15px;
}

.detail_levy_sl
{
clear: both;
width: auto;
}

.detail_pravy_sl
{
clear: both;
width: 100%;
margin: 0px;
}

.prod_priznaky_det
{
margin-left: 375px;
}

.clear_resp
{
display: block;
width: auto;
clear: both;
font-size: 1px;
height: 1px;
}

.kosik_produkt_obal
{
padding-left: 0px;
}

.kosik_foto
{
float: left;
width: 12%;	
}

.kosik_foto img
{
width: 60px;
margin: auto;
}

.kosik_pocet
{
float: left;
width: 19%;		
}

.kosik_cena_ks, .kosik_cena_celkem
{
font-size: 15px;	
}

.kosik_cena_ks
{
width: 16%;		
}

.kosik_cena_celkem
{
width: 14%;		
text-align: right;
}

.num_items
{
height: 25px;
width: 30px;
text-align: center;
font-size: 18px;
border: solid 1px #D9D9D9;
border-radius: 4px;
display: inline-block;
vertical-align: middle;	
}

.minus, .plus
{
width: 18px;
height: 18px;
background: #f2f2f2;
border-radius: 4px;
padding: 6px 5px 6px 5px;
border: solid 1px #D9D9D9;
display: inline-block;
vertical-align: middle;
text-align: center;
cursor: pointer;
}

.kosik_smazat
{
float: right;
width: 3%;		
}

.kos2_udaje
{
clear: both;
width: 80%;
}

.kos2_udaje fieldset
{
width: auto;
min-height: 100px;	
}

.recenze_boxy_obal
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}

.pata_obal
{
clear: both;
width: auto;
height: 100%;
background-color: #f2f2f2;
color: #6e6e6e;
font-size: 14px;
line-height: 180%;
}

.pata_l
{
float: left;
width: 230px;
min-height: 150px;
margin-left: 10px;

}

.pata_r
{
clear: both;
width: auto;
min-height: 160px;
margin-left: 10px;
}


.modal-content2  
{
width: 600px;	
}

}

@media screen and (max-width: 480px) 
{

.top_vyhledavani
{
clear: left;
margin-left: 10px;
margin-top: -60px;
}

.inp_vyhl
{
width: 380px;
height: 44px;
padding-left: 10px;
background-color: #eaeaea;
color: #000000;
border: 0px;
font-size: 16px;
}

.top_mutace
{
float: right;
padding-right: 10px;
margin-top: -120px;
}

.recenze_boxy_obal
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
}

.tabulka
{
width: 90%;
font-size: 15px;
}

.products-grid
{
display: grid;
grid-template-columns: 1fr;
grid-gap: 10px;	
padding: 0px;
margin: 0px;
}

.box_r_in
{
padding-left: 5px;
padding-right: 5px;
font-size: 14px;
}

.box_produkt_tabulka
{
width: auto;
height: 60px;
background-color: #ffffff;
border: solid 1px #E3E3E3;
margin-bottom: 10px;
}

.foto_prod_tabulka
{
float: left;
width: 60px;
overflow: hidden;	
}

.foto_prod_tabulka img
{
height: 40px;
padding: 5px;
}

.nadpis_prod_tabulka
{
float: left;
width: 150px;		
font-size: 14px;
padding: 5px;
}

.ceny_prod_tabulka
{
float: left;
width: 100px;		
padding: 5px;
font-size: 14px;
}

.akcni_tabulka
{
font-size: 14px;
}


.dostupnost_tabulka
{
float: left;
width: 80px;		
padding: 5px;
}

.prod_priznaky_det
{
position: absolute;
width: 110px;
height: 92px;
margin-top: 20px;
margin-left: 56px;
}

.kosik_foto
{
float: left;
width: 0%;	
display: none;
}

.kosik_pocet
{
float: left;
width: 20%;		
}

.kosik_cena_ks, .kosik_cena_celkem
{
font-size: 14px;	
}

.kosik_cena_ks, .kosik_cena_celkem
{
width: 20%;	
}

.kosik_cena_ks
{
width: 20%;		
}

.kos_dop_lab
{
padding: 5px;	
}

.modal-content2  
{
width: 460px;	
}

.upoutavka
{
width: 460px;
}

}

@media screen and (max-width: 396px) 
{

.top_logo
{
float: left;
width: 60px;
height: 60px;
margin-left: 5px;
overflow: hidden;
}

.top_logo img
{
width: 100%;
}

.top_vyber_kat
{
float: left;
margin-left: 10px;
margin-top: -20px;
}

.top_mutace
{
float: right;
padding-right: 10px;
margin-top: -180px;
}

.box_razeni
{
overflow: hidden;
}

.prod_priznaky_det
{
margin-left: 256px;
}

.modal-content2  
{
width: 390px;	
}

.img_modal_kos
{
max-width: 160px;	
}

.upoutavka
{
width: 390px;
}

}