/* resets */
html, body, dl, dt, dd, div, p, h1, h2, h3, h4, h5, h6, ul, li, ul, pre {margin: 0;padding: 0;}
img {border:none;}
li {list-style-type:none;}
/* box-sizing:border-box; */
div#content-box, ul#sec, ul#ped, pre,
div#grades-box, div#grades-box a,
div#tt-1st-box, div#tt-2nd-box,
div#tt-1st-box a, div#tt-2nd-box a,
div#tabla-box, div#tabla-box a,
div#ped-box
{box-sizing:border-box;-moz-box-sizing:border-box;}
/* volné odkazy */
a {text-decoration:none;font-weight:bold;color:#969648;word-spacing:-1px;}
a:hover {text-decoration:underline;color:#994d78;}
a:active {background-color:transparent;} /* stupid IE */
/* základy */
html {overflow-y:scroll;}
body {font-family:"Segoe UI",Tahoma,helvetica,sans-serif;font-size:14px;background-color:#fffff6;}
div#space-box {width:900px;height:650px;margin: 20px auto;position:relative;}
a#logo {position:absolute;top:-18px;left:-10px;width:210px;height:160px;background: url(../img/bg_zsj-logo.png) no-repeat;}
img#split-h-line {width:685px;height:3px;position:absolute;top:192px;right:2px;z-index:10;}
img#split-v-line {width:3px;height:460px;position:absolute;top:193px;left:190px;z-index:10;}
::selection {color:#fff;background-color:#7D6DB1;}
/* obsah */
div#content-box {width:700px;min-height:470px;position:absolute;top:190px;left:200px;padding:15px 10px 20px 15px;}
_::-ms-reveal, div#content-box {height:470px;} /* stupid MSIE 10 */
/* nabídky */
ul a {color:#453772;font-weight: bold;padding-left:20px;display:block;word-spacing:0px;}
ul a:hover {color:#453772;text-decoration:underline;}
ul a#here-i-am {background: url(../img/bg_here-i-am.png) right center no-repeat;}
ul#pri {font-size:15px;width:900px;height:30px;position:absolute;top:150px;line-height:30px;background: url(../img/bg_ul-pri.jpg) no-repeat;}
ul#pri li {float: left;width: 150px;}
ul#sec {font-size:12px;width:190px;height:460px;line-height:28px;position:absolute;top:190px;left:0;padding-top:20px;}
ul#sec li {width:190px;text-align: left;margin-bottom:0px;}
body#home ul#sec {background: url(../img/bg_ul-sec-one.png) no-repeat;}
body#about ul#sec {background: url(../img/bg_ul-sec-one.png) no-repeat;}
body#happened ul#sec {background: url(../img/bg_ul-sec-two.png) no-repeat;}
body#pupils ul#sec {background: url(../img/bg_ul-sec-three.png) no-repeat;}
body#interested ul#sec {background: url(../img/bg_ul-sec-four.png) no-repeat;}
body#docs ul#sec {background: url(../img/bg_ul-sec-five.png) no-repeat;}
body#contacts ul#sec {background: url(../img/bg_ul-sec-six.png) no-repeat;}
/* samostatné elementy */
h1 {height:150px;font-size:12px;color:#524286;text-align:right;padding-right:7px;background: url(../img/bg_h1.jpg) right center no-repeat;word-spacing:1px;}
h1>strong {font-size:44px;font-weight: normal;text-shadow: 1px 1px 6px #aaa;position:relative;left:-9999px;line-height:66px;}
h1>em {color:#453772;font-size:11px;font-weight:normal;position:relative;top:10px;word-spacing:0px;}
h2 {font-size:26px;color:#524286;margin-bottom:8px;font-weight:normal;letter-spacing:-1px;}
h3 {font-size:16px;color:#994d78;margin-bottom:5px;}
h4 {font-size:16px;color:#969648;margin-bottom:5px;}
h5 {font-size:14px;color:#994d78;margin-bottom:5px;}
h6 {font-size:13px;color:#854067;margin-bottom:3px;}
p {line-height:20px;padding-bottom:5px;color:#444445;} /* line-height:1.5em; = 19px */
p.projekty {margin:30px 0 0 45px;}
/* ilustrační obrázky */
img.design-pict-flr {float:right;margin: 5px 0 5px 10px;}
img.design-pict-fll {float:left;margin: 5px 10px 5px 0;}
img.publ-pict {width:175px;height:248px;float:right;margin: -5px 50px 5px 5px;border:1px dashed #bbafb5;} /* box-shadow: 1.5px 1.5px 15px #c6c4c2; */
img.cert-pict {width:160px;height:226px;float:right;margin: 55px 5px 5px 5px;border:1px dashed #bbafb5;} /* box-shadow: 1.5px 1.5px 15px #c6c4c2; */
/* index */
body#home div#content-box {background: url(../img/bg_budova-left.jpg) left bottom no-repeat;}
a#en-info-link {font-size:12px;position:absolute;top:126px;left:214px;z-index:19;font-style:italic;}
div#quick-come-box, div#quick-done-box {position:absolute;left:150px;width:540px;}
div#quick-come-box {top:60px;}
div#quick-come-box a:last-child {font-weight:normal;background: url(../img/bg_terminy-a.png) left top no-repeat;}
div#quick-done-box {top:220px;}
div#quick-done-box a:last-child {font-weight:normal;background: url(../img/bg_akce-a.png) left top no-repeat;}
/* o škole */
body#about div#content-box {background: url(../img/bg_eos-one.png) right bottom no-repeat;}
dfn {font-style:normal;border:1px dotted #bdb1b7;padding:0 5px;background-color:#fff;text-shadow: 0px 0px 1px #bbb;cursor:help;}
/* pedagogický sbor */
ul#ped {width:672px;height:20px;background: url(../img/bg_ul-ped.png) 0px 0px no-repeat;line-height:20px; font-size:11px; margin-top:10px;}
ul#ped.m {background: url(../img/bg_ul-ped.png) 0px -20px no-repeat;}
ul#ped.tr {background: url(../img/bg_ul-ped.png) 0px -40px no-repeat;}
ul#ped.netr {background: url(../img/bg_ul-ped.png) 0px -60px no-repeat;}
ul#ped.vych {background: url(../img/bg_ul-ped.png) 0px -80px no-repeat;}
ul#ped li {width:134px;height:20px;text-align:center;float:left;padding-top:0px;}
ul#ped li:last-child {width:136px;}
ul#ped li a {padding-left:0;font-weight:normal;color:#59595b;}
div#ped-box {
width: 672px;min-height: 380px;
padding: 20px 10px 20px 20px;
line-height: 18px;
color:#453772;background:#fff;
border:1px solid #ddd;border-top:none;
}
div#ped-box a:hover {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;}
/* organizace školního roku */
body#about strong {font-weight:normal;border-bottom:1px solid #453772;}
body#about b {color:#994d78;}
body#about p>i {color:#7c7d3e;padding:0 3px;background:#f0ebee;margin-left:10px;}
img#jp {width:600px;height:243px;margin:5px 0 5px 1px;}
span.small-note {font-size:12px;font-style:italic;}
/* termíny akcí */
p#stane-se {color:#994d78;line-height:22px;font-weight:bold;}
p#stane-se a {color:#969648;padding: 0 7px 0 20px; background: url(../img/bg_terminy-a.png) left bottom no-repeat;}
p#stane-se a:hover {color:#994d78;}
/* papů */
a#hladovy-link {
display: block;
width: 285px; height: 125px;
background: url(../img/bg_hladovy-a.png) left bottom no-repeat;
padding-left:13px;line-height:200px;
position: absolute;
bottom:90px;
left:25px;
font-size:15px;
}
a#hladovy-link:hover {text-decoration:none;}
a#hladovy-link span {color:#524286;}
img#kuchtici-v-obraze {width:350px;height:220px;position:absolute;right:7px;bottom:18px;}
img#kuchtici-v-obraze:hover {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;}
/* pro učitele */
div#teachers-board {
width: 660px; height: 350px;
position: absolute; top: 110px;
background: url(../img/bg_teachers-board.png) left top no-repeat;
}
div#teachers-board p {width:102px;height:80px;text-align:center;float:left;margin-left:7px;font-size:10px;color:#abaaaf;}
div#teachers-board a {font-size:11px;}
div#teachers-board p#a {position:relative;top:85px;}
div#teachers-board p#b {position:relative;top:115px;}
div#teachers-board p#c {position:relative;top:145px;}
div#teachers-board p#d {position:relative;top:175px;}
div#teachers-board p#e {position:relative;top:205px;}
div#teachers-board p#f {position:relative;top:235px;}
div#teachers-board img {width:100px;height:70px;border:none;opacity:0.8;}
div#teachers-board img:hover {opacity:1;}
div#teachers-board a {display:block;line-height:14px;}
/* akce školy */
body#happened div#content-box {background: url(../img/bg_eos-two.png) right bottom no-repeat;}
/* práce žáků */
p#stalo-se, p#prace-projekty, p#prace-obrazove, p#pc-souteze, p#prace-jednorazove {color:#994d78;line-height:22px;} /* font-weight:bold; */
p#stalo-se a {color:#969648;padding: 0 7px 0 20px; background: url(../img/bg_akce-a.png) left bottom no-repeat;}
p#stalo-se a:hover, p#prace-projekty a:hover, p#prace-obrazove a:hover, p#pc-souteze a:hover, p#prace-jednorazove a:hover {color:#994d78;}
p#prace-projekty a, p#prace-projekty-vice a, p#prace-obrazove a, p#pc-souteze a, p#prace-jednorazove a
{color:#969648;padding: 0 7px 0 20px; background: url(../img/bg_prace-a.png) 0px 0px no-repeat;}
p#prace-projekty a:last-child {font-weight:normal;background: url(../img/bg_prace-a.png) 0px -18px no-repeat;}
p#pc-souteze a {background: url(../img/bg_prace-a.png) 0px -36px no-repeat;}
p#prace-obrazove a {background: url(../img/bg_prace-a.png) 0px -54px no-repeat;}
p#prace-jednorazove a {background: url(../img/bg_prace-a.png) 0px -72px no-repeat;}
/* naše úspěchy */
div#uspechy p {padding-left:20px;}
span.results-img-dim img {width:540px;height:343px;}
/* žáci a rodiče */
body#pupils div#content-box {background: url(../img/bg_eos-three.png) right bottom no-repeat;}
a#vstup-zk, a#vstup-moodle {
display: block;
width: 75px; height: 35px;
background: url(../img/bg_vstup-a.png) center center no-repeat;
text-align: center; line-height: 35px;
position: relative; font-size:15px;
bottom: 27px; left: 275px;
}
a#vstup-zk:hover, a#vstup-moodle:hover {text-decoration:none;}
/* stránky tříd */
div#grades-box {width:690px;height:auto;padding:10px 0 0 10px;}
div#grades-box a {
display: block; float: left;
width: 56px; height: 80px;
text-align:center;color:#AF9DA6;font-size:12px;
margin: 0 18px 15px 0;padding:22px 2px 0 0;
background: url(../img/bg_grades-a.png) left bottom no-repeat;
}
div#grades-box a:hover {color:#994d78;background: url(../img/bg_grades-a.png) left top no-repeat;text-decoration:none;}
div#grades-box p {display: block; float: left; width:220px;}
/* stránka třídy */
a#register-me-link {position:absolute;top:28px;right:20px;padding-left:65px;background: url(../img/bg_register-me-a.png) left center no-repeat;}
p#actual-events {height:100px;border-left:3px dotted #baaeb4;padding-left:12px;padding-right:12px;}
p#actual-events a {padding-left:5px;}
body#pupils div#quick-come-box {top:205px;left:80px;}
body#pupils div#quick-done-box {top:335px;}
body#pupils div#quick-come-box-in, body#pupils div#quick-done-box-in {top:60px;left:0px;}
div#quick-come-box-in a:last-child {font-weight:normal;background: url(../img/bg_terminy-a.png) left top no-repeat;}
div#quick-done-box-in a:last-child {font-weight:normal;background: url(../img/bg_akce-a.png) left top no-repeat;}
/* školní družina */
p#school-club {color:#994d78;line-height:22px;font-weight:bold;}
p#school-club a {color:#969648;padding: 0 7px 0 20px; background: url(../img/bg_druzina-a.png) left center no-repeat;}
p#school-club a.door {background: url(../img/bg_druzina-a.png) left top no-repeat;}
p#school-club a.doc-pdf {background: url(../img/bg_druzina-a.png) left bottom no-repeat;}
p#school-club span {color:#444445;padding-left:0px;font-weight:normal;}
/* rozvrhy a suplování */
div#tt-1st-box,div#tt-2nd-box {width:325px;height:320px; float:left; padding:15px;}
div#tt-1st-box {padding-left:35px;}
div#tt-1st-box a, div#tt-2nd-box a {
display: block; float: left;
width: 66px; height: 44px;
font-size: 15px; margin: 0 10px 10px;
background: url(../img/bg_tt-1st-a.png) left bottom no-repeat;
padding: 18px 0 0 26px;
}
div#tt-1st-box a:hover {background: url(../img/bg_tt-1st-a.png) left top no-repeat;}
div#tt-2nd-box a {background: url(../img/bg_tt-2nd-a.png) left bottom no-repeat;}
div#tt-2nd-box a:hover {background: url(../img/bg_tt-2nd-a.png) left top no-repeat;}
p#supply-links {position:absolute; bottom:35px;}
a#tt-supply, a#tch-supply {padding:0 10px 5px;}
a#tt-supply:hover, a#tch-supply:hover {text-decoration:none;}
a#tt-supply {background: url(../img/bg_tt-supply-a.png) left center no-repeat;}
a#tch-supply {background: url(../img/bg_tt-supply-a.png) right center no-repeat;}
/* tabla */
div#tabla-box {width:680px;height:365px;padding:90px 0 20px 35px;}
div#tabla-box a {
display: block; float: left;
width: 66px; height: 62px;
margin: 0 10px 3px 0; padding:12px 0 0 7px;
color:#636365; font-size:12px;
background: url(../img/bg_tabla-a.png) left bottom no-repeat;
}
div#tabla-box a:hover {color:#994d78; text-decoration:none;background: url(../img/bg_tabla-a.png) left top no-repeat;}
div#tabla-box a#nophoto:hover {text-decoration:none;background: url(../img/bg_tabla-a.png) left bottom no-repeat;}
/* moodle */
a#vstup-moodle {left:220px;}
img#moodle-logo {width:300px;height:92px;position:absolute;right:0;bottom:8px;}
/* zájmové kroužky */
a#krouzky {background: url(../img/bg_krouzky-a.png) left center no-repeat;padding:0 5px 5px;}
a#krouzky:hover {text-decoration:none;}
/* pro zájemce */
body#interested div#content-box {background: url(../img/bg_eos-four.png) right bottom no-repeat;}
/* zapis = viz p#docs-list-links v dalších dokumentech (násl. níže) */
/* dokumenty */
body#docs div#content-box {background: url(../img/bg_eos-five.png) right bottom no-repeat;}
/* další dokumenty */
p#docs-list-links {line-height:22px;}
p#docs-list-links a {padding: 0 7px 0 20px; background: url(../img/bg_docs-a.png) left center no-repeat;}
/* kontakty */
body#contacts div#content-box {background: url(../img/bg_budova-right.jpg) right 19px no-repeat;}
img#contacts-pict {width:140px;height:152px;position:absolute;bottom:10px;left:25px;}
ul#head, ul#entry {position:absolute;top:70px;line-height:24px;font-weight:bold;}
ul#head {width:190px;left:0px;text-align:right;color:#994d78;font-style:italic;}
ul#entry {width:260px;left:200px;color:#969648}
ul#entry a {color:#969648;padding-left:0;}
ul#entry a:hover {color:#994d78;}
ul#head li:last-child, ul#entry li:last-child {margin-top:30px;}
/* creator (grrrrrrr :| IE)*/
p#creator {position:absolute;bottom:-10px;right:2px;}
p#creator a {display:block;width:100px;height:12px; text-decoration:none;background:url(../img/bg_creator-a.png) 0px 0px no-repeat;cursor:default;}
p#creator a:hover {background:url(../img/bg_creator-a.png) 0px -12px no-repeat;}
p#creator span {position:absolute;left:-9999px;}
/* highslide */
.highslide-image {
}
.highslide-dimming {
background: black;
position: absolute;
}