html, body
{
 font-family: arial;
 font-size: small;
 background: #3e8e5e url(../img/background_repeat-x.jpg) repeat-x ;
 margin: 0px;
 top: 0;
 bottom: 0;
 padding: 0px;
 height: 100% !important;
 height: auto;
}

p, h1, h2, h3, h4, h5, h6, table, ul, li, img, form, div
{
	padding : 0px;
	margin : 0px;
}

img
{
	border-width: 0px;
	text-decoration: none;
}

a, button
{
	text-decoration: none;
}


marquee {
	width : 1005;
	color : #1a4221;
}

*:focus { 
outline: none;
outline-style:none; 
}

/********************* USTAWIENIA WYGLĄDU STRONY **************************/

#kontener
{
	margin: 0 auto;
	width: 1000px;
	background: #fef3cd;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -150px;
}


/*------------------------ TOP ------------------------------*/

#top_round
{
	width: 1000px;
	height: 13px;
	background: url(../img/top_round.jpg) no-repeat;
}

#top_zawartosc
{
	width: 1000px;
	height: 157px;
	background: #fef3cd;
}

#baner
{
	float: left;
	margin: 5px 0px 0px 10px;
}

#logo_baner
{
	float: left;
	margin: 30px 0px 0px 0px;
	width: 269px;
	height: 85px;
}

#logo_baner a {
	display : block;
	width : 269px;
	height : 85px;
}
/*------------------------ Pasek pod Top ------------------------------*/
.pasek_pod
{
	clear: both;
	width: 1000px;
	position: relative;
	height: 15px;
	background: url(../img/pasek_pod.png) no-repeat;
}
	.lewy
	{
		width: 20px;
		height: 15px;
		top: 0px; left: -19px;
		position: absolute; 
		background: url(../img/pasek_pod_lewy.png) no-repeat;
	}
	.prawy
	{
		width: 20px;
		height: 15px;
		top: 0px; right: -19px;
		position: absolute;
		background: url(../img/pasek_pod_prawy.png) no-repeat;
	}
	
#napisy
{	
  position:relative;
	height: 20px;
	width: 1050px;
}

/*------------------------ menu ------------------------------*/

#main_menu_top {
	position : relative;
}

#main_menu_top ul {
	list-style-type : none;
	float:left;
	z-index : 1;
}

#main_menu_top ul.menu {
	width : 930px;
	margin : 0px 0px 0px 5px;
	height : 34px;
}

#main_menu_top ul li.level1 {
	float : left;
	width : 124px;
	height : 34px;
	margin : 0px 4px;
	background : url(../img/buttons/menu_button.jpg) no-repeat;
}

#main_menu_top li span.separator {
	cursor : default;
}



#main_menu_top ul li.level1:hover {
	background : url(../img/buttons/menu_button.jpg) 0px -34px no-repeat;
}

#main_menu_top ul a, #main_menu_top span.separator {
	color : white;
	font-weight : bold;
	font-size : 13px;
	display : block;
}

#main_menu_top ul li.level1 a, #main_menu_top ul li.level1 span.separator  {
	text-align : center;
	padding-top : 7px;
	height : 27px;
}

#main_menu_top li.level1 ul, #main_menu_top li.level1 ul li.level2 ul, #main_menu_top li.level1 ul, #main_menu_top li.level1 ul li.level2 ul li.level3 ul {
	display : none;
	position : absolute;
}

#main_menu_top li.level1:hover ul {
	display : block;
}

#main_menu_top li.level1:hover ul li.level2 ul {
	display : none;
}

#main_menu_top li.level1:hover ul li.level2:hover ul {
	display : block;
}

#main_menu_top li.level1:hover ul li.level2:hover ul li.leve3:hover ul {
	display : block;
}


#main_menu_top li.level2 {
	height : 34px;
	background : url(../img/pasekmaly.jpg) repeat-x; 
	border : 1px solid #025728;
	width: 160px;
	padding : 0px 5px;
	position : relative;
}

#main_menu_top li.level2 ul {
	display : block;
	position : absolute;
	left : 170px;
	top : 0px;
}

#main_menu_top li.level2:hover ul {
	display : block;
}

#main_menu_top li.level3 {
	height : 34px;
	background : url(../img/pasekmaly.jpg) repeat-x; 
	border : 1px solid #025728;
	min-width : 160px;
	padding : 0px 5px;
	position : relative;
}

#main_menu_top li.level3 ul {
	display : block;
	position : absolute;
	left : 170px;
	top : 0px;
}

#main_menu_top ul li.level2 span.separator, #main_menu_top ul li.level2 a {
	padding-top: 2px;
	text-align : left;
}

#main_menu_top li.level2:hover, #main_menu_top li.level3:hover {
	background : #70ba6d;
}

#main_menu_top li.level4 {
	height : 34px;
	background : url(../img/pasekmaly.jpg) repeat-x; 
	border : 1px solid #025728;
	min-width : 160px;
	padding : 0px 5px;
}

#main_menu_top li.level2:hover, #main_menu_top li.level3:hover, #main_menu_top li.level4:hover {
	background : #70ba6d;
}

#main_menu_top li.level3 ul {
	display : block;
	position : absolute;
	left : 170px;
	top : 0px;
}

#main_menu_top li.level3:hover ul {
	display : block;
}

#jflanguageselection {
	float : right;
	margin : -5px 7px 0px 0px;
	width : 50px;
}

#jflanguageselection span {
display : block;
	
}


/*------------------------ zawartosc ------------------------------*/

#zawartosc_strony
{
	width: 1000px;
	margin: 5px 0px 0px 0px;
	background: #fef3cd;
}

	#lewa_kolumna
	{
		float: left;
		width: 630px;
	}
		#tekst
		{
			width: 596px;
			height: auto;
		}
		.gora
		{
			width: 596px;
			height: 48px;
			background: url(../img/tekst_top.jpg) no-repeat;
		}
		.srodek
		{
			width: 506px;
			height: auto;
			background: url(../img/tekst_srodek.jpg) repeat-y;
			padding : 0px 45px;
		}
		
		.srodek ul, .srodek ol {
			margin-left : 10px;
		}
		
		.srodek .contentheading {
			font-weight : bold;
			font-size : 15px;
			padding-top : 10px;
		}
		
			.tekst_loga
			{
				margin: 0px 0px 0px -10px;
				width: 514px;
				height: auto;
			}
			.rzetelna
			{
				margin: 0px 0px 0px 8px;
				float: left;
			}
			.ellegance
			{
				float: right;
				margin: 0px 0px 0px 0px;
			}
			.pasek_loga
			{
				clear: both;
				width: 524px;
				height: 2px;
				background: url(../img/pasek_loga.jpg) no-repeat;
			}
			.naglowek
			{
				width: 524px;
				margin: 10px 0px 0px 43px;
			}
			.artykul
			{
				width: 504px;
				margin: 10px 0px 0px 43px;
				text-align: justify;
			}
		.dol
		{
			width: 596px;
			height: 50px;
			background: url(../img/tekst_dol.jpg) no-repeat;
		}
	
	#prawa_kolumna
	{
		float: left;
		width: 370px;
	}

		#sklep
		{
			width: 100%;
			height: 84px;
		}
			#sklep a
			{
				display: block;
				width: 312px;
				height: 84px;
				background: url('../img/wozek.gif') 0 0 no-repeat;
			
			}
			
		
		#shop
		{
			width: 100%;
			height: 84px;
		}
		
		#shop a
		{
			display: block;
			width: 312px;
			height: 84px;
			background: url('../img/Store.jpg') 0 0 no-repeat;
		}
		
		#shop a:hover
		{
			background-position: 0 -84px;
		}	
			
		#forum {
			width: 100%;
			height: 84px;
		}
		
		#forum a {
			display : block;
			width : 312px;
			height : 84px;
			background: url('../img/forum.jpg') 0 0 no-repeat;
		}
	
		#kontakt
		{
			width: 100%;
			height: 90px;
		}
		#newsteller
		{
			width: 100%;
			height: 84px;
		}
		#realizacje
		{
			width: 313px;
			height: 296px;
			margin: 0px 0px 0px 10px;
		}
			#rel_top
			{
				width: 299px;
				height: 42px;
				margin: 0px;
				padding: 0px;
				background: url(../img/rel_top.jpg) 0 0 no-repeat;
			}
			
			#rel_zaw
			{
				width: 299px;
				margin: 0px;
				padding: 0px;
				padding: 0px 0px 0px 30px;
				background: url(../img/rel_zaw.jpg) 0 0 repeat-y;
			}
			
			#rel_zaw h3 {
				color : #303030;
				text-align:center;
				font-family : times new roman;
				font-weight : bold;
				font-style : italic;
				padding-right : 70px;
				font-size : 18px;
			}
			
			#rel_bottom
			{
				width: 299px;
				height: 42px;
				margin: 0px;
				padding: 0px;
				background: url(../img/rel_bottom.jpg) 0 0 no-repeat;
			}
			

#jflanguageselection img {
	margin : 4px 0px;
	border : 1px solid #797979;
}

	
/**************************Zakonczenie bloków tresci****************************/
.zlacz
{
	clear:both;
}

.push
{
	height: 150px;
}

/**************************************** STOPKA **********************************************/

#stopka
{
	
	width: 100% !important;
	width: auto;
	height: 150px;
	background: #243a2d url(../img/stopka.jpg) repeat-x;
}

	#dol_strony
	{
		margin: 0 auto;
		width: 1000px;
		height: 43px;
		background: url(../img/dolstrony.jpg) no-repeat;
	}
	
	
	.padding_img {
		padding : 4px;
	}
	
	.clear {
		clear : both;
	}
	
	
	/*********** ustawienia pod menu **************************************/

ul#topnav {
	margin: 0 auto;
	padding: 0;
	list-style: none;
	
	font-size: x-small;
	text-align :center;
	width : 800px;
}
ul#topnav li{
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:30px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 5px 10px;
	float: left;
	text-decoration: none;
	color: #ffffff;
	clear: both;
	width: 100%;
	height: 15px;
	line-height: 15px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
	color: #f7e82d;
	background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
	background-position: left top;
}

#widget_gg
{
	width: 313px;
	margin: 0px 0px 0px 10px;
}
.widget_top
{
	width: 299px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/rel_top.jpg) 0 0 no-repeat;
}
			
.widget_main
{
	width: 299px;
	margin: 0px;
	padding: 0px;
	padding: 0px 0px 0px 26px;
	background: url(../img/rel_zaw.jpg) 0 0 repeat-y;
}
			
.widget_bottom
{
	width: 299px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	background: url(../img/rel_bottom.jpg) 0 0 no-repeat;
}

#jflanguageselection {
	position : absolute;
	right : 0px;
}

#standardowe .image, #niestandardowe .image {
	cursor : pointer;
}

#standardowe .image:hover, #niestandardowe .image:hover {
	border : 1px solid #1e421c;
}

.copyright {
	font-size : 11px;
	text-align : center;
	margin : 10px 0px;
	color : white;
}

.copyright a {
	color : white;
	text-decoration : none;
}