/**
 * 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-2020 Josef Šmíd
 * @version 1.9.8
 */

/* základní nastavení *********************************************************/

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

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

body, td, th, li, textarea
{
  font-family: 'Open Sans', sans-serif;
  color: #000;
  font-size: 100%;
}

body { }

h1,h2,h3,h4,h5,h6,p.nadpis_h2,p.nadpis_h3 { font-family: 'Open Sans', sans-serif; font-weight: normal; padding-bottom: 10px; color: #212264; }
h1 { font-size: 300%; color: #fff; font-weight: bold; }
h3 { padding-top: 10px; padding-bottom: 0; }
h2,p.nadpis_h2 { font-size: 195%; padding-bottom: 18px; }
h3,p.nadpis_h3 { font-size: 160%; }

p { padding-bottom: 10px; }

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

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

a { color: #212264; text-decoration: underline; }
a:hover { text-decoration: none; }

img
{
  border: none;
  margin: 5px;
}
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 #c5c5c5 1px;
  margin: 15px auto;
  border-spacing: 0;
}

table.form
{
  margin: 25px 0;
  border: none;
}

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

td, th
{
  padding: 4px 6px;
  border: solid #c5c5c5 1px;
  vertical-align: middle
}

table.form td, table.form th
{
  border: none;
}

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

input, select, textarea { padding: 10px; border-radius: 4px; border: 2px solid #e0e0e0; }
input:disabled, select:disabled, textarea:disabled { background-color: #e0e0e0; }
textarea { font-size: 90%; }

input[type=submit], a.button, button, .dalsi_novinky a {
  -moz-box-shadow: 1px 2px 0px #000000;
  -webkit-box-shadow: 1px 2px 0px #000000;
  box-shadow: 1px 2px 0px #000000;
  background-color: #212264; border-color: #212264; color: #fff; font-weight: normal; font-size: 101%; border-radius: 4px; }
input[type=submit]:hover
{
  cursor: pointer;
}

input[type=submit]:hover, 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(224, 224, 224); }

label:hover { cursor: pointer; color: #6da235; text-decoration: underline; }

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; margin: 0; }
.dropdown li.head { float: left; position: relative; }
.dropdown li.head a { padding: 40px 15px 40px 10px; display: inline-block; font-size: 110%; }
.dropdown li.head a .sipka{  }
.dropdown li.head a:hover .sipka, .dropdown li.head a.aktivni .sipka { display: inline-block; }
.dropdown li.head .oddelovac { background-color: #f0f0f0; width: 0.05em; height: 45px; display: inline-block; position: relative; top: 15px; }
.dropdown li.head a img { vertical-align: middle; width: 16px; height: auto; margin: 0 5px 3px 0; }
.dropdown li.head ul
{
  display: none;
  padding: 5px;
  margin-top: 0px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-top-width: 0;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dropdown li.head:hover ul { display: block; position: absolute; z-index: 99; left: 10px; }
.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 { color: #5a5a5a; display: block; float: left; padding: 0 0 3px 0; border-bottom-width: 1px; font-size: 90%; }
.dropdown li.head ul li.subhead a:hover, .dropdown li.head ul li.subhead a.aktivni { border-bottom-width: 1px!important; }
.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; overflow: hidden; 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: -15px; }
/*#menu2_podkat { right: -134px; }
#menu3_podkat { right: -267px; }*/

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

#hlavni
{
}

#titulek
{
  width: 1170px;
  margin: 0 auto;
  padding-top: 5px;
  position: relative;
}
#logo
{
  float: left;
  width: 140px;
  margin-right: 50px;
}
#logo .sipka, #logo:hover .sipka  { display: inline-block; width: 140px; }
.sipka{ display: none; width: 100%; height: 18px; background: transparent url(/images/menu-hover.png) center bottom no-repeat; position: absolute; left: 0; bottom: -18px; z-index: 11; }
#logo p
{
  display: none;
}
#certifikat { position: absolute; right: 4px; z-index: 11; }
#certifikat img { margin: 0;  }

#menu
{
  width: 775px;
  float: left;
  padding: 0;
}
#menu a { color: #000; text-decoration: none; white-space: nowrap; }
#menu a:hover { color: #212365; }
#menu a.aktivni { color: #212365; font-weight: bold; }

#uvodni_zahlavi
{
  width: 100%;
  height: 468px;
  background: #fff url(/images/pozadi-uvod-r.jpg) center top repeat-x;
  margin-top: 2px;
  position: relative;
  z-index: 10;
  overflow-x: hidden;
  overflow-y: auto;
}
#uvodni_zahlavi_obsah
{
  width: 1170px;
  margin: 0 auto;
}
#uvodni_zahlavi_obsah img
{
  position: absolute;
  bottom: 0;
  margin: 0 auto;
  z-index: 14;
}
#uvodni_zahlavi_obsah h1
{
  padding-top: 70px;
  padding-bottom: 0;
  line-height: 120%;
  position: relative;
  z-index: 15;
}
#uvodni_zahlavi_obsah p
{
  color: #fff;
  font-size: 180%;
  position: relative;
  z-index: 15;
}

#bezne_zahlavi
{
  width: 100%;
  height: 145px;
  background: #1D1D51 url(/images/pozadi-bezny-r.jpg) center top no-repeat;
  margin-top: 2px;
  position: relative;
  z-index: 10;
}
#bezne_zahlavi_obsah
{
  width: 1170px;
  margin: 0 auto;
}
#bezne_zahlavi_obsah h1
{
  padding-top: 33px;
  max-height: 70px;
  overflow: hidden;
}

#obsah_cely
{
  background: #fff url(/images/pozadi-bus.jpg) center bottom no-repeat;
}
#obsah
{
  width: 1170px;
  margin: 0 auto;
}
#obsah p {line-height: 170%; padding-bottom: 18px; }
#obsah p.data
{
  font-size: 90%;
  text-align: right;
  color: #808080;
}
#obsah p.navigace
{
  font-size: 90%;
  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 { padding: 50px 0 50px; }
#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; width: 100%; }
.clanek_telo{ float: left; width: 76%; }
.clanek h2 {  }
.clanek .clanek_img { width: 21%; margin-right: 3%; text-align: center; float: left; }
.clanek .clanek_img img { margin: 0; max-width: 100%; max-height: 240px; }
.clanek .clanek_perex {  }

.clanek_img_solo { width: 21%; margin-right: 3%; margin-bottom: 3%; text-align: center; float: left; }
.clanek_img_solo img { max-width: 100%; max-height: 240px; }

#uvodni_obsah { float: left; width: 61%; margin-right: 6%; }

#posledni_clanky {
  width: 32%; float: right;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  -moz-box-shadow: 2px 2px 5px #e0e0e0;
  -webkit-box-shadow: 2px 2px 5px #e0e0e0;
  box-shadow: 2px 2px 5px #e0e0e0;
  margin-bottom: -12px;
  position: relative;
  top: -35px;
}
#posledni_clanky .clanek {
  float: left; width: 85.5%; margin-right: 0; margin-bottom: 10px; border-bottom: 1px solid #e0e0e0;
  padding: 29px 6.5% 30px 8%;
}
#posledni_clanky .clanek:last-child { border: 0; margin-bottom: 0; }
#posledni_clanky .clanek h2 { float: none; width: auto; font-size: 120%; font-weight: 700; padding-bottom: 20px; }
#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; line-height: 180%; }
#posledni_clanky p.data { text-align: left; }

#obsah.obsah_bezny
{
  padding: 50px 0;
  min-height: 550px;
}

#zapati
{
  margin: 0 auto;
  color: #fff;
  background: #212264;
}
#zapati a { color: #fff; white-space: nowrap; }
#zapati a.aktivni { font-weight: bold; }

#zapati_menu_cely
{
  border-bottom: 1px solid #fff;
}
#zapati_menu, #zapati_podpisy
{
  width: 1170px;
  margin: 0 auto;
}
#zapati_menu { padding: 15px 0; }
#zapati_menu .oddelovac { padding: 0 15px 0 20px; }
#zapati_menu a { text-decoration: none; }
#zapati_menu a:hover { text-decoration: underline; }
#zapati_podpisy { padding: 35px 0; }

#zapati_vlevo{
  float: left;
  width: 50%;
}
.zapati_logo img {
  float: left;
  margin: 0;
  margin-right: 30px;
}
#zapati_vlevo p { padding-top: 15px; padding-bottom: 4px; float: left; }

#zapati_vpravo{
  float: right;
  width: 40%;
  padding-left: 10%;
  padding-top: 10px;
}

#zapati_vpravo img{
  margin: 0;
  margin-top: 4px;
  padding: 0;
  border: 0;
}

#zapati_vpravo .podpis{
  float: right;
  margin-left: 13%;
  font-size: 13px;
}

#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%;
}

table#kosik
{
  width: 93%;
  border-spacing: 0;
  margin: 10px 20px 0 20px;
  padding: 0;
  border: none;
}
table#kosik th, table#soucty th
{
  text-align: center;
  font-size: 70%;
  border: none;
  border-bottom: solid #e0e0e0 1px;
  padding: 5px;
}
table#kosik td, table#soucty 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 {}

.fotogalerie { margin-bottom: 20px; }

.fotogalerie div.fotka
{
  float: left;
  overflow: hidden;
  width: 215px;
  margin-bottom: 2px;
  margin-right: 2px;
  text-align: center;
}
.fotogalerie div.fotka a {
    display: block;
    width: 100%;
    height: 165px;
}
.fotogalerie div.fotka.treti { /*margin-right: 0;*/ }
.fotogalerie div.fotka a img { display: none;/*display: inline-block; vertical-align: middle; max-width: 215px; max-height: 165px; margin: 0;*/ }
.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 ***************************************** */

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 span.poznamka { position: absolute; z-index: 10; top: 0; left: 2px; }

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, div.chyba { padding: 15px 10px 15px 50px; font-size: 90%; border-radius: 5px; line-height: 140%; text-align: left; }
div.bootstrap-growl.alert.alert-danger, div.chyba {  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; }



div.alert
{
  background: #fff0b3 url('./../images/admin/ibox.png') scroll no-repeat center left;
  background-repeat: no-repeat;
  border: solid #e8d897 1px;
  padding: 10px 10px 10px 50px;
  margin: 0 0 20px 0;
  line-height: 150%;
}


/* 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%; }

.slider{
    overflow:hidden;
    position:relative;
    padding-top: 40px;
    margin-top: 20px;
    border-top: 4px solid #e3e3e3;
}
.slider ul{
    float: left;
    margin: 0;
    padding: 0;
}

    .slider li{
        float: left;
        list-style: none;
    }

    .slider li .uvod_fotka
    {
      float: left;
      overflow: hidden;
      width: 250px;
      text-align: center;
    }
    .slider li a {
        display: block;
        width: 100%;
        height: 165px;
        margin: 0 1px;
    }
    .slider li img{
      display: none;
    }

    .slider .simply-scroll-container {
        position: relative;
    }

    .simply-scroll-clip {
        position: relative;
        overflow: hidden;
    }

    .simply-scroll-list {
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .simply-scroll-list li {
        padding: 0;
        margin: 0;
        list-style: none;
        height: 165px;
    }

    .simply-scroll {
        width: 100%;
    }

/*styly pro plugin formular SOK*/
table.plugin_sokFormularCip
{
border: none;
width: 100%;
}
.plugin_sokFormularCip td
{
border: none;
position: relative;
height: 50px;
}
.plugin_sokFormularCip .chyba_sok
{
background-color: red;
width: 100%;
color: white;
font-size: 70%;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;

}
.plugin_sokFormularCip select { box-sizing:content-box; }

.plugin_sokFormularCip .velky
{
  width: calc( 100% - 22px );
  box-shadow: none!important;
  border: 1px solid gray;
  font-size: 110%;
}

.plugin_sokFormularCip .datepicker
{
  width: calc( 100% - 22px );
  box-shadow: none!important;
  border: 1px solid gray;
  background: #fff url( './../images/admin/i_calendar.png' ) right 5px center no-repeat;
}
.plugin_sokFormularCip input[type=submit]
{
  background-color: #212264;
  color: white;
  box-shadow: none;
  border: 2px solid #212264;
  width: 60%;
  height: 45px;
  float: right;
}

.plugin_sokFormularCip input[type=submit]:hover
{
  background-color: white;
  color: #212264;
  border: 2px solid #212264;
}


.hide, .show { display: none; }

@media screen and (max-width: 1170px) {
   #titulek, #uvodni_zahlavi_obsah, #zapati_menu, #zapati_podpisy, #bezne_zahlavi_obsah { width: 98%; padding-left: 1%; padding-right: 1%; }
   #obsah { width: 94%; padding-left: 4%; padding-right: 2%; }
   #bezne_zahlavi { background: #e0e0e0 url(/images/pozadi-bezny-r.jpg) center top no-repeat; }
   #uvodni_zahlavi { background: #fff url(/images/pozadi-uvod-r.jpg) center top no-repeat; }
   .sipka_sok { display: none!important; }
   #logo { width: 11.9%; margin-right: 4.2%; }
   #logo img { width: 100%; margin: 0; }
   #certifikat { position: initial; float: right; width: 12.7%; right: 0; }
   #certifikat img { width: 100%; }
   #menu { width: 71%; }
}

@media screen and (max-width: 1100px) {
   #menu { width: 100%; display: none; }
   /*#certifikat { position: absolute; top: 5px; right: 5px; }*/
   #certifikat { width: 70px; margin: 0 auto; float: left; position: initial; margin-left: 10%; }
  .show, .hide { display: block; float: right; margin: 1.0% 6% 0 0; }
  .hide { display: none; }
  .hide img, .show img { margin: 0; }
  .dropdown li.head { width: 100%; background: #ebebeb; border-bottom: 1px solid #fff; }
  .dropdown li.head a { width: 88%; padding: 8px 5%; }
  .dropdown li.head .oddelovac { display: none; }
  .sipka { display: none!important; }
}

@media screen and (max-width: 800px) {
   #zapati_podpisy, #zapati_menu { width: 92%; padding-right: 4%; padding-left: 4%; }
   #zapati_vlevo, #zapati_vpravo { width: 100%; float: none; padding: 0; }
   #zapati_vpravo { margin-top: 20px; }
   #zapati_vpravo .podpis { float: left; margin: 0 13% 0 0; }
}

@media screen and (max-width: 750px) {
  #uvodni_obsah { width: 100%; margin: 0; }
  #posledni_clanky { width: 100%; top: 0; margin-top: 10px; margin-bottom: 20px; }
  #titulek { padding: 10px 0 0; width: 100%; }
  #uvodni_zahlavi { margin: 0; }
  #logo { width: 110px; margin-left: 6%; margin-bottom: 8px; }
  #uvodni_zahlavi_obsah h1 { margin-left: 6%; }
  #uvodni_zahlavi_obsah p { margin-left: 6%; }
  #bezne_zahlavi_obsah h1 { margin-left: 6%; }
}

@media screen and (max-width: 600px){
  h1 { font-size: 250%; }
  h2 { font-size: 175%; }
  .bezny { width: 57.8%; }
  .maly { width: 33.5%; }
  .stredni { width: 52.2%; }
  .velky { width: 65%; }
  select.bezny { width: 59.4%; }
  #uvodni_zahlavi_obsah p { font-size: 160%; }
  #bezne_zahlavi_obsah h1 { padding-top: 40px; font-size: 190%; line-height: 120%; }
}

@media screen and (max-width: 360px){
  .fotogalerie div.fotka { width: 170px; }
  .fotogalerie div.fotka a { height: 120px; }
}

@media screen and (max-width: 450px){
  #logo { width: 25%; }
  #certifikat { width: 15%; }
  .show, .hide { width: 15%; }
  .show img, .hide img { width: 100%; }
  #uvodni_zahlavi_obsah h1 { font-size: 180%; margin-left: 6%; }
  #uvodni_zahlavi_obsah p { font-size: 130%; margin-left: 6%; }
}

@media screen and (max-width: 320px){
  .fotogalerie div.fotka { width: 100% }
  .fotogalerie div.fotka a { height: 160px; }
}