/* --------------------- OBECNÉ -------------------------- */
body {background-color: #f7f1e3; text-align: center; font-family: 'Nunito Sans', sans-serif; font-size: 100%; color: #3a3636; position: relative;}
html, body {height: 100%;}

img {max-width: 100%;}
a {color: #49392d; -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: #965c1e; text-decoration: none;}
img.ramecek {background-color: #fff; padding: 9px; border: 1px solid #fcdbd2;}

.cleaner {clear: both; font-size: 0!important;}
.right {text-align: right;}
.center, .obsah p.center {text-align: center;}
.bold {font-weight: bold;}
.fl {float: left;}
.fr {float: right;}
.mobil {display: none!important;}
.nic, .skryty, .noDisplay {display: none;}

a.tlacitko {background: #6c5e51; display: inline-block; padding: 9px 30px; height: 40px; text-decoration: none; color: #f7f1e3; text-align: center; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none;}
a.tlacitko:hover {color: #49392d;}

hr {border: 0; height: 1px; background: url(../images/carka.png) no-repeat center 0; padding: 0 0 15px;}

h1, h2, h3 {font-family: 'Oswald', sans-serif; font-weight: 400; line-height: 1.2em;}
h1, h2.h1 {font-size: 2em; /*36/18*/ padding: 0 0 23px; color: #92c83e;}
h2 {font-size: 1.444444444444444em; /*26/18*/ padding: 6px 0 20px;}
h3 {font-size: 1.333333333333333em; /* 24/18 */ color: #92c83e; padding: 3px 0 16px 0;}
h4 {font-size: 1.166666666666667em; /* 21/18 */ padding: 0 0 8px 0; font-weight: 700;}

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

.headerIn {max-width: 1300px; margin: 0 auto; padding: 0 10px;}
.online {padding: 8px 0 15px;}
.online a {display: inline-block; margin: 0 8px;}

.carouselObal {position: relative;}
.carousel {position: relative; overflow: hidden; max-height: 754px;}
img.carouselFoto {vertical-align: text-bottom; width: 100%!important; left:0px!important; top:0px!important; height:auto!important;}
.carouselText {font-family: 'Oswald', sans-serif; width: 100%!important; max-width: 1300px; text-align: left; font-size: 2.5em!important; line-height: 1.2em!important; margin: 0 auto!important; position: relative; bottom: 70px!important; height: 100%!important;}
.carouselText p {background: rgba(247, 241, 227, .7);  position: absolute; left: 0; bottom: 0; display: inline-block; /*max-width: 920px;*/ padding: 14px 30px 20px; border-radius: 4px; color: #49392d;}

.br-cpanel-wrapper {position: absolute; left: 50%; transform: translateX(-50%); left: 50%!important; bottom: 20px!important; z-index: 10;}
.br-cpanel {left: 0px!important;}
.br-thumbnails ul li.br-bullet {background: #fffdf6; display: inline-block; width: 18px; height: 18px; margin: 0 6px; cursor: pointer; opacity: 1; border-radius: 18px; border: 1px solid #92c83e;}
.br-thumbnails ul li.br-bullet:hover, .br-thumbnails ul li.br-curr {background: #6c5e51!important;}
.br-thumbnails ul li.br-curr {cursor: default;}

.obsahObal {font-size: 1.125em; /*18/16*/ line-height: 1.33em; padding: 40px 0 0 0; /*text-align: left;*/}
.obsahGalerie {padding: 0;} 
.obsah {max-width: 1300px; margin: 0 auto;}

footer {background: url(../images/footer.png) no-repeat center 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 60px;}
.footerObsah {max-width: 1300px; margin: 0 auto; padding: 20px 11px 8px; color: #a59f91; text-align: center;}
.footerObsah a {color: #a59f91;}

p.nahoru {position: fixed; right: 0; bottom: -4px;}
p.nahoru a {background: #6c5e51 url(../images/sipka.png) no-repeat center center; display: inline-block; width: 42px; height: 42px;}
p.nahoru a:hover {background-color: #92c83e; text-decoration: none;}

/* ------------------------------------------- */
.obsah p {padding-bottom: 1.2em;}
.obsah p.right {text-align: right;}
.obsah ul, .obsah ol {padding-bottom: 1.2em; text-align: left;}
.obsah ul {list-style-type: none;}
.obsah ol ul, .obsah ul ul {padding-bottom: 0;}
.obsah ul li {background: url(../images/odrazka.png) no-repeat 5px 9px; padding: 3px 0 5px 35px; /*overflow: hidden;**/}
.obsah ul ul {list-style-type: disc; margin-left: 35px; padding: 5px 0 0;}
.obsah ul ul li {background: none; padding: 0;}
.obsah ul li em, .obsah ul li i, .obsah ol li em, .obsah ol li i {font-style: normal; color: #965c1e; font-weight: normal;}
.obsah em {font-style: normal; color: #965c1e;}
.obsah ul ul {font-size: 1em;}
.obsah ol {margin-left: 21px;}


/* ----------------- MENU ------------------- */
nav {background-color: rgba(73,57,45, .8); width: 100%;}
    
.navIn {max-width: 1300px; margin: 0 auto;}
ul.menu {list-style-type: none; font-size: 1.5em; /*22/16*/ line-height: 1.33em;}
ul.menu li {display: block; border-top: 1px solid #c7bfad;}
ul.menu li a, ul.menu li span {display: block; text-decoration: none; color: #92c83e; padding: 8px 18px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {border-color: #92c83e;}

ul.menu2 {background: #ece5d5; margin: 0 0 20px; padding: 5px 0 15px 10px; text-align: center; font-size: 1.125em; /*18/16*/ line-height: 1.2em; border-top: 1px solid #6b5d51;}
ul.menu2 li {background: none; display: block; padding: 0;}
ul.menu2 li a, ul.menu2 li span {display: inline-block; color: #49392d; padding: 5px 12px; -moz-transition: none; -o-transition: none; -webkit-transition: none; transition: none;}
ul.menu2 li a:hover, ul.menu2 li span, ul.menu2 li a.klikaci {color: #92c83e; text-decoration: none; }
ul.menu2 li span, ul.menu2 li a.klikaci {border-color: #92c83e;}

a.toggle-nav, a.toggle-nav2 {background: url(../images/menu-mobil-symbol.png) no-repeat center center; display: block; padding: 10px 20px; font-size: 1.5625em; /*25/16*/ line-height: 1.3em; text-decoration: none; color: #fff; text-align: center; height: 56px;}
a.toggle-nav2 {color: #49392d; background: #ece5d5 url(../images/menu-mobil-symbol2.png) no-repeat 20px center;}
a.toggle-nav span {visibility: hidden;}

ul.responsiveMenuActive, ul.responsiveMenuActive2 {display: none;}

/* ------------------- UVODNI -------------------- */
.uvodni h5 {font-family: 'Kalam', cursive; font-size: 1.083333333333333em; /*26/24*/ font-weight: normal; padding: 10px 0 1.2em; color: #92c83e;}
a.tlacitko2 {background: #fff; display: inline-block; padding: 12px 28px; height: 64px; text-decoration: none; color: #92c83e; text-align: center; font-size: 1.7em; /*34/20*/ font-weight: bold; border: 5px solid #92c83e; border-radius: 15px;}
a.tlacitko2:hover {background: #92c83e; color: #fff;}

.partneri {display: -webkit-flex; display: flex; justify-content: space-around; flex-wrap: wrap; align-items: center; padding: 0 0 20px;}
.partneri p {padding-bottom: 0; text-align: center;}
.partneri img {max-height: 85px; margin: 10px 0;}

/* ------------------- VNITRNI STRANKY -------------------- */
.sectionArea {display: -webkit-flex; display: flex; justify-content: space-between; flex-wrap: wrap; margin: 10px 0;}
    .novinka-detail-body .obsah {padding: 0 20px; margin-top: 10px; margin-bottom: 10px;}
.sectionArea img {width: auto!important; height: auto!important;}
.sectionContent {width: 100%; padding: 0 20px;}
.uvodni .sectionType66x33 .sectionContent2 h2, .kontakt-body .sectionType66x33 .sectionContent2 h2 {font-family: 'Nunito Sans', sans-serif; color: #92c83e; font-weight: bold; font-size: 1.2em; /*24/20*/ padding-top: 20px;}
.uvodni .sectionType66x33 .sectionContent2 h2, .kontakt-body .sectionType66x33 .sectionContent2 h2 {background: url(../images/carka.png) no-repeat center top;}

.o-nas-body .sectionType66x33 .sectionContent2 {text-align: center;}
.o-nas-body .sectionType66x33 .sectionContent2 h4 {font-family: 'Oswald', sans-serif; font-size: 1.666666666666667em; /*30/18*/ background: url(../images/odrazka2.png) no-repeat center center; display: inline-block; color: #f7f1e3; padding: 18px 0 0 0; width: 58px; height: 67px; font-weight: 400;}
.o-nas-body .sectionType66x33 .sectionContent2 p {border: 1px solid #92c83e; padding: 40px 20px 20px; margin: -33px 0 25px 0;}

.aktuality-body h1, .clanky-body h1 {margin-top: 10px;}
.novinky {display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.novinka {padding: 0 20px 5px;}
.novinka h2 {color: #49392d; padding: 15px 0; margin: 0; border-top: 6px solid #e9e2d1;}
.novinka h2 a:hover {color: #92c83e;}
.novinka .datum, .aktualitaIn .datum {font-family: 'Oswald', sans-serif; padding: 0 0 5px;}
.novinka .fotoObal {padding: 5px 0 15px 0;}
.novinka .fotoObal img {max-height: 250px;/* max-width: 280px;*/ border: 6px solid #e9e2d1;}
.novinka .fotoObal a:hover img {-webkit-filter: contrast(1.3); filter: contrast(1.3);}

.clanky {display: block;}
.clanky .clanek {width: 100%;}
.clanky .clanek h2 {border-top: none;}

.tableObal {overflow-x: auto;}
table.barevna {width: 100%; margin: 0 0 20px; text-align: left;}
table.barevna td, table.barevna th {padding: 8px 10px; border-bottom: 1px solid #d2cdc2;}
table.barevna th {border-bottom: 3px solid #92c83e; text-align: left; font-weight: bold;}
table.barevna p {padding-bottom: 0;}

.tym {background: #e9e2d1; position: relative; margin: 5px auto 20px; max-width: 400px;}
.tym p.fotoObal {padding: 0;}
.tym article {padding: 25px 20px 0 20px;}
.tym h3 {background-color: rgba(73,57,45, .72); width: 100%; height: 50px; font-family: 'Nunito Sans', sans-serif; font-weight: bold; margin: 0; padding: 10px 0 0 20px; position: absolute; left: 0; top: 10px;}
.tym:nth-child(even) p.fotoObal {order: 2;}
.tym:nth-child(even) article {order: 1;}

.galerie-body h1 {margin-top: 10px;}
.galerie-slozky {display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: center; /*width: calc(100% + 54px); margin-left: calc(-27px); margin-right: calc(-27px);*/}
.slozkaObal {padding: 10px 15px 20px; text-align: center;}
.slozka {/*max-width: 300px; margin: 0 auto;*/}
.slozka a.sFoto {display: inline-block; margin: 0 0 15px;}
.slozka p {font-size: 1.333333333333333em; /*24/18*/ line-height: 1.2em; padding: 6px 25px 0;}
.slozka a {text-decoration: none;}
.slozka a:hover {color: #92c83e;}
.slozka img {border: 10px solid #6c5e51; border-radius: 50%;}
.slozka a:hover img {border-color: #92c83e;}

.justified-gallery {width: calc(100% + 10px); margin-left: calc(-5px); margin-right: calc(-5px);}
.justified-gallery > a > .caption.caption-visible, .justified-gallery > div > .caption.caption-visible {filter: "alpha(opacity=100)"; opacity: 1; background: rgba(73,57,45,.3);}
.justified-gallery a div.caption {height: 100%; color: #f7f1e3; font-size: 1em; line-height: 1.2em;}
.justified-gallery a:hover div.caption {background-image: url(../images/ikona-zvetsit.png)!important; background-repeat: no-repeat!important; background-position: center center!important;}
.justified-gallery a div.caption strong {background-color: rgba(73,57,45, .8); font-weight: 400; text-align: left; position: absolute; left: 0; bottom: 20px; padding: 9px 20px; text-align: center; display: inline-block; width: 100%;}
.justified-gallery > a > .caption {display: block; background: none;}

.zpetGalerie, .zpet {text-align: right; padding: 0 20px 0 0; margin-bottom: -12px; position: relative; z-index: 10;}
.clanek-body .zpet {padding: 12px; padding-bottom: 8px;}

table.tStrankovani {margin: 5px 0 0 25px;}
table.tStrankovani td {padding: 0; text-align: center;}
table.tStrankovani a, table.tStrankovani span, table.tStrankovani th strong {background: #6c5e51; color: #6c5e51; margin: 5px 11px 0 0; width: 20px; height: 20px; line-height: 20px; text-decoration: none; display: inline-block;}
table.tStrankovani td a:hover, table.tStrankovani td span {background: #92c83e; color: #92c83e;}

table.tKontakty {width: 100%;}
table.tKontakty td {display: block; vertical-align: top;}

/* formular */
form.fUni {width: 100%; max-width: 480px; margin: 0 auto;}
form.fUni input.text, form.fUni textarea, form.fUni select {border: 1px solid #e9e2d1; width: 100%; background-color: #e9e2d1; padding: 6px 4px 6px 14px;}
form.fUni td {display: block;}
form.fUni td.td2 input:nth-child(2) {margin-top: 12px;}
form.fUni textarea {height: 98px; overflow: auto;}
form.fUni select {padding: 9px 4px 9px 12px;}
input.text:focus, textarea:focus, select:focus {border: 1px solid #009b97!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: 6px 0 6px 0;}
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;}

form.fUni a.tlacitko {background: #6c5e51; display: inline-block; padding: 14px 44px 14px 44px; height: auto; letter-spacing: 3px; text-decoration: none; color: #f7f1e3; font-weight: 600; text-align: center; font-size: 1.333333333333333em; /* 24/18 */ line-height: 1.2em; text-transform: uppercase;}
form.fUni a.tlacitko:hover {background: #92c83e; color: #49392d;}

form.fUni p.souhlas {font-size: .8em; line-height: 1.2em;}

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

.ok, .chyba {border: 2px solid; margin: 0 0 10px 0px; padding: 8px 10px 8px 43px!important; width: 100%; background-repeat: no-repeat; background-position: 15px center;}
.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;}

@media all and (max-width: 767px) {
    
.obsahObal {padding-top: 10px;}
form.fUni td.pc {display: none;}
.carousel {display: none!important;}

}

@media all and (min-width: 768px) {
    
.obsahObal {padding-top: 20px;}
.obsahGalerie {padding: 0;} 

.obsah ul li {background-position: 25px 9px; padding-left: 60px;}

.headerIn {text-align: left; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; height: 150px;}
.online {padding: 0;}
.online a {margin: 0 16px 0 0;}

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

.uvodni nav { position: absolute; left: 0; top: 0; z-index: 10;}
ul.menu {padding: 0; display: -webkit-flex; display: flex; justify-content: space-around; font-size: 1.375em;}
ul.menu li {display: inline-block; padding: 10px 0; border: none;}
ul.menu li a, ul.menu li span {border-top: 2px solid transparent; border-bottom: 2px solid transparent;}
ul.menu li a:hover, ul.menu li span, ul.menu li a.klikaci {border-color: #92c83e;}

ul.menu2 {padding: 10px 0 10px 0; border: none;}
ul.menu2 li {padding: 6px 10px; display: inline-block;}
ul.menu2 li a, ul.menu2 li span {padding: 0;}

ul.sloupce2 {column-count: 2; column-gap: 15px;}

.galerie-slozky {justify-content: space-evenly;}

.novinka {text-align: left;}
.novinka .fotoObal {padding: 5px 0 15px 20px; max-width: 45%; float: right;}

.clanek-body .zpet {padding-top: 0;}

.tym {display: -webkit-flex; display: flex; position: relative; margin: 10px 0 45px; max-width: none; text-align: left;}
.tym p.fotoObal {width: 38%;}
.tym article {width: 62%; padding: 25px 20px 25px 20px;}
.tym h3 {top: auto; bottom: 0; padding: 10px 0 0 50px;}
.tym:nth-child(even) h3 {text-align: right; padding-right: 28px;}
.tym p.fotoObal {order: 1;}
.tym article {order: 2;}

table.tKontakty td {display: table-cell; width: 50%;}

form.fUni {max-width: none; margin: 0 0 20px;}
form.fUni td {display: table-cell;}
form.fUni td.td2 input.text {width: 49%; float: left;}
form.fUni td.td2 input:nth-child(2) {float: right; margin: 0;}
form.fUni td.mobile {display: none;}
form.fUni td.tdTlacitko {padding-left: 30px;}
form.fUni td.tdTlacitko a {width: 0px; word-break: break-all; white-space: pre-wrap; padding: 23px 44px 23px 27px; letter-spacing: normal;}
form.fUni p.souhlas {padding: 0;}

.sectionType50x50 .sectionContent {width: 50%;}

}

@media all and (max-width: 1023px) {
    
.carouselText {display: none;}

}

@media all and (min-width: 1024px) {
    
.obsahObal {text-align: left; padding-bottom: 20px;}

ul.menu {font-size: 1.875em; /*30/16*/ line-height: 34px;}

ul.menu2 {background: none; padding: 5px 0 5px 0; text-align: left;}
ul.menu2 li {padding: 8px 0; display: block;}
ul.menu2 li a, ul.menu2 li span {border-left: 2px solid transparent; padding: 0 0 0 12px;}
ul.menu2 li span, ul.menu2 li a.klikaci {border-color: #92c83e;}

.sectionContent {width: auto; padding: 0 25px;}
.sectionType66x33 .sectionContent1 {width: 66.66666666666667%;}
.sectionType66x33 .sectionContent2 {width: 33.33333333333333%;}
.sectionType33x66 .sectionContent1 {width: 33.33333333333333%;}
.sectionType33x66 .sectionContent2 {width: 66.66666666666667%;}
.sectionType33x33x33 .sectionContent {width: 33.33333333333333%;}
.sectionType25x25x25x25 .sectionContent {width: 25%;}

.uvodni .sectionType66x33 .sectionContent2, .kontakt-body .sectionType66x33 .sectionContent2 {background: url(../images/cara.png) repeat-y;}
.uvodni .sectionType66x33 .sectionContent2 h2, .kontakt-body .sectionType66x33 .sectionContent2 h2 {background: none;}

body.sPodmenu .obsah {display: -webkit-flex; display: flex; justify-content: flex-start; flex-wrap: wrap;}
body.sPodmenu .obsah .sectionAreaObal {width: 66.66666666666667%; order: 1;}
body.sPodmenu aside {background: url(../images/cara.png) repeat-y; margin: 10px 0 0 0; padding: 0 25px; width: 33.33333333333333%; order: 2;}

.partneri {padding: 15px 0 5px;}
.partneri p:nth-child(2) {border-left: 1px solid #d2cdc2; border-right: 1px solid #d2cdc2; width: 26%;}

hr {padding: 0 0 25px;}

.tym p.fotoObal {width: 43%;}
.tym article {width: 57%; padding-bottom: 32px;}

.aktuality-body h1, .clanky-body h1 {padding-left: 25px;}
    .novinka-detail-body h1 {padding-left: 0;}
.novinka {width: 50%; padding: 0 25px 5px;}

.galerie-body h1 {padding-left: 25px;}
.galerie-slozky {justify-content: start;}
.slozkaObal {width: 33.33333333333333%; padding: 10px 0 20px;}
.slozka p {padding-bottom: 26px;}

.clanek-body .zpet {padding-top: 12px; padding-right: 30px; padding-bottom: 0;}

}

@media all and (min-width: 1280px) {
    
.obsahObal {padding-top: 30px;}
.obsahGalerie {padding: 0 0 10px;} 

.carouselText {font-size: 3em!important; /*60/16*/ line-height: 1.2em!important; bottom: 85px!important; left: 25px;}

ul.menu {padding: 0;}
ul.menu li {padding: 15px 0;}

ul.menu2 {font-size: 1.333333333333333em; /*24/18*/ line-height: 1.2em;}

.uvodni .sectionType66x33 .sectionContent1 {font-size: 1.333333333333333em; /*24/18*/ line-height: 1.25em; padding-right: 40px;}
.uvodni .sectionType66x33 .sectionContent2, .kontakt-body .sectionType66x33 .sectionContent2 {font-size: 1.111111111111111em; /*20/18*/ line-height: 1.33em; padding-left: 50px;}

.partneri {width: 93%;}
.partneri p:nth-child(2) {width: 30%;}

.tym p.fotoObal {width: 32%;}
.tym article {width: 68%;}
.tym h3 {bottom: 20px;}
.tym article {padding: 25px 25px 25px 30px;}

.sloupce3 {column-count: 3; column-gap: 5px;}
.sloupce3 p {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}

table.barevna {max-width: 99%;}
table.barevna td, table.barevna th {padding: 8px 20px;}

table.tKontakty {width: 90%;}
form.fUni td.tdTlacitko {padding-left: 40px;}

}

@media all and (min-width: 1360px) {
    
.headerIn {padding: 0;}

.carouselText {font-size: 3.75em!important; /*60/16*/ line-height: 1.2em!important; bottom: 102px!important; left: 0;}

.uvodni .sectionType66x33 .sectionContent1 {padding-right: 50px;}

}