/* CSS Document */
*{ 
  margin: 0; 
  padding: 0; 
}

body{
  height: 100%;
  text-align: center;
  font-size: 12px;
  font-family: arial;
  background: #fefefe url(bgr_grad.gif) repeat-x top left;
  color: #2B2720;
}

h1, h2, h3, h4, h5, h6 {
  color: #2B2720;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-weight: normal;
}

a h1, h1 a, a h2, h2 a{
  text-decoration: none;
}

h1{
  font-size: 23px;
}

h2{
  font-size: 20px;
}

label{
  font-weight: bold;
  color: #4368a1;
}

a{
  color: #134b6e;
}

img{
  border: none;
}

ul{
  margin: 0px 0px 5px 20px;
}

ol{
  margin: 0px 0px 5px 20px;
}

#main{
  width: 960px;
  height: 100%;
  margin: 15px auto;
  border: 1px solid #d0d0d0;
  overflow: visible;
  background: #ffffff;
}

#content{
  height: 100%;
  width: 960px;
  text-align: left;
  background-color: #ffffff;
}

#pre_header{
  height: 130px;
  width: 960px;
}

#header{
  height: 130px;
  width: 954px;
  margin: 3px 3px 0px 3px;
  background: transparent url(header.jpg) no-repeat top left;
}

#footer{
  height: 50px;
  padding-top: 13px;
  width: 954px;
  margin: 0px 3px 3px 3px;
  background: url(footer.jpg) no-repeat top left;
  text-align: center;
  position: relative;  
}

#center{
  float: left;
  width: 687px;
  margin-left: 3px;
}

#right{
  float: right; 
  width: 264px;
  height: 100%;
  margin: 0 3px;
}

#menu{
  width: 954px;
  margin: 0px 3px 5px 3px;
  height: 40px;
  background: url(menu.jpg) no-repeat top left;
}

#menu ul{
  list-style: none;  
}

#menu .menu_item{
  width: 159px;
  float: left;
  height: 40px; 
  cursor: pointer;  
}

#menu ul li a{
  color: #101010;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
}

.cleaner{
  clear: both;
  visibility: hidden;
}

.advert_250{
  background: transparent url(advert_250_bg.gif) no-repeat top left;
  padding: 7px;
  margin: 0px 0px 5px 0px;
  width: 250px;
  height: 250px;
}

/*pocitadlo navstev*/
.counter{
  height: 70px;
  width: 250px; 
  float: left;
  text-align: center;
  padding-top: 10px;  
}

#downmenu .downmenu_item{
  text-align: center;
  width: 250px;
  height: 16px;
  padding: 7px;
  background: transparent url(downmenu_bg.gif) no-repeat top left;
  margin-bottom: 3px;
}

#downmenu .downmenu_item a{
  color: #607da2; 
}

/*profil skoly, panel*/
.panel_top{
  width: 687px;
  height: 5px;
  background: url(panel_top.gif) no-repeat top left;
  float: left;
}

.panel_bottom{
  width: 687px;
  height: 5px;
  background: url(panel_bottom.gif) no-repeat top left;
  float: left;
}

.panel_middle{
  width: 671px;
  background: url(panel_grad_bg.gif) repeat-x top left;
  padding: 2px 7px;
  float: left;
  border-left: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  min-height: 90px;
}

.panel_middle .nadpis{
  width: 671px;
  text-align: center;
}

.panel_middle .sekcia{
  line-height: 160%;
}

.panel_middle .sekcia .thumb{
  float: left;
  text-align: center;
  width: 223px;
  height: 180px;  
}

.panel_middle table{
  width: 671px;
  height: 120px;
  padding-left: 20px;
}

.panel_middle td{
  width: 220px;  
  height: 50px;
  vertical-align: middle;
  text-align: left;
}

.panel_middle select{
  width: 150px;
}

.panel{
  width: 687px;
  float: left;
  margin-bottom: 5px;
}

.panel .left{
  width: 140px;
  float: left;
}

.panel .right{
  width: 531px;
  float: left;
}

.panel .logo{
}

.panel .logo img{
  border: 2px solid #2B2720; 
}

.panel .type, .panel .type a{
  text-align: center;
}
.panel .info label{
  font-weight: bold;
}
.panel .info span{
  font-size: 11px;
  display: block;
}
.panel .info{
  margin: 5px 0;
}

.panel .more_info{
  text-align: center;
}
.panel .more_info a{
  color: #4368a1;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding-right: 20px;
  background: transparent url(more.gif) no-repeat center right;
}

.panel_left_content{
  
}
.panel_left_content_top{
  
}
.panel_left_content_bottom{
  
}

.panel .date{
  font-weight: bold;
}

/*strankovanie*/
.panel_stranky{
  width: 687px;
  height: 40px;
  float: left;
  padding-top: 10px;
  text-align: center;
}

/*panel vpravo, mudro*/
.panel_r_top{
  width: 264px;
  height: 5px;
  background: url(panel_r_top.gif) no-repeat top left;
}

.panel_r_bottom{
  width: 264px;
  height: 5px;
  background: url(panel_r_bot.gif) no-repeat top left;
}

.panel_r_middle{
  width: 248px;
  background: url(panel_grad_bg.gif) repeat-x top left;
  padding: 2px 7px;
  border-left: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0;
  min-height: 80px;
}

.panel_r{
  width: 264px;
  margin-bottom: 5px;
}

/*vyhladavanie*/
.search{
  width: 687px;
  height: 80px;
  background: transparent url(search_bg.gif) no-repeat top left;
  margin-bottom: 5px;
}

.search table{
  width: 687px;
  height: 80px;;
}

.search td{
  height: 80px;
  vertical-align: middle;
  text-align: center;
}

select{
  padding: 2px;
}

.search select{
  width: 150px;
}

input[type=image]{
  outline: none;
}

.search_button{
    background: url("./srch.gif");
    border: none;
    outline: none;
    width: 100px;
    height: 30px;
    cursor: pointer;
} 

.search_button_big{
    background: url("./vysrch.gif");
    border: none;
    outline: none;
    width: 120px;
    height: 30px;
    cursor: pointer;
} 

/*nastavenie atributov pre srovnani*/
.atributy table{
  width: 687px;
}

.atributy td{
  width: 100px;
  height: 20px;
}

/*obory*/
.obor .school{
  float: right;
}

.block{
  display: block;
  margin: 3px 0px;
}

/*porovnanie*/
.compare{
  width: 226px; 
  margin-right: 3px;
  float: left;
  text-align: center;
}

.compare_top{
  width: 226px;
  height: 5px;
  background: transparent url(comp_top.gif) no-repeat top left;
}

.compare_bot{
  width: 226px;
  height: 5px;
  background: transparent url(comp_bot.gif) no-repeat top left;
}

.compare_mid{
  width: 210px; 
  padding: 2px 7px;
  background: #ffffff url(panel_grad_bg.gif) repeat-x top left;
  min-height: 90px;
  border-left: 1px solid #b0b0b0;
  border-right: 1px solid #b0b0b0; 
}

.compare_title{
  width: 210px;
  height: 100px;
}

.compare .attr{
  margin: 15px 0px;
}

/*doplnkove sekcie (o nas, reklama, ...)*/
.panel_ostatni{
  text-align: left;
}

.panel_ostatni ul{
  margin: 5px 0px 5px 20px;
}

.panel_ostatni ol{
  margin: 5px 0px 5px 20px;
}