html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
dialog, /* custom */
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* custom */
body {
background: #fff;
}
table,
th,
td {
vertical-align: middle;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
}
:focus {
outline: 0;
}
@media print {
.header {
display:none;
}
.horizontalmenu {
display:none;
}
.left {
display:none;
}
.confoot2 {
display:none;
}
.footer {
display:none;
}
}
@-ms-viewport {
width: device-width;
}
body {
line-height: 1.625;
font-family: 'Arial CE', 'Helvetica CE', Arial, Verdana, Helvetica, sans-serif;
text-align: left;
color: #000;
}
/* margin bottom */
address, dl, p, pre, ol, table, ul {
margin-bottom: 1em;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0em;
}
ul, ol, dd {
margin-left: 2em;
}
ul {
list-style-type: square; /* custom */
}
ol {
list-style-type: decimal;
}
/* extra margin */
blockquote {
margin-bottom: 2em;
margin-top: 2em;
}
h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote,
h5 + blockquote, h6 + blockquote {
margin-top: 0;
}
/* overflow */
pre {
overflow: auto;
}
/* font size */
sub, sup, small {
font-size: smaller;
}
big {
font-size: larger;
}
/* vertical align */
sub {
vertical-align: sub;
}
sup {
vertical-align: super;
}
/* monospace font */
code, kbd, pre, samp, tt, var, listing {
font-family: monospace;
text-indent: 0; /* <code> inline-block fix */
}
/* code output */
pre {
-o-tab-size: 4;
-moz-tab-size: 4;
tab-size: 4;
}
pre code {
display: inline; /* <code> inline-block fix */
}
/* italic */
address, blockquote, cite, dfn, em, i, ins, q, var {
font-style: italic;
}
/* bold */
b, kbd, strong, th {
font-weight: bold;
}
/* underline */
a, u {
text-decoration: underline;
}
/* line through */
del, s, strike {
text-decoration: line-through;
}
/* text decoration */
ins {
text-decoration: none;
}
/* heading */
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
margin-top: 1em;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child  {
margin-top: 0;
}
h1 {
font-size: 250%;
line-height: 1.2;
margin-bottom: 0.4em; /* 16 / 40 */
}
h2 {
font-size: 200%;
line-height: 1.25;
margin-bottom: 0.5em; /* 16 / 32 */
}
h3 {
font-size: 175%;
line-height: 1.286;
margin-bottom: 0.571em; /* 16 / 28 */
}
h4 {
font-size: 150%;
line-height: 1.167;
margin-bottom: 0.667em; /* 16 / 24 */
}
h5 {
font-size: 125%;
line-height: 1.2;
margin-bottom: 0.8em; /* 16 / 20 */
}
h6 {
font-size: 100%;
line-height: 1.25;
margin-bottom: 1em;
}
/* tables */
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
vertical-align: inherit;
}
td, th, caption {
padding: 0.2em 0.6em;
text-align: left;
}
th {
text-align: center;
}
/*fix for IE6, IE7*/
th p {
text-align: left;
}
/*\fix for IE7*/
caption {
text-align: center;
}
form td, form tr {
border: none;
}
/* forms */
fieldset {
border: 1px solid #bbb;
margin-bottom: 1em;
padding: 0.6em 1em 1em;
}
legend {
margin-left: 0.2em;
padding: 0 0.4em;
}
/* HTML5 */
mark {
color: #000;
background-color: #ff0;
padding: 1px 3px;
}
/* other */
hr {
background: transparent;
height: 1px;
border-width: 0;
border-top: 1px solid #aaa;
}
/* other - deprecated */
center {
text-align: center;
}
a,
a:hover,
a:focus,
a:active {
text-decoration: underline;
}
input, select, textarea {
padding: 0.25em 0.5em;
box-sizing: border-box;
}
textarea {
resize: vertical;
}
blockquote {
margin: 2em;
padding: 0.625em 2em;
border-left: 0.5em solid #dddddd;
}
.bottom {
clear: both;
}
.h4_warning {
color: #CC0000;
margin: 0.5em 0.5em 0.5em 1em;
}
.p_margin { /* p s odsazenim */
margin: 1em 0 0.25em 0;
padding: 0.25em;
}
/* error/warning messages */
.mess_error {
margin: 0 0 5px 0;
padding: 10px;
text-align: left;
background: #FCFFD5;
border: 1px solid red;
color: red;
}
.mess_info {
margin: 0 0 5px 0;
padding: 10px;
text-align: left;
background: #FCFFD5;
border: 1px solid green;
color: green;
}
.required {
/* povinne pole ve formulari */
vertical-align: top;
color: red;
}
/**** LAYOUT ****/
.header-inner,
.horizontalmenu-inner,
.navigation-inner,
.body-inner,
.footer-inner {
max-width: 75em;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
padding: 1em;
}
.horizontalmenu-inner {
padding-top: 0;
padding-bottom: 0;
}
/*** TABLES ***/
table {
border-collapse: collapse;
margin-bottom: 1em;
}
th {
padding: 0.5em;
background: #ECECEC;
}
td {
padding: 0.5em 1em;
border: 1px solid #555555;
}
.tr_zebra1 {
background: white;
border-bottom: 1px dotted #B4B4B4;
}
.tr_zebra2 {
background: white;
border-bottom: 1px dotted #B4B4B4;
}
.tr_over2 {
background: #F6F6F6;
}
table.bordernone td {
border: none;
}
table.noborder td {
border: none;
}
.row {
display: grid;
row-gap: 1em;
margin-bottom: 2em;
grid-template-columns: 1fr;
}
.row > .bottom {
display: none;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-3x1,
.col-md-3x2,
.col-md-4x1,
.col-md-4x2 {
grid-column: span 1;
min-width: 0; /* https://stackoverflow.com/a/43312314 */
}
@media only screen and (min-width:60em) {
.row {
grid-template-columns: repeat(60, 1fr);
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-3x1,
.col-md-3x2,
.col-md-4x1,
.col-md-4x2 {
margin-right: 1em;
}
.col-md-1 {
grid-column: span 60;
}
.col-md-2 {
grid-column: span 30;
}
.col-md-3 {
grid-column: span 20;
}
.col-md-4 {
grid-column: span 15;
}
.col-md-5 {
grid-column: span 12;
}
.col-md-3x1 {
grid-column: span 20;
}
.col-md-3x2 {
grid-column: span 40;
}
.col-md-4x1 {
grid-column: span 15;
}
.col-md-4x2 {
grid-column: span 30;
}
}
.main-menu {
width: 100%;
box-sizing: border-box;
}
.main-menu__items {
list-style: none;
margin: 0;
margin-left: 2em;
box-sizing: border-box;
}
.main-menu--top > .main-menu__items {
margin-left: 0;
}
.main-menu__item-wrapper {
display: block;
position: relative;
}
.main-menu__item-arrow {
display: block;
position: absolute;
right: 0;
top: 50%;
background: transparent;
border: none;
box-sizing: border-box;
width: 2em;
height: 2em;
padding: 0;
margin: 0;
margin-top: -1em;
font-weight: bold;
font: inherit;
color: inherit;
cursor: pointer;
background: url('/img/chevron-right-white.svg') no-repeat center center;
background-size: 1em;
}
.main-menu--submenu {
height: 0;
overflow: hidden;
}
.main-menu__item--opened > .main-menu--submenu {
height: auto;
overflow: visible;
}
.main-menu__item--opened > .main-menu__item-wrapper > .main-menu__item-arrow {
transform: rotate(90deg);
}
/* LINK */
.main-menu-link,
.main-menu-link__icon,
.main-menu-link__label {
display:  block;
box-sizing: border-box;
}
.main-menu-link {
text-decoration: none;
color: inherit;
display: flex;
align-items: center;
}
.main-menu-link__label {
padding: 0.75em;
flex: 1;
}
.main-menu-link {
position: relative;
}
.main-menu--submenu .main-menu-link:before {
content: "";
width: 0.5em;
height: 0.5em;
background: currentColor;
display: block;
position: absolute;
border-radius: 50%;
left: -0.375em;
}
.main-menu-link:hover > .main-menu-link__label,
.main-menu-link:focus > .main-menu-link__label,
.main-menu-link:active > .main-menu-link__label {
text-decoration: underline;
color: inherit;
}
.main-menu-link--active,
.main-menu-link--current {
font-weight: bold;
}
.menu-switcher-container {
display: block;
width: 100%;
height: 0px;
overflow: hidden;
transform: scaleY(0);
transform-origin: top;
transition: transform 0.26s ease;
}
.menu-switcher-container--active {
height: auto;
transform: scaleY(1);
}
.menu-switcher,
.menu-switcher__button,
.menu-switcher__icon,
.menu-switcher__label {
display: block;
box-sizing: border-box;
}
.menu-switcher__icon {
margin: 0 auto;
}
.menu-switcher__button {
text-align: center;
cursor: pointer;
border: none;
border-radius: 0.5em;
background: #333;
color: #fff;
padding: 0.25em 0.5em;
}
.menu-switcher__label {
font-weight: bold;
font-size: 112.5%;
text-decoration: none;
}
.menu-switcher__button:hover .menu-switcher__label,
.menu-switcher__button:focus .menu-switcher__label {
text-decoration: underline;
}
.menu-switcher__button {
display: flex;
align-items: center;
justify-content: center;
gap: 1em;
}
.header-inner {
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media only screen and (min-width: 60em) {
.header-inner {
flex-wrap: nowrap;
justify-content: space-between;
}
}
.horizontalmenu .m0_0 {
display: inline-block;
}
.horizontalmenu .m0_0 a {
display: block;
padding: 0.75em 1.5em;
text-decoration: none;
}
.horizontalmenu .m0_0 a span {
display: block;
}
.horizontalmenu .m0_0 a:hover,
.horizontalmenu .m0_0 a:focus,
.horizontalmenu .m0_0 a:active {
text-decoration: underline;
}
.left,
.right {
box-sizing: border-box;
}
@media only screen and (min-width: 60em) {
.left {
float: left;
width: 30%;
padding-right: 1em;
padding-top: 1em;
}
.right {
float: right;
width: 70%;
padding-left: 1em;
padding-top: 1em;
}
.right--wide {
float: none;
width: auto;
border: none;
}
.right--on-left {
float: left;
padding-left: 0;
padding-right: 1em;
}
.left--on-right {
float: right;
padding-right: 0;
padding-left: 1em;
}
}
.menu2 .m1_0,
.menu2 .m1_0 a,
.menu2 .m1_0 span,
.menu2 .m1_1,
.menu2 .m1_1 a,
.menu2 .m1_1 span,
.menu2 .m1_2,
.menu2 .m1_2 a,
.menu2 .m1_2 span,
.menu2 .m1_3,
.menu2 .m1_3 a,
.menu2 .m1_3 span,
.menu2 .m1_4,
.menu2 .m1_4 a,
.menu2 .m1_4 span,
.menu2 .m1_5,
.menu2 .m1_5 a,
.menu2 .m1_5 span {
display: block;
box-sizing: border-box;
}
.menu2 .m1_2 {
padding-left: 1em;
}
.menu2 .m1_3 {
padding-left: 2em;
}
.menu2 .m1_4 {
padding-left: 3em;
}
.menu2 .m1_5 {
padding-left: 4em;
}
.menu2 .m1_0 a:hover,
.menu2 .m1_0 a:focus,
.menu2 .m1_0 a:active,
.menu2 .m1_1 a:hover,
.menu2 .m1_1 a:focus,
.menu2 .m1_1 a:active,
.menu2 .m1_2 a:hover,
.menu2 .m1_2 a:focus,
.menu2 .m1_2 a:active,
.menu2 .m1_3 a:hover,
.menu2 .m1_3 a:focus,
.menu2 .m1_3 a:active,
.menu2 .m1_4 a:hover,
.menu2 .m1_4 a:focus,
.menu2 .m1_4 a:active,
.menu2 .m1_5 a:hover,
.menu2 .m1_5 a:focus,
.menu2 .m1_5 a:active {
text-decoration: underline;
}
/* calendar */
.calendar {
width: 100%;
border: 1px solid #B4B4B4;
}
.calendar .td_date {
width: 20%;
text-align: right;
vertical-align: top;
}
.calendar .td_date .day {
font-size: 150%;
float: right;
margin: 0 5px 0 0;
}
.calendar .td_date .monthyear {
float: right;
text-align: left;
}
.calendar .td_date .year {
font-size: 80%;
color: #999;
}
.calendar .td_desc {
width: 80%;
vertical-align: top;
}
/* widget calendar */
.wg_calendar {
position: relative;
padding-top: 3.25em;
}
.wg_cal_table {
font-size: 100%;
table-layout: fixed;
width: 100%;
margin-bottom: 1em;
}
.wg_cal_navi {
display: block;
position: absolute;
left: 0;
right: 0;
top: 0;
}
.wg_cal_navi td {
color: inherit;
font-weight: bold;
text-align: center;
padding: 0.85em 0;
display: block;
}
.wg_cal_navi td:first-child,
.wg_cal_navi td:last-child {
display: none;
}
.wg_cal_navi td:nth-child(2),
.wg_cal_navi td:nth-child(4) {
position: absolute;
top: 0;
bottom: 0;
width: 36px;
overflow: hidden;
}
.wg_cal_navi td:nth-child(2) a,
.wg_cal_navi td:nth-child(4) a {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
overflow: hidden;
padding-left: 36px;
box-sizing: border-box;
}
.wg_cal_navi td:nth-child(2) {
left: 0;
}
.wg_cal_navi td:nth-child(4) {
right: 0;
}
.wg_cal_navi td:first-child a,
.wg_cal_navi td:last-child a {
display: none;
}
.wg_cal_th {
width: 100%;
height: 100%;
display: block;
font-weight: bold;
text-align: center;
color: #fff;
font-size: 150%;
line-height: 1;
text-decoration: none;
}
.wg_cal_days td {
font-weight: bold;
}
.wg_cal_td {
text-align: right;
padding: 0.85em 3px;
font-size: 87.5%;
position: relative;
}
.wg_cal_td_a {
display: block;
text-align: inherit;
text-decoration: none;
font-weight: bold;
padding: 0.85em 3px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
box-sizing: border-box;
}
.wg_cal_td_a:hover,
.wg_cal_td_a:focus,
.wg_cal_td_a:active {
text-decoration: underline;
}
/* global content footer (send and print) */
.confoot1 {
clear: both;
}
.confoot2 {
clear: both;
text-align: right;
}
.confoot2 span {
position: relative;
left: 3px;
bottom: 4px;
}
.confoot2 a {
text-decoration: none;
}
.confoot2 img {
width: 18px;
}
/* CONTENT */
.content p {
margin-top: 1em;
margin-bottom: 1em;
}
.cimg {
float: left;
}
.cimg img {
width: 150px;
}
.methodone.cperex {
margin: 1em 0;
}
.methodone.cimg {
margin: 0.5em 1em 0.5em 0;
}
.methodtwo.ctitle {
clear: both;
margin: 1em 0 0 0;
font-size: 112.5%;
font-weight: bold;
}
.methodtwo.cperex {
margin: 0.5em 0 1em 0;
}
.methodtwo.cimg {
margin: 0.5em 1em 0.5em 0;
}
/* canteen */
.canteen_table {
width: 100%;
border: 1px solid #B4B4B4;
}
.tr_day {
background: #ECECEC;
}
.tr_day h4 {
margin: 4px 0 4px 0;
}
.desc_short {
display: none;
}
.food {
vertical-align: top;
}
.td_typefood {
width: 20%;
vertical-align: top;
}
.td_quantity {
text-align: right;
width: 10%;
vertical-align: top;
}
.td_title {
width: 55%;
}
.td_price {
width: 10%;
}
.td_price {
width: 5%;
}
.td_po {
vertical-align: top;
}
.legendtitle {
font-size: 120%;
font-weight: bold;
}
.food_type {
margin: 10px 10px 0 10px;
padding: 0 10px;
font-size: 90%;
font-weight: bold;
}
.food_title {
margin: 0 10px;
padding: 0 10px;
}
.food_next {
text-align: right;
}
.alg {
cursor: help;
border-bottom: 1px dotted #000;
}
/* FORUM */
.forum {
width: 100%;
border: 1px solid #B4B4B4;
}
.forum_headers {
background: #ECECEC;
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
}
.forum_theme {
background-color: #F8FCFE;
}
.forum_article {
border: 1px solid #B4B4B4;
background-color: #F8FCFE;
float: right;
clear: both;
text-align: left;
padding: 8px;
margin: 5px 0 5px 0;
width: 97%;
}
.dis_vminus_div {
width: 20px;
height: 24px;
float: right;
display: block;
background: url(/templates/mod/forum/img/like_w40.png) top right;
margin: 0 0 0 5px;
}
.dis_vplus_div {
width: 20px;
height: 24px;
float: right;
display: block;
background: url(/templates/mod/forum/img/like_w40.png);
}
.for_insert_theme {
width: 98%;
border: none;
}
.for_insert_theme .for_subject {
width: 100%;
}
height
.for_insert_theme .for_body {
width: 100%;
height: 100px;
}
.for_insert_theme .for_owner {
width: 90%;
}
.for_insert_theme .for_email {
width: 100%;
}
.for_insert_article {
width: 98%;
border: none;
}
.for_insert_article .for_subject {
width: 100%;
}
.for_insert_article .for_body {
width: 100%;
height: 100px;
}
.for_insert_article .for_owner {
width: 90%;
}
.for_insert_article .for_email {
width: 100%;
}
/* login */
.login {
text-align: center;
}
.login .log_nadpis {
margin: 50px 0 0 0;
}
.login .log_box {
margin: 0% auto;
width: 300px;
padding: 10px;
text-align: left;
}
.login .log_form {
margin: 10px;
text-align: right;
}
.log_login,
.log_pass,
.log_sub {
margin: 7px 0 0 0;
}
.logged {
padding: 7px;
}
.log_cntnews {
color: #FF0000;
}
/* login - userpage */
.userpage .for_insert_theme td {
border: none;
}
.userpage .acount_dashboard td {
border: none;
}
.userpage .forum td {
border: 1px solid #B4B4B4
}
.userpage .files td {
border: 1px solid #B4B4B4
}
/* mapa webu */
.map1 {
margin: 4px 0 4px 5px;
font-weight: bold;
}
.map1_0 {
margin: 10px 0 4px 20px;
}
.map1_1 {
margin: 4px 0 4px 40px;
}
.map1_2 {
margin: 2px 0 2px 60px;
}
.map1_3 {
margin: 2px 0 2px 80px;
}
.map1_4 {
margin: 2px 0 2px 100px;
}
.map1_5 {
margin: 2px 0 2px 120px;
}
/* feedback box */
.feedback-box {
position: fixed;
right: 0;
top: 50%;
margin: 60px 0 0 0;
height: 200px;
width: 48px;
z-index: 80;
}
a .feedback {
width: 50px;
height: 96px;
background: url(/img/feedback.png) no-repeat left;
border: 1px solid #ACACAC;
}
a:hover .feedback {
background: url(/img/feedback.png) no-repeat right;
border: 1px solid #7EB4EA;
}
/* files */
.files {
width: 100%;
border: 1px solid #B4B4B4;
}
.files_headers {
background: #ECECEC;
border-top: 1px solid #B4B4B4;
border-bottom: 1px solid #B4B4B4;
}
.files .icon_file img {
width: 30px;
}
.files .filename {
font-size: 80%;
color: #555555;
}
.files .file_desc {
font-size: 80%;
}
/* epodatelna */
.epodinput {
width: 96%;
}
/* POLLS */
.poll {
padding: 10px;
margin: 10px;
width: 204px;
color: black;
}
.poll a {
}
.poll_title {
}
.poll_wallfull {
background: #E1E1E1;
height: 6px;
}
.poll_wall {
background: #B4B4B4;
height: 6px;/*width:$p%;  - v scripts/poll.php */
}
/* teachers */
.ucitele {
width: 100%;
border: 1px solid #B4B4B4;
}
/* quiz/test */
.pcenter {
text-align: center;
}
.pcenter a {
font-weight: bold;
}
.pq {
margin: 20px 10px 20px 10px;
}
h4 {
margin: 20px 0 5px 0;
}
/* dashboard */
.contribution {
border: 1px solid #B4B4B4;
background: white;
text-align: center;
padding: 0 20px 20px 20px;
margin: 0 0 30px 0;
box-shadow: 5px 5px 2px #D0D0D0;
}
.contribution .pin {
width: 40px;
position: relative;
left: -10px;
top: -15px;
}
.contribution p {
text-align: left;
}
.contribution .owner {
float: right;
position: relative;
top: 10px;
left: -10px;
color: #999;
}
.contribution .date {
float: left;
position: relative;
top: 10px;
color: #999;
}
.contribution .cb_box {
text-align: left;
}
/* fotogalery */
.photos_viewsetting .active {
opacity: 0.7;
}
.photogallery {
}
.imgb {
float: left;
width: 23%;
padding: 2px 5px;
text-align: center;
}
.imgb .inner {
position: relative;
}
.imgb .desc {
width: 100%;
position: absolute;
bottom: 5px;
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0, 0, 0, 1)', endColorstr='rgba(0, 0, 0, 0)', GradientType=1);
color: #fff;
display: none;
}
.imgb .desc div {
margin: 5px 3px 0 3px;
}
.imgb .desc div a {
color: #fff;
}
.imgb .hover {
display: block;
}
.photogallery img {
width: 100%;
max-height: 133px;
border: 1px solid #E1E1E1;
box-shadow: 5px 5px 2px #EAEAEA;
}
.navidate {
text-align: center;
font-weight: bold;
}
.footer_box {
margin-bottom: 1em;
font-size: 87.5%;
}
.footer_box:last-child {
margin-bottom: 0;
}
body {
font-family: 'Source Sans Pro', sans-serif;
}
a {
color: #E20714;
}
h1 {
color: #E20714;
font-size: 200%;
}
h2 {
color: #52AE32;
font-size: 175%;
}
h3 {
color: #52AE32;
font-size: 150%;
}
h4,
h5,
h6 {
color: #004F9E;
}
h4 {
font-size: 125%;
}
h5 {
font-size: 112.5%;
}
/*** LAYOUT ***/
.header-inner,
.horizontalmenu-inner,
.navigation-inner,
.body-inner,
.footer-inner {
max-width: 62em;
}
.left {
position: relative;
padding-top: 0;
}
.right {
background: #fff;
padding: 1em 2em;
}
.right--homepage {
background: transparent;
}
@media only screen and (min-width: 60em) {
.body-inner {
display: flex;
align-items: flex-start;
}
.left {
width: 34%;
order: 1;
}
.right {
width: 66%;
padding-left: 2em;
padding-right: 1.5em;
order: 2;
}
.left--on-right{
order: 1;
}
.right--on-left {
padding-left: 1.5em;
padding-right: 2em;
order: 1;
}
.right--homepage {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.left--homepage {
padding-left: 0;
padding-right: 1em;
}
.left--homepage.left--on-right {
padding-left: 1em;
padding-right: 0;
position: absolute;
top: 2em;
right: 0;
}
}
/*** PAGE ***/
body {
background: #fff url('../img/ep_naturalwhite.png');
}
/* barva webu */
.page {
--web-color: #52AE32;
}
.page--spc {
--web-color: #a11a5c;
}
.page--demlova {
--web-color: #fecb00;
}
.page--masinka {
--web-color: #e10715;
}
.page--pohadka {
--web-color: #004f9e;
}
.page--nadolech {
--web-color: #ee7d00;
}
.page--pisnicka {
--web-color: #64c7f2;
}
.header-inner,
.horizontalmenu-inner,
.body-inner {
}
/*** HEADER ***/
.header {
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
position: relative;
z-index: 10;
}
.header-inner {
align-items: center;
padding-top: 0;
padding-bottom: 0;
}
.h_one,
.h_two,
.h_three {
padding: 1em;
}
.h_one {
padding-left: 0;
flex-shrink: 0;
}
.h_three {
padding-right: 0;
flex-shrink: 0;
}
.logo,
.logo__image,
.logo__text,
.webtitle,
.webtitle__subtitle {
display: block;
color: inherit;
margin: 0;
text-decoration: none;
}
.logo__image img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.webtitle {
font-weight: bold;
font-size: 137.5%;
color: #52AE32;
text-align: center
}
/*** HORIZONTAL MENU ***/
.horizontalmenu {
background: #52AE32;
margin-bottom: 0;
}
.horizontalmenu-inner {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0;
}
.horizontalmenu .m0_0 {
flex: 1;
text-align: center;
padding: 0.75em 0.125em 0.5em;
}
.horizontalmenu .m0_0 a {
font-weight: bold;
color: #fff;
padding: 0.5em 1em;
position: relative;
border: 2px solid transparent;
}
.horizontalmenu .m0_0 a span {
position: relative;
display: block;
font-size: 112.5%;
}
.horizontalmenu .m0_0 a:hover,
.horizontalmenu .m0_0 a:focus,
.horizontalmenu .m0_0 a:active,
.horizontalmenu .m0_0 .m0_0hov {
border-color: #fff;
}
.horizontalmenu .m0_0:last-child a {
background: #fff;
color: #52AE32;
}
.horizontalmenu--spc {
background: #a11a5c;
}
.horizontalmenu--spc .m0_0:last-child a {
color: #a11a5c;
}
/*** MOBILE MENU ***/
/* na mobilu nahrazuje horizontalni menu i kontextovou nabidku */
.horizontalmenu,
.menu2 {
display: none;
}
/* nazev webu na mobilu neni potreba, je v logu i v title */
.h_two {
display: none;
}
/* tlacitko Menu vpravo vedle loga */
.h_four {
padding: 1em 0;
margin-left: auto;
}
.menu-switcher__button {
background: var(--web-color);
border-radius: 0.25em;
padding: 0.375em 0.75em;
gap: 0.5em;
}
/* rozbalene menu i vyhledavani maji vlastni radek pod logem,
menu hned pod tlacitkem, ktere ho otevira */
.h_three,
.h_five {
flex-basis: 100%;
}
.h_three {
order: 2;
padding-left: 0;
}
/* rozbalene menu pres celou sirku hlavicky */
.h_five {
order: 1;
margin: 0 -1em;
padding: 0 1em;
background: var(--web-color);
color: #fff;
}
.h_five .main-menu--top {
padding: 0.5em 0;
}
.h_five .main-menu__item + .main-menu__item {
border-top: 1px solid rgba(255, 255, 255, 0.5);
}
/* od 40em se vyhledavani vejde mezi logo a tlacitko */
@media only screen and (min-width: 40em) {
.h_three {
order: 0;
flex: 1;
padding-left: 1em;
padding-right: 1em;
}
}
@media only screen and (min-width: 60em) {
.horizontalmenu,
.menu2 {
display: block;
}
.h_two {
display: block;
}
.h_three {
flex: 0 0 auto;
padding-right: 0;
}
.h_four,
.h_five {
display: none;
}
}
/*** SPEED DIAL ***/
.speed-dial {
margin-top: 4em;
}
.speed-dial__inner {
max-width: 80em;
padding: 0 1em;
box-sizing: border-box;
margin: 1em auto 2em;
text-align: center;
display: flex;
flex-wrap: wrap;
}
.speed-dial__link {
display: flex;
flex: 1;
text-align: left;
background: #fff;
color: #000;
border: 1px solid currentColor;
border-right-width: 5px;
margin: 0.125em 0.375em;
font-size: 112.5%;
text-decoration: none;
transition: transform 0.2s;
font-weight: bold;
align-items: center;
overflow: visible;
}
.speed-dial__link:hover,
.speed-dial__link:focus,
.speed-dial__link:active {
transform: scale(1.025);
text-decoration: none;
}
.speed-dial__link:hover .speed-dial__link-label,
.speed-dial__link:focus .speed-dial__link-label,
.speed-dial__link:active .speed-dial__link-label {
text-decoration: underline;
}
.speed-dial__link-icon,
.speed-dial__link-label {
display: block;
padding: 0.375em 0.75em;
}
.speed-dial__link-icon {
padding-right: 0.375em;
flex: 0;
}
.speed-dial__link-icon img {
display: block;
}
.speed-dial__link-label {
flex: 1;
flex-shrink: 0;
padding-left: 0.25em;
}
.speed-dial__link--content-154 {
color: #52ae32;
}
.speed-dial__link--content-155 {
color: #fecb00;
}
.speed-dial__link--content-156 {
color: #e10715;
}
.speed-dial__link--content-157 {
color: #004f9e;
}
.speed-dial__link--content-158 {
color: #a11a5c;
}
.speed-dial__link--content-280 {
color: #ee7d00;
}
.speed-dial__link--content-523 {
color: #64c7f2;
}
/*** BODY ***/
.body {
}
.body-inner {
padding-top: 2em;
padding-bottom: 2em;
}
.body-inner--homepage {
padding-bottom: 0;
position: relative;
}
.body-outer {
position: relative;
background: url('../img/deti-bc.png') repeat-x center bottom;
}
/*** LEFT MENU ***/
.menu2-inner {
background: #fff;
padding: 0.5em 0.5em 0;
}
.menu2 .m1_1,
.menu2 .m1_2,
.menu2 .m1_3,
.menu2 .m1_4,
.menu2 .m1_5 {
padding-bottom: 0.5em;
}
.menu2 .m1_0 a,
.menu2 .m1_1 a,
.menu2 .m1_2 a,
.menu2 .m1_3 a,
.menu2 .m1_4 a,
.menu2 .m1_5 a {
padding: 0.625em 2em;
text-decoration: none;
}
.menu2 .m1_0 a {
font-weight: bold;
position: relative;
color: #fff;
background: #52AE32;
display: inline-block;
padding: 0.625em 2em;
}
.menu2 .m1_0 a span {
font-size: 112.5%;
}
.menu2 .m1_1 a,
.menu2 .m1_2 a,
.menu2 .m1_3 a,
.menu2 .m1_4 a,
.menu2 .m1_5 a {
font-weight: bold;
color: #52AE32;
position: relative;
border: 2px solid #52AE32;
}
.menu2 .m1_1 a,
.menu2 .m1_2 a,
.menu2 .m1_3 a,
.menu2 .m1_4 a,
.menu2 .m1_5 a {
background: url('../img/ico-arow-kontext-menu_01.png') no-repeat center right 8px;
}
.menu2 .m1_1 a span,
.menu2 .m1_2 a span,
.menu2 .m1_3 a span,
.menu2 .m1_4 a span,
.menu2 .m1_5 a span {
font-size: 112.5%;
}
.menu2 .m1_1 a:hover,
.menu2 .m1_1 a:focus,
.menu2 .m1_1 a:active,
.menu2 .m1_2 a:hover,
.menu2 .m1_2 a:focus,
.menu2 .m1_2 a:active,
/*.menu2 .m1_3 a:hover,
.menu2 .m1_3 a:focus,
.menu2 .m1_3 a:active,
.menu2 .m1_4 a:hover,
.menu2 .m1_4 a:focus,
.menu2 .m1_4 a:active,
.menu2 .m1_5 a:hover,
.menu2 .m1_5 a:focus,
.menu2 .m1_5 a:active,*/
.menu2 .m1_1 .m1_0hov,
.menu2 .m1_2 .m1_0hov
/*.menu2 .m1_3 .m1_0hov,
.menu2 .m1_4 .m1_0hov,
.menu2 .m1_5 .m1_0hov*/ {
color: #fff;
background-color: #52AE32;
background-image: url('../img/ico-arow-kontext-menu_02.png');
}
.menu2--demlova .m1_1 a {
border-color: #fecb00;
color: #fecb00;
}
.menu2--demlova .m1_0 a,
.menu2--demlova .m1_1 a:hover,
.menu2--demlova .m1_1 a:focus,
.menu2--demlova .m1_1 a:active,
.menu2--demlova .m1_1 .m1_0hov {
background-color: #fecb00;
}
.menu2--demlova .m1_1:last-child a {
background-color: #fecb00;
background-image: url('../img/ico-arow-kontext-menu_02.png');
color: #fff;
}
.menu2--masinka .m1_1 a {
border-color: #e10715;
color: #e10715;
}
.menu2--masinka .m1_0 a,
.menu2--masinka .m1_1 a:hover,
.menu2--masinka .m1_1 a:focus,
.menu2--masinka .m1_1 a:active,
.menu2--masinka .m1_1 .m1_0hov {
background-color: #e10715;
}
.menu2--pohadka .m1_1 a {
border-color: #004f9e;
color: #004f9e;
}
.menu2--pohadka .m1_0 a,
.menu2--pohadka .m1_1 a:hover,
.menu2--pohadka .m1_1 a:focus,
.menu2--pohadka .m1_1 a:active,
.menu2--pohadka .m1_1 .m1_0hov {
background-color: #004f9e;
}
.menu2--nadolech .m1_1 a {
border-color: #ee7d00;
color: #ee7d00;
}
.menu2--nadolech .m1_0 a,
.menu2--nadolech .m1_1 a:hover,
.menu2--nadolech .m1_1 a:focus,
.menu2--nadolech .m1_1 a:active,
.menu2--nadolech .m1_1 .m1_0hov {
background-color: #ee7d00;
}
.menu2--pisnicka .m1_1 a {
border-color: #64c7f2;
color: #64c7f2;
}
.menu2--pisnicka .m1_0 a,
.menu2--pisnicka .m1_1 a:hover,
.menu2--pisnicka .m1_1 a:focus,
.menu2--pisnicka .m1_1 a:active,
.menu2--pisnicka .m1_1 .m1_0hov {
background-color: #64c7f2;
}
.menu2--spc .m1_1 a,
.menu2--spc .m1_2 a {
border-color: #a11a5c;
color: #a11a5c;
}
.menu2--spc .m1_0 a,
.menu2--spc .m1_1 a:hover,
.menu2--spc .m1_1 a:focus,
.menu2--spc .m1_1 a:active,
.menu2--spc .m1_1 .m1_0hov,
.menu2--spc .m1_2 a:hover,
.menu2--spc .m1_2 a:focus,
.menu2--spc .m1_2 a:active,
.menu2--spc .m1_2 .m1_0hov {
background-color: #a11a5c;
}
/*** RIGHT CONTENT ***/
.content {
padding: 1em 0;
}
.confoot1,
.confoot2 {
margin-top: 2em;
color: gray;
}
/*** CONTACT ***/
.contact {
font-weight: bold;
color: #52AE32;
font-size: 125%;
margin-bottom: 0.5em;
padding-left: 50px;
min-height: 30px;
background-position: left center;
background-repeat: no-repeat;
}
.contact--phone {
background-image: url('../img/ico-kontakt01.png');
}
.contact--email {
background-image: url('../img/ico-kontakt02.png');
}
.contact--address {
background-image: url('../img/ico-kontakt03.png');
}
.aktuality--spc .contact {
color: #a11a5c;
}
.aktuality--spc .contact--phone {
background-image: url('../img/ico-kontakt01-spc.png');
}
.aktuality--spc .contact--email {
background-image: url('../img/ico-kontakt02-spc.png');
}
.aktuality--spc .contact--address {
background-image: url('../img/ico-kontakt03-spc.png');
}
/*** SEARCH FORM ***/
.search-form {
display: block;
position: relative;
min-width: 220px;
margin-left: auto;
margin-right: auto;
}
.search-form__input,
.search-form__button {
display: block;
font: inherit;
padding: 0.5em 1em;
box-sizing: border-box;
width: 100%;
}
.search-form__input {
background: transparent;
border: none;
border-bottom: 1px solid #000;
color: #000;
padding-right: 35px;
}
.search-form__input::placeholder {
color: #000;
font-style: italic;
font-size: 87.5%;
}
.search-form__button {
overflow: hidden;
padding: 0;
padding-left: 35px;
width: 35px;
min-height: 35px;
border: none;
background: transparent url('../img/ico-search.png') no-repeat center center;
position: absolute;
right: 0;
top: 0;
bottom: 0;
}
@media only screen and (min-width: 44em) {
.search-form {
max-width: 70%;
}
}
/*** HOMEPAGE SLIDESHOW ***/
.homepage-slideshow {
margin-bottom: 0;
}
.homepage-slideshow a {
display: block;
}
.homepage-slideshow img {
display: block;
height: 340px;
object-fit: cover;
}
.homepage-slideshow .owl-controls {
margin-top: 0;
}
.homepage-slideshow .owl-dots {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding-right: 1em;
padding-bottom: 0.25em;
text-align: center;
}
.homepage-slideshow .owl-dot {
display: inline-block;
border-radius: 4px;
width: 0.75em;
height: 0.75em;
border: 2px solid #52AE32;
background: transparent;
margin: 0.25em;
}
.homepage-slideshow .owl-dot.active {
background: #52AE32;
}
@media only screen and (min-width: 60em) {
.homepage-slideshow--ms {
padding-top: 3em;
}
.homepage-slideshow--www img {
height: 456px;
}
}
/*** HOMEPAGE COLUMN ***/
.homepage-row {
display: block;
margin-top: 2em;
}
.homepage-column {
display: block;
margin-bottom: 1em;
box-sizing: border-box;
}
@media only screen and (min-width: 42em) {
.homepage-row {
display: flex;
}
.homepage-column {
flex: 1;
margin-left: 0.5em;
margin-right: 0.5em;
}
.homepage-column:first-child {
margin-left: 0;
}
.homepage-column:last-child {
margin-right: 0;
}
}
/*** HOMEPAGE CANTEEN ***/
.canteen-header {
font-family: 'Patrick Hand', cursive;
color: #ED5F55;
font-weight: normal;
font-size: 225%;
margin-bottom: 1em;
padding-top: 0.25em;
text-align: center;
}
.wg_canteen--homepage {
text-align: center;
font-size: 112.5%;
}
.wg_canteen-date {
text-align: center;
color: #52ae32;
font-weight: bold;
font-size: 112.5%;
}
.wg_canteen .food_type,
.wg_canteen .food_title {
font-size: inherit;
padding: 0;
margin: 0;
}
.wg_canteen .food_type {
font-weight: normal;
color: #52ae32;
margin: 1em 0 0;
}
.wg_canteen .food_title {
font-weight: bold;
color: #000;
}
.wg_canteen-date--demlova,
.wg_canteen--demlova .food_type {
color: #fecb00;
}
.wg_canteen-date--masinka,
.wg_canteen--masinka .food_type {
color: #e10715;
}
.wg_canteen-date--nadolech,
.wg_canteen--nadolech .food_type {
color: #ee7d00;
}
.wg_canteen-date--pisnicka,
.wg_canteen--pisnicka .food_type {
color: #64c7f2;
}
.wg_canteen-date--pohadka,
.wg_canteen--pohadka .food_type {
color: #004f9e;
}
/*** CANTEEN ***/
@media only screen and (max-width: 32em) {
.canteen_table tr,
.canteen_table td {
display: block;
width: 100%;
box-sizing: border-box;
}
.canteen_table .td_typefood,
.canteen_table .td_quantity {
display: inline-block;
width: auto;
}
.canteen_table .td_typefood {
font-weight: bold;
}
}
/*** SCHOOL ***/
.school {
display: flex;
align-items: center;
background: #fff;
transition: transform 0.2s;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
margin-bottom: 1em;
box-sizing: border-box;
border-right: 5px solid gray;
text-decoration: none;
color: inherit;
padding: 0.75em 2.5em 0.75em 1em;
}
.school:hover,
.school:focus,
.school:active {
transform: scale(1.025);
text-decoration: none;
}
.school__icon {
padding-right: 1.5em;
}
.school__icon img {
display: block;
}
.school__name,
.school__description {
font-size: 112.5%;
line-height: 1.45;
}
.school__name {
font-weight: bold;
}
.school__description {
color: #9B9B9B;
}
.school--id-150 {
border-color: #fecb00;
color: #fecb00;
}
.school--id-151 {
border-color: #e00614;
color: #e00614;
}
.school--id-152 {
border-color: #004f9e;
color: #004f9e;
}
.school--id-281 {
border-color: #ee7d00;
color: #ee7d00;
}
.school--id-522 {
border-color: #64c7f2;
color: #64c7f2;
}
/*** CALENDAR ***/
.wg_cal_navi {
text-transform: uppercase;
}
.wg_cal_navi td {
border-bottom: 1px solid #fff !important;
position: relative;
font-weight: normal;
color: #F59D00;
}
.wg_cal_navi td:nth-child(2) a {
z-index: 10;
}
.wg_cal_navi td:nth-child(4) a {
z-index: 10;
}
.wg_cal_days {
text-transform: uppercase;
}
.wg_cal_td {
color: #4A8BDB;
text-align: center;
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.wg_cal_td_a {
color: #ffffff;
font-weight: bold;
padding-top: 0.25em;
padding-bottom: 0.25em;
top: 0.25em;
bottom: 0.25em;
border-radius: 4px;
}
/*** AKTUALITY ***/
.aktuality {
margin-bottom: 2em;
}
.aktuality__header,
.aktuality__content {
padding: 0;
}
.aktuality__header {
display: inline-block;
background: #52AE32;
color: #fff;
font-weight: bold;
font-size: 125%;
padding: 0.625em 2em;
margin-bottom: 0;
}
.aktuality__content img {
display: block;
max-width: 100%;
height: auto;
}
.aktuality__content,
.aktuality__footer {
background: #fff;
margin-bottom: 0;
padding: 1em;
}
.aktuality__footer {
text-align: center;
padding-top: 0;
padding-bottom: 3em;
}
.aktuality--demlova .aktuality__header {
background-color: #fecb00;
}
.aktuality--masinka .aktuality__header {
background-color: #e10715;
}
.aktuality--nadolech .aktuality__header {
background-color: #ee7d00;
}
.aktuality--pisnicka .aktuality__header {
background-color: #64c7f2;
}
.aktuality--pohadka .aktuality__header {
background-color: #004f9e;
}
.aktuality--spc .aktuality__header {
background-color: #a11a5c;
}
.aktuality--spc .aktualita__title {
color: #a11a5c;
}
.aktuality-button {
display: inline-block;
box-sizing: border-box;
padding: 0.5em 2em;
color: #E20714;
text-decoration: none;
font-weight: bold;
position: relative;
font-size: 112.5%;
border: 2px solid #E20714;
}
.aktuality-button:hover,
.aktuality-button:focus,
.aktuality-button:active {
background: #E20714;
color: #fff;
}
.aktualita {
padding: 0.5em 0 1.5em;
margin-bottom: 1em;
}
.aktualita__image {
margin-bottom: 0.5em;
display: block;
box-sizing: border-box;
text-decoration: none;
}
.aktualita__image:hover,
.aktualita__image:focus,
.aktualita__image:active {
text-decoration: none;
}
.aktualita__image img {
display: block;
max-width: 100%;
height: auto;
}
.aktualita__content {
overflow: hidden;
}
.aktualita__title {
font-size: 150%;
font-weight: bold;
color: #52AE32;
text-decoration: none;
margin-bottom: 0.5em;
display: block;
padding-right: 4em;
}
.aktualita__date {
font-size: 87.5%;
font-weight: normal;
color: #000;
display: block;
text-align: left;
padding: 0 0 0 1em;
box-sizing: border-box;
}
@media only screen and (min-width: 40em) {
.aktuality__content,
.aktuality__footer{
padding-left: 2.25em;
padding-right: 2.25em;
}
.aktuality__content {
padding-top: 1.5em;
}
.aktuality__content--condensed {
padding: 2.25em 1.5em;
}
.aktualita {
position: relative;
}
.aktualita__date {
position: absolute;
top: 1em;
right: 0;
}
.aktualita__header {
padding-right: 4.5em;
}
}
/*** FOOOTER ***/
.footer {
margin-top: 2em;
background: #fff;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.5);
}
.footer-inner {
padding: 1em;
}
.footer_box {
text-align: center;
}
.footer-column {
padding: 1em;
display: inline-block;
vertical-align: middle;
}
.footer-column img {
display: inline-block;
vertical-align: middle;
}
.footer-column__content  {
overflow: hidden;
}
.footer_box--wide {
display: flex;
flex-wrap: wrap;
padding: 0 1em;
gap: 1em 2em;
justify-content: space-between;
}
.footer_box--wide .footer-column {
padding: 0;
}
.footer--webauthor {
margin-top: 0;
box-shadow: none;
}
.footer--webauthor .footer-inner {
border-radius: 0;
text-align: right;
box-shadow: none;
padding-top: 0;
}
.footer--webauthor .footer-column {
padding-top: 0;
padding-bottom: 0;
}
/*** UTILS ***/
@media only screen and (max-width: 768px) {
/*
sloupce
*/
.col-md-2 {
width:100%;
}
.col-md-3 {
width:100%;
}
.col-md-4 {
width:100%;
}
.col-md-5 {
width:100%;
}
.col-md-3x1 {
width:100%;
}
.col-md-3x2 {
width:100%;
}
.col-md-4x1 {
width:100%;
}
.col-md-4x2 {
width:100%;
}
}