/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #5297ff; text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}
html {height: 100.01%;}
p, ul, ol, li {margin: 0.5em 0 0.5em 0; line-height: 1.5em;}
ul li {list-style: none; padding-left: 20px; background: url(../images/blue-arrow.gif) left 5px no-repeat;}
h1 {margin: 1em 0 1em 0; color: #2e6c0f; font-size: 1.8em; font-weight: normal;}
h2 {margin: 1em 0 1em 0; color: #5297ff; font-size: 1.6em; font-weight: normal;}
h3 {margin: 1em 0 1em 0; color: #666; font-size: 1.6em; font-weight: normal;}
h4 {margin: 1em 0 1em 0; color: #333; font-size: 1.1em; font-weight: bold;}

/* layout
------------------------------------------- */
html {background: #fff url(../images/back.jpg) 0 109px repeat-x;}
body {background: url(../images/footer.jpg) left bottom repeat-x;}
#header {position: relative; width: 980px; height: 390px; margin: 0 auto; background: url(../images/header.jpg) no-repeat;}
	#header h1 {margin: 0;}
	#logo {display: block; position: absolute; overflow: hidden; width: 450px; height: 100px; text-indent: -10001px;}
	#mainmenu {position: absolute; left: 12px; top: 109px; height: 46px; margin: 0; padding: 0;}
	  #mainmenu li {float: left; list-style: none; height: 46px; margin: 0; padding: 0;}
	  	#mainmenu li a, #mainmenu li a:visited {display: block; float: left; overflow: hidden; height: 46px; background-image: url(../images/mainmenu.jpg); background-repeat: no-repeat; line-height: 46px; text-indent: -500px;}
	  	#mainmenu li a#mm1, #mainmenu li a#mm1:visited {width: 151px; background-position: 0 0;}
	  	#mainmenu li a#mm1:hover {background-position: 0 -46px;}
	  	#mainmenu li a#mm2, #mainmenu li a#mm2:visited {width: 153px; background-position: -151px 0;}
	  	#mainmenu li a#mm2:hover {background-position: -151px -46px;}
	  	#mainmenu li a#mm3, #mainmenu li a#mm3:visited {width: 137px; background-position: -304px 0;}
	  	#mainmenu li a#mm3:hover {background-position: -304px -46px;}
	  	#mainmenu li a#mm4, #mainmenu li a#mm4:visited {width: 92px; background-position: -442px 0;}
	  	#mainmenu li a#mm4:hover {background-position: -442px -46px;}
	  	#mainmenu li a#mm5, #mainmenu li a#mm5:visited {width: 92px; background-position: -539px 0;}
	  	#mainmenu li a#mm5:hover {background-position: -539px -46px;}
	  	#mainmenu li a#mm6, #mainmenu li a#mm6:visited {width: 70px; background-position: -641px 0;}
	  	#mainmenu li a#mm6:hover {background-position: -641px -46px;}
#content {width: 960px; margin: 0 auto;}
	#sidebar {float: left; width: 245px;}
		#sidebar h2 {font-size: 1.8em;}
		ul#sidemenu {padding-right: 25px; border-right: 1px solid #e6e6e6;}
			ul#sidemenu li {list-style: none; margin: 0; padding: 0;}
			  ul#sidemenu li a, ul#sidemenu li a:visited {display: block; height: 24px; padding-left: 30px; border-bottom: 1px solid #ccc; background: #fff url(../images/blue-arrow.gif) 12px center no-repeat; color: #717171; line-height: 24px; text-decoration: none;}
			  ul#sidemenu li a:hover {background-image: url(../images/gray-arrow.gif); background-color: #f1f1f1; color: #000;}
			  	ul#sidemenu ul.submenu {margin: 0;}
			    	ul#sidemenu li ul.submenu li a, ul#sidemenu li ul.submenu li a:visited {padding-left: 40px; background: url(../images/green-arrow.gif) 26px center no-repeat; color: #999;}
			    	ul#sidemenu li ul.submenu li a:hover {background-image: url(../images/green-arrow.gif); background-color: #f1f1f1; color: #000; text-decoration: none;}
	#main {float: right; width: 685px;}
#footer1 {width: 960px; height: 240px; margin: 0 auto; margin-top: 20px;}
	.col3 {float: left; width: 280px; padding: 0 20px 0 20px;}
	  .col3 img {display: block; margin: 0 auto; padding: 4px; border: 1px solid #a8a8a8; background: #fff;}
	  .col3 h2 {margin: 0;}
	  .col3 #agrofagi-header {color: #2e6c0f;}
	  .col3 #kontakt-header {color: #000;}
	p.more {text-align: right;}
		p.more a, p.more a:visited {padding-left: 12px; background: url(../images/green-arrow.gif) left center no-repeat; font-weight: bold; text-decoration: none;}
		p.more a:hover {color: #85b300;}
#footer2 {width: 960px; height: 25px; margin: 0 auto; border-top: 2px solid #5297ff;}
	#footer2 p {margin: 0; color: #888; font-size: 0.9em; line-height: 25px;}
	#copyright {float: right;}
	#footer-menu {float: left;}
		#footer-menu a, #footer-menu a:visited {padding: 0 5px 0 5px; color: #888; text-decoration: none; text-transform: uppercase;}
		#footer-menu a:hover {color: #000; text-decoration: underline;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
img.r {display: block; float: right; clear: right; margin: 0 0 10px 10px; padding: 4px; border: 1px solid #a8a8a8; background: #fff;}
.illustrations {float: right; width: 310px; margin: 0 0 10px 10px; text-align: center;}
.illustrations img {margin: 5px 0 5px 0; padding: 4px; border: 1px solid #a8a8a8; background: #fff;}
.caps {text-transform: capitalize;}

.news-title {margin-bottom: 0;}
.news-date {margin: 0; color: #888; font-size: 0.9em;}
.news-body {margin-top: 0.3em;}
.latin {color: #999; font-size: 0.8em;}

table {margin: 0 auto; margin-top: 1em; margin-bottom: 1em; border: 1px solid #888; border-collapse: collapse;}
  th {padding: 5px; border: 1px solid #888; background: #aaa; color: #fff; font-weight: bold; text-align: center;}
  tr.gray td {background: #eee;}
  td {padding: 5px; border: 1px solid #888;}
  td.number {text-align: center;}
  td.yes {color: #c00; font-weight: bold; text-align: center;}
  td.no {color: #2e6c0f; font-weight: normal; text-align: center;}

li.vcard {display: block; clear: left; list-style: none; height: 2em;}
	.person {display: block; float: left; clear: left; width: 200px;}
	.role {display: block; float: left; width: 150px;}
	p .role {float: none; width: auto; font-weight: bold;}
	.phones {display: block; float: left; width: 120px;}
	.email {float: left;}

.agrofag {position: relative;}
	.agrofag div.opis {position: relative; clear: both; margin-bottom: 2em; padding-bottom: 1em; border-bottom: 2px solid #2e6c0f;}
	.agrofag h3 {position: relative; padding-left: 10px; padding-right: 20px; border-bottom: 1px solid #ccc; background: url(../images/down.gif) right center no-repeat; color: #5297ff; font-size: 1.2em; font-weight: normal; cursor: pointer;}
	.agrofag h3.current {padding-left: 0; padding-right: 0; background-image: none; font-weight: bold;}

.leftpic {float: left; width: 320px;}
.rightpic {float: right; width: 320px;}

/* unique stuff
------------------------------------------- */
#map {border: 1px solid #666; width: 685px; height: 400px; margin: 10px 0 10px 0;}

#lang {float: right;}
	#lang li {float: left; list-style: none; margin: 5px; padding: 0; background: none;}
		#lang a, #lang a:visited {display: block; float: left; overflow: hidden; width: 29px; height: 20px; background-repeat: no-repeat; background-position: center top;text-indent: -10001px;}
		#lang a#lang-pl {background-image: url(../images/flag-pl.png);}
		#lang a#lang-en {background-image: url(../images/flag-en.png);}
		#lang a#lang-de {background-image: url(../images/flag-de.png);}
		#lang a:hover, #lang a.current, #lang a.current:visited {background-position: center bottom;}