#agora { width: 800px; margin: 10px auto; text-align: left; border: 2px #f00 dashed; padding: 9px; background: #fff;}
body {background: #eee; margin: 0px; padding: 0px 0px 10px 0px; font-size: 11px; font-family: verdana, arial, sans-serif; color: #666; text-align: center;}
#box {background: #fff  url('grafika/bg.jpg') left top repeat-x;}
a img {border: none;}
a {cursor: pointer;}
#natop {background: url('grafika/top2.jpg') center top no-repeat; height: 410px;}
#top {width: 800px; margin: auto; text-align: right; overflow: hidden; zoom: 1; height: 400px; position: relative;}
h1 {position: absolute; top: -1000px;}	
#top ul {margin: 0px; padding: 0px 0px 0px 452px; position: absolute; top: 348px; left: 0px;}
#top li {list-style: none; float: left; margin: 0px 12px 0px 0px;}
#top #li1 a {width: 112px;}
#top #li2 a {width: 55px;}
#top #li3 a {width: 75px;}
#top #li4 a {width: 62px;}
#top #li4 {margin: 0px 0px 0px 0px !important;}
#top li a {display: block; padding: 0px 0px 6px; overflow: hidden; white-space: nowrap; border: #fc2 solid; border-width: 2px 0px;  overflow: hidden; zoom: 1; height: 20px;}
#top li a span {display: block; height: 100%; width: 100%; text-align: center; padding: 30px 0px;}
#container { width: 790px; margin: auto; text-align: left; overflow: hidden; zoom: 1; padding: 0px 0px 0px 15px;}
#container h2 {text-align: right; font-size: 11px; text-transform: uppercase; color: #08c; font-family: 'arial black', sans-serif; font-weight: normal; margin: 10px 5px 15px;}
#container h3 {font-size: 11px; text-transform: uppercase; color: #08c; font-family: 'arial black', sans-serif; font-weight: normal; margin: 10px 5px 3px 0px;}
#container strong {font-weight: normal;}
#przykladoweStrony h2 {text-align: left;}
#container a {color: #08c; text-decoration: none;}

#container a:hover {text-decoration: underline;}
#container p { display: block; clear: both; float: none; text-align: justify; line-height: 14px; margin: 15px 0px;}
#strona_glowna #container {overflow: hidden; zoom: 1; background: url('grafika/oddzielaczPion.jpg') 410px top no-repeat; padding: 0px 10px 0px 20px; width: 780px;}
#content {overflow: hidden; zoom: 1; padding: 0px 10px 0px 20px; width: 550px;}
#portfolio {overflow: hidden; zoom: 1; padding: 0px 10px 0px 20px;}
.red {color: #cc1200;}
.ramka {padding: 9px; border-top: 1px #f0f0f0 solid; border-bottom: 1px #f0f0f0 solid; background: #fafafa; font-style: italic;}
#lewaStrona {width: 375px; float: left; padding: 0px 5px 0px 10px;}

#prawaStrona {width: 360px; float: right; padding: 0px 0px 0px 15px;}
.wiecej {float: right; clear: both;}

#przykladoweStrony {padding: 30px 0px 0px 12px; background: url('grafika/oddzielaczPoziom.jpg') center top no-repeat; overflow: hidden; zoom: 1; clear: both; float: none;}
#przykladoweStrony ul {padding: 0px; margin: 0px;}
.przykladowaStrona {list-style: none; float: left; margin: 0px 0px 10px 8px; overflow: hidden; zoom: 1;}
.przykladowaStrona a {border: 4px #ccc solid; display: block; overflow: hidden; zoom: 1; width: 237px; height: 132px; position: relative; text-decoration: none;}
.przykladowaStrona a:hover {border: 4px #bbb solid; text-decoration: none !important}
.przykladowaStrona img {border: 1px #fff solid;}
.przykladowaStrona span {background: #08c; position: absolute; display: block; padding: 9px 3px; bottom: 1px; left: 1px; color: #fff; width: 229px; text-align: center; font-size: 10px; overflow: hidden; zoom: 1;;}
.przykladowaStrona .lupa {border: none; position: absolute; bottom: 1px; right: 1px;}
/* ude */

#ude ul  {clear: both; margin: 0px; padding: 0px 0px 0px 10px; overflow: hidden; zoom: 1; position: relative; height: 40px; top: 9px;}
#ude ul li {padding: 0px; margin: 0px; list-style: none; float: left; background: url('grafika/butonzakladkibg.gif') left 18px repeat-x !important; margin: 0px 3px 0px 0px;}
#ude li a {border: 4px #eee solid; padding: 6px 3px 8px 3px; display: block; float: left; border-bottom: none; position: relative; top: 4px; color: #888 !important; text-decoration: none;}
#ude ul .butonStrony:hover {color: #666 !important;}
#ude ul .butonAktywny {border: 4px #eee solid; background: #fdfdfd; padding: 7px 3px 9px 3px; display: block; float: left; border-bottom: none; position: relative; top: 2px; cursor: default; text-decoration: none !important; color: #e3983F !important;}
#ude .strona {padding: 9px; border: 4px #eee solid; background: #fdfdfd; display: none;}

/* kontakt */

.kontaktForm {display: block; width: 450px; padding: 9px; border: 4px #eee solid; background: #fdfdfd;}
#tabela_kontakt {display: block; margin: 10px 0px;}
#tabela_kontakt td {height: 15px;}
.prawa_kontakt {text-align: right; font-weight: bold;}
.input {background: #ffffff; border: 1px #ccc solid; padding: 3px;}
input, select, textarea {display: block; margin: 3px 0px 3px 0px; display: block;}
#butonformularz {border: 4px #eee solid; background: #eee; padding: 6px 3px 8px 3px; display: block; border-bottom: none; background: #fdfdfd; position: relative; top: 4px; width: 130px; color: #e3983F !important;}
form {margin: 0px;}

/* folio */

#portfolio ul {margin: 0px; padding: 0px;}
#portfolio .strona {display: block; overflow: hidden; zoom: 1; border: none; padding: 0px 0px 15px; margin: 0px 0px 15px; list-style: none; border-bottom: 1px #e6e6e6 solid; width: 680px;}
#portfolio .strona .screen {border: 4px #ccc solid; float: left; margin: 0px 7px 0px 0px; position: relative; overflow: hidden; zoom: 1;}
#portfolio .strona .screen:hover {border: 4px #bbb solid;}
#portfolio .strona img {border: 1px #fff solid;}
#portfolio .strona h3 {margin-top: 5px;}
#portfolio .strona .lupa {border: none; position: absolute; bottom: 1px; right: 1px;}
#portfolio .strona .opis {float: left; width: 400px;}
#portfolio .strona .budowa {color: #bbb;}
#portfolio h4 {margin: 0px; padding: 0px; font-weight: normal; font-size: 11px;}

#pracownicy ul {margin: 0px; padding: 0px; overflow: hidden; zoom: 1;}
#pracownicy ul li {list-style: none; padding: 0px 0px 15px 0px; margin: 15px 0px 0px; border-bottom: 1px #e6e6e6 solid; overflow: hidden; zoom: 1;}
#pracownicy  img {float: left; margin: 0px 7px 0px 0px; border: 4px #ccc solid; padding: 1px; background: #fff;}
#pracownicy h3, #pracownicy h4 {margin: 5px 0px;}
#pracownicy h4 {font-weight: normal; font-style: italic; color: #666;}

/* stopka */

#nafoot {overflow: hidden; zoom: 1; background: url('grafika/bottom.jpg') left top repeat-x; padding: 0px 0px 0px 20px;}
#foot {background: url('grafika/foot.jpg') left 4px repeat-x; overflow: hidden; zoom: 1; height: 70px; width: 800px; margin: auto; font-family: arial; font-size: 12px; padding: 20px 0px 0px 0px; color: #fff;}
#foot a {color: #fff; text-decoration: none;}
#foot a:hover {text-decoration: underline;}
#foot ul {padding: 0px; margin: 0px; margin: 3px auto 11px; overflow: hidden; zoom: 1; width: 400px; text-align: center;}
#foot ul li {display: inline; list-style: none; text-transform: uppercase; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 8px; border-left: 1px #bcc solid; overflow: hidden; zoom: 1;}
#foot ul #f {border: none; padding: 0px; margin: 0px;}

#duzeFoto {position: absolute; top: 0px; left: 0px; background: #fff; border: 1px #aaa solid; padding: 10px; overflow: hidden; zoom: 1; cursor: pointer; width: 800px; overflow: hidden; zoom: 1;}
#duzeFoto div {overflow: hidden; zoom: 1; padding: 0px; margin: 0px;}
#duzeFoto span {position: absolute; right: 8px; top: 10px; color: #333; font: normal 14px verdana; background: #fff; padding: 3px 5px; margin: 0px; border: #ddd solid; border-width: 0px 0px 0px 0px;}
#duzeFoto img {margin: 0px; padding: 0px; display: block; clear: both; border: 1px #ddd solid; margin: auto;}
#duzeFotoBG {background: #000; position: absolute; top: 0px; left: 0px;}
#fotopodpis {position: absolute; bottom: 10px !important; left: 10px; color: #eee; padding: 9px !important; background: #000;}

strong {font-weight: bold !important;}

.contentoferta h4 {font: normal 11px verdana, sans-serif;}
.contentoferta h4 strong {font: bold 11px verdana, sans-serif;}
.contentoferta li {margin: 2px 0px;}