*{box-sizing:border-box;}
body{margin:0;padding:0;background:#FFFB60 url('img/bg-yellow.png') top left;line-height:1.7em;font-family:Helvetica, Arial, Sans-serif;color:#666;font-size:16px;}
p{margin:0 0 0.5em;padding:0 0 0.3em;}
form table th{text-align:left;}
.size-m,.size-s{display:none;}

#menu{padding:0.2em 0;text-align:center;background:#2DBE5E;color:#FFF;display:block;box-shadow:0 1px 5px rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.4)}
#menu ul{margin:0;padding:0;}
#menu li{display:inline-block;list-style-type:none;}
#menu li a{color:#FFF;text-decoration:none;display:inline-block;margin:0 0.2em;padding:0.2em 0.5em;border-radius:5px;}
#menu li a:hover,#menu .A{background:#0F7C33;}
#menu-icon{display:none;padding:0.2em;background:#2DBE5E;text-align:right;border-bottom:1px solid #0F7C33;height:30px;box-shadow:0 1px 5px rgba(0,0,0,.2);border-bottom:2px solid rgba(0,0,0,.4)}
#menu-icon a{display:block;width:100%;}

h1.content-head{font-size:2em;text-shadow:0 1px 5px rgba(0,0,0,.3);letter-spacing:0.05em;font-weight:400;text-transform:uppercase;text-align:center;margin:1em 0;}
h1 a{text-decoration:none;color:#2DBE5E/*#2DBE5E*/;}

.content, .errMsg, .notMsg{background:#FFF;padding:1.5em;width:70%;margin:0 auto 1.5em;box-shadow:0 1px 5px rgba(0,0,0,.2);border-radius:5px;border:2px solid rgba(0,0,0,.4)}
.content h2{color:#2DBE5E;text-shadow:0 1px 5px rgba(0,0,0,.2);letter-spacing:0.05em;font-weight:400;text-transform:uppercase;padding:0 0 1em 0;border-bottom:1px solid #dddbdc;}
.content p{text-align:justify;}

.content h3 a,.content h3{color:#FF5B3C;text-decoration:none;font-weight:400;letter-spacing:0.05em;margin:0.2em 0;padding:0;}
.content h3 img{height:1em;margin-left:0.3em;}
.content h3 a:hover{color:#A62A14;}
.content a{color:#FF5B3C;text-decoration:none;}
.content a:hover{color:#A62A14;text-decoration:underline;}
.content strong.color{color:#FF5B3C;}
.all-actualities-link{text-align:right !important;letter-spacing:0.05em;padding-bottom:0;margin-bottom:0;}

.content .attachedFileLink{float:left;margin-right:0.5em;}
.content .attachedFileLink .attachedImage{border-bottom:3px solid #FF5B3C;}
.content .attachedFileLink .attachedImage:hover{border-bottom-color:#A62A14;}
.content .attachedFileLink .attachedFile{width:45px;}

.index{background:#FFF url('img/bg-kytky.jpg') bottom right no-repeat;}
.actuality{background:#FFF url('img/motyl-modry.jpg') 98% 2% no-repeat;}
.food{background:#FFF url('img/bg-vila.jpg') top right no-repeat;}
.about-contact,.predskolaci-desatero{background:#FFF url('img/bg-ptak.jpg') bottom right no-repeat;}

#school-img{width:50%;float:left;margin:0 0.5em 0.5em 0;}

.actualities a, .actualities h3 a{color:#FF5B3C;}
.actualities a:hover, .actualities h3 a:hover{color:#A62A14;}

.about-contact ul{margin:0 0 0 1.5em;padding:0;}

.photoWrap{display:inline-block;margin:0.3em;}
.photo{background:#BBB;padding:0.3em;}
.photo a{display:flex;}

.formItem {margin:0.5em 0;}
.formItem label{display:inline-block;font-weight:bold;vertical-align:top;}
.formItem a.trash-file{position:relative;top:2px;}
.formItem a.trash-file img{height:16px;}
.formItem a.trash-img{position:relative;left:-20px;top:5px;}
.formItem a:hover.trash-img{opacity:0.8;}

.admin-login .formItem label{width:4em;}

.admin-actuality .formItem label{width:12em;}
.admin-actuality .formItem input[type=text],.admin-actuality .formItem textarea{width:65%;}

.admin-food .formItem label{width:5em;}
.admin-food .formItem input[type=text]{width:3em;}
.admin-food li a img{height:16px;position:relative;top:3px;}
.admin-food li a:hover img{opacity:0.8;}

.admin-contests-year label{width:9em;}
.admin-contests label{width:10em;}
.admin-contests input[type=text]{width:70%;}
.admin-contests ul li ul li,.contests ul li ul li{position:relative;}
.admin-contests .att,.contests .att{height:1.5em;position:absolute;top:0;margin-left:0.5em;border:0;}

.admin-help img{max-width:100%;border:1px solid #EEE;display:block;margin:1em auto;}
.admin-help h2{margin-top:3em;}
.admin-help h2:first-child{margin-top:inherit;}

.admin table{width:100%;}
.admin table tr:nth-child(even){background:#edf3f9;}
.admin table tr:hover{background:#CEE3FA;}
.admin table tr th,.admin table tr td{padding:0.1em 0.3em;}
.admin table tr th{text-align:left;}

ul.user-list{margin-left:0;padding-left:0;}
ul.user-list li {list-style-type:none;}
img.user-lock-ico {width:1.3em;position:relative;top:4px;}

p.act-text{margin:0;padding:0.2em;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
p.act-text:hover{background:#edf3f9;}
p.act-text strong{margin-right:0.5em;}

.max100{max-width:100%;}

#boxContent textarea{width:100%;text-align:justify;line-height:1.7em;}

.content form input[type=text],.content form input[type=password],.content form textarea{padding:0.2em;border:1px solid #AAA;border-radius:5px;color:#666;font-family:Helvetica, Arial, Sans-serif;font-size:1em;}

#footer-wrapper{text-align:center;color:#7d8184;letter-spacing:0.05em;font-size:0.8em;padding-bottom:2em;text-transform:uppercase;}
#footer-wrapper #contacts{text-transform:none;}
#footer-wrapper a{color:#7d8184;text-decoration:none;}

.google-maps{position:relative;padding-bottom:60%;height:0;overflow:hidden;}
.google-maps iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;}

/* TODO: message icons, right colors */
.notMsg{background:#2DBE5E/*#3468AC*/ url('./img/smiley-done.png') 0 0 no-repeat;color:#FFF;padding-left:70px;min-height:72px;}
.errMsg{background:#FF5B3C url('./img/smiley-fail.png') 0 0 no-repeat;color:#FFF;padding-left:70px;min-height:72px;}

.tar{text-align:right;}
.tal{text-align:left;}
.tac{text-align:center;}
.fr{float:right;}
.cl{clear:both;}

.paginate{text-align:center;}
.paginate span{margin:0 0.5em;}

/* magnific popup changes */
.mfp-content .mfp-figure .mfp-bottom-bar .mfp-title{font-size:0.5em;color:#888;}
.mfp-content .mfp-figure .mfp-bottom-bar .mfp-counter{font-size:0.5em;color:#888;}

@media screen and (min-width:1250px) {
	.content, .errMsg, .notMsg{width:900px}
}
@media screen and (max-width:1200px) {
	body{font-size:14px;}
}
@media screen and (max-width:980px) {
	.content, .errMsg, .notMsg{width:85%;}
	.size-m{display:block;}
	.size-xl{display:none;}
}
@media screen and (max-width:690px) {
	.size-s{display:block;}
	.size-l{display:none;}
	h1.content-head{font-size:1.2em;}
	.content, .errMsg, .notMsg{width:95%;}
	.errMsg, .notMsg{background-image:none;padding-left:1.5em;min-height:inherit;}
	#menu{display:none;}
	#menu li{width:100%;}
	#menu li a{width:100%;display:block;}
	#menu-icon{display:block;}
	#school-img{width:100%;}
	.formItem label{display:block;}
	.formItem input[type=text],.formItem input[type=password],.admin-actuality .formItem textarea, .admin-actuality .formItem span.input, .admin-actuality .formItem input[type=file]{width:95% !important;margin-left:5%;}
	.formItem select,.formItem input[type=file]{margin-left:5%;}
	.admin-food .formItem input[type=text]{width:3em !important;margin-left:0;}
	.admin-food .formItem label{display:inline-block;}
	p.act-text{display:block;margin-bottom:0.6em;}
	p.act-text strong{display:block;}
}