@import url(http://fonts.googleapis.com/css?family=Roboto:100,400,300,600,700,800&subset=latin-ext);
a:hover, a:active, a:focus {
   outline: 0;
}
body { background: #fff url(/images/bg.jpg) top center no-repeat; color: #464646; font-family: 'Roboto', sans-serif; font-size: 13px; line-height: 18px; margin: 0; }
img { border: 0; vertical-align: middle; }
a { color: #222; text-decoration: none; }
a:hover { text-decoration: none; }
h1,h2,h3,h4,h5 { margin: 0; padding: 0; }
h1 {font-weight:500;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:20px;margin-top:10px;}
h2 {font-weight:500;}
::selection { background: #0071BB; color: #fff; }
::-moz-selection { background: #0071BB; color: #fff; }

.x { clear: both; }
.x2 { clear: both; height: 20px; }
.x3 { clear: both; height: 30px; }

.wrapper { width: 1100px; margin: 0 auto; }

#header { width: 100%; height: 80px; }
#header .logo { float: left; margin-top: 21px; }

#boxes { width: 100%; }
#boxes .b { background: #f5f5f5;background-size: 100% 100% !important; display: block; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#boxes .b span { height: 30px; color: #fff; line-height: 30px; background: rgba(0,0,0,0.8); padding: 10px 20px; display: block; font-size: 17px; font-weight: bold;  -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#boxes .b:hover span { height: 50px; line-height: 50px; text-decoration: none;  background: rgba(153,102,51,0.8); }
#boxes .b a:hover { text-decoration: none; }
#boxes .b1 { width: 540px; height: 260px; margin: 0 20px 20px 0; background: url(/images/onas_k.jpg); }
#boxes .b2 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/zakres-prac.jpg); }
#boxes .b3 { width: 260px; height: 260px; margin: 0 0; background: url(/images/kontakt2.jpg); }
#boxes .b4 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/opinie2.jpg); }
#boxes .b5 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/sprzedaz2.jpg); }
#boxes .b6 { width: 540px; height: 260px; margin: 0 0 20px; background: url(/images/galeria.jpg); }
#boxes .b7 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/wideo.jpg); }
#boxes .b8 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/strojenie.jpg); }
#boxes .b9 { width: 260px; height: 260px; margin: 0 20px 20px 0; background: url(/images/naprawa.jpg); }
#boxes .b10 { width: 260px; height: 260px; margin: 0 0; background: url(/images/ekspertyza.jpg); }
#boxes .b11 { width: 260px; height: 260px; margin: 0 20px 20px 0;; background: url(/images/b6a.jpg); }
#boxes .b12 { width: 260px; height: 260px; margin: 0 0; background: url(/images/b6a.jpg); }


#bottom { width: 100%; height: 200px; padding: 20px 0; color: #777; background: #fff url(/images/bg-footer.jpg) top center no-repeat; }
#bottom h3 { margin: 0 0 10px 0; padding: 0; }
#bottom p { margin: 0 0 10px 0; padding: 0; }
#bottom a { color: #777; }
#bottom a:hover { text-decoration: underline; }
#bottom .c1 { width: 700px; text-align:justify; height: 152px; float: left; line-height: 21px; }
#bottom .c2 { width: 260px; height: 152px; float: right; margin-top: 20px; }
#bottom .c2 .cl { float: left; width: 120px; }
#bottom .c2 .cr { float: right; width: 120px; }
.logo {width:200px !important;display:inline !important;}
#footer { width: 100%; border-top: 1px #ddd solid; padding: 20px 0; height: 20px; line-height: 20px; color: #aaa; font-size: 12px; }
#footer a { color: #aaa; margin-left: 30px; }
#footer .l { float: left; }
#footer .r { float: right; }
.tresc p {text-align:justify;}
.tresc {width:600px;margin:auto;float:right;width:74%;}
.onas {text-align:justify;width:600px;margin:auto;margin-bottom:70px;margin-top: 5px;}
.tresc img {width:600px;margin:auto;display:block;}
.tresc ol {list-style:upper-roman;}
.tresc ul {padding-left:10px;}
.tresc ul li {list-style:none;}
.tresc ul li:before{ content:""; position:relative; left:-5px;}
.tresc ul li{ text-indent:-5px; }
.tresc video {border:0;width:100%;height:450px;}
.tresc ul li a {color:#999;}
.contact{text-align:center;float:right;}
.contact p {font-size:14px;margin:0;margin-top:5px;}
.contact .telefon:before {content:"";float:left;width:20px;height:15px;display:inline-block;background:url('/images/phone.png') no-repeat;background-size:15px 15px;}
.contact .mail:before {content:"";float:left;width:20px;height:15px;display:inline-block;background:url('/images/mail.png') no-repeat;background-size:15px 15px;}
.contact .adres:before {content:"";float:left;width:20px;height:15px;display:inline-block;background:url('/images/adres.png') no-repeat;background-size:15px 15px;}
#side {float:left;width:24%;padding-right:10px;}
#side ul {list-style:none;margin-top:0;padding:0}
#side li {font-size:16px;border-bottom:1px solid #ddd;text-align:center; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;}
#side li:last-child {border-bottom:0;}
#side li:hover {background: rgba(153,102,51,0.8); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease;}
.cien_boxy a {display:block;padding:10px;}
#lista {list-style:none;padding:0 !important;overflow: hidden;}
#lista span {padding-top:5px;display:block;}
#lista li {margin:0 3px;text-align:center;float:left;padding: 6px 0 20px;width:49%;font-size:14px;}
#lista li:before {content:"" !important;}
.zapr_realizacje {width:49% !important;}
#lista li img {width:100%;}
#lista2 {padding-left:0;overflow: hidden;}
#lista2 a {display:block;}
#lista2 li img {height:60px;max-width:150px; width:auto;float:left;}
.naprawa {float:left;width:auto;position:relative; margin-left:5px;margin-right:5px;margin-bottom:10px;}
.naprawa:hover .hover-box {opacity:1;}
.hover-box 
{
background:rgba(255,255,255,0.4);
opacity:0;
position:absolute;    
top:0;
bottom:0;
left:0;
right:0;
pointer-events:none;
    }
#map_canvas {display: inline-block;width: 100%;height: 420px;margin-right: 17px;margin-left: 5px;z-index: 999;}
.adress {margin-top:50px;text-align:center;}
.akapit {margin-bottom:50px;}
#street_view
{
height:500px;
margin-top:50px;
}
@media (max-width:1100px)
{
#bottom
{
height:260px;
background: #fff url(/images/bg-footer.jpg) top left no-repeat;
background-size:108% 260px;
padding: 20px 15px;
width:calc( 100% - 40px );
}
.tresc img {width:100%; }
.onas {width:100%;}
#bottom .wrapper
{
width:100%;
}
#bottom .c1
{
width:63%;
}
#lista li
{
height:250px;
}
.wrapper { width: 820px;  }
body {background: #fff url(/images/bg.jpg) top left 36% no-repeat;}
#boxes .b1 {  margin: 0 20px 20px 0;}
#boxes .b2 { margin: 0 0 20px; }
#boxes .b3 { margin: 0 20px 20px 0; }
#boxes .b4 { margin: 0 20px 20px 0;}
#boxes .b5 {  margin: 0 0;}
#boxes .b6 { margin: 0 20px 20px 0;}
#boxes .b7 { margin: 0 0 20px;}
#boxes .b8 {  margin: 0 20px 20px 0;}
#boxes .b9 { margin: 0 20px 20px 0;}
#boxes .b10 { margin: 0 0;}
}
@media (max-width:940px)
{
#bottom
{
background-size:108% 290px;
}
#bottom .c2 {width:200px;margin-top: 0px;}
.cr {float:left !important;}
}
@media (max-width:840px)
{
.blank{
height:0; padding:0 !important;;
}
#lista li {float:initial;margin:auto;height:auto;}
.zapr_realizacje{width:80% !important;}
.wrapper { width: 540px;  }
body {background: #fff url(/images/bg.jpg) top left 26% no-repeat;}
#boxes .b1 {margin: 0 0 20px;}
#boxes .b2 {margin: 0 20px 20px 0;}
#boxes .b3 {margin: 0 0;}
#boxes .b4 {margin: 0 20px 20px 0;}
#boxes .b5 {margin: 0 0;}
#boxes .b6 {margin: 0 20px 20px 0 ;}
#boxes .b7 {margin: 0 20px 20px 0;}
#boxes .b8 {margin: 0 0;}
#boxes .b9 {margin: 0 20px 20px 0;}
#boxes .b10 { margin: 0 0;}
#bottom
{
background:0;
height: auto;
padding:0;
width:100%;
}
#bottom .c2 {float:left;padding-left:15px;padding-top:15px;width: 385px;height: 160px;}
.cr {float:right !important;}
.cl p {display:inline-block;}
#bottom .c1 {width:calc( 100% - 30px);padding:15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;height:auto;}
}
@media (max-width:560px)
{
#lista {padding:inherit !important;}
#side {width:auto;text-align:center;}
#side li {border-bottom:0;border-right:1px solid #ddd;float:initial;display:inline-block;}
#side li:last-child {border:0;}
#header .wrapper {width: calc( 100% - 30px);padding:0 15px;}
.wrapper { width: 100%;  }
#boxes .b1 {width:260px;margin: 0 0 20px 0;background: url(/images/onas_m.jpg); }
#boxes .b6 {width:260px;margin: 0 0 20px 0;background: url(/images/galeria_m.jpg);}
#boxes .b2 {margin: 0 0 20px 0;}
#boxes .b3 {margin: 0 0 20px 0;}
#boxes .b4 {margin: 0 0 20px 0;}
#boxes .b5 {margin: 0 0 20px 0;}
#boxes .b7 {margin: 0 0 20px 0;}
#boxes .b8 {margin: 0 0 20px 0;}
#boxes .b9 {margin: 0 0 20px 0;}
#boxes .b10 {margin: 0 0;}
#boxes .b {
margin-left: auto !important;
margin-right: auto !important;
float:initial;
}
.tresc {width:auto;float:initial;padding:15px;}
}
@media (max-width:400px)
{
body {width:400px;}
}