html, body {
    margin: 0;
    padding: 0;
    font: 14px "Times New Roman" , "Trebuchet MS" , "Tahoma";
    text-align: left;
    color: #232323;
    background: #4396ca url(/gfx/bg_body.jpg) repeat-x top center;
    line-height: 18px;
}

/*headings*/
h1 {
    font-size: 22px;
    color: #232323;
    font-weight: normal;
    min-height: 30px;
    width: 681px;
    margin: 5px 0 15px 0;
    padding: 8px 0 5px 50px;
    float: left;
    line-height: 24px;
}
h1.calendar { background: transparent url(/gfx/headings/calendar.png) no-repeat 0 0; }
h1.children { background: transparent url(/gfx/headings/children.png) no-repeat 0 0; }
h1.clock { background: transparent url(/gfx/headings/clock.png) no-repeat 0 0; }
h1.contact { background: transparent url(/gfx/headings/contact.png) no-repeat 0 0; }
h1.documents { background: transparent url(/gfx/headings/documents.png) no-repeat 0 0; }
h1.download { background: transparent url(/gfx/headings/download.png) no-repeat 0 0; }
h1.food { background: transparent url(/gfx/headings/food.png) no-repeat 0 0; }
h1.gallery { background: transparent url(/gfx/headings/gallery.png) no-repeat 0 0; }
h1.results { background: transparent url(/gfx/headings/results.png) no-repeat 0 0; }
h1.teacher { background: transparent url(/gfx/headings/teacher.png) no-repeat 0 0; }
h1.text { background: transparent url(/gfx/headings/text.png) no-repeat 0 0; }
h1.videos { background: transparent url(/gfx/headings/videos.png) no-repeat 0 0; }
h2 {
    font-size: 20px;
    color: #232323;
    font-weight: normal;
    margin: 15px 0 9px 0;
    padding: 0 0 3px 0;
    border-bottom: 1px solid #e1e1e1;
    float: left;
    width: 100%;
}
h2 span.fright {
    font-size: 15px;
    color: #155ba1;
    margin: 0;
    padding-right: 5px;
    font-weight: bold;
}
h3 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

/*div*/
div#container {
    width: 100%;
    float: left;
}
div#content {
    width: 988px;
    margin: 0 auto;
}
div#top {
    width: 988px;
    height: 200px;
    margin-top: 5px;
    float: left;
}
div#logo {
    width: 244px;
    height: 200px;
    float: left;
}
div#head {
    width: 744px;
    height: 164px;
    float: left;
}
div#menu {
    width: 744px;
    height: 36px;
    float: left;
    background: transparent url(/gfx/bg_menu.jpg) no-repeat 0 0;
}
div#content-container {
    width: 966px;
    padding: 10px 11px 0 11px;
    float: left;
    background: transparent url(/gfx/bg_content_container.png) repeat-y top center;
}
div#left-data {
    width: 207px;
    float: left;
    margin: 0 26px 10px 0;
}
div#data {
    width: 720px;
    padding: 0 13px 15px 0;
    float: left;
}
div#footer {
    width: 938px;
    height: 29px;
    float: left;
    font-size: 12px;
    color: #daeefa;
    padding: 8px 25px 0 25px;
    margin-bottom: 8px;
    background: transparent url(/gfx/bg_footer.jpg) no-repeat 0 0;
}
div.wrapper {
    clear: both;
    float: left;
    width: 100%;
    height: 30px;
}
/*tabs*/
div.tabs {
    width: 100%;
    float: left;
    margin: 8px 0 12px 0;
    text-align: center;
}
div.tabs a {
    margin-right: 25px;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #155ba1;
    padding: 5px;
}
div.tabs a:hover {
    text-decoration: none;
}
div.tabs a.actual {
    color: #232323;
    border: 1px solid #232323;
}
/*pergament*/
div.pergament {
    width: 585px;
    height: 1015px;/*745*/
    padding: 100px 80px 0 55px;
    float: left;
    background: transparent url(/gfx/bg_pergament.png?1) no-repeat 0 0;
}
div.pergament h2 {
    border-bottom: 0;
}
div.pergament ul li {
    background: transparent url(/gfx/ulli_black.gif) no-repeat 0 7px;
}
div.pergament table p {
    margin: 0;
}
/*class*/
a.classes {
    display: block;
    width: 106px;
    height: 36px;
    padding-top: 18px;
    margin: 0 0 20px 30px;
    float: left;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    background: transparent url(/gfx/bg_class.gif) no-repeat 0 0;
}
a.classes:hover {
    text-decoration: none;
    color: #fff;
}

/*box*/
div.box-top {
    width: 207px;
    height: 10px;
    float: left;
    background: transparent url(/gfx/bg_box_top.gif) no-repeat 0 0;
}
div.box {
    width: 207px;
    float: left;
    background-color: #c2e2f7;
}
div.box-bottom {
    width: 207px;
    height: 10px;
    float: left;
    margin-bottom: 10px;
    background: transparent url(/gfx/bg_box_bottom.gif) no-repeat 0 0;
}
div.children {
    padding: 0 15px;
    width: 177px;
    font-style: italic;
    font-size: 14px;
}
div.calendar {
    padding: 0 10px;
    width: 187px;
}

/*table*/
table.teacher {
    width: 360px;
    float: left;
    margin: 0 0 15px 0;
    text-align: left;
}
table.archiv { margin: 0 0 8px 0; }
table.teacher td {
    text-align: left;
    vertical-align: top;
}
table.timetable {
    width: 720px;
    font-size: 13px;
}
table.timetable th {
    font-size: 15px;
    height: 25px;
    font-weight: normal;
}
table.timetable td {
    height: 25px;
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
table.timetable tr.even td,
table.timetable tr.even th { background-color: #eff9ff; }
table.timetable tr.last td { border-bottom: 0; }
table.timetable td.last { border-right: 0; }
table.timetable td.blue,
table.timetable tr.even td.blue,
table.timetable th.blue {
    background-color: #000080;
    color: #fff;
    font-weight: bold;
    border-bottom: 0;
}

/*links*/
a {
    color: #155ba1;
    text-decoration: none;
}
a:hover { text-decoration: underline; }
h2 a:hover {
    text-decoration: none;
    color: #a70c02;
}
a.back {
    margin: 10px 15px 0 0;
    padding: 0 0 0 15px;
    clear: both;
    background: transparent url(/gfx/link_back.gif) no-repeat 0 7px;
}
a.more {
    margin: 0;
    padding: 0 0 0 15px;
    background: transparent url(/gfx/link_more.gif) no-repeat 0 7px;
}
div#menu a {
    display: block;
    float: left;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    margin: 9px 30px 0 30px;
}
div#menu a:hover,
div#menu a.actual { color: #bce0f8; }
div#footer a {
    font-size: 12px;
    color: #daeefa;
    text-decoration: none;
}
div#footer a:hover { text-decoration: underline; }
a.menu,
a.submenu {
    color: #a70c02;
    font-size: 15px;
    display: block;
    float: left;
    clear: both;
    margin: 0 0 5px 20px;
    width: 170px;
    padding: 0 0 0 10px;
    background: transparent url(/gfx/ulli_menu.gif) no-repeat 0 6px;
}
a.submenu {
    font-size: 14px;
    margin: 0 0 5px 40px;
    padding: 0 0 0 15px;
    width: 145px;
    background: transparent url(/gfx/ulli_submenu.gif) no-repeat 0 7px;
}
a.food,
a.school,
a.kreta,
a.hatar,
a.covid19,
a.pinnedvideo {
    display: block;
    width: 159px;
    height: 63px;
    margin-right: 10px;
    float: right;
    text-decoration: none;
    background: transparent url(/gfx/pinned_food.jpg) no-repeat top center;
}
a.school {
    background: transparent url(/gfx/pinned_school.jpg) no-repeat top center;
    margin-right: 0;
}
a.pinnedvideo { background: transparent url(/gfx/pinned_video.jpg) no-repeat top center; }
a.kreta { background: transparent url(/gfx/pinned_kreta.jpg) no-repeat top center; }
a.hatar { background: transparent url(/gfx/pinned_hatar.jpg) no-repeat top center; }
a.covid19 { background: transparent url(/gfx/pinned_covid19.jpg) no-repeat top center; }
a.food:hover,
a.school:hover,
a.kreta:hover,
a.hatar:hover,
a.covid19:hover,
a.pinnedvideo:hover { background-position: bottom center; }

/*images*/
img { border: 0; }
img.images {
    padding: 1px;
    background-color: #fffbd4;
    border: 1px solid #76c5f9;
}
img.images.fright { margin: 7px 0 10px 10px; }
img.images.fleft { margin: 7px 10px 10px 0; }

/*gallery*/
div.gallery {
    width: 178px;
    height: 167px;
    float: left;
    background: transparent url(/gfx/bg_gallery.png) no-repeat 0 0;
    position: absolute;
    top: -9px;
    left: -9px;
}
div.gallery a.title {
    position: absolute;
    bottom: 6px;
    left: 5px;
    display: block;
    width: 95%;
    text-align: center;
    text-decoration: none;
    color: #155ba1;
    line-height: 15px;
}
div.gallery-image {
    width: 160px;
    height: 120px;
    float: left;
    position: relative;
    margin: 0 20px 65px 0;
}
div.gallery-hover {
    width: 178px;
    height: 167px;
    float: left;
    background: transparent url(/gfx/bg_gallery_hover.png) no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
}

/*list*/
ul {
    padding: 0;
    margin: 10px 0 10px 20px;
    list-style-type: none;
}
ul li {
    padding: 0 0 0 10px;
    margin: 2px 0;
    background: transparent url(/gfx/ulli.gif) no-repeat 0 7px;
}
ul.children li {
    display: block;
    width: 190px;
    float: left;
    margin-left: 25px;
}
ol {
    padding: 0;
    margin: 10px 0 10px 38px;
}
ol li {
    padding: 0;
    margin: 2px 0;
}

/*beiskolazas*/
table.beiskolazas img:hover {
    filter: sepia(1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/*span*/
span.today {
    font-size: 12px;
    float: left;
    margin-top: 10px;
}
span.quote { font-size: 20px; }
span.smaller { font-size: 12px; }

/*tooltip*/
#easyTooltip{
    padding: 5px 10px;
    color: #fff;
    font: 12px "Georgia";
    font-weight: bold;
    background: transparent url(/gfx/calendar/ui-bg_gloss-wave_35_f6a828_500x100.png) no-repeat center center;
}

/*pager*/
div.pager {
    float: left;
    width: 680px;
    height: 31px;
    padding: 10px 10px 9px 10px;
    margin: 15px 10px 10px 10px;
    background: transparent url(/gfx/pager/bg_pager.gif) no-repeat 0 0;
}
div.pager a,
div.pager span {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    padding: 9px 0 0 0;
    margin: 0 4px;
    text-align: center;
    font: 12px "Georgia", "Verdana", "Trebuchet MS";
    color: #00619d;
    text-decoration: none;
    background: transparent url(/gfx/pager/bg_page.gif) no-repeat top center;
}
div.pager span {
    color: #fbfbfb;
    background: transparent url(/gfx/pager/bg_page.gif) no-repeat 0 -62px;
}
div.pager a.prev,
div.pager a.next {
    width: 81px;
    height: 31px;
    padding: 0;
    margin: 0;
}
div.pager a.next { width: 105px; }
div.pager a:hover { background: transparent url(/gfx/pager/bg_page.gif) no-repeat 0 -31px; }

/*extra*/
a { outline: none; }
p { margin: 5px 0 15px 0; }
label { cursor: pointer; }
fieldset { border: none; }
.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }