* { margin: 0; padding: 0;}
img {border: none;}

html, body {background: #518b74 url('/images/top_bg.jpg') top center no-repeat; font-family:  Arial, Sans-serif;}

#central {margin: 0 auto; width: 962px; height: 800px; background: #518b74 url('/images/content_bg.jpg') top no-repeat;}
html>body #central {height: auto; min-height: 800px;}

#content p { color: #fff; font-size: 16px; line-height: 24px; padding: 10px 0 10px 0 }
#content p b {color: #000 }


#top { height: 220px}
	#top_in { width: 360px; float: right}
#top2 {clear: both; height: 175px}
	#menu {float: left; height: 50px; width: 330px; margin: 106px 0 0 0; padding-left: 18px}
	#menu ul { list-style: none;}
	#menu li {display: inline;}
	#menu li a {float: left; height: 50px; width: 110px; background: transparent url('/images/menu.jpg') no-repeat;}
	#menu li a span {display: none}
		#menu li#katalog a {background-position: 0 0}
		#menu li#o-nas a {background-position: -110px 0}
		#menu li#kontakt a {background-position: -220px 0}

		#menu li#katalog a:hover {background-position: 0 -50px}
		#menu li#o-nas a:hover {background-position: -110px -50px}
		#menu li#kontakt a:hover {background-position: -220px -50px}

		#menu li#katalog a#selected {background-position: 0 -50px}
		#menu li#o-nas a#selected {background-position: -110px -50px}
		#menu li#kontakt a#selected {background-position: -220px -50px}

	#advert {float: right; width: 450px; text-align: right; padding: 25px 70px 0 0}

#content { clear: both; padding-left: 24px;}

	.box {float: left; width: 297px; height: 249px; background: transparent url('/images/box.png') no-repeat; padding: 0 10px 13px 0}
		.top {height: 20px; padding: 24px 0 0 38px;}
				h2 {color: #e5611c; font-size: 17px;  text-transform: uppercase}

		.picture {width: 218px; height: 183px; clear: both; margin-left: 37px; padding-top: 4px}

#content_left {float: left; width: 500px; background: url('/images/box2.jpg') no-repeat left top;}
#content_right {float: right; width: 400px}
	#content_right p { color: #fff; font-size: 16px; line-height: 24px; padding: 0;}
	#content_right p b {color: #000 }

#footer	{clear: both; width: 100%; height: 135px; margin: 0 auto; background: #518b74 url('/images/bottom_bg.jpg') repeat-x;}
	#footer .fbody {width: 962px;	margin: 0 auto;	color: #b84116; padding-top: 105px}
	#footer .fleft {float: left; width: 400px; padding-left: 30px; font-size: 11px;}
	#footer .fright {float: right; width: 170px; font-weight: bold; padding-right: 40px; font-size: 16px; text-align: right; color: #959695}

a:focus {outline: none;}

#panel {background: #754c24 url('/images/panel_bg.jpg') repeat-x; height: 140px;	width: 360px;	display: none; color: #fff; text-align: center;	}
	#panel p {padding: 20px 15px 25px 15px; font-size: 12px}
	#panel #email {}
	#panel #submitButton { margin: 2px 0 0 4px}

.slide {border-top: solid 4px #422410; background: url('/images/btn-slide.gif') no-repeat center top;}
.btn-slide { background: url('/images/white-arrow.gif') no-repeat 114px -50px; text-align: center; width: 144px; height: 31px; padding: 7px 8px 0 0; margin: 0 auto;
	display: block; font-size: 14px; color: #fff; text-decoration: none;}

.active {	background-position: 114px 12px;}

div.nav {float:left;clear: both}

#contact_right {float: right; width: 400px}
	#contact_right p { color: #fff; font-size: 16px; line-height: 24px; padding: 8px 0 0 0; vertical-align: top;}

#contact_left {float: left; width: 500px;  font-weight: bold}

.message fieldset { border: none}
#submit input { width: 90px; height: 30px}

#errorExplanation {clear: both;}
#errorExplanation h2 { color: red}
#errorExplanation ul { font-size: 14px; color: #fff; padding-left: 30px}

/*---------GALERIA ------------------*/
.box2 { width: 485px; padding: 9px 0 0 20px}

 #largeImg { 
	width: 430px;
	height: 323px;
	padding: 4px 4px 20px 4px;
}
.thumbs a {float: left; padding: 5px 0 0 0; }
.thumbs a  {
	border: solid 1px #518b74;
	width: 100px;
	height: 75px;
	padding: 4px;
}
.thumbs a:hover {
	border-color: #e5dc77;
}