html { font-size: 100%; /* IE hack */ }
body {background-color: #fff; font-family: 'Dosis', sans-serif; color:#4c4c4c; font-size: 1em; letter-spacing:1px; background-image: url(../images/back.png);}

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

.blue {color: #00BEEF;}
.white {color:#fff;}

a {color: #4c4c4c; text-decoration: none; outline: 0; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;}
a:hover {color: #00BEEF; text-decoration: none;}

#topik {max-width: 1050px; margin-left: auto; margin-right: auto; height: 5px; background-color: #4c4c4c;}

#container {position: relative; max-width: 1050px; margin-left: auto; margin-right: auto;}

#header {height: 150px; width: 100%; min-width: 650px;  max-width: 1050px; margin-left: auto; margin-right: auto; margin-top: 1px;}
#logo {float: left; padding-top: 25px; width: 24%; text-align: left;}
#menu {float: right; width: 75%; text-align: right; font-size: 1.2em;}
#kontakt {height: 25px; margin-top: 25px; margin-bottom: 50px; text-align: right; font-size: 0.75em;}

#realizacje {clear: both; height: 400px; width: 100%; min-width: 750px;  max-width: 1050px; margin-left: auto; margin-right: auto;}
.real {float: left; height: 100%; background-position: top center; border-bottom: solid 5px #4c4c4c; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;}
.real:hover {border-bottom: solid 5px #00BEEF;}
.real-title {height: auto; width: auto; padding: 5px; margin-left: auto; margin-right: auto; background-image: url(../images/back.png); background-position: top; text-align: center; font-size: 1.2em;}

#real1 {width: 33%; background-image: url(../images/real1.jpg);}
#real1:hover {background-image: none;}
#real2 {width: 34%; background-image: url(../images/real2.jpg);}
.ie7 #real2 {width: 33%; background-image: url(../images/real2.jpg);}
#real2:hover {background-image: none;}
#real3 {width: 33%; background-image: url(../images/real3.jpg);}
#real3:hover {background-image: none;}

.real-gallery {display: none; text-align: center;}
.real-gallery img {margin-left: 2px; margin-right: 2px;}
.ie7 .real-gallery img {margin-left: 2px; margin-right: 2px; margin-bottom: 4px;}
.real-gallery img:hover {-webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease;}

#gmap {height: 400px; width: 100%; min-width: 650px;  max-width: 1050px; margin-left: auto; margin-right: auto; border-bottom: solid 5px #4c4c4c;}

#content {min-width: 500px; max-width: 1050px; margin-top: 25px; margin-left: auto; margin-right: auto; line-height: 150%;}

#oferta {float: left; height: 100%; width: 30%; margin-bottom: 25px;}
#tekst {float: right; height: 100%; width: 70%; margin-bottom: 25px;}

.clear {clear: both;}

#footer {min-width: 650px; max-width: 1050px; margin-left: auto; margin-right: auto; height: auto;}

#social {float: left; width: 230px; text-align: left;}
#fejsik {float:left; margin-right: 10px;}
#ptaszek {float:left; margin-right: 10px;}
#plusik {float:left; padding-top: 1px;}

#copy {float: right; width: auto; text-align: right;  font-size: 0.75em;}

.gallery_overlay{display: none; position: fixed; top: 0%;	left: 0%;	width: 100%; height: 100%; background-color: black; background-image: url(../images/loading.png); background-repeat: no-repeat; background-position: center; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.gallery {display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; z-index:1002; overflow: auto; background-repeat: no-repeat; background-position: center; text-align: right; background-size: auto; -moz-background-size: auto;}
.close {float:right; margin: 50px; width: 50px; height: 50px; background-image: url(../images/close.png);}
.close a {display: block; width: 100%; height: 100%;}
.close a:hover {background-image: url(../images/close-.png);}
.navi {width: 100%; height: auto; margin-top: 25%; clear: both;}
.previous {float: left; width: 50%; text-align: left;}
.previous {float: left; margin-left: 50px; width: 50px; height: 50px; background-image: url(../images/previous.png);}
.previous a {display: block; width: 100%; height: 100%;}
.previous a:hover {background-image: url(../images/previous-.png);}
.next {float: right; margin-right: 50px; width: 50px; height: 50px; background-image: url(../images/next.png);}
.next a {display: block; width: 100%; height: 100%;}
.next a:hover {background-image: url(../images/next-.png);}

#real1-gallery01 {background-image: url(../images/real1/gallery01.jpg);}
#real1-gallery02 {background-image: url(../images/real1/gallery02.jpg);}
#real1-gallery03 {background-image: url(../images/real1/gallery03.jpg);}
#real1-gallery04 {background-image: url(../images/real1/gallery04.jpg);}
#real1-gallery05 {background-image: url(../images/real1/gallery05.jpg);}
#real1-gallery06 {background-image: url(../images/real1/gallery06.jpg);}
#real1-gallery07 {background-image: url(../images/real1/gallery07.jpg);}
#real1-gallery08 {background-image: url(../images/real1/gallery08.jpg);}
#real1-gallery09 {background-image: url(../images/real1/gallery09.jpg);}
#real1-gallery10 {background-image: url(../images/real1/gallery10.jpg);}
#real1-gallery11 {background-image: url(../images/real1/gallery11.jpg);}
#real1-gallery12 {background-image: url(../images/real1/gallery12.jpg);}
#real1-gallery13 {background-image: url(../images/real1/gallery13.jpg);}
#real1-gallery14 {background-image: url(../images/real1/gallery14.jpg);}
#real1-gallery15 {background-image: url(../images/real1/gallery15.jpg);}
#real1-gallery16 {background-image: url(../images/real1/gallery16.jpg);}
#real1-gallery17 {background-image: url(../images/real1/gallery17.jpg);}
#real1-gallery18 {background-image: url(../images/real1/gallery18.jpg);}
#real1-gallery19 {background-image: url(../images/real1/gallery19.jpg);}
#real1-gallery20 {background-image: url(../images/real1/gallery20.jpg);}
#real1-gallery21 {background-image: url(../images/real1/gallery21.jpg);}
#real1-gallery22 {background-image: url(../images/real1/gallery22.jpg);}
#real1-gallery23 {background-image: url(../images/real1/gallery23.jpg);}
#real1-gallery24 {background-image: url(../images/real1/gallery24.jpg);}
#real1-gallery25 {background-image: url(../images/real1/gallery25.jpg);}
#real1-gallery26 {background-image: url(../images/real1/gallery26.jpg);}
#real1-gallery27 {background-image: url(../images/real1/gallery27.jpg);}
#real1-gallery28 {background-image: url(../images/real1/gallery28.jpg);}

#real2-gallery01 {background-image: url(../images/real2/gallery01.jpg);}
#real2-gallery02 {background-image: url(../images/real2/gallery02.jpg);}
#real2-gallery03 {background-image: url(../images/real2/gallery03.jpg);}
#real2-gallery04 {background-image: url(../images/real2/gallery04.jpg);}
#real2-gallery05 {background-image: url(../images/real2/gallery05.jpg);}
#real2-gallery06 {background-image: url(../images/real2/gallery06.jpg);}
#real2-gallery07 {background-image: url(../images/real2/gallery07.jpg);}
#real2-gallery08 {background-image: url(../images/real2/gallery08.jpg);}
#real2-gallery09 {background-image: url(../images/real2/gallery09.jpg);}
#real2-gallery10 {background-image: url(../images/real2/gallery10.jpg);}
#real2-gallery11 {background-image: url(../images/real2/gallery11.jpg);}
#real2-gallery12 {background-image: url(../images/real2/gallery12.jpg);}
#real2-gallery13 {background-image: url(../images/real2/gallery13.jpg);}
#real2-gallery14 {background-image: url(../images/real2/gallery14.jpg);}
#real2-gallery15 {background-image: url(../images/real2/gallery15.jpg);}
#real2-gallery16 {background-image: url(../images/real2/gallery16.jpg);}
#real2-gallery17 {background-image: url(../images/real2/gallery17.jpg);}
#real2-gallery18 {background-image: url(../images/real2/gallery18.jpg);}
#real2-gallery19 {background-image: url(../images/real2/gallery19.jpg);}
#real2-gallery20 {background-image: url(../images/real2/gallery20.jpg);}
#real2-gallery21 {background-image: url(../images/real2/gallery21.jpg);}
#real2-gallery22 {background-image: url(../images/real2/gallery22.jpg);}
#real2-gallery23 {background-image: url(../images/real2/gallery23.jpg);}
#real2-gallery24 {background-image: url(../images/real2/gallery24.jpg);}
#real2-gallery25 {background-image: url(../images/real2/gallery25.jpg);}
#real2-gallery26 {background-image: url(../images/real2/gallery26.jpg);}
#real2-gallery27 {background-image: url(../images/real2/gallery27.jpg);}
#real2-gallery28 {background-image: url(../images/real2/gallery28.jpg);}

#real3-gallery01 {background-image: url(../images/real3/gallery01.jpg);}
#real3-gallery02 {background-image: url(../images/real3/gallery02.jpg);}
#real3-gallery03 {background-image: url(../images/real3/gallery03.jpg);}
#real3-gallery04 {background-image: url(../images/real3/gallery04.jpg);}
#real3-gallery05 {background-image: url(../images/real3/gallery05.jpg);}
#real3-gallery06 {background-image: url(../images/real3/gallery06.jpg);}
#real3-gallery07 {background-image: url(../images/real3/gallery07.jpg);}
#real3-gallery08 {background-image: url(../images/real3/gallery08.jpg);}
#real3-gallery09 {background-image: url(../images/real3/gallery09.jpg);}
#real3-gallery10 {background-image: url(../images/real3/gallery10.jpg);}
#real3-gallery11 {background-image: url(../images/real3/gallery11.jpg);}
#real3-gallery12 {background-image: url(../images/real3/gallery12.jpg);}
#real3-gallery13 {background-image: url(../images/real3/gallery13.jpg);}
#real3-gallery14 {background-image: url(../images/real3/gallery14.jpg);}
#real3-gallery15 {background-image: url(../images/real3/gallery15.jpg);}
#real3-gallery16 {background-image: url(../images/real3/gallery16.jpg);}
#real3-gallery17 {background-image: url(../images/real3/gallery17.jpg);}
#real3-gallery18 {background-image: url(../images/real3/gallery18.jpg);}
#real3-gallery19 {background-image: url(../images/real3/gallery19.jpg);}
#real3-gallery20 {background-image: url(../images/real3/gallery20.jpg);}
#real3-gallery21 {background-image: url(../images/real3/gallery21.jpg);}
#real3-gallery22 {background-image: url(../images/real3/gallery22.jpg);}
#real3-gallery23 {background-image: url(../images/real3/gallery23.jpg);}
#real3-gallery24 {background-image: url(../images/real3/gallery24.jpg);}
#real3-gallery25 {background-image: url(../images/real3/gallery25.jpg);}
#real3-gallery26 {background-image: url(../images/real3/gallery26.jpg);}

.ie7 #

.i8 #