BODY {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffd836;
	margin:0;
	padding:0;
	background-image:url(../../img/layout_kudrlina.gif);
	background-repeat:no-repeat;
}
* {
	margin:0px;
	padding:0px
}
h1{
	color: #f60;
	font-size:2.0em;
	margin:30px 0 0 148px;
}
h2{
	color: #f30;
	font-size:1.8em;
	line-height:2em;
}
h3{
	color: #f30;
	font-size:1em;
	margin:0.7em 0 0.3em 0;
}
#main{
	width:99%;
	text-align:left;
}
#left {
	width:12em;
	float:left;
}
#left ul{	
	margin:4.5em 0px 0px 0.5em ;
}
#left li{
	text-decoration:none;
	list-style-type:none;
}
#left img{
	margin:1em 0em 0em 0.4em;
}
#right{	
	margin: 0 0 0 13.5em;
}
.content{
	width:97%;
}
.content p{
	text-align:justify;
	font-size:0.9em;
	margin-top:0.7em;
}
.small{
	text-align:justify;
	font-size:0.7em;
	margin-top:0.7em;
}
.content a{
	color: #f30;
	text-decoration: underline;
}
.content a:hover{
	color: #f60;
	text-decoration: underline;
}
.content li{
	font-size:0.9em;
	margin: 1em 0 0 3em;
	list-style-type: circle;
}
.content .clear-l{
	clear:left;
	font-size:0.1em;
}
#copyright {
	font-size: 0.7em;
	text-align: right;
	margin: 2em 1em 1em 0;
	clear: both;
}
#copyright a { 
	color: #f30;
	text-decoration: underline;
}
#copyright a:hover { 
	color: #f60;
	text-decoration: underline;
}
.tlacitko1 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #ff9;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko1:hover {
	background-color:#ff0;
}
.tlacitko2 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #fc6;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko2:hover {
	background-color:#f60;
	color:#fff;
}
.tlacitko3 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #f66;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko3:hover {
	background-color:#f00;
	color:#fff;
}
.tlacitko4 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #936;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko4:hover {
	background-color:#606;
	color:#fff;
}
.tlacitko5 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #6cf;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko5:hover {
	background-color:#39c;
	color:#fff;
}
.tlacitko6 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #06f;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko6:hover {
	background-color:#039;
	color:#fff;
}
.tlacitko7 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #0f0;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko7:hover {
	background-color:#0c0;
	color:#fff;
}
.tlacitko8 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #0c0;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko8:hover {
	background-color:#090;
	color:#fff;
}
.tlacitko9 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #963;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko9:hover {
	background-color:#630;
	color:#fff;
}
.tlacitko10 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #990;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko10:hover {
	background-color:#960;
	color:#fff;
}
.tlacitko11 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #f00;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko11:hover {
	background-color:#C03;
	color:#fff;
}

.tlacitko12 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #090;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko12:hover {
	background-color:#060;
	color:#fff;
}

.tlacitko13 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #039;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko13:hover {
	background-color:#006;
	color:#fff;
}
.tlacitko14 {
	display: block;
	width: 14.3em;
	padding: 5px 0;
	text-indent: 5px;
	font-weight: bolder;
	font-size: 0.7em;
	color: #000;
	background-color: #C03;
	margin: 3px;
	border: solid 1px #000;
	text-decoration: none;
}
.tlacitko14:hover {
	background-color:#A60029;
	color:#fff;
}

.img-r {
	border: 1px solid #000;
	text-decoration: none;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.img-l {
	border: 1px solid #000;
	text-decoration: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.img-l-nb {
	text-decoration: none;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.img-r-nb {
	border: none;
	text-decoration: none;
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
}
.img-counter {
	border: none;
	margin:6em 4em 2em 6em;
}
.img-mapa  {
	border: none;
}
.img-border  {
	border: 1px solid #f60;
}
.img-fotogalerie  {
	border: 4px double #f60;
	text-decoration: none;
	float: left;
	margin-right: 8px;
	margin-bottom: 5px;
}
/*-    FOTOGALERIE   -*/

.fotogalerie-left{
	float:left;
	width:130px;
	height:75px;
	text-align:left;
	margin-bottom:10px;
	padding:5px 0 0 4px;
}
.fotogalerie-right {
	width:auto;
	height:75px;
	position:relative;
	text-align:left;
	margin-left:135px;
	margin-bottom:10px;
	padding:23px 0 0 10px;
		background-color:#ff9;
}
.fotoramecek {
	border: 1px solid #000;
	margin: 4px;
}
.clear-l{
	clear:left;
	font-size:0.1em;
}
.clear{
	clear:both;
	font-size:0.1em;
}
/*-    FORMULARE    -*/
form{
	width:400px;
	margin: 1em 3em;
		
}
form #submit {
	padding:2px;
	background-color: #f60;
 	color: #fff;
	cursor:pointer;
	font-weight:bolder;
	border: 1px outset #999;
}
form #submit:hover {
	padding:2px;
	background-color: #f60;
 	color: #fff;
	cursor:pointer;
	font-weight:bolder;
	border: 1px inset #999;
}
fieldset {
	margin: 1em 0 2em 0; 
	padding: 0 0.5em 1em 0.5em; 
	background: #ffc;
	border: 1px #ccc solid;
	position: relative; 
}
form legend {
	font-weight: bold;
	font-size:0.8em;
	padding: .3em;
	background-color:#f90;
	color:#fff;
	border: 1px solid #ccc;
	position: relative; 
	top: -1em; 
}
form label {
	float: left;
	display: block;
	width: 100px;
	padding-right: 5px;
	margin-right: 2px;
	line-height: 1em;
	text-align: right;
} 
form input, form select, form textarea {
	font-size: .9em;
	background-repeat: repeat-x;
	border: 2px solid #f60;
}
/*-    FOTKA   -*/
#fotka-main {
	width:auto;
	margin: 0 0;
	text-align:center;
}
#fotka-left {
	float:left;
	width:40px;
	padding-top: 220px;
}
#fotka-middle{
	width:auto;
	height:485px;
	text-align:center;
	position:static; 
	margin:0;
}
#fotka-right {
	float:right;
	width:40px;
	padding-top: 220px;
}
#fotka-navigace 
{ 
	position: relative; 
	width: 100%; 
	height: 0.95em; 
	margin:5px 0px 5px 0px;
	padding: 0; 
	border-bottom: 3px solid #f60; 
	white-space: nowrap; 
} 
#fotka-navigace li 
{ 
	float: left; 
	margin: 0 0 0 5px; 
	border-width: 1px 1px 0 1px; 
	border-style: solid; 
	border-color: #aaa #555 #f63 #999; 
	list-style-type: none; 
} 
#fotka-navigace li a 
{ 
	position: relative; 
	width: 9em; 
	display: block; 
	margin: 0; 
	padding: 0; 
	font: normal 0.7em/120% Verdana, Arial, Helvetica, sans-serif; 
	text-align: center; 
	text-decoration: none;
	font-weight: bold; 
	background-color: #f60; 
	color: #fff; 
	border-color: #f96 #c30 #f63 #f96;  
	border-width: 1px 1px 0 1px; 
	border-style: solid; 
} 
#fotka-navigace li a:hover 
{ 
	color: #eee; 
	text-decoration: underline; 
} 	
.fotka-podfotka
{ 
	width:auto;
	margin: 0px 50px 20px 50px;
	font-size:80%;
} 
.fotka-shlednuto {
	float:right;
	width:auto;
}
