/* -------------- YUI RESET -------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* -------------- MAIN CSS -------------- */

body {
	background-color: rgb(251,238,205);
	font-family: verdana, arial, sans-serif;
	font-size: 13px;
}

a img {
	border: none;
}

.clear {
	clear: both;
	padding: 5px 0px 5px 0px;
}

hr { margin: 3px 10px 3px 10px; height: 3px; border: none; }

h1 { font-size: 21px; }
h2 { font-size: 19px; }
h3 { font-size: 17px; }
h4 { font-size: 15px; }
h5 { font-size: 13px; }
h6 { font-size: 11px; }

h1,h2,h3,h4,h5,h6 { font-weight: bold; margin: 3px 10px 3px 10px; }

ul { margin: 20px; text-align: left; }
ul ul { margin: 5px 20px 5px 20px; }
#page-box ul.sitemap { margin: 20px 20px 20px 50px; } 
ul ul li { background-image: none; }
ul.menu-box li { padding: 3px 3px 3px 15px; background-image: none; }
ul.menu-box li a { color: #fff; font-weight: bold; text-decoration: none; }
#menu-box ul.menu-box li a:hover { text-shadow: 2px 2px 1px rgb(238,136,0); }
ul li { background: url( '../img/li.gif' ) center left no-repeat; padding: 3px 3px 3px 20px; }

p { padding: 3px 20px 3px 20px; text-align: justify; }

.under-box { color: rgb(67,49,31); text-align: left; }
.under-box h1 { text-shadow: 2px 2px 1px #afafaf; margin-left: 0px; }
.under-box p { text-align: justify; line-height: 20px;  }

form { margin: 20px 20px 20px 50px; }
input, textarea { color: #fff; font-family: verdana, arial, sans-serif; font-size: 13px; }
label { display: block; float: left; width: 80px; line-height: 24px; color: #fff; font-weight: bold; }
input.text { float: left; width: 200px; height: 20px; border: 2px solid rgb(178,120,59); padding: 2px 2px 0px 2px; background-color: rgb(162,106,58); }
textarea { float: left; height: 200px; width: 200px; border: 2px solid rgb(178,120,59); background-color: rgb(162,106,58); padding: 2px 2px 0px 2px; }
textarea:focus, input:focus.text { border-color: rgb(102,53,10); background-color: rgb(178,120,59); }
input.submit { background-color: rgb(102,53,10); border: 2px solid rgb(178,120,59); padding: 2px 5px 2px 5px; margin-left: 80px; }


div#map-bg { background: url( '../img/map-bg.gif' ) no-repeat; width: 458px; height: 384px; margin: 20px 20px 20px 50px;}
#map-bg iframe { position: relative; top: 12px; left: 11px; border: 2px solid #fff; padding: 3px; }

.second-email { text-indent: 52px; }

.vertical-tab-1 { margin-bottom: 357px; }
.vertical-tab-2 { margin-bottom: 243px; }
.vertical-tab-3 { margin-bottom: 227px; }
.vertical-tab-4 { margin-bottom: 351px; }
.vertical-tab-5 { margin-bottom: 373px; }
.vertical-tab-6 { margin-bottom: 398px; }
div.info { font-weight: bold; color: #FF001E; font-size: 15px; margin: 20px 0px 20px 20px; }

/* -------------- level-1 > LOGO i MENU -------------- */

#level-1 {
	width: 100%;
	height: 90px;
	border-bottom: 2px solid rgb(132,100,60);
	text-align: center;
	background: url( '../img/level-1-bg.png' ) repeat-x; }

	#level-1-content {
		width: 900px;
		height: 90px;
		margin: auto;
	}
	
		#logo {
			float: left;
			position: relative;
			top: 10px;
		}
		
		#main-menu {
			float: right;
		}
		
			#main-menu a {
				display: block;
				background-color: rgb(68,51,35);
				border-top: 2px solid rgb(97,71,45);
				border-right: 2px solid rgb(97,71,45);
				border-bottom: none;
				border-left: 2px solid rgb(97,71,45);
				height: 41px;
				float: left;
				margin-right: 5px;
				padding: 0px 15px 0px 15px;
				line-height: 41px;
				position: relative;
				top: 47px;
				
				color: rgb(238,136,0);
				text-decoration: none;
				
				/* okrągłe rogi */
				-webkit-border-top-right-radius: 3px; 
				-webkit-border-top-left-radius: 3px; 
				-khtml-border-radius-topright: 3px;
				-khtml-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				-moz-border-radius-topleft: 3px;
				border-top-right-radius: 3px;
				border-top-left-radius: 3px;
			}
			
			#main-menu a:hover {
				background-color: rgb(132,100,60);
				color: rgb(213,217,25);
				color: rgb(251,238,205);
			}
			
			
/* -------------- level-2 > FADEIN FADEOUT TŁO -------------- */	

#level-2 {
	background-color: rgb(73,53,34);
	width: 100%;
	height: 195px;
	z-index: -1;
}
	
	
/* -------------- level-3 > FADEIN FADEOUT -------------- */
			
#level-3 {
	width: 100%; 
	background: transparent; 
	position: relative;
	top: -170px; 
	z-index: 1;
	text-align: center;
}

	#level-3-content {
		width: 900px;
		margin: auto;
	}
	
		#header-background {
			background: url( '../img/header-bg-index.gif') no-repeat;
			width: 900px;
			height: 274px; 
		}
		
		#header-background-page {
			background: url( '../img/header-bg-page.gif') no-repeat;
			width: 900px;
			height: 274px; 
		}
		
		#header-image {
			width: 884px; /*width: 899px; */ width: 900px;
			height: 239px; 
			position: relative;
			top: 8px;
			left: 8px;
			z-index: -1;
			background: url( '../img/loader.gif' ) center center no-repeat;
		}
	

	
/* -------------- level-4 > TREŚĆ GŁÓWNA -------------- */
	
#level-4 {
	width: 100%;
	text-align: center; 
	margin-top: -170px;
	margin-bottom: 10px;
}

	#level-4-content {
		width: 900px;
		margin: auto;
		text-align: center;
		color: #fff;
	}
	
	
		/* BOXY */
	
		#orange-box {
			width: 217px;
			background: url( '../img/orange-box-bg.png' ) repeat-y;
			float: left;
		}
		
		#red-box {
			width: 221px;
			background: url( '../img/red-box-bg.png' ) repeat-y;
			float: left;
			position: relative;
			left: 10px; 
		}
		
		#green-box {
			width: 218px;
			background: url( '../img/green-box-bg.png' ) repeat-y;
			float: left;
			position: relative;
			left: 17px;
		}
		
		#brown-box {
			width: 217px;	
			background: url( '../img/brown-box-bg.png' ) repeat-y; 
			float: left;
			position: relative;
			left: 27px;
		}
		
		#menu-box {
			width: 218px;
			background: url( '../img/menu-box-bg.png' ) repeat-y;
			float: left; 
		}
		
		#page-box { 
			width: 673px;	
			background: url( '../img/page-box-bg.png' ) repeat-y;
			float: left;
			position: relative;
			left: 9px;
			text-align: left;
		}
		
			/* LINIE POZIOME W BOXACH */
			
			#orange-box hr { background-color: rgb(245,184,58); }
			#red-box hr { background-color: rgb(238,125,30); }
			#green-box hr { background-color: rgb(171,138,42); }
			#brown-box hr { background-color: rgb(162,106,58); }
			#menu-box hr { background-color: rgb(245,184,58); }
			#page-box hr { background-color: rgb(162,106,58); }
			
			
			/* KOLOR CIENIA W NAGŁÓWKU H3 W BOXACH */
			
			#orange-box h3 { text-shadow: 2px 2px 1px rgb(238,136,0); }
			#red-box h3 { text-shadow: 2px 2px 1px rgb(229,79,0); }
			#green-box h3 { text-shadow: 2px 2px 1px rgb(118,98,26); line-height: 40px; }
			#brown-box h3 { text-shadow: 2px 2px 1px rgb(102,53,10); line-height: 40px;}
			#menu-box h3 { text-shadow: 2px 2px 1px rgb(238,136,0); }
			#page-box h3 { text-shadow: 2px 2px 1px rgb(102,53,10); line-height: 40px; }
						
			.bottom-box { height: 34px; text-align: center; line-height: 30px; }
			.bottom-box a { background: url( '../img/li.gif' ) center left no-repeat; padding-left: 20px; text-decoration: none; color: #fff; }
			
			#orange-box .bottom-box { background: url( '../img/orange-box-bottom.png' ) no-repeat; }
			#red-box .bottom-box { background: url( '../img/red-box-bottom.png' ) no-repeat; }
			#green-box .bottom-box { background: url( '../img/green-box-bottom.png' ) no-repeat; }
			#brown-box .bottom-box { background: url( '../img/brown-box-bottom.png' ) no-repeat; }
			#menu-box .bottom-box { background: url( '../img/menu-box-bottom.png' ) no-repeat; }
			#page-box .bottom-box { background: url( '../img/page-box-bottom.png' ) no-repeat; }
			
			#page-box a { color: #afafaf; text-decoration: none; }
			#page-box a:hover { text-shadow: 1px 1px 0px #000; }
			
			#page-box ul a { color: #fff; }
			#page-box ul a:hover { text-decoration: underline; text-shadow: none;}
			
			/* GALERIA ZDJĘĆ */
			
			#images { margin: 15px; padding-left: 20px; }
			
				#images a { 
					display: block; 
					float: left; 
					text-decoration: none; 
					text-align: center; 
					background-color: rgb(251,238,205);
					padding: 2px 2px 6px 2px; 
					margin: 10px 10px 0px 10px;
					
					color: rgb(67,49,31);
					
					/* okrągłe rogi */
					-webkit-border-radius: 4px; 
					-khtml-border-radius: 4px;
					-moz-border-radius: 4px;
					border-radius: 4px;
				}
				
				#images a img { 
					width: 150px; 
					border: 1px solid rgb(178,120,59); 
					padding: 3px; 
					margin: 5px 5px 2px 5px; 
				}
				
				#images a:hover { 
					filter:alpha(opacity=65);
					opacity:.65;
					text-shadow: none;
				}
				
			
				
	
	
/* -------------- level-5 > STOPKA -------------- */	
	
#level-5 {
	background-color: rgb(34,26,17);
	border-top: 5px solid rgb(73,53,34);
	width: 100%;
	height: 61px;
	text-align: center;
}

	#level-5-content {
		width: 900px;
		margin: auto;
		height: 61px;
		line-height: 61px;
		color: rgb(238,136,0);
	}
	
		#copyright {
			float: left;
		}
		
		#submenu {
			float: right;
		}
			
			#submenu a {
				color: rgb(238,136,0);
				text-decoration: none;
			}
			
			#submenu a:hover {
				color: rgb(251,238,205);
			}