/*

	debugger

*/

/*

div {

	border: 1px dashed #ff0000;

}

*/

/*

	

*/

html,body {

	width: 100%;

	height: 100%;

}

body {

	background-color: #ffffff;

	height: 100%;

}



/*

	Formatowanie podstawowych elementów

*/



html, body, p, input, td, th, select, textarea, ul {

	font-family: tahoma, verdana, arial, sans-serif;

	font-size: 11px;

	color: #565656;

	margin:0px;

	padding:0px;

}





form {

	display: inline;

}

img {

	border: none;

}

em {

	color: #000000;

	font-style: normal;

}

h1 {

	color: #595959;

	font-size: 11px;

	font-weight: bold;

	margin:0px;

	padding:0px;

}

h2 {

	color: #000000;

	font-size: 11px;

	font-weight: normal;

	margin:0px;

	padding:0px;

}



/*

	Warstwy do wyśtwetlania powtarzanych bloków z tłami

*/

#RootHeader {

	position: absolute;

	width: 100%;

	height:139px;

	background-image: url(../imgs/bg_top.gif);

	background-color:#00529C;

}

#RootHeaderLeft {

	position: absolute;

	width: 50%;

	left:0px;

	height:139px;

	background-image: url(../imgs/bg_kropki_top.gif);

}

#RootStopka {

	position: absolute;

	width: 100%;

	height:65px;

	background-image: url(../imgs/bg_stopka.gif);

	visibility: hidden;

	background-color:#00529C;

}

/*

	Layout strony

*/

	#Cointainer {									/* warstwa pozycjonująca content strony */

		position: absolute;

		width: 760px;

		height:600px;

		left: 50%;

		top: 0px;

		margin-left: -380px;

	}

		#Cointainer #Logotyp{						/* warstwa z tłem do logotypu */

			width: 211px;

			height: 107px;

			background-repeat: no-repeat;

			background-image: url(../imgs/bg_logo.gif);

		}

			#Logotyp img{							/* logotyp */

			margin: 20px auto auto 42px;

			}

		#HeaderLeft {

			position: absolute;

			top:0px;

			left:211px;

			width:550px;

		}

		#HeaderLeft ul, #HeaderLeft li {			

			margin:0px;

			padding:0px;

			list-style: none;

		}

		#HeaderLeft ul {							/* menu górne */

			left:10px;

			height:113px;

			/*background-repeat: repeat-x;

			background-position: 0px 108px;*/

			/*background-image: url(../imgs/bg_header.gif);*/

		}



		#HeaderLeft li {

			float:left;

			height:108px;

			/*background-image: url(../imgs/bg_kropki.gif);*/

			/*background-repeat: repeat-y;*/

		}

		#HeaderLeft li a img {

			position: relative;

			top:78px;

		}

		.Ico {											/* Ikonka przy górnym menu  - wyłączona*/

			position: absolute;

			top:38px;

			margin-left: 8px;

			visibility: hidden;

		}

		.IcoOn {										/* Ikonka przy górnym menu  - włączona*/

			position: absolute;

			top: 38px;

			margin-left: 8px;

			visibility: visible;

		}

		/*#Cointainer p{

			padding:2px 16px;

		} */

		#Lokalizer {									/* lokalizer */

			height:32px;

			padding: 0 0 0 16px;

		}

		#Lokalizer p, #Lokalizer a {

			padding: 5px 0 0 0px;

			font-family: verdana, arial, sans-serif;

			color:#ffffff;

			font-size: 9px;

			text-decoration: none;

		}

		#Lokalizer a:hover{

			text-decoration: underline;

		}

		#LeftColumn {									/* lewa kolumna (ze zdjęciem) */

			float: left;

			width: 211px;

		}

		#CenterColumn {									/* środkowa kolumna z contentem */

			float: left;

			width: 352px;

			w\idth: 326px;

			left: 211px;

			/*height: 345px;   */

			margin-top:-7px;

			padding: 26px 13px 20px;

			background: #ffffff;

			background-image: url(../imgs/bg_kropki_content.gif);

		}

			#Print {

				float:left;

			}

			#Navigation {								/* góra - wstecz */

				float:right;

				text-align: right;

			}

				#Navigation #wstecz{ 

					margin-right: 5px;

				}

		#RightColumn {									/* prawa kolumna */

			float: left;

			width: 195px;

			height: 398px;

			background-image: url(../imgs/bg_right_column.gif);

			background-repeat: no-repeat;

		}

			#RightColumn .IcoKlienci{					/* ikonka przy graficznym headerze*/ 

				position:relative;

				top:-10px;

				left:161px;

				height:32px;

				text-align:left;

			}

				#RightColumn #Menu{						/* prawe menu */

					position:relative;

					top:-10px;

				}

					#Menu a,

					#Menu a.Activ {

						font-size: 9px;

						padding:2px 16px 2px 0px;

						display:block;

						text-align:right;

						width:197px;

						w\idth: 181px;

						line-height:16px;

						background-image: url(../imgs/arrow.gif);

						background-repeat: no-repeat;

						background-position: 188px 50%;

						text-decoration: none;

					}

					#Menu a:hover,

					#Menu a.Activ {

						background-color: #EFEFEF;

						text-decoration: none;

					}

					#Menu a.MenuSub,

					#Menu a.MenuSubActiv {

						width:197px;

						w\idth: 172px;

						padding:2px 25px 2px 0px;

						background-image: url(../imgs/arrow_3.gif);

						background-position: 179px 50%;

					}

					#Menu a.MenuSub:hover,

					#Menu a.MenuSubActiv { 

						background-color: #EFEFEF;

						text-decoration: none;

					}

				#Tel {									/* warstwa z ikoną i telefonem kontaktowym */

					position:absolute;

					font-size:10px;

					bottom:70px;

					left:50%;

					margin-left:182px;

					width: 197px;

					color: #052A71;

					text-align:right;

				}

				#Tel img{

					vertical-align:middle;

					margin:2px 4px 2px 5px;

				}



		#Stopka {										/* stopka */

			height: 65px;

			clear:both;

			color: #F3F3F3;

			z-index:1;

		}

			#Stopka a{

				color: #F3F3F3;

			}

			#Stopka #Opis{								/* pierwszy wiersz z napisami */

				height:30px;	 /*Odœwieżycz po stawieniu falsha i usunšć padding*/

				/*height: 20px;*/

				/*padding:10px 12px 0px;*/

				/*vertical-align: middle; */

				background-color: #00529C;

			}

			#Stopka #Opis2{								/* drugi wiersz z napisami */

				height:24px;

				padding:11px 9px 0 9px;

				color: #E3E3E3;

			}

				#Opis2 a{

					color: #E3E3E3;

					}

				#Copyright{

					float:left;

					width:50%;

				}

				#Mapa{

					float:right;

					text-align:right;

				}



/*

	Style do scrollera

*/

	

#scroller {

	position: relative;

	top: 0px;

	left: 0px;

	width: 326px;

	height: 294px;

}

	#scrollerContent {

		z-index:80;

		position:absolute;

		overflow:hidden;

		left:5px;

		width:326px;

		height:294px;

	}



	div#scrollerContent[id=scrollerContent] {

		overflow:-moz-scrollbars-none;

	}

		#scrollerData {

			z-index:85;

			position:absolute;

			top:0px;

			width:300px;

		}

	#scrollerFloater {

		position:absolute;

		z-index:80;

		left:319px;

		top:18px;

		width:4px;

		height:260px;

		background: url(../imgs/scroller/bg_floater.gif) center repeat-y;

		/*background: #a5a5a5; */

		visibility: hidden;

	}

	#scrollerFloater[id="scrollerFloater"]{

		width:3px;

	}

		#scrollerHandler {

			position: absolute;

			left:0;

			width:3px;

			height:1px;

			

			background: url(../imgs/scroller/bg_handler.gif) center repeat-y;

		}

	#scrollerScrollup {

		z-index:100;

		position:absolute;

		/*visibility:hidden;*/

		left:315px;

		width:11px;

		height:18px;

	}

	#scrollerScrolldown {

		z-index:100;

		position:absolute;

		/*visibility:hidden;*/

		left:315px;

		top:276px;

		width:11px;

		height:18px;

	}

	#scrollerScrollup img, #scrollerScrolldown img {

		display: block;

	}
	.menuhor {
		background:url(../imgs/bg_top.gif) left top repeat-x;
		/*background-image: url(../imgs/bg_top.gif);*/
	}
	.menuhor li {
		padding:6px;
		background-image: url(../imgs/bg_kropki.gif);
		background-repeat: repeat-y;
		
	}
	.menuhor li a.textlink  {
		display:block;
		margin:88px 40px 0 5px;
		text-decoration:none;
		font-family: "tahoma", helvetica, arial, sans-serif;
		text-transform:uppercase;
		font-size:11px;
		color:#666666;
	}
	
	a, a:visited, a:active {				/* Podstawowy styl linków */

	color: #565656;

	text-decoration: underline;

}

a:hover {

	text-decoration: none;

}