html{height: 100%;}

body
{ background-color: #ffffff;
  color: #000000;
  font-family: verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .74em;
   
}



#main
{ background: #FFFFFF url(back_8.jpg) repeat-y;
  color: #5F4F53;
  width: 779px;
  margin-left: auto; 
  margin-right: auto;
}


#footer
{ background: #61a6f5 url(btn_8_invert.jpg);
  color: #000000;
  padding: 9px 0px 3px 0px;
  width: 739px;
  text-align: center;
  height: 22px;
  margin-left: auto; 
  margin-right: auto;
 
 
}

 #footer a
{ background-color: transparent;
  color: #5F4F53;
  
}

#logo
{ background: #FFFFFF url(logo_8.jpg) no-repeat;
  color: #5F4F53;
  height: 194px;
  margin-left: auto; 
  margin-right: auto;
  padding: 0px;
  width: 739px;
 
  text-align: left;
  
}
#logo h1
{color: #154c80;
font-size: 30px;
padding-top: 125px;
padding-left: 20px;
}

#footer a:hover
{ background-color: transparent;
  color: #FFFFFF;
}  

#menu
{ 
  width: 740px;
  margin-left: auto; 
  margin-right: auto;
  color: #5F4F53;
  padding-left: 85px;
  background: #FFFFFF url(pod-hed.jpg) no-repeat;
  height: 80px;
  text-align: center;
  }

#menu a{ 
position: relative;
top: 2px;
} 
#menu a:hover
{ position: relative;
  color: #5F4F53;
  top: 2px;
} 
p
{ margin: 0px;
  padding: 0px 0px 24px 0px;
  line-height: 20px;
}

h1
{ font-family: tahoma, verdana, arial, sans-serif;
  font-size: 188%;
  font-weight: normal;
  margin: 0px;
}

h3
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
}

img{border: 0px;}


.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}


blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}


ul
{ margin: 8px 0px 0px 14px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}



#obsah
{ margin-left: auto; 
  margin-right: auto;
  width: 739px;
  height: auto;
  padding: 0px;
  text-align: justify;
  overflow: hidden;
} 


#stlpec1
{ width: 147px;
  float: left;
  padding: 16px 0px 15px 19px;
  border-right: 5px solid;
  border-color:  #378ae8;
}

#stlpec1 h3
{ padding: 0px 0px 6px 0px; 
  margin: 0px 0px 12px 0px; 
  border-bottom: 1px dashed;
}

.polozka
{ position: relative;
  text-align: justify;
  width: 125px;
  float: left;
  margin: 0px 0px 1px 0px;
  padding: 1px 0px 1px 0px;
}


#stlpec2
{ text-align: justify;
  padding: 5px 20px 0px 15px;
  width: 528px;
  float: right;
  
}

#stlpec2 h2
{ padding: 0px 0px 6px 0px; 
  margin: 0px 0px 0px 0px; 
  border-bottom: 1px dashed;
}

.polozka a, #stlpec2 a
{ padding: 0px;
  text-decoration: underline;
}

.polozka a:hover, #stlpec2 a:hover
{ padding: 0px;
  text-decoration: none;
}


form{margin-top: 0px;}

div.row
{ clear: both;
  width: 448px;
  height: 29px;
}

div.row span.formlabel 
{ float: left;
  width: 150px;
  text-align: left;
}

div.row span.forminput
{ float: right;
  text-align: right;
} 

div.spacer
{ clear: both;
  width: 80px;
  height: 22px;
}

input, textarea
{ width: 259px; 
  font-family: verdana, arial, sans-serif;
  font-size: 100%;
  border: 1px solid;
}

.submit
{ font-family: verdana, arial, sans-serif;
  font-size: 100%; 
  border: 1px solid;
  width: 70px;
  height: 22px;
  cursor: pointer;
}