* {
	margin: 0;
	padding: 0;
}
li {
	display: list-item
}
body {
	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
	background: #fff url("../img/body.gif") repeat-x;
	color: #000;
	font-size: small;
	text-align: center;
	line-height: 1.4;
	min-width: 960px;
}
html, body {
	height: 100%
}
.noscreen {
	width: 200px;
	position: absolute;
	left: 0;
	top: -1000px
}
hr {
	display: none
}
hr.end, .end {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	display: block;
	visibility: hidden
}
/* layout */
#back {
	min-height: 100%;
	width: 100%;
	position: relative;
	background:  url("../img/back.gif") no-repeat 50% 0;
}
#head {
	width: 960px;
	margin: 0 auto;
	text-align: right;
	height: 215px;
	background: #256a4e url("../img/head.jpg") no-repeat left bottom;
	position: relative;
}
#main {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 130px 0;
	background:  url("../img/main.gif") repeat-y;
}
#nav {
	width: 287px;
	float: left;
	display: inline;
	background:  url("../img/nav.jpg") no-repeat;
}
#news {
	width: 100%;
	padding-top: 10px;
}
#content {
	width: 673px;
	float: right;
	display: inline;
	background:  url("../img/content.jpg") no-repeat;
}
#content .in {
	padding: 0 35px 0 35px;
}
#drob {
	width: 700px;
	height: 54px;
	position: absolute;
	left: 0;
	bottom: 0;
	text-align: left;
	color: #fff;
	overflow: hidden;
}
#drob p {
	line-height: 54px;
	white-space: nowrap
}
#fav {
	width: 100%;
	clear: both;
	text-align: right;
	padding: 15px 0
}
#foot {
	width: 100%;
	height: 105px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	background:  url("../img/foot.gif") repeat-x;
}
#foot .in {
	width: 960px;
	margin: 0 auto;
	height: 95px;
	color: #fff;
	position: relative;
	top: 10px;
}
/* layout */
/* headers */
h1, h1 span {
	width: 521px;
	height: 215px;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 1;
	display: block;
	font-size: 130%;
	color: #fff;
	text-align: left;
}
h1 span {
	z-index: 2;
	background: url("../img/h1.jpg") no-repeat;
	cursor: pointer;
}
h1 a:link, h1 a:visited, h1 a:hover {
	color: #fff
}
#head h2 {
display: none
}
#content h2 {
	font-size: 150%;
	height: 62px;
	position: relative;
	top: 10px;
	line-height: 62px;
	white-space: nowrap;
	color: #000;
	font-weight: normal;
	background: url("../img/h2.gif") no-repeat left center;
	padding: 0 0 0 55px;
	margin: 0 0 30px 0
}
#nav h2 {
	font-size: 150%;
	font-weight: normal;
	color: #b10808;
	padding: 0 0 15px 0
}
#content h3 {
	color: #da9104;
	padding: 0 0 10px 0;
	font-weight: normal;
	font-size: 130%;
}
h4 {
	font-weight: normal;
	padding: 0 0 10px 0;
	font-size:120%;
	color:#275d48
}
/* headers */
/* top menu */
#menu {
	width: 960px;
	height: 80px;
	overflow: hidden;
	background: url("../img/menu.jpg") no-repeat;
	margin: 0 auto
}
#menu ul {
	width: 600px;
	overflow: hidden;
	display: inline;
	float: left;
	margin-left: 35px;
}
#menu li {
	list-style: none;
	display: inline;
	float: left;
	height: 80px;
	text-align: center;
	width: 82px;
	overflow: hidden
}
#menu  a, #menu strong, #menu li h3 {
	height: 80px;
	line-height: 80px;
	white-space: nowrap;
	text-decoration: none;
	font-weight: normal;
	border-right: 1px solid #fff;
	font-size: 100%;
	display: block;
	text-align: center;
}
#menu a:link, #menu  a:visited {
	color: #000;
}
#menu a:hover, #menu a:active, #menu a:focus {
	color: #31735a;
	background: url("../img/navli.gif") no-repeat right top
}
#menu strong, #menu li h3 {
	background: url("../img/navli.gif") no-repeat;
	color: #b50808
}
/* top menu */
/* navigation */
#nav .in {
	padding: 25px 0 0 35px;
}
#nav ul {
	width: 225px;
}
#nav .nav li {
	list-style: none;
	margin: 0 0 5px 0;
}
#nav .nav li a, #nav .nav li strong, #nav .nav li h3 {
	display: block;
	background: url("../img/nav.gif") no-repeat;
	font-size: 110%;
	text-decoration: none;
	height: 42px;
	padding: 8px 20px 0 15px;
	line-height: 1;
	overflow: hidden;
	font-weight: normal;
}
#nav .nav li a:link, #nav .nav li a:visited {
	color: #a7e1ca;
	background: #336d56 url("../img/nav.gif") right top;
}
#nav .nav li a:hover {
	color: #000;
	background-position: left top;
	background-color: #a80909
}
#nav .nav li ul {
	padding: 10px 0 0 0;
}
#nav .nav li ul li {
	padding-left: 10px;
	padding-bottom: 0
}
#nav .nav li ul li a, #nav .nav li ul li h3 {
	background: none;
	font-size: 100%;
	font-weight: normal;
	height: auto;
	padding: 5px 0 5px 35px;
	overflow: visible;
	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
	display: block;
}
#nav .nav li ul li a:link, #nav .nav li ul li a:visited {
	background: #fff  url("../img/submenu.gif") no-repeat left center;
	color: #b50000;
}
#nav .nav li ul li a:hover {
	color: #000;
	background-position:  right center;
}
#nav .nav li ul li.active h3 {
	background: #dcdcdc url("../img/submenu.gif") no-repeat right center;
	color: #000;
	font-weight: normal;
}
#nav .nav li br {
	display: none;
}
#nav .nav li em {
	font-style: normal;
	font-size: 80%;
	display: block;
	font-weight: normal;
	font-family: Tahoma, Verdana, Arial, lucida, sans-serif;
	cursor: pointer;
	margin: 5px 0 0 0;
	color: #fff;
	line-height: 1.2
}
#nav .nav li.active h3 {
	background-position: center top;
	color: #efd08d;
	font-weight: normal;
}
#nav .nav li.active h3 em {
	cursor: default;
	color: #fff
}
#nav li a:hover em {
	color: #fff
}
/* navigation */
/* news block */
#news dl {
	padding: 0 30px;
}
#news dt {
	background: url("../img/dt.gif") no-repeat 0 0.25em;
	padding: 0 0 0 20px;
}
#content .box h3 a {
	background: url("../img/dt.gif") no-repeat 0 0.20em;
	padding: 0 0 0 20px;
}
#news dt br {
	display: none;
}
#news dt span {
	display: block;
	padding: 0 0 3px 0;
	font-style: italic;
	color: #b50000;
}
#news dd {
	padding: 0 0 20px 20px;
	color: #666
}
/* news block */
/* photos */
#photogallery {
	width: 100%;
}
.right {
	float: right;
	display: inline;
}
.left {
	float: left;
	display: inline
}
#content .photo img {
	border: 5px solid #d8e3df;
	margin: 0 10px 15px 0
}
#content .photo img.noborder {
	border:none;
}
#content #catalog .photo img {
	margin: 0 10px 5px0 0
}
/* photos */
/* forms */
form {
	width: 100%;
}
fieldset {
	border: none;
}
.req {
	color: #be0000;
}
fieldset input, textarea {
	width: 70%;
	margin-top: 3px;
}
fieldset input.small {
	width: 35%
}
.error {
	width: 100%;
	padding: 0 15px 25px 15px;
}
#content .error p, #content .error ul {
	padding: 0;
	color: #be0000
}
#content .error ul {
	padding-left: 40px;
}
#content .error li {
	list-style: square;
}
input.button {
	padding: 2px 5px;
	cursor: pointer;
}
/* forms */
/* lists */
#content ul {
	padding: 0 0 20px 35px;
}
#content ul li {
	list-style: circle;
	margin: 0 0 3px 0
}
#links ul {
	padding: 0 0 0 30px;
}
#links li {
	list-style: none;
	padding: 0 0 0 20px;
	margin: 0 0 5px 0
}
/* lists */
/* paragraphs */
#content p, #content address {
	padding: 0 0 20px 0;
	font-style: normal
}
#content p strong {
	color: #800101
}
#content .box {
	padding: 0 0 10px 0
}
#fav p {
	text-align: right;
	padding: 0 30px 0 0;
	display: inline;
	float: right;
	overflow: hidden
}
#foot p {
	width: 100%;
	line-height: 35px;
	height: 95px;
	overflow: hidden;
	white-space: nowrap
}
.nav p.img {
	text-align: left;
}
.nav p.img img {
	margin: 10px 0 0 0;
	border: 10px double #d8e3df
}
/* paragraphs */
/* product catalog */
#content #catalog .photo p{
	padding: 0;
	margin: 0;
	text-align:center;
	color:#38745c;
}
#product, #catalog {
	width: 100%;
	clear: both;
	padding: 0 0 15px 0
}
#catalog img {
	display: block
}
#content #product .end {
	height: 1px;
	visibility: visible;
}
.product {
	width: 300px;
	padding: 0 0 20px 0;
	float: left;
	overflow: hidden;
	display:inline;
}
#product .product table {
	width: 270px;
	margin-left: 1px;
}
#product .product h3 {
	padding: 10px 0;
	overflow:hidden
}
#content #product  .in {
	width: 100%;
	padding: 0
}
#content #product p.image {
	border: 3px solid #d8e3df;
	padding: 0;
	display: inline;
	padding: 0;
}

/* product catalog */
/* table */
.table, table {
	border-collapse: collapse;
	width: 100%;
	font-size: 100%
}
.table, #akce {
	border-bottom: 7px solid #402311;
	margin-bottom: 20px;
}

th, thead th, td {
	padding: 7px 10px;
	font-weight: normal;
	text-align: left;
	font-weight: normal;
	border: 1px solid #e7dbb9
}
td a img, td a:hover img  {
	border: none;
}
#contact th, #contact td {
	padding: 5px 20px 5px 0;
	border: none;
}
#contact td a {
	font-size: 110%;
}
#contact {
	border: none;
}
#akce table{
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;  	
	font-size: 85%
}
th,#akce th{
	background: #488c71;
	color: #fff;
	font-weight:bold;
}
#akce tbody th {
	white-space:nowrap;
	vertical-align:top
}

/* table */
/* links */
a {
	text-decoration: underline;
}
a:link, a:visited {
	color: #336699;
}
a:hover {
	color: #b50000
}
#drob a:link, #drob a:visited {
	color: #fff
}
#drob a:hover {
	color: #000
}
#foot a:link, #foot a:visited {
	color: #fff;
}
#foot a:hover {
	color: #efd08d
}
a.print, a.fav, a.up {
	display: inline;
	float: left;
	padding: 10px 0 10px 30px;
	margin: 0 0 0 25px;
	background: url("../img/print.gif") no-repeat left center;
}
a.fav {
	background: url("../img/fav.gif") no-repeat left center;
}
a.up {
	background: url("../img/up.gif") no-repeat left center;
}
/* links */
/* thickbox */
#photogallery img {
	border: 5px solid #edfdd7
}
.left img, .right img {
	border: none
}
#content .in .photo p {
	padding: 0;
	position: relative
}
.right {
	float: right;
	margin: 5px 0 15px 20px
}
.left {
	float: left;
	margin: 5px 20px 15px 0
}
#TB_overlay {
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%
}
.TB_overlayBG {
	background: #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75
}
#TB_window {
	position: fixed;
	background: #fff;
	z-index: 102;
	color: #d67900;
	font-weight: bold;
	display: none;
	text-align: center;
	top: 50%;
	left: 50%;
	color: #000 !important
}
#TB_next a, #TB_prev a {
	font-weight: normal;
	color: #000 !important
}
#TB_window img#TB_Image {
	border: none;
	margin: 15px 0 5px 0
}
#TB_caption {
	height: 25px;
	padding: 7px 10px 10px 15px;
	float: left
}
#TB_closeWindow {
	height: 25px;
	padding: 7px 15px 5px 0;
	float: right;
	color: #000 !important;
	font-weight: normal
}
#TB_closeAjaxWindow {
	padding: 7px 20px 5px 0;
	margin-bottom: 1px;
	text-align: right;
	float: right
}
#TB_ajaxWindowTitle {
	float: left;
	padding: 7px 0 5px 20px;
	margin-bottom: 1px
}
#TB_title {
	background: #fff;
	height: 27px
}
#TB_ajaxContent {
	clear: both;
	padding: 2px 15px 15px 15px;
	overflow: auto;
	text-align: left;
	line-height: 1.4em
}
#TB_ajaxContent.TB_modal {
	padding: 15px
}
#TB_ajaxContent p {
	padding: 5px 0px
}
#TB_load {
	position: fixed;
	display: none;
	height: 13px;
	width: 208px;
	z-index: 103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px
}
#TB_HideSelect {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	background-: #fff;
	border: none;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height: 100%;
	width: 100%
}
#TB_iframeContent {
	clear: both;
	border: none;
	margin-bottom: -1px;
	margin-top: 1px
}
#toplist {
	display: none
}
/* thickbox */
/*Main Container*/
.hrzContainer {
	width: 100%;
}
.hrzContainer li {
	list-style:none;
	display: inline;
}
/*Handle*/
.handle {
	float: left;
	width: 28px;
	height: 510px;
}
/*Content Container*/
.contentWrapper {
	width: 100%;
}

/*Animation Start*/
.contentStart {
	padding-left: 0px;
	float: left;
	width: 0px;
	height: 510px;
	overflow: hidden;
}
/*Animation End*/
#content ul.test li {
	float:left;
	padding: 0;
	margin: 0
}
#content ul.test {
	width: 100%;
	overflow:hidden;
	padding: 0;
	margin: 0;
}
#content ul.test p, #content ul.test h3 {
	padding: 0 10px 10px 10px;
}
img.title {
	cursor: pointer;
	width: 22px;
}
#content ul.test p.ilus img {
	margin: 10px 0 0 0;
	border: 7px solid #ececec
}


#menu li.uspory {
	width: 82px;
	height: 80px;
	background: url("../img/prase-male.png") no-repeat center center;	
}