* {
  padding: 0;
  margin:  0;
}


body {
  font-family: Verdana,Arial,Helvetica;
  font-size:     12px;
  background: #f9f9fa;
  padding:       10px;
}


/* --- Boxy --- */

#container { 
  background-color: #f9f9fa; 
  width:       800px; 
  margin-left:  auto;
  margin-right: auto;
}



#logo {
  background: url(graphics/header-01.gif) center bottom no-repeat;
  width:       800px;
  height:      144px;
  margin-left:  auto;
  margin-right: auto;
}



#box_tlacitka_obr {
  display:      none;
  background-color: #e2efff;
  width:       760px;
  height:       35px;
  margin-left:  auto;
  margin-right: auto;
}


#sub_container { 
  background-color: #e2efff;
  border-bottom: 1px solid #e2efff;
  width:       763px;
  margin-left:  auto;
  margin-right: auto;
  position: relative;
}


#box_panel_s_tlacitky {
  background: url(graphics/papobr.gif) 50% 20px no-repeat;
  width:         120px;
  padding-top:    43px;
  padding-left:   20px;
  padding-bottom: 10px;
  position: absolute;
  top:          10px;
  left:         0px;
}



#box_text {
/*  scrollbar-base-color: #bfd9f2;
  scrollbar-track-color: #f9f9fa; */
  text-align:     justify;
  background-color: white; 
  width:            440px;
  min-height:       350px;
  _height:          350px;
  padding:           20px;
  overflow:       display;
  margin-left:       auto;
  margin-right:      auto;
}



#box_novinky{
  width:       120px;
  padding:       9px;
  position: absolute;
  top:          10px;
  right:         0px;
}

#novinky{
  background:  white;
  border: #bfd9f2 1px solid;
  padding-left:  5px;
  padding-right: 5px;
  margin-top:   10px;
}

#novinky:hover {
  border: #287dcc 1px solid;
}

#copyright{
  background-color: #f9f9fa;
  clear:           both;
  font-size:       10pt;
  color:         silver;
  text-decoration: none;
  width:          450px;
  text-align:    center;
  margin-right:    auto;
  margin-left:     auto;
}



/* --- Tlacitka --- */

#box_tlacitka_obr li{
  list-style-type: none;
}

#box_tlacitka_obr A {
  display:       block;
  width:         100px;
  text-align:   center;
  padding-top:     8px; 
  padding-bottom:  8px;
  border-right:  #bfd9f2 6px solid; 
  border-bottom: #bfd9f2 1px solid;
/*  color: #6a6e72;   */
  color:       #808080;
  font-family: Helvetica, sans-serif;
  font-size:        9pt; 
  background-color: #e2efff; 
  text-decoration: none;
}


#tlac_uvod{
  position: absolute;
  top:         153px;
  left:        150px;
}


#tlac_vyroba{
  position: absolute;
  top:         153px;
  left:        350px;
}


#tlac_opravy{
  position: absolute;
  top: 153px;
  right: 350px;
}

#tlac_prestavby{
  position: absolute;
  top: 153px;
  right: 150px;
}



#box_panel_s_tlacitky ul{
  list-style-type: none;
  display: block;
  margin-top:  auto;
}



#box_panel_s_tlacitky A {
  position: relative;
  left: -6px;
  display: block;
  width: 95px;
  height: 18px;
  padding-right:  0px;
  padding-left:   3px;
  padding-top:    3px; 
  padding-bottom: 2px;
  border-right:   0px; 
  border-left:   #bfd9f2 6px solid;
  border-top:    #bfd9f2 1px solid;
  border-bottom: #bfd9f2 1px solid;
/*  color: #6a6e72;   */
  color: #808080;
  font-family: Helvetica, sans-serif;   
  font-size: 9pt; 
  background-color: #e2efff; 
  text-decoration: none;
}



#box_panel_s_tlacitky A:hover {
  color:black;
  border-left:   #287dcc 6px solid;
  border-top:    #287dcc 1px solid;  
  border-bottom: #287dcc 1px solid; 
  background-color: white;
  font-weight: bold;
}




A:link {
  font-style: normal;
  font-weight: normal;
  color: #696969;
  BORDER-TOP-WIDTH: 0px;  
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px;  
  BORDER-RIGHT-WIDTH: 0px; 
  text-decoration: none;
}
A:visited {
  font-style: normal;
  font-weight: normal;
  color: #696969;
  text-decoration: none;
}
A:hover {
  background: #287dcc;
  color: black; 
  text-decoration: none;
}
A:active {
  text-decoration: none;
}