.hidden
{
	display: none;
}


/* Links */
a { color: black; text-decoration: underline; }

a img, 
{
	border: 0;
}

img
{
	border: 0;
}


.border1
{
	
	border: 1px solid #BDAC7C;
}

.border2
{
	
}

div.headline
{
	font-weight: bold;
	font-size: 110% !important;
}

.pub_img 
{
	padding: 1px;
	background: white;
}

.pub_href
{
	background: #EDDFB6;
	padding: 1px 4px;
	margin: 0px;
	text-decoration: none;
}

.pub_href_selected
{
	background: #EDDFB6;
	padding: 1px 4px;
	margin: 0px;
	color: #BDAC7C;
	text-decoration: none;
}

/* obecny obrazek*/
img.gallery
{
	border: 3px solid #FFFFFF;
}

/* obecna tabulka */
table.table
{
	width: 930px;
	margin: 0 auto;
	border-collapse: collapse;
}


table.table2
{
	border-collapse: collapse;
}

.even
{
	background: #D5C38F;
}

.odd
{
	background: #BFAE7C;
}


table.table th
{
	background: url("/images/ico/drevo.jpg");
	height: 30px;
	color: #FDFFD0;
	font-size: 120%;
	line-height: 28px;
	font-weight: bold;
}

table.table th a
{

	color: #FDFFD0;
	height: 30px;
	float: left;
	padding: 0 10px;
	text-decoration: none;
	
}

table.table th span.menu
{
	color: #FDFFD0;
	height: 30px;
	float: left;
	padding: 0 10px;
}


table.table th a.selected,
table.table th a:hover
{
	text-decoration: none;
	/*color: #461A06;*/
	background: url("/images/web/navigace-hover-1-uroven.jpg");
	color: #461A06;
	
}


table.table td
{
	padding: 8px;
}

table.table th
{
	padding: 0px 8px;
}


table.table2 td
{
	padding: 4px;
}

table.table2 th
{
	padding: 0px 4px;
}


/* Formating */
.fl { float: left;  overflow: hidden; }
.fr { float: right; overflow: hidden; }
.cl { clear: both; overflow: hidden; }
.cr { clear: right; overflow: hidden; }
.tac { text-align: center; }
.tal { text-align: left; }
.tar { text-align: right; }
.taj { text-align: justify;  line-height: 150%;} /* sem blokum zvysit radkovani 1.5x */
.vab { vertical-align: bottom; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }


/* buttonky */
.more
{
	background: url("/images/ico/button-more-1.gif");
	color: #E7D7AC;
	border: 1px solid #E7D7AC;
	padding: 2px 10px;
	text-decoration: none;
	font-size: 90%;
}

.more2
{
	background: url("/images/ico/button-more-2.gif");
	color: #E7D7AC;
	border: 1px solid #E7D7AC;
	padding: 2px 10px;
	text-decoration: none;
	font-size: 90%;
}


/* Paragraphs */
input.submit
{
	background: url("/images/ico/bg-submit.gif");
	border: 1px solid #68381E;
}

input, textarea
{
	border: 1px solid #68381E;
}


/* paragraphs */
p
{
  padding: 0;
 
}



/* Headings */
h1, h2, h3
{
	margin: 0;
	padding: 0;
}


h1
{

	padding-top: 20px;
	font-size: 160%;
}

 h1, h2, h3
{
	
}

 h2, h3
{
	
}

h2, h3
{
	font-size: 140%;
	color: #0E5E3E;
	padding-bottom: 5px;
	padding-top: 5px;
}

h5
{
	font-size: 110%;
	margin: 0;
	padding: 0;
	padding: 5px 0px;
	padding-top: 20px;

}


/* Heights */
.h1 { height: 1px; overflow: hidden;  }
.h5 { height: 5px; overflow: hidden; }
.h10 { height: 10px; overflow: hidden;  }
.h15 { height: 15px; overflow: hidden;  }
.h20 { height: 20px; overflow: hidden;  }
.h30 { height: 30px; overflow: hidden;  }
.h40 { height: 40px; overflow: hidden; }
.h50 { height: 50px; overflow: hidden; }
.h100 { height: 100px; overflow: hidden; }


.w1 { width: 1px; overflow: hidden; }
.w5 { width: 5px; overflow: hidden; }
.w10 { width: 10px; overflow: hidden; }
.w20 { width: 20px; overflow: hidden; }
.w30 { width: 30px; overflow: hidden; }
.w40 { width: 40px; overflow: hidden; }
.w50 { width: 50px; overflow: hidden; }
.w60 { width: 60px; overflow: hidden; }
.w70 { width: 70px; overflow: hidden; }
.w80 { width: 80px; overflow: hidden; }
.w90 { width: 90px; overflow: hidden; }
.w100 { width: 100px; overflow: hidden; }
.w130 { width: 130px; overflow: hidden; }
.w150 { width: 150px; overflow: hidden; }
.w200 { width: 200px; overflow: hidden; }
.w250 { width: 250px; overflow: hidden; }
.w300 { width: 300px; overflow: hidden; }
.w350 { width: 350px; overflow: hidden; }
.w400 { width: 400px; overflow: hidden; }

/* colors   */
.bold, .strong { font-weight: bold; }
.red { color: red; }
.blue { color: #418CB2; }
.darkblue { color: #00669C;}
.green { color: #005738; }
.brown { color: #3F200C; }
.white { color: white; }

/* px sizes */
.s10 { font-size: 10px; }
.s11 { font-size: 11px; }
.s12 { font-size: 12px; }
.s13 { font-size: 13px; }


/* % sizes */
.s70 { font-size: 70% }
.s75 { font-size: 75% }
.s80 { font-size: 80% }
.s85 { font-size: 75% }
.s90 { font-size: 90% }
.s100 { font-size: 100% }
.s110 { font-size: 110% }
.s120 { font-size: 120% }
.s130 { font-size: 130% }
.s140 { font-size: 140% }
.s150 { font-size: 150% }

.justify {
	text-align: justify;
}

/***
Strankovani
***/
div.strankovaniLista
{ 
	padding: 2px 2px;
	margin-top: 10px;
	margin-bottom: 10px
	width: auto;
}

div.strankovaniLista a, div.strankovaniLista span
{
/*
   padding: 2px;
	margin: 1px;
	float: left;
	width: 15px;
*/	
	text-align: center;
	text-decoration: none;
	font-weight: bold;

}


div.strankovaniLista a:hover, div.strankovaniLista span#selected
{
	text-decoration: underline;
}

div.strankovaniLista span.noBorder
{
	float: right;
	width: 150px;
	padding-left: 0;
	padding-right: 0;
	border: 0px solid red;
}


/* chybove a informacni hlasky */
.info {
	color: #00669C;
	font-weight: bold;
}

.warning {
	color: red;
	font-weight: bold;
}
/* kozlovny */
.box h1 {font-size: 1.6em;}
.box h2 {display: block; width: 929px; text-indent: 20px; line-height: 30px; background: url(../img/kozlovna/h2_bg.jpg) center top no-repeat; color: #fdffd0; margin: 0; padding: 0; font-size: 1.2em;}
.box h3 {color:#3F200C; font-size: 1.5em; font-weight: bold; margin: 1em 0 0; padding: 0;}
.box a img.fr {margin-bottom: 20px;}
.box ul li h4 {font-size: 1.2em;}
.box p {padding: 0; margin: 0 2em 0 0; font-size: 1.1em;}
.box ul.gallery li {float: left; border: 6px solid #e7d7ac; margin-right: -3px; list-style: none;}
.box ul.gallery li img {padding: 0; margin: 0; float: left;}
.box div#obsah {width: 931px; margin: 0  auto; padding-top: 1em;}
div.box {width: 929px; background: #d5c38f; border: 1px solid #bdac7c; overflow: visible; /*height: 390px;*/ margin-bottom: 7em; position: relative;}
div#detail {height: 500px;}
.box div#kompas {display: block; width: 155px; height: 152px; background: url(../img/kozlovna/img_kompas.jpg) no-repeat center top; position: absolute; bottom: -83px;}
.box .map {margin: 3em 3em 0 2em;}
.box .map {margin: 3em 3em 0 2em; width: 402px; height: 241px; display: block; background: url(../img/kozlovna/img_mapa.jpg) no-repeat center top; position: relative; _left:0px;}
.box .map a {display: block; width: 17px; height: 17px; text-indent: -9999em; background: none; position: absolute;}
.box .map a#brno {top: 172px; right: 128px;}
.box .map a#humpolec {top: 138px; left: 188px;}
.box .map a#brod {top: 124px; left: 204px;}
.box .map a#praha {top: 88px; left: 133px;}
.box .map a#popovice {top: 119px; left: 134px;}
.box .map a#bystrice {top: 146px; right: 137px;}
.box .photo {margin: 2em 2em 0 2em; border: 7px solid #e7d7ac;}
.box ul.info {list-style: none; color: black; border-left: 2px solid #e7d7ac; float: left; margin: 1.9em 2em 0 0; padding: 0 0 0 1em; font-weight: normal;}
.box ul.info a:link, ul.info a:visited {text-decoration: none; font-weight: bold; color: #aa1d41;}
.box ul.info a:hover, ul.info a:active {color: #ed0843;}
.box div.tlacitko a:link, div.tlacitko a:visited {display: block; height: 33px; width: 200px; color: white; background: url(../img/kozlovna/bg_button.jpg) no-repeat center top; margin: 1em 3em 3em 0; padding: 0; line-height: 33px; text-indent: 80px; font-size: 1.2em; text-decoration: none;}
.box div.tlacitko a:hover, div.tlacitko a:active {color: #eee;}
#detail div.tlacitko a:link, #detail div.tlacitko a:visited {display: block; height: 80px; width: 230px; color: #aa1d41; background: url(../img/kozlovna/play_icon.jpg) no-repeat left center; margin: 2em 2em 3em 4.5em; padding: 0; line-height: 70px; text-indent: 60px; font-size: 1.2em; text-decoration: none; font-weight: bold;}
#detail div.tlacitko a:hover, #detail div.tlacitko a:active {color: #ed0843;}
.box img.photo {margin: 2em 2em 0 2em; border: 7px solid #e7d7ac !important;}
.box img
{
	border: 0 !important;
}
.box .infiniteCarousel {
  width: 566px;
  float: left;
  margin-top: 2em;
  background: #decd9d;
  height: 165px;
  position: relative;
  _height:50px;
}

.box .infiniteCarousel .wrapper {
  width: 516px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 170px;
  margin: 25px 25px 25px 22px;
  background: #decd9d;
  position: absolute;
  top: 0;
  _height:120px;
  _position:relative;
}

.box .infiniteCarousel ul a img {
  padding-left: 5px;
}

.box .infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.box .infiniteCarousel ul li {
  display:block;
  float:left;
  height: 114px;
  width: 177px;
}

.box .infiniteCarousel ul li a img {
  display:block;
}

.box .infiniteCarousel .arrow {
  display: block;
  height: 41px;
  width: 13px;
  background: url(../img/kozlovna/arrow.gif) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 60px;
  z-index: 1;
  cursor: pointer;
}

.box .infiniteCarousel .forward {
  background-position: -13px 0;
  right: 5px;
}

.box .infiniteCarousel .back {
  background-position: 0 0;
  left: 5px;
}

.box .infiniteCarousel .forward:hover {
  background-position: -13px -41px;
}

.box .infiniteCarousel .back:hover {
  background-position: 0 -41px;
}
/* varime */
a.small {
background:url("../img/varime/bg_buttonsmall.jpg") repeat-x scroll left top transparent;
color:white;
display:block;
height:17px;
line-height:17px;
text-align:center;
text-decoration:none;
width:100px;
}
a.small:hover{
	color: #DDDDDD;
}
a.varime {
background:url("../img/varime/bg_varime.jpg") no-repeat scroll center top transparent;
color:white;
display:block;
height:79px;
margin:0 0 1em;
padding:10px;
text-decoration:none;
width:255px;
}
a.varime h3 {
color:#E7D7AC;
font-size:1.5em;
margin:0;
padding:0;
}
a.varime p {
font-size:0.9em !important;
margin:0;
padding:0;
}
a.varime:hover {
	text-decoration: underline;
}
img.imgjidlo {
margin:1em 0 11em 2em;
}
img.noborder{
	border: none;
}
img.border{
	border:3px solid white !important;
}
ul.jidlo {
float:left;
list-style:none outside none;
margin:1em 0 3em;
padding:0;
}
ul.jidlo li {
float:left;
margin-right:1.5em;
}
h4 {
clear:left;
color:#0E5E3E;
font-size:1.4em;
margin-bottom:0.5em;
}
ul.recept {
float:left;
list-style:none outside none;
margin:2em 0 0 1.5em;
_margin:2em 0 0 1em;
padding:0;
width:180px;
}
.vareni {
	height:auto !important;
	margin-bottom: 2em !important; 
}
ul.recept li {
text-align: center !important;
}
ul.recept a {
margin:1em auto 0;
}
