@font-face { font-family:"Regular";  src: url("font/Asap-Regular.ttf") format("truetype"); }
@font-face { font-family:"SemiBold";  src: url("font/Asap-SemiBold.ttf") format("truetype"); }
@font-face { font-family:"Bold";  src: url("font/Asap-Bold.ttf") format("truetype"); }
@font-face { font-family:"Medium";  src: url("font/Asap-Medium.ttf") format("truetype"); }

* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	font-family: "Regular", "Tahoma CE", Tahoma, "Verdana CE", Verdana, "Arial CE", Arial, Sans-serif, serif;
	font-size: 16px;
	padding: 0;
	margin: 0;
	color: #2B2825;
}

.ffSemiBold { font-family: SemiBold; font-size: inherit !important; }

table { border-collapse: collapse; }

.rel { position: relative; }
.fLeft { float: left !important; }
.dNone { display: none; }
.dBlock { display: block; }
.vaTop { vertical-align: top; }
.fOff { display: block; clear: both; font-size: 1px; margin-top: -1px; }

.pointer { cursor: pointer; }

.pb10 { padding-bottom: 10px !important; }
.pl20 { padding-left: 20px !important; }

.mb0 { margin-bottom: 0 !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }

.mr20 { margin-right: 20px; }

.min-h600 { min-height: 600px; }
.min-h200 { min-height: 200px; }

.w20p { width: 20%; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w200 { width: 200px; }

.center-block { display:block;margin-right:auto;margin-left:auto; }
.wAuto { width: auto !important; }
.taCenter { text-align: center !important; }


@media (max-width: 400px) {
	header > div, main > div, footer > div { width: 100%; margin: 0 auto; }
	body#base main .root { width: 100%; margin: 0 auto; }
}

header { padding: 20px 25px; }

header .logo { position: relative; cursor: pointer; }
header .logo img { height: 40px; }
header .logo p { font-size: 14px; font-family: "SemiBold"; position: absolute; top:1px; left: 95px; }
header .logo p + p { color: #ACA098; top: 17px; }

ul, ol { margin: 0 0 20px 0; padding: 0; list-style-type: none; }
ul li, ol li { margin: 0 0 0 20px; padding: 0 0 0 0px; line-height: 1.6em; list-style-type: circle; color: #594232; }

ol { margin-bottom: 25px; }
ol li { list-style-type: decimal; margin: 0 0 0 25px; }

p { line-height: 1.5em; }
strong, .strong { font-family: SemiBold !important; font-weight: normal; font-size: inherit; }
a, .coloured-text { color: #FF781B; }
p.important-text { color: #d52b38 !important; font-family: Bold, serif !important; }

.otm-warn { background-color: #d52b38; color: #fff; padding: 20px; }

footer { background-color: #efece6; position: fixed; width: 100%; }
footer p { line-height: 1.7em; }
footer h2 { margin-bottom: 10px; }
footer > div { padding: 30px 25px; }
footer .copy span:first-child { display: block; margin-bottom: 10px; }
footer .copy span:last-child { padding-left: 20px; }
footer .row > div { margin-top: 20px; }

main h1 { font-size: 32px; font-family: SemiBold; font-weight: normal; margin-bottom: 30px; color: #2B2825; }
main h2 { font-size: 26px; font-family: SemiBold; font-weight: normal; margin-top: 30px; color: #2B2825; }
main h3 { font-size: 20px; font-family: SemiBold; font-weight: normal; margin-top: 30px; color: #2B2825; margin-bottom: 10px; }
main h4 { font-size: 18px; font-family: SemiBold; font-weight: normal; margin-top: 30px; color: #2B2825 !important; margin-bottom: 10px; }

/*#home main div.zs { padding: 90% 25px 20px 25px; background-image: url("/img/keyvisual@2x.png"); background-position: 15% top; background-size: 110% auto; background-repeat: no-repeat; }*/
/*#home main div.zs h1 { font-size: 32px; font-family: SemiBold; font-weight: normal; }*/
/*#home main div.zs h2 { font-size: 18px; font-family: SemiBold; font-weight: normal; margin-bottom: 20px; }*/
/*#home main div.zs p { margin-top: 10px; color: #594232; font-size: 16px; }*/

/*#home main div.home-content { background: url("/img/patter_stroke@2x.png"); padding: 25px; background-size: 300px; }*/
/*#home main div.home-content .clanky {  margin-bottom: 30px; }*/
/*#home main div.home-content article { background-color: #F7F5F2; padding: 15px; margin-bottom: 15px; break-inside: avoid; }*/
/*#home main div.home-content article img.ill { margin: -15px -15px 15px -15px; width: calc(100% + 30px); }*/
/*#home main div.home-content article h2 { font-family: SemiBold; font-weight: normal; font-size: 20px; color: #2B2825; margin-bottom: 10px; margin-top: 0; }*/
/*#home main div.home-content article p { margin-bottom: 10px; color: #594232; }*/
/*#home main div.home-content article span.tag { display: inline-block;background-color: #FEF9FF; font-family: Bold; font-weight: normal; font-size: 12px; padding: 5px 10px; text-transform: uppercase; }*/
/*#home main div.home-content article span.tag-datum { background-color: transparent; font-family: Medium; color: #ACA098; }*/
/*#home main div.home-content article span.tag-druzina { color: #CD69DD; }*/
/*#home main div.home-content article span.tag-skola { color: #FF781B; }*/

/*#wide main div.zs { padding: 90% 25px 20px 25px; background-image: url("/img/keyvisual@2x.png"); background-position: 15% top; background-size: 110% auto; background-repeat: no-repeat; }*/
body.home #root { padding-top: 0px; }
#wide main div.zs { padding: 80% 25px 20px 25px; background-image: url("/img/keyvisual@2x.png"); background-position: 15% 0; background-size: 100% auto; background-repeat: no-repeat; }
#wide main div.zs h1 { font-size: 32px; font-family: SemiBold; font-weight: normal; }
#wide main div.zs h2 { font-size: 18px; font-family: SemiBold; font-weight: normal; margin-bottom: 20px; }
#wide main div.zs p { margin-top: 10px; color: #594232; font-size: 16px; }

#wide main div.home-content { background: url("/img/patter_stroke@2x.png"); padding: 25px; background-size: 300px; }
#wide main div.home-content .clanky {  margin-bottom: 30px; }
#wide main div.home-content article { background-color: #F7F5F2; padding: 15px; margin-bottom: 15px; break-inside: avoid; }
#wide main div.home-content article.pinned { background-color: #f8efe1; }
#wide main div.home-content article.udalosti { background-color: transparent; padding-left: 0; padding-right: 0; }

#wide main div.home-content article img.ill { margin: -15px -15px 15px -15px; width: calc(100% + 30px); height: 186px; object-fit: cover;  }

#wide main div.home-content article h2 { font-family: SemiBold; font-weight: normal; font-size: 20px; color: #2B2825; margin-bottom: 10px; margin-top: 0; }
#wide main div.home-content article h2 a { font-family: SemiBold; font-weight: normal; font-size: 20px;  }
#wide main div.home-content article p { margin-bottom: 10px; color: #594232; }
#wide main div.home-content article span.tag { display: inline-block;background-color: #FEF9FF; font-family: Bold; font-weight: normal; font-size: 12px; padding: 5px 10px; text-transform: uppercase; }
#wide main div.home-content article span.tag-datum { background-color: transparent; font-family: Medium; color: #ACA098; }
#wide main div.home-content article span.tag-druzina { color: #CD69DD; }
#wide main div.home-content article span.tag-skola { color: #FF781B; }
#wide main div.home-content article a.vice { display: block; color: #FF781B; }

#wide main div.home-content article.udalosti h2 { font-size: 26px; }

#wide .kontakt-mapa { background: url("/img/kontakt_bg.jpg"); padding: 25px 0; background-size: 350% auto; background-position: top center; background-repeat: no-repeat; margin: 0; }
#wide .kontakt-mapa .info { margin-right: 45%; padding: 45% 20px 20px 20px; background-color: #594232; background-image: url(/img/skola01.jpg); background-repeat: no-repeat; background-size: 100% auto; }
#wide .kontakt-mapa .info p { color: #fff; }
#wide .kontakt-mapa .info p:first-child { color: #fff9; }
#wide .kontakt-mapa .info p:nth-child(2) { font-family: SemiBold; font-size: 20px; padding: 10px 0; }

main h2.akce-udalosti { margin-top: 40px; margin-bottom: 25px; }

main article.sponzoring { background-color: #fff !important; padding: 30px; margin-top: 30px; }
main article.sponzoring h2 { font-size: 26px; font-family: SemiBold; font-weight: normal; margin-bottom: 30px; }
main article.sponzoring p { font-family: Regular; font-size: 12px !important; color: #2B2825; border-bottom: solid 1px #EFECE6; padding-bottom: 23px !important; margin-bottom: 23px; line-height: 1em; }
main article.sponzoring p img { margin-top: 15px; }
main article.sponzoring p a { font-size: inherit; color: #29449D; }
main article.sponzoring p:last-child { border-bottom: none; padding-bottom: 0 !important; margin-bottom: 0 !important; }

main article.fotogalerie { margin-top: 0 !important; }
main article.fotogalerie > div,
main article.yt > div { background-image: url(/img/photos-icon.png); background-size: auto 80%; background-position: right center; background-repeat: no-repeat; margin-right: 10px; }
main article.yt > div { background-image: url(/img/logo-yt.png); background-size: auto 50%; }


#wide main div.home-content article:last-child { margin-bottom: 0; }

main .akce-seznam .akce { display: table; margin-bottom: 10px; background-color: #F7F5F2; height: 77px; width: 100%; border-left: solid 3px #ACA098; }
main .akce-seznam .akce .datum { display: table-cell; padding: 0; vertical-align: center; text-align: center; width: 77px; height: 100%; background-color: #fff; color: #2B2825; }
main .akce-seznam .akce .datum span { display: block; }
main .akce-seznam .akce .datum .den { font-size: 30px; font-family: SemiBold; line-height: 1.4em; padding-top: 8px; }
main .akce-seznam .akce .datum .mesic { font-size: 10px; font-family: Medium; text-transform: uppercase;  }
main .akce-seznam .akce .popis { display: table-cell; vertical-align: middle; padding-right: 10px; }
main .akce-seznam .akce .popis p { color: #594232; line-height: 24px !important; font-size: 18px; padding-left: 15px !important; /*padding-top: 7px !important;*/ }
main .akce-seznam .akce-dnes { border-color: #FF781B; }
main .akce-seznam .akce-dnes .datum { background-color: #FF781B; }
main .akce-seznam .akce-dnes .datum * { color: #fff; }
main .akce-seznam .akce-tento-mesic { border-color: #FF781B; }

header #nav-opener, header #nav-closer { position: absolute; top:28px; right: 25px; z-index: 100; display: block; cursor: pointer; }
header #nav-closer { display: none; }

header .fb a, header .strava a, header .bakalari a { background-repeat: no-repeat; }

header .fb { position: absolute; top:28px; left: 55px; }
header .fb a { display: block; width: 27px; height: 27px; background-image: url("/img/FB_over.svg"); background-position: left top; background-size: 27px 27px; }
/*header .fb:hover a { background-image: url("/img/FB_over.svg"); }*/

header .strava { position: absolute; top:29px; left: 100px; }
header .strava a { display: block; width: 25px; height: 25px; background-image: url("/img/logo_strava_over.png"); background-position: left top; background-size: 25px 25px; }
/*header .strava:hover a { background-image: url("/img/logo_strava_over.png"); }*/

header .bakalari { position: absolute; top:29px; left: 145px; }
header .bakalari a { display: block; width: 25px; height: 25px; background-image: url("/img/logo_bakalari.png"); background-position: left top; background-size: 23px 25px; }
/*header .bakalari:hover a { background-image: url("/img/logo_bakalari_over.png"); }*/

header .icons { padding: 40px 40px 20px 40px; }

header nav { display: none; z-index:20; position: absolute; top:70px; left: 0; height: 100vh; width: 100%; padding: 0 15px; background-color: #fff; }
header nav ul { list-style-type: none; padding: 20px 0 !important; margin: 0; }
header nav ul li { list-style-type: none; padding: 0 !important; margin: 0; }

@media (max-width:1099px) {
	header nav ul li.opener a { background-image: url("/img/menu_show@2x.png"); background-size: 16px; background-position: right center; background-repeat: no-repeat; }
	header nav ul li.openerOpened a { background-image: url("/img/menu_hide@2x.png"); }
	header nav ul ul a { background-image: none !important; }
}

header nav ul li a { padding: 15px 40px 15px 38px; display: block; border-left: solid 3px transparent; }
header nav ul ul { padding-top: 0; padding-bottom: 0; display: none; }
header nav ul ul li { padding: 0; }
header nav ul ul li a { padding: 10px 20px 10px 60px; }
header nav a { font-family: SemiBold !important; font-weight: normal; font-size: 18px; color: #594232 !important; text-decoration: none !important; }

/*header nav > div > ul > li:hover > a { border-left: solid 3px #FF781B; color: #FF781B !important; }*/
/*header nav ul > li.aktivni a { color: #ACA098 !important; }*/
header nav ul > li.aktivni > a { border-left: solid 3px #FF781B; color: #FF781B !important; }
header nav ul li.aktivni li a { color: #594232 !important; border-left: none; }
header nav ul ul li.aktivni > a { color: #FF781B !important; }

header nav ul ul a { font-family: Medium !important; font-weight: normal; font-size: 16px;  }


a.btn { border: solid 2px #FF781B; color: #FF781B; font-family: Bold; font-size: 16px; border-radius: 5px; padding: 16px 30px; display: inline-block; text-align: center; text-decoration: none; }

.nastym h2 { margin-bottom: 20px; margin-top: 40px; }
/*p.clovek { display: block; width: 100%; padding: 10px 0; font-family: Regular; font-size: 16px; color: #594232; }*/
p.clovek { display: table; width: 100%; height: 60px; }
p.clovek span { display: table-cell; }
p.clovek span.img { display: table-cell; width: 80px; }
p.clovek span.txt { display: table-cell; font-family: Regular; font-size: 16px; color: #594232; padding: 0; vertical-align: middle; line-height: 2em; }
p.clovek span.txt span.jmeno  { font-family: SemiBold; font-size: 20px; color: #2B2825; line-height: 0.8em; display: block; }
p.clovek span.txt span.pozice  { color: #594232; }
p.clovek-bez-fotky { height: 30px;}
.skolnirok p:nth-child(odd) { margin-bottom: 0px !important; }
/* md */


table.data-table tr { border-bottom: solid 1px #ddd; }
table.data-table td { padding: 5px 5px; }
table.data-table tr:last-child { border-bottom: none; }

table.data-table-kalkulace { margin-bottom: 40px; width: 100%; }
table.data-table-kalkulace thead { font-family: Bold; }
table.data-table-kalkulace thead td { vertical-align: bottom; }
table.data-table-kalkulace td { font-size: 14px; text-align: right; padding: 10px 5px; border-top: solid 1px #e0dbda; }
table.data-table-kalkulace td.cena { width: 27%; }
table.data-table-kalkulace td:first-child { text-align: left; padding-left: 0; }
table.data-table-kalkulace td:last-child { padding-right: 0; }
table.data-table-kalkulace thead td { border: none; color: #594232; }
table.data-table-kalkulace tr:last-child td { font-family: SemiBold; }
table.data-table-kalkulace tbody tr:last-child td { border-top: solid 1px #908b8a; }

table.data-table-byliny { margin-bottom: 30px; }
table.data-table-byliny thead tr td { font-family: SemiBold; border-bottom: solid 2px #544333; }
table.data-table-byliny tr td:nth-child(1) { text-transform: lowercase; padding-left: 0; }
table.data-table-byliny tr td:nth-child(1):first-letter { text-transform: uppercase; }
table.data-table-byliny tr td:nth-child(2) { text-align: right; padding-right: 20px; }
table.data-table-byliny tr td:nth-child(4) { text-align: center; }

@media (min-width:1100px) {
	footer .copy { padding-bottom: 20px; }
	footer .copy span { display: inline !important; margin: 0; padding: 0 20px 0 0 !important; }
	.md-pr30 { padding-right: 30px !important; }
}

body.menu-on header { background-image: linear-gradient(#fff, #f0efed); }
body.menu-on nav { display: block; }
body.menu-on #nav-opener  { display: none; }
body.menu-on #nav-closer  { display: block; }
body.menu-on #logo  { display: none; }
body.menu-on main { display: none; }
body.menu-on footer { display: none; }

/*body#base main { background-image: linear-gradient(#f0efed, #fff); background-size: auto 50px; background-repeat: repeat-x; }*/
body main { background-image: linear-gradient(#f0efed, #fff); background-size: auto 50px; background-repeat: repeat-x; min-height: 70px; }
body.home main { background-image: none; }

body#base main > div { padding: 30px 25px; }
body#wide main > div { padding: 30px 0 0 0; }
body#wide .wide-content { padding-right: 25px; padding-left: 25px; }

body#base main h1 { font-size: 32px; font-family: SemiBold; font-weight: normal; color: RGB(43, 40, 37); padding: 0; margin: 0 0 30px 0; }
body#base main p { font-size: 16px; font-family: Regular; font-weight: normal; color: RGB(89, 66, 50); line-height: 1.5em; margin: 0 0 10px 0; padding: 0; }

body#base main article.sponzoring { padding: 30px; box-shadow: 0 2px 60px RGBA(89, 66, 50, 0.1); margin-top: 30px; }
body#base main article.sponzoring h2 { margin-top: 0; font-size: 26px; }

table.rozvrh-hodin { width: auto; border-collapse: collapse; }
table.rozvrh-hodin td { width: 50px; height: 55px; padding: 0; text-align: center; vertical-align: middle;  }
table.rozvrh-hodin * { /*font-size: 12px;*/ font-family: Regular; }
table.rozvrh-hodin thead * { color: RGB(172, 160, 152); }
table.rozvrh-hodin thead td { text-align: center; height: 40px; }
table.rozvrh-hodin .od, table.rozvrh-hodin .do { display: block; font-size: 11px; }
table.rozvrh-hodin .oddosep { display: block; font-size: 10px; line-height: 0.3em; padding-bottom: 2px; }
table.rozvrh-hodin .denVTydnu div { font-size: 14px; width: 50px; height: 50px; display: table-cell; color: #2B2825; background-color: #F7F5F2; text-align: center; vertical-align: middle; padding: 0; }
table.rozvrh-hodin .hodina div { display: table-cell; width: 50px; height: 50px; border-right: solid 1px #E2DFDD; text-align: center; vertical-align: middle; }
table.rozvrh-hodin .hodina:last-child { border-right: none; }
table.rozvrh-hodin .predmet, table.rozvrh-hodin .vyucujici { display: block; }
table.rozvrh-hodin .predmet { color: #2B2825; font-family: SemiBold; font-weight: normal; font-size: 15px; }
table.rozvrh-hodin .vyucujici { font-size: 11px !important; color: #ACA098; }
table.rozvrh-hodin tr.dnesek .denVTydnu div { background-color: #ebe8e6; box-shadow: -3px 0 0 0 #FF781B; }
div.rozvrh-hodin h3.podnadpis { margin: 5px 0 0 0 !important; padding: 0 !important; font-size: 15px; color: RGB(172, 160, 152); font-family: Regular; }

.submenu h2 { margin-bottom: 25px !important; }
.submenu ul { padding: 0; margin: 0 0 40px 0; list-style-type: none; }
.submenu ul li { list-style-type: none; padding: 0; margin: 0; }
.submenu ul li a { padding: 12px 20px !important; font-family: Medium; font-weight: normal; font-size: 18px; color: #2B2825; text-decoration: none; display: block; border-top: solid 1px #E0DDDB; }
.submenu ul li.aktivni a { background-color: #F7F5F2; border-top-color: #ACA098; color: #FF781B; }

.jidelni-listek { margin-top: 40px !important; }
.jidelni-listek * { padding: 0 !important; margin: 0 !important; }
.jidelni-listek .den { border-bottom: solid 1px #E0DDDB; margin-bottom: 20px !important; padding-bottom: 20px !important; }
.jidelni-listek .den p { margin-bottom: 10px !important; }
.jidelni-listek .den span { display: block; }
.jidelni-listek .den:last-child { border-bottom: none; }
.jidelni-listek h4 { font-size: 20px; color: #594232; margin-bottom: 10px !important; }
.jidelni-listek p > span { display: inline-block; }
.jidelni-listek p > span:first-child { width: 90px; color: #594232; font-family: SemiBold; }
.jidelni-listek p > span:nth-child(2) { color: #594232; }
.jidelni-listek p > span:nth-child(2) em { color: #ACA098; }

.jidelni-listek em.alergeny span { width: auto !important; display: inline-block !important; font-style: normal; background-color: #ACA098; color: #fff; line-height: 1.2em; padding: 1px 3px 0 2px !important; font-family: Regular !important; font-size: 13px; margin-left: 1px !important; }
.jidelni-listek em.alergeny span:first-child { margin-left: 0px !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding-left: 4px !important; }
.jidelni-listek em.alergeny span:last-child { border-top-right-radius: 5px; border-bottom-right-radius: 5px; padding-right: 4px !important; }

ul.seznam-alergenu { margin: 50px 0; }
ul.seznam-alergenu li { list-style-type: none; padding-bottom: 20px; padding-left: 90px; margin-left: 0; background-repeat: no-repeat; background-position: left top; background-size: 70px; }
ul.seznam-alergenu li:first-line { font-family: SemiBold; font-size: 24px; color: #594232; }
ul.seznam-alergenu li span { display: inline-block; background-color: #594232; color: #fff; padding: 3px 0px; font-size: 24px; width: 40px; text-align: center; margin-right: 5px; }
ul.seznam-alergenu li:first-child { background-image: url("/img/alergen1.jpg"); }
ul.seznam-alergenu li:nth-child(2) { background-image: url("/img/alergen2.jpg"); }
ul.seznam-alergenu li:nth-child(3) { background-image: url("/img/alergen3.jpg"); }
ul.seznam-alergenu li:nth-child(4) { background-image: url("/img/alergen4.jpg"); }
ul.seznam-alergenu li:nth-child(5) { background-image: url("/img/alergen5.jpg"); }
ul.seznam-alergenu li:nth-child(6) { background-image: url("/img/alergen6.jpg"); }
ul.seznam-alergenu li:nth-child(7) { background-image: url("/img/alergen7.jpg"); }
ul.seznam-alergenu li:nth-child(8) { background-image: url("/img/alergen8.jpg"); }
ul.seznam-alergenu li:nth-child(9) { background-image: url("/img/alergen9.jpg"); }
ul.seznam-alergenu li:nth-child(10) { background-image: url("/img/alergen10.jpg"); }
ul.seznam-alergenu li:nth-child(11) { background-image: url("/img/alergen11.jpg"); }
ul.seznam-alergenu li:nth-child(12) { background-image: url("/img/alergen12.jpg"); }
ul.seznam-alergenu li:nth-child(13) { background-image: url("/img/alergen13.jpg"); }
ul.seznam-alergenu li:nth-child(14) { background-image: url("/img/alergen14.jpg"); }

div.seznam-alergenu-popis * { color: #ACA098 !important; }
div.seznam-alergenu-popis h4 { margin-bottom: 10px !important; }
div.seznam-alergenu-popis li { font-size: 14px; }
div.seznam-alergenu-popis li span { font-family: SemiBold; padding-right: 5px; }

.druzina-casy { display: table; width: 100%; margin-bottom: 30px; }
.druzina-casy > div { width: 50%; white-space: nowrap; font-family: SemiBold; color: RGB(89, 66, 50); font-size: 24px; display: table-cell; vertical-align: middle; text-align: center; background-color: #f7f5f2; padding: 10px 30px; }
.druzina-casy > div:first-line { font-family: Regular; color: #2B2825; font-size: 18px; }
.druzina-casy > div:first-child { border-right: solid 1px #fff; }
.druzina-casy > div:last-child { border-left: solid 1px #fff; }

.mesto-nachod img { margin-top: 10px; }

ul.thread { list-style-type: none; margin: 0 0 20px 0; padding: 0; display: table; }
ul.thread li { list-style-type: none; margin: 0; padding: 0; display: table-cell; }
ul.thread li a { font-family: Regular; font-size: 13px; text-decoration: underline; color: #ACA098; display: table-cell; }
ul.thread li:after { content: "\002022"; display: table-cell; padding: 0 10px; font-size: 11px; color: #ACA098; }
ul.thread li:last-child a { color: #2B2825; text-decoration: none; }
ul.thread li:last-child:after { display: none; }

img.lightboxImage { box-shadow: 0 0 20px RGBA(89, 66, 50, 0.4); }
img.lightboxImageArticle { margin: 5px 20px 10px 0; float: left; display: block; width: 25%; }
img.lightboxImageArticleList { margin: -5px 20px 0px 0; float: left; display: block; width: 100px; }

.data-table-krouzky { width: 100%; }
.data-table-krouzky td { vertical-align: top; }
.data-table-krouzky td:first-child { }

ul.aktuality { list-style-type: none; margin: 0; }
ul.aktuality li { list-style-type: none; margin: 0 0 25px 0; }
ul.aktuality span.datum {
	font-family: Regular;
	font-size: 13px;
	color: #ACA098;
	display: block; line-height: 1.2em; }
ul.aktuality span.title a { font-family: SemiBold; }
ul.aktuality li:after { content: ""; display:block;clear:both;font-size:1px; margin-top:-1px; }

@media (max-width: 1099px) {

	.rozvrh-hodin .vyucujici { background: none !important; }

}

main article.clanek { line-height: 1.6em; }
main article.clanek h1 { line-height: initial; }
main article.clanek h2 { line-height: initial; margin-bottom: 20px !important; }
main article.clanek div.datum {
	font-family: Regular;
	font-size: 16px;
	color: #ACA098;
	display: block;
	/*text-transform: uppercase;*/
	margin-bottom: 10px;
}

.content-box-colored { padding: 20px; background-color: #FF781B14; margin-top: 20px; }
.content-box-colored table { width: 100%; }
.content-box-colored table td { padding: 10px 5px; text-align: center; }
.content-box-colored table tbody tr:first-child td { border-top-color: #908b8a; }
.content-box-colored table thead td,
table .content-box-colored td:first-child { font-family: SemiBold; }
.content-box-colored table thead td { border-top: none; }
.content-box-colored table tbody td { border-top: solid 1px #E0DDDB; font-size: 14px;}

.content-box-colored table.data-table td { text-align: left; vertical-align: top; }

.tblNastupy td:first-child { font-family: SemiBold; }

.opacity30p { opacity: 30%; }
.opacity50p { opacity: 50%; }

div.video {
	border: solid 5px #dbd1c4;
	padding: 1px;
}
div.video video {
	display: block;
	width: 100%;
}

.disabled, .disabled * { color: #999999 !important; text-decoration: line-through !important; }

article.clanek div.articleGallery {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	flex-direction: row;
}
article.clanek div.articleGallery div { width: 49%; !important; display: block; vertical-align: middle;}
article.clanek div.articleGallery div a { display: block; margin: 0 10px 10px 0;  }
article.clanek div.articleGallery div img { display: block; width: 100%; border-radius: 5px; }
article.clanek div.articleGallery a:before, main a.ill:before { display: none; content: ""; position: absolute; top:0; width:100%; height:100%; background: rgba(255, 120, 27, 0.65) url(/img/ic_full.svg) no-repeat center center; border-radius: 5px; }
article.clanek div.articleGallery a:hover:before, main a.ill:hover:before { display: block; }

/*
@media (max-width: 960px) {

	.home-content .row { display: flex; flex-direction: column; }
	.home-content .row .col-md-3 { order: 1; display: flex; flex-direction: column; }
	.home-content .row .col-md-3 article.fotogalerie { order: 3; }
	.home-content .row .col-md-3 article.udalosti { order: 1; }
	.home-content .row .col-md-3 article.sponzoring { order: 4; }
	.home-content .row .col-md-9 { order: 2; }

}
*/

@media (max-width: 960px) {

	.home-content div { display: flex; flex-direction: column; gap: 0px; }
	.home-box-udalosti { order: 1; }
	.home-box-udalosti h2 { margin-top: 0 !important; }
	.home-box-fotogalerie,
	.home-box-youtube { order: 3; margin-bottom: 10px; }
	.home-box-clanky { order: 2; }
	/*.home-box-fotogalerie { float: right; }*/
	/*.home-box-udalosti { float: right; }*/
	.home-box-sponzoring { order: 4; }
	/*.home-box-sponzoring { float: right; }*/
	/*.home-box-fotogalerie, .home-box-udalosti, .home-box-sponzoring { width: 205px; }*/

}
@media (min-width: 961px) {

	/*.home-content { display: flex; flex-direction: column; gap: 16px; flex-wrap: wrap; height: 800px; }*/
	/*.home-box { width: calc(50% - 16px); }*/
	/*.home-box { background-color: #88aa8866; }*/
	/*.home-box-clanky { flex-shrink: 3; order: 1; width: calc(100% - 275px); min-height: 500px; }*/
	.home-box-clanky { float: left; width: calc(100% - 290px); min-height: 500px; }
	.home-box-fotogalerie,
	.home-box-youtube { float: right; width: 275px; margin-bottom: 10px; }
	.home-box-udalosti { float: right; width: 275px; }
	.home-box-sponzoring { float: right; width: 275px; }
	/*.home-box-fotogalerie { order: 2; }*/
	/*.home-box-fotogalerie { float: right; }*/
	/*.home-box-udalosti { order: 3; }*/
	/*.home-box-udalosti { float: right; }*/
	/*.home-box-sponzoring { order: 4; }*/
	/*.home-box-sponzoring { float: right; }*/
	/*.home-box-fotogalerie, .home-box-udalosti, .home-box-sponzoring { width: 205px; }*/

}

@media (min-width: 1100px) {


	.home-box-clanky { width: calc(100% - 275px); }

	#wide { padding-top: 0px; }
	#wide.home { background-image: url("/img/zsbabi_bg@2x.png"); background-repeat: no-repeat; background-size: 100% auto; background-position: top center; }
	#wide.home main div.home-content article h2 { margin-top: 0px; }
	#wide.home main div.zs { padding: 30px 650px 115px 0; background-image: url("/img/keyvisual@2x.png"); background-position: right top; background-size: 60% auto; background-repeat: no-repeat; }
	#wide.home main div.zs h1 { font-size: 46px; line-height: 1em; margin-bottom: 13px; }
	#wide.home main div.zs h2 { font-size: 26px; color: RGB(172, 160, 152); }
	#wide.home main div.zs p { font-size: 18px; }

	body.home #root { padding-top: 30px; }

	#wide.home .home-content { padding-top: 40px; }
	#wide.home #root { padding-bottom: 0px; }
	#wide .home-content > div { width: 1100px; margin: 0 auto; }

	/*
	#wide .home-content .clanky { padding-right: 30px; column-count: 3; column-fill: revert; column-gap: 30px; }
	#wide .home-content .clanky article { margin-bottom: 30px; }
	*/
	#wide .home-content .clanky { }
	#wide .home-content .clanky article { width: calc(50% - 30px); margin-bottom: 30px; margin-right: 30px; }
	#wide .home-content .clanky article:nth-child(1n) { float: left; }
	#wide .home-content .clanky article:nth-child(2n) { float: right; }

	#wide main div.home-content h2.akce-udalosti { /*margin-top: 0px;*/ margin-bottom: 25px; }

	header > div:first-child { width: 1100px; margin: 0 auto; /*background-color: #0dcaf022;*/ position: relative; }
	footer > div { width: 1100px; margin: 0 auto; padding-left: 0; padding-right: 0; }
	main div.zs { width: 1100px; margin: 0 auto; }
	main div.zs p { padding-bottom: 10px; }

	header nav { width: auto; height: auto; margin: 0 auto; left: unset; display: block; position: absolute; top:8px; right: 60px; padding: 0; background-color: transparent; }
	header nav ul { display: table; padding: 0 40px 0 0 !important; }
	header nav ul li { display: table-cell; position: relative; }
	header nav ul li a { /*background-color: #0dcaf033;*/ padding: 25px 0px; font-family: SemiBold; font-size: 21px; border-left: none; border-top: solid 3px transparent; margin: 0 15px;}
	header nav ul li ul { display: none; position: absolute; width: 280px; top: 77px; left: calc(50% - 140px); background-color: RGBA(255, 255, 255, 0.98); padding: 20px 0px !important; margin: 0; box-shadow: 0 2px 60px RGBA(89, 66, 50, 0.2); }
	header nav ul li ul a { padding: 10px 30px; margin: 0; font-family: Medium; font-size: 18px; }
	header nav ul li ul a:hover { color: #FF781B !important;  text-decoration: underline !important;}
	header nav ul li ul li { display: table-row; }
	header nav > div > ul > li:hover > a { border-left: none; border-top: solid 3px #FF781B; }
	header nav > div > ul > li:hover ul { display: block !important; }
	header nav ul > li.aktivni a { border-left: none; }

	header nav ul li.openerOpened ul { display: none !important; }
	header nav ul li.openerOpened:hover ul { display: block !important; }

	header .icons { position: absolute; right: 0; top: -7px; }

	body.menu-on header { background-image: none; }
	body.menu-on main { display: block; }
	body.menu-on .nav-buttons { display: none; }

	#wide.home header { margin-top: 20px; height: 90px; }
	#wide.home header #nav-opener { display: none; }
	#wide.home header .fb { top: 33px; right: 0px; }
	#wide.home header .fb a { height: 30px; width: 30px; background-size: 30px; }
	#wide.home header .logo img { height: 86px; margin-left: 20px; }
	#wide.home header .logo p { display: none; }

	header #nav-opener { display: none; }
	header { padding-top: 0; height: 88px; }

	nav { top: 5px; }

	header .fb { top: 33px; right: 0px; }
	header .strava { top: 33px; right: 0px; }
	header .bakalari { top: 33px; right: 0px; }
	header .fb a { height: 30px; width: 30px; background-size: 30px; }
	header .strava a { height: 29px; width: 29px; background-size: 29px; }
	header .bakalari a { height: 29px; width: 29px; background-size: 26px; }

	header .logo { padding-top: 20px; }
	/*header .logo img { height: 53px; margin-left: 0; }*/
	/*header .logo p { display: block; left: 130px; font-family: SemiBold; font-size: 18px; top:20px; line-height: 1em; width: 150px; }*/
	/*header .logo p:last-child { font-size: 15px; padding-top: 8px; top: 50px; }*/
	header .logo img { height: 47px; margin-left: 0; margin-top: 5px; }
	header .logo p { display: block; left: 115px; font-family: SemiBold; font-size: 20px; top:25px; }
	header .logo p:last-child { font-size: 15px; padding-top: 8px; top: 42px; }

	#base main h2.akce-udalosti { margin-top: 10px; margin-bottom: 25px; }
	#base main .akce-seznam .akce .popis p { padding-top: 15px !important; }

	body#base main > div { width: 1100px; margin: 0 auto; padding-left: 0; padding-right: 0; }

	body#base main h1, body#wide main h1 { font-size: 46px; font-family: SemiBold; font-weight: normal; color: #2B2825; padding: 0; margin: 0 0 40px 0; }
	body#base main h2, body#wide main h2 { font-size: 32px; font-family: SemiBold; font-weight: normal; color: #2B2825; padding: 0; margin: 30px 0 0 0; }
	body#base main h3, body#wide main h3 { font-size: 26px; font-family: SemiBold; font-weight: normal; color: #2B2825; padding: 0; margin: 30px 0 20px 0; }
	body#base main h4, body#wide main h4 { font-size: 20px; font-family: SemiBold; font-weight: normal; color: #2B2825; padding: 0; margin: 30px 0 10px 0; }

	body#base main p, body#wide main p { font-size: 18px; font-family: Regular; font-weight: normal; color: #594232; line-height: 1.5em; margin: 0 0 20px 0; padding: 0; }
	body#base main p a, body#wide main p a { font-size: inherit; }

	#wide .kontakt-mapa { padding: 40px 0; background-size: 100% auto; margin: 0; }
	#wide .kontakt-mapa .info { width: 370px; margin-right: 0; padding-top: 300px; padding-bottom: 40px; }
	#wide .kontakt-mapa .info p { font-size: 18px; margin-bottom: 0; }
	#wide .kontakt-mapa .info p:nth-child(2) { font-size: 26px; }

	#wide .wide-content { width: 1100px; padding-left: 0 !important; padding-right: 0 !important; margin-left: auto !important; margin-right: auto !important; }

	div.two-columns { column-count: 2; }
	div.three-columns { column-count: 3; }
	div.two-columns p.clovek { break-inside: avoid; width: auto;  }

	.nastym > h2 { margin-top: 20px !important; }
	.nastym h2 { margin-bottom: 30px !important; margin-top: 60px !important; }
	.nastym p.clovek { margin-bottom: 10px !important; }

	table.rozvrh-hodin td,
	table.rozvrh-hodin .denVTydnu div,
	table.rozvrh-hodin .hodina div { width: 100px; }
	table.rozvrh-hodin td { height: 110px; }
	table.rozvrh-hodin .denVTydnu div,
	table.rozvrh-hodin .hodina div { height: 100px; }
	table.rozvrh-hodin .od,
	table.rozvrh-hodin .do,
	table.rozvrh-hodin .oddosep { display: inline; font-size: 13px; }
	table.rozvrh-hodin .predmet,
	table.rozvrh-hodin .denVTydnu div { font-size: 26px; }
	table.rozvrh-hodin .vyucujici { font-size: 16px !important; padding-left: 25px; padding-top: 8px; padding-bottom: 8px; background-repeat: no-repeat; background-size: 24px; background-position: 22px 5px; }
	div.rozvrh-hodin h3.podnadpis { margin: 5px 0 0 0 !important; padding: 0 !important; font-size: 18px !important; color: RGB(172, 160, 152) !important; font-family: Regular !important; }

	.submenu h2 { margin-top: 0 !important; }

	table.data-table-kalkulace { width: 100%; }
	table.data-table-kalkulace td:first-child { padding-left: 10px; }
	table.data-table-kalkulace td:last-child { padding-right: 10px; }
	table.data-table-kalkulace td { font-size: 18px; }
	table.data-table-kalkulace td.cena { width: 150px; }

	.md-dNone { display: none; }

	main .akce-seznam .akce .popis p { padding-top: 17px !important; }

	.content-box-colored thead td { font-size: 22px !important; }
	.content-box-colored td { padding: 15px 10px; font-size: 18px !important; }

	#wide main div.home-content article h2 a { display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

	main div.articleDetailImage { display: block; position: relative; }
	main div.articleDetailImage img.lightboxImage { width: 125px; height: 75px; object-fit: cover; margin-bottom: 0; display: block; border-radius: 5px; }
	main div.articleDetailImage span.zoom-in { position: absolute; z-index: 100; left: 0; top: 60px; display: block; width: 20px; height: 20px; }
	main div.articleDetailImage span.zoom-in img { display: block; width: 16px; height: 16px; margin: 2px; }
	/*main div.articleDetailImage a:before { display: none; content: ""; position: absolute; top:0; width:100%; height:100%; background: rgba(0, 46, 93, .75) url(/img/ic_full.svg) no-repeat center center; }*/
	/*main div.articleDetailImage a:hover:before { display: block; }*/

	.jidelni-listek .den p { display: table; margin: 0 !important; }
	.jidelni-listek .den p span { display: table-cell; padding: 0 !important; }
	.jidelni-listek .den p span:first-child { width: 120px; }

	.jidelni-listek em.alergeny span { padding: 0px 3px 0 2px !important; }

	article.clanek div.articleGallery {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		flex-direction: row;
	}
	article.clanek div.articleGallery div { width: 24%; !important; display: block; vertical-align: middle;}
	article.clanek div.articleGallery div a { display: block; margin: 0 10px 10px 0; }
	article.clanek div.articleGallery div img { display: block; width: 100%; }

}