* { 
padding: 0;
margin: 0;
}
body {
margin:0 0 0 auto;
margin-top:15px;
margin-bottom:15px;
font-family: 'Ubuntu', sans-serif;
font-size: 1.1em;
background:#fff;
background-color:#e6e6e6;
background-image:url(../img/bg10.png);
}
#header-wrapper {
background-color:#df0023;
height:230px;
border-bottom:5px solid #666;
border-top:5px solid #666;
width:100%;
min-width:1000px;
margin:0 auto;
overflow:hidden;
}
header {
background-color:#df0023;
box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
margin:0 auto;
border-left:2px dashed #666;
border-right:2px dashed #666;
width:996px;
}
header h1 {
font-size:0;
margin:0 auto;
background:url(../img/kprb_logo.png) no-repeat;
background-position:0px center;
height:175px;
width:996px;
}
header nav {
margin:0 auto;
height:55px;
width:996px;
}
header nav li {
margin:0 auto;
float:left;
list-style:none;
border:0;
}
header nav a {
font-size:1.8em;
text-decoration:none;
display:block;
color:#fff;
height:50px;
width:249px;
line-height:50px;
text-align:center;
border:0;
border-top:5px solid #ff0028;
background-color:;
}
header nav a:hover {
font-size:1.8em;
text-decoration:none;
display:block;
color:#df0023;
height:50px;
width:249px;
text-align:center;
border:0;
border-top:5px solid #666;
background-color:#808080;
}
header nav a.active {
height:50px;
border-top:5px solid #666;
color:#df0023;
background-color:#808080;
}
main {
margin:0 auto;
background-position:top center;
width:100%;
}
article{
margin:0 auto;
border-left:2px dashed #666;
border-right:2px dashed #666;
font-size:1.2em;
width:956px;
min-height:700px;
background-color:#fff;
padding:20px;
line-height:28px;
}
article strong {
font-weight:normal;
font-weight:600;
}
article .justify {
text-align:justify;
}
article .center {
text-align:center;
}
#firma img {
margin:10px;
border:2px solid #df0023;
}
#firma #gazela {
padding:3px;
width:50%;
height:50%; 
}
#oferta p {
margin-bottom:10px;
}
#realizacje h2{
padding-top:10px;
margin-bottom:10px;
border-bottom:1px dashed #df0023;
color:#808080;
}
#realizacje ul li{
padding-left:10px;
margin-bottom:10px;
list-style:none;
font-size:1.2em;
font-weight:600;
}
#realizacje ul li ul {
padding:0px;
margin:0px;
padding-left:30px;
}
#realizacje ul li ul li{
padding:0px;
margin:0px;
list-style:disc;
font-size:0.8em;
font-weight:normal;
}
#kontakt h2{
padding-top:10px;
margin-bottom:10px;
border-bottom:1px dashed #df0023;
color:#808080;
}
#kontakt ul li address {
font-style:normal;
font-weight:500;
font-size:1em;
}
#kontakt ul li{
padding-left:10px;
margin-bottom:10px;
list-style:none;
font-size:1.2em;
font-weight:600;
}
#kontakt ul li ul {
padding:0px;
margin:0px;
padding-left:10px;
}
#kontakt ul li ul li{
padding:0px;
margin:0px;
font-size:0.8em;
font-weight:normal;
}
#kontakt p {
padding-left:10px;
font-size:0.8em;
font-weight:normal;
}
#footer-wrapper {
border-bottom:5px solid #666;
border-top:5px solid #666;
background-color:#df0023;
width:100%;
min-width:1000px;
overflow:hidden;
}
footer{
box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
-webkit-box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow:15px 0 15px 0px rgba(0, 0, 0, 0.8), -15px 0 15px 0px rgba(0, 0, 0, 0.8);
color:#fff;
font-size:1em;
border-left:2px dashed #666;
border-right:2px dashed #666;
margin:0 auto;
height:54px;
width:996px;
background-color:#df0023;
border-top:0px;
}
footer nav {
padding-left:10px;
padding-top:15px;
text-align:left;
float:left;
width:350px;
height:39px;
}
footer nav li {
margin-right:5px;
float:left;
list-style:none;
}
footer nav a, footer nav a:visited {
color:#fff;
text-decoration:none;
}
footer nav a:hover {
color:#fff;
text-decoration:underline;
}
#footer-right {
padding-right:10px;
padding-top:15px;
text-align:right;
float:right;
width:626px;
height:39px;
}