/* 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: #3e4f58;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-weight: normal;
}

a h1, h1 a, a h2, h2 a{
  text-decoration: none;
  color: #3e4f58;
}

h1{
  font-size: 22px;
}

h2{
  font-size: 19px;
}

label{
  font-weight: bold;
  color: #3e4f58;
}

a{
  color: #5f767d;
}

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; 
}

#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: #867960; 
}

/*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{
  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 #373737; 
}

.panel .type, .panel .type a{
  text-align: center;
}
.panel .info label{
  font-weight: bold;
}
.panel .info span{
  font-size: 11px;
  display: block;
}
.panel .info{
  float: right;
  margin-bottom: 5px;
  max-width: 160px;
}

.panel .text{
  clear: both;
}

.panel .more_info{
  text-align: center;
}
.panel .more_info a{
  color: #3e4f58;
  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;
  float: right;
  margin: 5px 0;
  max-width: 160px;
}

/*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: 90px;
}

.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;
}

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

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

#predstavujeme{
  width: 687px;
  height: 60px;
  background: transparent url(predstavujeme.gif) no-repeat top left;
  margin-bottom: 5px;
  float: left;
}

#info{
  width: 687px;
  height: 50px;
  background: transparent url(info.gif) no-repeat top left;
  margin-bottom: 5px;
  float: left;
}

.podat{
  width: 672px;
  height: 40px;
  padding-left: 15px;
  margin-bottom: 5px;
}

.blede{
  background: transparent url(podat1.gif) no-repeat top left;
}

.tmave{
  background: transparent url(podat2.gif) no-repeat top left;
}

.podat_link{
  float: right;
  margin-right: 10px;
  margin-top: 12px;
  padding-right: 18px;
  background: transparent url(podat_link.gif) no-repeat center right;
}

.podat h2{
  padding-top: 8px;
}

#rizeni{
  width: 661px;
  margin: 5px;
  border-spacing: 0px;
}

#rizeni th{
  font-weight: bold;
  color: #3e4f58;
  font-size: 15px;
  border-top: 1px solid #c9c9c9;
  padding-top: 10px;
  padding-bottom: 10px;
}

#rizeni .left_col{
  width: 430px;
  border-left: 1px solid #c9c9c9;
}

#rizeni .right_col{
  width: 231px;
  border-right: 1px solid #c9c9c9;
  text-align: center;
}

#rizeni td, #rizeni th{
  border-bottom: 1px solid #c9c9c9;
}

#rizeni td{
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}

#rizeni .cal{
  background: transparent url(cal.gif) no-repeat center left;
  padding-left: 20px;
  font-size: 13px;
}

#rizeni .vizitka{
  background: transparent url(vizitka.gif) no-repeat 3px;
  padding-left: 23px;
}
 
#rizeni .skola{
  font-weight: normal;
  text-decoration: none;
  font-size: 14px;
}

#rizeni label{
  color: #2e7240;
}

#rizeni tr.odd td{
  background-color: #ffffff;
}

#rizeni tr.even td{
  background-color: #f1f8fe;
}

/*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;
}