body {
background: white url(../images/bgs/bg.png) repeat-x;
margin: 0;
text-align: center;
font: normal 80% Arial, Helvetica, sans-serif;
}
img {
padding: 0px; margin: 0px; border: 0px; vertical-align: top;} 

a img {border: 3px solid #b7dbd8;}
a:hover img {border: 3px solid #4e9a93;}

a {font-weight: bold;}
a:link {color:#024078;}
a:visited  {color:#024078;}
a:active {color:#4e9a93; text-decoration:none;}
a:hover {color:#4e9a93; text-decoration:none;}

a.a1 {text-decoration:none}
a.a1:link {color:white;text-decoration:none}
a.a1:visited  {color:white;text-decoration:none;}
a.a1:active {color:white;text-decoration:none;}
a.a1:hover {color:#dc9837;text-decoration:none;}

a.a2:link {font-size:13px;color:#5f5f5f;}
a.a2:visited  {font-size:13px;color:#5f5f5f;}
a.a2:active {font-size:13px;color:#5f5f5f;}
a.a2:hover {font-size:13px;text-decoration:none;}

a.a3 {font-size:14px;text-decoration:underline}
a.a3:link {font-size:14px;color:black;text-decoration:underline}
a.a3:visited  {font-size:14px;color:black;text-decoration:underline}
a.a3:active {font-size:14px;color:black;text-decoration:none}
a.a3:hover {font-size:14px;color:white;text-decoration:none}

p img {
margin: 0px 10px 10px 0px;
}

.page {
width:916px;
margin-left: auto;
margin-right: auto;
}

/* header */

#header {
background: #52749a url(../images/bgs/header_wide.png) no-repeat right top;
}
.header_text {
display: block;
height:25px;
text-align: left;
padding: 90px 0 0 320px;
font-family: Trebuchet MS;
font-style: italic;
font-size:17px;
color: white;
}
#motto_box {
width: 280px;
min-height: 114px;
padding-right: 2px;
float: right;
color: white;
}
.motto {
position: relative;
margin: 3px;
min-height: 68px;
font-family: Trebuchet MS;
font-size:14px;
color: white;
text-align: right;
}
.motto_in {
position: absolute;
bottom: 0px; 
right: 0px
}
.autor {
margin: 4px;
font-family: Trebuchet MS;
font-size:14px;
color: white;
text-align: right;
}

/* menu */

.menubar {
width:100%;
border-collapse: collapse;
border-top: 3px solid white;
border-bottom: 3px solid white;
}
.td_menu {
width: 107px;
border-right: 4px solid white;
text-align: center;
margin: 0;padding: 0;
}
.td_menu_r {
border-right: none;
}
a.menu-odkaz {
display: block;
text-align: center;
height: 20px;
font-size: 13px;
padding-top: 4px ;
padding-bottom: 2px;
color: white;
font-weight:bold;
text-decoration: none;
background: #024078; 
border: 0px solid #7a9ab8;
}
a.menu-odkaz_r {border-right: none;}
a.menu-odkaz_l {border-left: none;}
a.menu-odkaz:link {
color: white;
}
a.menu-odkaz:visited {
color: white;
}
a.menu-odkaz:hover {  
color: #ffc0cb;
border-color: #e38e8f;
background: #c61919;
}

/* columny */
		
.middle
{
	min-height: 565px;
  float: left;
	background-color: white;
	margin: 0px 0px 0px 0px;
	padding: 10px 15px 20px 15px;
	width: 440px;
	text-align: left;
}

.left
{
	float: left;
	width: 146px;
	background-color: #01366d;
	margin-bottom: 10px;
	padding: 5px;
	text-align: left;
}

.right
{
	float: left;
	width:290px;
	margin-left: 0;
	font-weight:bold;
  color:white;
  background: #4a739b url(../images/bgs/bg-right.png) repeat-y;
	margin-bottom: 10px;
}

#footer
{
	clear: both;
	position: relative;
	padding: 3px 8px;
	text-align: left;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: bold;
	color: #a8dbd8;
	border-top: 6px solid #7a9ab8;
	background: #01366d;
}

#footer .f-right {float: right}


/* right */

.meznik {height: 7px;}
.hospodarska {
  display: block;
  width: 290px;
  height: 125px;
  font-size: 13px;
  text-align:right;
  color:black;
  background: url(../images/hospodarska.jpg) top left no-repeat;
  border: 0px solid red;
  padding-top: 20px;
}
.hospodarska_text {
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 45px
}
.hospodarska_url {
  padding-right: 10px;
}
.krmiva {
  display: block;
  width: 290px;
  height: 151px;
  text-align:left;
  font-size: 12px;
  color:rgb(72,72,72);
  background: url(../images/krmiva.jpg) bottom no-repeat;
}

.krmiva_cislo {background: #525252; font-size: 14px;padding: 4px 5px; border: none; color: #abff5d}
.krmiva_cislo a:link, .krmiva_cislo a:visited {color: #abff5d; text-decoration: none}
.krmiva_cislo a:hover, .krmiva_cislo a:active {color: #b7c9df; text-decoration: underline}
.krmiva_text {margin: 10px;}

/* left */

.kontakt, .karty {
  margin: 3px; margin-bottom: 10px;
  padding: 5px 0px 5px 5px;
  font-size: 12px;background: white;border: 6px solid #7a9ab8;
  border-right: none;border-left: none;  
}
.karty {margin: 3px;padding: 8px; text-align: center;}

.kontakt h3 {margin: 10px 0px 5px 5px; color: #c61919;font-size: 14px;}
.kontakt a {border: 0px;}
.kontakt p {margin: 5px;color:black}
.kontakt img {margin: 0;}
.pohotovost {
  margin: 3px;margin-bottom: 10px;
  padding: 5px 3px;
  font-size: 12px;               
  text-align: center;
  background: white;
  color: #01366d;
  border: 6px solid #ffc0cb;
  border-right: none;border-left: none;
}
.pohotovost h3 {margin: 5px;color:#c61918}
.pohotovost p {margin: 3px;}
.logos {margin: 5px;}


/* middle */

h2 {
margin: 18px 0 15px 0;
padding-top: 3px;
padding-bottom: 3px;
font-size:18px;
font-weight:bold;
font-style: italic;
text-align:left;
color:white;
background:url(../images/bgs/bg_margin.png) repeat-y;
clear: both;
}

h2 .step {
padding-left: 32px;
background:url(../images/bgs/step.png) 6px 0px no-repeat;
}
h3 {
margin: 15px 5px 5px 5px;
padding: 0px;
clear: left;
}
h4 {
margin: 10px 5px 0px 5px;
padding: 0px;
clear: left;
}
p {
margin: 10px 5px 5px 5px;
padding: 0;
line-height: 140%
}
li {margin-top: 3px;}

div.jmeno {
	border-top: 1px solid #f2cccb;
	margin: 0;
	padding: 3px;
	float: left;
	width: 165px;
	font-size: 95%;
	clear: left;
}
div.funkce {
	border-top: 1px solid #f2cccb;
	border-left: 1px solid #f2cccb;
	margin: 0 0 0 165px;
	padding: 3px;
	padding-left: 4px;
	font-size: 95%;	
}
.news {padding: 6px; background: #b7dbd8; position: relative;margin: 15px 5px 5px 5px} 
.news .news-title {
  font-weight: bold;
  color: white;
  letter-spacing: 6px;
  font-size: 15px;
  padding:6px;
  text-align: right;
  font-variant: small-caps;
  position: absolute;
  top:0;
  right:0;
  }

.news h3 {
  margin: 15px 5px 2px 5px;
  color: #01366d;
  border-bottom: 4px solid #4e9a93;
}
.news p {
  margin: 0px 5px 5px 5px;
  padding: 6px 13px 6px 7px;
	border-top: 2px solid #4e9a93;
	background: white url("../images/roh_05.png") no-repeat bottom right;
}

/* gallery */
#galerie .middle {width: 730px;}
#galerie .right {display:none}
#qdig .box {margin-right: 10px;}  

hr {
  height: 3px;
  color: #f2cccb;
  background-color: #f2cccb;
  background: #f2cccb url(../images/bgs/bg_margin_fade-io.png) repeat-y;
  clear: both;
  width: 100%;
  border:none;
  margin: 10px 0px 12px 0px;
}

#animals {
  height: 105px;
  width: 105px;
  position: absolute;
  top: -120px;
  left: 10px; 
}

/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}