body {
	margin:20px auto;
	padding:0;
	font: normal 12px Arial, Helvetica, sans-serif;
	background:#fff url(images/background.gif) repeat-x 0 0;
	text-align:left;
}

div.buttons {
padding-bottom:15px;
background:#f1f4fb url(images/menu_bg.gif) no-repeat 0 100%;
}

table.ref td {padding:5px;text-align:center;}

/* common */

	img.ref { border:1px solid #ddd }
	
	a { outline:none }
	
	a.link:visited, a.link {color:#4265D6;font-family:tahoma;font-size:8pt;text-decoration:underline;}
	a.link:hover {color:#4265D6;font-size:8pt; text-decoration:underline}
	
	img { border:0 }
	

        p { 
          color: #888; 
          line-height:16px; 
          font-size:11px;
          margin:0; padding:0;
        }

        h1 {
        }

        h2 {
          font-family: Arial, sans-serif;
          font-weight:normal;
          font-size:18px;
          color:#4a78a9;
          margin:20px 0 6px; padding:0;
        }

	h1.pie {
		padding:73px 0 0 33px;
		font:normal 9px Tahoma, Geneva, Verdana, sans-serif; 
		color:#fff;
		text-align:left
	}
	
	h3 {
		margin:8px 0px 15px 0px;
		padding:0;
		font:11px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#e7f0f9
	}
          */
	


/* zdjecia */

	.o2 { border:none }


/*warstwy:*/
	
	.c1 { text-align:center }
	.c2 { width:978px; margin:0 auto }
	
	.wglowna{
		margin:0;
		padding:0 20px;
                float:left;
		width:545px;
	}

        div.left-column {
          float:left;
          width:195px;
          background:#f1f4fb;
          height:600px;

        }

        div.right-column {
          float:right;
          width:195px;
          height:600px;
          background:#f1f4fb;
        }
		
		
	.adres {
		position:relative; 
		top:20px;
		left:10px;
		background:url(images/kontakt_bg.gif) no-repeat 0 0;
		width:186px; 
		height:150px;
		text-align:center;
		padding-top:40px;
		color:#fff;
		line-height:16px
	}
	
	.tlo {
		position:relative;
		width:978px;
		height:600px		
	}


.lewa{width:186px}

.obrazki {
	position:absolute;
	top:20px;
	right:33px;
	width:125px
        background:#f1f4fb;
}

.slup {position:absolute; top: 293px; width:187px}

/*tekst:*/

	.opis{FONT-SIZE: 12px; color: #003333;FONT-FAMILY: tahoma;text-align: justify;font-weight:normal;letter-spacing:2px}
	
	.st {
		font:18px Arial, "Helvetica Neue", Helvetica, sans-serif;
		color:#4a78a9;
		text-align:left;
		padding:5px 0
	}
	
	.st img, .txn img { display:none }
	
	h2.h2 {
	  text-align:center;
	  font:9px Arial, "Helvetica Neue", Helvetica, sans-serif;
	  padding:5px 0 0;
	  color: #fff;
	  margin:0
	}

	.tyt {
		font:bold 24px Calibri, Arial; 
		color: #75a0c7; 
		text-align:center; 
		line-height:24px;
		padding:20px 0;
		margin:0
	}
	
	.txn {
		margin:0 0 20px 0;
		font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-align:justify;
		color:#888
	}
	
	.txr{margin-top:0px;margin-bottom:25px;FONT-SIZE: 8pt; FONT-FAMILY: arial; font-weight: normal;text-align:center}
	.txl{margin-top:0px;margin-bottom:25px;FONT-SIZE: 8pt; FONT-FAMILY: arial; font-weight: normal;text-align:left}
	
	.nav{font-size: 16pt; letter-spacing:1.5pt;text-align: right; font-family: arial; font-weight:bold}
	
	.right {text-align: right}
	.center {text-align: center}


TABLE {	
   BORDER-TOP-WIDTH: 0px; 
   BORDER-LEFT-WIDTH: 0px; 
   BORDER-BOTTOM-WIDTH: 0px; 
   FONT: 11px Tahoma; 
   COLOR: #4c4c4c; 
   BORDER-COLLAPSE: collapse; 
   BORDER-RIGHT-WIDTH: 0px;
   background: url(images/p3.jpg); 
   background-repeat: repeat-y;
}

TD {PADDING: 0}

.tb1 TD {BORDER-RIGHT: #e3e3e3 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e3e3e3 1px solid; PADDING-LEFT: 4px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; BORDER-LEFT: #e3e3e3 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #e3e3e3 1px solid
}


.top td { 
	background:url(images/top.jpg); 
	height:134px;
	line-height:2px;
}

.top0 td { 
	height:37px; 
	background:url(images/top0.gif) no-repeat 0 0;
	padding-left:9px
}



.main TD {background: url(EL%20Professional%20-%20instalacje%20elektryczne,%20energetyka,%20przewierty,%20przeciski%20bezwykopowe_pliki/images/main.jpg); width:800px; height: 370px;background-repeat: no-repeat;}

.pas1 td {
	height:37px;
	background:url(images/pas1_bg.gif) no-repeat 0 bottom; 
	font:10px;
	text-align:center
}

.pas2 td { display:none }

.pas3 td, .pas5 td { background:#fff url(images/wglowna_bg.gif) repeat-y 0 0 }


.tab1 TR {vertical-align:top;background: url(EL%20Professional%20-%20instalacje%20elektryczne,%20energetyka,%20przewierty,%20przeciski%20bezwykopowe_pliki/images/p3.jpg);background-repeat: repeat-y}

.pas4 td {
	height:60px;
	background:url(images/footer_bg.gif) no-repeat 0 0;
}



/*menu*/
	
	.buttonscontainer {
		width:186px;
		padding-left:10px;
                background:#f1f4fb;
	}
	
	.buttons a {
		width:166px;
		height:22px;
		color:#fff;
		background:#333 url(images/menu_btn_bg_off.gif) no-repeat 0 0;
		padding:8px 0 0 20px;
		display:block;
		font:normal 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
		text-decoration:none;
		text-align:left;
		overflow:hidden
	}
	
	.buttons a:hover {
		background:#333 url(images/menu_btn_bg_on.gif) no-repeat 0 0;
		text-decoration: none;
	}

	.baner { 
		width:187px;
		height:400px;
	}
	
	a.toplink {
		width:192px;
		height:37px;
		display:block;
		text-indent:-5000px;
		float:left;
	}

/* formularz kontaktowy */

	#kontakt_form {
		clear:both;
		text-align:left;
		font-weight:bold;
		font-size:11px;
		padding:6px
	}
	
	#kontakt_form table {
		width:400px;
		margin:0 auto;
		border-collapse:separate;
		background:#E3ECF5
	}
	
	#kontakt_form td {
		padding:6px;
		vertical-align:middle;
		background:#f1f4fb
	}
	
	#kontakt_form input, #kontakt_form textarea {
		width:220px;
		border:1px solid #ccc;
		padding:3px
	}
	
	#kontakt_form textarea{ width:290px }

	#kontakt_form td.right {
		text-align:right;
		width:80px
	}
	
	#kontakt_form input.submit {
		font-size:10px;
		margin-left:94px;
		width:100px;
		border:1px solid #ccc;
		background:#fff;
		cursor:pointer
	}