/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

body {background-repeat: repeat-x; font-family: "Titillium Web", "Helvetica", "aArial"; color: #000; font-size: 16px;}
form{margin: 0 !important;}
.formular p {overflow: auto;}
p {margin-bottom: 12px;}

.hide2show, .chief2hide2show, .vicekurzu {display: none;} 
.namesurname{display: none !important;}
#odeslatzpravu textarea {width: 100%;}

a, a:active, a:visited, a:active, a:visited{color: #000;}



#logo img, .logo img, #footer img{max-width: 100%;  display:block; margin: 0; }
#logo, .logo {width: 195px; float: left; height: 62px; padding-top: 19px; margin-right: 10px; /*140*/ margin-left: 15px;}

nav { margin: auto; background-color: #fff; overflow: auto; font-size: 15px; height: 100px; line-height: 100px; font-weight: bold; }
#fixed-menu { margin: auto; background-color: #fff; overflow: auto; font-size: 15px; height: 100px; line-height: 100px; font-weight: bold;}
nav a, #fixed-menu a, nav a:visited, #fixed-menu a:visited {text-decoration: none; padding-bottom: 20px; color: #6b6b6b; display: block;}
nav a:hover, #fixed-menu a:hover, nav a:active, #fixed-menu a:active, .aktivni  {color: #000 !important; background-image: url(../design/aktivni.png); background-repeat: no-repeat; background-position: bottom center;}

nav ul li {float: left; line-height: 100px; margin-left: 30px; margin-bottom: 0;}
nav ul#menu li {float: left; line-height: 1.2; text-align: center; margin-left: 30px; margin-top: 30px; margin-bottom: 0;}

#fixed-menu ul li {float: left; margin-left: 30px; margin-bottom: 0; margin-top: 30px; text-align: center;}
nav ul li img, #fixed-menu ul li img { vertical-align: middle; display: inline-block;}
#fb {background-image: url(../design/fbinactive.png); background-repeat: no-repeat; background-position: top center !important;}
#fb img{width: 30px;vertical-align: middle;}
#fb:hover {background-image: url(../design/fb.png) !important; }

#fixed-menu-nav {background-color: #fff; width: 100%; position: fixed; top: 0; z-index: 1001; border-bottom: 1px solid #b2b2b2;}
#fixed-menu-nav .logo {padding-top: 19px !important;}

h1, h2 {color: #d52b1e; font-size: 43px; font-weight: bold; margin-top: 30px; margin-bottom: 15px;}
h1 img {margin-right: 90px; margin-bottom: 35px;}
.lektordetail #mce img.vpravo {margin-left: 90px; margin-bottom: 35px;}

#aktuality-vypis h2 {font-size: 20px; margin-bottom: 10px; padding: 0; line-height: 1.2;color: #000;}
#aktuality-vypis span {font-size: 14px; font-weight: normal; color: #000; display: block;}
#aktuality-vypis p {margin: 0; padding: 0; margin-bottom: 20px;}
#aktuality-vypis h2 a {text-decoration: none; color: #000;}
#aktuality-vypis a {text-decoration: underline; color: #d52a20;}
#aktuality-vypis h2 img {float: left; margin-right: 20px; margin-bottom: 30px;}
#aktuality-vypis img {max-width: 100%;}

.container.fotogalerie {margin-bottom: 0px; padding: 0 !important; padding-bottom: 30px !important; }
.fotogalerie h2{font-size: 34px; margin: 0; margin-top: 40px; text-align: center; text-transform: uppercase;}
.fotogalerie h2 a{color: #d52b1e; text-decoration: none;}
.fotogalerie p{font-size: 15px;  font-weight: bold; text-align: center; margin-bottom: 30px;}

.fotogalerieuvod h3{font-weight: bold; color: #d52b1e;font-size: 22px; margin: 0; text-transform: uppercase;}
.fotogalerieuvod h3 span{font-size: 18px;  font-weight: bold; color: #000; display: block; text-transform: none;}

.strankovani a{ display: inline-block; width: 25px; height: 25px; line-height: 25px; color: #565656; background-color: #f0f0f2; border: 1px solid #d6d6d8; text-align: center; text-decoration: none;}
.strankovani a:hover, .strankovani a.current{color: #565656; background-color: #e2e2e2; border: 1px solid #7d7e82; }
.textvpravo {text-align: right;}


#dalsikurzy {background-color: #f4f4f4; color: #000; height: 60px; font-size: 24px; font-weight: normal; line-height: 60px; margin-bottom:40px;}
#detail, #nabidka-sluzeb {background-color: #d52b1e; color: #fff; height: 60px; font-size: 45px; font-weight: bold; line-height: 60px;}
#detail a{color: #fff; text-decoration: none;}
.zpetnaseznam {font-size: 20px; line-height:50px; text-align: right; font-weight: normal;}
.sipka {font-size: 28px; margin-top:5px; font-weight: bold;}

.chief{width:232px; /*height:349px;*/ display: block; position: relative; float: left; margin: 0px 18px 0px 18px;}

.allchiefs{margin-top: 30px;}
.allchiefs .chief{margin-left: 0px !important; margin-right: 8px !important; margin-bottom: 40px;}

.jmeno {position: absolute; height: 50px; left: 0px; top: 299px; width: 232px; text-align: center; background:rgba(202,0,0,0.8); color: #fff; font-size: 18px !important; font-weight: bold; text-align: center; line-height: 50px;}
.viceokuchari{background-color: #efab00; color: #fff; text-align: center; text-decoration: none;  display:  block; width: 232px; height: 30px; line-height: 30px; font-size: 13px; margin-top: 5px;}
a.viceokuchari:visited{color: #fff;}
.chief2hide2show{border-bottom: 1px solid #dedfda;border-top: 1px solid #dedfda;border-left: 1px solid #dedfda;border-right: 1px solid #dedfda; padding: 28px;}
.chief2hide2show ul li, .nbs ul li {list-style: square; line-height: 1.2; margin-bottom: 0; margin-left: 30px;}
.sel{background-color: #dedfda; color: #fff;}

.nbs {padding-top: 40px; font-size: 17px;margin-bottom: 40px;}
.nbs strong {font-size: 18px; margin-bottom: 40px !important; display: block;}
.nbsimg img {width: 460px; margin-bottom: 20px;}
.tucne{font-weight: bold;}

#odeslat, .odeslat {background-color: #fff !important; color: #000 !important;  width: 190px !important; height: 30px !important; line-height: 30px !important; font-weight: bold; font-size: 14px !important;border:0 !important; padding: 0 !important; text-shadow:0 !important; float: none !important;} 

#click2top{display: block; width: 50px; height: 50px; background-image: url(../design/top.png); background-position: center center; position: fixed; right: 30px; bottom: 30px;}


.slikuch .bx-wrapper .bx-viewport  {background-color: #f4f4f4 !important; }
.bxsliderk li {overflow: auto; margin-left: 78px;}
.bxslidergal li img {margin: 0; padding: 0;}
.bxslidergal li  a{ display: inline-block; float: left; height: 160px;}
.bxnoslidergal li{margin: 0;}


#nvk {width: 375px; line-height: 30px; border: 1px solid #000; text-align: center;}
#nvk a {text-decoration: underline; color: #d52b1e;}



.desaturate img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */ 
    /*margin: 10px 10px;*/
}

.desaturate img:hover {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}


/* #Page Styles
================================================== */
#mce ul li, #aktuality-vypis ul li {list-style: disc !important; margin-left: 25px; line-height: 1;font-size: 18px;}
#mce ul li ul li, #aktuality-vypis ul li ul li{list-style: circle !important;}
#mce p{font-size: 18px;}

#uvod {}
.container{padding-bottom: 30px;}
.posledni{padding-bottom: 0 !important;}
#header, #fixed-menu-nav-in { margin: auto;  max-width: 960px;}
#partnerifull {background-color: #f4f4f4; color: #757676; font-size: 15px; padding-top: 20px; }


#footerfull {background-color: #454545; color: #fff; font-size: 14px; padding-top: 50px; padding-bottom: 30px;}
#footerfull a {color: #fff; text-decoration: none;}
#footerfull a:hover {text-decoration: underline;}
#shot {border-top: 1px solid #5c5c5c; padding-top: 30px; font-size: 12px; margin-top: 30px;}
#footerfull h5 {border-bottom: 1px solid #5c5c5c; font-weight: bold; margin:0; margin-bottom: 25px; padding: 0; padding-bottom: 5px; color: #fff; font-size: 15px;}
#footerfull ul {margin-bottom: 0; list-style: square; color: #d52b1e; margin-left: 15px;}
#footerfull li {margin-bottom: 3px;}



#loginform {border-top: 5px solid #d52b1e; border-bottom: 1px solid #6b6b6b; }
#loginform .container{padding-bottom: 0px !important; line-height: 40px;}
#odkazy {font-size: 13px; text-align: right; padding-right: 35px;}
#odkazy a {text-decoration: none;}
#odkazy a:hover {text-decoration: underline;}

#lgf input {line-height: 1; border: 1px solid #bfbfbf  !important; padding:0 !important; width: 300px; height: 19px !important; font-style: italic; color: #000 !important; box-shadow: none; margin: 0  !important; margin-top:8px !important; border-radius: 0px !important; background-image: url(../design/lupa.png); background-repeat: no-repeat; background-position: center right; padding-left: 5px !important;}

a.social {display: inline-block; width: 25px; height: 25px; margin-right: 5px; background-image: url("../design/social.png?ins"); background-repeat: no-repeat; position: relative; top: 8px; }
a.social:hover {background-image: url("../design/socialactive.png?ins");}

.facebook {background-position: 0px 0;margin-left: 20px;}
.twitter {background-position: -30px 0;}
.gplus {background-position: -60px 0;}
.instagram {background-position: -90px 0;}

.reference { border-bottom: 1px solid #e5e5e5; overflow: auto; padding-bottom: 20px; margin-top: 20px;}
.reference h4 img{float: right; padding-top: 15px;}
.reference p {width: 60%;}

#header-foto{width: 100%; margin: auto;}
.bxsliderfoto li img{ width: 100% !important; margin: 0;}


div.hr {
  height: 1px;
  background-color: #dedfda;
  margin: 0 0 30px;
  clear: both;
}

div.hr hr {
  display: none;
}

.vysledekhledani {}
#filtrhledani {border-top:1px solid #000; border-bottom:1px solid #000; line-height: 55px;}
#filtrhledani a {font-weight: bold; font-size: 18px; text-decoration: none; margin-right: 40px;}
#filtrhledani a:hover, #filtrhledani a.act {border-bottom: 5px solid #d52b1e;}
#sf {overflow: auto; margin-top: 15px; margin-bottom: 0px;}
#sf input {margin-right: 5px;}
#sf input.sft {height: 19px;}
.vysledekhledani a{color: #d52b1e;}
.vysledekhledani h2{border-bottom: 1px solid #dedfda; color: #000; font-size: 19px;}

.nahledobr {max-width: 475px; float: right !important;; margin: 0 0 20px 20px !important;}
.cistic {clear: both;}

.uhrada {padding-top: 150px; margin-bottom: 150px;}

.skryte{visibility: hidden; display: block; width: 163px; height: 250px;  padding: 85px 30px 0px 30px; margin-bottom: 30px; background:rgba(202,0,0,0.8); color: #fff; font-size: 14px; }
#sc3 .skryte, #sc1 .skryte {padding-top: 45px !important; height: 290px !important;}
.skrytedomky{visibility: hidden; display: block; width: 677px; height: 139px;  padding: 85px 30px 0px 30px; margin-bottom: 30px; background:rgba(202,0,0,0.8); color: #fff; font-size: 14px; float: left;}

#mapa {background-image: url(../design/mapa.png); background-position: top center; width: 100%; height: 381px; }
#mapa iframe{width: 100%; height: 381px; pointer-events: none; margin-bottom: 0;}
iframe{max-width: 100%; margin-bottom: 30px;}

.tlacitko {display: block; height: 30px; line-height: 30px; width: 145px; text-align: center; text-decoration: none; margin: 2px 0px;}
a.tlacitko:hover, a.tlacitkodlouhe:hover, a.viceokuchari:hover {background-color:#c30000 !important; color: #fff;}


.tldlpokrnapk {display: block; height: 30px; line-height: 30px; width: 175px; text-align: center; text-decoration: none; margin: 2px 0px; background-color: #6b6b6b; color: #fff !important;}


.tlacitkodlouhe {display: block; height: 30px; line-height: 30px; width: 232px; text-align: center; text-decoration: none; background-color: #d52a20; color: #fff !important;}
.tlacitko.cervene {background-color: #d52a20; color: #fff;}
.tlacitko.oranzove {background-color: #efab00; color: #fff;}
.tlacitko.sede {background-color: #dedfda; color: #fff;}

.obsazeno {color: #d52a20;}
.zvl{margin-top: 10px !important; }


.sede-pozadi {background-color: #f4f4f4; color: #000;}
.sede-pozadi-prouzek {border-bottom: 10px solid #f4f4f4; color: #000;}

.docervena h1 {width: 100%;}
.docervena h1 img {float: right; margin:0; margin-left: 40px;}
.docervena strong {font-weight: normal; color: #d52a20; }
.docervena p {font-size: 18px; margin-bottom: 30px;}
.docervena p.tla { padding-top: 30px;}
.docervena .tlacitko {width: 300px;}

.vzdelavani h2 {color: #000; font-weight: bold; line-height: 1.2; font-size: 35px;}
.vzdelavani p {font-size: 18px; margin-bottom: 30px;}
.zelene{color: #48ae35;}
.nastred {text-align: center;}
.uprostred{margin: auto;}

input.error {/*float: left;*/}
label.error {color: #d52a20 !important; /*float: left !important;*/ margin-left: 5px; margin-top: -20px; margin-bottom: 10px; clear: both;}




#registracniformular label.error {color: #d52a20 !important; display: inline !important; margin-left: 5px;margin-top: -20px;  clear: both;}

#vysledek strong{color: #d52a20 !important; margin-bottom: 20px; display: block;}
.sixteen.columns input, .sixteen.columns textarea {float: left;}
.double textarea {width: 420px; margin-top: 30px;}


label#souhlas_s_op-error.error {display: inline !important;}
label.labelvetsi {font-size: 16px; }

#divemailform {line-height: 30px; float: right; width: 75%;}
#divemailform span {display: inline-block; float: left; margin-right: 15px; text-transform: uppercase; color: #d52b1e; font-weight: bold;}
#divemailform input {/*margin-right: 15px;*/ height: 18px;}
#divemailform #email-error {display: inline !important;}

#jak_se_dozvedeli {display: inline-block !important; margin-left: 10px;}


.odber {display:inline-block !important;; float:left !important; background-color: #6b6b6b !important; color: #fff !important; margin: 0; border:1px solid #6b6b6b !important;}
.tlacitkobile {background-color: #fff; border:1px solid #6b6b6b;  color: #000; text-transform: uppercase; text-decoration: none; padding: 0 5px; float: left;}

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

.ko p{float: left; width: 18%;}
.ko p.dad {width: 36%;  font-size: 14px;}
.ko p .facebook {margin-left: 0px;}
.ko p.ko1{width: 62% !important;}
.ko p.ko1 img{  float: left; margin-right: 30px;}

.odskok {margin-top: 30px;}

p.nejnovejsi span { line-height: 35px;}
.nejnovejsitlac .tlacitko {float: left !important; margin-right: 10px;}

.vetsi a, .velke a {text-decoration: none;}
.vetsi a {text-decoration: none;  color: #d62b21 !important;}
.vetsi {font-size: 32px; font-weight: bold;}
.velke {font-size: 25px; font-weight: bold;}
.anotace {font-size: 18px;}
.mensi {font-size: 16px; font-weight: bold; text-transform: uppercase;}

#vypis-kurzu table, .vypis-kurzu table{width: 100%;border-collapse: separate;}
#vypis-kurzu table td, .vypis-kurzu table td{	vertical-align: middle; height: 90px; border-bottom:1px solid #dedfda; padding: 10px 0px; padding-bottom: 5px;}


#calendar {max-width: 345px; background-color: #dcdcdc; padding: 10px; float: left; border:1px solid #c4c4c4; margin-right: 105px;margin-bottom: 40px;}

#vypis-kurzu table td.mesice, .vypis-kurzu table td.mesice {background-color: #6b6b6b; line-height: 60px; font-size: 23px; color: #fff; height: 60px !important; padding: 0 !important;}
#vypis-kurzu table td.mesice span, .vypis-kurzu table td.mesice span {padding-left: 30px !important;}


.td1 img {height: 90px;}
.td1 {width: 11%; }
.td2 {width: 15%;}
.td3 {width: 28%;}
.td4 {width: 14%; padding-left: 1%;}
.td5 {width: 8%;}
.td6 {width: 8%;}
.td7 {width: 15%; text-align: right;}
.td7 .tlacitko {display: inline-block !important;}




.td3 a, .td4 a {text-decoration: none !important;}
.td3 a:hover, .td4 a:hover {text-decoration: underline !important;}

select#lektor {display:  inline !important; }

#partnerifull .nastred {}
#partnerifull a{text-decoration: none; display: inline-block; margin: 0px 15px 30px;;}


#gp {background-image: url(../design/partneri/GP-bw.png); width: 171px; height: 63px; background-position: top left;}
#gp:hover {background-image: url(../design/partneri/GP-barva.png);}
#gtv {background-image: url(../design/partneri/GTV-bw.png); width: 171px; height: 63px; background-position: top left; background-repeat: no-repeat;}
#gtv:hover {background-image: url(../design/partneri/GTV-barva.png);}
#ku {background-image: url(../design/partneri/ku-bw.png); width: 103px; height: 63px; background-position: top left;}
#ku:hover {background-image: url(../design/partneri/ku-barva.png);}
#lp {background-image: url(../design/partneri/lp-bw.png); width: 248px; height: 63px; background-position: top left;}
#lp:hover {background-image: url(../design/partneri/lp-barva.png);}


#hm {background-image: url(../design/partneri/HoldMaker-bw.png); width: 295px; height: 80px; background-position: top left; background-position: center center; background-repeat: no-repeat;}
#hm:hover {background-image: url(../design/partneri/HoldMaker-barva.png);}


#in {background-image: url(../design/partneri/inGastro-bw.png); width: 144px; height: 80px; background-position: top left;background-position: center center; background-repeat: no-repeat;}
#in:hover {background-image: url(../design/partneri/inGastro-barva.png);}

#toji {background-image: url(../design/partneri/Tojiro_web-Kuliner_bw.png); width: 76px; height: 80px; background-position: top left;}
#toji:hover {background-image: url(../design/partneri/Tojiro_web-Kuliner_barva.png);}

#po_kod_res {margin-left: 15px;}

/* eshop*/
.kosiksoucet {}
a.kosiksoucet {font-size:15px; font-weight: normal; border:1px solid #ccc; padding: 10px;background-image: url(../design/kosik.png); background-repeat: no-repeat; background-position: 96% center; padding-right: 50px; line-height: 1; display: block; margin: 0; margin-top:10px; float: right;}
a.kosiksoucet span { font-weight: bold;}

.eshopmenu ul li {background-color: #d52b1e;margin-bottom: 5px; color: #fff;padding: 8px 5px 8px 40px; background-image: url(../design/kategorie.png); background-repeat: no-repeat; background-position: 8px 3px; font-size: 13px; line-height: 15px; font-weight: bold;}
.eshopmenu ul li.aktivnisekce {background-image: url(../design/kategorieaktivni.png);}
.eshopmenu ul li ul li.aktivnisubsekce a {text-decoration: underline !important;}
.eshopmenu ul li a {text-decoration: none; color: #fff;}
.eshopmenu ul li ul {padding: 0px; margin: 0; margin-left: 15px;}
.eshopmenu ul li ul li {font-weight: normal; list-style: square; background-image: none !important; padding: 8px 0px; margin: 0 !important;}
.eshopmenu ul li ul li a:hover {text-decoration: underline;}

.eshopzbozi {width: 715px !important; margin-left: 5px !important;}
.drobecky, .drobecky a { font-size:13px; line-height:40px; color: #989898;}
.orez {max-height: 60px !important;}

.potrech {width: 230px; height:283px; overflow:hidden; float: left; margin:1px; margin-right: 5px; border:1px solid #d52b1e;  box-sizing:border-box;}
.potrech:hover {box-shadow: 0px 0px 10px #888;}
.potrech .obr {height: 150px; border-bottom: 1px solid #d52b1e; margin: 0 5px; text-align: center; padding-top: 5px;}
.potrech .obr img {max-width: 218px; max-height: 150px;}
.potrech .nazev {height: 65px; overflow:hidden; padding: 5px 5px; font-size: 13px; text-transform: uppercase;}
.potrech .nazev a {text-decoration: none;}
.potrech .cenakosik {padding: 0 5px;  font-weight: bold; color: #d52b1e;}
.potrech a.kosik {display: block; border:1px solid #d52b1e; color: #d52b1e; padding: 5px; float: right; margin-right: 5px;  font-weight: bold; margin-bottom: 5px !important; text-decoration: none;}
.potrech a.kosik:hover {background-color:#d52b1e; color: #fff;}

.ovf {overflow: auto; padding-bottom: 10px;}
.razeni {display: inline-block; float: left; color: #6b6b6b;}
.razeni label {display: inline; font-weight: normal; font-size: 14px; text-decoration: underline; font-family: "Titillium Web"; font-size: 15px; vertical-align: text-top; }
.razeni input {margin-left: 18px;}
table#nakupnikosik, table.nakupnikosik {width: 100%;}
table#nakupnikosik .hdr, table.nakupnikosik .hdr {background-color: #6b6b6b; height: 30px; line-height: 30px; color: #fff; font-weight: bold; border:0;}
table#nakupnikosik tr, table.nakupnikosik tr {border-bottom: 1px solid #6b6b6b; height: 60px; }
table#nakupnikosik tr td, table.nakupnikosik tr td{padding-left: 10px; line-height: 30px; vertical-align: top;}
.vrbk {width: 60%; padding:0; margin:0; line-height: 30px !important;}
table#nakupnikosik tr td input, table.nakupnikosik tr td input{width: 30px !important;  text-align: center;  display: block; margin:0px;  float:left; margin-top: 3px;}
.rcfc img, .goodsremove img {display: inline-block; margin-top: 3px;}
.cc{ text-align: right; }
.cctr{border:0 !important;}

.nakupnikosik td:nth-of-type(1) {width: 60%;}
.nakupnikosik td:nth-of-type(2) {width: 20%;}

#kosikkurzy {color: #d52b1e; font-weight: bold; background-image: url(../design/kosikkurzy.png); background-repeat: no-repeat; background-position: center right; padding-right: 35px; text-align: right;}
#kosikkurzy a{color: #d52b1e; text-decoration: none;}


.fotky {width: 390px; float: left;}
.fotky img {max-width: 372px;}
.mrimg{margin-right: 4px;}
.popisky {width: 325px; float: left; padding-bottom: 35px; overflow: auto;}
.popisky h1 {line-height: 1; margin:0; margin-bottom:40px; font-size: 25px;}
.zvyrazneni {border:1px solid #d52b1e; overflow: auto; padding: 20px; margin-bottom: 40px;}
.sdph {border-bottom: 1px solid #d52b1e; padding-bottom: 20px; margin-bottom: 20px; font-size: 20px;}
.sdph strong {font-size: 25px;}
.mnz {margin-bottom: 20px; font-size: 25px; line-height: 40px; font-weight: bold;}
.mnz span {display: block; float: left; width: 40px;}
.ofs {background-color: #d52b1e; color: #fff !important; text-decoration: none;font-weight: bold; display: block; height: 40px; width: 180px; float: right; text-align: center;}
.ofs:hover {background-color: #c30000;}
.popisky input {line-height: 40px; border:1px solid #000; font-size: 25px; text-align: center; width: 40px; float: left; padding: 0;font-weight: bold; color: #000; margin-right: 10px;}
.mce {clear: both;}
.mce h3 {color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 5px !important; line-height: 1.5; padding: 5px; text-transform:uppercase; background-color: #6b6b6b; margin: 20px 0 !important; padding-left: 15px;}
.mce p{clear: both; margin-bottom: 20px !important; }
.mce div.sedepole {background-color: #f1f1f1; padding: 15px;}
.mce ul li {list-style: disc !important; margin-left: 25px; line-height: 1;font-size: 16px;}

.cat2imgdiv{overflow: auto; padding-bottom: 30px;}
.cat2img{display: block; width: 230px; height: 130px; float: left; margin-right: 4px; margin-bottom:4px; position: relative; border:1px solid #d52b1e;}
.cat2img img{}
.cat2img span{position: absolute; bottom: 0px; display: block; background:rgba(255,255,255,0.5); width: 100%; color: #000; text-align: center;}

.vdk {background-image: url(../design/dokosiku.png); background-repeat: no-repeat; background-position: top left; padding-left: 70px; padding-top:20px; min-height: 100px;background-image: url(../design/dokosiku.png); background-repeat: no-repeat; background-position: top left;}
.vdk p {text-align: center;}
.pulka {width: 50%; float: left;}
.uhradauspesna{ border: 1px solid #6b6b6b; padding: 45px 25px 45px 240px; background-image: url(../design/zaplaceno.png); background-repeat: no-repeat; background-position: 70px center; font-weight: bold; font-size: 21px; line-height: 1.2;}

.vdkkurzy {background-image: url(../design/dokosiku.png); background-repeat: no-repeat; background-position: center left; padding-left: 70px; padding-top:00px; width: 30%; max-width: 100%; line-height: 1;}
.vdkkurzy p {margin: 0; padding: 0;}

/* #eshop */


/*nove objednavani*/

#basket {position: fixed; left: 0; top: 50%; width: 150px; height: 150px; border:1px solid red;}
#addbasketresult {white-space:pre;}
/*#nove objednavani*/

/* #Media Queries
================================================== */
	.slicknav_menu {display: none;}
	ul.slicknav_nav li a br {display: none;}
	ul.slicknav_nav li a.aktivni {background-image: none; color: #fff !important;}
	ul.slicknav_nav li a.aktivni:hover {color: #222 !important;}
	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		body {background-image: none;}
		nav h1 {display: block; float: none; max-width: 100%; text-align: center;}
		nav ul{margin: auto; margin-top: 30px;}
		nav ul li {float: left; line-height: 1; width: 14%; margin: 0; text-align: center; }
		.container img {max-width: 98%; margin: 0 1%;}

		.ko p{width: 100%;}
		.ko p.ko1{width: 100% !important;}
		.ko p.ko1 img{  float: none; width: 100%;}
		
		.bxslider li {overflow: hidden; margin-left: 0px;}
		.bxslider li img{ width: 100%; margin: 0;}
		.jmeno {position: relative; top: 0% !important; width: 100%; text-align: center; background:rgba(202,0,0,0.8); color: #fff; font-size: 18px !important; font-weight: bold; height: 40px;   line-height: 18px !important;}

		.viceokuchari{background-color: #efab00; color: #fff; text-align: center; text-decoration: none;  display:  block; width: 100%; line-height: 15px !important; height: auto !important; min-height: 30px; font-size: 13px; margin-top: 5px;}

		.chief{width:31%; display: block; position: relative; float: left; margin: 0px 1% 0px 1%;}
		.sel{  background-color: #dedfda;  color: #ffffff;}


		
		.bxsliderk li {overflow: hidden; margin-left: 3px;}
		.container .bxsliderk li img {margin: 0;}
		.fotogalerieuvod img{max-width: 23%; }
		.bxslidergal li a{ display: inline; float: left; height: auto; max-width: 25%; }
		
		.eshopzbozi {width: 100% !important;}
	 	.fotky {width: 100%;}
	 	.zvyrazneni {max-width: 100%;}
	 	.ofs {font-size: 20px;}
		.fotky img {max-width: 100%;}
		#divemailform{float: none; width: 100%; overflow: auto;}
		#divemailform span {display: block; float: none;}
		#divemailform input {width: 50%; margin-right:1%; float: left;}
		.slicknav_menu {display: block;}
		nav ul {display: none;}	
		#nvk {max-width: 100%;}
		#odkazy {padding-right: 5px; width: 100%;}
		#lgf input {width: 100%;}
}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
		table.kurzytab, table.kurzytab td, table.kurzytab tr {display: block;}
		table.kurzytab tr {border: 1px solid #ccc; }
		table.kurzytab td {border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 2%;width: 98% !important; height: auto !important;}
		table.kurzytab tr.brv:nth-of-type(odd) { background: #eee;}
		table.kurzytab table .tlacitko{width: 98% !important;}
		
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.tretina {margin: 0 !important;}
		.tretina input, textarea{width: 96%;}
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		.tretina {margin: 0 !important;}	
		.tretina input, textarea{width: 96%;}
		table {overflow-x: auto; display: block;} 
		td {vertical-align: top;}
		.ko p.ko1 img {margin-right: 0;}
		.chief{width:47%; display: block; position: relative; float: left; margin: 0 1% 0 1% !important;}
		#calendar {width: 100% !important; margin-right: 0;}	
	}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

