body { 
  background-color: #f6f6f6;
  font-family: "Tahoma", Helvetica, Verdana, Arial, sans-serif;
  margin: 0;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
  color: #002a57;}

img {border:0;}

#wrapper { 
  width: 740px;
  border: 0;
  color: #000;
  margin: 0px auto auto auto;
  background-color: #ffffff;}

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

#contentl {
  float: left;
  width: 477px; 
  margin: 0px 20px 0px 0px;
  text-align: justify;
  font-size: 11px;
  color: #002a57;
  padding-left: 20px;
  padding-top: 40px;}

#contentr {
  padding-top: 40px;
  float: left;
  width: 220px;
  color: #002a57;
  text-align: justify;
  font-size: 11px;
  padding-left: 0px;
  padding-right: 0px;}

#contentbg {
  position: relative;
  width: 740px;
  background-color: #ffffff;}

h1 {
	font-size: 14px;
	color: #e86d1c;
	border-bottom: 1px #d9d9d9 solid;
	background-image: url(images/h1.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding-bottom: 3px;
	margin-top: 0px;}

h2 {
  color: #333399;
  font-size: 12px;}
  
h3 {
	font-size: 10px;
	color: #e86d1c;
	border-bottom: 1px #d9d9d9 solid;
	background-image: url(images/h1.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	text-transform: uppercase;
	margin-bottom: 6px;
	padding-bottom: 3px;
	margin-top: 0px;}

h3 a {
	color: #e86d1c;
	text-decoration: none;}
  
h3 a:hover {color: #00a832;}

.bgdiv {padding-left: 15px;}

.nolist li {
display: list-item;
list-style-type: none;}

#copyright {
  background-image: url(images/footer.jpg);
  text-align: center;
  width: 740px;
  clear: both;
  color: #fff;
  font-size: 11px;
  background-repeat: repeat-x;
  line-height: 30px;}

.black {color: #000000;
line-height: 15px;}

.black a {
	color: #00a832;
	font-weight: bold;}
	
.orange {color: #e86d1c;
font-weight: bold;
text-decoration: underline;}
	
.white {color: #f4f4f4;}

.white a {
	color: #000;
	font-weight: bold;}
 
a {
	color: #00a832;
	text-decoration: none;
	font-weight: bold;}
  
a:hover {color: #000;
font-weight: bold;}

/* navigation styles */

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

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

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

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

.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;}
.navalt6 {background: url("images/menu.jpg") no-repeat;}
.navalt7 {background: url("images/menu.jpg") no-repeat;}

#link1 {left: 22px; width: 58px;}
#link2 {left: 85px; width: 82px;}
#link3 {left: 173px; width: 117px;}
#link4 {left: 296px; width: 129px;}
#link5 {left: 430px; width: 77px;}
#link6 {left: 511px; width: 66px;}
#link7 {left: 581px; width: 134px;}

#link1 a:hover, #link1 a:active {background: transparent url("images/menu.jpg") -22px -41px no-repeat;}
#link2 a:hover, #link2 a:active {background: transparent url("images/menu.jpg") -85px -41px no-repeat;}
#link3 a:hover, #link3 a:active {background: transparent url("images/menu.jpg") -173px -41px no-repeat;}
#link4 a:hover, #link4 a:active {background: transparent url("images/menu.jpg") -296px -41px no-repeat;}
#link5 a:hover, #link5 a:active {background: transparent url("images/menu.jpg") -430px -41px no-repeat;}
#link6 a:hover, #link6 a:active {background: transparent url("images/menu.jpg") -511px -41px no-repeat;}
#link7 a:hover, #link7 a:active {background: transparent url("images/menu.jpg") -581px -41px no-repeat;}

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

/* send styles */

#nav-send {
  margin: auto auto;
  text-align: left;
  position: relative;
padding-top: 35px;
padding-left: 650px;}

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

#sendnavigation {
  height: 16px;
  padding: 0;
  position: relative;
  width: 74px;}
    
#sendnavigation li { 
  list-style: none; 
  margin: 0; 
  padding: 0; 
  position: absolute; 
  top: 0px;}

#sendnavigation li, #sendnavigation a {display: block; height: 18px;}

.sendnav {background: url("images/send.jpg") no-repeat;}
.sendnavalt1 {background: url("images/send.jpg") no-repeat;}
.sendnavalt2 {background: url("images/send.jpg") no-repeat;}

#sendlink1 {left: 12px; width: 23px;}
#sendlink2 {left: 48px; width: 26px;}

#sendlink1 a:hover, #sendlink1 a:active {background: transparent url("images/send.jpg") -12px -33px no-repeat;}
#sendlink2 a:hover, #sendlink2 a:active {background: transparent url("images/send.jpg") -48px -33px no-repeat;}

span.hiddenword, hr, #sendnavigation 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: 310px;}

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

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

form input#radiobutton {
	float: left;}

textarea {display: block;}

/* news styles */

#catnews {
display: block;
text-align: justify;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #474A4B;
text-decoration:none;
padding: 3px 3px 3px 3px;
line-height: 15px;}

#catnews  {background-color: #f8f8f8;}
#catnews .blue strong {color: #00a832;}

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

#more {text-align: right;}

/* list styles */
div.row span.label {
	float: left;
	text-align: right;
	padding-left: 5px;}

div.row span.formw {
	float: right;
	width: 100px;
	text-align: left;  }

div.row {
	clear: both;
	padding-top: 5px;}
	
/* food styles */

form label.field-gram {clear: left;}
form label.field-gram {
	float: left;
	width: 50px;}

form label.field-jedlo{
	float: left;
	margin: 0px 0px 0px;
	width: 365px;}

form label.field-cena{
	float: left;
	margin: 0px 0px 0px;
	width: 27px;
	padding-left: 26px;}

.tucne {font-weight: bold;}

/* cest_por styles */

form label.field-headerleft, form label.field-headercenter, form label.field-headerright, form label.field-odp, form label.field-prp, form label.field-mesto, form label.field-odl, form label.field-prl {text-align: center;}

form label.field-headerleft {
	float: left;
	width: 115px;
	clear: left;}

form label.field-headercenter{
	float: left;
	margin: 0px 0px 0px;
	width: 230px;}

form label.field-headerright{
	float: left;
	margin: 0px 0px 0px;
	width: 115px;}

form label.field-prl {
	float: left;
	width: 60px;
	clear: left;}

form label.field-odl{
	float: left;
	margin: 0px 0px 0px;
	width: 60px;}

form label.field-mesto{
	float: left;
	margin: 0px 0px 0px;
	width: 220px;}
	
form label.field-prp{
	float: left;
	margin: 0px 0px 0px;
	width: 60px;}

form label.field-odp{
	float: left;
	margin: 0px 0px 0px;
	width: 60px;}

#tucne {font-weight: bold;}