* { margin: 0; padding: 0; }

body{
  height: 100%;
  color: #606060;
  text-align: center;
  background: #D5E7EE url(bg.gif) repeat-y scroll 50% 0;
  font-size: 12px;
  font-family: arial;  
}

#main{
  width: 960px;
  height: 100%;
  margin: 0 auto;
}

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

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

#header{
  height: 130px;
  width: 960px;
  background: url(header.jpg) no-repeat top left;
}

#footer{
  height: 20px;
  width: 960px;
  background: url(footer.jpg) no-repeat top left;
  float: left;
  margin-top: 10px;
  text-align: center;
  padding-top: 20px;
  position: relative;
}

#left{
  float: left; width: 160px;   
}

#center{
  float: left; width: 600px;
}

#right{
  float: left; width: 195px; 
  padding: 0 0 0 5px;
}

#sub_left{
  padding: 5px 0 0 5px;
}

#menu{
  width: 160px
  height: 270px;
  font-size: 13px;
  color: #303030;
}

#menu div{
  width: 140px;
  height: 35px;
  padding: 10px 0 0 20px;
  font-weight: bold;
}

#menu div a{
  color: #505050;
  text-decoration: none;
}

#menu_home{ background: url(menu_home.gif) no-repeat top left;}
#menu_vs{ background: url(menu_vs.gif) no-repeat top left;}
#menu_mba{ background: url(menu_mba.gif) no-repeat top left;}
#menu_vos{ background: url(menu_vos.gif) no-repeat top left;}
#menu_ss{ background: url(menu_ss.gif) no-repeat top left;}
#menu_zs{ background: url(menu_zs.gif) no-repeat top left;}

a{
  color: #2d7895;
  text-decoration: none;
}

a:hover{
  color: #17aa90;
  text-decoration: underline;
}

img{  
  border-style: none;
}

ul{
  position: relative;
  left: 20px;
}

ol{
  position: relative;
  left: 20px;
}

.link{
  background: url(link.gif) no-repeat 0 center;
  padding-left: 15px;
  border-bottom: 1px solid #DAECF1;
  text-decoration: none;
  display: block;
}

#search_div{
  width: 160px;
}

#search{
  text-align: center;
  margin: 10px 0;
}

#search label{
  color: #2d7895;
  font-weight: bold; 
}

#search input[type=text]{
  width: 144px; 
}

input[type=text]{
  border: 1px solid #cfd7e7;
  background-color: #EAEEF6;
  margin: 3px 0 3px 0;
}

input[type=password]{
  border: 1px solid #cfd7e7;
  background-color: #EAEEF6;
  margin: 3px 0 3px 0;
}

input[type=image]{
  color: #efefef;
  font-weight: bold;
  text-align: center;
}

.top_bottom_margin{
  margin: 20px 0;
}

.advert_120{
  background: url(advert_120.gif) no-repeat top left;
  width: 154px;
  height: 620px;
  margin: 3px;
  padding: 13px 17px 0 17px;
  float: left;
}

.advert_180{
  background: url(advert_180.gif) no-repeat top left;
  width: 184px;
  height: 200px;
  margin: 3px 0px;
  padding: 13px 2px 0 2px;
  float: left;
}

/*pocitadlo navstev*/
.counter{
  height: 100px;
  width: 180px; 
  float: left;
  text-align: center;
  font-weight: bold;  
}

#bottom_menu div{
  background: url(bottom_menu_el.gif) no-repeat top left;
  width: 150px;
  height: 19px;
  margin: 1px 5px;
  text-align: center; 
  padding: 4px 0 2px 0;
  float: left;
}

#bottom_menu div a{
  font-size: 13px;
  color: #697e86;
}

#top_center{
  height: 250px;
  width: 600px;
  padding: 10px 15px;
  margin-top: 5px; 
  background: url(top_center_bg_zs.gif) no-repeat top left;
}

#search_school select{
  display: block;
  border: 1px solid #cfd7e7;
  background-color: #EAEEF6;
  width: 140px;
  margin: 4px 2px;
}

#top_center_left{
  float: left;
  width: 480px;
}

#top_center_top{
  height: 180px;
}

#top_center_bottom{
  height: 70px;
  text-align: center;
  background: url(advert_468.gif) no-repeat top center;
  padding: 2px 0 2px 0;
}

#top_center_top_left{
  float: left;
  width: 400px;
  padding: 0px;
}

#top_center_top_left h2{
  width: 390px; 
  height: 25px;
  font-size: 16px;
  padding: 4px 17px;
  background: url(top_center_h2.gif) no-repeat top left;
  color: #505050;
}

#top_center_top_right{
  float: left;
  width: 145px;
  padding: 0px 7px;
  text-align: center;
}

#login_top_center_top{
  height: 40px;
}

#login_top_center_top_left{
  float: left;
  width: 400px;
  padding: 0px;
}

#logged_top_center_top_left{
  float: left;
  width: 500px;
  padding: 0px;
}

#logged_top_center_top_right{
  float: center;
  margin-top: 10px;
  width: 50px;
  padding: 0px;
}

#login_top_center_center{
  height: 160px;
  width: 580px;
}

#regis_top_center_center{
  height: 190px;
  width: 150px;
}

#admin_top_center_center{
  height: 150px;
  width: 580px;
}

#admin_top_center_bottom{
  height: 100px;
  width: 500px;
}

#regis_ok_center_center{
  height: 200px;
  width: 500px;
}

#regis_ok_top_center_center{
  height: 50px;
  width: 500px;
}

#central_panel{
  width: 580px;
  margin: 10px 10px;
}

.label{
  color: #2d7895;
  font-weight: bold;
}

.admin_label{
  color: #2d7895;
  font-weight: bold;
  width: 250px;
  height: 40px;
  float: left;
}

.admin_sublabel{
  color: #2d7895;
  width: 250px;
  height: 40px;
  float: left;
}

.admin_field{
  width: 330px;
  height: 40px;
  text-align: left;
  float: left;
}
                                      /* pre checkboxy a radiobuttony */
.admin_label_half{                
  color: #2d7895;
  font-weight: bold;
  width: 250px;
  height: 20px;
  float: left;
}

.admin_sublabel_half{                
  color: #2d7895;
  width: 250px;
  height: 20px;
  float: left;
}


.admin_field_half{
  width: 165px;
  height: 20px;
  text-align: left;
  float: left;
}

.admin_field_half_full{
  width: 330px;
  height: 20px;
  text-align: left;
  float: left;
}
                                      /* pre textarea (napr. strucny popis) */
.admin_row_big{                
  color: #2d7895;
  font-weight: bold;
  width: 580px;
  height: 100px;
  float: left;
}
                                      /* pre textarea (napr. strucny popis) */
.admin_field_textarea{                
  color: #2d7895;
  font-weight: bold;
  width: 330px;
  height: 100px;
  float: left;
  text-align: left;
}

.admin_logo{                          /* pre loga */
  width: 580px;
  height: 170px;
  float: left;
}

.admin_thumb{                         /* pre nahlady obrazkov */
  width: 190px;
  height: 180px;
  float: left;
}

.admin_clanek_obrazek{
  width: 580px;
  height: 220px;
  float: left;
}

#admin_choice{                
  color: #2d7895;
  width: 580px;
  height: 40px;
  text-align: center;  
  float: left;
}

.admin_riadok{
  width: 580px;
  height: 20px;
  text-align: left;  
  float: left;
}

.err{
  color: #cc0000;
  font-weight: bold;
}

#skola_zobraz{
  width: 600px;
  float: left;
  margin: 3px 3px;
  color: #606060;
}

.skola_zobraz_label{
  width: 200px;
  height: 20px;
  float: left;
  margin: 3px 3px;
}

.skola_zobraz_field{
  width: 400px;
  height: 20px;
  float: left;
  margin: 3px 3px;
}

.skola_zobraz_riadok{
  width: 580px;
  height: 20px;
  text-align: left;  
  float: left;
}

#mudro{
  padding: 5px;
  overflow: auto;
  font-size: 110%;
}

.panel_top{
  width: 600px;
  height: 10px;
  background: url(panel_top.gif) no-repeat top left;
  float: left;
}

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

.panel_middle{
  width: 600px;
  background: url(panel_middle.gif) repeat-y top left;
  padding: 0px 10px;
  float: left;
}

.panel_middle_bottom{
  width: 580px;
  padding: 10px 10px 0 10px;
  float: left;
}

.panel_ostatni{
  width: 580px;
  padding: 20px 20px 0 20px;
  float: left;
}

.panel_stranky{
  width: 580px;
  height: 20px;
  float: left;
  padding-top: 10px;
  text-align: center;
}

.panel{
  width: 600px;
  float: left;
  margin: 3px 0px;
  color: #606060;
}

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

.panel .right{
  width: 420px;
  float: left;
  padding: 0px 7px;
}

.clanek_upout{
  font-style: italic;
  float: left top;
  padding: 0px 10px;  
}

.clanek_text{
  float: left top;
  padding-left: 7px;
  padding-right: 18px;  

}

.article .left{
  width: 220px;
  float: left;
  padding: 4px;
}

.article .right{
  width: 340px;  
  float: left;
  padding: 0px 7px;
}

.panel .logo{
  text-align: center;
}
.panel .type, .panel .type a{
  text-align: center;
  color: #d3f5ff; 
}
.panel .info label{
  font-weight: bold;
  color: #2d7895; 
}
.panel .info span{
  font-size: 11px;
  display: block;
  border-bottom: 1px solid #add0dd;
  margin: 3px 5px 0 5px;
  padding-left: 5px;
}
.panel .info .nadpis{
  display: block;
  margin: 3px 0 0 0;
  padding-left: 5px;
}      
.panel h2{
  color: #db7c00;
  font-size: 18px;
}
.panel .more_info{
  text-align: center;
  padding: 15px;
}
.panel .more_info a{
  color: #76c745;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  padding-right: 33px;
  background: url(more_info.gif) no-repeat center right;
}

.panel_left_content{
  background: #98abb3;
}
.panel_left_content_top{
  height: 5px;
  width: 140px;
  background: url(panel_left_content_top.gif) no-repeat top left;
}
.panel_left_content_bottom{
  height: 5px;
  width: 140px;
  background: url(panel_left_content_bottom.gif) no-repeat top left;
}

.article .panel_left_pic_top{
  height: 5px;
  width: 220px;
  background: url(panel_left_pic_top.gif) no-repeat top left;
}
.article .panel_left_pic_bottom{
  height: 5px;
  width: 220px;
  background: url(panel_left_pic_bottom.gif) no-repeat top left;
}

.right_panel{
  float: left;
  margin: 0px 0px 10px 0px;  
}

.right_panel h2{
  color: #606060;
  font-size: 14px;
  text-align: center;
}

.right_panel .baner_right_riadok{
  width: 174px;
  height: 18px;
  margin: 0 5px 0; 
  float: left;
}

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

.right_panel .right_panel_middle{
  background: #d6e3e8;
  width: 184px;
  float: left;
  padding: 0px 0px 0px 0px;
}

.right_panel .right_panel_middle .baner_right{
  float: left;
  background-color: #d6e3e8;
}

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

.recommend{
  display: block;
  border-bottom: 1px solid #acc7d2;
  padding: 2px 0 2px 15px;
  background: url(recommend.gif) no-repeat 0 center;
}

#forum{
  width: 184px;
  height: 60px;
  margin: 5px 0;
  background: url(forum.gif) no-repeat top left;
}

/*  Zobrazenie skoly
 */
#celaSkola span{
  border-bottom: none;
}

#celaSkola div{
  border-bottom: none;
}