body {margin: 0; background: url(/images/gora.png) no-repeat top; font-family: Tahoma; font-size: 11px; color: #424141;}

#kontener {margin: auto; width: 690px;}

#menu {margin: 305px 0 8px 0; background: #363636; padding: 20px 15px 0 15px; height: 29px; list-style: none; text-transform: uppercase; font-size: 11px; font-weight: bold;}
#menu li {float: left; width: 129px; text-align: center; border-right: 2px solid #000;}
#menu li.pierwszy {border-left: 2px solid #000;}
#menu li a {color: #fff; text-decoration: none;}
#menu li a:hover {background-color: #666;}

#tresc p {margin: 0 10px 1em 10px;}
#tresc a {color: #a52d28;}

.ramka {margin-bottom: 2px; border: 1px solid #e1dfdf; padding: 12px;}
.ramka1 {display: block; border: 1px solid #eaeaea; padding: 3px;}
.ramka2 {display: block; border: 1px solid #f2f2f2;}
.ramka3 {display: block; border: 1px solid #f9f9f9;}
.ramkafirma {margin-bottom: 2px; border: 1px solid #e1dfdf; padding: 12px; background: url(/images/pencil1.jpg) no-repeat bottom left;}

#glowna-oFirmie {float: left; width: 201px;}
#glowna-realizacje {float: left; margin: 0 12px 10px; padding: 0; width: 212px; list-style: none; text-align: center;}
#glowna-realizacje li {margin-top: 1em;}
#glowna-realizacje img {display: block; border: 0;}
#glowna-realizacje a {color: #526b8d;}
#glowna-kontakt {float: right; width: 201px;}
#glowna-kontakt p {margin: 0; padding: 0;}
#glowna-mapka {clear: right; float: right; margin-top: 2px; width: 201px;}

.realizacje {margin: 0 auto 10px; width: 430px; list-style: none;}
.realizacje li {clear: both;}
.realizacje img {display: block; border: 0;}
.realizacje .obraz {padding-top: 1em; width: 212px; text-align: center;}
.realizacje .obraz a {color: #526b8d;}
.realizacje .opis {float: right; margin-bottom: 1em; background: url(/images/opis.png); padding: 9px 23px 0 23px; width: 167px; height: 169px; text-align: left;}
.realizacje .opis h3 {margin: 0 0 15px 10px; padding: 0; font-size: 1em; color: #fff;}

#stopka {clear: both; border-top: 4px solid #c8c7c7; padding: 10px; color: #5f5e5e;}
#stopka p {margin: 0; padding: 0;}
#stopka ul {margin: 0; padding: 0; list-style: none; text-align: right;}
#stopka li {display: inline; border-left: 1px solid #7e7e7e; padding: 0 2em;}
#stopka li.pierwszy {border-left: 0;}
#stopka a {color: #7e7e7e; text-decoration: none;}

#dlaczego {position: absolute; top: 150px; margin-left: 18px; width: 200px; color: #555555;}

h1 {margin: 0 0 1em 0; background: url(/images/naglowek.png) no-repeat left; padding-left: 20px; color: #000000; font-size: 1em; text-transform: uppercase; font-size: 13px; font-family: Arial;}
h1.glowna {display: none;}
h2 {margin: 0 0 1em 0; background: url(/images/naglowek2.png) no-repeat left; padding-left: 20px; color: #003366; font-size: 1em; text-transform: uppercase; font-size: 12px; font-family: Arial;}
h3 {margin: 0 0 1em 0; no-repeat left; padding-left: 20px; color: #353535; font-size: 1em; text-transform: uppercase; font-size: 11px; font-family: Arial;}s