@import "typo.css";

body {
    margin: 122px 0px 31px 0px; 
	padding: 0px 0px 0px 0px;
    color: rgb(0,0,0);
    background: rgb(255,255,255) url(pics/bg.gif);
}


div#top {
    position:absolute; 
	top:0; 
	left:0;
    width:1024px; height:122px;
    padding: 0px; margin: 0px; z-index:10;
    overflow: hidden;
    background: rgb(1,15,45) url('pics/banner.jpg') no-repeat;
    text-align: left;
}

#top a {
    display:block;
	position:absolute;
}
#top a span {
    visibility:hidden;
}

#top a#historia {
    left:0px; top:65px; width:110px;
}
#top a#historia:hover {
    background:url('pics/1a.gif');
}
#top a#vedenie {
    left:110px;	top:65px; width:143px;
}
#top a#vedenie:hover {
    background:url('pics/2a.gif');
}
#top a#katedry {
    left:253px; top:65px; width:152px; 
}
#top a#katedry:hover {
    background:url('pics/3a.gif');
}

#top a#centrum {
    left:405px;top:65px;width:140px;
}
#top a#centrum:hover {
    background:url('pics/4a.gif');
}
#top a#kancelaria {
    left:545px;	top:65px;	width:257px;
}
#top a#kancelaria:hover {
    background:url('pics/5a.gif');
}

#top a#studium {
    left:0px;top:86px;width:123px;
}
#top a#studium:hover {
    background:url('pics/6a.gif');
}
#top a#harmonogram {
    left:123px;top:86px;width:226px;
}
#top a#harmonogram:hover {
    background:url('pics/7a.gif');
}
#top a#aktuality {
    left:349px;top:86px;width:162px;
}
#top a#aktuality:hover {
    background:url('pics/8a.gif');
}
#top a#informacie {
    left:511px;top:86px;width:170px;
}
#top a#informacie:hover {
    background:url('pics/9a.gif');
}
#top a#kontakty {
    left:681px;top:86px;width:121px;
}
#top a#kontakty:hover {
    background:url('pics/10a.gif');
}





div#bottom {
    width: 1024px; height: 31px;
    position: absolute; bottom:0%; left:0%;
    padding: 0px; margin: 0px; z-index:10;
    overflow:hidden;
    background:rgb(1,15,45) url('pics/bottom.jpg');
    color: rgb(255,0,0);
    text-align: left;
}

#bottom a {
    display:block;
	height:21px;
	position:absolute;
	top:10px;
}
#bottom a span {
    visibility:hidden;
}


#bottom a#dokumenty {
    left:32px;width:177px;
}
#bottom a#dokumenty:hover {
    background:url('pics/11a.gif');
}
#bottom a#spat {
    left:209px;width:119px;
}
#bottom a#spat:hover {
    background:url('pics/12a.gif');
}
#bottom a#mapa {
    left:328px;width:120px;
}
#bottom a#mapa:hover {
    background:url('pics/13a.gif');
}
#bottom a#vsmu {
    left:448px;width:96px;
}
#bottom a#vsmu:hover {
    background:url('pics/14a.gif');
}
#bottom a#forum {
    left:544px;width:84px;
}
#bottom a#forum:hover {
    background:url('pics/15a.gif');
}
#bottom a#english {
    left:628px;width:71px;
}
#bottom a#english:hover {
    background:url('pics/16a.gif');
}



div#main, div#main_title, div#main_aktuality {
  padding:0px 0px 0px 0px;
  margin:5px 0px 0px 300px;
  width:520px;
  background:url('pics/budova.gif') no-repeat top right;
  
}

div#main {
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 300px;
  width:560px;
  background:url('pics/budova.gif') no-repeat top right;
  border:1px white solid;
}

div#main h2 {
margin-top:20px;
}





div#main_title {
  background:url('pics/logao.gif') no-repeat top right;
  margin:5px 0px 0px 25px;
  width:700px;
}
#content {

}
#content div#main_title #ilu {
	position:relative;
	top:0px;
	width:281px;
	float:right;
  left:0px;
	margin-bottom:0px;
	border:0px red solid;
}


div#left_menu {
    border:0px red solid;
    position:absolute; 
	top:170px; 
	left:30px;
    width:280px; 
    padding: 0px; margin: 0px; z-index:10;
    overflow: hidden;
    text-align: left;
}
div#left_menu ul {
   list-style-type:none;margin:0;padding:0;border:none;
}

div#left_menu ul li a{
   color:rgb(0,0,102);
   text-decoration:none;
   font:800 11px/18px Verdana;
}
div#left_menu ul li a:hover{
   color:rgb(0,128,0);
   text-decoration:underline;
}

div#articleListContainer {
    border:0px blue solid;
    position:absolute; 
	left:25px;
	top:380px;
    width:240px; 
    padding: 0px; margin: 0px; z-index:10;
    overflow: auto;
    text-align: left;
}

div#articleListContainer2 {
    border:0px blue solid;
    position:absolute; 
	left:25px;
	top:300px;
    width:240px; 
    padding: 0px; margin: 0px; z-index:10;
    overflow: auto;
    text-align: left;
}




span.name a {
   color:rgb(0,128,0);
   text-decoration:underline;
}
span.name a:hover{
   color:orange;
   text-decoration:underline;
}



#gal {
   border:0px red solid;
}

#gal a.box_img {
display:block;
width:120px;
height:120px;
float:left;
background:rgb(245,245,245);
margin:3px;
text-align:center;
border:1px rgb(220,220,220) solid;
}

#gal a.box_img:hover {
background:rgb(224,255,224);
border:1px blue solid;

}
#gal a.box_img img {
margin-top:3px;
border:0px;
}

#random_gal {
   border:0px red solid;
   position:absolute;
   width:260px;
   height:300px;
   left:10px;
   top:160px;
   
   padding:0px;
}

#random_gal a.box_img {
display:block;
width:120px;
height:120px;
float:left;
background:rgb(245,245,245);
margin:3px;
text-align:center;
border:1px rgb(220,220,220) solid;
}

#random_gal a.box_img:hover {
background:rgb(224,255,224);
border:1px blue solid;

}
#random_gal a.box_img img {
margin-top:3px;
border:0px;
}
#random_gal a.cela_gal {
display:block;
width:120px;
height:20px;
float:left;
background:rgb(245,245,245);
margin:3px;
text-align:center;
border:1px rgb(220,220,220) solid;
   font:400 10px/18px Verdana;
   text-decoration:none;
}


#adresa {

border:0px rgb(28,59,90) solid;
width:200px;
height:210px;
margin:10px;
padding:0px;
background:rgb(220,228,241);
}

@media screen{
 body>div#top{
  position:fixed;
 }
 body>div#bottom{
  position:fixed;
 }
 body>div#left_menu{
  position:fixed;
 } 
  body>div#random_gal{
  position:fixed;
 } 
  body>div#articleListContainer {
  position:fixed;
 } 
}
* html body{
 overflow:hidden;
}
* html div#content{
 height:100%;
 overflow:auto;
}