body,html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: underline;
}

a:hover {
	color: #ccc;
	text-decoration: underline;
}

img {
	color: #333;
}

h1 {
  font-size: 12px;
}


h2 {
	padding: 0; margin: 3px 0 8px 0;
	font: 2em Arial;
	font-variant: small-caps;
	border-bottom: 1px solid #fff;
	color: #fff;
}


h3 {
	padding: 0; margin: 15px 0 8px 0;
	font: normal 1.7em Verdana, Arial, Helvetica;
	/*font-variant: small-caps;*/
	color: #069;
}

h4 {
	padding: 0; margin: 10px 0 8px 0;
	font: 1.2em Arial, Verdana, Helvetica;
	color: #069;
}

h5 {
	padding: 0 0 0 26px; margin: 10px 0 8px 0;
	font: bold 1em Verdana, Helvetica;
	font-variant: small-caps;
	color: #666;
	background: url(img/h5-bg.png) left center no-repeat;	
}


p {
	text-align: left;
	margin: 2px 0 5px 8px; padding: 0;
}

ul {
	padding: 0;
	margin: 0 0 0 28px;
	list-style: square outside url(/img/list-image.png);
	color: #666;
}
	li {
		padding: 0;	margin: 0;								
	}
input {
	background: #fff url(/img/input-bg.png) top repeat-x;
	border: 1px solid #333;
	border-left: 3px solid #069;
	margin: 2px 0;
	font: normal 1em Arial,Verdana;
	color: #555;
	padding: 2px;
	overflow: hidden;
}

table {
	margin: 5px;
}
	th {
		margin: 1px;
		border-bottom: 1px solid #069;
		padding: 2px 2px 2px 26px; 
		font: bold 1em Verdana, Helvetica;
		font-variant: small-caps;
		color: #666;
		background: url(/img/h5-bg.png) left center no-repeat;
	}
	td {
		margin: 1px;
		border: 1px solid #999;
		padding: 2px 5px;
	}

.button-100 {
	background: #069 url(/img/button-100.png) left top;
	width: 100px;
	height: 28px;
	padding: 0 0 2px 0;	
	margin: 2px 0;
	text-align: center;
	font: small-caps 14px Arial;
	font-variant: small-caps;
	color: #fff;
	border: none;
}	
.button-190 {
	background: #069 url(/img/button-190.png) left top;
	width: 190px;
	height: 28px;
	padding: 0 0 2px 0;	
	margin: 2px 0;
	text-align: center;
	font: small-caps 14px Arial;
	font-variant: small-caps;
	color: #fff;
	border: none;
}

textarea {
	background: #fff url(/img/input-bg.png) top repeat-x;
	border: 1px solid #333;
	border-left: 3px solid #069;
	margin: 2px 0;
	font: normal 1em Arial,Verdana;
	color: #555;
	padding: 2px;
	overflow: auto;
}

#bg-top {
	background: url(/img/bg-top.png) top repeat-x;
	min-height: 680px;
	_height: 680px;
	_overflow: visible;
}

#bg-top-left {
	background: url(/img/bg-top-left.png) left top no-repeat;
	_height: 680px;
	_overflow: visible;
}

#bg-bottom {
	background: url(/img/bg-bottom.png) bottom repeat-x;
	min-height: 100%;
	_height: 100%;
	_overflow: visible;
	position: relative;
}

#bg-bottom-left {
	background: url(/img/bg-bottom-left.png) bottom left no-repeat;
	height: 150%;
	border: 1px solid #f00;
}

#bg-bottom-left-abs {
	background: url(/img/bg-bottom-left.png) bottom left no-repeat;
	width:46px;
	height: 135px;
	position: absolute;
	bottom:0;
	left: 0;
}

#widthfix {
	width: 1020px;
}

#top {
	width: 100%;
	height: 150px;
	background: url(/img/top.png) 315px top no-repeat;
	position:relative;
}

	#top-menu {
		position:absolute;
		bottom: 1px;
		left: 46px;
		width:259px;
		height: 44px;
		overflow: hidden;
		background: #069;
	}
		#top-menu ul {
			list-style-type: none;
			padding:0;
			margin:0;
		}
			#top-menu ul li{
				float: left;
				height: 30px;
				position: relative;
				text-align: center;
				padding-top: 14px;
				}
		#top-menu a {
			text-decoration: none;
		}
		#top-menu a span {
			display: block;
			height: 44px;
			background-position: bottom;
			position:absolute;
			top: 0; left:0;
		}
		#top-menu a:hover span {
			background-position: top;
			cursor: pointer;
		}
		#top-menu .uvod  {
			width: 76px;
		}
			#top-menu .uvod span {
				width: 76px;
				background: url(/img/top-menu-uvod.png) bottom left;
			}
		#top-menu .kontakt  {
			width: 92px;
		}
			#top-menu .kontakt span {
				width: 92px;
				background: url(/img/top-menu-kontakt.png) bottom left;
			}
		#top-menu .eshop  {
			width: 91px;
		}
			#top-menu .eshop span {
				width: 91px;
				background: url(/img/top-menu-eshop.png) bottom left;
			}

#leftpanel {
	margin: 0; padding: 0 0 135px 0;
	float:left;
	border: none;
	/*background: #57859F url(/img/white.png) repeat;*/
}
	#welcome {
		margin: 0;
		padding: 85px 0 20px 0;
		_padding: 85px 0 11px 0;
		width: 305px;
		_width: 302px;
		height: 96px;
		background: url(/img/bg-welcome.png) top right no-repeat;
	}
		#welcome-inner-text {
			color: #fff;
			margin: 0 15px 0 64px;
			font-size: 12px;
			text-align: left;
		}

	#search{
		margin: 10px 0 0 64px;
		position: relative;
		height: 120px;
		width: 235px;
		/*border: 1px solid #f00;*/
	}

		#search-header {
			position: absolute;
			top: 0;
			left: 0;
		}
		#search-input {
			position: absolute;
			top: 35px;
			left: 2px;
		}
		#search-button {
			position: absolute;
			top: 28px;
			left: 187px;
			width: 46px;
			height: 43px;
			border: none;
			background: #333 url(/img/search-button.png);
		}
		#search-text {
			position: absolute;
			top: 70px;
			left: 2px;
			font-size: 0.8em;
			color: #444;
			width: 200px;
		}
	#menu {
		width: 233px;
		background: #ccc url(/img/menu-bg.png) repeat-y;
		color: #666;
		font: 12px Arial, Helvetica;
		margin: 0 0 0 64px;
	}
		#menu-bg-top {
			background: url(/img/menu-bg-top.png) left top no-repeat;
		}
		#menu-bg-bottom {
			background: url(/img/menu-bg-bottom.png) left bottom no-repeat;
			padding: 40px 8px 18px 8px;
			min-height: 67px;
			_height: 67px;
			_overflow: visible;
		}

		#menu .item {
			background: url(/img/menu-item.png) top left no-repeat;
			padding-left: 12px;
			line-height: 14px;
		}
		
		#menu h2 {
			font: 12px Arial, Helvetica;
			border: none;
			margin: 0;
		}
		
		.category {
			background: url(/img/menu-category-bg.png) top left repeat-y;
			line-height: 14px;
		}
		.category.last {
			background: none;			
		}
			.category .name {
				background: url(/img/menu-category.png) left top no-repeat;
				padding-left: 12px;
				line-height: 14px;
			}
			.category .name a {
				padding-left: 12px;
			}
			.category .container {
				padding-left: 12px;
				display: none;
				_display: block;
			}
			.category.open .container {
				display: block;
			}
			.category.open .name{
				background: url(/img/menu-category-open.png) top left no-repeat;
			}
		#menu a {
			color: #666;
			text-decoration: none;
		}
		#menu a:hover {
			color: #666;
			text-decoration: underline;
		}
		#menu .item.last {
			background: url(/img/menu-item-last.png) top left no-repeat;
		}

#main-under {
	margin: 0 0 0 305px;
	_margin: 0 0 0 302px;
	padding-bottom: 76px;
	position: relative;
	width: 700px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #999 url(/img/white.png) repeat;
}
	#main {
		background: url(/img/bg-main1.png) left 201px repeat-x;
	}
	#main1 {
		position: relative;
		background: url(/img/bg-main22.png) 10px 201px no-repeat;
	}

	#main2 {
		background: url(/img/bg-navigation.png) top left no-repeat;
		position:relative;
		min-height: 440px;
		padding: 0 0 33px 0;
		_height: 440px;
		_overflow: visible;
	}

		#customer-info {
			position:absolute;
			top: 11px;
			left: 24px;
			font-size: 11px;
			line-height: 18px;
		}
			#buybutton span {
				text-decoration: none;
				display: block;
				position: absolute;
				top: -7px;
				left: 186px;
				text-align:center;
				width: 240px;
				height: 47px;
				margin: 0;
				padding: 26px 0 0 0;
				font-size: 15px;
				background: #57859F url(/img/buybutton.png) top;
			}
			#buybutton:hover span {
				background: #57859F url(/img/buybutton.png) bottom;
				color: #fff;
				cursor: pointer;
			}

		#navigation {
			position:absolute;
			top: 81px;
			left: 24px;
			font-size: 11px;
			line-height: 18px;
		}

		#content {
			padding: 125px 23px 0 23px;
			margin-bottom: 30px;
			color: #555;
		}
			#categoryimage {
				float: left;
				border: 1px solid #333;
				width: 270px;
				height: 108px;
				margin: 0 5px 5px 0;
			}

			#oneitem {
				margin: 25px auto 33px auto;
				background: url(/img/oneitem-bg.png) top left repeat-y;
				border: 1px solid #333;
				padding: 0;
				width: 652px;
			}				
				#oneitem-1 {
					background: url(/img/oneitem-bg-bottom.png) bottom left no-repeat;
				}
					#oneitem-2 {
						background: url(/img/oneitem-bg-top.png) top left no-repeat;
						width: 652px;
					}
						#item-text {
							float: right;
							margin: 0 10px 0 0;
							_margin: 0 5px 0 0;
							padding: 10px 0;
							width: 335px;
						}
						#item-info {
							float: left;
							margin: 0 10px 0 10px;
							_margin: 0 5px 0 7px;
							padding: 10px 10px;
							width: 625px;
							font-size: 0.8em;
						}
						#item-info h5 {
							font-size: 1.2em;
						}
						#item-info a {
							color: #666;
							text-decoration: underline;
						}
						#item-info a:hover {
							color: #666;
							text-decoration: underline;
						}
											
						#item-price {
							width: 220px;
							height: 50px;
							background: url(/img/item-price.png) no-repeat;
							margin: 0 0 0 50px;
							padding: 10px 0 0 0;
							position: relative;
							text-align: right;
							font-size: 0.8em;							
						}		
							#item-price .big {								
								font: bold italic 1.9em Arial;
								color: #069;
							}			
							#item-price .buy{
								display: block;
								position: absolute;
								left: 1px;
								top: 14px;
								width: 100px;
								height: 22px;
								padding: 6px 0 0 0;
								text-align: center;
								font: small-caps 14px Arial;
								color: #fff;
								background: url(/img/oneitemButtonHover.png) 0px 28px no-repeat;
								text-decoration: none;
							}
								#item-price .buy:hover{
									background: url(/img/oneitemButtonHover.png) 0px 0px;
									color: #ccc;
								}
								#item-price form{									
									position: absolute;
									left: -35px;
									top: 17px;									
								}
									#item-price input{										
										width: 20px;
									}
									#item-price .button-100{									
										position: absolute;
										left: 36px;
										top: -5px;
										width: 100px;
										font: small-caps 14px Arial;
										color: #fff;
										background: none;
									}
										#item-price .button-100:hover{
											background: url(/img/oneitemButtonHover.png) 0px 0px;
										}
						
						#item-images {
							float: left;
							margin: 0 0 0 10px;
							_margin: 0 0 0 7px;
							padding: 20px 0 10px 0;							
						}
							#item-image-big {
								border: 1px solid #333;
								padding: 7px;
								width: 264px;
								text-align: center;
								background: #fff url(/img/oneitem-image-bg.png) top no-repeat;
							}	
								#item-image-big a img {
									border: none;
								}				
							#oneitem-2 a .item-image-small{
								border: 1px solid #555;
								margin: 0 5px 0 0;
							}
							#oneitem-2 a:hover .item-image-small{
								border: 1px solid #999;							
							}	

			#categoryitems {
				margin: 20px 0 25px 0;
			}
				#categoryitems .item {
					width: 313px;
					height: 148px;
					border: 1px solid #333;
					background: #fff url(/img/itemBg.png);
					position: relative;
					padding: 0 5px 0 0;
					margin: 6px 0;
				}
					#categoryitems .item a img{
						float: left;
						margin: 10px 0 0 10px;
						border: none;
					}
					#categoryitems .item .description {
						float: right;
						width: 200px;
						font-size: 0.77em;
					}
						#categoryitems .item .description a {
							color: #069;
							text-decoration: underline;
						}
						#categoryitems .item .description a:hover {
							color: #999;
						}					
					#categoryitems .price{
						background: #333 url(/img/itemButtonPrice.png);
						width: 199px;
						height: 30px;
						position: absolute;
						bottom: 0;
						right: 0;
						text-align: right;
						font: bold italic 1.6em Arial;
						padding: 6px 5px 0 0;
						color: #08b;
					}
						#categoryitems .buy{
							display: block;
							position: absolute;
							left: 0;
							top: 0;
							width: 100px;
							height: 22px;
							padding: 6px 0 0 0;
							text-align: center;
							font: small-caps 14px Arial;
							color: #fff;
							background: url(/img/itemButtonHover.png) 0px 28px no-repeat;
							text-decoration: none;
						}
							#categoryitems .buy:hover{
								background: url(/img/itemButtonHover.png) 0px 0px;
								color: #ccc;
							}
						#categoryitems form {
							position: absolute;	
							left: 0;
							top: 0;				
						}
							#categoryitems .button-100 {
								display: block;
								position: absolute;
								left: 0;
								top: -2px;
								text-align: center;
								font: small-caps 14px Arial;
								color: #fff;
								text-decoration: none;
							}
								#categoryitems .button-100:hover{
									background: url(/img/itemButtonHover.png) 0px 0px;
								}

					#categoryitems .item h4 {
						font-size: 1.8em;
					}

#footer {
	position: absolute;
	bottom: 0;
	left: 46px;
	height: 76px;
	width: 961px;
	background: #ccc url(/img/bg-footer-line.png) repeat-x;
}

	#bg-main-bottom {
		position: absolute;
		top: -63px;
		left: 259px;
		height: 63px;
		width: 700px;
		border-left: 1px solid #fff;
		border-right: 1px solid #fff;
		background: #fff url(/img/bg-main-bottom.png) repeat-x;
	}

	#footer-in {
		background: #333 url(/img/bg-footer.png) repeat-x;
		height: 76px;
		width: 959px;
		margin-left: 1px;
	}

		#footer-text {
			position: relative;
			top: 15px;
			left: 15px;
			font-size: 0.8em;
		}
			#footer-text a {
				color: #888;
				margin: 0 1px;
			}
			#footer-text a:hover {
				color: #ccc;
			}

			#footer-text .line {
				line-height: 1.2em;
				background: #069;
			}

	#footer-img {
		background: #069 url(/img/footer.png);
		height: 76px;
		width: 259px;
		float:left;
	}

.left{
	float:left;
}

.right{
	float:right;
}

.nav {
	width: 100%;
	text-align: center;
}

.cleaner {
	clear: both;
	line-height: 1px;
	font-size: 1px;
}

.underline {
	text-decoration: underline;
}

.strong {
	font-weight: bold;
}

.white {
	color: #fff;
}

.small {
	font-size: 0.78em;
	color: #666;
}

.input180 {
	margin: 0;
	border: none;
	background: #ccc url(/img/input180x29.png);
	width: 165px;
	height: 24px;
	padding: 5px 0 0 15px;
	color: #666;
	font-size: 1em;
	line-height: 20px;
}

.bandage {
	height: 80px;
	width: 80px;
	position: absolute;
	left:0;
	bottom: 10px;
}
	.bandage img{
		width: 80px;
		height: 80px;
		border: none;
		}

.titledBorder {
	border: 1px solid #666;
	position: relative;
	margin: 15px 5px 10px 5px;
	padding: 12px 7px 7px 7px;
	background: #fff url(/img/titledBorder-bg.png) bottom right no-repeat;
}
	.titledBorder .title {
		position: absolute;
		top: -0.8em;
		left: 5px;
		display: block;
		background: #fff;
		padding: 0 2px;	
		font: bold 0.8em Verdana, Arial, Helvetica;	
		color: #069;		
	}

.hidden {
	display:none;
}


a.blue {

	color: #069;

	text-decoration: underline;

}

.nodec {
	color: #069;
	text-decoration: none !important;
}

.nodec:hover {
	color: #069 !important;
	text-decoration: none !important;
}


a.blue:hover {

	color: #999;

	text-decoration: underline;

}

strong.red {
	color: red;
}

#adlista {
       width: 100%;
       height: 18px;
       border-top: 1px solid #fff;
       font: normal 0.7em Verdana, Arial, Helvetica;
       color: #578593;
       background: #333 url(img/lista.png) repeat-x;
       padding: 2px 0 0 0;
       text-align: center;
}
       #adlista a {
               color: #888;
               text-decoration: none;
       }
       #adlista a:hover {
               color: #fff;
               text-decoration: underline;
       }
#rightPanel {
       position: absolute;
       top: 355px;
       left: 1020px;
}
       #rightPanel .banner {
               padding: 1px;
               border: 1px solid #666;
               background: #fff;
               margin: 10px auto;
       }
       #rightPanel a img {
               border: none;
       }
p.front {
	line-height: 1.3;
}

p.front a {
	color: #555;
}
