/**
 * 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,600,700');

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

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

body { background-color: #fff; }

h1,h2,h3,h4,h5,h6,p.nadpis_h2,p.nadpis_h3 { font-weight: lighter; padding-bottom: 10px; }
h1 { font-size: 40px; color: #cf1c3f; }
h2 { font-size: 24px; }
h2 a { color: #686868; }
h3, #obsah p.nadpis_h3 { font-size: 20px; }
h1 a, h2 a, h3 a, #obsah p.navigace a { text-decoration: none; }
h1 a:hover, h2 a:hover, h3 a:hover, #obsah p.navigace a:hover { text-decoration: underline; }
#obsah p.nadpis_h2 { font-size: 30px; color: #cf1c3f; }

p { padding-bottom: 10px; }

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

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

img
{
  border: none;
  margin: 5px;
}
img#loading, img#eshop_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 #f6f6f6 1px;
  margin: 10px 0;
  border-spacing: 0;
}

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

td, th
{
  padding: 3px 8px;
  border: solid #f6f6f6 1px;
  vertical-align: middle
}

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

input, select, textarea { padding: 9px 10px; font-size: 100%; border: 1px solid #474747; border-radius: 1px; }
input:disabled, select:disabled, textarea:disabled { background-color: #e0e0e0; }
textarea { font-size: 90%; }
input[type=submit]
{
  border-radius: 3px;
  background: #b41635;
  /*background: -moz-linear-gradient(50% 50% 130deg, #b41635, #cf1c3f 0%);*/
  background: -moz-linear-gradient(130deg, #cf1c3f 50%, #b41635 0%);
  background: -webkit-linear-gradient(130deg, #cf1c3f 50%, #b41635 0%);
  background: -o-linear-gradient(130deg, #cf1c3f 50%, #b41635 0%);
  background: -ms-linear-gradient(130deg, #cf1c3f 50%, #b41635 0%);
  background: linear-gradient(130deg, #cf1c3f 50%, #b41635 0%);
  border: 0;
  color: #fff;
}
input[type=submit]:hover { background: #000; }

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 {
  -moz-box-shadow: 0px 0px 3px #cf1c3f;
  -webkit-box-shadow: 0px 0px 3px #cf1c3f;
  box-shadow: 0px 0px 3px #cf1c3f;
}

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

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; }
.disabled{
   pointer-events: none;
   cursor: default;
}

/* dropdown menu */
.dropdown, .dropdown ul { list-style: none; margin: 0; }
.dropdown li.head { float: left; padding: 5px 42px 5px 0; font-size: 100%; position: relative; }
.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: 0;
  margin-top: 15px;
  background-color: #fff;
  border: 1px solid #000017;
  border-top-width: 0;
  width: 220px;
}
.dropdown li.head ul li.pozadi {
    background: transparent url('./../images/popup_menu.png') center top no-repeat;
    position: absolute;
    z-index: -1;
    top: -11px;
    left: -36%;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 12px;
}
.dropdown li.head:hover ul { display: block; position: absolute; z-index: 101; }
.dropdown li.head ul li.sorthead { padding: 0 20px 20px 10px; text-align: right;}
.dropdown li.head ul li.sorthead a { color: #727272 !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 { border-bottom: 1px solid #000017; background-color: #fff;  }
.dropdown li.head ul li.subhead:last-child { border-bottom: 0; }
.dropdown li.head ul li.subhead a { color: #727272; display: block; width: 82%; padding: 10px 9%; }
#menu .dropdown li.head ul li.subhead a { color: #727272; }
.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%; }



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

#hlavni
{
  width: 100%;
  margin: 0 auto;
}

#zahlavi_cely
{
  background: #0e0e0e url('/images/pozadi_tmave.jpg') repeat;
}
#zahlavi
{
  margin: 0 auto;
  width: 790px;
  padding-left: 350px;
  font-size: 14px;
  color: #fff;
}
#zahlavi a { color: #fff; text-decoration: none; }
#zahlavi a:hover { color: #cf1c3f; }
.zahlavi_levy
{
  width: 450px;
  padding: 10px 50px 10px 0;
  float: left;
}
.zahlavi_levy div { float: left; margin-right: 25px; }
.zahlavi_levy div:nth-child(1) { padding-left: 30px; background: transparent url('/images/email.png') left center no-repeat; }
.zahlavi_levy div:nth-child(2) { padding-left: 25px; background: transparent url('/images/telefon.png') left center no-repeat; }
.zahlavi_pravy
{
  width: 290px;
  float: left;
  padding: 10px 0;
  position: relative;
  text-align: right;
}
.zahlavi_pravy img { margin: 0; display: none; }

#titulek_cely
{
  background: #2e2e2e url('/images/pozadi_svetle.jpg') repeat;
}
#titulek
{
  margin: 0 auto;
  width: 1140px;
}
#logo
{
  float: left;
  width: 230px;
  height: 70px;
  top: -15px;
  position: relative;
}
#logo img {
  margin: 0;
  -moz-box-shadow: 0px 0px 80px #858585;
  -webkit-box-shadow: 0px 0px 80px #858585;
  box-shadow: 0px 0px 80px #858585;
}
#logo p
{
  display: none;
}

#menu
{
  width: 525px;
  float: left;
  padding: 22px 40px 24px 120px;
  position: relative;
}
#menu a { color: #fff; text-decoration: none; }
#menu a:hover, #menu .dropdown li.head ul li.subhead a:hover { color: #cf1c3f; text-decoration: none; }
#menu a.aktivni, #menu .dropdown li.head ul li.subhead a.aktivni { color: #cf1c3f; }

#slider_cely { margin: 0 auto; position: relative; text-align: center; }
#slider
{
  max-width: 1600px;
  border-bottom: 1px solid #474747;
  margin: 0 auto;
  z-index: 10;
  height: 615px;
  text-align: center;
  overflow: hidden;
}
#slider img { width: 1600px; height: 615px; display: block; margin: 0 auto; }
.slider_navigace
{
  position: relative;
  width: 100%;
  margin: 0 auto;
  z-index: 100;
}
.slider_navigace #cycle-prev, .slider_navigace #cycle-next
{
  width: 72px;
  height: 72px;
  cursor: pointer;
  position: absolute;
  top: -350px;
}
.slider_navigace #cycle-prev { left: 4%; background: transparent url('/images/prev.png') left top no-repeat; }
.slider_navigace #cycle-next { right: 4%; background: transparent url('/images/next.png') left top no-repeat; }

#slider_menu
{
  margin: 0 auto;
  width: 1140px;
  padding: 25px 0 10px;
}
#slider_menu ul, #slider_menu li { margin: 0; padding: 0;  }
#slider_menu a:hover img
{
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
#slider_menu a img { width: 120px; height: 67px; }
#slider_menu a
{
  display: block;
  width: 170px;
  height: 135px;
  padding: 20px;
  border: 1px solid #474747;
  overflow: hidden;
  float: left;
  background: #000;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-weight: lighter;
  color: #fff;
  font-size: 24px;
  line-height: 120%;
  text-decoration: none;
}
#slider_menu li:nth-child(5n) a { margin-right: 0; }
#slider_menu a span { display: block; height: 63px; overflow: hidden; }
#slider_menu a:hover
{
  background: #b41635;
  /*background:-moz-linear-gradient(50% 50% 130deg, #b41635, #cf1c3f 0%);*/
  background: -moz-linear-gradient(140deg, #cf1c3f 50%, #b41635 0%);
  background: -webkit-linear-gradient(140deg, #cf1c3f 50%, #b41635 0%);
  background: -o-linear-gradient(140deg, #cf1c3f 50%, #b41635 0%);
  background: -ms-linear-gradient(140deg, #cf1c3f 50%, #b41635 0%);
  background: linear-gradient(140deg, #cf1c3f 50%, #b41635 0%);
}
#slider_menu .dropdown li.head { border: 0; width: auto; display: inline; }
#slider_menu .dropdown li.head ul li { width: 100%; }
#slider_menu .dropdown li.head ul a
{
  display: block;
  height: auto;
  width: 82%;
  background: #fff;
  color: #727272;
  border: 0;
  text-align: left;
  padding: 10px 9%;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
  border-bottom: 1px solid #000017;
}
#slider_menu .dropdown li.head ul li.subhead:last-child a{ border-bottom: 0; }
#slider_menu .dropdown li.head ul a:hover { background: #fff; color: #cf1c3f; }
#slider_menu .dropdown li.head:hover ul { top: 190px; width: 230px }
#slider_menu .dropdown li.head ul li.pozadi { left: -20%; }

#obsah_cely
{
  position: relative;
  z-index: 100;
  background: #fff;
}
#obsah
{
  margin: 0 auto;
  width: 1140px;
  padding: 45px 0;
}
#obsah p { }
#obsah p.data
{
  font-size: 90%;
  text-align: left;
  padding: 0;
  margin-bottom: -4px;
}
#obsah p.navigace
{
  margin: 0;
  padding: 0;
}
#obsah p.navigace span { font-size: 80%; padding: 0 5px; position: relative; top: -1px; }
#obsah p.zvyrazneni { color: #502828; font-weight: bold; }

#obsah input, #obsah select, #obsah textarea { border-color: #c9c9c9; }

#obsah.obsah_uvod { padding: 45px 0 65px; }
#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 { padding: 30px 0; border-bottom: 1px solid #e3e3e3; font-weight: lighter; }
.clanek:last-child { border: 0; }
.clanek .clanek_text { float: left; font-size: 18px; width: 760px; }
.clanek h2 { }
.clanek .clanek_img { max-width: 360px; margin-left: 20px; text-align: center; float: right; }
.clanek .clanek_img img { max-width: 360px; max-height: 240px; }
.clanek .clanek_perex { }

#clanek_obrazek { width: 305px; float: left; margin-right: 45px; position: absolute; top: 0; left: 0; }
#clanek_obrazek .clanek_img_solo { width: 100%; margin: 0 0 50px 0; text-align: center; float: left; }
#clanek_obrazek .clanek_img_solo img { max-width: 100%; max-height: 450px; margin: 0; }

.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; }

#clanek_udaje { float: left; padding-left: 350px; width: 790px; position: relative; }

/*#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
{
  padding: 35px 0 45px;
  color: #000;
}
#obsah.obsah_bezny td, #obsah.obsah_bezny th, #obsah.obsah_bezny li, #obsah.obsah_bezny textarea { color: #000; }
#obsah.obsah_bezny h1 {  }
#obsah table.form { background: #f6f6f6; padding: 35px 30px; margin-bottom: 30px; }
#obsah ul, #obsah ol { margin: 10px 35px; }
#obsah ul li { list-style: circle; }

#zapati_cely
{
  background: #2e2e2e url('/images/pozadi_svetle.jpg') repeat;
}
#zapati
{
  width: 1140px;
  margin: 0 auto;
  padding: 18px 0 40px;
  display: table;
  color: #a4a4a4;
  font-size: 14px;
}
#zapati a { color: #fff; }
#zapati a.aktivni, #zapati a:hover { color: #cf1c3f; }
#zapati p.nadpis_h3 { color: #fff; font-weight: normal; font-size: 14px; padding-bottom: 10px; }
#zapati img { margin: 0; }
#zapati table, #zapati td { border: 0; margin: 0; padding: 0; color: #fff; }
#zapati table { margin-bottom: 20px; }
#zapati td { padding-right: 20px; }
#zapati ul { float: left; margin: 0 20px; }
#zapati ul:first-child { margin-right: 80px; }
#zapati li { list-style: circle; color: #fff; padding: 5px 0 5px 15px; margin-left: 5px; }
#zapati li.no_list { list-style: none; position: relative; left: -40px; }
#logo_male
{
  float: left;
  width: 180px;
  margin-bottom: 25px;
}
#logo_male img
{
  width: 100%;
  -moz-box-shadow: 0px 0px 60px #858585;
  -webkit-box-shadow: 0px 0px 60px #858585;
  box-shadow: 0px 0px 60px #858585;
}
#zapati_vlevo {
  width: 269px;
  border-right: 1px solid #4c4c4c;
  padding: 15px 40px 8px 0;
  display: table-cell;
  vertical-align: top;
}
#zapati_stred
{
  width: 440px;
  display: table-cell;
  vertical-align: top;
  padding: 15px 25px;
  border-right: 1px solid #4c4c4c;
  position: relative;
}
#zapati_vpravo
{
  width: 289px;
  display: table-cell;
  vertical-align: top;
  padding: 15px 25px;
  position: relative;
}
#zapati_vpravo #podpisy { position: absolute; bottom: 0; margin-bottom: 27px; }
#zapati_vpravo .podpis{
    float: left;
    margin-left: 70px;
    font-size: 12px;
}
#zapati_vpravo .podpis div { margin-bottom: 6px; }
#zapati_vpravo .podpis:first-child { margin-left: 15px; }

#vyhledavani { float: right; padding-top: 17px; }
#vyhledavani input[type=text] { background: #000 url('/images/search.png') right 9px center no-repeat; color: #c9c9c9; width: 200px; }
span.vyhledavani_zvyraznene { background-color: yellow; }

div.vyhledavani_clanek, div.vyhledavani_kategorie, div.vyhledavani_rezervace
{
  padding-bottom: 10px;
  margin-bottom: 10px;
}
div.vyhledavani_eshop {}

#mailing { margin: 0; position: absolute; bottom: 0; margin-bottom: 40px; }
#mailing input[type=text]
{
  background: #000;
  color: #c9c9c9;
  padding: 11px 20px 11px 16px;
  width: 350px;
  margin-right: 8px;
  margin-top: 1px;
  float: left;
}
#mailing input[type=submit]
{
  background: url('/images/mailing.png') center center no-repeat, #b41635;
  /*background: url('/images/mailing.png') center center no-repeat, -moz-linear-gradient(50% 50% 136deg, #b41635, #cf1c3f 0%);  */
  background: url('/images/mailing.png') center center no-repeat, -moz-linear-gradient(139deg, #cf1c3f 50%, #b41635 0%);
  background: url('/images/mailing.png') center center no-repeat, -webkit-linear-gradient(139deg, #cf1c3f 50%, #b41635 0%);
  background: url('/images/mailing.png') center center no-repeat, -o-linear-gradient(139deg, #cf1c3f 50%, #b41635 0%);
  background: url('/images/mailing.png') center center no-repeat, -ms-linear-gradient(139deg, #cf1c3f 50%, #b41635 0%);
  background: url('/images/mailing.png') center center no-repeat, linear-gradient(139deg, #cf1c3f 50%, #b41635 0%);
  width: 50px;
  height: 42px;
}
#mailing input[type=submit]:hover
{
  background: url('/images/mailing.png') center center no-repeat, #000;
}

#jazyky, #meny { width: auto; float: right; text-align: right; margin-left: 20px; text-transform: uppercase; color: #606060; }
#jazyky a, #meny a { color: #606060; }
#jazyky a.aktivni, #meny a.aktivni { color: #fff; }
#jazyky .oddelovac { padding: 0px; }

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: 20px 0 5px; }
div.strankovani a { padding: 2px 4px; }
div.strankovani a.aktualni { font-weight: bold; }

div#cookies
{
  width: 100%;
  text-align: center;
  padding: 10px 0 5px 0;
  color: #fff;
  background-color: #282828;
  border-top: 1px solid #808080;
  font-size: 80%;
  position: fixed;
  bottom: 0;
  z-index: 101;
}
div#cookies a { color: #c0c0c0; }
a#cookies_accept { padding-left: 40px; text-decoration: none; font-weight: bold; font-size: 120%; }



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


#prihlaseni {
    display: none; position: absolute; margin-top: 27px; z-index: 101; width: 193px; padding: 5px 15px;
    background: #fff;
    border: 1px solid #ddd; border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #686868;
    text-align: left;
}
#prihlaseni a { color: #686868; }
#prihlaseni.neprihlasen { margin-top: 10px; }
a.prihlaseni {
  display: inline;
  padding-left: 30px;
  margin-right: 20px;
  background: transparent url('/images/prihlaseni.png') left center no-repeat;
}
a.prihlasen_ok {
   background: #000 url('/images/prihlaseny_sipka.png') right 12px center no-repeat;
   padding: 9px 45px 7px 2px;
   float: left;
   margin: 0;
   text-decoration: none;
}
#prihl_kos { top: 0; position: absolute; }
#zahlavi a.kosik {
  display: inline-block;
  padding: 19px 4px 17px 17px;
  width: 35px;
  background: #000 url('/images/kosik_sedy.png') right 4px center no-repeat;
  text-decoration: none;
  float: left;
  position: relative;
  margin: 0;
}
#zahlavi a.kosik:hover { color: #fff; }
a.kosik span {
   position: absolute;
   right: 11px;
   bottom: 4px;
   font-size: 10px;
   font-weight: bold;
}

#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 p
  {
    padding: 5px 0 0 0;
    font-size: 80%;
  }
  #eshop_produkty p.cena
  {
    padding: 0;
    font-size: 85%;
  }
  #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
{
  background-color: #f6f6f6;
  padding: 5px;
  font-size: 90%;
  margin-bottom: 20px;
}
#eshop_razeni select, #eshop_razeni input { margin-left: 20px; }

.eshop_produkt
{
  width: 115px;
  height: 190px;
  float: left;
  margin-bottom: 5px;
  padding: 20px 35px 5px 35px;
  overflow: hidden;
  border-right: 1px solid #eaeaea;
  color: #000000;
}
.eshop_produkt h2 { font-weight: bold; overflow: hidden; font-size: 85%; padding: 0; margin: 0; }
.eshop_produkt a { color: #000000; }
.eshop_obrazek
{
  width: 115px;
  height: 135px;
  margin: 0 0 15px 0;
  text-align: center;
}
  .eshop_obrazek img
  {
    border: none;
    max-width: 115px;
    max-height: 135px;

  }

#eshop_obrazek { width: 305px; float: left; margin-right: 45px; position: absolute; top: 0; left: 0; }
#eshop_obrazek .eshop_img_solo { width: 100%; margin: 0 0 50px 0; text-align: center; float: left; }
#eshop_obrazek .eshop_img_solo img { max-width: 100%; max-height: 450px; margin: 0; }

#eshop_udaje { float: left; padding-left: 350px; width: 790px; position: relative; /*overflow: scroll;*/ }

  #eshop_udaje p.nadpis_h2 { font-size: 30px; color: #686868; }
  #eshop_udaje table
  {
    width: 100%;
    border: none;
  }
  #eshop_udaje table.parametry { width: auto; margin-top: 7px; }
  #eshop_udaje td
  {
    border: none;
    padding: 0;
  }
    #eshop_udaje td.popisek
    {
      color: #828282;
      padding: 0 20px 0 0;
    }

  #eshop_udaje_info
  {
    width: 100%;
    border: 1px solid #f6f6f6;
    border-bottom: 2px solid #eaeaea;
    margin-bottom: 25px;
    margin-top: 35px;
  }
  #eshop_udaje_varianty
  {
    padding: 32px 20px 32px 30px;
    background: #f6f6f6;
  }
  #eshop_udaje_varianty p.nadpis_h2 { font-weight: lighter; font-size: 26px; color: #686868; padding-bottom: 15px; }
  .varianty_cely { float: left; margin-bottom: 12px; margin-right: 28px; }
  .varianty_cely select { width: 295px; }
  .varianty_dym { float: left; width: 100%; margin-bottom: 20px; }
  .varianty_dym #vroznik_naseptavec { color: #c9c9c9; width: 345px; padding-left: 40px; padding-right: 15px; background: #fff url('/images/search.png') left 5px center no-repeat }
  .varianty_dym #vzornik {
    background: url('/images/vzornik.png') left 8px center no-repeat, #979797;
   /* background: url('/images/vzornik.png') left 5px center no-repeat, -moz-linear-gradient(50% 50% 136deg, #979797, #8c8c8c 0%); */
    background: url('/images/vzornik.png') left 8px center no-repeat, -moz-linear-gradient(136deg, #979797 50%, #8c8c8c 0%);
    background: url('/images/vzornik.png') left 8px center no-repeat, -webkit-linear-gradient(136deg, #979797 50%, #8c8c8c 0%);
    background: url('/images/vzornik.png') left 8px center no-repeat, -o-linear-gradient(136deg, #979797 50%, #8c8c8c 0%);
    background: url('/images/vzornik.png') left 8px center no-repeat, -ms-linear-gradient(136deg, #979797 50%, #8c8c8c 0%);
    background: url('/images/vzornik.png') left 8px center no-repeat, linear-gradient(136deg, #979797 50%, #8c8c8c 0%);
    padding-left: 45px; padding-right: 15px;
  }
  .varianty_dym #vzornik:hover { background: url('/images/vzornik.png') left 8px center no-repeat, #000; }
  .varianty_dym img { float: left; margin: 0 10px 0 0; width: 82px; height: 82px; }
  .varianty_dym p { padding: 7px 0 12px 0; }
  .varianty_doplnky { float: left; width: 100%; font-weight: lighter; }

  #vzornik_result a { display: block; float: left; padding: 7px; overflow: hidden; margin: 0 10px 10px 0; }
  #vzornik_result a:hover { background-color: #f6f6f6; }
  #vzornik_result a.disabled { color: #c0c0c0; }
  #vzornik_result .vzornik_result_img { float: left; width: 82px; height: 82px; margin: 0 15px 0 0; }
  #vzornik_result .vzornik_result_img img { max-width: 82px; max-height: 82px; margin: 0; }
  #vzornik_result .vzornik_result_data { float: left; padding-top: 12px; line-height: 180%; font-weight: 300; }

  #eshop_udaje_varianty .popisek { font-weight: lighter; padding-bottom: 12px; }
  #eshop_udaje_ceny
  {
    padding: 35px 20px 35px 30px;
  }
  #cena_cela { float: left; width: 28%; padding-right: 1.5%; }
  #cena_bez_dph_cela { float: left; width: 30%; padding-right: 1%; }
  #koupit_cela { float: left; width: 37.5%; }
  #eshop_udaje_ceny .popisek { font-weight: lighter; }
    #eshop_udaje .cena
    {
      font-size: 28px;
      font-weight: normal;
      color: #757575;
      padding-top: 7px;
    }
    #eshop_udaje .cena_bez_dph
    {
      font-size: 30px;
      font-weight: bold;
      color: #cf1c3f;
      padding-top: 5px;
    }
    #eshop_udaje .dost0
    {
      color: green;
      font-weight: bold;
    }
    #eshop_udaje .dost20
    {
      color: orange;
    }
    #eshop_udaje .dost99
    {
      color: red;
    }
    #eshop_udaje .koupit
    {
      padding-top: 7px;
    }
    #eshop_udaje .koupit input[type=submit]
    {
      background: url('/images/kosik_bily.png') left 10px center no-repeat, #b41635;
      /*background: url('/images/kosik_bily.png') left 10px center no-repeat, -moz-linear-gradient(50% 50% 136deg, #b41635, #cf1c3f 0%); */
      background: url('/images/kosik_bily.png') left 10px center no-repeat, -moz-linear-gradient(136deg, #cf1c3f 50%, #b41635 0%);
      background: url('/images/kosik_bily.png') left 10px center no-repeat, -webkit-linear-gradient(136deg, #cf1c3f 50%, #b41635 0%);
      background: url('/images/kosik_bily.png') left 10px center no-repeat, -o-linear-gradient(136deg, #cf1c3f 50%, #b41635 0%);
      background: url('/images/kosik_bily.png') left 10px center no-repeat, -ms-linear-gradient(136deg, #cf1c3f 50%, #b41635 0%);
      background: url('/images/kosik_bily.png') left 10px center no-repeat, linear-gradient(136deg, #cf1c3f 50%, #b41635 0%);
      padding-left: 57px;
      padding-right: 15px;
      margin-left: 10px;
    }
    #eshop_udaje .koupit input[type=submit]:hover { background: url('/images/kosik_bily.png') left 10px center no-repeat, #000; }

  #eshop_udaje input.text
  {
    width: 50px;
    text-align: center;
  }

  #eshop_udaje div.svazany_produkt { clear: both; margin: 20px 0 0 25px; font-size: 90%; }
    #eshop_udaje div.svazany_produkt span { font-weight: bold;  }
  #eshop_udaje div.svazany_produkt_img { float: left; 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: 20px 0 0px;
    font-size: 95%;
  }

#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: 9px 10px;
  }
  table#fakturacni select, table#dodaci select, table#doprava select
  {
    width: 372px;
    padding: 9px 10px;
  }
  table#fakturacni input.text.maly, table#dodaci input.text.maly { width: 100px; }
  table#fakturacni input.text.stredni, table#dodaci input.text.stredni { width: 226px; }

  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: #CF1C3F;
  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: 90%; padding: 5%; border: none; background: #f6f6f6; }
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: 10px; margin-left: 5px; }

.fotogalerie div.fotka
{
  float: left;
  width: 90px;
  height: 90px;
  border: 1px solid #f0f0f0;
  margin: 3px 3px 4px 4px;
  text-align: center;
  -moz-box-shadow: 0px 0px 4px #f0f0f0;
  -webkit-box-shadow: 0px 0px 4px #f0f0f0;
  box-shadow: 0px 0px 4px #f0f0f0;
  border-radius: 3px;
}
.fotogalerie div.fotka img { display: inline-block; vertical-align: middle; margin: 0px; max-width: 85px; max-height: 85px; }
.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; }



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

.ui-autocomplete { width: 220px; right: 0 !important; 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: 18%; padding: 5px 0 0 0; margin-right: 5%; }
.ui-autocomplete-obrazek img { max-width: 100%; max-height: 60px; margin: 0; }
.ui-autocomplete-text { float: right; width: 77%; 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%; }

.hide, .show {display: none;}

@media screen and (max-width: 1140px) {
  h1 { font-size: 250%; }
  h2 { font-size: 135%; }
  h3, #obsah p.nadpis_h3 { font-size: 125%; }
  #obsah p.nadpis_h2, #eshop_udaje .cena_bez_dph { font-size: 185%; }
  #eshop_udaje .cena { font-size: 170%; }
  #zapati { font-size: 85%; }
  .clanek .clanek_text { font-size: 110%; }

  .maly { width: 20%; }
  .stredni { width: 40%; }
  .velky { width: 70%; }
  #zahlavi { width: 69%; padding-left: 31%; }
  .zahlavi_levy { width: 56%; padding-right: 2%; }
  .zahlavi_pravy { width: 41.5%; }
  #titulek { width: 100%; }
  #menu { width: 47%; padding-left: 11.5%; padding-right: 1%; }
  .dropdown li.head { padding-right: 6%; }
  .dropdown li.head:last-child { padding-right: 0; }
  #vyhledavani { width: 20%; text-align: right; }
  #vyhledavani input[type="text"] { width: 85%; }
  #logo { width: 20%; }
  #logo img { width: 100%; }
  #slider { width: 100%!important; }
  #slider div img { width: 100%!important; }
  .slider_navigace { display: none; }
  #slider_menu { width: 100%; margin: 0 auto; text-align: center; }
  #slider_menu a { display: inline-block; float: none; }
  #slider_menu li { float: none;  }
  #slider_menu .dropdown li.head:hover ul { display: none!important; }
  #obsah { width: 98%; padding-left: 1%; padding-right: 1%;  }
  .clanek .clanek_text { width: 67%; }
  .clanek .clanek_img { width: 31%; margin-left: 2%; }
  .clanek .clanek_img img { max-width: 100%; }
  #clanek_udaje { width: 69%; padding-left: 30%; }
  #clanek_obrazek { width: 27%; margin-right: 4%;  }
  #clanek_obrazek .clanek_img_solo { margin: 0 0 5% 0; }
  #zapati { width: 98%; padding-left: 1%; padding-right: 1%; }
  #zapati_vlevo { width: 27.9%; padding: 15px 0 8px 0; }
  #zapati_stred { width: 43.9%; padding: 15px 2%; }
  #zapati ul { margin: 0 2%; float: right; }
  #zapati ul:first-child { margin-right: 0; float: left; }
  #mailing { width: 100%; }
  #mailing input[type="text"] { width: 68%; float: left; padding-left: 3.5%; padding-right: 4%; }
  #mailing input[type="submit"] { float: left; }
  #zapati_vpravo { width: 27.9%; padding: 15px 0 15px 2%; }
  #zapati_vpravo #podpisy { width: 100%; }
  #zapati_vpravo .podpis, #zapati_vpravo .podpis:first-child { margin-left: 4%; float: left;  }

  #eshop_obrazek { width: 26%; margin-right: 4%; }
  #eshop_udaje { width: 70%; padding-left: 30%; }
  .varianty_cely { width: 45%; margin-right: 4%; }
  .varianty_cely select { width: 95%; }
  .varianty_dym #vroznik_naseptavec { width: 50%; padding-right: 2%; padding-left: 5.5%; }
  .varianty_dym img { width: 11%; height: 11%; }
  .varianty_dym p { padding: 1% 0 1.6%; }
  #eshop_udaje input.text { width: 10%; }
  #eshop_udaje .koupit input[type="submit"] { padding-left: 22%; padding-right: 3%; margin-left: 3%; }
  #eshop_udaje div.svazany_produkt { margin-left: 2.5%; }
}

@media screen and (max-width: 1100px) {
  #slider { height: 458px!important; }
  #slider div img { height: 458px!important; }
}
@media screen and (max-width: 1050px) {
  #slider { height: 438px!important; }
  #slider div img { height: 438px!important; }
}
@media screen and (max-width: 1000px) {
  #slider { height: 417px!important; }
  #slider div img { height: 417px!important; }
}
@media screen and (max-width: 950px) {
  #slider { height: 396px!important; }
  #slider div img { height: 396px!important; }
}

@media screen and (max-width: 900px){
  .zahlavi_levy { display: none; }
  .zahlavi_pravy { width: 70%; float: right; }
  #titulek { position: relative; }
  #logo { margin-left: 5%; width: 70%; max-width: 220px; }
  #menu {
    display: none;
    background: #fff;
    width: 100%;
    padding: 60px 0 0 0;
    position: relative;
    top: -4px;
    z-index: 91;
  }
  #menu a { color: #727272; display: block;  }
  .dropdown li.head { padding: 5px 5%; width: 90%; border-bottom: 1px solid #000; /*font-size: 14px;*/ }
  .dropdown li.head:last-child { padding-right: 5%; }
  #vyhledavani { display: none; position: absolute; top: 80px; z-index: 92; width: 90%; padding: 0 5%; }
  #vyhledavani input[type="text"] { width: 92%; padding-left: 3%; padding-right: 5%; }
  #jazyky { margin-right: 10px; }
  .slider_navigace { display: none; }
  .hide{display: block;}
  .hide, .show{float: right; margin-top: 15px; margin-right: 10px; width: 36px; padding-bottom: 16px; }
  .hide img, .show img {margin: 0; width: 99%;}
  .show { background: transparent url('./../images/popup_menu.png') left 7px bottom no-repeat; position: relative; z-index: 90; }
  #slider { width: 100%!important; height: 375px!important; }
  #slider div img { width: 100%!important; height: 375px!important; }
  #slider_menu a
  {
    width: 130px;
    height: 100px;
    padding: 15px;
    font-size: 18px;
    margin-right: 5px;
    margin-bottom: 5px;
  }
  #slider_menu a span { height: 40px; }
  #slider_menu a img { width: 90px; height: auto; }
  #obsah.obsah_bezny { padding: 20px 0 25px; }
  .clanek .clanek_text { width: 100%; }
  .clanek .clanek_img { margin: 0 auto; text-align: center ; width: 100%; float: none; }
  .clanek .clanek_img img { margin-top: 15px; }
  #clanek_udaje { width: 100%; padding-left: 0; float: left; position: initial; }
  #clanek_obrazek { width: 100%; margin: 25px 0 0 0; float: right; position: initial; }
  #zapati { padding: 50px 6%; width: 88%; }
  #zapati_vlevo, #zapati_stred, #zapati_vpravo { margin: 0 auto; width: 100%; border: 0; padding: 15px 0; display: block; float: left; }
  #zapati ul { display: none; }
  #zapati_vpravo #podpisy { position: initial; }
  #mailing { position: initial; }
  #zapati_vpravo .podpis, #zapati_vpravo .podpis:first-child { margin-left: 0; }
  #zapati_vpravo .podpis:first-child { float: left; }
  #zapati_vpravo .podpis:last-child { float: right; }

  #eshop_obrazek { width: 100%; margin-top: 20px; position: initial; }
  #eshop_udaje { width: 90%; padding: 0 5%; }

  .varianty_dym #vzornik { color: transparent; width: 45px; padding-left: 0; padding-right: 0; }
  .varianty_dym #vroznik_naseptavec { width: 25%; color: transparent; }
  .varianty_cely { width: 100%; }
  .varianty_cely select { width: 97%; }
  #cena_bez_dph_cela, #cena_cela { width: 49%; padding-right: 1%; }
  #koupit_cela { width: 99%; padding-top: 15px; }
  table#fakturacni input.text, table#dodaci input.text, table#poznamka input.text { width: 65%; }
  table#fakturacni select, table#dodaci select, table#doprava select { width: 73%; }
  table#fakturacni input.text.maly, table#dodaci input.text.maly { width: 20%; }
  table#fakturacni input.text.stredni, table#dodaci input.text.stredni { width: 34%; }
}

@media screen and (max-width: 850px) {
  #slider { height: 354px!important; }
  #slider div img { height: 354px!important; }
}
@media screen and (max-width: 800px) {
  #slider { height: 333px!important; }
  #slider div img { height: 333px!important; }
}
@media screen and (max-width: 750px) {
  #slider { height: 312px!important; }
  #slider div img { height: 312px!important; }
}
@media screen and (max-width: 700px) {
  #slider { height: 292px!important; }
  #slider div img { height: 292px!important; }
}
@media screen and (max-width: 650px) {
  #slider { height: 270px!important; }
  #slider div img { height: 270px!important; }
}
@media screen and (max-width: 600px) {
  #slider { height: 250px!important; }
  #slider div img { height: 250px!important; }
}

@media screen and (max-width: 550px){
  #prihl_kos { display: none; }
  #eshop_razeni { display: none; }
  .eshop_produkt { padding-left: 6.5%; padding-right: 6.5%; }
  #slider { height: 229px!important; }
  #slider div img { height: 229px!important; }
}

@media screen and (max-width: 500px) {
  #slider { height: 208px!important; }
  #slider div img { height: 208px!important; }
}
@media screen and (max-width: 450px) {
  #slider { height: 187px!important; }
  #slider div img { height: 187px!important; }
}
@media screen and (max-width: 400px) {
  #slider { height: 166px!important; }
  #slider div img { height: 166px!important; }
}
@media screen and (max-width: 350px) {
  #slider { height: 146px!important; }
  #slider div img { height: 146px!important; }
}
@media screen and (max-width: 300px) {
  #slider { height: 125px!important; }
  #slider div img { height: 125px!important; }
}
@media screen and (max-width: 250px) {
  #slider { height: 104px!important; }
  #slider div img { height: 104px!important; }
}
@media screen and (max-width: 200px) {
  #slider { height: 83px!important; }
  #slider div img { height: 83px!important; }
}


#map_canvas { width: 100%; height: 600px; 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%; }