* {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

html, body {
height: 100%;
color: #433f3c;
font-family: 'Signika', sans-serif;
font-weight: 300;
font-size: 12px;
line-height: 20px;
}
.price {
text-align:right;
width:100%;
border-top: 1px solid rgba(0, 0, 0,.06);
margin-top:-14px;
margin-bottom: 14px;
background:rgba(0,0,0,.03);
}
h2 {
font-size: 18px;
color: #75706c;
border-bottom: 1px solid rgb(187, 180, 176);
border-bottom: 1px solid rgba(0, 0, 0, .05);
font-weight:300;
font-family: 'Signika', sans-serif;
margin-top: 26px;
clear:both;
width:100%;
}

ul {
margin:22px 28px;
list-style-type:none;
}

span.grey {
color: #9e958f;
font-size:11px;
padding:0 4px;
}



ul li {
background:url('img/dot.png') no-repeat 0 7px ;
padding-left:14px;
}

p {
margin:18px 0;
}

h1 {
font-family: 'Lato', sans-serif;
font-weight: 300;
font-size: 24px;
margin-bottom: 30px;
padding-bottom: 6px;
border-bottom: 1px dashed rgba(0, 0, 0, .10);
}

#logowanie a {
display:block;
width:98px;
height:31px;
float:right;
margin-left:9px;
}

#ifaktury {
background: url('img/button-ifaktury-off.jpg');
}
#ifaktury:hover {
background: url('img/button-ifaktury.jpg');
}
#pulpit {
background: url('img/button-pulpit-menedzera-off.jpg');
}
#pulpit:hover {
background: url('img/button-pulpit-menedzera.jpg');
}
#ibard {
background: url('img/button-ibard-off.jpg');
}
#ibard:hover {
background: url('img/button-ibard.jpg');
}

#footer a {
display:block;
}

#footer {
display:table-cell;
vertical-align: middle;
}

#footer-container {
position:absolute;
bottom:0px;
background: url('img/footer-fade.png') repeat-x top;
width:100%;
height:13%;
float:left;
display:table;
}

#footer-inner {
width:980px;
margin:0 auto;
}

#header-container {
background: url('img/header-fade.png') repeat-x bottom; width:100%; height:16%; float:left; display: table;
}

#header-outer {
display: table-cell; vertical-align: middle; background: url('img/header-fade-2.png') no-repeat 15% 0; height:100%;
}

#header-inner {
width: 980px; margin: 0 auto;
}

#krakow {
width: 154px;
height: 32px;
float:left;
margin-left:195px;
background: url('img/dzialamy-w-krakowie.png');
}

#krakow:hover {
background: url('img/dzialamy-w-krakowie-on.png');
}

#comarch {
float:right;
width: 98px;
height: 15px;
margin-top:9px;
background: url('img/comarch.png');
}

#comarch:hover {
background: url('img/comarch-on.png');
}

#menu { margin-top:7%; }
#menu ul {
margin:0;
padding:0;
list-style-type:none;
}

#menu ul li {
margin:0;
padding:0;
background:none;
float:left;
display:block;
}

#menu ul li a {
display: block;
float: left;
width: 195px;
}

#strona-glowna {
height:49px;
background: url('img/strona-glowna.png');
}
#korzysci {
height:51px;
background: url('img/korzysci.png');
}
#oferta {
height:49px;
background: url('img/oferta.png');
}
#narzedzia {
height: 50px;
background: url('img/narzedzia.png');
}
#o-nas {
height:48px;
background: url('img/o-nas.png');
}
#kontakt {
height:52px;
background: url('img/kontakt.png');
}

#strona-glowna:hover {
background: url('img/strona-glowna-on.png');
}
#korzysci:hover {
background: url('img/korzysci-on.png');
}
#oferta:hover {
background: url('img/oferta-on.png');
}
#narzedzia:hover {
background: url('img/narzedzia-on.png');
}
#o-nas:hover {
background: url('img/o-nas-on.png');
}
#kontakt:hover {
background: url('img/kontakt-on.png');
}

#korzysci-tab {
width:100%;
border-collapse: collapse;
border: 1px solid rgb(187, 180, 176);
border: 1px solid rgba(0, 0, 0, .10);
border-width:0 0 1px 1px;
margin: 20px 0;
text-shadow: 0.1em 0.1em 0.02em rgba(255,255,255,.2);

}
#korzysci-tab td {
width:50%;
background:url('img/cell-bg.png') repeat-x bottom;
height: 100px;
border: 1px solid rgb(187, 180, 176);
border: 1px solid rgba(0, 0, 0, .10);
border-width:1px 1px 0 0;
}

#korzysci-tab p {
margin: 5px 40px 0 0;
line-height:16px;
color: #6d6761;
}

h3 {
color:#654a2e;
font-family: 'Lato', sans-serif;
font-weight: 900;
font-size: 13px;
}

#korzysci-tab td img {
float:left;
margin:0 22px 0 18px;
}

#wiecej {
float:right;
color: #8c6e42;
text-decoration:none;
margin-top: -20px;
}

#wiecej:hover {
text-decoration:underline;
}

.oferta-box {
float:left;
width:31%;
margin:8px 25px 15px 0;
}

.oferta-box span {
color:#af8f61;
font-weight:bold;
font-family:'Lato';
}

.oferta-box p {
margin:0;
margin-top:4px;
line-height:18px;
}

a {
text-decoration:none;
color: #8c6e42;
}

a:hover {
text-decoration:underline;
}

#narzedzia-outer {
width:100%;
clear:both;
float:left;
margin-bottom:20px;
}

#narzedzia-box {
width:656px;
clear:both;
margin:15px auto;
}
#narzedzia-box div {
float:left;
}
#narzedzia-box img {
float:left;
border: solid 1px rgba(0,0,0,.0);
}

#narzedzia-box a:hover img {
border: solid 1px rgba(0,0,0,.2);
}

#submenu {
width:99%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid rgb(187, 180, 176);
border: solid 1px rgba(0,0,0,.06);
background: #e0dbd8;
background: rgba(0,0,0,.03);
margin: 0;
padding: 0;
list-style-type:none;
float:left;
padding:6px 0px;
margin-bottom: 35px;
}

#submenu li {
margin:0;
padding:0;
background:none;
}

#submenu a {
margin:0 30px;
padding:0 30px;
margin-left:0;
padding-left:0;
display:block;
float:left;
border-right:solid 1px rgba(0,0,0,.08);
font-family:'Lato';
font-weight:700;
text-transform:uppercase;
font-size:10px;
color:#97603c;
}

#submenu a:hover {
text-decoration:none;
color: #c58b5d;
}

#submenu li:first-child a {
margin-left:30px;
}

#submenu li:last-child a {
border:0;
}

.greek {
font-family:'Lato';
font-size:13px;
letter-spacing:0.1em;
}

.with-border {
float:right;
padding:5px;
border: 1px solid rgb(187, 180, 176);
border:solid 1px rgba(0,0,0,.08);
background:rgba(0,0,0,.03);
margin-top:18px;
margin-left:18px;
margin-bottom:18px;
}

.gallery img {
padding:5px;
border: 1px solid rgb(187, 180, 176);
border:solid 1px rgba(0,0,0,.08);
background:rgba(0,0,0,.03);
margin:10px;
width:120px;
vertical-align:middle;
}

.bigger {
font-size:16px;
color:#000;
}

.cv {
border-collapse: collapse;
margin:18px 0 36px 0;
}

.cv th {
border: 1px solid rgb(187, 180, 176);
border:solid 1px rgba(0,0,0,.08);
border-width:0 1px 0 0;
background:rgba(0,0,0,.03);
text-align:right;
padding:8px 9px;
font-weight:normal;
color: #6d6761;
width:92px;
}

.cv td {
padding:8px 18px;
}

hr {
border-top: 1px solid rgb(187, 180, 176);
border-top:solid 1px rgba(0,0,0,.05);
height:0;
width:100%;
}