body
	{font-family: "Arial"; font-size: 14px; color: #222222; margin: 0px; padding: 0px;}

#blok_top
	{z-index: 2; position: fixed;
	top:  0px; left: 0px; right: 0px;
	width: 100%;  height: 86px; margin: 0px; padding: 12px;
	font-size: 43px; font-weight: bold; text-align: center;}
#top_pozadi
	{z-index: 95; position: absolute;
	top:  0px; left: 0px; right: 0px;
	width: 700px;  height: 76px; margin: 0px auto 0px auto; padding: 0px;}
.logo_012
	{z-index: 100; color: #badc7e; position: relative; top: 0px; left: 0px; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: black;}
.logo_011
	{z-index: 100; color: #FF3300; position: relative; top: 6px; left: 0px;}
.logo_010
	{z-index: 100; color: #F6F600; position: relative; top: -4px; left: 0px;}
.logo_009
	{z-index: 100; color: #0066FF; position: relative; top: 6px; left: 0px;}
.logo_008
	{z-index: 100; color: #CC3399; position: relative; top: 0px; left: 0px;}
.logo_007
	{z-index: 100; color: #996600; position: relative; top: 4px; left: 0px;}
.logo_006
	{z-index: 100; color: #F6F600; position: relative; top: 2px; left: 0px;}
.logo_005
	{z-index: 100; color: #FF3300; position: relative; top: -4px; left: 0px;}
.logo_004
	{z-index: 100; color: #0066FF; position: relative; top: 6px; left: 0px;}
.logo_003
	{z-index: 100; color: #33CC00; position: relative; top: 0px; left: 0px;}
.logo_002
	{z-index: 100; color: #996600; position: relative; top: -4px; left: 0px;}
.logo_001
	{z-index: 100; color: #CC3399; position: relative; top: 6px; left: 0px;}
.logo_000
	{z-index: 100; color: #000000; position: relative; top: 0px; left: 0px; font-size: 30px;}
#z1
	{background-image: URL(zalozka_01.gif); color: #072B8A; z-index: 3; position: fixed;
	top:  80px; left: 200px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center; vertical-align: bottom;}
#z2
	{background-image: URL(zalozka_02.gif); z-index: 3; position: fixed;
	top:  80px; left: 310px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}
#z3
	{background-image: URL(zalozka_03.gif); z-index: 3; position: fixed;
	top:  80px; left: 420px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}
#z4
	{background-image: URL(zalozka_04.gif); z-index: 3; position: fixed;
	top:  80px; left: 530px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}
#z5
	{background-image: URL(zalozka_05.gif); z-index: 3; position: fixed;
	top:  80px; left: 640px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}
#z6
	{background-image: URL(zalozka_06.gif); z-index: 3; position: fixed;
	top:  80px; left: 750px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}
#z0
	{background-image: URL(zalozka_00.gif); z-index: 3; position: fixed;
	top:  80px; left: 310px; width: 100px;  height: 30px; margin: 0px; padding: 0px;
	font-size: 15px; font-weight: bold; text-align: center;}

/* Zpráva nahoře na stránce (třeba o tom, že o prázdninách máme pomalejší dodání nebo dodání o Vánocích)
pokud je na stránce ostatní bloky (left, right a main) musí mít "top: 146px", jinak "top: 115px" */
#blok_upozorneni_prazdniny
	{z-index: 1; position: fixed;
	top:  114px; left: 0px; right: 0px;
	width: 100%;  height: 24px; margin: 0px; padding: 4px 0px;
	font-size: 20px; text-align: center; color: #0006FF; -webkit-text-stroke-width: 0.1px; -webkit-text-stroke-color: black;
	background-color: #FFF900; border: 4px solid #0006FF; border-radius: 5px;}

#blok_upozorneni_prazdniny:hover {color: red;}

#blok_upozorneni_vanoce
	{z-index: 1; position: fixed;
	top:  114px; left: 0px; right: 0px;
	width: 100%;  height: 20px; margin: 0px; padding: 4px 0px;
	font-size: 20px; text-align: center; color: #E6001C; -webkit-text-stroke-width: 0.8px; -webkit-text-stroke-color: black;
	background-color: #00873E; border: 4px solid #E6001C; border-radius: 5px;}

#blok_upozorneni_vanoce:hover {color: red;}

#blok_bottom
	{z-index: 2; position: fixed;
	bottom:  0px; left: 0px;
	width: 200px; height: 14px; margin: 0px; padding: 0px;
	font-size: 10px; text-align: left;}

#blok_left
	{z-index: 1; position: fixed;
	top: 115px; left: 10px;
	width: 160px; height: 1000px; margin: 0px; padding: 10px;}
#blok_search
	{z-index: 3; position: fixed;
	top: 45px; right: 40px;
	width: 300px; margin: 0px; padding: 10px;}
#blok_right
	{z-index: 1; position: fixed;
	top: 115px; right: 10px;
	width: 160px; height: 1000px; margin: 0px; padding: 10px;}
#blok_main
	{z-index: 0; position: absolute;
	top: 115px; left: 200px; right: 200px;
	margin: 0px; padding: 10px;}
.blok_note
	{background-color: #FFFFFF; z-index: 1; position: relative;
	top: 0px; left: 0px; right: 0px; bottom: 0px;
	margin: 15px; padding: 10px;}
h1
	{position: relative; font-size: 25px; font-weight: bold; margin: 15px 0px 7px 100px; padding: 0px;}
#blok_right h1
	{margin: 15px 0px 7px 30px;}
#blok_left h1
	{margin: 15px 0px 7px 30px;}

h2
	{position: relative; font-size: 17px; font-weight: bold; margin: 10px 0px 5px 50px; padding: 0px;}
#blok_right h2
	{margin: 10px 0px 5px 10px;}
#blok_left h2
	{margin: 10px 0px 5px 10px;}
.blok_note h2
	{margin: 0px 0px 5px 10px;}
p
	{margin: 0px; padding: 0px; text-align: justify;}
table
    {font-size: 14px;} /* Myslel bych, že text v tabulce zdědí velikost od stylu body, ale nějak to nefunguje. */

.zbozi_info td {padding: 0px 5px;}
.zbozi_popis p
    {overflow: hidden; white-space: nowrap;
    text-overflow: ellipsis; max-width: 45vw;}

a         {text-decoration: none; font-weight: bold;}
a:link    {color: maroon;}
a:visited {color: maroon;}
a:active  {color: blue;}
a:hover   {color: red;}

.redirect {
    border: none; background: transparent;
    color: maroon; cursor: pointer; text-decoration: none; font-weight: bold;
}

.redirect:hover   {color: red;}

.zalozka a         {color: #222222; text-decoration: none; font-weight: bold; position: relative; top:  10px;}
.zalozka a:hover   {color: red;}

/* Searchbar */
.searchbar {
    width: 300px; padding: 6px 20px;
    display: flex; align-items: center;
    background: white; border-radius: 30px; border: solid 2px black;
}

.hledat-input {
    background: transparent; border: 0; outline: none;
    flex: 1; padding: 5px 10px; font-size: 15px; width: 260px;
}

.searchbar button {
    border: 0; border-radius: 50%; width: 30px; height: 30px;
    background: #badc7e; cursor: pointer;
}
.searchbar button:hover {background: #aacc6e;}

/* Filtr */
.filtr {
    background-color: white; padding: 25px 25px 50px 25px; margin: 0;
}

.filtr-vysledky {
    background-color: white; padding-bottom: 120px;
}

.filtr input {
    border-top: 0; border-left: 0; border-right: 0; width: 100%;
    background: transparent; outline: none;
}

.filtr table {margin: 0 auto; border: 3px solid; border-radius: 10px; padding: 15px;}
.filtr td {padding-left: 10px; padding-bottom: 20px;}
.filtr h1 {text-align: center; margin: 0px 0px 5px 10px;}
.filtr h3 {margin: 0;}
.filtr button {
    background: #badc7e; cursor: pointer; color: white;
    border: 1px solid black; border-radius: 30px; width: 100px; height: 30px;
    float: right; margin-top: 10px;
}
.filtr button:hover {background: #aacc6e;}

.filtr-vysledky h2 {margin: 0; text-align: center; padding-top: 15px;}

.filtr-udaje input {max-width: 45px;}

.nenalezeno {color: red; padding-bottom: 20px;}

.next-page a {
    background: #badc7e; cursor: pointer; color: white;
    border: 1px solid black; border-radius: 30px; padding: 5px 15px;
}
.next-page a:hover {background: #aacc6e;}

#trp_01
	{z-index: 100; position: absolute; right: 30px; bottom: 15px;
	width: 120px; height: 60px; border: 0px; margin: 0px;}
#trp_02
	{z-index: 100; position: fixed; bottom: 0px; right: 20px;
	width: 120px; height: 60px; border: 0px; margin: 0px;}
#trp_03
	{z-index: 100; position: absolute; bottom: -5px; left: 100px;
	width: 120px; height: 60px; border: 0px; margin: 0px;}
#trp_04
	{z-index: 100; position: fixed; top: -5px; right: 30px;
	width: 120px; height: 120px; border: 0px; margin: 0px;}
#trp_05
	{z-index: 100; position: fixed; top: -4px; left: 30px;
	width: 120px; height: 120px; border: 0px; margin: 0px;}
#trp_06
	{z-index: 100; position: relative; bottom: 0px; left: 5px;
	width: 120px; height: 120px; border: 0px; margin: 5px;}
#trp_07
	{z-index: 100; position: fixed; top: 90px; right: 325px;
	width: 60px; height: 120px; border: 0px; margin: 0px;}
#trp_08
	{z-index: 100; position: absolute; left: 30px; bottom: 10px;
	width: 120px; height: 120px; border: 0px; margin: 0px;}
#logo_01
	{z-index: 100; position: fixed; top: 20px; left: 30px;
	width: 120px; border: 0px; margin: 0px;}
#logo_02
	{z-index: 100; position: fixed; top: 20px; right: 30px;
	width: 120px; border: 0px; margin: 0px;}

/* slidebar (použit v bloku "Mohlo by Vás zajímat:") */
.cover {
    position: relative;
}

.left {
    border: transparent;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,0.3);
    background-image: url("arrow-left.png");
    height: 50px;
    width: 32px;
    cursor: pointer;
    z-index: 99;
}

.right {
    border: transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255,255,255,0.3);
    background-image: url("arrow-right.png");
    height: 50px;
    width: 32px;
    cursor: pointer;
    z-index: 99;
}

.scroll-images {
    overflow:auto;
    display:flex;
    width:71vw;
    height:170px;
}

.scroll-images::-webkit-scrollbar {
   -webkit-appearance: none;
}

/* Použito pro obrázky, které se mají nepatrně zvětšit při najetí myší na ně. */
.enlarge {
    transition: transform .2s;
}

.enlarge:hover {
    transform: scale(1.1);
}