body{
margin-top: 50px;
font-family: verdana, arial;
font-size: 11px;
background: #fff;
margin-bottom: 20px;
}
#container{
margin: 0 auto;
border: 1px solid #aaa;
padding: 5px;
width: 768px;
text-align: left;
position: relative;
}
.clear{
height: 0;
clear: both;
_display: none;
}
img{
border: 0;
}
a{
text-decoration: underline;
color: #ff6202;
}
a:hover{
color: #36a7ff;
text-decoration: none;
}
/* co¶ o topie */
#top{
background: url(image.php?top.jpg);
height: 170px;
position: relative;
}
#top ul{
position: absolute;
top: 115px !important;
top: 125px;
left: 235px;
list-style: none;
}
#top ul li{
width: 100px;
border-left: 4px solid #fff;
padding-left: 4px;
float: left;
}
#top ul a{
color: #fff;
display: block;
height:19px;
padding-top: 6px;
font-family: verdana,arial;
font-size: 12px;
text-decoration: none;
font-weight: bold;
}
#top ul a:hover{
text-decoration: underline;
}
/*co¶ o stopce*/
#footer{
background: #000 url(image.php?stopka_paski.gif) no-repeat;
padding-top: 85px;
height: 35px;
color: #fff;
font-size: 10px;
text-align: center;

}
#footer div{
padding-left: 700px;
margin-top: -15px;
}
#footer div img{
width: 22px;
height: 20px;
}
#footer a{
color: #fff;
text-decoration: none;
}
#footer a:hover{
color: #bfef00;
}
#authors{
text-align: right;
width: 768px;
margin: 5px auto;
color: #aaa;
font-size: 10px;
}
#authors div{
font-size: 11px;
text-align: left;
margin-top: -12px;
}
#authors div a.opinia{
color: #48B8FF;
text-decoration: none;
margin-right: 10px;
}
#authors div a.opinia span{
text-decoration: underline;
}
#authors div a.opinia:hover span{
text-decoration: none;
}
#authors div span.last-update{
font-size: 10px;
padding-left: 20px;
}
/* Panel logowania*/

#log-form{
height: 30px;
position: absolute;
top: 20px;
width: 98%;
color: #8a8a8a;
}
#log-form p{
margin: 0;
text-align:center;
}
#log-form input{
margin-left: 10px;
color: #8a8a8a;
border: 1px solid #bfbfbf;
background: #fff;
font-size: 11px;
padding: 3px;
font-family: verdana, arial;
}
#log-form input.loguj{
background: #ddd;
border: 1px solid #929292;
color: #000;
padding: 2px;

}


/* opis kolumn*/
#content{
height: 800px;
}
#text{
height: 800px;
width: 768px;
overflow: hidden;
position: absolute;
}
#col-l{
width: 319px;
float: right;
padding-left: 15px;
}
#col-r{
background: transparent;
width: 434px;
float: right;
}
/* kolumna lewa na g3򶭥j*/
#welcome{
margin-top: 37px;
background: url(image.php?title_home.gif) no-repeat;
padding-top: 30px;
}
#welcome p{
margin-left: 5px;
margin-top: 25px;
margin-right: 25px;
font-size: 12px;
}
p span.first{
font-size: 12px;
font-weight: bold;
}
#welcome .arrow-b{
margin-top: 10px;
margin-left: 220px;
}
a.arrow-b{
background: url(image.php?strzalka_blue.gif) no-repeat center left;
padding-left: 15px;
}
a.arrow-b:hover{
background: url(image.php?strzalka_orange.gif) no-repeat center left;
}

#last-real{
background: url(image.php?realizacje.gif) no-repeat;
padding-top: 90px;
margin-top: 30px;
padding-left: 30px;
}

#portfolio-lista{
text-align: center;
}
div.port-top{
width: 378px;
height: 12px;
background: url(image.php?portfolio_ramka_gora.gif) no-repeat;
}
div.port-inner{
text-align: left;
padding: 4px 16px;
width: 346px;
min-height: 114px;
background: url(image.php?portfolio_ramka_srodek.gif);
color: #666;
}
div.port-inner div{
margin-top: -115px;
margin-left: 124px;
}
div.port-inner img{
width: 114px;
margin-right: 12px;
}
div.port-inner span{
font-weight: bold;
color: #000;
}
div.port-inner span.technology{
font-style: italic;
font-weight: normal;
}
div.port-bottom{
width: 378px;
height: 12px;
background: url(image.php?portfolio_ramka_dol.gif) no-repeat;
margin-bottom: 10px;
}
#last-real a.arrow-b{
margin-left: 280px;
}
a.arrow-l{
background: url(image.php?strzalka_blue_lewo.gif) no-repeat center left;
padding-left: 15px;
margin-right: 10px;
}
a.arrow-l:hover{
background: url(image.php?strzalka_orange_lewo.gif) no-repeat center left;
}
a.arrow-r{
background: url(image.php?strzalka_blue.gif) no-repeat center right;
padding-right: 15px;
}
a.arrow-r:hover{
background: url(image.php?strzalka_orange.gif) no-repeat center right;
}

a.zoom{
background: url(image.php?ikonka_zoom.jpg) no-repeat;
padding-left: 25px;
padding-bottom: 5px;
}
a.www{
background: url(image.php?ikonka_www.jpg) no-repeat;
padding-left: 28px;
padding-bottom: 5px;
margin-left: 5px;
}

#advert{
padding-top: 0px;
text-align: right;
}
#advert img{
margin-bottom: 15px;
margin-left: -15px
}
#advert a{
margin-right: 35px;
}
#cont{
margin-top: 40px;
width: 316px;
height: 306px;
background: url(image.php?notka.jpg) no-repeat;
}
#cont-head{
margin-left: 140px;
padding-top: 80px;
}
#cont-head span{
font-weight: bold;
display: block;
}
#cont-inner{
margin-left: 100px;
margin-top: 50px;
}
#cont-inner a.arrow-b{
margin-left: 20px;
margin-top: 40px;
display: block;
}


.header{
margin-top: 40px;
padding-left: 30px;
margin-bottom: 50px;
background: url(image.php?dzial.gif) no-repeat;
}
.header p{
font-size: 12px;
text-align: justify;
}
.header ol{
font-size: 12px;
margin: 0 30px 0 10px;
padding:0;
text-align: justify;
}
.subtitle{
margin-left: 25px;
color:  #000;
font-size: 18px;
font-family: arial;
font-weight: bold;
padding-top: 14px;
}

.subtitle span{
color: #bfef00;
margin: 0 3px;
font-size: 18px;
}
.subtitle .orange{
color:  #ff6202;
font-size: 15px;
}

.menu li{
list-style: none;
height: 60px;
}
.menu ul{
padding: 0;
margin: 0;
margin-top: 50px;
}
.menu a{
text-decoration: none;
font-size: 19px
}
.numbers{
font-size: 34px;
font-family: arial;
color: #c3c3c3;
float: left;
margin-right: -5px;
}
.black{
color: #000;
}
.green{
color: #bfef00;
}
.greenb{
color: #bfef00;
font-size: 25px;

}
.orange{
color:  #ff6202;
}
.red{
color: #e21701 ;
}
.title{
font-size: 11px;
margin-left: 50px;
display: block;
}
.menu a:hover span{
color: #c3c3c3;
}

#col-l .menu{
overflow: hidden;
}
#col-l .menu li{
height: 50px;
}
.zapraszamy{
margin-left: 250px;
background: url(image.php?zapraszamy.gif);
width: 100px;
height: 15px;
}

#portfolio-lista{
margin-top: 20px;
}

#kontakt-l{
background: url(image.php?dane_teleadresowe.gif) no-repeat;
margin-top: 40px;
padding-left: 20px;
padding-top: 30px;
}

#form{
background: url(image.php?formularz_zloszeniowy.gif) no-repeat;
padding-left: 20px;
padding-top: 25px;
margin-top: 50px;
line-height: 18px;
}
#form .fob{
background: #e7e7e7;
border: 1px solid #bfef00;
width: 200px;
}
#form .fnor{
background: #e7e7e7;
border: 1px solid #c7c7c7;
width: 200px;
}
#form textarea{
background: #e7e7e7;
border: 1px solid #c7c7c7;
width: 300px;
height: 130px;
}
#form .submit{
background: #bfef00;
border: 1px solid #c7c7c7;
width: 302px !important;
width: 304px;
margin-top: 5px;
}
span.error{
color: #f00;
font-weight: bold;
}



#mapa .menu{
margin-top: 30px;
line-height: 20px;
font-size: 11px;
}
#mapa ul{
margin-top: 5px;
}
#mapa li{
height: auto;
}
#mapa a{
background: #fff;
padding: 0 3px;
}

#mapa ul li a{
color: #999;
font: bold 15px arial;
}
#mapa ul li li a{
color: #000;
font: normal 12px arial;
}

#mapa li.father{
margin-left: -20px;
padding-left: 20px;
background: url(image.php?mapa_ramka_gora.gif) no-repeat 0px 8px;
}
#mapa li.father ul{
margin-left: -20px;
padding-left: 20px;
padding-top: 3px;
width: 177px;
background: url(image.php?mapa_ramka_dol.gif) no-repeat bottom;
padding-bottom: 9px;
margin-bottom: 10px;
margin-top: 0px;
}
#mapa li li{
height: 17px;
border-left: 1px #bfbfbf solid;
border-right: 1px #bfbfbf solid;
margin-left: -20px;
padding-left: 20px;
width: 175px;
}
#mapa .blue{
color: #29a8ff;
}
#mapa .black{
color: #000;
font-weight: bold;
}

p{
text-align: justify;
margin-right: 25px;
}



/************
feedback popup
************/
#feedback{
font-size: 12px;
position: absolute;
top: 500px;
left: 50px;
width: 680px;
height: 482px;
display: none;
}
#feedbackS{
background: url(opinia/cienie.png);
_background: url(opinia/cienie.gif);
_filter:alpha(opacity=70);
width: 680px;
height: 482px;
padding: 7px;
}
#feedbackIn{
position: absolute;
top: 7px;
left: 7px;
background: url(opinia/srodek.gif);
width: 680px;
height: 482px;
}
#feedbackLeft{
  width: 250px;
  margin-top: 60px;
  margin-left: 30px;
}
#feedbackLeft textarea{
  height: 112px;
}
#feedbackLeft input, #feedbackLeft textarea{
  width: 250px;
  background: #e7e7e7;
  margin-left: 0;
  _margin-left: -30px;
  border: 1px solid #c7c7c7;
}
#feedbackText{
  position: absolute;
  top: 128px;
  left: 320px;
  width: 100px;
}
#feedbackText span, #feedbackRadio span{
display: block;
height: 50px;
}
#feedbackRadio{
  position: absolute;
  top: 125px;
  left: 435px;
  width: 220px;
}
#feedbackRadio input{
  width: 15px;
  height: 13px;
  margin-right: 20px !important;
  margin-right: 26px;
}
#feedbackSubmit{
  position: absolute;
  top: 353px;
  left: 420px;
}
#feedbackSubmit input{
  background: #c0ef01;
  border: 1px solid #c4c5c9;
  width: 100px;
  height: 20px;
}
#feedThank{
  position: absolute;
  top: 400px;
  left: 370px;
  width: 200px;
  height: 50px;
  background: #fff;
}
a.popupClose{
  display: block;
  position: absolute;
  left: 653px;
  top: 25px;
  width: 29px;
  height: 104px;
}

/***************
style dla popupa
***************/

#popup{
position: absolute;
display: none;
top: 200px;
left: 50px;
width: 694px;
height: 524px;
}
#popupS{
padding: 7px;
background: url(popup/cienie.png);
_background: url(popup/cienie.gif);
_filter:alpha(opacity=80);
width: 680px;
height: 510px;
}
#popupNoMoreS{
  background: url(popup/cien_pusty.png) repeat-x;
  _filter:alpha(opacity=80);
  width: 170px;
  height: 7px;
  position: absolute;
  left: 25px;
  bottom: 28px;
  _bottom:22px;
}
#popupMoreS{
  background: url(popup/cien_zakladka.png) repeat-x;
  _background: url(popup/cien_zakladka.gif);
  _filter:alpha(opacity=80);
  width: 170px;
  height: 35px;
  position: absolute;
  left: 25px;
  bottom:0px;
}
#popupIn{
position: absolute;
top: 7px;
left: 7px;
background: url(popup/calosc.gif);
width: 654px;
height: 497px;
padding: 13px 13px 0px 13px;
}
#popupImg{
width: 624px;
height: 415px;
background-repeat: no-repeat;
background-position: center;

}
#popupDesc{
  font-family: verdana, arial;
  font-size: 12px;
  margin-left: 23px;
  margin-top: 10px;
}

#popupMore{
  background: url(popup/zakladka.gif) repeat-x;
  width: 170px;
  height: 28px;
  position: absolute;
  left:18px;
  bottom:0px;
  z-index: 4;
}
#popupMore a{
  display: block;
  width: 170px;
  height: 28px; 
}
a#popupPrev{
  display: block;
  position: absolute;
  left: 370px;
  top: 482px;
  width: 134px;
  height: 28px;
}
a#popupNext{
  display: block;
  position: absolute;
  left: 504px;
  top: 482px;
  width: 124px;
  height: 28px;
}