html {
height:100%;
padding:0;
margin:0; 
background: #2c2c27;
border:0; 
overflow:auto;
}







body {height:100%; max-height:100%; overflow:auto; background: #2c2c27 url('bg_.gif') repeat; margin: 0 auto; padding:0; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-size: 0.7em; color:#ebf7f8}



img {border:0; padding-top:10px}



ul, li {margin:0; padding:0; list-style-type:none;}



h1 {font-size:2em; font-family: Franklin Gotic, Arial, tahoma, Verdana, Helvetica, sans-serif; color:#472200; float:right; font-style:italic; margin:-15px 20px 15px 20px}



h2 {color:#ebf7f8; font-style:italic; background: url(obrazki/H1.gif) center left no-repeat; padding: 0 0 0 30px}



h3 {clear:both}



p.top {width:500px; color:#2c2c27; font-size: 8pt; font-weight:normal; font-family: Verdana, Helvetica, sans-serif; text-align:justify}



p {text-indent:2em; font-size: small; color:#ebf7f8; font-size: small;clear:both }
textarea {width: 250px; height: 100px; margin:5px}
label {margin:8px}
fieldset {border:0}
input {margin:5px}

#menulist {width:100%; background: url(menu.gif) repeat-x;}
#top {
display:block; margin:0; border:1px #ffb927 solid;
width:100%; 
background: #ffb927 url(top.gif) repeat-x bottom left;
height: auto !important;
height: 121px; /* IE */
min-height:121px;
padding-bottom:15px;
margin-bottom:10px}
#box {width:680px; margin: auto; margin-top:10px}

#opis {margin: auto; background: url(obrazki/skladanka.jpg) center right no-repeat; width:800px; 
height: auto !important;
height: 485px; /* IE */
min-height:485px;}
#rel {margin: auto;  width:800px;
height: auto !important;
height: 400px; /* IE */
min-height:400px;}

#rel i {color:#9bbed4; font-weight:bold}
#rel ul.lista {line-height:1.2em}
.lewa {float: left; width: 425px; display:block}
.pozytywy {font-style:italic; color:#9bbed4;margin-right:45px}
.negatywy {font-style:italic; color:#ffb927;}
.lewy, .prawy {margin:0 10px 10px; display:inline}
.lewy {float:left}
.prawy {float:right}
.bl {margin:0; float:left;display:inline;width:373px;border:0px #ff0000 solid;padding:10px 10px 10px 15px; clear:both}
.bp {margin:0; float:right;display:inline;width:373px;border:0px #0000ff solid; padding:10px 10px 10px 15px}
li.plus {color:#9bbed4; font-size:small; background: url(obrazki/plus.gif) left center no-repeat; padding-left:25px; line-height:1.5em}
li.minus {color:#ffb927; font-size:small; background: url(obrazki/minus.gif) left center no-repeat; padding-left:25px; line-height:1.5em}
li.plus a {color:#9bbed4;text-decoration:underline}
li.plus a:visited {color:#49708a;text-decoration:underline}
#content {width:100%; position: absolute; top:0px; left:0px; }
#tabela {margin-top:20px}
#clearer {clear: left; line-height: 0; height: 0}
.clearer {clear: left; line-height: 0; height: 0}

#blakowe {margin-top: 189px;}
ol {font-size:1.2em; line-height:1.5em}
a:link, a:visited {color:#49708a; text-decoration:none;}
#top a:link, a:visited {color:#790026;  text-decoration:none;}
#top a:hover {color:#5d8fb0;  text-decoration:none;}
a:hover {color:#ffb927}
#stopa {width:100%; color:#555550; background:#ffca5a url(obrazki/stopa.gif) bottom left repeat-x; padding:0 10px 5px 10px ; margin-top:20px;}

#stopa span {display:block; clear:both; text-align:center}

#menik ul {width:450px; margin: 0px auto;}
#menik li {float:left; padding:1px 5px;}
#menik a:hover {color:#49708a; text-decoration:underline}

.w3c {margin:0; position:relative; top:0px; left:10px;display:inline }

/* _____________________MENU_______________________  */         

#menu {margin: 0 auto; display:block; height:154px; width:684px; }
#menu li {float:left; display:block; width:114px; }

#menu li.list0 {background:transparent url(obrazki/menu0a.png);}
#menu li.list1 {background:transparent url(obrazki/menu1a.png);}
#menu li.list2 {background:transparent url(obrazki/menu2a.png);}
#menu li.list3 {background:transparent url(obrazki/menu3a.png);}
#menu li.list4 {background:transparent url(obrazki/menu4a.png);}
#menu li.list5 {background:transparent url(obrazki/menu5a.png);}

#menu a {display:block; width:114px; padding-top:154px; height:0; color:#000; text-decoration:none; overflow:hidden;}


* html #menu a:link, * html #menu a:visited * html #menu a:active {height:154px; he\ight:0;}

/* linki aktywne */


#menu li.list0a, #menu li.list0a a#item0:hover  {background:transparent url(obrazki/menu0c.png); cursor: default}
#menu li.list1a, #menu li.list1a a#item1:hover {background:transparent url(obrazki/menu1c.png); cursor: default}
#menu li.list2a, #menu li.list2a a#item2:hover {background:transparent url(obrazki/menu2c.png); cursor: default}
#menu li.list3a, #menu li.list3a a#item3:hover {background:transparent url(obrazki/menu3c.png); cursor: default}
#menu li.list4a, #menu li.list4a a#item4:hover {background:transparent url(obrazki/menu4c.png); cursor: default}
#menu li.list5a, #menu li.list5a a#item5:hover {background:transparent url(obrazki/menu5c.png); cursor: default}

#menu a#item0 {background:transparent url(obrazki/menu0b.png) -115px -86px no-repeat;}
#menu a#item1 {background:transparent url(obrazki/menu1b.png) -115px -86px no-repeat;}
#menu a#item2 {background:transparent url(obrazki/menu2b.png) -115px -86px no-repeat;}
#menu a#item3 {background:transparent url(obrazki/menu3b.png) -115px -86px no-repeat;}
#menu a#item4 {background:transparent url(obrazki/menu4b.png) -115px -86px no-repeat;}
#menu a#item5 {background:transparent url(obrazki/menu5b.png) -115px -86px no-repeat;}

#menu a#item0:hover {background-position:top right; z-index:50;}
#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}


/* _____________________realizacje_______________________  */ 

#rel.prace {width:670px; margin: auto; height:auto;}
#rel.prace ul {display:block; float:left; width:200px; margin: 10px 10px; padding:0}
#rel.prace li.ikona {height: 150px; background: #2c2c27 url(obrazki/li.gif) no-repeat top left; padding:14px }
#rel.prace a {width:100%; display:block; padding-top:138px; } 
#rel.prace ul li.online a {display: inline; width:100%; padding:0} 
#rel.prace a#fischer {background: transparent  url(obrazki/fischer.jpg) no-repeat top left}
#rel.prace a#fischer:hover {background: transparent  url(obrazki/fischerhover.jpg) no-repeat top left}
#rel.prace a#arthis {background: transparent  url(obrazki/arthis.jpg) no-repeat top left}
#rel.prace a#arthis:hover {background: transparent  url(obrazki/arthishover.jpg) no-repeat top left}
#rel.prace a#perfekt {background: transparent  url(obrazki/perfekt.jpg) no-repeat top left}
#rel.prace a#perfekt:hover {background: transparent  url(obrazki/perfekthover.jpg) no-repeat top left}
#rel.prace a#studio {background: transparent  url(obrazki/studio.jpg) no-repeat top left}
#rel.prace a#studio:hover {background: transparent  url(obrazki/studiohover.jpg) no-repeat top left}
#rel.prace a#hobo {background: transparent  url(obrazki/hobo.jpg) no-repeat top left}
#rel.prace a#hobo:hover {background: transparent  url(obrazki/hobohover.jpg) no-repeat top left}
#rel.prace a#oxigo {background: transparent  url(obrazki/oxigo.jpg) no-repeat top left}
#rel.prace a#oxigo:hover {background: transparent  url(obrazki/oxigohover.jpg) no-repeat top left}
#rel.prace a#arthislay {background: transparent  url(obrazki/arthislay.jpg) no-repeat top left}
#rel.prace a#arthislay:hover {background: transparent  url(obrazki/arthislayhover.jpg) no-repeat top left}
#rel.prace a#xperience {background: transparent  url(obrazki/xp.jpg) no-repeat top left}
#rel.prace a#xperience:hover {background: transparent  url(obrazki/xphover.jpg) no-repeat top left}
#rel.prace a#rugby {background: transparent  url(obrazki/rugbylay.jpg) no-repeat top left}
#rel.prace a#rugby:hover {background: transparent  url(obrazki/rugbylayhover.jpg) no-repeat top left}
#rel.prace a#rugbywww {background: transparent  url(obrazki/rugbywww.jpg) no-repeat top left}
#rel.prace a#rugbywww:hover {background: transparent  url(obrazki/rugbywwwhover.jpg) no-repeat top left}
#rel.prace a#hydro {background: transparent  url(obrazki/hydro.jpg) no-repeat top left}
#rel.prace a#hydro:hover {background: transparent  url(obrazki/hydrohover.jpg) no-repeat top left}
#rel.prace a#ewaluacja {background: transparent  url(obrazki/ewaluacja.jpg) no-repeat top left}
#rel.prace a#ewaluacja:hover {background: transparent  url(obrazki/ewaluacjahover.jpg) no-repeat top left}
#rel.prace a#inspi {background: transparent  url(obrazki/inspi.jpg) no-repeat top left}
#rel.prace a#inspi:hover {background: transparent  url(obrazki/inspihover.jpg) no-repeat top left}
#rel.prace a#orto {background: transparent  url(obrazki/liorto.jpg) no-repeat top left}
#rel.prace a#orto:hover {background: transparent  url(obrazki/liortohover.jpg) no-repeat top left}
#rel.prace a#bas3d {background: transparent  url(obrazki/bas3d.jpg) no-repeat top left}
#rel.prace a#bas3d:hover {background: transparent  url(obrazki/bas3dhover.jpg) no-repeat top left}
#rel.prace a#klucze3d {background: transparent  url(obrazki/klucze3d.jpg) no-repeat top left}
#rel.prace a#klucze3d:hover {background: transparent  url(obrazki/klucze3dhover.jpg) no-repeat top left}
#rel.prace a#lublin3d {background: transparent  url(obrazki/lublin3d.jpg) no-repeat top left}
#rel.prace a#lublin3d:hover {background: transparent  url(obrazki/lublin3dhover.jpg) no-repeat top left}
#rel.prace a#pdt {background: transparent  url(obrazki/pdt.jpg) no-repeat top left}
#rel.prace a#pdt:hover {background: transparent  url(obrazki/pdthover.jpg) no-repeat top left}
#rel.prace a#aldent {background: transparent  url(obrazki/aldent.jpg) no-repeat top left}
#rel.prace a#aldent:hover {background: transparent  url(obrazki/aldenthover.jpg) no-repeat top left}
#rel.prace a#zl {background: transparent  url(obrazki/zl.jpg) no-repeat top left}
#rel.prace a#zl:hover {background: transparent  url(obrazki/zlhover.jpg) no-repeat top left}
#rel.prace a#evita {background: transparent  url(obrazki/evita.jpg) no-repeat top left}
#rel.prace a#evita:hover {background: transparent  url(obrazki/evitahover.jpg) no-repeat top left}
#rel.prace a#rema {background: transparent  url(obrazki/rema.jpg) no-repeat top left}
#rel.prace a#rema:hover {background: transparent  url(obrazki/remahover.jpg) no-repeat top left}
#rel.prace a#ortomix {background: transparent  url(obrazki/ortomix.jpg) no-repeat top left}
#rel.prace a#ortomix:hover {background: transparent  url(obrazki/ortomixhover.jpg) no-repeat top left}
#rel.prace a#uhc {background: transparent  url(obrazki/uhc.jpg) no-repeat top left}
#rel.prace a#uhc:hover {background: transparent  url(obrazki/uhchover.jpg) no-repeat top left}
#rel.prace a#przyszosie {background: transparent  url(obrazki/przyszosie.jpg) no-repeat top left}
#rel.prace a#przyszosie:hover {background: transparent  url(obrazki/przyszosiehover.jpg) no-repeat top left}
#rel.prace a#zongluj {background: transparent  url(obrazki/zongluj.jpg) no-repeat top left}
#rel.prace a#zongluj:hover {background: transparent  url(obrazki/zonglujhover.jpg) no-repeat top left}
#rel.prace a#ckp {background: transparent  url(obrazki/ckp.jpg) no-repeat top left}
#rel.prace a#ckp:hover {background: transparent  url(obrazki/ckphover.jpg) no-repeat top left}
#rel.prace a#damiko {background: transparent  url(obrazki/damiko.jpg) no-repeat top left}
#rel.prace a#damiko:hover {background: transparent  url(obrazki/damikohover.jpg) no-repeat top left}
#rel.prace a#warsawcrime {background: transparent  url(obrazki/warsawcrime.jpg) no-repeat top left}
#rel.prace a#warsawcrime:hover {background: transparent  url(obrazki/warsawcrimehover.jpg) no-repeat top left}
#rel.prace a#benu {background: transparent  url(obrazki/benu.jpg) no-repeat top left}
#rel.prace a#benu:hover {background: transparent  url(obrazki/benuhover.jpg) no-repeat top left}
#rel.prace a#koniko {background: transparent  url(obrazki/koniko.jpg) no-repeat top left}
#rel.prace a#koniko:hover {background: transparent  url(obrazki/konikohover.jpg) no-repeat top left}