@import "reset.css";

body {
	background: #f1efea;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #373737;
	line-height: 20px;
text-align: justify;
}
strong {font-weight: bold;}


b {font-weight: bold; color: #ffff80;}



a {color: #fff; text-decoration: none;}
a:hover {color: #fff; text-decoration: underline;}

a.sub {color: #373737; text-decoration: none;}
a.sub:hover {color: #373737; text-decoration: underline;}

#oferta {margin: 20px 0 0 0; font-style: italic; border-top: 1px dotted #c0c0c0;}


h1 {float: left; margin: 10px 0 10px 0; font-size: 20px; clear: both;}
h2 {float: left; margin: 20px 0 0 0; padding: 0; font-size: 15px; font-weight: bold;}


.uldwa {margin: 0 0 0 30px; list-style: disc;}
.oldwa {margin: 10px 0 10px 30px; list-style: decimal;}

.liakty {background: url(../images/aktprawny.gif) left no-repeat; padding: 10px 0 10px 40px;}



.table0 {clear: both;}

.tablenr {width: 20px; text-align: center; border-left: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0;}
.table1 {width: 320px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0;}
.table2 {width: 70px; text-align: center; border-right: 1px solid #fff; border-bottom: 1px solid #fff; vertical-align: middle; font-size: 14px; font-weight: bold; padding: 5px 0;}


.tablenra {width: 20px; text-align: center; border: 1px solid #fff; padding: 5px 0; font-weight: bold;}
.table1a {width: 320px; text-align: center; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0; font-weight: bold;}
.table2a {width: 70px; text-align: center; border-top: 1px solid #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 5px 0; font-weight: bold;}




#container { position:relative; padding-left: 18px; width: 995px; margin: 0 auto; }
	#header {
		float: left;
		background: url(../img/header_bg.jpg) no-repeat;
		width: 970px;
		height: 277px;
		position: relative;
		margin-top: 11px;
		}
		
#header.tlo2 {background: url(../img/header_bg2.jpg) no-repeat;}		
		
		#header img.logo {
			position: absolute;
			left: -18px;
			top: 9px;
			}
		#header img.nagl {
			position: absolute;
			top: 30px;
			right: 102px;
			}

	#menu {
		float: left;
		width: 883px;
		height: 76px;
		background: url(../img/menu_bg.jpg) no-repeat;
		position: relative;
		}
		#menu h4 {
			position: absolute;
			top: 25px;
			right: 75px;
			font-size: 11px;
			font-weight: bold;
			}
		#menu ul {
			position: absolute;
			height: 52px;
			top: 24px;
			left: 39px;
			}
			#menu ul li {
				float: left;
				}
				#menu ul li a {
					float: left;
					height: 52px;
					text-indent: -900%;
					font-size: 0px;
					text-decoration: none;
					}
					#menu ul li.przeg a { background:url(../img/m_przbud.gif) no-repeat; width: 154px;}
						#menu ul li.przeg a:hover { background:url(../img/m_przbudx.gif);}
					#menu ul li.pomel a { background: url(../img/m_pomel.gif) no-repeat; width: 158px;}
						#menu ul li.pomel a:hover { background: url(../img/m_pomelx.gif);}
					#menu ul li.ceren a { background:url(../img/m_cert.gif) no-repeat; width: 179px;}
						#menu ul li.ceren a:hover { background:url(../img/m_certx.gif);}
	#content {
		float: left;
		width: 995px;
		background: url(../img/content_bg.jpg) no-repeat 0 0;
		padding-bottom: 20px;
		}
		#content, #container { width: 990px;}
		#content #aboutus {
			float: left;
			height: 197px;
			width: 883px;
			}
			#content #aboutus #image {
				float: left;
				background: url(../img/aboutusbg.jpg) no-repeat;
				width: 559px;
				height: 197px;
				}
			#content #aboutus #info {
				float: left;
				background: url(../img/boutus.jpg) no-repeat;
				width: 286px;
				height: 176px;
				color: #fff;
				line-height: 20px;
				padding-left: 38px;
				padding-top: 21px;
				}
				#content #aboutus #info h3 {
					float: left;
					background: url(../img/h3onas.gif) no-repeat;
					width: 63px;
					height: 14px;
					text-indent: -900%;
					font-size: 0px;
					}
				#content #aboutus #info h4 {
					float: left;
					font-size: 11px;
					font-weight: bold;
					padding-top: 10px;
					width: 286px;
					}
				#content #aboutus #info p {
					float: left;
					width: 286px;
					}
				#content #aboutus #info a {
					font-weight: bold;
					color: #fff;
					text-decoration: none;
					}
					#content #aboutus #info a:hover {
						text-decoration: underline;
						}
		#content #navigation {
			float: left;
			width: 832px;
			height: 26px;
			padding-left: 51px;
			position: relative;
			padding-top: 16px;

			}
			#content #navigation ul {
				position: absolute;
				left: 351px;
				top: 16px;
				}
				#content #navigation ul li {
					float: left;
					background: url(../img/ullia.gif) no-repeat right;
					padding-right: 19px;
					}
					#content #navigation ul li.last-child {
						padding-right: 0px;
						background: none;
						}
					#content #navigation ul li a {
						color: #373737;
						font-weight: bold;
						padding-left: 19px;
						text-decoration: none;
						float: left;
						}
						#content #navigation ul li a:hover, #content #navigation ul li a.act {
							color:#bc2856;
							}
	#content #left {
		float: left;
		width: 318px;
		background: #fff url(../img/leftbg.jpg) no-repeat bottom left;
		padding-bottom:50px;
		margin-top: 27px;
		}
		#content #left h4 {	
			height: 31px;
			width: 215px;
			text-indent: -999%;
			font-size: 0px;
			float: left;
			display: inline;
			margin-left:47px;
			background: url(../img/h4_odz.gif) no-repeat;
			}
		#content #left p {
			float: left;
			margin-left: 50px;
			margin-top: 10px;
			padding-top: 5px;
			display: inline;
			}
			#content #left p a {
				color: #bc2856;
				text-decoration: none;
				}
				#content #left p a:hover { text-decoration: underline;}
			#content #left .mapka {
				float: left;
				display: inline;
				margin-left: 75px;
				margin-top: 5px;
				}
				
			#content #left .cols {
				float: left;
				display: inline;
				margin-left: 50px;
				}
				.col {
					float: left;
					width: 130px;
					padding: 0;
					}
					#content #left .col p {
						padding: 0;
						margin: 0;
						width: 130px;
						text-align: left;
						padding-top: 5px;
						padding-bottom: 10px;
						}
	#content #right {
		float: left;
		width: 463px;
		background: #bc2856 url(../img/rightbg.jpg) no-repeat bottom left;
		margin-top: 13px;
		padding-left: 42px;
		color: #fff;
		padding-right:60px;
		padding-top: 15px;
		padding-bottom: 50px;
		minheight: 500px;
		}
		#content #right p {
			padding-top: 10px;
			padding-bottom: 5px;
			padding-left: 3px;
			width: 480px;
			float: left;
			}
		#content #right h1 {
			float: left;
			margin: 10px 0 10px 0;
			font-size: 20px;
			clear: both;
			}


	#footer {
		float: left;
		width: 883px;
		height: 55px;
		background: #fff;
		border-bottom: 4px solid #bc2856;
		position: relative;
		}
		#footer p {
			position: absolute;
			text-align: right;
			top: 10px;
			right: 32px;
			}
		#footer a {
			color:#373737;
			font-weight: bold;
			text-decoration: none;
			}
			
			
			#footer ul {
				position: absolute;
				left: 61px;
				top: 20px;
				}
				#footer ul li {
					float: left;
					background: url(../img/ullia.gif) no-repeat right;
					padding-right: 19px;
					}
					#footer ul li.last-child {
						padding-right: 0px;
						background: none;
						}
					#footer ul li a {
						color: #373737;
						font-weight: bold;
						padding-left: 19px;
						text-decoration: none;
						float: left;
						}
						#footer ul li a:hover {
							color:#bc2856;
							}
		#odstep {
			float: left;
			width: 560px;
			height: 30px;
			}
			
#header #boutus {
				position: absolute;
				width: 375px;
				top: 122px;
				left: 50px;
				}
				
				
			#header #boutus h3 {
				float: left;
				height: 14px;
				font-size: 15px;
				margin-bottom: 10px;
				font-weight: bold;
				}
			#header #boutus p {
				float: left;
				width: 370px;
				padding-left: 6px;
				line-height:20px;
				}
				
				
			#header #boutus p.drugie {
				float: left;
				width: 250px;
				padding-left: 6px;
				line-height:18px;
				}
				
				
				#header #boutus p a { text-decoration: none; font-weight: bold; color: #373737; }
				#header #boutus p span { float: left; width: 370px;}
			#header #img {
				position: absolute;
				right: 87px; top: 82px;
				}