@import url("forms.css");
@import url("defaults.css");

body {
    background:#0051C0 url(images/bg.gif) 50% 0%;
    font-family:Tahoma,sans-serif;
    font-size:0.75em;
    margin:0em;
    padding:0em;
}

#top {
    width:980px;
    min-height:130px;
    _height:130px;
    margin:0em auto;
}
#top h1 {
    width:425px;
    height:130px;
    margin:0em;
    padding:0em;
    background:url(images/logo.png) no-repeat 32px 18px;
    _background-image:url(images/logo-ie.png);
    float:left;
    font-size: 1.2em;
    position:relative;
}
#top h1 a {
    display:block;
    width:425px;
    height:100px;
}
#top h1 a span {
    display:none;
}
#top h1 span.uputavka {
    color: #FFF;
    position:absolute;
    top:100px;
    left:30px;
    white-space:nowrap;
}

#pageLayer {
    background:url(images/homepagelayer-bg.gif) repeat-x 50% 0%;
}
#sections {
    background:url(images/homesections.png) no-repeat 0% 0%;
    width:980px;
    height:360px;
    position:relative;
    z-index:8;
    margin:0em auto;
    padding:0em 0em 2em 0em;
}

#sections ul {
    padding:0em;
    list-style:none;
}
#sections a span {
    display:none;
}
#sections li.section {
    height:360px;
    width:230px;
    position:absolute;
    top:0px;
    left:0px;
    z-index:9;
    background-image:url('images/homesectionsa.png');
    background-repeat:no-repeat;
    background-position:0px -360px;
}
#sections li.s1 { top:0px; left:0px; }
#sections li.s2 { top:0px; left:248px; }
#sections li.s3 { top:0px; left:482px; }
#sections li.s4 { top:0px; left:725px; }

#sections li.s1-hover, #sections li.s1-active { background-position:0px 0px; }
#sections li.s2-hover, #sections li.s2-active { background-position:-248px 0px; }
#sections li.s3-hover, #sections li.s3-active { background-position:-482px 0px; }
#sections li.s4-hover, #sections li.s4-active { background-position:-725px 0px; }

#sections li.section a.level1 {
    display:block;
    position:absolute;
    top:120px;
    left:0px;
    width:230px;
    height:120px;
    z-index:10;
}
#sections li.section li {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    width:60px;
    height:60px;
    z-index:11;
}
#sections li.section li.student { top:32px; left:61px; }
#sections li.section li.parent  { top:250px; left:141px; }
#sections li.section li.lector  { top:291px; left:8px; }
#sections li.section a.level2 {
    display:block;
    width:60px;
    height:60px;
}

#tiraz {
    text-align:center;
    color:#FFF;
    position:relative;
    top:-80px;
}
#tiraz .tiraz {
    width:980px;
    margin:0em auto;
}
#tiraz a {
    color:#FFF;
    text-decoration:none;
}

#geniuslogicus {
    width:250px;
    height:60px;
    margin:0em auto;
    background:url(images/geniuslogicus.png) no-repeat top left;
    _background-image:url(images/geniuslogicus-ie.png);
}
#geniuslogicus a {
    display:block;
    width:250px;
    height:60px;
}
#geniuslogicus a span {
    display:none;
}

#tiraz .menu {
    margin-bottom:0.5em;
    width:470px;
    margin:0em auto;
    font-size:0.9em;
}
#tiraz .menu a {
    font-weight:normal;
    padding:0.5em 0.2em;
}

#maxipredmety {
    width: 760px;
    height: 190px;
    margin:0em auto 1em auto;
}
#maxiscrollerContainer {
    position:relative;
    margin:0em auto 1em auto;
    width: 760px;
    height: 190px;
    overflow:hidden;
    padding: 0px 0px 0px 0px;
}
#maxiscrollerBubl {
    width:470px;
    position:absolute;
    top:0px;
    right:140px;
    background: url(images/predmety.png) no-repeat left top;
    _background: url(images/predmety-ie.gif) no-repeat left top;
}
#maxiscroller {
    width:432px;
    height: 65px;
    color:#000;
    font-weight:bold;
    font-size:12px;
    overflow:hidden;
    position:relative;
    top:0px;
    left:0px;
    margin: 0px 0px 0px 15px;
}
#maxiscrollerContent {
    position:absolute;
    top:17px;
    left:440px;
    height:20px;
    width:5000px;
}
#maxiscrollerContent .maxipredmet {
    display:block;
    float:left;
    padding:0em 0em;
}
#maxiscrollerContent .maxipredmet a {
    color:#000;
    text-decoration:none;
}
#testqCount {
    width:470px;
    position:absolute;
    top:65px;
    right:150px;
    font-weight:bold;
    color:#FFF;
    text-align:center;
    font-size:1.2em;
}
#testqCountVal {
    font-size:1.3em;
}
#fl2 {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 190px;
    height: 190px;
}

#new01092010 {
    position: absolute;
    right: 40px;
    top: 120px;
    background: url(images/new-01-09-2010.png) no-repeat left top;
    _background: url(images/new-01-09-2010-ie.gif) no-repeat left top;
    width: 134px;
    height: 110px;
}
#new01092010 a {
    display: block;
    width: 134px;
    height: 110px;
}
#new01092010 a span {
    display: none;
}