/**
 * Redakční systém JSR
 * styly.css
 * Soubor s CSS styly pro zobrazení v prohlížeči.
 *
 * @author Josef Šmíd <josef@skit.cz>
 * @copyright (c) 2007-2019 Josef Šmíd
 * @version 2.1.2
 */

/* základní nastavení *********************************************************/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baloo+Bhai+2:wght@400;700&display=swap');


* { margin: 0; padding: 0; outline: 0; -moz-outline-style: none; }

body, td, th, li, textarea
{
    font-family: Segoe UI,Tahoma,sans-serif;
    color: #000;
    font-size: 100%;
}

body {min-width: 400px; }

h1
{
    font-size: 38px;  
    font-family: 'Baloo Bhai 2';
    color:#bd6f13;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 30px;
}
h2
{
    font-size: 28px;  
    font-family: 'Baloo Bhai 2';
    color:#696969;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px;
    border-top: #f4f3ed solid 1px;
}
h3
{
    font-size: 28px;  
    font-family: 'Baloo Bhai 2';
    color:#bd6f13;
    font-weight: 500;
    padding-bottom: 10px;
    padding-top: 20px;
}
h4
{
    font-size: 24px;  
    font-family: 'Roboto';
    color:#696969;
    font-weight: 500;
    padding-bottom: 40px;
    padding-top: 10px;
}

p { padding-bottom: 10px; }

#obsah p.nadpis_h2 { font-size: 130%; }
#obsah p.nadpis_h3 { font-size: 110%; }

ul { margin: 10px 20px; }
ul.mapa-webu span { font-size: 90%; color: #909090; }

a { color: #ff5001; text-decoration: none; }
a:hover { color: #7DAF39; }

img
{
    border: none;
    margin: 0px;
}
img#loading { vertical-align: middle; height: 25px; width: auto; margin-left: 3px; display: none; }
img.avatar { height: 50px; width: auto; vertical-align: middle; margin-right: 10px; }

table
{
    border: solid #8D6666 1px;
    margin: 10px auto;
    border-spacing: 0;
}

caption
{
    font-size: 80%;
    font-style: italic;
}

td, th
{
    padding: 2px;
    border: solid #C4B0B0 1px;
    vertical-align: middle
}

th
{
    font-weight: bold;
    text-align: center;
}

input, select, textarea { padding: 5px; }
input:disabled, select:disabled, textarea:disabled { background-color: #e0e0e0; }
textarea { font-size: 90%; }

input[type=submit]:hover
{
    cursor: pointer;
}

input[type=radio]:checked, input[type=checkbox]:checked, input[type=text]:focus, select:focus, textarea:focus, input[type=password]:focus { box-shadow: 0px 0px 3px rgb(115, 164, 32); }

label:hover { cursor: pointer; color: #DF420C; }

span#ares_stav { font-size: 100%; color: red; padding-left: 4px; }




/* speciální společné prvky ***************************************************/

.levy { text-align: left; }
.stred { text-align: center; }
.pravy { text-align: right; }

.vlevo { float: left; }
.vpravo { float: right; }

div.mezera { width: 100%; clear: both; }

.noprint { }
.noprintall { visibility: hidden; display: none; }
.nodisplay { display: none; }
.hidden { display: none; }

/* dropdown menu */
.dropdown, .dropdown ul { list-style: none; }
.dropdown li.head { float: right;
                    padding: 0px 32px 0px 0px;
                    font-size: 20px;
                    font-family: 'Baloo Bhai 2';
                    font-style: normal;
                    text-transform: uppercase;
}
.dropdown li.head:first-of-type {
    padding: 0px 0px 0px 0px;
}
.dropdown li.head a {  }
.dropdown li.head a img { vertical-align: middle; width: 16px; height: auto; margin: 0 5px 3px 0; }
.dropdown li.head ul
{
    display: none;
    padding: 20px 0 0 10px;
    margin-top: 5px;
    background-color: #fff;
    border: 1px solid #c0c0c0;
    border-top-width: 0;
    width: 780px;
}
.dropdown li.head:hover ul { display: block; position: absolute; z-index: 99; }
.dropdown li.head ul li.sorthead { padding: 0 20px 20px 10px; text-align: right;}
.dropdown li.head ul li.sorthead a { color: #ff5001 !important; }
.dropdown li.head ul li.sorthead a.aktivni { font-weight: bold; }
.dropdown li.head ul li.subnadpis { width: 100%; font-weight: bold; padding: 10px 0; clear: both; }
.dropdown li.head ul li.subhead a { display: block; float: left; width: 250px; min-height: 70px; margin-right: 10px; margin-bottom: 10px; }
.dropdown li.head ul li.subhead div.pkat_obrazek { float: left; width: 70px; height: 70px; text-align: center; }
.dropdown li.head ul li.subhead div.pkat_obrazek span { vertical-align: middle; width: 0; height: 100%; display: inline-block; }
.dropdown li.head ul li.subhead div.pkat_obrazek img { vertical-align: middle; width: auto; max-width: 70px; max-height: 70px; margin: 0; }
.dropdown li.head ul li.subhead div.pkat_text { float: left; width: 170px; max-height: 62px; overflow: hidden; font-weight: bold; padding-top: 5px; padding-left: 10px; }
.dropdown li.head ul li.subhead div.pkat_text span { color: #324E5C; font-weight: normal; font-size: 90%; }

#menu1_podkat { right: -50px; }
#menu2_podkat { right: -134px; }
#menu3_podkat { right: -267px; }

/* základní layout webu *******************************************************/

#hlavni
{
    width: 100%;
    margin: auto;
    overflow-x: hidden;
}

#titulek_celek
{
    width: 100%;  
    background: #fbce26 url(/images/menu-background.png) center bottom repeat-x;
    height: 95px;
}

/*menu*/ 
#titulek
{
    max-width: 1200px; 
    margin: auto;
    height: 95px;
}
#logo
{
    float: left;
    width: 132px;
}
#logo img
{
    border: none;
    margin: 1px 0 0 0;
    width: 100%;
    height: auto;
}
#logo p
{
    display: none;
}

#menu
{
    width: 715px;
    float: right;
    display: table;
    height: 95px;
}
#menu ul
{
    display: table-cell;
    /*vertical-align: middle; */
    padding-top: 22px;
}
#menu a { color: #876a00;}
#menu a:hover { color: #222221 ; }
#menu a.aktivni { color: #222221; font-weight: bold;    display: inline-block;
                  transform: scale(1, 1.1);padding-bottom: 2px; }

/*uvod menu*/ 

#titulek_celek_uvod
{
    width: 100%;  
    background-color: #fbce26;

    background-image: url(/images/menu-background.png),  url(/images/pozadi_uvod.png);
    background-size: auto ,100%;
    background-position: center bottom, center center;
    background-repeat: repeat-x, no-repeat;
    height: 502px;
}

#titulek_uvod
{
    max-width: 1200px; 
    margin: auto;

}
#logo_uvod
{
    float: left;
    width: 291px;
    margin-top: 5px;
}
#logo_uvod img
{
    border: none;
    margin: 0 0 0 0;
    width: 100%;
    height: auto;
}
#logo_uvod p
{
    display: none;
}

#menu_uvod
{
    width: 715px;
    float: right;
    display: table;
    height: 95px;
}
#menu_uvod ul
{
    display: table-cell;
      /*vertical-align: middle; */
    padding-top: 22px;
}
#menu_uvod a { color: #876a00;}
#menu_uvod a:hover { color: #222221 ; }
#menu_uvod a.aktivni { color: #222221; font-weight: bold;    display: inline-block;
                       transform: scale(1, 1.1);padding-bottom: 2px; }

#zahlavi
{
    max-width: 1200px; 
    margin: auto;
  

}
#zahlavi_leve
{
    width: 710px;
    float: left;
    margin-top: 30px; 
    font-family: 'Roboto';
}
#zahlavi_leve img:first-of-type
{
    margin-right: 8px;
}
#zahlavi_leve em
{
    font-size: 20px;
    line-height: 140%;
}
#zahlavi_leve strong
{
    font-size: 14px;
    font-weight: 500;
}
#zahlavi_prave
{
    width: 490px;
    float: left;
    position: relative;
    margin-top: -60px;


}
.pozadi_pres
{
    margin: 0;
    float: right;
    z-index: 10;
    position: relative;
    width: 92%;
    height: auto;
}
#zahlavi_prave div:first-of-type
{
    position: absolute;
    clip-path: polygon(50% 0%, 101% 28%, 100% 85%, 51% 113%, 2% 86%, 3% 28%);
    width: 34%;
    height: 46%;
    transform: rotate(6deg);
    top: 7%;
    left: 9.7%;
}
#zahlavi_prave div:first-of-type img
{
    position: absolute;
    top: -11%;
    left: -26%;
    width: 133%;
    height: auto;
    transform: rotate(-6deg);
    margin: 0;
}
#zahlavi_prave div:nth-of-type(2)
{
    position: absolute;
    clip-path: polygon(51% 0%, 97% 30%, 97% 86%, 51% 114%, 2% 86%, 3% 28%);
    width: 51%;
    height: 64%;
    transform: rotate(6deg);
    top: 0.5%;
    left: 47%;
}
#zahlavi_prave div:nth-of-type(2) img
{
    position: absolute;
    top: -14%;
    left: -105%;
    width: 203%;
    height: auto;
    transform: rotate(-6deg);
    margin: 0;
}
#zahlavi_prave div:nth-of-type(3)
{
    position: absolute;
    clip-path: polygon(50% 0%, 101% 28%, 100% 85%, 51% 113%, 2% 86%, 3% 28%);
    width: 29%;
    height: 38%;
    transform: rotate(6deg);
    top: 55%;
    left: 29%;
}
#zahlavi_prave div:nth-of-type(3) img
{
    position: absolute;
    top: -160%;
    left: -76%;
    width: 521%;
    height: auto;
    transform: rotate(-6deg);
    margin: 0;
}

#zahlavi h1 { color: #7DAF39; padding-bottom: 20px; }
#zahlavi p {  padding-bottom: 20px; }

#obsah_celek
{
    width: 100%; 
    margin-bottom: 80px;
}
.celek_uvod_leva
{
    width: 100%;
    margin: auto; 
}
.text_uvod_leva h1
{
    font-size: 28px;  
    font-family: 'Baloo Bhai 2';
    color:#bd6f13;
    font-weight: 500;
    padding-bottom: 30px;
    padding-top: 30px;
}
.text_uvod_leva img
{
    max-width: 441px;
    height: auto;
    border-radius: 5px;
    margin: 0;
    margin-top: 5px;
    margin-right:30px;
    float: left;
}
.text_uvod_leva p 
{
    font-family: 'Roboto';
    font-size: 15px;
    color: #46372a;
    line-height: 200%;
    padding-bottom: 30px;
}
.celek_uvod_prava
{
    width: 100%;
    margin: auto; 
}
.text_uvod_prava img
{
    max-width: 441px;
    height: auto;
    border-radius: 5px;
    margin: 0;
    margin-top: 5px;
    margin-left:30px;
    float: right;

}
.text_uvod_prava p 
{
    font-family: 'Roboto';
    font-size: 15px;
    color: #46372a;
    line-height: 200%;
    padding-bottom: 30px;
}






.celek_prava
{
    width: 100%;
    margin: auto; 
}
.clanek_img_solo_prava
{
    width: 500px;
    height: 470px;
    float: right; 
    background: url(/images/bg_obr.png) right center no-repeat;
    position: relative;
}
.clanek_img_solo_prava div
{
    width: 66%;
    height: 67%;
    clip-path: polygon(52% -2%, 101% 28%, 100% 85%, 51% 115%, 3% 84%, 3% 27%);
    z-index: -1;
    left: 30%;
    top: 12%;
    position: absolute;
    transform: rotate(6deg);
    background-size: 71%;
}

.clanek_img_solo_prava img
{
    width: 173%;
    height: auto;
    margin: 0;
    position: absolute;
    top: -3%;
    left: -66%;
    transform: rotate(-6deg);
}

.text_prava p em 
{
    font-family: 'Roboto';
    font-size: 20px;
    color: #46372a;
    line-height:140%;

}
.text_prava p 
{
    font-family: 'Roboto';
    font-size: 15px;
    color: #46372a;
    line-height: 200%;
    padding-bottom: 40px;
}
.text_prava table{ 
    border: none;
    margin: 0;
    border-spacing: 0;
    width: 700px;
}
.text_prava table:last-of-type{ 
    border: none;
    margin: 0;
    border-spacing: 0;
    width: 100%;
}
.text_prava table:last-of-type p:last-of-type{ 
    padding-bottom: 30px;
}
.text_prava table:last-of-type p:first-of-type{ 
    padding-bottom: 5px;
}
.text_prava table:last-of-type tr td:first-of-type{ 
    vertical-align:top;
    padding-top: 6px;
}
.text_prava table:last-of-type tr td:last-of-type{ 
    vertical-align:top;
    padding-top: 0px; 
}

.text_prava table:last-of-type tr:nth-of-type(1) td{ 
    border-bottom: #cacaca solid 1px;
}
.text_prava table:last-of-type tr:nth-of-type(2) td:first-of-type{ 
    padding-top: 36px;
}
.text_prava table:last-of-type tr:nth-of-type(2) td{ 
    padding-top: 30px;
}
.text_prava table:last-of-type tr:nth-of-type(5) td:first-of-type{ 
    padding-top: 36px;
}
.text_prava table:last-of-type tr:nth-of-type(5) td{ 
    padding-top: 30px;
    border-bottom: #cacaca solid 1px;
}
.text_prava table:last-of-type tr:nth-of-type(6) td:first-of-type{ 
    padding-top: 36px;
}
.text_prava table:last-of-type tr:nth-of-type(6) td{ 
    padding-top: 30px;
    border-bottom: #cacaca solid 1px;
}
.text_prava table:last-of-type tr:nth-of-type(7) td:first-of-type{ 
    padding-top: 36px;
}
.text_prava table:last-of-type tr:nth-of-type(7) td{ 
    padding-top: 30px;
    border-bottom: #cacaca solid 1px;
}
.text_prava table:last-of-type tr:nth-of-type(8) td:first-of-type{ 
    padding-top: 36px;
}
.text_prava table:last-of-type tr:nth-of-type(8) td{ 
    padding-top: 30px;

}
.text_prava table:last-of-type tr:last-of-type p:last-of-type {
    padding-bottom: 10px;
}

.text_prava table tr td{ 
    font-size: 15px;
    color: #46372a;
    font-family: 'Roboto';
    padding: 0px;

    border:none; 
    vertical-align: middle;
    padding-top: 10px;
}
.text_prava table tr td strong{ 
    padding-right: 25px;
}

.text_prava ul{ 
    margin: 0 20px;
    list-style-image: url('/images/ul_icon.png');
}
.text_prava li{ 
    line-height: 300%;
    padding-left: 10px;
}
.text_prava li p{ 
    padding-bottom: 15px;
}


.text_prava_produkty p
{
    font-family: 'Roboto';
    font-size: 15px;
    color: #46372a;
    line-height: 200%;
    padding-bottom: 40px;
}
.text_prava_produkty div
{
    margin-right: 124px;
    display: inline-block;
    margin-bottom: 100px;
}
.text_prava_produkty div:last-of-type
{
    margin-right: 0px;
}



.text_prava_produkty table{ 
    border: none;
    margin: 0;
    border-spacing: 0;
    width: 100%;
}
.text_prava_produkty table tr td{ 
    font-size: 15px;
    color: #46372a;
    font-family: 'Roboto';
    padding: 0px;

    border:none; 
    vertical-align: middle;
    padding-top: 10px;
}
.text_prava_produkty table tr td strong{ 
    padding-right: 25px;
}

.text_prava_produkty ul{ 
    margin: 0 20px;
    list-style-image: url('/images/ul_icon.png');
}
.text_prava_produkty li{ 
    line-height: 300%;
    padding-left: 10px;
}
.text_prava_produkty li p{ 
    padding-bottom: 10px;
}



.celek_kontakt p
{
    font-family: 'Roboto';
    font-size: 15px;
    color: #46372a;
    line-height: 200%;
    padding-bottom: 0px;
}
.celek_kontakt table{ 
    border: none;
    margin: 0;
    border-spacing: 0;

}
.clanek_img_solo_kontakt
{
    width: 50%;
    height: 363px;
    float: right;
    display: table;
    position: relative;

}
.clanek_img_solo_kontakt div
{
    display: table-cell;
    vertical-align: middle;
    position: relative;   

} 
.clanek_img_solo_kontakt img
{ 
    margin: 0;
    float: right;
    width: 331px;
}  
.text_kontakt_per
{
    float: left;
    width: 20%; 
}
.text_kontakt_per div p:first-of-type
{
    padding-top: 5px; 
}
.text_kontakt_per div:first-of-type
{
    padding-bottom: 40px; 
}
.text_kontakt
{
    float: left;
    width: 30%;
    margin-top: 122px;
}
.text_kontakt table{ 
    border: none;
    margin: 0;
    border-spacing: 0;

}
.text_kontakt table tr td{ 
    font-size: 15px;
    color: #46372a;
    font-family: 'Roboto';
    padding: 0px;

    border:none; 

    padding-bottom: 15px;
}
.text_kontakt table tr:nth-of-type(2) td{ 
    padding-bottom: 41px;
}
.text_kontakt table tr td strong{ 
    padding-right: 18px;
}
.text_kontakt table tr td a{ 
    color: #ea8207;
    border-bottom: #ea8207 solid 1px;  

}
.text_kontakt table tr td a:hover{ 
    color: #222221;
    border-bottom: #222221 solid 1px;  

}

iframe
{
    width: 100%;
    height: 600px;
}

#obsah p {  }
#obsah p.data
{
    font-size: 70%;
    text-align: right;
    color: #808080;
}
#obsah p.navigace
{
    font-size: 70%;
    margin-bottom: 5px;
}
#obsah p.navigace span { color: #666; font-size: 80%; padding: 0 2px; }
#obsah p.zvyrazneni { color: #502828; font-weight: bold; }

#obsah.obsah_uvod { width: 1200px;
                    margin: auto; }
#obsah.obsah_uvod h2 { margin-bottom: 10px; }
#obsah.obsah_uvod table.uvodni_tabulka { border: none; margin-bottom: 20px; }
#obsah.obsah_uvod table.uvodni_tabulka td { padding-right: 40px; border: none; line-height: 150%; }
#obsah.obsah_uvod table.uvodni_tabulka td:last-child { padding-right: 0; }
#obsah.obsah_uvod table.uvodni_tabulka h2 { border-bottom: 1px solid #c0c0c0; color: #324E5C; }
#obsah.obsah_uvod table.uvodni_tabulka td:first-child h2 { color: #7E1D31; }
#obsah.obsah_uvod table.uvodni_tabulka td:last-child h2 { color: #8F881E; }
#obsah.obsah_uvod table.uvodni_tabulka a
{
    display: block;
    float: right;
    padding: 5px 20px;
    color: #fff;
    text-decoration: none;
    background-color: #324E5C;
}
#obsah.obsah_uvod table.uvodni_tabulka td:first-child a { background-color: #7E1D31; }
#obsah.obsah_uvod table.uvodni_tabulka td:last-child a { background-color: #8F881E; }
#obsah.obsah_uvod table.uvodni_tabulka a:hover { opacity: 0.8; }
#obsah.obsah_uvod p.nadpis_h3 { font-weight: bold; padding-bottom: 10px; font-size: 130%; border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; }

.clanek { margin-bottom: 20px; }
.clanek h2 { float: right; width: 420px; }
.clanek .clanek_img { width: 250px; margin-right: 10px; text-align: center; float: left; }
.clanek .clanek_img img { max-width: 240px; max-height: 240px; }
.clanek .clanek_perex { float: right; width: 420px; }

.clanek_img_solo { width: 250px; margin-right: 10px; margin-bottom: 10px; text-align: center; float: left; }
.clanek_img_solo img { max-width: 240px; max-height: 240px; }

#posledni_clanky { line-height: 150%; }
#posledni_clanky .clanek { float: left; width: 307px; margin-right: 40px; margin-bottom: 0; }
#posledni_clanky .clanek h2 { float: none; width: auto; }
#posledni_clanky .clanek.treti { width: 306px; margin-right: 0; }
#posledni_clanky .clanek .clanek_img { float: none; margin-right: 0; width: auto; }
#posledni_clanky .clanek .clanek_img img { height: 120px; width: auto; }
#posledni_clanky .clanek .clanek_perex { float: none; width: auto; }
#posledni_clanky p.data { text-align: left; }

#obsah.obsah_bezny
{
    width: 1200px;
    margin: auto;
}


#obsahpravy
{
    width: 280px;
    float: right;
    margin: 20px 0;
}
#obsahpravy p { font-size: 80%; }
#obsahpravy h3
{
    font-size: 80%;
    font-style: italic;
    text-transform: uppercase;
}
#obsahpravy img { border: none;  }

#zapati_celek
{
    width: 100%;
    margin: auto;
    background: url(/images/paticka_bg.png) center top;
    background-size: 102%;
    font-family: 'Roboto'!important;
    position: relative;
}
#zapati {
    max-width: 1200px;
    margin: auto;
    padding-top: 60px;
}


#zapati a.aktivni { font-weight: bold; }

#zapati_vlevo { 
    width: 50%;
    float: left; 
}
#zapati_vlevo img{ 
    margin: 0;
    margin-bottom: 40px;

}
#zapati_vlevo strong { 
    font-weight: 500;
    color: #c5a295;
}
#zapati_vlevo p { 
    font-size: 15px;
    padding-bottom: 0px;
}
#zapati_vlevo p:last-of-type { 
    font-size: 15px;
    padding-top: 25px;
}
#zapati_vlevo strong img:first-of-type { 
    margin-right: 6px;
    width: 99px;
    height: auto; 
}
#zapati_vlevo strong img:nth-of-type(2) { 
    width: 294px;
    height: auto;
}
#zapati_stred {
    width: 25%;
    float: left; 
}
#zapati_stred p{
    font-size: 15px;
    color: #c5a295;
    padding-bottom: 10px;
}
#zapati_stred strong{
    font-size: 15px;
    color: #c5a295;
    padding-bottom: 10px;
    line-height: 45px;
}
#zapati_stred div:first-of-type{
    margin-bottom: 33px;
    margin-top: 35px;
}
#zapati_vpravo { 
    margin-top: 38px;
    width: 25%;
    float: right;
    font-size: 15px!important;
    color: #c5a295!important;
}
#zapati_vpravo table{ 
    border: none;
    margin: 0;
    border-spacing: 0;
}
#zapati_vpravo table tr td{ 
    font-size: 15px;
    color: #c5a295;
    font-family: 'Roboto';
    padding: 0px;
    padding-top: 11px;   
    border:none; 
    vertical-align: middle;
}
#zapati_vpravo table tr td strong{ 
    padding-right: 25px;
}
#zapati_vpravo table tr td a { 
    font-size: 15px;
    color: #c5a295;
    font-family: 'Roboto';
    border-bottom: #977b70 solid 1px;
}
#zapati_vpravo table tr td a:hover { 
    color: #c5a295;
    border-bottom: none;
}
#zapati_vpravo p { 
    padding-bottom: 0;       
}
#zapati_vpravo img { 
    margin-top: 50px;
    margin-bottom: 25px;
    width: 78%;
    height: auto;
    float: right;       
}
#zapati_celek_dole
{
    width: 100%;
    margin: auto;
    font-family: 'Roboto';
    background-color: #211812;
    color:#c5a295;
    height: 120px;
}
#zapati_dole
{
    max-width: 1200px;
    margin: auto;
}
.copyri
{
    display: table;
    float: left;
    height: 120px;
}
.copyri p
{
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0;
}
.lidi
{
    float: right;
    height: 120px;
    display: table;
}
.lidi table{ 
    border: none;
    margin: 0;
    border-spacing: 0;
    display: table-cell;
    vertical-align: middle;
}
.lidi table tr td{ 
    font-size: 12px;
    color: #c5a295;
    font-family: 'Roboto';
    padding: 0px;
    padding-top: 11px;   
    border:none; 
    vertical-align: middle;
}
.lidi table tr td a img{ 
    width: 100%;
    height: auto;  
}
.lidi table tr td:last-of-type{ 
    padding-left: 40px;
}





#vyhledavani { margin-bottom: 20px; }
span.vyhledavani_zvyraznene { background-color: yellow; }

div.vyhledavani_clanek, div.vyhledavani_kategorie, div.vyhledavani_rezervace
{
    border-bottom: 1px solid #c0c0c0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
div.vyhledavani_eshop {}

#mailing { margin-top: 20px; margin-bottom: 20px; }

#jazyky, #meny { width: 130px; float: right; text-align: right; padding-right: 10px; }
#jazyky a, #meny a { font-size: 80%; text-decoration: none; }
#jazyky a.aktivni, #meny a.aktivni { font-weight: bold; }

ul#podkat
{
    border: 1px solid #c0c0c0;
    text-align: center;
    margin: 20px 0;
    padding: 10px;
}
ul#podkat a.aktivni { color: #7DAF39; }
ul#podkat li { list-style-type: none; width: 209px; float: left; padding: 5px; height: 128px; overflow: hidden; }
ul#podkat li img { max-width: 200px; max-height: 50px; }
ul#podkat li span { color: #000; text-decoration: none; font-size: 90%; }
ul#podkat li.sorthead { width: 95%; clear: both; text-align: right; height: 30px; }
ul#podkat li.subnadpis { width: 95%; clear: both; text-align: left; font-weight: bold; padding: 10px; height: 30px; }

div.strankovani { text-align: center; margin: 5px 0; }
div.strankovani a { padding: 2px 5px; }
div.strankovani a.aktualni { font-weight: bold; }

div#cookies
{
    width: 100%;
    text-align: center;
    padding: 8px 0;
    color: #000;
    background-color: #FFFE9A;
    font-size: 80%;
}
a#cookies_accept { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }



/* modul uživatelé ************************************************************/

#uzivatele_login { margin-bottom: 20px; }
#uzivatele_login table
{
    font-size: 90%;
    border: none;
    margin: 10px 0;
}
#uzivatele_login table td
{
    border: none;
    vertical-align: middle;
}
#uzivatele_login img
{
    width: 22px;
    height: 22px;
    margin-top: 5px;
}

img.socsite
{
    border: none;
    width: 32px;
    height: 32px;
}

table.reset_hesla, table.registrace, table.osobni_udaje
{
    border: none;
    margin: 10px auto;
    width: 60%;
}

table.osobni_udaje
{
    width: 100%;
}

table.reset_hesla td, table.registrace td, table.osobni_udaje td
{
    border: none;
    font-size: 90%;
}





/* styly pro modul ankety *************************************************** */

.anketa
{
    width: 100%;
    border: dotted #98bf0e 1px;
    margin: 0 auto;
}
.anketa p
{
    font-size: 80%;
    padding: 5px;
}
.anketa p.otazka
{
    font-weight: bold;
    text-align: center;
}
.anketa p.spodni
{
    font-size: 70%;
    text-align: center;
}

#obsah.obsah_bezny .anketa { width: 300px; }



/* styly pro modul e-shop *************************************************** */

#eshop_produkty
{
    width: 100%;
    margin: 10px 0;
}
#eshop_produkty h2
{
    font-size: 110%;
}
#eshop_produkty p
{

    padding: 5px 0 0 0;
    font-size: 80%;
}
#eshop_produkty p.cena
{

    padding: 5px 0 0 0;
    font-size: 90%;
}
#eshop_produkty p.dost0, #kosik span.dost0
{
    color: green;
}
#eshop_produkty p.dost20, #kosik span.dost20
{
    color: orange;
}
#eshop_produkty p.dost99, #kosik span.dost99
{
    color: red;
}

#eshop_razeni
{
    border: solid #c0c0c0 1px;
    padding: 5px;
    font-size: 90%;
    margin-bottom: 20px;
}

.eshop_produkt
{
    width: 318px;
    height: 250px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 5px;
    overflow: hidden;
    border: 1px solid #c0c0c0;
}
.eshop_produkt.posledni { margin-right: 0; }

.eshop_obrazek
{
    width: 100px;
    height: 120px;
    float: left;

    margin: 5px 5px 0 0;
    text-align: center;
}
.eshop_obrazek img
{
    border: none;
    max-width: 100px;
    max-height: 100px;

}

#eshop_obrazek
{
    width: 200px;
    height: auto;
    float: left;
    border: solid #e0e0e0 1px;
    text-align: center;
}
#eshop_obrazek img
{
    max-width: 190px;
    max-height: 190px;
    border: none;

    padding: 5px;
}

#eshop_udaje
{
    width: 468px;
    height: auto;
    float: left;
}
#eshop_udaje table
{
    width: 100%;
    border: none;
}
#eshop_udaje td
{
    font-size: 90%;
    border: none;
    padding: 5px;

}
#eshop_udaje td.popisek
{
    text-align: right;
    font-style: italic;
    color: #909090;
    font-size: 80%;
    width: 120px;
}
#eshop_udaje td.cena
{
    font-size: 120%;
    font-weight: bold;
}
#eshop_udaje td.cena_bez_dph
{
    font-weight: bold;
}
#eshop_udaje td.dost0
{
    color: green;
    font-weight: bold;
}
#eshop_udaje td.dost20
{
    color: orange;
}
#eshop_udaje td.dost99
{
    color: red;
}
#eshop_udaje td.koupit
{
    text-align: right;
}

#eshop_udaje input.text
{
    width: 50px;
    text-align: center;
    height: 21px;
}
#eshop_udaje input.koupit
{
    width: 80px;
}

#eshop_udaje div.svazany_produkt { clear: both; margin: 10px 0 0 50px; }
#eshop_udaje div.svazany_produkt span { font-weight: bold; font-size: 110%; color: red; }
#eshop_udaje div.svazany_produkt_img { float: left; border: 1px solid #E0E0E0; padding: 4px; margin-right: 10px; width: 80px; height: 40px; text-align: center; }
#eshop_udaje div.svazany_produkt_img img { display: inline-block; vertical-align: middle; max-width: 80px; max-height: 40px; margin: 0; }
#eshop_udaje div.svazany_produkt_img span { display: inline-block; vertical-align: middle; width: 0; height: 100%; }

#eshop_popis
{
    margin: 10px 0;
    font-size: 90%;
}

#eshop_payu
{
    width: 100%;

}
#eshop_payu img
{
    border: none;
}
#eshop_payu table.table-payu
{
    width: 100%;
    border: none;


    border-spacing: 0;
}
#eshop_payu table.table-payu td
{
    border: none;
    background: none;
}

div#eshop_nova_polozka, div#eshop_doprava_zdarma_zbyva
{
    background-color: #e4edcf;
    border: 1px solid #ced7ba;
    padding: 10px;
    margin: 10px auto;
    font-size: 90%;
}

div#eshop_odebrana_polozka
{
    background-color: #ffe7e3;
    border: 1px solid #e70404;
    padding: 10px;
    margin: 10px auto;
    font-size: 90%;
}

table#kosik, table#kosik_neaktivni
{
    width: 93%;
    border-spacing: 0;
    margin: 10px 20px 0 20px;
    padding: 0;
    border: none;
}
table#kosik th, table#soucty th, table#kosik_neaktivni th
{
    text-align: center;
    font-size: 70%;
    border: none;
    border-bottom: solid #e0e0e0 1px;
    padding: 5px;
}
table#kosik td, table#soucty td, table#kosik_neaktivni td
{
    font-size: 80%;
    padding: 5px;
    border: none;
    vertical-align: middle;
}
table#kosik td { border-bottom: 1px dotted #e0e0e0; }
table#kosik tr:last-child td { border-bottom: none; }
table#kosik input.mnozstvi
{
    width: 20px;
    height: 15px;
    text-align: center;
    margin: 0;
    font-size: 90%;
    display: inline-block;
    vertical-align: middle;
}
table#kosik div.mnozstvi_changer { display: inline-block; width: 15px; height: 25px; vertical-align: middle; padding-bottom: 3px; }
table#kosik div.mnozstvi_changer a { display: block; text-decoration: none; border: 1px solid #AFAFAF; background-color: #F4F4F4; text-align: center; height: 12px; padding: 0; font-size: 80%; font-weight: bold; }
table#kosik div.mnozstvi_changer a.mnozstvi_plus { border-bottom: none; border-left: none; }
table#kosik div.mnozstvi_changer a.mnozstvi_minus { border-left: none; }
table#kosik img.mnozstvi_loading { width: 20px; vertical-align: middle; padding: 0; margin: 0; }
table#kosik td span.dostupnost
{
    font-size: 90%;
}
table#kosik td span.kod
{
    font-size: 85%;
    color: #909090;
    padding-left: 10px;
}
table#kosik a.kosik_odkaz { color: #000; text-decoration: none; font-weight: bold;}
table#kosik a.kosik_odkaz:hover { color: #DF420C; text-decoration: underline; }

table#kosik td.obrazek img
{
    max-height: 40px;
    max-width: 60px;
    width: auto;
    margin: 0;
}

table#soucty
{
    width: 93%;
    margin: 0 20px 30px 20px;
    padding: 0;
    border: solid #afafaf 0;
    border-width: 1px 0 0 0;
    border-spacing: 0;
}
table#soucty td.cena_celkem
{
    font-size: 100%;
    font-weight: bold;
}

table#platba, table#doprava, table#fakturacni, table#dodaci, table#poznamka
{
    width: 93%;
    margin: 0 30px 10px 20px;
    padding: 0;
    border: none;
    border-spacing: 0;
}
table#platba td, table#doprava td
{
    border: none;
    font-size: 80%;
    margin: 0;
    padding: 10px 5px;
    vertical-align: top;
}
table#platba td.radio, table#doprava td.radio
{
    width: 30px;
    text-align: center;
}
table#platba td, table#doprava td { line-height: 140%; border-bottom: 1px dotted #e0e0e0; }
table#platba tr:last-child td, table#doprava tr:last-child td { border-bottom: none; }

table#fakturacni td, table#dodaci td, table#poznamka td
{
    border: none;
    font-size: 80%;
    margin: 0;
    padding: 5px 10px;
    vertical-align: middle;
}
table#fakturacni td.pevny, table#dodaci td.pevny, table#poznamka td.pevny
{
    width: 150px;
}
table#fakturacni input.text, table#dodaci input.text, table#poznamka input.text
{
    width: 350px;
    padding: 4px 8px;
    height: 25px;
    font-size: 110%;
    background-size: 388px 36px;
}
table#fakturacni input.text.maly, table#dodaci input.text.maly { width: 100px; }
table#fakturacni input.text.stredni, table#dodaci input.text.stredni { width: 228px; }

table#fakturacni input[type=radio], table#fakturacni input[type=checkbox], table#platba input[type=radio], table#doprava input[type=radio] { cursor: pointer; }

div.skryty
{
    display: none;
}

div#pokracovat
{
    width: 25%;
    float: left;
}

div#dokoncit
{
    width: 70%;
    float: right;
    text-align: right;
    margin-right: 30px;
    font-size: 90%;
}
div#dokoncit span { padding-right: 10px; font-weight: bold; font-size: 110%; }
div#dokoncit input, #eshop_payu input[type=submit], .osobni_udaje input[type=submit], .reset_hesla input[type=submit], .registrace input[type=submit]
{
    width: 180px;
    height: 36px;
    background-color: #ff5001;
    border: none;
    color: #fff;
    font-weight: bold;
    font-size: 90%;
    padding: 0;
    margin: 0;
}

textarea.poznamka_obj
{
    font-family: Tahoma, sans-serif;
    font-size: 80%;
    width: 93%;
    height: 100px;
    margin: 0 30px 10px 20px;
    border: 1px solid #AFAFAF;
    margin: 0;
    padding: 5px 10px;
}

a.odstranit
{
    color: red;
    text-decoration: none;
    font-size: 130%;
    padding-left: 5px;
}
a.odstranit:hover { color: #000; }

div#obchodni_podminky { display: none; }

div#vydejni_misto_info { padding: 10px 0; display: none; font-size: 120%; }
div#vydejni_misto_info h5 { font-size: 120%; }
div#vydejni_misto_info p { padding-right: 20px; }
div#vydejni_misto_info table { border: none; padding: 0; margin: 0; }
div#vydejni_misto_info table td { border: none; padding: 0; margin: 0; font-size: 110%; }
div#vydejni_misto_info_obrazek img { width: 180px; height: auto; margin: 0 20px 0 0; padding: 0; }
div#vydejni_misto_info_mapa { width: 100%; height: 250px; }



/* styly pro modul komentáře ************************************************ */

#komOdp { }
#komOdp p { font-size: 70%; padding: 5px; }

div.kom1 { border: dotted #98bf0e 1px; background-color: #f0facb; margin: 5px; padding: 10px; }
div.kom2 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 25px; padding: 10px; }
div.kom3 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 45px; padding: 10px; }
div.kom4 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 65px; padding: 10px; }
div.kom5 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 85px; padding: 10px; }
div.kom6 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 105px; padding: 10px; }
div.kom7 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 125px; padding: 10px; }
div.kom8 { border: dotted #D2CB77 0; border-width: 0 0 1px 0; background-color: #fff; margin: 5px 5px 5px 145px; padding: 10px; }

table.pridatKom { width: 100%; border: none; }
table.pridatKom td { padding: 5px 20px 5px 0; border: none; font-size: 100%; }

#obsah p.komPredmet { font-weight: bold; }
#obsah p.komUdaje { font-size: 60%; color: #909090; padding: 5px 0 10px 0; }
#obsah p.komText { font-size: 80%; padding: 0 0 5px 0; }

a#pcom:hover { cursor: pointer; }





/* styly pro modul fotogalerie ********************************************** */

#fotogalerie {
    width: 100%;
    height: auto;

}

.fotogalerie { }

.fotogalerie div.fotka
{
    float: left;
    width: 392px;
    height: 260px;
    margin-bottom: 20px;
    margin-right: 12px;
    text-align: center;
}
.fotogalerie div.fotka.treti { margin-right: 0; }
.fotogalerie div.fotka img {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    border-radius: 5px;
}
.fotogalerie div.fotka span { display: inline-block; vertical-align: middle; width: 0; height: 100%; }

/* styly souboru fotka.php */
#horni, #navig, #fotka { text-align: center; }
#horni h1 { font-size: 200%; font-weight: bold; }






/* styly pro modul testy **************************************************** */

div.test_otazka
{
    width: 100%;
    border: solid #E0E0E0 1px;
    margin: 0 0 10px 0;
}

div.spatne
{
    border: solid red 1px;
}

div.test_cislo_otazky
{
    float: left;
    width: 40px;
    height: 40px;
    background-color: #98BF0E;
    text-align: center;
    font-weight: bold;
    font-size: 150%;
    color: #000;
}

div.test_text_otazky
{
    float: left;
    width: 85%;
    font-weight: bold;
    padding: 8px 15px;
}

div.test_odpoved
{
    width: 100%;
    padding: 5px 5px 5px 50px;
    font-size: 90%;
}

div.test_vyhodnotit
{
    text-align: center;
    width: 100%;
    padding: 10px;
}

table.test_vyhodnoceni
{
    width: 100%;
    border: none;
    margin: 20px 0;
}

table.test_vyhodnoceni td
{
    border: none;
    vertical-align: middle;
}

img.test_vysl
{
    border: none;
    width: 16px;
    height: 16px;
    margin: 0 3px 0 0;
}

img.test_ikona
{
    border: none;
    width: 60px;
    height: 40px;
    margin: 0 0 0 10px;
}





/* styly pro denní menu ***************************************************** */

#denni_menu
{
    font-size: 90%;
}

.denni_menu
{
    width: 100%;
    margin-bottom: 15px;
    border: none;
}

.denni_menu th
{
    border-bottom: #e0e0e0 solid 1px;
    font-style: italic;
    text-align: left;
    font-weight: normal;
}

.denni_menu td.denni_menu_jidlo
{
    width: 70%;
    border: none;
}
.denni_menu td.denni_menu_cena
{
    width: 29%;
    border: none;
    text-align: right;
}

.zvyraznene
{
    font-weight: bold;
}





/* styly pro modul rezervace ***************************************** */

#obsazenost_uvod.loading { background: transparent url( './../libs/jquery/images/loading.gif' ) center center no-repeat; }

div#rezervace_obrazek { float: left; margin-right: 10px; margin-top: 5px; }
div#rezervace_udaje { float: right; }
div#rezervace_udaje table { border: none; width: 350px; }
div#rezervace_udaje td { border: none; }
div#rezervace_udaje td.koupit { text-align: right; }
div#rezervace_udaje input[type=submit], div#rezervace_udaje select { padding: 5px; }

div.rezervace_obrazek { float: left; margin-right: 10px; }
div.rezervace_kosik { float: right; }
div.rezervace_kosik input[type=submit] { width: 120px; padding: 5px; }

table.rezervace_termin { border-spacing: 0; border: none; width: 90%;  }
table.rezervace_termin td { border: none; font-size: 90%; }
table.rezervace_termin input, table.rezervace_termin select  { padding: 5px; }

div#obsazenost_datum { width: 100%; text-align: center; }
div#obsazenost_datum img { border: none; vertical-align: middle; }
div#obsazenost_mesic { width: 659px; margin: 20px 0; }
div#obsazenost_head {}
div#obsazenost_dny { border: 1px solid #c0c0c0; border-width: 1px 0 0 1px; }

div.obsazenost_head_den { float: left; width: 94px; color: #7DAF39; font-weight: bold; font-size: 90%; text-align: center; padding: 5px 0; }
div.obsazenost_den
{
    width: 93px; height: 40px; border: 1px solid #c0c0c0; border-width: 0 1px 1px 0; float: left;
    text-align: center; padding-top: 15px; position: relative;
}
div.obsazenost_den.prazdny { background-color: #efefef; color: #C0C0C0; }
div.obsazenost_den a { display: block; width: 93px; height: 55px; position: absolute; top: 0; left: 0; z-index: 0; }
div.obsazenost_den a.dopo { width: 47px; }
div.obsazenost_den a.odpo { width: 46px; left: 47px; }
div.obsazenost_den a.hodinova { background-color: orange; opacity: 0.2; }
div.obsazenost_den a:hover { background-color: green; opacity: 0.2; }

div.obsazenost_den.je_poznamka { background-color: lightgreen; }
div.obsazenost_den.je_poznamka.poznamka_modra { background-color: lightblue; }
div.obsazenost_den span.poznamka { display: none; }
div.obsazenost_den.je_poznamka:hover span.poznamka { display: block; text-align: left; width: 150px; height: 150px; overflow: auto; padding: 10px; background-color: #fff; border: 1px solid black; position: absolute; top: 50px; left: 10px; z-index: 1; }

div.obsazenost_obs_dopo { background-color: red; opacity: 0.2; width: 47px; height: 55px; position: absolute; top: 0; left: 0; z-index: 1; }
div.obsazenost_obs_odpo { background-color: red; opacity: 0.2; width: 46px; height: 55px; position: absolute; top: 0; left: 47px; z-index: 1; }

div#obsazenost_hodiny { width: 659px; margin: 20px 0; }

div.obsazenost_hodina { border-bottom: 1px solid #c0c0c0; position: relative; height: 56px; }
div.obsazenost_hodina a { display: block; float: left; width: 499px; height: 56px; position: absolute; top: 0; left: 160px; z-index: 0; }
div.obsazenost_hodina a.pul { height: 28px; top: 28px; }
div.obsazenost_hodina a.cela { height: 28px;  }
div.obsazenost_hodina a:hover { background-color: green; opacity: 0.2; }

div.obsazenost_hodina_datum { text-align: center; width: 100%; padding: 5px 0; }

div.obsazenost_hodina_head { float: left; width: 139px; height: 46px; text-align: right; padding: 5px 10px; border-right: 1px solid #c0c0c0; }

div.obsazenost_obs_pul { background-color: red; opacity: 0.2; width: 499px; height: 28px; position: absolute; top: 0; left: 160px; z-index: 1; }
div.obsazenost_obs_cela { background-color: red; opacity: 0.2; width: 499px; height: 28px; position: absolute; top: 28px; left: 160px; z-index: 1; }
div.obsazenost_obs_pul.prazdny, div.obsazenost_obs_cela.prazdny { background-color: #e0e0e0; color: #C0C0C0; opacity: 1; }



/* styly pro javascriptovou chybovou hlasku ********************************* */

div.bootstrap-growl {  }
div.bootstrap-growl a.close { float: right; text-decoration: none; color: #909090; display: block; width: 20px; height: 20px; font-size: 120%; }
div.bootstrap-growl.alert { padding: 15px 10px 15px 50px; font-size: 90%; border-radius: 5px; line-height: 140%; text-align: left; }
div.bootstrap-growl.alert.alert-danger {  background: #ffc6c6 url('./../images/admin/ebox.png') no-repeat center left; border: 1px solid #eea9a9; }
div.bootstrap-growl.alert.alert-success {  background: #e4edcf url('./../images/admin/obox.png') no-repeat center left; border: 1px solid #ced7ba; }




/* jQuery UI styly ********************************************************** */

.ui-autocomplete { width: 280px; padding: 1px !important; border-radius: 0 !important; border: 1px solid #c0c0c0 !important; }
.ui-autocomplete li { font-size: 80%; padding: 0; margin: 0; border-radius: 0 !important; }
.ui-autocomplete li a { padding: 0; margin: 0; border-radius: 0 !important; cursor: pointer; }
.ui-autocomplete li a.ui-state-focus { border: solid 1px #e0e0e0 !important; background-color: #e0e0e0 !important; }
.ui-autocomplete-loading { background: transparent url( './../libs/jquery/images/loading.gif' ) center right no-repeat !important; background-size: contain !important; }

.ui-autocomplete-obrazek { float: left; text-align: center; width: 60px; padding: 5px 0 0 0; }
.ui-autocomplete-obrazek img { max-width: 60px; max-height: 60px; margin: 0; }
.ui-autocomplete-text { float: right; width: 205px; line-height: 110%; font-weight: bold; padding: 5px 0; max-height: 60px; overflow: hidden; }
.ui-autocomplete-text span { color: #909090; font-weight: normal; font-size: 80%; }
.ui-autocomplete-text span span { font-size: 100%; }
.ui-autocomplete-extra { font-weight: bold; text-align: center; padding: 10px 0; }
.ui-autocomplete-extra span { color: #909090; font-weight: normal; font-size: 80%; }

#map_canvas { width: 100%; height: 465px; background: #3b3b3b; /*url(/images/clanek_2.jpg) center center no-repeat*/; margin-top: 45px; /*filter: grayscale(100%);*/ }
#map_canvas h6 { color: #000; font-weight: bold; padding-bottom: 5px; margin: 0; font-size: 110%; }

#menu_show
{
    display: none;
}
.show
{
    display: block !important;
}
@media (max-width: 1220px)
{
    /*menu*/ 
#titulek
{
    width: 95%; 

}
#logo
{
    float: left;
    width: 132px;
}
#menu
{
   width: 75%;
}


/*uvod menu*/ 

#titulek_uvod
{
    max-width: 95%;
}
#logo_uvod
{
    width: 25%;
}
#logo_uvod img
{
    border: none;
    margin: 0 0 0 0;
    width: 100%;
    height: auto;
}
#menu_uvod
{
    width: 75%;
}


#zahlavi
{
    max-width: 95%; 
}
#zahlavi_leve
{
      width: 55%;
}
#zahlavi_prave
{
    width: 45%;
    margin-top: -50px;
}
#obsah.obsah_uvod {
    width: 95%;

}
#zapati_celek {
   
    background-size: 130%;
   
}
#zapati {
    max-width: 95%;

}
#zapati_dole {
    max-width: 95%;
 
}
.clanek_img_solo_prava {
   width: 42%;
   background-size: 71%;
   height: 38vw;
}
#obsah.obsah_bezny {
    width: 95%;
}
.text_prava table {

      width:55%;
}
}
@media (max-width: 1050px)
{
    #logo {
        float: left;
        width: 227px;
    }
    #logo_uvod {
        float: left;
        width: 227px;
    }
    #titulek_celek {
    
    height: 145px;
        }
    
 
    #menu {
        width: 100%;
        display: none;
    }
     #menu_uvod {
        width: 100%;
        display: none;
    }
    #menu_show
    {

        display: table;
float: right;
border: none;
margin-right: 2%;
margin-top: 35px;

    }
    #menu_show img
    {

        display: table-cell;

        border: none;
        vertical-align: middle; 

    }
  
    #menu {
        width: 100%;
        display: none;
        position: absolute;
        position: absolute;
        right: 0;
        z-index: 105;
        display: none;
        width: 100%;
        background: #dcb423;
        padding-left: 0;
        margin-top: 112px;
        display: none;
        height: auto;
    }  
    #menu_uvod {
        width: 100%;
        display: none;
        position: absolute;
        position: absolute;
        right: 0;
        z-index: 105;
        display: none;
        width: 100%;
        background: #dcb423;
        padding-left: 0;
        margin-top: 112px;
        display: none;
         height: auto;
    }
 
    .dropdown li.head {
        float: left;
        width: 98%;
        padding: 15px 0px 15px 3%;
        border-top: #fbce26 solid 1px; 
      
    }
    .dropdown li.head:first-of-type {
       padding: 15px 0px 15px 3%;
         border-top: #fbce26 solid 1px; 
       
    }
     .dropdown li.head:last-of-type {
       padding: 15px 0px 15px 3%;
        border-top: none; 
       
    }
    #menu ul {
    display: block;
    margin: 0px;
      padding-top: 0px; 
    }
     #menu ul {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    float: left;
    width: 100%;
    }
     #menu ul > li {
       -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    }
     #menu_uvod ul {
    display: block;
    margin: 0px;
    padding-top: 0px; 
    }
     #menu_uvod  ul {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    float: left;
    width: 100%;
    }
    .dropdown li.head a {  
    width: calc(100vw - calc(100vw - 100%));
    display: inline-block;
    }
     #menu_uvod  ul > li {
       -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    }
     #zapati_celek {
    background-size: 281%;
     }
    #zapati_vlevo {
        width: 100%;
    }
     #zapati_stred {
        width: 100%;
    }
     #zapati_vpravo {
        width: 100%;
    }
     #zapati_vlevo  {
        text-align: center;
    }
  
     #zapati_stred  {
      text-align: center;
    }
     #zapati_vpravo {
      text-align: center;
      margin-top: 30px;
    }
     #zapati table {
      margin: auto;
    }
    #zapati_stred div:first-of-type {
    margin-bottom: 30px;
    margin-top: 0px;
    }
    #zapati_vpravo table tr td strong {
    padding-right: 0px;
    }
    #zapati_vpravo img {
    
    width: 217px;
    height: auto;
    float: none;
}
.copyri {
    display: table;
    float: left;
    min-height: 100px;
    height: 100px;
    width: 100%;
    text-align: center;
}
#zapati_celek_dole{
    height: auto;
}
  .lidi {
    float: none;
    min-height: 120px;
    display: table;
    text-align: center;
    width: 100%;
}
 .lidi table{
    float: none;
    margin: auto;
    display: inline;
}
#titulek_celek_uvod {
    height: auto;
}
#zahlavi_leve {
    width: 100%;
}
#zahlavi_prave {
    width: 50%;
  
    margin-left: 25%;
    margin-bottom: 50px;
    margin-top: 10px;
}
.text_prava_produkty table tr td {
    font-size: 15px;
    color: #46372a;
    font-family: 'Roboto';
  
    border: none;
    
    padding-top: 10px;
    display: inline-block;
    width: 333px;
    padding-top: 20px;
}
.text_kontakt_per
{
  width: 40%;  
}
.text_kontakt
{
width: 60%; 
}
.clanek_img_solo_kontakt
{
  width: 100%;   
}
.clanek_img_solo_kontakt img {
 
    float: none;
}
.clanek_img_solo_kontakt div {
  
    text-align: center;
}
.clanek_img_solo_kontakt {
   
    height: auto;
   
    margin-top: 30px;
}
}
@media (max-width: 1000px)
{
     #zapati_celek {
    background-size: 400%;
     }
    
}
@media (max-width: 700px)
{
     #zapati_celek {
    background-size: 800%;
     }
        /*menu*/ 
    #titulek
    {
        width: 85%; 
    }
     #obsah.obsah {
        width: 85%;

    }
   
    /*uvod menu*/ 
    #titulek_uvod
    {
        max-width: 85%;
    }   
    #zahlavi
    {
        max-width: 85%; 
    }  
    #obsah.obsah_uvod {
        width: 85%;

    }
    #zapati {
        max-width: 85%;

    }
    #zapati_dole {
        max-width: 85%;

    }
    #obsah.obsah_bezny {
        width: 85%;
    }
    #menu_show {
   
    margin-right: -2%;
 
    }
    #zahlavi_leve img:first-of-type {
       margin-right: 5px;
width: 24%;
    }
    #zahlavi_leve img{
       margin-right: 0px;
width: 72.1%;
    }
    #zahlavi_prave {
    width: 110%;

    float: right;
}
.text_uvod_leva img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0;

   margin-top: 10px;
margin-right: 0px;
margin-bottom: 50px;
width: 100%

}
.text_uvod_prava img {
     max-width: 100%;
    height: auto;
    border-radius: 5px;
    margin: 0;
 width: 100%;
   margin-top: 10px;
margin-right: 0px;
margin-bottom: 50px;
}
#zapati_vpravo img {
    
    float: right;
}
#zapati_vlevo strong img:first-of-type {
    margin-right: 5px;
width: 24%;
}
#zapati_vlevo strong img:nth-of-type(2) {
    margin-right: 0px;
width: 72.1%;
}
#obsah_celek {
   
    margin-bottom: 50px;
}
.clanek_img_solo_prava {

    height: 34vw;
}
.fotogalerie div.fotka {

width: 100%;
height: auto;
margin-bottom: 20px;
margin-right: 0px;

}
.fotogalerie div.fotka img {
   width: 100%;
   height: auto;
       
}
.text_prava_produkty div {
    margin-right: 50px;
    display: inline-block;
    margin-bottom: 50px;
}
.text_prava table {
    width: 100%;
}
.copyri p {
    
    line-height: 140%;
}
.lidi table tr td {
  
    display: inline-block;
    width: 100%;
}
.lidi table tr td a img {
    width: auto;
    height: auto;
}
.lidi table tr td:last-of-type {
    padding-left: 0px;
    padding-top: 35px;
    padding-bottom: 50px;
}
#titulek_celek_uvod {
 
    background-size: auto ,340%;
    background-position: center bottom, center right;

}
}
@media (max-width: 400px)
{
    .clanek_img_solo_prava
    {
        display: none;
    }
    .text_prava_produkty div {
        width: 100%;
    margin-right: 0px;
    display: inline-block;
    margin-bottom: 50px;
    text-align: center;
}
.text_kontakt
{
    width: 100%;
     margin-top: 50px;
}
.text_kontakt_per
{
   width: 100%; 
  
}


}