@charset "UTF-8";
/* CSS Document */
* { border: 0px solid blue; }
body, ul, li { margin: 0; padding: 0; }

body { font: 12px/18px "Arial CE", Arial, Helvetica, sans-serif; background: #f8f8f8 url(../images/top-bg.gif) repeat-x 0 0; }
a { color: #390; }
img { border: none; }

#Container { margin: 0px auto; width: 940px !important; width/**/:900px; }
	#leftColumn { float: left; width: 310px; }
		#logo { width: 310px; height: 150px; background: url(../images/logo-bg.gif) no-repeat right bottom; text-align: left; }
		#logo img { margin-top: 30px;  }
		#leftColumn .content { float: left; width: 310px; background: url(../images/leftColumn-bg.gif) no-repeat right top; }
		
		#leftColumn .content span  { display: block; font-size: 11px; line-height: 13px;  float: left; clear: both; margin: 15px 0 0 5px ; width: 250px; padding: 0 0 5px 0; border-bottom: 1px solid #959595;  }
		#leftColumn .content span code { display: block; float: left;  width: 50px; border: 1px solid #d2d2d2; background-color: #fff; padding: 8px 1px 1px 1px; text-align: center; font-family: "Times New Roman CE", "Times CE", Times New Roman, Times, serif; font-size: 24px;  }
		#leftColumn .content span code em { display: block; float: left; clear: both; margin-top: 8px; font-size: 11px; font-style: normal; text-align: center; width: 100%; background: #390 url(../images/cal-bg.gif) repeat-y center top; color: #fff;  }
		#leftColumn .content span b {  display: block;  float: left;  margin: 5px 0 0 15px; width: 160px;   }
		#leftColumn .content span p { display: block; width: 230px; float: left; margin: 10px 0px 0px 0px; padding-bottom: 10px; clear: both;  color: #8c8c8c;  }
		
		
	#rightColumn {  float: right; width: 630px; }
		#rightColumn .top { width: 630px; height: 150px;  background: url(../images/menu-bg.gif) no-repeat left top; }
			#rightColumn .top ul { float: left; margin: 115px 0 0 0;  list-style: none; }
				#rightColumn .top ul li { float: left; }
				#rightColumn .top ul li a { display: block; width: 102px; height: 35px; text-indent: -9999999px; }
				#rightColumn .top ul li a.home { background: url(../images/menu-home.gif) no-repeat 0 0; }
				#rightColumn .top ul li a.firma { background: url(../images/menu-firma.gif) no-repeat 0 0; }
				#rightColumn .top ul li a.oferta { background: url(../images/menu-oferta.gif) no-repeat 0 0; }
				#rightColumn .top ul li a.cennik { background: url(../images/menu-cennik.gif) no-repeat 0 0; }
				#rightColumn .top ul li a.klienci { background: url(../images/menu-klienci.gif) no-repeat 0 0; }
				#rightColumn .top ul li a.kontakt { background: url(../images/menu-kontakt.gif) no-repeat 0 0; }
				#rightColumn .top ul li a:hover { background-position: 0px -35px; }
				#rightColumn .top ul li a.active { background-position: 0px -35px; cursor: default; }
	
	#rightColumn .content { float: left; padding: 20px 10px 1px 10px; background-color: #fff;  width: 700px; }
		.offerBox { float: left; width: 174px; height: 235px; background: url(../images/offerBox.jpg) no-repeat 0 0; }
  		.offerBox img { float: left; margin: 10px 30px 4px 15px; }
      .offerBox img.badania_kierowcow { margin: 34px 57px 4px; }
      .offerBox img.badania_operatorow { margin: 32px 18px 4px; }
      .offerBox img.szkolenia_glowna { margin: 32px 36px 4px; }
			.offerBox img.szkolenia_nabron { margin: 32px 57px 4px; }
		 
		#rightColumn .content1 { float: left; padding: 1px 90px 1px 0px; background-color: #fff;  width: 600px; }
		.offerBox1 { float: left; width: 198px; height: 240px; background: url(../images/offerBox.jpg) no-repeat 0 0; }
  		.offerBox1 img { float: left; margin: 10px 50px 11px 25px; }
      .offerBox1 img.szkolenia_glowna { margin: 32px 46px 4px; }
			
		#rightColumn .content2 { float: left; padding: 1px 90px 1px 0px; background-color: #fff;  width: 600px; }
		.offerBox2 { float: left; width: 148px; height: 240px; background: url(../images/offerBox2.jpg) no-repeat 0 0; }
  		.offerBox2 img { float: left; margin: 10px 50px 11px 25px; }
      .offerBox2 img.szkolenia_glowna { margin: 32px 46px 4px; }
	
		#rightColumn .content p { float: left; margin: 20px 0 0 24px !important;  margin/**/: 20px 0 0 12px;  clear: both; width: 530px; text-align: justify;  }	
		hr { float: left; padding: 0;margin: 20px 0 0 24px !important;  margin/**/: 20px 0 0 0px; clear: both; width: 530px !important; width/**/: 500px; border: none; border-top: 1px solid #ccc;  }	
		#rightColumn .content p img.right { float: right; margin: 0px 0px 20px 20px; }	
		#rightColumn .content ol { float: left; clear: both; width: 500px; margin: 20px 0 0 44px !important; margin: 20px 0 0 10px; padding/**/: 0 0 0 30px; list-style: decimal;}
		#rightColumn .content ul {  margin: 20px 0 0 44px; padding: 0;}
		#HomePage #rightColumn .content p { margin: 20px 0 0 4px !important; margin/**/: 20px 0 0 4px;  width: 580px;  }	
		#HomePage #rightColumn .content ul { float: left; width: 250px; margin: 40px 40px 0 0; list-style: none; padding: 0px; border-bottom: 1px solid #b2b2b2; }	
		#HomePage #rightColumn .content ul li  { float: left; border-top: 1px solid #b2b2b2; width: 230px; padding: 5px 0px 5px 15px; color: #390; background: url(../images/li.gif) no-repeat 0px 8px;    }	
		
		.offerlink { float: left; width: 200px; height: 160px;  margin: 20px 0 0 64px !important;  margin/**/: 20px 0 0 32px; text-align: center;  }
		.offerlink a img { border: none; float: left;  } 
		.offerlink a { text-decoration: none;float: left; width: 200px; height: 160px; display: block; line-height: 26px; font-weight: bold; }
		.offerlink a:hover { color:#FFCC00; }
				
		.roundbox { float: left; margin: 40px 0px 0px 0px; width: 261px; background: url(../images/welcomeBox-bg.gif) no-repeat 0 0; }
		.roundboxCloseup { float: left; width: 261px; height: 20px; background: url(../images/welcomeBox-closeup.gif) no-repeat 0 0; line-height: 1px; font-size: 1px;  }
		.roundbox p.otwarty { float: left; clear: both;  width: 20px; margin: 10px 5px 0 30px !important; margin/**/: 10px 5px 0 15px; padding: 0px;  height: 20px;  background: url(../images/cudzy-otwarty.gif) no-repeat top left; border: 0px;   }
		.roundbox p { float: left; width: 180px; color: #339900; margin: 10px 10px 0px 0px; background: url(../images/cudzy-zamkniety.gif) no-repeat bottom right;  }
		.roundbox ul li p { float: left; width: 180px; color: #000; margin: 10px 10px 0px 20px !important; margin/**/: 10px 10px 0px 10px;  background: none; }
		.roundbox h1 { float: left; margin: 40px 0px 0px 30px !important; margin/**/: 40px 0px 0px 15px;  }
		
		.roundbox ul { float: left; margin: 40px 0px 20px 30px !important; margin/**/: 40px 0px 20px 15px;  width: 200px; padding: 0; list-style: none;  border-bottom: 1px solid #e2e2e2;}
		.roundbox ul li { float: left; }
		.roundbox ul li a { float: left; display: block; float: left; width: 180px;  padding: 8px 0px 8px 20px; border-top: 1px solid #e2e2e2; font-weight: bold; text-decoration: none; background: url(../images/li.gif) no-repeat 0px 10px;}
		.roundbox ul li p a { width: 160px; border: none; }
		.roundbox ul li a:hover { background-color: #fcffe0; }
		.roundbox ul li a.active { background-color: #fcffe0; cursor: default; }
		
		#leftColumn a.more { float: right; margin: 20px 30px 10px 0 !important; margin/**/: 20px 15px 10px 0; }
	
	
	
	#footer { margin: 40px auto; width: 900px !important; width/**/:900px;  color: #aeaeae; text-align: center; font-size: 9px; border-top: 1px solid #e4e4e4; }
    #footer h1 { font-size: 8pt; font-weight: normal; color: #8e8e8e; } 
    #footer h1 a { font-size: 8pt; font-weight: normal; text-decoration: none; color: #8e8e8e; }
    #footer h1 a:hover { text-decoration: underline; }



img.witamy { margin: 42px 30px 0; }
img.nowoczesne {   margin: 28px 4px 0; } 
img.aktualnosci  { margin: 28px 6px 0; } 
#rightColumn h1.aktualnosci { margin-left: 25px !important; margin-left/**/: 12px; }
h1.oferta  {   margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px; width: 394px; height: 22px; text-indent: -999999px; background: url(../images/h1-oferta.gif) no-repeat 0 0; }
h1.sprzet  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 194px; height: 22px; text-indent: -999999px; background: url(../images/h1-sprzet.gif) no-repeat 0 0; }
h1.podstawa  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 194px; height: 22px; text-indent: -999999px; background: url(../images/h1-podstawa.gif) no-repeat 0 0; }
h1.cennik  {  margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px; width: 194px; height: 22px; text-indent: -999999px; background: url(../images/h1-cennik.gif) no-repeat 0 0; }
h1.szkolenia  {  margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px; width: 244px; height: 22px; text-indent: -999999px; background: url(../images/h1-szkolenia.gif) no-repeat 0 0; }
h1.testy  {  margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px; width: 244px; height: 22px; text-indent: -999999px; background: url(../images/h1-testy.gif) no-repeat 0 0; }
h1.operatorzy  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 334px; height: 22px; text-indent: -999999px; background: url(../images/h1-operatorzy.gif) no-repeat 0 0; }
h1.kierowcy  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 334px; height: 22px; text-indent: -999999px; background: url(../images/h1-kierowcy.gif) no-repeat 0 0; }
h1.kontakt  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 334px; height: 22px; text-indent: -999999px; background: url(../images/h1-kontakt.gif) no-repeat 0 0; }
h1.klienci  { margin: 30px 0 0 25px !important;  margin/**/: 30px 0 0 12px;  width: 334px; height: 22px; text-indent: -999999px; background: url(../images/h1-klienci.gif) no-repeat 0 0; }

#HomePage #rightColumn .content h1.nowoczesne {margin: 30px 0 0 5px !important;  margin/**/: 30px 0 0 5px; }

.logo { float: left; margin-right: 20px; margin-bottom: 30px;  }
.more  { display: block; font-weight: bold; padding: 0 0 0 18px; background: url(../images/a-more.gif) no-repeat 0px 3px; }
.button { float: left; display: block; text-indent: -99999999px; }
.zobaczOferte { width: 138px; height: 27px; margin-left: 30px !important; margin-left/**/: 15px; background: url(../images/button-zobacz.gif) no-repeat 0 0; }
.zobaczOferte:hover { background-position: 0px -27px; }


/* Google maps */
#google_map
{
	float: left;
	width: 530px;
	height: 380px;
	border: 1px solid #CCCCCC;
	margin: 10px 0 40px 24px !important;
	margin/**/: 10px 0 40px 12px;
}

#google_maker_msg
{
	display: block;
}