/* ------------------------------------------------------- */
/* --------------------------------------------- AK - 2009 */
/* ------------------------------------------------------- */
/* html, body */

body {
	margin: 0;
	padding: 0;
	
	color: #000;
	font-size: 10px;
	font-family: Verdana, Arial, sans-serif;
}

/* ------------------------------------------------------- */
/* clear, onfocus='blur()' */

img { border: 0 none; }
a, a img, input { outline: none; }
h1, h2, h3, h4, h5, h6, p { outline: none; margin: 0; padding: 0; border: 0; }

/* ------------------------------------------------------- */
/* wrap div's contents */


#container {
	margin: 0 auto;
	width: 828px;
	height: 586px;
	background-image: url('../img/bg.gif');
	background-repeat: no-repeat;
	background-position: left 93px;
}

#logo, #header_menu, #navi, #submenu, #content, #text, #contact, #copyrights, #back {
	position: absolute;
	margin: 0px;
	padding: 0px;
}

#logo {
	position: absolute;
	margin: 20px 0px 0px 136px;
	width: 115px;
	height: 66px;
	background-image: url('../img/thegra_logo.gif');
	background-repeat: no-repeat;
}

#logo a { display: block; width: 100%; height: 100%; }

#header_menu {
	margin: 75px 0px 0px 520px;
	width: 290px;
}

#navi {
	margin: 127px 0px 0px 17px;
	width: 228px;
}

#back {
	margin: 127px 0 0 266px;
	z-index: 20;
}

#back a {
	text-transform: uppercase;
	color: #999999;
}

#back a:hover {
	text-transform: uppercase;
	color: #000000;
}


#submenu {
	margin: 194px 0 0 266px;
	width: 100px;
	z-index: 20;
	font-weight: bold;
}

#content {
	margin: 99px 0px 0px 260px;
	width: 555px;
	height: 445px;
	z-index: 10;
}

#content #flash {
	float: left;
	width: 555px;
	height: 445px;
}

#text {
	margin: 90px 0px 0px 80px;
	width: 415px;
	height: 330px;
}

div.scrolling {
	float: left;
	width: 415px;
	height: 330px;
	overflow: auto;
}

#contact {
	margin: 556px 0px 0px 7px;
	width: 250px;
}

#contact strong {
	font-weight: normal;
	font-size: 11px;
	line-height: 11px;
	padding-left: 4px;
}

#contact a {
	font-size: 9.5px;
}

#contact img {
	padding: 0px 5px 0px 7px;
}

#copyrights {
	margin: 556px 0px 0px 304px;
	width: 500px;
	color: #999999;
	font-size: 9.5px;
	text-align: right;
}

#copyrights a { color: #999999; }
#copyrights a:hover { color: #000000; }


#content div.item {
	float: left;
	width: 384px;
	padding-bottom: 16px;
}

#content div.item h2, #content div.item h3 {
	padding: 0;
	margin: 0;
	display: block;
	width: 384px;
	font-weight: normal;
	font-size: 12px;
	color: #6EB046;
	text-transform: none;
}

#content div.item h2 { font-weight: bold; }
#content div.item h3 { font-size: 10px; }

#content div.item a.more {
	display: block;
	float: right;
	color: #555555;
}


/*------------------------------------------------------- */
/* texts */

#text p {
	margin: 0;
	padding: 4px 0px 4px 0px;
	line-height: 16px;
	word-spacing: 0.125em;
}

#content h1 {
	position: absolute;
	margin: 0;
	padding: 0;
	margin: 30px 0px 0px 80px;
	width: 415px;
	font-weight: normal;
	font-size: 18px;
	color: #555555;
}

#content h1 img { vertical-align: middle; padding-right: 10px; }

#content h1.news_title span {
	padding-top: 10px;
	font-size: 14px;
	display: block;
	float: right;
	width: 340px;
}

#content h2 {
	display: block;
	float: left;
	padding: 2px 0px 5px 0px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #372849;
}

.wyrozniony {
	color: #6EB046;
}

/*------------------------------------------------------- */
/* list ol li */

#header_menu ul, #navi ul, #submenu ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}

#header_menu ul li {
	display: inline;
	float: left;
}

#header_menu a {
	display: block;
	padding: 0px 6px 0px 8px;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, sans-serif;
	background-image: url('../img/header_menu_sep.png');
	background-repeat: no-repeat;
	background-position: left center;
}

#header_menu li.first a { background-image: none; }
#header_menu li.selected a { color: #6EB046; }


#navi ul li {
	display: block;
	width: 228px;
	height: 24px;
	padding-bottom: 2px;
}

#navi ul li a {
	display: block;
	width: 204px;
	height: 24px;
	padding: 5px 12px 0px 12px;
	background-image: url('../img/navi_btn_off.gif');
	background-repeat: no-repeat;
	background-position: left top;
	line-height: 100%;
	color: #fcfcfc;
	font-size: 13px;
	font-weight: bold;
	font-family: "Helvetica", Arial, sans-serif;
}

#navi ul li a:hover, #navi ul li.selected a {
	color: #578b38;
	background-image: url('../img/navi_btn_on.gif');
}

/*------------------------------------------------------- */
/* form input textarea */

#newsletter {
	position: absolute;
	width: 370px;
	height: 50px;
	margin: 24px 0px 0px 450px;
	display: none;
}

#newsletter span {
	font-size: 9px;
	color: #6EB046;
	line-height: 10px;
	display: block;
	width: 200px;
	float: left;
	padding: 0px 5px 0px 0px;
}

#newsletter span.loader {
	color: #000;
	width: 300px;
	float: right;
	text-align: right;
	padding-right: 34px;
}

#newsletter_email {
	background-color: #EEEEEE;
	border: 1px solid #D4D4D4;
	font-size: 12px;
	padding: 2px 4px 0px 4px;
	height: 17px;
	width: 122px;
	margin: 0px;
	float: left;
}

#newsletter_btn {
	padding: 0;
	margin: 0px 0px 0px 5px;
	display: inline;
	border: 0 none;
	width: 17px;
	height: 20px;
	cursor: pointer;
	float: left;
	background-image: url('../img/newsletter_btn.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

/*------------------------------------------------------- */
/* links */

a, a:link, a:active, a:visited { text-decoration: none; color: #555555; }
a:hover { text-decoration: none; color: #6EB046; }

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

#text a.szary_link, #text a.szary_link:hover { color: #555555; text-decoration: none; }

#submenu li.selected a { color: #6EB046; }