* { margin: 0; padding: 0; font-size: small; list-style: none; }

body, html {
	font-family: 'Trebuchet MS', 'Tahoma', 'Verdana';
	background: #253a09;
	color: #3a2000;
	font-size: small;
	margin-top: 5px;
}

div#container {
	width: 850px;
	margin: 0 auto;
}


/**
*  HEADER
**/


div#header {
	width: 800px;
	height: 84px;
	background: url('images/header.png') top left repeat-x;
}

h1#logo {
	width: 188px;
	height: 84px;
	padding: 0px 0px 0px 8px;
	position: relative;
	float: left;
}

#logo a {
	width: 188px;
	height: 84px;
	display: block;
	cursor: pointer;
	position: relative;
	font-size: large;
	color: white;
}

#logo a span {
	width: 188px;
	height: 84px;
	position: absolute;
	background: url('images/logo.png') top left no-repeat;
}


/**
*  / HEADER
**/


/**
*  MENU
**/


div#menu_wrap {
	width: 800px;
	height: 44px;
	float: left;
}

#menu_wrap #left {
	width: 85px;
	height: 44px;
	background: url('images/menu/menu_left.png') top left no-repeat;
	float: left;
}

#menu_wrap #right {
	width: 85px;
	height: 44px;
	background: url('images/menu/menu_right.png') top left no-repeat;
	float: left;
}

#menu li { float: left; }
#menu li a { display: block; height: 44px; cursor: pointer; color: #cfcfcf; }
#menu li a:hover { color: white; }


ul#menu {
	width: 630px;
	height: 44px;
	float: left;
	list-style: none;
}

li#onas a span {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_onas.png') top left no-repeat;
	position: absolute;
}

li#onas a { width: 127px; }

li#clenovia a span {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_clenovia.png') top left no-repeat;
	position: absolute;
}

li#clenovia a { width: 125px; }

li#odrody a span {
	width: 126px;
	height: 44px;
	background: url('images/menu/menu_odrody.png') top left no-repeat;
	position: absolute;
}

li#odrody a { width: 126px; }

li#typy a span {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_typy.png') top left no-repeat;
	position: absolute;
}

li#typy a { width: 127px; }

li#kontakt a span {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_kontakt.png') top left no-repeat;
	position: absolute;
}

li#kontakt a { width: 125px; }

li#onas a span:hover {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_onas.png') top left no-repeat;
	background-position: 100%;
}

li#clenovia a span:hover {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_clenovia.png') top left no-repeat;
	background-position: 100%;
}

li#odrody a span:hover {
	width: 126px;
	height: 44px;
	background: url('images/menu/menu_odrody.png') top left no-repeat;
	background-position: 100%;
}

li#typy a span:hover {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_typy.png') top left no-repeat;
	background-position: 100%;
}

li#kontakt a span:hover {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_kontakt.png') top left no-repeat;
	background-position: 100%;
}

li#onas a span.active {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_onas.png') top left no-repeat;
	background-position: 100%;
}

li#clenovia a span.active {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_clenovia.png') top left no-repeat;
	background-position: 100%;
}

li#odrody a span.active {
	width: 126px;
	height: 44px;
	background: url('images/menu/menu_odrody.png') top left no-repeat;
	background-position: 100%;
}

li#typy a span.active {
	width: 127px;
	height: 44px;
	background: url('images/menu/menu_typy.png') top left no-repeat;
	background-position: 100%;
}

li#kontakt a span.active {
	width: 125px;
	height: 44px;
	background: url('images/menu/menu_kontakt.png') top left no-repeat;
	background-position: 100%;
}


/**
*  / MENU
**/


/**
*  CONTENT
**/


h2#bottom_apples {
	width: 800px;
	height: 237px;
	float: left;
	position: relative;
	color: white;
	font-size: large;
}

#bottom_apples span {
	width: 800px;
	height: 237px;
	position: absolute;
	background: url('images/bottom_apples.png') top left no-repeat;
}


/**
*  / CONTENT
**/


div#wrapper {
	width: 800px;
	/* IE6 min-height hack:*/
	min-height: 500px;
	height: auto !important;
	height: 500px;
	/**/
	background: #fefbe5;
	float: left;
}

div#content {
	padding: 10px 20px 30px 20px;
	float: left;
}

p { padding: 5px 0px 5px 0px; }

h3 {
	margin: 15px 0px 10px 0px;
	font-size: 150%;
	color: #b82719;
}

h4.kontakt {
	margin: 15px 0px 0px 0px;
	font-size: 110%;
	color: #b82719;
}

div#kontakt_sec {
	width: 750px; 
}
	
address { font-style: normal; margin: 0px 0px 20px 0px; }

address a.mail {
	text-decoration: underline;
	padding-left: 20px;
	background: url('images/mail.png') 0% 50% no-repeat;
}

ul#left {
	margin: 20px 0px 50px 0px;
	float: left;
}

ul#right {
	margin: 20px 0px 50px 50px;
	float: right;
}

ul#left li, ul#right  li{
		margin: 10px 0px 10px 0px;
}

table.balenie { float: left; width: 380px; height: 130px; }
table.odroda { float: left; width: 380px; height: 130px; }

h4 { margin-bottom: 8px; font-size: small; font-weight: bold; }

table img{
	float: left;
}

td ul { width: 270px; float: left; }

td ul li {
	list-style: none;
}

a img { border: 0; }

#content img.clenovia_img { margin: 0px 0px 10px 0px; }
#content img.kontakt_img { float: right; margin: 0px 0px 0px 0px; border: 6px solid #fef7cf; }

#content ul { float: left; }
#content ul li { margin-left: 15px; }

#content img.right_img { float: right; clear: right; margin: 0px 0px 10px 20px; border: 6px solid #fef7cf; }

div#footer {
	width: 800px;
	height: 50px;
	margin: 0 auto;
	color: white;
	float: left;
}

#footer span#footer_info {
	padding-top: 5px;
	display: block;
	color: white;
	text-align: center;
	margin: 5px 0px 50px 0px;
}

#footer span.eu_flag {
	background: url('images/eu_flag.png') 0% 50% no-repeat;
	padding-left: 30px;
}

#footer_info a { color: #fcee9a; border-bottom: 1px dotted; text-decoration: none; }
#footer_info a:hover { border-bottom: 1px solid; }