body { background: url(images/tlo.gif) repeat-x #FFFFFF;	color: #101010; margin: 0px;	padding: 0px; font: normal 12px Verdana, Arial;}

#kontener { min-height: 500px; background: #ffffff; padding: 20px 10px; max-width: 840px;
border-left: 1px solid #D0D0FF;border-right: 1px solid #D0D0FF;border-bottom: 1px solid #D0D0FF; 
box-shadow: 0 2px 7px #888888;}

#kontener, #header,#footer, #main { margin: 0 auto;  }
#kontener,#header,#menu { width: 85%;max-width: 1300px;position: relative;}

#menu-kontener {background: url(images/tlo_menu.gif) repeat-x #0000D0; height: 34px; z-index: 900; position: relative;
box-shadow:  0 3px 7px #555555;}

a {color: #D52; text-decoration: none;}
a:hover { color: #050;  text-decoration: underline; }

#header h1{margin:0; font-size:18px; height: 129px}
#header a{ width: 286px;height: 0px;padding-top:129px;background: url(/images/logo.png);display:block; overflow: hidden;}
#header {min-width: 840px}
#footer { clear:both;}
#left { width : 200px; height : auto;	float : left; }
#main { color : #505070;	text-align: justify; padding-left: 10px; padding-right: 10px;  max-width: 900px;
overflow: hidden;}

#left { overflow: hidden}
#menu { display:block; position: relative; margin: 0px 0px 0px 100px; right:2000px; list-style:none; min-width: 800px}

#aoferta-kontener {position: relative;margin: 0 auto;width: 610px; overflow: hidden;}

#aoferta-kontener, .shback {height: 250px;}

.shback, img.ao, #aoferta {  position: absolute; left: 0; top: 0; }

#aoferta{ list-style: none outside none; padding: 2px; margin: 0px ; z-index: 900; }
#aoferta a { color: #FFFFFF; padding: 3px 5px 4px 5px; position: relative; z-index: 920;display: block;
 border-top-left-radius:9px;border-bottom-left-radius:9px; text-decoration: none;}
#aoferta li { color: #FFFFFF;   overflow: hidden; position: relative; width:258px; text-align: left}
#aoferta,.shback { width: 260px;}

#aoferta a.sel { background: #FFFFFF; color: #000000;  opacity: 0.8;}

.shback { opacity: 0.7; background-color: #000;  z-index: 890; }

.sub-menu { position: absolute; top: 34px; background:   #2000D0;  color: #fff; z-index: 990;
padding: 0px; box-shadow: 5px 5px 5px #303030; min-width: 150px; width:100% ;list-style: none;
border-bottom-right-radius:6px;border-bottom-left-radius: 6px; opacity: .9;
}
.sub-menu li { display: block; position: relative}
a.smenu { display:block; font: bold 12px verdana,arial; color: #FFFFFF;border-radius: 5px;
padding: 5px; text-decoration: none;  
    margin: 2px 3px;
    background: #4040fF;
    text-shadow: 1px 1px 1px #555555;
}

#zaklad { right: 0px; position: absolute; top: 0px;  }
.tmenu,.tmenu > a{ display: block; position: relative; height: 34px; float: left}

.tmenu > a > img { position: absolute; top:0px; left:0px; border: none}
.cleaner { clear: both}

#ikon-kontener { width: 100%; height: 150px;   padding-top: 20px;position: relative;  }
.left-ikon{ display: block;  margin: 0 auto;text-align: center; position: absolute;width: 100%;}
.left-ikon img {padding: 6px; border: 1px dotted #b0b0b0;}
#toph { background: url(images/top2.gif) no-repeat center top; height: 7px; margin: 0; padding: 0;}

#right_side { margin : 0px; width : 776px; height : auto;	float : right; }
#logo { height: 81px; width: 200px; background:  url(images/logo_2.gif) no-repeat left top;  }
#tresc { padding :  40px; 	margin: 0px;  width: 696px;		}
#left_menu { 	background: url(images/menu_left.gif) repeat-x left top;	padding: 0; margin: 0; height: auto; width: 200px;	}
#adres { padding : 0px 0px 20px 10px; 	margin-top: 40px;  height: auto; width: auto;	font-size:12px;	text-align: left; }
#bottom { background: url(images/bottom2.gif) no-repeat center top; height: 7px; margin: 0; padding: 0; clear: both; }
#add { color: #7070f0; margin-top:40px; font-size:10px}

.nav { clear: both; text-align: left; color: 	#505097; padding: 0; }
.nav li {  margin: 0 0 8px 0; padding: 0 0 0 5px;  border-bottom: 1px solid #A0A0C0; line-height:16px; position: relative }
.nav li a { color: #404090; text-decoration: none;  padding: 0 0 0 5px;}
.nav li a:hover { color: #F0F000; text-decoration: none;  padding: 0 0 0 5px;}
.nav ul { margin: 0px 0px 0px 5px; padding : 20px 0px 0; list-style : none;  }

.nav2 { margin-left: 350px; margin-top:10px; text-align: left; width: 160px; color: 	#505097; padding: 0; }
.nav2 li {  margin: 0 0 8px 0; padding: 0 0 0 5px;  border-bottom: 1px solid #AAc;  }
.nav2 li a { color: #404090; text-decoration: none;  padding: 0 0 0 5px;}
.nav2 li a:hover { color: #F0F000; text-decoration: none;  padding: 0 0 0 5px;}
.nav2 ul { margin: 0px 0px 0px 5px; padding : 0px 0px 0; list-style : none;  }

li a { color: #505070; text-decoration: none; }
li { line-height:18px;}

h1 { padding: 0 0 0 10px; margin:0; color: #202080; background: inherit;font: bold 20px Arial, Sans-Serif;  }
h2 { 
	padding: 0 0 0 10px; margin: 20px 0 0 10px; 
	color: #5050a0; background: inherit;
	font: bold 14px Verdana, Arial, Sans-Serif;  
	border-left: 3px solid #303090; border-bottom: 1px solid #303090;
	}
h2.tr {
  display: inline;  font: normal  12px Verdana, Arial;
  border: none; color: inherit; margin: 0px; padding: 0px; clear: none;page-break-before:avoid;
}
.ikon { text-align:center; padding: 6px; border: 1px dotted #b0b0b0;    margin: 0 auto; position: relative;}
.referencja { 
	font: italic 12px Verdana, Arial, Sans-Serif;
	color: #505050;	background-color: #E5E5FF;
	padding :20px;	margin : 0px 0px 0px 10px;
}

.podpis {	text-align: center; width:200px; margin: 20px 0px 0px 300px; }
.realizacje li { padding-bottom: 10px; }