body, html{background: url(../images/bg.jpg) no-repeat center top #ffffff;color: #333;font: 12px/18px 'Open Sans';height: 100%;margin: 0;min-height: 100%;padding:0;}
img{border:none;}
h1 {color: #FFFFFF;display: block;float: left;font-family: open sans;font-size: 11px;font-weight: 600;margin: 0;padding: 10px 0 0 62px;text-shadow: 1px 1px #000000;}
.bgc {background: url("../images/cicons.jpg") no-repeat scroll left top rgba(0, 0, 0, 0);}
#contento li {padding: 4px 0;}
#topbar{background: url("../images/topbar.png") no-repeat scroll left top rgba(0, 0, 0, 0);color: #FFFFFF;float: left;font-family: open sans;font-size: 11px;font-weight: 600;height: 37px;margin: 0;padding: 12px 0 0 62px;text-shadow: 1px 1px #000000;text-transform: uppercase;width: 938px;}
#footbar{background: url("../images/footbar.png") no-repeat scroll left top rgba(0, 0, 0, 0);height: 62px;width: 1000px;float: left;}
#midbar{background: url("../images/midbar.png") repeat-y scroll 0 0 rgba(0, 0, 0, 0);float: left;height: auto; min-height: 200px;padding: 5px 25px;width: 950px;}
#usl{background: url("../images/usl.png") no-repeat scroll left top rgba(0, 0, 0, 0);bottom: -40px;height: 92px;position: absolute; right: -35px;width: 174px;}
#onek { float: left;font-size: 14px;font-style: italic;font-weight: 600;margin: 17px 0 0 45px;width: 100%;}
#twok {float: left;font-size: 28px;font-style: italic;font-weight: 600;margin: 20px 0 0 45px;width: 100%;}
#threek {float: left;font-size: 14px;font-style: italic;font-weight: 600;margin: 20px 0 0 45px;width: 100%;}
#fourk {float: left;font-size: 14px;font-style: italic;font-weight: 600;margin: 18px 0 0 45px;width: 100%;}
#realtit {border-left: 3px solid #FFFFFF;float: left;font-size: 11px;font-weight: normal;line-height: 10px;margin: 18px 0 0 28px;padding-left: 5px;text-transform: uppercase;width: 200px;}
#lastadd {clear: both;float: left;height: 150px;margin: 5px 0 0 28px;width: 970px;}
#lastadd img{width:175px;height:130px;float:left;padding: 10px 9px;}
#page-wrap { margin: 0 auto;width:1000px;}
html { overflow-x: hidden; }
h2 { background: black;color: white;padding: 0;margin:0;position: relative;}
h2:before, h2:after {content: "";background: black;position: absolute;top: 0;bottom: 0;width: 9999px;}
h2:before {right: 100%;}
h2:after {left: 100%;}
h2:nth-of-type(1), h2:nth-of-type(1):before, h2:nth-of-type(1):after { background: url("../images/real.jpg") no-repeat scroll -461px top rgba(0, 0, 0, 0);height: 212px;width: 1920px; }
h2:nth-of-type(2), h2:nth-of-type(2):before, h2:nth-of-type(2):after { background:url(../images/real.jpg) no-repeat left top; height:212px;}
h2:nth-of-type(3), h2:nth-of-type(3):before, h2:nth-of-type(3):after { background:url(../images/real.jpg) no-repeat right top; height:212px; }
.left-only:after {display: none;}
.right-only:before {width: 20px;}
#contento {color: #333333;float: left;height: 185px;line-height: 14px;margin: 18px 0 0 19px;width: 290px;position: relative;}
#read-more {background: url("../images/more.gif") no-repeat scroll 40px center #B3B3B3;bottom: 0;color: #FFFFFF;float: right;font-size: 12px; padding: 3px 15px 3px 7px;position: absolute;right: 0;text-decoration: none;}
#footer {background: none repeat scroll 0 0 #232323; float: left;height: 35px; padding: 0 15px; width: 970px;margin-top: 35px;}
.box { float: left; }
#root { width:1000px; max-width: 1000px; margin: 0 auto; }
#header { float: left;height: 121px;width: 1000px; }
#logo{ background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;width:205px;height:112px;margin-left:20px;}
#logoresp{ background: url("../images/logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;width:225px;height:112px;display:none}
#slogan{ background: url("../images/slogande.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);float: left;width:278px;height:78px;}
#menur{ float: left;width:575px;height:43px;margin-left:41px;}
#lang{ color: #999999;float: right;font-family: open sans;font-size: 12px;height: 31px;padding: 12px 0 0 20px;text-shadow: 1px 1px #FFFFFF; width: 139px;}
#lang a{ color: #999999;font-family: open sans;font-size: 12px; text-shadow: 1px 1px #FFFFFF;text-decoration:none}
#lang a:hover{ color: #333;text-decoration:underline}
#kontakttop {color: #999999;float: right;font-family: open sans;font-size: 11px; text-shadow: 1px 1px #FFFFFF;}
#kontakttop a{color: #999999;text-shadow: 1px 1px #FFFFFF;text-decoration:none}
#kontakttop a:hover{color: #333;text-shadow: 1px 1px #FFFFFF;text-decoration:underline}
#animation { width: 1000px;height:335px }
#about { width: 100%; }
#offer { width: 33%; }
#contact { width: 33%; }
#box5 { width: 100%; }
#realizacje { width: 100%;margin-top: 30px; }
#cpr {color: #545454;float: left;font-size: 11px;line-height: 8px;margin-top: 15px;width: 50%; }
#author {line-height: 8px;margin-top: 7px;text-align: right;width: 50%; }
.slicknav_menu {display:none;}
#menu{list-style: none outside none;margin: 0;padding: 0;}
#menu ul{list-style: none outside none;margin: 0;padding: 0;}
#menu li{float:left;position:relative}
#menu li a{color: #FFFFFF;float: left;font-family: open sans;font-weight: 600;padding: 12px 16px 13px;;text-decoration: none;text-transform: uppercase;text-shadow: 1px 1px #000000;}
#menu li a:hover{color: #f68320;background:url(../images/hover.gif) repeat-x center top;text-shadow: 1px 1px #000000;}
#telres{display:none}
#langres {text-align: center;width: 100%;display:none}
#langres img {padding:2px}
#animation {height: 335px; width: 1000px;float:left;padding-top:1px;}
#about {background: url("../images/about.png") no-repeat scroll center top rgba(0, 0, 0, 0);float: left;height: 280px;width: 330px;margin-top: 20px;}
#offer{background: url("../images/offer.png") no-repeat scroll center top rgba(0, 0, 0, 0);float: left;width: 330px;margin-left: 5px;height: 280px;margin-top: 20px;}
#contact{background: url("../images/cont.png") no-repeat scroll center top rgba(0, 0, 0, 0);float: right;width: 330px;height: 280px;margin-top: 20px;}
#mapa{ float: left;height: 190px;width: 350px;margin-left: 25px;}
#gallery { float: left;height: 480px;width: 950px;}
.linke{ color: #FFFFFF;float: left;font-family: open sans;font-weight: 600;padding: 12px 11px 13px;text-decoration: none;text-shadow: 1px 1px #000000;text-transform: uppercase;cursor:pointer}
.linke:hover{ color: #f68320;background:url(../images/hover.gif) repeat-x center top;text-shadow: 1px 1px #000000;}
#menu ul {
display: none;
left: -50%;
position: absolute;
top: 43px;
z-index:9999
}
#menu ul li a {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
border-bottom:1px solid #000;
text-shadow: 1px 1px #000000;
width: 150px;
}
#menu ul li a:hover {
background: none repeat scroll 0 0 #222222;
}
#menu ul li a {
}
#menu ul li {
display: block;
text-align: center;
width: 150px;
}
#menu li:hover > ul
{
display: block;
}
#menu ul.parent_hover
{
display: block;
}
@media only screen and (min-width: 100px) and (max-width: 1000px) and (orientation: landscape){
body, html{background: #ffffff}
#logoresp{ display:block;float:none;width:100%;background-position:center top}
#kontakttop {display:none}
#menur{display:none}
#menures{display:block;}
#telres{ color: #666;display: block;padding-bottom: 10px;text-align: center;width: 100%; font-family: open sans;font-size: 14px;font-style: italic;font-weight: 600;}
#telres a{ font-family: open sans;font-size: 14px;font-style: italic;font-weight: 600;text-decoration:none;color:#666;}
#telres a:hover{ color:#000;}
#lang{display:none}
#root{width:100%}
#logo{display:none}
#slogan{display:none}
#header { width: 100%;height:auto }
#animation { width: 100%; }
#about { width: 100%; }
#offer { width: 100%; }
#contact { width: 100%; }
#box5 { width: 100%; }
#realizacje { width: 100%; }
#footer { background: none repeat scroll 0 0 #232323;float: left;height: auto;margin: 15px 4% 0;padding: 1%;width: 90%;}
#cpr { width: 100%; text-align: center;}
#author { width: 100%;text-align: center; }
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
#langres{display:block}
#animation{display:none}
#about, #offer, #contact, #maincontent { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);float: left; margin: 15px 4% 0 4%; width: 92%;height:auto;}
#about > h1, #offer > h1, #contact > h1 {background: none repeat scroll 0 0 #333333;font-size: 14px;padding: 10px 0;text-align: center;width: 100%;}
#contento {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 0;padding: 2%;width: 96%;}
#read-more {bottom: 5%;right: 2%;}
#usl{display:none}
#menures {float: left;margin: 10px 4% 0 4%;width: 92%;height:auto;}
#read-more{right: 2% !important;) }
#onek,#twok,#threek,#fourk{margin: 5px 0;text-align: center;}
#realizacje{display:none}
#topbar { background: none repeat scroll 0 0 #333333;font-size: 14px; padding: 10px 0;text-align: center;width: 100%;height: auto;}
#midbar {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 0;padding: 2%; width: 96%;}
#midbar img{max-width:96%}
#footbar{display:none}
#mapa{width:100%;height:250px;float:left;padding-bottom: 20px;}
#gallery { float: left;height: 100%;width: 100%;min-height:380px}
.linke{color: none;float: none;font-family:inherit;font-weight:none;padding:none;text-decoration: none;text-shadow: none;text-transform: uppercase;cursor:pointer}
.linke:hover{ color: none;background:none;text-shadow:none}
}
@media only screen and (min-width: 100px) and (max-width: 1000px) and (orientation: portrait){
body, html{background: #ffffff}
#logoresp{ display:block;float:none;width:100%;background-position:center top}
#kontakttop {display:none}
#menur{display:none}
#menures{display:block;}
#telres{ color: #666;display: block;padding-bottom: 10px;text-align: center;width: 100%; font-family: open sans;font-size: 14px;font-style: italic;font-weight: 600;}
#telres a{ font-family: open sans;font-size: 14px;font-style: italic;font-weight: 600;text-decoration:none;color:#666;}
#telres a:hover{ color:#000;}
#lang{display:none}
#root{width:100%}
#logo{display:none}
#slogan{display:none}
#header { width: 100%;height:auto }
#animation { width: 100%; }
#about { width: 100%; }
#offer { width: 100%; }
#contact { width: 100%; }
#box5 { width: 100%; }
#realizacje { width: 100%; }
#footer { background: none repeat scroll 0 0 #232323;float: left;height: auto;margin: 15px 4% 0;padding: 1%;width: 90%;}
#cpr { width: 100%; text-align: center;}
#author { width: 100%;text-align: center; }
.js #menu {display:none;}
.js .slicknav_menu {display:block;}
#langres{display:block}
#animation{display:none}
#about, #offer, #contact, #maincontent { background: none repeat scroll 0 0 rgba(0, 0, 0, 0);float: left; margin: 15px 4% 0 4%; width: 92%;height:auto;}
#about > h1, #offer > h1, #contact > h1 {background: none repeat scroll 0 0 #333333;font-size: 14px;padding: 10px 0;text-align: center;width: 100%;}
#contento {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 0;padding: 2%;width: 96%;}
#read-more {bottom: 5%;right: 2%;}
#usl{display:none}
#menures {float: left;margin: 10px 4% 0 4%;width: 92%;height:auto;}
#read-more{right: 2% !important;) }
#onek,#twok,#threek,#fourk{margin: 5px 0;text-align: center;}
#realizacje{display:none}
#topbar { background: none repeat scroll 0 0 #333333;font-size: 14px; padding: 10px 0;text-align: center;width: 100%;height: auto;}
#midbar {background: none repeat scroll 0 0 #EFEFEF;float: left;margin: 0;padding: 2%; width: 96%;}
#footbar{display:none}
#mapa{width:100%;height:250px;float:left;padding-bottom: 20px;}
#gallery { float: left;height: 100%;width: 100%;min-height:380px}
.linke{color: none;float: none;font-family:inherit;font-weight:none;padding:none;text-decoration: none;text-shadow: none;text-transform: uppercase;cursor:pointer}
.linke:hover{ color: none;background:none;text-shadow:none}
#midbar img{max-width:96%}
}