/* --------------------- OBECNÉ -------------------------- */
body {background-color: #fff; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 100%; color: #34191a; position: relative;}
html, body {height: 100%;}

a {color: #f89b4c; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; -webkit-transition: all .25s ease-in; transition: all .25s ease-in;}
a:hover {color: #fc7401; text-decoration: none;}
img.ramecek {background-color: #fff; padding: 9px; border: 1px solid #ffeecf;}

a.tlacitko {/*background: #cc4300;*/ display: inline-block; width: 197px; height: 45px; padding: 10px 0 0; text-decoration: none; color: #ffedcf; text-align: center;}
a.tlacitko:hover {/*background: #a50e06;*/ color: #ffedcf;}

h1, h2.h1 {font-family: 'Open Sans Condensed', sans-serif; color: #b42025; font-size: 2em; /*36/18*/ line-height: 1.1em; padding: 10px 0 17px;}
h2 {font-family: 'Open Sans Condensed', sans-serif; font-size: 1.777777777777778em; /*32/18*/ line-height: 1.2em; padding: 6px 0 20px 0;}
h3 {color: #8d1f23; font-size: 1.388888888888889em; /* 25/18 */ padding: 5px 0 20px 0; font-weight: 600; line-height: 1.1em;}
h4 {font-size: 1.333333333333333em; /* 20/18 */ padding: 0 0 8px 0; font-weight: 600;}
.uvodni h1 {text-align: center;}

hr {border: 0; height: 0; border-top: 2px dotted #ccc; margin: 15px 0 30px;}

/* -------------------- ZÁKLADNÍ ROZVRŽENÍ -------------------- */
.webObal {width: 100%; position: relative; height: auto; min-height: 100%;}
#web {padding-bottom: 87px;}

.uvodni header {display: none;}
header {background: #ffeecf;}
.headerIn {max-width: 1300px; margin: 0 auto; text-align: left;}

.carousel {position: relative; overflow: hidden; max-height: 720px;}
img.carouselFoto {width: 100%!important; left:0px!important; top:0px!important; height:auto!important;}
.carouselText {width: 100%!important; max-width: 1300px; text-align: left; /*font-size: 3em!important;*/ line-height: 1.2em!important; margin: 0 auto!important; position: relative; bottom: 67px!important; height: 100%!important;}
.carouselText p {background: rgba(255, 255, 255, .8);  position: absolute; left: 0; bottom: 0; display: inline-block; max-width: 920px; padding: 14px 56px 20px; border-radius: 4px; color: #34191a;}
.br-cpanel-wrapper {bottom: 35px!important;}
.br-thumbnails ul li.br-bullet {background: #414141; display: inline-block; width: 28px; height: 28px; margin: 0 6px; border-radius: 50%; cursor: pointer; opacity: 1;}
.br-thumbnails ul li.br-bullet:hover, .br-thumbnails ul li.br-curr {background: #cc4300!important;}
.br-thumbnails ul li.br-curr {cursor: default;}

.obsahObal {font-size: 1em; /*16/16*/ line-height: 1.277777777777778em; padding: 25px 0 20px 0; /*text-align: left;*/}
.ikonyObal {padding-bottom: 0;}
.obsah {max-width: 1300px; margin: 0 auto; padding: 0 20px;}

.novinkyUvod, .barevny {background-color: #ffeecf;}

footer {background: url(../images/footer.jpg) no-repeat #000; background-size: cover; font-size: .875em; /*14/16*/ position: absolute; bottom: 0; left: 0; width: 100%; height: 87px;}
.footerObsah {max-width: 1300px; margin: 0 auto; padding-top: 34px; min-height: 87px;}
.footerObsah a {color: #b42025;}

p.nahoru {position: fixed; right: 0; bottom: 43px;}
p.nahoru a {background: #f89b4c url(../images/sipka.png) no-repeat center center; display: inline-block; width: 50px; height: 50px;}
p.nahoru a:hover {background-color: #fc7401; text-decoration: none;}

/* ----------------- MENU ------------------- */
nav {position: relative;}
.navIn {max-width: 1320px; margin: 0 auto; position: relative;}
ul.menu {list-style-type: none; font-size: 1.125em; /*18/16*/ line-height: 1.125em;}
ul.menu li {display: block; padding: 1px 0 0; position: relative;}
ul.menu li a, ul.menu li span {background-color: #b42025; display: block; text-align: left; text-decoration: none; color: #ffedcf; padding: 13px 25px 12px; position: relative;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {background-color: #34191a; color: #ffedcf;}

ul.menu2 {display:none; width: 100%; padding-left: 6px;}
ul.menu2 li {display: block; padding: 0; border: none;}
ul.menu2 li a, ul.menu2 li span {background-color: #8d1f23; display: block; text-align: left; color: #ffedcf; padding: 13px 19px 12px; border-bottom: 1px solid #ffeecf;}
ul.menu2 li:last-child a, ul.menu2 li:last-child span {border: none;}

ul li:not(.liNotHover):hover ul.menu2 { /*opacity:1;*/ display: inline-block;}

a.toggle-nav {background: #34191a url(../images/menu-mobil-symbol.png) no-repeat center center; display: block; padding: 20px 25px 0px; height: 62px; font-size: 1.5em; /*24/16*/ line-height: 27px; text-decoration: none; color: #fff; text-align: left; text-transform: uppercase;}
a.toggle-nav span {visibility: hidden;}

ul.responsiveMenuActive {display: none;}
a.toggle-nav {display: block;}

/* ----------------- elementy HEADER ------------------- */
#logo {text-align: center; padding: 28px 0 23px 0;}
#logo img {width: 92%; max-width: 719px;}

.online {text-align: center; padding: 0 0 15px;}
.online img {padding: 0 6px; height: 41px;}

/* ----------------- elementy .kontaktni ------------------- */ 
.kontaktni h3 {margin: 0; padding: 0 0 10px; color: inherit; font-size: 1.333333333333333em; /*24/18*/ font-weight: 600;}
table.tOtevreno {margin: 0 auto 24px;}
table.tOtevreno td {padding-right: 30px; text-align: left;}

/* ----------------- obsah UVODNI STRANKY ------------------- */
.ikony div {text-align: center; margin: 20px 0;}
.ikony h2 {font-size: 1.666666666666667em; /*30/18*/ padding: 0; margin: 0;}
.ikony a {display: block; text-decoration: none; color: #ff5400; margin: 0 auto;}
.ikony a:hover {color: #a50e06;}
.ikony a span {background: #ff6d2c url(../images/ikona1.png) no-repeat center -3px; border: 3px solid #ff5400; display: block; width: 196px; height: 196px; border-radius: 50%; margin: 0 auto 24px; transition: transform 1s;}
.ikona2 a span {background-image: url(../images/ikona2.png);}
.ikona3 a span {background-image: url(../images/ikona3.png);}
.ikony a:hover span {background-color: #a50e06; border-color: #a50e06;}

.ikony a span {-webkit-transform: translateZ(0); /*transform: translateZ(0);*/ box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.ikony a:hover span {-webkit-animation-name: hvr-buzz-out; animation-name: hvr-buzz-out; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: linear;
  animation-timing-function: linear; -webkit-animation-iteration-count: 1; animation-iteration-count: 1;}

.novinkyUvod {text-align: left;}
.novinkaUvod {display: table; width: 100%;}
.novinkaUvod h3, .novinka h3, .clanek h3 {color: #b42025; margin: 0; padding: 0 0 6px;}
.novinkaUvod h3 a, .novinka h3 a, .clanek h3 a {color: #b42025;}
.novinkaUvod h3 a:hover, .novinka h3 a:hover, .clanek h3 a:hover {color: #8d1f23;}
.novinkaUvod .datum {display: table-cell; vertical-align: top; width: 82px;}
.novinkaUvod .datum p {background-color: #b42025; width: 62px; height: 62px; padding: 14px 0 0; border-radius: 50%; color: #fff; text-align: center; font-size: .8888888888888889em; /*16/18*/ line-height: 1em; margin: 2px 20px 0 0;}
.novinkaUvod article {display: table-cell; vertical-align: top;}
.novinkaUvod .datum span {display: block; font-size: .875em; /*14/18*/}

.justified-gallery {margin: 5px 0 13px;}
.justified-gallery > a > .caption, .justified-gallery > div > .caption {padding: 8px 15px; background: rgba(255, 255, 255, .85); color: #111!important; font-size: 1em; /*18/16*/ line-height: 1.2em;}
.justified-gallery a {color: #111!important;}

table.tErby {width: 100%;}
table.tErby td {font-size: 1.166666666666667em; /*20/18*/ color: #b42025; text-align: center;}
table.tErby td p {padding: 7px 15px;}

/* ---------------------------------------------------- */
.obsah p {padding-bottom: 1.3em;}
.obsah p.right {text-align: right;}
.obsah ul, .obsah ol {padding-bottom: 1.2em; text-align: left; margin-left: 32px;}
.obsah ul, .obsah ul ul {list-style-type: none;}
.obsah ol ul, .obsah ul ul {padding-bottom: 0;}
.obsah ul li, .obsah ul ul li {background: url(../images/odrazka.png) no-repeat 2px 11px; padding: 0 0 0 39px; overflow: hidden;}
.obsah ul ul {font-size: 1em;}
.obsah ol {margin-left: 32px;}


/* ------------------- VNITRNI STRANKY -------------------- */
.sluzba1 .obsahObal {background: #fff url(../images/sluzba1-bg.png) no-repeat center top;}
.sluzba2 .obsahObal {background: #fff url(../images/sluzba2-bg.png) no-repeat center top;}
.sluzba3 .obsahObal {background: #fff url(../images/sluzba3-bg.png) no-repeat center top;}
.sluzba1 .obsahObal, .sluzba2 .obsahObal, .sluzba3 .obsahObal {background-size: 96% auto; min-height: 600px;}
.vnitrni .kontaktni {background: #f6f6f6; min-height: 0;}

.obrazekZahlavi img {max-height: 420px;}

.partneri {display: -webkit-flex; display: flex; justify-content: center; flex-wrap: wrap; align-items: center;}
.partneri p {text-align: center; padding: 0;}
.partneri p img {max-height: 150px; margin: 10px 25px;}

.barevny2 .obsah p em {color: #b42025; font-style: normal;}

/* ------------------- obsah VNITRNICH STRANEK -------------------- */
.novinka {border-top: 3px dotted #b42025; margin: 0 0 20px; padding: 30px 0 0;}
.novinka h3 {padding: 5px 0 15px;}
.novinka img, .aktualita img {padding-bottom: 4px; max-height: 300px;}
.novinka .datum p, .aktualita .datum {font-weight: 700; padding-bottom: 0;}
.aktualita .datum {padding-bottom: 15px;}
.novinka .fotoObal, .foto {padding: 15px 0;}
.novinka .fotoObal img {width: 100%;}
.foto {padding-top: 0;}

.clanek {margin: 0 0 20px;}
.clanky .bezObrazku {margin-bottom: 0;}
.fotoClanek {padding: 15px 0; max-width: 300px; margin: 0 auto;}
.fotoClanek img {border-radius: 50%; width: 100%;}

.videa {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0 0;}
.videa .video iframe {height: 180px; width: 320px;}
.video {max-width: 320px; margin: 0 auto 30px;}
.video .popisek {padding: 5px 0 0; font-size: .8888888888888889em; /* 16/18 */ line-height: 1.125em;}

table.barevna {margin: 10px 0 30px 0; border: 1px solid #e5d5a1; width: 100%; text-align: left;}
table.barevna td, table.barevna th {padding: .5em 10px; border-bottom: 1px solid #e5d5a1;}
table.barevna th {font-weight: 600;}
table.barevna td:first-child, table.barevna th:first-child {text-align: left;}
table.barevna tr:nth-child(odd) td, table.barevna tr:nth-child(odd) th {background: #ffeecf;}
table.barevna .nowrap {white-space: nowrap;}

table.tSloupce2 {width: 100%; margin-bottom: 10px;}
table.tSloupce2 td {vertical-align: top; padding-right: 3%; width: 50%;}

table.tVybor {margin-bottom: 20px;}
table.tVybor td {padding: 10px;}
table.tVybor td img {height: auto!important;}
table.tVybor td p {padding: 0;}

/* galerie slozky */
.galerie-slozky {padding: 10px 0 0 0;}
.slozkaObal {text-align: center; margin: 0 auto;}
.slozka a.sFoto {background-image: url(../images/ikona-slozka.png); background-repeat: no-repeat; display: inline-block; width: 300px; height: 234px; padding: 36px 0 0 0; -moz-transition: background-image 1s ease-in-out; -o-transition: background-image 1s ease-in-out; -webkit-transition: background-image 1s ease-in-out; transition: background-image 1s ease-in-out;}
.slozka a.sFoto:hover img {box-shadow: 0px 0px 0px 5px rgba(255, 255, 255, 0.55);}
.slozka p {padding: 25px 20px 50px!important; font-size: 1.277777777777778em; /* 22/18 */}
.slozka a {color: #b42025; font-weight: 600;}
.slozka a:hover {color: #8d1f23;}

/* galerie nahledy */
.galerie-nahledy {overflow: hidden; padding: 0 0 15px;}
.box {width: 98%; padding-bottom: 98%; margin: 2% 1%; float: left; position: relative; background: #f6f6f6; box-sizing: content-box; -moz-transition: all .25s ease-in; -o-transition: all .25s ease-in; -webkit-transition: all .25s ease-in; transition: all .25s ease-in;}
.box:hover {background-color: #b42025;}
.boxInner {position: absolute; left: 10px; right: 10px; top: 10px; bottom: 10px; overflow: hidden;}
.boxInner img {width: 100%;}
.boxInner .titleBox {font-size: .8888888888888889em; /* 16/18 */ line-height: 1.125em; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); color: #fff; padding: .6em 10px; text-align: center;}

.zpetGalerie, .zpet {text-align: center;}
.zpetGalerie {padding-bottom: 12px;}

.strankovani {padding: 0 0 10px;}
table.tStrankovani {margin: 0 auto;}
table.tStrankovani td {padding: 0; text-align: center;}
table.tStrankovani a, table.tStrankovani span, table.tStrankovani th strong {background: #b42025; margin: 0 3px; width: 40px; height: 40px; line-height: 40px; text-decoration: none; display: inline-block; color: #ffedcf; border-radius: 50%; font-size: 1.166666666666667em; /* 21/18 */}
table.tStrankovani td a:hover, table.tStrankovani td span {background-color: #34191a; color: #ffedcf;}

/* formular */
form.fUni {width: 100%; max-width: 440px; padding: 0px 0 10px; margin: 0 auto;}
form.fUni input.text, form.fUni textarea, form.fUni select {border: none; border-bottom: 1px solid #4b4b4b; width: 100%; padding: 10px 4px 10px 16px; height: 48px;}
form.fUni textarea {border: 1px solid #4b4b4b; height: 130px; overflow: auto; vertical-align: top;}
form.fUni select {padding: 9px 4px 9px 12px;}
input.text:focus, textarea:focus, select:focus {border: 1px solid #f89b4c!important; transition: all 0.25s ease-in-out!important; -webkit-transition: all 0.25s ease-in-out!important; -moz-transition: all 0.25s ease-in-out!important;}
form.fUni table {width: 100%;}
form.fUni table tr td {padding: 8px 0 8px 0;}
form.fUni table tr td span {display: inline-block; padding: 0 0 6px 11px;}
form.fUni table tr td.right {padding-bottom: 0;}
form.fUni td.tdTlacitko {text-align: center; text-transform: uppercase;}
form.fUni table td .povinneUdaje {background: url(../images/req.gif) no-repeat left 11px; padding: 0 0 0 18px!important; font-size: .9em;}
input.req, textarea.req	{background: url('../images/req.gif') no-repeat right 2px;}

::-webkit-input-placeholder {color: #4b4b4b; opacity: 1!important; }
:-moz-placeholder {color: #4b4b4b; opacity: 1!important;}
::-moz-placeholder {color: #4b4b4b; opacity: 1!important;}
:-ms-input-placeholder {color: #4b4b4b; opacity: 1!important;}

.ok, .chyba {border: 2px dotted; margin: 0 0 10px 0px; padding: 8px 10px 8px 43px!important; width: 100%; background-repeat: no-repeat; background-position: 15px center; text-align: left!important;}
.ok {color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/ok.png');}
.chyba {color: #9F6000; background-color: #FEEFB3; background-image: url('../images/chyba.png');}

.ui-dialog {width: 94%!important; max-width: 500px!important; text-align: left;}


/* ----------------------------------- RESPONZIVNI STYLY ----------------------------------- */
@media all and (max-width: 479px) {

table.tVybor tr {border-bottom: 1px solid #e5d5a1; display: block; padding: 10px 0;}
table.tVybor td {display: block; width: 100%;}

}


@media all and (min-width: 480px) {

.box {width: 48%; padding-bottom: 48%;}

}

@media all and (max-width: 479px) {

img.mobilni {float: none!important; display: block; margin: 20px auto!important;}

}

@media all and (max-width: 767px) {

.br-cpanel-wrapper {display: none!important;}

table.tErby td {display: block; padding: 10px 0;}
.obsah ul, .obsah ol {margin-left: 0;}

img.tablet {float: none!important; display: block; margin: 20px auto!important;}

}

@media all and (min-width: 640px) {

.fotoObal, .foto {float: right; padding: 10px 0 15px 20px;}
.foto {padding-top: 0;}
.fotoClanek {float: left; padding: 10px 20px 15px 0;}

.novinka, .clanek {text-align: left;}
.novinka .fotoObal, .foto {padding: 15px 0 15px 3%; max-width: 330px;}
.aktualita .foto {padding-top: 5px;}
.clanek {padding-top: 10px;}
.fotoClanek {padding: 0 40px 15px 0; margin: 0;}

.br-cpanel-wrapper {bottom: 15px!important;}

}

@media all and (min-width: 768px) {
    
.obsahObal {text-align: left;}
.obsah {padding: 0 25px;}

.headerIn {padding: 0 20px;}
#logo {float: left; padding: 36px 0 28px 0;}
#logo img  {width: auto;}
.online {float: right; margin: 36px 0 0 0; padding: 0;}

ul.responsiveMenuActive {display: block;}
a.toggle-nav {display: none;}

nav {background-color: #b42025;}
ul.menu {/*font-family: 'Open Sans Condensed', sans-serif; font-weight: bold;*/ font-weight: 600; font-size: 1.125em; /*18/16*/}
ul.menu li {display: inline-block; padding: 0 1px 0 0;}
ul.menu li a, ul.menu li span {background: none; color: #ffedcf; display: inline-block; text-align: center; padding: 22px 22px 21px;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {background-color: #34191a;}

ul.menu2 {position: absolute; left: 0; top: 63px; z-index: 20; width: 250px; padding-left: 0;}
ul.menu2 li {display: block;}
ul.menu2 li a, ul.menu2 li span {background-color: #8d1f23; padding: 12px 22px 11px; display: block; width: 100%; text-align: left;}
ul.menu2 li a:hover, ul.menu2 li span, ul.menu2 li a.klikaci {background-color: #34191a;}

.ikonyObal {padding-bottom: 25px;}
.ikony div {float: left; width: 33.33333333333333%;}

aside.postranniUvod {float: right; width: 35%; padding: 15px 0 0 0; margin: 0 0 0 3%;}
aside.postranniUvod img {float: right; margin: 0 0 20px; max-width: 100%;}

.novinkaUvod {float: left; width: 48%;}
.novinkaUvod:nth-child(even) {float: right;}

.kontaktni .obsah {display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.kontaktniLevy, .kontaktniStredni {width: 50%;}
.kontaktniPravy {width: 100%;}
.kontaktniLevy {padding-right: 4%;}
table.tOtevreno {margin: 0 0 24px;}

aside.postranni {float: right; width: 30%; padding: 15px 0 0 2.5%; margin: -25px 0 20px 2.5%; border-left: 3px dotted #b42025;}

table.barevna {margin: 10px 0 30px 0; /*font-size: 1.166666666666667em;*/ width: auto;}
table.barevna td, table.barevna th {padding: .9em 35px;}

.box {width: 31%; padding-bottom: 31%;}

.slozkaObal {float: left; width: 50%;}
.slozkaObal:nth-child(odd) {clear: left;}

.zpetGalerie, .zpet {text-align: right;}

.kontaktyVlevo {float: left; width: 52%;}
.kontaktyVpravo {float: right; width: 42%;}

.video {max-width: 360px; padding: 0 40px 0 0; margin: 0 0 40px;}

p.zpetGalerie, .zpet {padding-bottom: 0!important;}

}

@media all and (max-width: 1023px) {

.carouselText {visibility: hidden;}

a.tlacitko {padding-top: 12px;}

table.tSloupce2 td {display: block; padding: 0; width: 100%;}

}

@media all and (min-width: 1024px) {

.headerIn {padding: 0 43px;}
.obsahObal {padding: 45px 0 35px 0; font-size: 1.125em; /*18/16*/}
.obsah {padding: 0 43px;}

h1, h2.h1 {padding-bottom: 27px;}

.carouselText {font-size: 2.2em!important;}

.ikonyObal {padding-bottom: 35px;}

.novinka {display: table; width: 100%;}
.novinka .datum {display: table-cell; vertical-align: top; width: 82px;}
.novinka .datum p {background-color: #b42025; width: 62px; height: 62px; padding: 14px 0 0; border-radius: 50%; color: #fff; text-align: center; font-size: .8888888888888889em; /*16/18*/ line-height: 1em; margin: 2px 20px 0 0; font-weight: normal;}
.novinka article {display: table-cell; vertical-align: top;}
.novinka .datum span {display: block; font-size: .875em; /*14/18*/}

.kontaktni .obsah {flex-wrap: nowrap;}
.kontaktniLevy, .kontaktniStredni {width: 31%;}
.kontaktniPravy {width: 28%;}
.kontaktniLevy {padding-right: 0;}

form.fUni {margin: 0;}
form.fUni td.tdTlacitko {text-align: left;}

.obrazekZahlavi {margin-bottom: -15px;}

.box {margin: 1%;}

}

@media all and (min-width: 1280px) {

.carouselText {font-size: 3em!important;}

.slozkaObal {width: 33.33333333333333%;}
.slozkaObal:nth-child(odd) {clear: none;}
.slozkaObal:nth-child(3n+4) {clear: left;}

.box {width: 23%; padding-bottom: 23%;}

.novinka .fotoObal, .foto {padding-left: 40px;}
.fotoClanek {padding-right: 40px;}

aside.postranniUvod {margin: 0 0 0 20px;}

.videa .video iframe {height: 202px; width: 360px;}
.video {max-width: 395px; padding: 0 35px 0 0;}

}

@media all and (min-width: 1360px) {
    
.carouselText {bottom: 127px!important;}
.br-cpanel-wrapper {bottom: 35px!important;}

.ikony {padding: 0 60px;}

.video {max-width: 400px; padding: 0 40px 0 0;}

}

@media all and (min-width: 1400px) {
    
.sluzba1 .obsahObal, .sluzba2 .obsahObal, .sluzba3 .obsahObal {background-size: auto;}

}

div.kontaktMapa {height: 400px; overflow: hidden; /*padding-bottom: 21%!important; */ position: relative; width: 100%; margin: 0; }
div.kontaktMapa iframe {height: 100% !important; left: 0; position: absolute; top: 0; width: 100% !important; max-height: 416px;}

div.br-cpanel-wrapper {left:50%!important;}

div.carouselText {display:none;}

@media all and (max-width: 767px) {
ul.menu2.mobil_vnitrni {display: inline-block; width: 100%!important; position:relative; top: 0px;}
ul.menu li a, ul.menu li span {padding-right: 70px;}
.zanoreni {background: #34191a url(../images/menu2-mobil-symbol.png) no-repeat center center; font-style: normal; position: absolute; right: 0; top: 0; width: 60px; height: 100%; padding: 22px 0 17px; cursor: pointer;}
.zanoreni {text-indent: -3000px;}
li .zanoreni.otevreno {background: #34191a url(../images/menu-close.png) no-repeat center center;}
li .zanoreni.zavreno {background: #34191a url(../images/menu2-mobil-symbol.png) no-repeat center center;}
ul.menu2 {width:100%; position: relative; top: 0;}
}

@media all and (min-width: 768px) {

ul.menu li:hover ul.menu2 {display: inline-block;}
.zanoreni {display: none!important;}

}

/* touch styly */
a.isTouch {background: #34191a url(../images/menu2-mobil-symbol.png) no-repeat 110px center; display: inline-block; padding: 18px 65px 0px 25px; height: 62px; font-size: 1.5em; /*24/16*/ line-height: 27px; color: #fff; float: right;}
a.isTouch span {visibility: visible;}

ul.isTouch {font-family: 'Open Sans Condensed', sans-serif; font-weight: bold; font-size: 1.125em; /*18/16*/ list-style-type: none; position: absolute; right: 0; top: 62px; width: 270px; z-index: 100;}
ul.isTouch li {display: block; border-top: 1px solid #ffedcf; padding: 0; position: relative;}
ul.isTouch li a, ul.isTouch li span {background-color: #b42025; display: block; text-align: left; text-decoration: none; color: #ffedcf; padding: 18px 22px 17px; position: relative;}
ul.isTouch li a:hover, ul.isTouch li span, ul.isTouch li a.klikaci {background-color: #34191a;}
ul.isTouch li a.maZanoreni {padding-right: 65px;}

ul.isTouch2 {display: none; width: 100%!important; position: relative; top: 0; padding-left: 0;}
ul.isTouch2 li {display: block; padding: 0; border: none;}
ul.isTouch2 li a, ul.isTouch2 li span {background-color: #8d1f23; padding: 12px 22px 11px; display: block; text-align: left; border-bottom: 1px solid #ffedcf;}
ul.isTouch2 li a:hover, ul.isTouch2 li span, ul.isTouch2 li a.klikaci {background-color: #34191a;}

ul.isTouch ul.menu2.mobil_vnitrni {display: inline-block; width: 100%!important; position: relative; top: 0px;}
ul.isTouch ul.menu li a, ul.isTouch ul.menu li span {padding-right: 70px;}

ul.isTouch .zanoreni {display: block!important; background: #34191a url(../images/menu2-mobil-symbol.png) no-repeat center center; font-style: normal; position: absolute; right: 0; top: 0; width: 60px; padding: 22px 0 17px; cursor: pointer; height: 100%;}
ul.isTouch .zanoreni {text-indent: -3000px;}
ul.isTouch li .zanoreni.otevreno {background: #34191a url(../images/menu-close.png) no-repeat center center;}
ul.isTouch li .zanoreni.zavreno {background: #34191a url(../images/menu2-mobil-symbol.png) no-repeat center center;}

ul.isTouch.menu {display: block;}
ul.isTouch.menu.responsiveMenuActive {display: none;}

body.uvodni.bodyTouch nav {background: none; border: none; position: absolute; left: 0; top: 0; width: 100%;}