/* CSS for behaldesign.cz web site ___ by nobarrier.info */
body * {
	margin: 0;
	padding: 0;
}
html, body {
  height: 100%;
} 	

body {
	font: .78em "Verdana CE", "Helvetica CE", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background: #938965;
	text-align: center;
	color: #FFF8F3;
}
h1, h2, h3, h4, h5, h6, p, table, form, address {
	font: 1em "Verdana CE", "Helvetica CE", Verdana, Helvetica, sans-serif;
}
a:link, a:visited {
	color: #FFF;
}
a:hover {
	color: #431B13;
	text-decoration: none;
}

	#container {
		width: 775px;
		margin: 0 auto;
		height: 100%;
		min-height: 100%;
		background: #86450E url(../images/container-bckgr.jpg) top left repeat-y;
		position: relative; 
		padding: 0;
	}
		.hp#container {
			background: #86450E url(../images/container-bckgr-hp.jpg) top left repeat-y;
			_text-align: left;
		}
	body>#container {
		height: auto;
	}

	#container #header {
		width: 241px;
		height: 241px;
		background: #938965; /* url(../images/logo.jpg) top left no-repeat; */
		position: absolute;
		left: 265px;
		top: -10px;
		overflow: hidden;
	}
		#container .detail#header {
			left: 70px;
		}
		.hp#container #header {
			left: 279px;
		}
			#header h1 {
				width: 241px;
				height: 241px;
				background: #938965 url(../images/logo.jpg) top left no-repeat;
				position: relative;
				overflow: hidden;
			}
				#header h1 span.txt, #header h1 a#hplink {
					display: block;
					position: absolute;
					width: 241px;
					height: 241px;
					left: 0;
					top: 0;
					z-index: 2000;
				}
				#header h1 a#hplink {
					
				}
		#container #header h1 {
			font-size: .7em;
		}
		#leftmenu, #topmenu, #langmenu {
			position: absolute;
		}


		#contentholder {
			width: 370px;
			text-align: left;

			position: relative;
/*
			position: absolute;
*/	
			left: 312px;
			&left: 110px;
			_left: 110px;
/*			

			_left: 0px;
			height: 100%;
*/
			min-height: 100%;
			background: #938966;
		}
		#container>#contentholder {
			height: auto;
		}

			#contentholder #topfix {
				position: absolute;
				background: #86450E url(../images/topfix-bckgr.jpg) 0 0 no-repeat;
				height: 230px;
				width: 382px;
				left: -3px;
				_left: -5px;
				top: 0;
				z-index: 100;
			}
			#content {
				padding: 235px 3px 3.5em 5px;
				position: relative;

			}
			.productdetail#content {
				padding-bottom: 5em;
			}
				#content h2, #content h3, #content h4 {
					font-weight: bold;
					padding: 0 0 5px 0;
				}
					#content .motto {
						margin-bottom: 3px;
						border-bottom: solid 1px #877E5D; 
					}
				#content p.text {
					padding-bottom: 4px;
					line-height: 1.4em;
				}
				#content #contactinfo {
					margin: 10px;
					padding: 5px;
					border: solid 1px #877E5D;
					font-size: smaller;
				}
				#content #messdiv {
					margin-top: 10px;
					padding-top: 5px;
				}
				#content img#mapimg {
					border: solid 1px #A0522D;
				}
			#content table#photos {
				width: 340px;
				margin: 5px 10px;
			}
				#content table#photos td {
					width: 113px;
					vertical-align: top;
					padding-bottom: 10px;
				}
					#photos td.ac {
						text-align: center;
					}
					#photos td.ar {
						text-align: right;
					}
					#photos td.al {
						text-align: left;
					}

			#content table#popis {
				clear: left; 
				background: #877E5D;
				width: 340px;
				margin: 20px 10px 10px 10px;			
				border: solid 5px #877E5D;
				border-width: 5px 0;
				border-collapse: collapse;
				padding: 5px 0;
				font-size: .83em;
			}
			#content table#popis td {
				padding: 1px 5px;
				
			}
			#content table#popis td.tar {
				text-align: right;
			}
				table#popis h3.pp_nazev {
					text-transform: uppercase;
					font-size: 1em;
				}
			
			#content #model-photos {
				margin: 0 5px;
			}
/*
			#content #model-photos .main {
				width: 200px;
				position: absolute;
				left: 0;
				top: 0;
			}
*/				
				#content #model-photos #thumbs {
					margin: 10px;
				}
					#model-photos img {
						border: solid 1px #FFF;
					}
				
			
			#content #control {
				width: 340px;
				height: 16px;
				margin: 10px;
				position: relative;
			}
				#content #control span.devider, #content #control a span.txt {
					display: none;
				}

				#content #control a#prev {
					width: 16px;
					height: 16px;
					position: absolute;
					left: 0;
					top: 0;
				}
				#content #control a#next {
					position: absolute;
					right: 0;
					top: 0;
				}
				#content #control a span.img {
					display: block;
					width: 16px;
					height: 16px;
					cursor: pointer;
				}

					#content #control a#prev span.img, #content #control a#next span.img {
						border: solid 1px #938965;
					}
					#content #control a:link#next span.img, #content #control a:visited#next span.img {
						background: transparent url(../images/arrow-next.gif) top right no-repeat;
					}
						#content #control a:hover#next span.img {
							background: transparent url(../images/arrow-next.gif) top left no-repeat;
						}
					#content #control a#prev:link span.img, #content #control a#prev:visited span.img {
						background: transparent url(../images/arrow-prev.gif) top right no-repeat;
					}

						#content #control a:hover#prev span.img {
							background: transparent url(../images/arrow-prev.gif) top left no-repeat;
						}
			
	#leftmenu {
		position: absolute;
		top: 234px;
		right: 470px;
		text-align: right;
		padding-right: 10px;
	}
		#leftmenu a {
			color: #FFF;
			text-decoration: none;
		}
			#leftmenu a:hover {
				color: #938965;
			}
		#leftmenu ul li.lev1 {
			padding: 2px 2px 4px 10px;
			list-style: none;
		}
		#leftmenu ul li a.menulink {
			text-transform: uppercase;	
			font-weight: bold;	
			padding-right: 14px;
			display: block;
			background: transparent url(../images/leftmenu-lev1li-bckgr.gif) 100% 4px no-repeat;				
		}
			#leftmenu ul li a.menulink:hover, #leftmenu ul li a.active:link, #leftmenu ul li a.active:visited, #leftmenu ul li a.active:hover {
				color: #938965;
				background: transparent url(../images/leftmenu-lev1li-bckgr-hover.gif) 100% 4px no-repeat;
			}
				#leftmenu ul li a.active:link, #leftmenu ul li a.active:visited, #leftmenu ul li a.active:hover {
					cursor: text;
				}
			
			
		#leftmenu ul li.lev2 {
			padding-right: 2px;
			list-style: none;
			font-size: .93em;
		}
			#leftmenu ul li.lev2 a {
				background: transparent url(../images/leftmenu-lev2li-bckgr.gif) 100% 5px no-repeat;
				padding-right: 15px;
			}
			#leftmenu ul li.lev2 a:hover {
				color: #D2691E;
			}
				#leftmenu ul li.lev2 a.active:link, #leftmenu ul li.lev2 a.active:visited, #leftmenu ul li.lev2 a.active:hover {
					color: #938965;
					background: transparent url(../images/leftmenu-lev2li-bckgr.gif) 100% 5px no-repeat;
					cursor: text;
				}
		#topmenu {
			position: absolute;
			z-index: 10;
			top: 200px;
			left: 315px;
			text-align: left;
		}
		#topmenu a {
			text-decoration: none;
			font-size: .78em;
		}
		#topmenu span {
			color: #A0522D;
			color: #D2691E;
			font-size: .7em;
		}
		#topmenu a:link, #topmenu a:visited {
			color: #BDB76B;
		}
			#topmenu a:hover {
				color: #D2691E;
			}
	#pagefooter {
		position: absolute;
		bottom: 0;
		left: 315px;
		z-index: 10;
		font-size: .73em;
		color: #C8BDA3; 
		border-top: solid 1px #877E5D;
		text-align: center;
		margin-left: 10px;
	}
		#pagefooter a {
			color: #C8BDA3;
		}	
			#pagefooter a:hover {
				text-decoration: none;
				color: #FFF;
			}
		#pagefooter #copy {
			padding: 2px 5px;
			border-top: solid 1px #877E5D;
			margin-top: 3px;
		}
			
		#pagefooter #copy a {
			color:  #C8BDA3;
			text-decoration: none;
		}
			#pagefooter #copy a:hover {
				color: #FFF;
			}		

	
#langmenu {
	position: absolute;
	right: 80px;
	top: 0;
	z-index: 1000;
	height: 20px !important;
	width: 110px;
	overflow: hidden;
}

	#langmenu a#cz, #langmenu a#en, #langmenu a#it {
		display: block;
		height: 16px;
		width: 24px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 3000;
		overflow: hidden;
	}
	#langmenu a#cz {
		right: 68px;
	}
	#langmenu a#en {
		right: 34px;
	}
	#langmenu a span.txt {
		font-size: .65em;
		color: #FFF;
		text-decoration: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 24px;
		height: 16px;
		z-index: 4000;
	}
	#langmenu a span.img {
			position: absolute;
			left: 0;
			top: 0;
			display: block;			
			width: 24px;
			height: 16px;
			z-index: 5000;
			cursor: pointer;
	}
		#langmenu a#cz span.img {
			background: transparent  url(../images/lang-cz.gif) top right no-repeat;
		}
		#langmenu a#en span.img {
			background: transparent  url(../images/lang-eng.gif) top right no-repeat;
		}
		#langmenu a#it span.img {
			background: transparent  url(../images/lang-it.gif) top right no-repeat;
		}


		#container div.sroub {
		width: 28px;
		height: 28px;
		position: absolute;
		top: 10px;
		left: 20px;
	}
		#container #srouby div.topleft {
			position: absolute;
			left: 25px;
			background: transparent url(../images/sroub-topleft.gif) top left no-repeat;
		}

		#container #srouby div.topright {
			position: absolute;
			left: 722px;
			background: transparent url(../images/sroub-topright.jpg) top left no-repeat;
		}

		#container #srouby div.bottomleft {
			position: absolute;
			left: 20px;
			top: 93%;
			background: transparent url(../images/sroub-topleft.gif) top left no-repeat;
		}

		#container #srouby div.bottomright {
			left: 725px;
			top: 93%;
			background: transparent url(../images/sroub-topright.gif) top left no-repeat;
		}
	
#container #hplangs {
	padding-top: 240px; 
	margin-left: 243px; 
	width: 280px; 
	text-align: left; 
	font-size: .78em;
	padding-bottom: 15px;
}	
	#container #hplangs a:link, #container #hplangs a:visited {
		text-decoration: none;
	}
	#container #hplangs a:hover {
		color: #938965;
		text-decoration: underline; 
	}
	#hplangs #czlang {
		margin-bottom: 10px;
		background: transparent url(../images/lang-cz.gif) 0 50% no-repeat;
		padding-left: 40px;
	}
	#hplangs #itlang {
		margin-bottom: 10px;
		background: transparent url(../images/lang-it.gif) 0 50% no-repeat;
		padding-left: 40px;
	}
	#hplangs #enlang {
		background: transparent url(../images/lang-eng.gif) 0 50% no-repeat;
		padding-left: 40px;
	}

	#hplangs p {
		padding-bottom: 5px;
	}	
	

.uppercase {
	text-transform: uppercase;
}
	#hplangs .uppercase {
		font-weight: bold;
	}