@font-face {
  font-family: Gentium;
  src: url(../media/font.ttf);
}

@font-face {
  font-family: Gbold;
  src: url("../media/bold.ttf");
}

p{margin:0 5px; }

form{margin: 0;padding: 0;}

body
{
    font-family: Gentium, "trebuchet MS", Verdana;
    font-size:13px;
    margin:0;
    background:url("../images/body-tlo.gif");
}

a
{
outline:none;
text-decoration: none;
color:#036DA4;
}
a:hover
{
    color:orange;
}
.main
{
   width:998px;
   margin:0 auto;
   border:1px solid #dcdcdc;
}
.cleaner
{
    clear:both;
    font-size:0;
}
.top
{
    height:106px;
    width:998px;
    background:url("../images/top-back.jpg") repeat-x;
    border-bottom:1px solid #dcdcdc;
}

.logo
{
    height:106px;
    width:201px;
    float:left;
    margin-left:15px;
    margin-right:130px;
    display: inline;
}

.dzialy
{
   width:998px;
   height:235px;
   position:relative;
}

.dzialy-staly
{
    width:483px;
    height:235px;
    position:relative;
    z-index:10;
    float:left;
}

.dzialy-images
{
     height:235px;
     width:555px;
     margin-left:-40px;
     position:relative;
     z-index:1;
     overflow:hidden;
     float:left;
    display: inline;
}

.staly-siatka
{
    width:443px;
    height:235px;
    float:left;
}

.staly-luk
{
     float:left;
    height:235px;
    width:40px;
    background:url("../images/luk.png") no-repeat;
}

.cien
{
    position:absolute;
    right:0px;
    top:0px;
    background:url("../images/telo.png") repeat-x;
    width:515px;
    height:235px;
    z-index:90;
}

.siatka-top
{
    width:443px;
    height:27px;
    background:url("../images/siatka-top.jpg") no-repeat;
}

.siatka-mid-1,.siatka-mid-2,.siatka-mid-3,.siatka-mid-4
{
    float:left;
    width:13px;
    height:135px;
    background:url("../images/siatka-mid-1.jpg") no-repeat;
}
.siatka-mid-2{background:url("../images/siatka-mid-2.jpg") no-repeat;width:28px;}
.siatka-mid-3{background:url("../images/siatka-mid-3.jpg") no-repeat;width:16px;}
.siatka-mid-4{background:url("../images/siatka-mid-4.jpg") no-repeat;width:28px;}

.siatka-down
{
    width:443px;
    height:73px;
    background:url("../images/siatka-down.jpg") no-repeat;
}
h5{margin:0;padding:0;}

.prog a {
background:url("../images/programy.jpg") no-repeat;
display:block;
float:left;
height:135px;
width:84px;
}

.prog a:hover,.strony a:hover,.outsourcing a:hover,.reklama a:hover
{background-position:0 -135px;}

.strony a
{
    background:url("../images/strony.jpg") no-repeat;
    display:block;
    float:left;
    height:135px;
    width:100px;
}

.outsourcing a
{
    background:url("../images/outourcing.jpg") no-repeat;
    display:block;
    float:left;
    height:135px;
    width:98px;
}

.reklama a
{
    background:url("../images/reklama.jpg") no-repeat;
    display:block;
    float:left;
    height:135px;
    width:76px;
}

.main-box
{
    border-top:1px solid #dcdcdc;
    background:#dedede url("../images/main-back.jpg") repeat-x;
    width:998px;
    min-height:300px;
}

h5.kontakt a,h5.rozwiazania a,h5.portfolio a,h5.oferta a
{
    background:url("../images/kontakt.jpg") no-repeat;
    display:block;
    height:106px;
    width:150px;
    float:left;
    margin-left:10px;
}
h5.rozwiazania a{background:url("../images/rozwiazania.jpg") no-repeat;}
h5.portfolio a{background:url("../images/portfolio.jpg") no-repeat;}
h5.oferta a{background:url("../images/oferta.jpg") no-repeat;}

h5.kontakt a:hover,h5.rozwiazania a:hover,h5.portfolio a:hover,h5.oferta a:hover
{background-position:0 -106px;}

.of {float:left;
margin:10px 0 10px 20px;
padding:0;}

.of li{
    background:url("../images/of.png") no-repeat;
    display:block;
    height:126px;
    width:141px;
    margin-bottom:20px;
}
.of li:hover{background-position:0 -126px;}

h3 {font-weight:normal;}

.of h3
{
float:left;
text-align:center;
width:100%;
margin:0;
}

.of a
{
    text-decoration:none;
    display:block;
    width:100%;
height:127px;
    font-size:17px;
    color:white;
}


.of a:hover{    color:#036da4;}
.kostka-spacer, .kostka-spacer2 {display:block; width:100%;height:35px;font-size:0;}
.kostka-spacer2 {height:24px;}

.left-box
{
    width:350px;
    margin:10px;
    float:left;
    display: inline;
}

.realizacje-left-box
{
    border-right: solid 1px #DCDCDC;
    width:320px;
    float:left;
     margin:10px;
     margin-right:0;
      display: inline;
}

.vertical-line
{
    font-size: 0;
    display: inline;
margin:15px 0;
float:left;
width:1px;
height:350px;
background:#dcdcdc;
}

.right-box
{
    float:left;
    width:606px;
    margin:10px;
    text-align:justify;
    display: inline;
}

.rozwiazania-right-box
{
    float:left;
    margin:10px;
    text-align:justify;
    width:647px;
    display: inline;
}

.realizacje-big-img
{
    float:right;
    margin-left:10px;

}

h4
{
    font-weight:normal;
}

.right-box h2
{
    text-align:center;
    color:#036da4;
}

 h2{color:#036da4;
 font-weight:normal;}


.realizacje-box, .realizacje-box-tytul
{
    background:white;
    width:350px;
    height:120px;
    border:1px solid #e5e5f4;
    margin-bottom:5px;
}

.realizacje-box-tytul
{
    width:150px;
    float:left;
    margin-right:5px;
    height:auto;
}

.realizacje-box-tytul h3
{
      text-align:center;
      margin:5px 0 5px 0;
}

.realizacje-box-img
{
    float:left;
    margin:5px;
    width:140px;
    height:110px;
    background:black;
    float:left;
    display: inline;
}

.realizacje-box-txt, .kontakt-box-txt, .realizacje-box-txt-tytul
{
    float:left;
    width:140px;
    overflow:hidden;
    width:195px;
    margin:5px 0 5px 0;
    text-align:justify;
    font-size:11px;
}

.realizacje-box-txt-tytul
{
    width:95px;
}
.realizacje-tytul
{
    margin:10px;
    float:left;
}

.kontakt-box-txt
{text-align:right; font-size:13px;}

.realizacje-box-txt h3, .kontakt-box-txt h3
{
    margin:0; 
    text-align:right;
}

.realizacje-box-txt a, .kontakt-box-txt a
{
    text-decoration:none;
    color:gray;
    color:#666666;
}
.realizacje-box-txt a:hover,.kontakt-box-txt a:hover{color:#036da4;}

h1
{
  color:#036DA4;
  float:right;
  line-height:30px;
  margin-top:10px;
  text-align:right;
  width:759px;
  margin-right:10px;
  margin-bottom:3px;
  font-weight:normal;
  display: inline;
}

.animated_ul ul {
	margin:0px;
	margin-left:-40px;
}
.animated_ul li {
	margin-left:0px;
	list-style:none;
}

.newsy
{
    float:left;
    display: inline;
    width:250px;
    margin-right:10px;
}

.newsy li
{
border-bottom:1px solid silver;
display:block;
margin-bottom:20px;
text-align:left;
font-size:13px;
}
.newsy ul
{
    font-size:12px;
    margin:0;
    padding:0;
}
.newsy-data
{color:#666666;font-size:11px;}

.nowosci
{
    float:left;
    width:336px;
    text-align:center;
}
.boxgrid{  
    width: 240px;
    height: 220px;
    float:left;  
    background:#FFFFFF;
    border:1px solid #F8C500;
    overflow: hidden;
    position: relative;
margin:0 0 40px 10px;
}  
.boxgrid img{  
   position: absolute;  
   top: 0;  
   left: 0;  
   border: 0;  
 }

 .boxcaption{
	float: left;
	position: absolute;
	background: #F8C500;
	height: 200px;
	width: 100%;
	opacity: .9;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 	}

.captionfull .boxcaption {
 	top: 280px;
 	left: 0;
 }
 .caption .boxcaption {
 	top: 185px;
 	left: 0;
 }

 h3.porftolio-tytul
 {
    color:#000000;
    font-size:17px;
    margin:7px 5px 5px 0;
    text-align:right;
    
 }

 p.portfolio-opis
 {
     margin:10px 5px 5px 5px;
     color:#383838;
 }

 .portfolio-left-box
 {
     float:left;
     width:200px;
     margin:10px;
 }

 .portfolio-left-box a
 {
     font-size:15px;
      color:#036da4;
      text-decoration:none;
 }
  .portfolio-left-box a:hover
  {color:#F8C500;}

  .portfolio-left-box ul
  {
    padding:0 0 20px 0;
    margin:0 0 20px 0;
    border-bottom:solid 1px #DCDCDC;
  }
   .portfolio-left-box li
   {
       list-style-image:url(../images/list.png);
list-style-position:inside;
margin:10px 0 0 0;

   }


 .portfolio-right-box
 {
     float:left;
     border-left:solid 1px #DCDCDC;
     margin:10px;
 }


 .oferta-kwadraty{
     float:left;
    width:342px;
 }
 .oferta-tresc
 {
     float:left;
     border-left:solid 1px #DCDCDC;
     width:645px;
 }

 .search-button
 {
     background:url("../images/button-back.jpg") repeat-x;
     border:solid 1px #DCDCDC;Kontakt
     height:25px;
     color:gray;
 }

 .search-text
 {
    border:1px solid #DCDCDC;
    height:18px;
    padding-top:4px;
    width:143px;
 }
 .naglowek
 {
     width:918px;
 }

 .search-form
 {
     float:left;
     margin:10px 0 0 10px;
     display: inline;
 }

 .stopka
 {
    background:#D0D0D0 none repeat scroll 0 0;
    border-top:1px solid silver;
    color:gray;
    font-size:11px;
    letter-spacing:1px;
    width:998px;
  
 }

  .stopka a
  {
      text-decoration:none;
       color:gray;
  }

    .stopka a:hover{color:#036DA4;}
.stopka-img {float:left;margin-top:0px;}
.stopka-linki
{
margin:10px;float:left;display: inline;
}
.stopka-copy
{
    margin:10px 10px 10px 231px;float:left;display: inline;
}

.kontakt-box
{
    width:293px;
    margin-right:10px;
    margin-bottom:20px;
    float:left;
}

.kontakt-box h2
{
    margin-top:0px;
    text-align:left;
    font-weight:normal;
}

.kontakt-texfield
{
border:1px solid #DCDCDC;
height:18px;
padding-top:4px;
width:197px;
}

.oferta-margin
{margin-left:10px;
text-align:justify;}

img
{
    border:0;
}

.portfolio-podzial
{
    width:745px;
    border-bottom:1px solid silver;
    margin:0 0 20px 10px;
}

.wyjustowany
{text-align: justify;}
.error-message{color:#ff0000; margin:3px 0;text-align:right;}

.postmessage_,.postmessage_1,.postmessage_0 {text-align:center; line-height:33px; font-size:12px; margin:6px 2px; }
.postmessage_1 {color:green; background:#F0FFDC; border:1px solid green;}
.postmessage_0 {color:red; background:#FFE4DF; border:1px solid red;}