b@font-face {
    font-family: themix; 
    src: url("tmxceb5.ttf"); 
}

#menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #7a4803;
}

#menu li { 
    float: left;
}

#menu li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
	border: 1px solid #ffffff;
}

#menu li a:hover {
    background-color: #111;
}

body	{	margin: 0px;
			padding: 0px;
			background-color: #eee;
			font-family: Tahoma, Arial, sans-serif;
			font-size: 13px;
			text-align: left;
			color: #333;
		}
		
p	{	margin-top: 0px;
		margin-bottom: 5px;
		padding: 0px;
		text-align: left;
	}		
	
h1	{	margin-top: 0px;
		margin-bottom: 0px;
		font-family: themix, Tahoma, Arial, sans-serif;
		font-size: 30px;
		font-weight: normal;
		color: #555;
		clear: left;
	}	
	
h2	{	margin-top: 10px;
		margin-bottom: 0px;
		font-family: themix, Tahoma, Arial, sans-serif;
		font-size: 20px;
		font-weight: normal;
		color: #444;
	}	
		
a, a:link, a:visited
		{	color: #630;
			text-decoration: underline;
		}
a:hover, a:visited:hover, a:hover:visited, a:active	
		{	color: #fc0;
			text-decoration: none;
		}	
		
a img	{	border: 2px solid #fc0;
		}	
		
.panel	{	width: 824px;
			margin:0 auto;
			background-color: #eee;
			padding: 0px;
			font-family: themix, Tahoma, Arial, sans-serif;
			font-size: 14px;
			min-height: 33px;
			height: 33px;
		}		
		
.top	{	clear: both;
			width: 100%;
			background-image: url('top.jpg');
			background-repeat: repeat-x;
			border-bottom: 2px solid #fc0;
		}
		
.logo	{	width: 800px;
			margin:0 auto;
			text-align: right;
			color: #fc0;
			padding: 10px;
		}

.logo a img	{	border: 0px;
			}	
		
.odkaz	{	border-right: 2px solid #fc0;
			border-bottom: 2px solid #fc0;
			margin-top: 0px;
			margin-bottom: 0px;
			padding: 0px;
			padding-top: 8px;
			padding-bottom: 2px;
			min-height: 21px;
			height: 21px;
			float: right;
			background-color: #fc0;
			background-image: url('menu.jpg');
			background-repeat: repeat-x;
			vertical-align: bottom;
			text-align: center;
		}		
		
.odkaz a, .odkaz a:link, .odkaz a:visited
		{	color: #630;
			text-decoration: none;
		}
		
.odkaz a:hover, .odkaz a:visited:hover, .odkaz a:hover:visited, .odkaz a:active	
		{	color: #fff;
			text-decoration: none;
		}	
		
.vyjet	{	display: none;
			position: absolute;
			margin-top: 23px;
			padding: 5px;
			padding-bottom: 2px;
			padding-top: 0px;
			text-align: left;
			background-color: #fc0;
			border-top: 0px;
			min-width: 82px;
			line-height: 1.4;
			border-bottom: 2px solid #444;
			border-right: 2px solid #444;
			border-top: 2px solid #fc0;
      z-index: 99;
		}		
		
.spodni	{	width: 100%;
			background-color: white;
			background-image: url('pozadi.jpg');
			background-repeat: repeat-y;
			background-position: center top;
		}		
		
.telo	{	width: 800px;
			margin:0 auto;
			background-color: white;
			background-image: url('p.jpg');
			background-repeat: repeat-x;
			background-position: left bottom;
			border-right: 2px solid #fc0;
			border-left: 2px solid #fc0;
			min-height: 600px;
			padding: 10px;
			clear: left;
			line-height: 1.4;
		}
		
.bottom	{	clear: both;
			width: 100%;
			background-color: #630;
			background-image: url('bottom.jpg');
			background-repeat: repeat-x;
			min-height: 136px;
			border: 0px;
			border-top: 2px solid #fc0;
		}
		
.paticka	{	width: 800px;
				margin:0 auto;
				line-height: 1.4;	
			}
		
.paticka p	{	float: left;
				width: 250px;
				margin: 6px;
			}	
		
.paticka a, .paticka a:link, .paticka a:visited
		{	color: #fc0;
			text-decoration: none;
		}
		
.paticka a:hover, .paticka a:visited:hover, .paticka a:hover:visited, .paticka a:active	
		{	color: #fff;
			text-decoration: none;
		}			
			
.akce	{	width: 32%;
			float: left;
		}
			
.aktualita	{	margin: 10px;
				margin-left: 0px;
				padding: 10px;
				width: 60%;
				max-width: 670px;
				background-color: #fc0;
				background-image: url('aktualita.jpg');
				background-repeat: repeat-x;
				background-position: left top;
				border-right: 2px solid #444;
				border-bottom: 2px solid #444;
				border-top: 1px solid #fc0;
				border-left: 1px solid #fc0;
			}	

.akce .aktualita	{	width: 87%;
				}
			
.aktualita h2	{	padding-top: 0px;
					margin-top: 0px;
					margin-bottom: 2px;
					border-bottom: 1px solid #444;
					width: 100%;
				}			
		
.aktualita a:hover, .aktualita a:visited:hover, .aktualita a:hover:visited, .aktualita a:active	
		{	color: white;
		}			

.oddil 	{	float: left; 
			width: 83px; 
			padding: 4px; 
			padding-bottom: 0px;
			margin: 3px; 
			background-color: #6d3d0d;
			border-bottom: 1px solid black;
			border-right: 2px solid black;
			border-top: 1px solid #6d3d0d;
			cursor: pointer;
			color: #fc0;
		}
    
.oddil h2	{	margin-top: 0px;
				color: #fc0;
			}
      
.oddil_new 	{	float: left; 
			width: 223px; 
			height: 50px;
      padding: 4px; 
			margin: 3px; 
			background-color: #6d3d0d;
			border-bottom: 1px solid black;
			border-right: 2px solid black;
			border-top: 1px solid #6d3d0d;
			cursor: pointer;
			color: #fc0;
		}

.oddil_new h2	{	margin-top: 0px;
				color: #fc0;
			}

.oddil_new img {
  float: left;
  margin-right: 10px;

}






.jcarousel-wrapper {
    margin: 0px auto;
    position: relative;
    /*border: 10px solid #fff;*/
    /*width: 600px;*/
    width: 90%;
    /*height: 400px;*/
    height: 200px;
    /*-webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
    
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    float: left;
}





/** Carousel Controls **/

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    /*top: 200px;*/
    top: 100px;
    /*width: 30px;
    height: 30px;*/
    width: 25px;
    height: 25px;
    text-align: center;
    /*background: #4E443C;*/
    background: #fc0;
    color: rgb(109, 61, 13);
    text-decoration: none !important;
    text-shadow: 0 0 1px #000;
    /*font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
       -moz-border-radius: 30px;
            border-radius: 30px;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;*/
    font: 20px/23px Arial, sans-serif;
    -webkit-border-radius: 25px;
       -moz-border-radius: 25px;
            border-radius: 25spx;
    -webkit-box-shadow: 0 0 2px #999;
       -moz-box-shadow: 0 0 2px #999;
            box-shadow: 0 0 2px #999;
}

.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
  background: rgb(109, 61, 13);
  color: #fc0;
}


.jcarousel-control-prev {
    /*left: -50px;*/
    left: -40px;
}

.jcarousel-control-next {
    /*right: -50px;*/
    right: -40px;
}

.jcarousel-control-prev:hover span,
.jcarousel-control-next:hover span {
    display: block;
}

.jcarousel-control-prev.inactive,
.jcarousel-control-next.inactive {
    opacity: .5;
    cursor: default;
}