@charset "utf-8";
/* CSS Document */


/*-------------------------------------------START COMMON STYLES------------------------------------------------*/
* {

padding:0;
margin:0;

}

img {

border: none;

}

#nozyczki {

position: absolute;
left: 50%;
top: 420px;
margin: 0 0 0 423px;
background: url('img/nozyczki_web.png') no-repeat top left;
width: 15px;
height: 21px;

}




h1 {

font-family: "Arial Black", Arial, Tahoma, sans-serif;
font-size: 18px;
margin: 51px 0 0 0;
padding: 0px 0 0 15px;
background: url('img/h1.gif') no-repeat top left;

}

#txt-nopadding  h1.toph1 {

font-family: "Arial Black", Arial, Tahoma, sans-serif;
font-size: 18px;
padding: 10px 0 0 15px;
background: none;
margin: 0 0 0px 0;

}

#txt-padding  h1.toph1 {

font-family: "Arial Black", Arial, Tahoma, sans-serif;
font-size: 18px;
padding: 10px 0 10px 0px;
background: none;
margin: 0 0 0px 0;

}

#txt-nopadding p {

padding: 5px 0 10px 15px;

}



body {

font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #3d3d3d;
background: #f6f5f5 url('img/bg.gif') no-repeat top center;



}


#wrapper {

width: 942px;
margin: 0 auto;
display: block;
height: 10px;

}

#header {

padding: 147px 0 0 0;
height:171px;

}

#header a#logo h1 {

display: none;

}

#header a#logo {

width: 82px;
height: 97px;
background: url('img/logo.gif') no-repeat top left;
display: block;
margin:0px 0 0 25px;
float: left;

}

#menu {

float: left;
margin: 0 0px 0 28px;
font-size: 11px;
color: #9c9e9f;
text-decoration: none;


}

#menu a {

font-size: 11px;
color: #9c9e9f;
text-decoration: none;

}



#menu ul.main li {

border-left: 1px solid #bfbebf;
padding: 5px 0px 0px 12px;


}

#menu ul.main li a:hover {

color: #e42720;


}

#menu ul.main li a.active {

color: #e42720;


}


#menu ul.sec li a.active {

color: #ea670c;


}

#menu ul.sec li a:hover {

color: #ea670c;

}

a {

color: #ea670c;

}


#menu ul.sec {

margin: 20px 0 0 0;

}






#menu ul.main li li {

border-left: none;
padding: 0 0px 0 0px;

}

#menu li {

list-style: none;

}




ul.main {

float: left;
width: 134px;
}



#content-top {

background: url('img/content-top.gif') no-repeat top left;
width: 942px;
height: 254px;

}


#content {

background: url('img/bg-content.gif') repeat-y top left;
line-height: 15px;
min-height:250px;

}

#content ul {

margin: 10px 0 10px 30px;

}





#txt-padding {

margin: -180px 0 0 70px;
width: 800px;
padding: 0 0 30px 0;


}

#txt-nopadding {

margin: -212px 0 0 41px;
width: 800px;
padding: 0 0 0px 0;


}



#footer {

height: 89px;
width: 942px;
background: url('img/footer-bg.gif') no-repeat top left;



}


#klienci {

background: url(img/klienci_bg.gif) repeat-y 0px -11px;

width: 860px;

}


.klient {


width: 172px;
height: 172px;
float: left;


}



table.tabelki {

width: 859px;

}


p.red { color: #E42720; }


#indesign {

background: url('img/indesign-illustrator.jpg') no-repeat top left;
width: 214px;
padding: 0 0 0 595px;
min-height: 1120px;

}


#photoshop {

background: url('img/photoshop.jpg') no-repeat top left;
width: 214px;
padding: 0 0 0 595px;
min-height: 435px;

}

table { color: #fff; }
.red3x5 { width: 859px; height: 153px; background: url('img/red3x5.gif') no-repeat top left; }
.red4x5 { width: 859px; height: 127px; background: url('img/red4x5.gif') no-repeat top left; }
.red3x5wide { width: 859px; height: 127px; background: url('img/red3x5wide.gif') no-repeat top left; }
.red2x5wide { width: 859px; height: 127px; background: url('img/red2x5wide.gif') no-repeat top left; }
.red6x6 { width: 859px; height: 127px; background: url('img/red6x6.gif') no-repeat top left; }
.red2x5 { width: 859px; height: 127px; background: url('img/red2x5.gif') no-repeat top left; }

.orange3x5 { width: 859px; height: 153px; background: url('img/orange3x5.gif') no-repeat top left; }
.orange4x5 { width: 859px; height: 127px; background: url('img/orange4x5.gif') no-repeat top left; }
.orange3x5wide { width: 859px; height: 127px; background: url('img/orange3x5wide.gif') no-repeat top left; }
.orange2x6 { width: 859px; height: 153px; background: url('img/orange2x6.gif') no-repeat top left; }
.orange2x5wide { width: 859px; height: 127px; background: url('img/orange2x5wide.gif') no-repeat top left; }
.orange2x5 { width: 859px; height: 127px; background: url('img/orabge2x5.gif') no-repeat top left; }

.yellow3x5 { width: 859px; height: 153px; background: url('img/yellow3x5.gif') no-repeat top left; }
.yellow4x5 { width: 859px; height: 127px; background: url('img/yellow4x5.gif') no-repeat top left; }
.yellow3x5wide { width: 859px; height: 127px; background: url('img/yellow3x5wide.gif') no-repeat top left; }
.yellow2x5wide { width: 859px; height: 127px; background: url('img/yellow2x5wide.gif') no-repeat top left; }
.yellow2x5 { width: 859px; height: 127px; background: url('img/yellow2x5.gif') no-repeat top left; }

td.n { width: 72px; padding: 4px 0 4px 20px; text-align: left;}
td { width: 75px; text-align: center;}
td.wide1, td.wide2 { width:178px; padding:4px 0 4px 0px;}