body {
margin:0;
padding:0;
font-family: Verdana;
font-size: 12px;
letter-spacing:-0.5px; 
color:#848484;
}

a {
color:#848484;
}

a:hover {
color:#1698D8;
}

/* TOP TOP TOP */

.top {
background:#f7f7f7;
height:100px;
}

.topinner {
width:1000px;
margin:0 auto;
}

.logo {
width:280px;
height:100px;
background:url(images/logo.gif) no-repeat center;
float:left;
display: block;
border: none;
}

.menu {
width:520px;
height:44px;
float:right;
padding:26px 0;
list-style: none;
}

.menu ul {
margin: 0;
padding: 0;
list-style: none;
}

a.stronaglowna {
text-indent:-5000px;
display:block;
width:118px;
height:44px;
float:left;
background: url(images/menu/stronaglowna.gif) no-repeat;
background-position:bottom center;
}

a.blog {
text-indent:-5000px;
display:block;
width:54px;
height:44px;
padding:0 3px;
float:left;
background: url(images/menu/blog.gif) no-repeat;
background-position:bottom center;
}

a.oferta {
text-indent:-5000px;
display:block;
width:65px;
height:44px;
padding:0 3px;
float:left;
background: url(images/menu/oferta.gif) no-repeat;
background-position:bottom center;
}

a.portfolio {
text-indent:-5000px;
display:block;
width:77px;
height:44px;
padding:0 3px;
float:left;
background: url(images/menu/portfolio.gif) no-repeat;
background-position:bottom center;
}

a.referencje {
text-indent:-5000px;
display:block;
width:95px;
height:44px;
padding:0 3px;
float:left;
background: url(images/menu/referencje.gif) no-repeat;
background-position:bottom center;
}

a.kontakt {
text-indent:-5000px;
display:block;
width:74px;
height:44px;
padding:0 3px;
float:left;
background: url(images/menu/kontakt.gif) no-repeat;
background-position:bottom center;
}

.menu a:hover {
background-position:top center; 
}

a.current {
background-position:top center; 
}

/* KONIEC TOP TOP TOP */

/* CONTAINER */

.container {
width:1000px;
margin:0 auto;
}

/* HEADER */

.header {
background: url(images/header.jpg) no-repeat center bottom;
width:1000px;
height:200px;
padding-top:10px;
}

/* KONIEC HEADER */

/* MIDDLE CONTENT */

blockquote {
background: #F6F6F6;
margin:13px 0;
padding:35px;
}

.kontaktcontent {
border-right: 1px solid #F1F1F1; 
padding: 15px 45px 20px 15px; 
float: left; 
width: 550px; 
margin-top: 15px;
line-height: 21px;
}

img {
border:0;
padding:0;
margin:0;
}

.kontaktcontent img { padding: 1px; margin: 0px 15px 15px 0px; }

.ja {padding:0px; margin:0px;}

.alignleft {float:left;}
.alignright {float:right;}


.middlecontent {
background: url(images/middlecontent.jpg) no-repeat center center;
height:522px;
display: block;
}

.naglowek {
background: transparent url(images/naglowek.gif) no-repeat center bottom;
width:1000px;
height:56px;
padding-top:30px;
display: block;
}

.boksy {
display:block;
float:left;
height:130px;
padding:0 0;
width:331px;
}

.boksy p {
line-height:24px;
padding:15px 32px;
}

.kontakt {
width:368px;
height:280px;
float:left;
}

.atuty {
width:628px;
height:280px;
float:left;
}

.skontaktuj {
height:48px;
width:368px;
background: url(images/skontaktujsie.jpg) no-repeat center bottom;
padding-top:50px;
}

.skontaktuj2 {
background:transparent url(images/skontaktujsie.jpg) no-repeat scroll center bottom;
height:48px;
padding-top:25px;
width:285px;
margin-left:20px;
}

.dlaczego {
height:55px;
width:400px;
background: url(images/dlaczego.gif) no-repeat bottom center;
margin:0 auto;
}

.ikonki {
color:#1693c2;
padding:29px 61px;
}

.ikonki span {
color:#000;
display: block;
float:left;
padding-top:5px;
padding-bottom:5px;
}

.ikonki2 span {
color:#000;
display: block;
float:left;
padding-top:5px;
padding-bottom:5px;
}

.ikonki2 {
color:#1693c2;
padding:29px 61px 29px 50px
}

.gg {
background: url(images/ikonki/gg.jpg) no-repeat left center;
padding-left:40px;
height:19px;
padding-top:5px;
padding-bottom:5px;
width:90px;
float:left;
}

.skype {
background: url(images/ikonki/skype.jpg) no-repeat left center;
padding-left:40px;
height:19px;
padding-top:5px;
padding-bottom:5px;
width:90px;
float:left;
}

.gmail {
background: url(images/ikonki/gmail.jpg) no-repeat left center;
padding-left:40px;
height:19px;
padding-top:5px;
padding-bottom:5px;
width:90px;
float:left;
}

.googletalk {
background: url(images/ikonki/googletalk.jpg) no-repeat left center;
padding-left:40px;
height:19px;
padding-top:5px;
padding-bottom:5px;
width:90px;
float:left;
}

.telefon {
background: url(images/ikonki/telefon.jpg) no-repeat left center;
padding-left:40px;
height:19px;
padding-top:5px;
padding-bottom:5px;
width:90px;
float:left;
}

.atutyboks {
padding:20px 20px 0px 20px;
width:260px;
float:left;
}

.atutyikonki {
height:13px; 
padding:13px 0 13px 40px;
}


.terminowosc {
background: url(images/terminowosc.gif) no-repeat center left;
}

.kompleksowe {
background: url(images/kompleksowe.gif) no-repeat center left;
}

.najnowsze2 {
background: url(images/najnowsze.gif) no-repeat center left;
}

.obustronne {
background: url(images/obustronne.gif) no-repeat center left;
}

p.atutyopis {
padding-left: 40px;
width:250px;
font-size: 10px;
font-style: italic;
line-height: 18px;
}

/* KONIEC MIDDLE CONTENT */

/* POST NA BLOGU */

.tytulposta, .tytulposta a {
font-family:Verdana;
font-size: 20px;
letter-spacing: -0.2px;
color: #585858;
padding:30px 0 0 0;
text-decoration: none;
}

.dataposta span {
color: #a0a0a0;
}

.dataposta {
color: #585858;
font-size: 11px;
font-family: Verdana;
display:block;
width:auto;
float:left;
padding:3px 15px 0 0;
}

.autorposta {
color: #585858;
font-size: 11px;
font-family: Verdana;
display:block;
width:400px;
float:left;
padding:3px 15px 0 0;
}

.trescposta {
padding:30px 0px;
line-height: 22px;
font-family: Verdana;
font-size: 12px;
color: #585858;
}

.podtytulem {
display: inline;
clear:both;
}

.post {
width:600px;
display:block;
margin:20px;
}

.miniatura {
float:left;
width:200px;
height:150px;
border: 5px solid #f4f4f4;
margin:26px 20px 0 0;
}

.meta {
width:270px;
height:18px;
padding:5px 10px;
float:right;
display: block;
background: #f7f7f7;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.meta a {
text-decoration: none;
color: #a0a0a0;
}

a.czytaj {
float:right;
padding:0 7px;
color:#585858;
}

a.czytaj:hover {
color:#1698D8;
}

p.komentarze {
color: #585858;
font-size: 11px;
font-family: Verdana;
width:80px;
display: block;
padding:0;
margin:0;
}

/* POST NA BLOGU */

/* PORTFOLIO */

.portfoliocontainer {
width:1000px;
margin:20px 30px 10px 0px;
float:left;
background:#F7F7F7;
}

.portfoliocontainer a {
color: #323232;
font-family: Georgia;
font-size: 16px;
text-decoration: none;
}

.obrazek {
width: 700px;
height:350px;
float:left;
margin:10px;
}

.opisobrazka {
float:left;
width:255px;
margin: 10px 10px;
}

.opisobrazka p{
margin:0px;
padding:0px;
line-height: 20px;
font-size:12px;
}

.tytulpracy {
margin:10px 0px 0px 10px;
font-size:32px;
font-family: georgia;
float:left;
color:#000;
width:255px;
}

/* KONIEC PORTFOLIO */

/* SIDEBAR */

.sidebar {
border-left:1px solid #E8E8E8;
float:right;
margin:10px 0;
padding:20px 5px 0 40px;
width:260px;
}

.najnowsze {
width:250px;
height:70px;
border:none;
}

.wpisy {
background: url(images/najnowszewpisy.jpg) no-repeat;
}

.komenty {
background: url(images/najnowszekomentarze.jpg) no-repeat;
}

li.sidebarlista {
margin:0 0 0 20px;
}

li.sidebarlista a {
list-style: circle;
line-height: 28px;
text-decoration: none;
letter-spacing: -0.8px;
}

a.rss {
background: url(images/subskrybujrss.jpg) no-repeat;
height:68px;
width:230px;
display: block;
margin:10px 0px;
}



/* KONIEC SIDEBAR */


/* FOOTER */

.footer {
height:90px;
background:#f7f7f7;
margin-top:10px;
}

.footerin {
margin:0 auto;
width:1000px;
}

.footermenu {
float:left;
padding:24px 0;
text-align:right;
width:480px;
}

a.kropka {
background: url(images/kropka.gif) no-repeat center left; 
padding:10px 6px 10px 15px;
float:left;
text-decoration: none;
}

.footercopyright {
background: url(images/logocop.gif) no-repeat center right;
padding:35px 84px 35px 0;
float:right;
}

/* KONIEC FOOTER */