body
{
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 15px;
}
a
{
    color: red;
    text-decoration: underline;
}
a:hover
{
    color: DarkRed;
}
a:visited
{
    color: DarkRed;
}
.max-sirka-20p
{
    max-width: 20%;
}

.oddelovac
{
    height: 25px;
}

.topnav
{
    overflow: hidden;
    background-color: #5b5b5b;
}

.topnav a
{
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover
{
    background-color: white;
    color: black;
}

.topnav a.active
{
    background-color: #E31E24;
    color: white;
}

.topnav .icon
{
    display: none;
}

@media screen and (max-width: 600px)
{
    .topnav a:not(:first-child)
    {
        display: none;
    }
    .topnav a.icon
    {
        float: right;
        display: block;
    }
    .topnav.responsive
    {
        position: relative;
    }
    .topnav.responsive .icon
    {
        position: absolute;
        right: 0;
        top: 0;
    }
    .topnav.responsive a
    {
        float: none;
        display: block;
        text-align: left;
    }
}

.max-sirka-50p
{
    max-width: 50%;
}

.paticka
{
    color: white;
    background-color: #5b5b5b;
}

h1
{
    background-color: #898989;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 150%;
    font-weight: bold;
}

h2
{
    background-color: #898989;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 140%;
    font-weight: bold;
}

h3
{
    background-color: #898989;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 130%;
    font-weight: bold;
}

h4
{
    background-color: #898989;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 120%;
    font-weight: bold;
}

h5
{
    background-color: #898989;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    color: white;
    font-size: 110%;
    font-weight: bold;
}

a.novinky
{
    color: white;
    display: block;
    float: left;
    background-color: red;
    width: 100%;
    padding: 5px;
    text-decoration: none;
}
a.novinky:hover
{
    color: white;
    display: block;
    float: left;
    background-color: red;
    width: 100%;
    padding: 5px;
}

p.novniky-patka
{
    color: #D9DADA;
    display: block;
    float: left;
    width: 100%;
    padding: 2px;
    font-style: italic;
}

p.novinky
{
    color: white;
}

p.partneri
{
    color: white;
    text-align: center;
}

p,span
{
    font-size: 120%;
    color: #5b5b5b;
    text-align: justify;
}
blockquote
{
    text-align: justify;
    color: #5b5b5b;
    font-size: 100%;
    font-style: italic;
}

table
{
    width: 100%;
    border-collapse: collapse;
}
table, th, td 
{
  border: 0px solid black;
  padding: 3px;
  text-align: center;
}
th
{
    text-align: center;
    vertical-align: middle;
}
thead
{
    background-color: #D9DADA;
}
tfoot
{
    background-color: #D9DADA;
}
tbody tr:nth-child(even)
{
    background-color: #f5f5f5;
}
tbody tr:hover
{
    background-color: #ffe0e0;
}
input
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: none;
    border-bottom: 2px solid #D9DADA;
    color: #5b5b5b;
}
input:focus
{
    -webkit-transition: all 0.50s ease-in-out;
    -moz-transition: all 0.50s ease-in-out;
    -ms-transition: all 0.50s ease-in-out;
    -o-transition: all 0.50s ease-in-out;
    border-bottom: 2px solid Gray;
    background-color: WhiteSmoke;
}
input[type=checkbox]
{
    width: 35px;
}
input[type=radio]
{
    width: 35px;
}
input[required]
{
    border-bottom: 2px solid #ffe0e0;
}
input[required]:focus
{
    border-bottom: 2px solid DarkRed;
    background-color: WhiteSmoke;
}
button
{
    width: 100%;
    border: none;
    color: white;
    background-color: Maroon;
    padding: 5px;
    font-size: 130%;
    margin-top: 5px;
    margin-bottom: 5px;
}
select
{
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: none;
    border-bottom: 2px solid #D9DADA;
    color: #5b5b5b;
}
select[size]
{
    border: none;
    border: 2px solid #D9DADA;
    color: #5b5b5b;
}
textarea
{
    width: 100%;
    border: none;
    border: 2px solid #D9DADA;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    color: #5b5b5b;
}
span.form-volby
{
    display: block;
    color: black;
    vertical-align: middle;
    min-height: 35px;
    font-style: italic;
    color: #5b5b5b;
    text-decoration: none;
}
label
{
    text-decoration: none;
    color: #5b5b5b;
    font-size: 100%;
    margin-right: 15px;
    font-style: normal;
}
img
{
    margin: 15px;
    float: right;
}
img.loga{
    width: 75%;
    max-width: 250px;
    float: none;
    margin: 5px;
}
.logo-obrazek
{
    width: 75%;
    max-width: 350px;
    float: left;
}
.prouzek-chyba
{
    width: 100%;
    background-color: Pink;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.prouzek-info
{
    width: 100%;
    background-color: PaleGreen;
    padding: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.youtube-kontejner {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.youtube-kontejner iframe,
.youtube-kontejner object,
.youtube-kontejner embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.patka-novinky{
    color: white;
    display: block;
    background-color: #898989;
    padding: 5px;
    font-style: italic;
    font-size: 80%;
}
.zahlavi-novinky{
    color: white;
    display: block;
    background-color: Maroon;
    padding: 5px;
    font-weight: bold;
}
.schovany{
    display: none;
}
.obchod-produkt{
    width: 99%;
    height: 600px;
}
.obchod-obrazek{
    display: block;
    width: 100%;
    float: right;
}
.obchod-obrazek img{
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100%;
}
.obchod-cena{
    font-size: 100%;
    padding: 10px;
    background-color: Gray;
    color: white;
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: right;
    float: right;
}
.obchod-skladem{
    font-size: 70%;
    text-align: right;
    padding: 3px;
    display: block;
    width: 100%;
    float: right;
    background-color: gainsboro;
    color: black;
}
.obchod-nazev{
    font-size: 110%;
    color: white;
    background-color: Maroon;
    font-weight: bold;
    padding: 10px;
    display: block;
    width: 100%;
    float: right;
}
.obchod-popis{
    padding: 10px;
    display: block;
    width: 100%;
    float: right;
    background-color: WhiteSmoke;
    height: 180px;
    color: black;
}

a.obchod-popis:visited{
    color: black;
}
a.obchod-popis:hover{
    color: black;
}

.partner-nazev{
    font-size: 120%;
    font-weight: bold;
}
.odmena{
    font-size: 150%;
    background-color: Maroon;
    color: white;
}
.odmena-cena{
    font-size: 130%;
    color: black;
}
.odmena-skladem{
    font-size: 110%;
    color: black;
}
a.tlacitko-admin{
    display: block;
    background-color: Maroon;
    width: 22%;
    color: white;
    font-size: 17px;
    padding: 10px;
    text-decoration: none;
    float: left;
    margin: 1%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
}