#body{
margin:0;
padding:0;
text-align:center;
background-color:#080707;
background-image:url(../images/mainBg.jpg);
background-position:100% 0px;
background-repeat:no-repeat;
}

#topContainer0 {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:80px;
z-index:499;
}
#topContent0{
position:relative;
margin:0 auto 0 auto; padding:0;
width:900px; height:80px;
text-align:left;
background-image:url(../images/topContent0bg.png);
background-position:center top;
background-repeat:no-repeat;
}
#menuContainer{
position:relative; float:right;
margin:50px 0 0 0; padding:0;
width:501px; height:20px;
text-align:left;
}

#topContainer1 {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
background-image:url(../images/topContainer0bg.png);
background-position:center top;
background-repeat:repeat-x;
z-index:1;
}
#topContainer2 {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
background-image:url(../images/topContainer0bg.png);
background-position:center top;
background-repeat:repeat-x;
z-index:-1;
}
#kontaktContainer {
position:relative; float:left;
margin:10px 0 0 0; padding:0;
width:100%; height:auto;
}
#kontaktBox {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:350px;
background-color:#090909;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #4f4e4d;
}
#onasContainer {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
}
#onasBox {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:auto;
background-image:url(../images/portfolioBg.png);
background-position:center top;
background-repeat:no-repeat;
}
#onasBox1 {
position:relative;  
margin:0; padding:0;
width:300px; height:auto;
background-color:#333333;
}
#portfolioContainer {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
}
#portfolioBox {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:395px;
background-image:url(../images/portfolioBg.png);
background-position:center top;
background-repeat:no-repeat;
overflow:hidden;
}
#portfolioMenuBox {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:50px;
}
#portfolioContentBox {
position:relative; 
margin:0; padding:0;
width:900px; height:315px;
left:0px;
}
#portfolioContentBox1 {
position:absolute;
padding:0;
width:900px; height:315px;
top:0px;
}
#portfolioContentBox2 {
position:absolute; 
padding:0;
width:900px; height:315px;
top:0px;
}
#topContainerSub {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
background-image:url(../images/topContainer1bg.png);
background-position:center top;
background-repeat:repeat-x;
background-color:#fff;
}
#subContentBox {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:475px;
background-image:url(../images/ofeBG.png);
background-position:center top;
background-repeat:no-repeat;
}

#subContentBoxBlog {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:auto;
background-image:url(../images/ofeBG.png);
background-position:center top;
background-repeat:no-repeat;
}
#subContentBoxBlog .blok_wpisu {text-align:left; position:relative; padding:10px; margin-bottom:10px; -moz-border-radius:7px 7px 7px 7px; border-radius:7px; border:1px solid #aaaaaa; background-color:#fff; zoom:1; opacity:0.7;}			
#subContentBoxBlog .blok_wpisu .blok_tresci {padding:0 5px; margin:0; zoom:1;}
#subContentBoxBlog .blok_wpisu .blok_tresci p {margin:5px 0; padding:0; zoom:1; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size : 12px; color :#444444;}
#subContentBoxBlog .blok_wpisu .blok_attach_gallery {padding:5px; margin:0; position:relative; overflow:auto; zoom:1;}


#subContentBoxBlog .tekst_maly {font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size : 9px; color : #444444;}
#subContentBoxBlog .naglowek_link:Link,  #subContentBoxBlog .naglowek_link:Visited {color:#444444; font-family: 'Trebuchet MS', Helvetica, sans-serif; font-size:16px; text-decoration:none; }
#subContentBoxBlog .naglowek_link:Hover, #subContentBoxBlog .naglowek_link:Active {color:#ea510e;}
a.linkBlog{
font:900 10px Tahoma, Verdana, Arial; color:#f99737;
border:none; outline:none;
text-decoration:none;
}
a.linkBlog:hover{
color:#ea510e;
text-decoration:none;
}


#subContentBox2 {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:950px;
}
#subContentBox3 {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:550px;
}
#subContentBox4 {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:450px;
}
#subContentBox5 {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:550px;
}
#subContentBox6 {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:750px;
}
#panelsContainer {
position:relative; float:left;
margin:0; padding:0;
width:100%; height:auto;
}
#panelsContent {
position:relative; 
margin:0 auto 0 auto; padding:0;
width:900px; height:180px;
background-image:url(../images/panelsBg.png);
background-position:center top;
background-repeat:no-repeat;
}
#leftSideContainer {
position:relative; float:left; 
margin:10px 5px 0 5px; padding:0;
width:430px; height:250px;
background-color:#090909;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #4f4e4d;
}
#rightSideContainer {
position:relative; float:left; 
margin:10px 5px 0 5px; padding:0;
width:430px; height:250px;
text-align:left;
background-color:#090909;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border:1px solid #4f4e4d;
}
#left01 {
position:relative; float:left; 
margin:0 0 0 5px; padding:0;
width:420px; height:auto;
z-index:99;
}
#left02 {
position:relative; float:left; 
margin:-8px 0 0 5px; padding:0;
width:420px; height:auto;
}
#left03 {
position:relative; float:left; 
margin:0 0 0 5px; padding:0;
width:420px; height:auto;
}
#left04 {
position:relative; float:left; 
margin:0 0 0 5px; padding:0;
width:420px; height:105px;
}
#ostatnieContainer{
position:relative; float:left; 
margin:0; padding:0;
width:421px; height:80px;
text-align:left;
background-image:url(../images/bgCont.png);
background-position:center top;
background-repeat:repeat-x;
}
#seoContainer{
position:relative; float:left; 
margin:0; padding:0;
width:421px; height:80px;
text-align:left;
background-image:url(../images/bgCont.png);
background-position:center top;
background-repeat:repeat-x;
}
#blogContainer{
position:relative; float:left; 
margin:0; padding:0;
width:421px; height:auto;
text-align:left;
background-image:url(../images/bgCont.png);
background-position:center top;
background-repeat:repeat-x;
}
#klienciContainer{
position:relative; float:left; 
margin:0; padding:0;
width:421px; height:70px;
text-align:left;
background-image:url(../images/bgCont.png);
background-position:center top;
background-repeat:repeat-x;
text-align:center;
}
#footerContainer {
position:relative; float:left; 
margin:25px 0 0 0; padding:0;
width:100%; height:80px;
}
#footerContainerSub {
position:relative; float:left; 
margin:0; padding:0;
width:100%; height:auto;
background-image:url(../images/topFooterGfx.png);
background-position:center top;
background-repeat:no-repeat;
}
#footerCont1 {
position:relative;
margin:0 auto 0 auto; padding:0;
width:900px; height:30px;
text-align:left;
}
#footerCont1sub {
position:relative;
margin:20px auto 0 auto; padding:0;
width:900px; height:30px;
text-align:left;
}
#footerCont2 {
position:relative;
margin:0 auto 0 auto; padding:0;
width:900px; height:auto;
background-image:url(../images/imgGfx2.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
}
#folioItemContainer {
position:relative; float:left;
margin:0 0 0 20px; padding:0;
width:296px; height:296px;
background-image:url(../images/folioItemBg.png);
background-position:center top;
background-repeat:no-repeat;
text-align:center;
}
#folioTxtContainer {
position:relative; float:left;
margin:20px 0 0 0; padding:0;
width:560px; height:280px;
text-align:left;
}
#navigationCont {
position:absolute;
top:180px; left:0px;
margin:0; padding:0;
width:13px; height:44px;
z-index:20;
}
#navigationCont2 {
position:absolute;
top:180px; right:0px;
margin:0; padding:0;
width:13px; height:44px;
z-index:20;
}

#ofeContentBox {
position:absolute;
top:73px; left:160px;
margin:0; padding:0;
width:500px; height:auto;
}
#ofeContentBox2 {
position:absolute;
top:73px; left:160px;
margin:0; padding:0;
width:700px; height:auto;
}
#fotosContainer {
position:relative; float:left;
margin:20px 0 0 0; padding:0;
width:690px; height:auto;
}
.hostingBox {
position:relative; float:left;
margin:0 0 60px 0; padding:0;
width:600px; height:auto;
}
.googleMap {
position:absolute;
top:20px; right:20px;
margin:0; padding:0;
border:none;
}

/* TABELA */

table.onas {
position:relative; 
margin:20px 0 0 0; padding:0;
width:100%; height:auto;
border-collapse:collapse;
background-image:url(../images/bgbig1.png);
background-position:bottom center;
background-repeat:no-repeat;
}
table.onas td{
text-align:left;
vertical-align:top;
}
table.oferta {
position:absolute; top:50px;left:170px;
margin:0; padding:0;
width:750px; height:380px;
border-collapse:collapse;
}
table.oferta td{
width:375px;
}
table.oferta td:hover{
background-image:url(../images/ofeArrow.png);
background-position:190px 80px;
background-repeat:no-repeat;
}
table.oferta td:hover, a:hover{
color:#f03c29;
text-decoration:underline;
}
table.polecamy {
position:absolute; top:50px;left:170px;
margin:0; padding:0;
width:750px; height:auto;
border-collapse:collapse;
}
table.polecamy td{
height:141px;
text-align:left;
vertical-align:top;
}
table.polecamy td.leftTd{
width:140px;
}

/* Klasy obrazkow */

img.logo {
position:relative; float:left;
margin:5px 0 0 -6px; padding:0;
border:none;
}
img.topMenuImg {
position:relative; float:left;
margin:0; padding:0;
border:none;
}
img.imgGfx {
position:relative; float:left;
margin:10px 0 0 10px; padding:0;
border:none;
}
img.imgTxt {
position:relative; float:left;
margin:25px 0 0 -2px; padding:0;
border:none;
}
img.ostReal {
position:relative; float:left;
margin:11px 13px 0 25px; padding:0;
border:1px solid #525252;
}
img.hinetStopka{
position:relative; float:right;
margin:-10px 15px 0 0; padding:0;
border:none;
}
img.logoGfx{
position:relative;
margin:20px 15px 0 0; padding:0;
border:none;
}
img.gfxImgLink {
position:relative;
margin:0 3px 0 0; padding:0;
border:none;
}
img.ofeImgs{
position:relative; float:left;
margin:0; padding:0;
border:none;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
img.txtImg{
position:relative; float:left;
margin:0 0 0 10px; padding:0;
border:none;
}
img.wrocImg{
position:absolute;
top:105px; left:0px;
margin:0; padding:0;
border:none;
}
img.ofeHeadImg{
position:absolute;
top:65px; left:0px;
margin:0; padding:0;
border:none;
}
img.portfolioHeadImg{
position:absolute; 
top:-25px; left:0px;
margin:0; padding:0;
border:none;
}
img.ofeGfx{
position:absolute;
top:165px; left:25px;
margin:0; padding:0;
border:none;
}
img.ofeGfx2{
position:absolute;
top:105px; left:25px;
margin:0; padding:0;
border:none;
}
img.wwwImg{
position:absolute;
top:165px; right:15px;
margin:0; padding:0;
border:none;
}
img.wwwImg2{
position:absolute;
top:75px; right:55px;
margin:0; padding:0;
border:none;
}
img.cmsImg{
position:absolute;
top:75px; right:15px;
margin:0; padding:0;
border:none;
}
img.shopImg{
position:absolute;
top:125px; right:95px;
margin:0; padding:0;
border:none;
}
img.seoImg{
position:absolute;
top:155px; right:85px;
margin:0; padding:0;
border:none;
}
img.portfolioGfx {
position:relative; float:left;
margin:4px 7px 0 10px; padding:0;
border:none;
}
img.folioItemImg {
position:relative; 
top:83px; left:0px;
margin:0; padding:0;
border:none;
cursor:pointer;
}
img.zoomIco {
position:absolute; 
top:200px; right:55px;
margin:0; padding:0;
border:none;
z-index:10;
}
img.itemLinkArrow {
position:relative; 
top:-2px; right:2px;
margin:0; padding:0;
border:none;
}
img.arrowLeft {
position:relative; float:left; 
margin:0; padding:0;
border:none;
cursor:pointer;
}
img.arrowRight {
position:relative; float:right; 
margin:0; padding:0;
border:none;
cursor:pointer;
}
img.fotosImg {
position:relative; float:left; 
margin:0; padding:0;
border:none;
}
img.serwer {
position:relative; float:left; 
margin:0; padding:10px;
border:none;
}



/* Klasy Linków */

a.topLogo{
margin:0; padding:0;
border:none;
}

a.topMenuLink{
margin:0; padding:0;
border:none;
}
a.wiecej{
position:relative; float:right; 
margin:5px 10px 0 0; padding:0;
font:500 11px Arial, Tahoma, Verdana; color:#f88e36;
border:none; outline:none;
text-decoration:none;
}
a.wiecej:hover{
color:#f8ad36;
text-decoration:underline;
}
a.footerLinks{
position:relative; 
margin:0; padding:0 15px 0 0;
font:500 11px Tahoma, Verdana, Arial; color:#9f642c;
border:none; outline:none;
text-decoration:none;
}
a.footerLinks:hover{
color:#f8ad36;
text-decoration:underline;
}
a.footerMenuLink{
position:relative; 
margin:0 0 0 0; padding:0 25px 0 0;
font:500 11px Tahoma, Verdana, Arial; color:#606060;
border:none; outline:none;
text-decoration:none;
}
a.footerMenuLink:hover{
color:#868686;
text-decoration:underline;
}
a.portLink{
position:relative; float:left;
top:23px; left:170px; 
margin:0; padding:0;
font:900 11px Tahoma, Verdana, Arial; color:#f99737;
border:none; outline:none;
text-decoration:none;
}
a.portLink:hover{
color:#ea510e;
text-decoration:none;
}
a.portLinkActual{
position:relative; float:left;
top:23px; left:170px; 
margin:0; padding:0;
font:900 11px Tahoma, Verdana, Arial; color:#ea510e;
border:none; outline:none;
text-decoration:underline;
}
a.portLinkActual:hover{
color:#ea510e;
text-decoration:none;
}
a.linkItem{
position:relative; float:left;
margin:10px 0 0 20px; padding:0;
font:900 10px Tahoma, Verdana, Arial; color:#f99737;
border:none; outline:none;
text-decoration:none;
z-index:300;
}
a.linkItem:hover{
color:#ea510e;
text-decoration:none;
}
a.txtLink{
position:relative; 
margin:0; padding:0;
font:900 14px Tahoma, Verdana, Arial; color:#f99737;
border:none; outline:none;
text-decoration:none;
}
a.txtLink:hover{
color:#ea510e;
text-decoration:none;
}
a.polecLink{
position:relative; 
margin:0; padding:0;
font:900 14px Tahoma, Verdana, Arial; color:#f05829;
border:none; outline:none;
text-decoration:none;
}
a.polecLink:hover{
color:#f06f29;
text-decoration:none;
}

/* Klasy tekstów */

h1.onasHeaderH1 {
position:relative; float:left;
margin:0 0 10px 0; padding:0;
font:900 18px Helvetica, Tahoma, Verdana;
color:#f88c35;
width:100%; height:50px;
}
h1.polecamyHeader {
position:relative; float:left;
margin:35px 0 0 20px; padding:0;
font:900 14px Arial, Tahoma, Verdana;
color:#777;
width:100%;
}
p.polecamyP {
position:relative; float:left;
margin:11px 0 0 20px; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#999;
}
h1.folioTxtHeader {
position:relative;
margin:20px 0 0 20px; padding:0;
font:900 14px Arial, Tahoma, Verdana;
color:#aeaeae;
}
#ostatnieContainer p {
position:relative; 
margin:10px 10px 0 0; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#767676;
line-height:18px;
}
#seoContainer p {
position:relative; 
margin:10px 10px 0 0; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#767676;
line-height:18px;
}
#blogContainer p {
position:relative; 
margin:10px 0 0 10px; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#767676;
line-height:18px;
}
#blogContainer h1 {
position:relative; 
margin:10px 0 0 10px; padding:0;
font:900 13px Arial, Tahoma, Verdana;
color:#c4c4c4;
line-height:18px;
}
#footerCont1 p {
position:relative;  float:left;
margin:0 15px 0 0; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#cfcfcf;
line-height:18px;
}
#footerCont1sub p {
position:relative;  float:left;
margin:0 15px 0 0; padding:0;
font:500 12px Arial, Tahoma, Verdana;
color:#cfcfcf;
line-height:18px;
}
p.ofeP {
position:relative;  float:left;
margin:0 0 0 14px; padding:0;
font:900 12px Arial, Tahoma, Verdana;
color:#8f8f8f;
width:160px;
text-align:left;
}
p.subP {
position:relative; 
margin:15px 15px 0 15px; padding:0;
font:500 14px Arial, Tahoma, Verdana;
color:#8f8f8f;
text-align:left;
line-height:20px;
}
p.subPonas {
position:relative; 
margin:0 25px 0 0; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#b2b2b2;
text-align:left;
line-height:22px;
}
p.subPonas span {
color:#e9c088;
font:500 13px Arial, Tahoma, Verdana;
}
p.itemDate {
position:relative; 
margin:0 0 0 20px; padding:0;
font:500 11px Arial, Tahoma, Verdana;
color:#8f8f8f;
}

p.itemTxt {
position:relative; 
margin:20px 0 0 20px; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#8f8f8f;
line-height:19px;
}
p.ofeTxtP {
position:relative; float:left; 
margin:0; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#555;
line-height:19px;
text-align:left;
}
p.ofeTxtP2 {
position:relative; float:left; 
margin:0; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#555;
line-height:19px;
text-align:left;
width:600px;
}
p.kontaktP {
position:relative; float:left; 
margin:20px 0 0 20px; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#999;
line-height:19px;
text-align:left;
width:600px;
}

/* do portfolio */
div.itemTxt {
position:relative; 
margin:20px 0 0 20px; padding:0;
font:500 13px Arial, Tahoma, Verdana;
color:#8f8f8f;
line-height:19px;
}
div.itemTxt a {
	color:#f03c29;
	text-decoration:none;
}
div.itemTxt a:hover {
	color:#f03c29;
	text-decoration:underline;
}