body { 
  font-family: Arial, "Tahoma", Helvetica, Verdana, sans-serif;
  margin: 0;
  background-color:#6d8698;
  background-image: url(images/bg.jpg);
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #ffffff;
font-size: 10px;
background-repeat: repeat-x;}

img {border:0;}

#wrapper { 
  width: 768px;
  border: 0;
  margin: 40px auto auto auto;}
  
#header {
  width: 768px;
  height: 293px;
  padding: 0;
  margin: 0;
  border: 0;	   
  position:relative;
  top:0;
  background-image: url(images/header.jpg);
  background-repeat: no-repeat;}

#contentl {
  float: left;
  width: 240px;
  text-align: justify;
padding: 10px 30px 10px 30px;}

#contentr {
  float: left;
  width: 420px;
  text-align: justify;
  font-size: 11px;
  padding: 10px 20px 0px 20px;
}

#contentc {
  float: left;
  text-align: justify;
  color: #002a57;
  padding: 10px 30px 10px 40px;}

#contentbg {
  background-image: url(images/center_grad.jpg);
  position: relative;
  width: 768px;
  background-repeat: repeat-x;
  overflow: hidden;
background-color: #0068ab;
padding: 0px;
margin: 0px;
}

h1 {
  font-size: 12px;
color: #ffffff;
margin: 0px;
padding-bottom: 10px;
background-image: url(images/h1.jpg);
background-repeat: no-repeat;
padding-left: 35px;
text-transform: uppercase;
border: 1px #ffffff;
border-bottom: 1px #ffffff solid;
letter-spacing: 1px;
margin-bottom: 15px;}

h2 {
  color: #002a57;
  font-size: 12px;
  text-decoration: underline;
margin: 0px;}

.bgdiv {padding-left: 15px;}

#copyright {
  background-image: url(images/footer.jpg);
  height: 115px;
  text-align: center;
  width: 768px;
  clear: both;
  font-size: 11px;
  color: #ec752e;
  line-height: 40px;
margin: 0px;
padding: 0px;}
 
a {color: #ad0404;}
  
a:hover {color: #000;}

p {
padding-top: 5px;
padding-bottom: 5px;
margin: 0px;}

li {
padding-top: 5px;
margin: 0px;}

.leftstorypic {
float: left;
border: 1px solid #E4E1D6;
margin: 0px 10px 0px 0px;
padding: 3px;
background-color: #fff;}

/* navigation styles */

#nav-main {
  height: 49px;
  margin: auto;
  text-align: left;
  position: relative;}

#nav-main ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 768px;}

#navigation {
  height: 49px;
  padding: 0;
  position: relative;
  width: 768px;}
    
#navigation li { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  position: absolute; 
  top: 0px;}

#navigation li, #navigation a {display: block; height: 49px;}

.nav {background: url("images/menu.jpg") no-repeat;}
.navalt1 {background: url("images/menu.jpg") no-repeat;}
.navalt2 {background: url("images/menu.jpg") no-repeat;}
.navalt3 {background: url("images/menu.jpg") no-repeat;}
.navalt4 {background: url("images/menu.jpg") no-repeat;}
.navalt5 {background: url("images/menu.jpg") no-repeat;}

#link1 {left: 0px; width: 153px;}
#link2 {left: 154px; width: 154px;}
#link3 {left: 308px; width: 154px;}
#link4 {left: 462px; width: 154px;}
#link5 {left: 616px; width: 152px;}

#link1 a:hover, #link1 a:active {background: transparent url("images/menu.jpg") -0px -49px no-repeat;}
#link2 a:hover, #link2 a:active {background: transparent url("images/menu.jpg") -154px -49px no-repeat;}
#link3 a:hover, #link3 a:active {background: transparent url("images/menu.jpg") -308px -49px no-repeat;}
#link4 a:hover, #link4 a:active {background: transparent url("images/menu.jpg") -462px -49px no-repeat;}
#link5 a:hover, #link5 a:active {background: transparent url("images/menu.jpg") -616px -49px no-repeat;}

span.hiddenword, hr, #navigation li span {display: none;}

/* form styles */

form input {display: block;}

form select {
	float: left;
	display: block;}

fieldset {
	margin: 0;
	border: 0;
	padding: 0;
	float: left;
	width: 150px;}

form label.field-otazka {clear: left;}
form label.field-otazka {
	float: left;
	width: 90px;}

form label.field-otazka {
	float: left;
	width: 90px;}

form label.field-odpoved{
	float: left;
	margin: 0px 0px 0px;
	width: 150px;}

form input#radiobutton {
	float: left;}

textarea {display: block;}