*{margin:0;padding:0}
body,input,select,textarea,button{font-family:'Ubuntu',sans-serif;font-size:10pt}
body{background:#dadada url('/images/1.jpg') center top no-repeat;padding-bottom:120px}
a{text-decoration:none; color: inherit }
a img{border:none;outline:none}

.clear{clear:both}

.cenik{width:100%;border-collapse:collapse;margin-top:12px;background:#ebe2c5 url('/images/6.png') repeat}
.cenik{border-top:3px solid #b39964;border-bottom:1px solid #b39964}
.cenik td{padding:3px 5px}

.table-wrap{background:transparent url('/images/') center bottom no-repeat; margin-top:6px}
.table-form{background-color:#ebe2c5;padding:25px;padding-top:15px}
.zemContactForm .pair { margin-top: 10px }
.zemContactForm label { display: block; margin-bottom: 5px }
.textbox { background:transparent url('/images/6.png') repeat; color: #000; padding: 8px 5px; border: none; border-left: 3px solid #b39964 /*#fff*/ }
.textarea { resize: none; background:transparent url('/images/6.png') repeat; color: #000; padding: 8px 5px; border: none; border-left: 3px solid #b39964 /*#fff*/ }

.textbox.errorElement { border-left: 3px solid #f00 }
.textarea.errorElement { border-left: 3px solid #f00 }
.textarea-message { /*width: 336px; height: 100px*/ }

.div-submit { text-align: right }
.button { border: none; background: none }
.button span { display: inline-block; padding: 5px 10px; background: #b39964; color: #fff; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer }

.zemThanks { text-align: center; padding-top: 50px }
#zemErrorMessages{display:none}
.zemError{list-style:none}

.footer .external{background: transparent url('/images/33.gif') right center no-repeat;padding-right:12px}
.content .external{background: transparent url('/images/34.gif') right center no-repeat;padding-right:12px}
.region-left{float:left;width:243px}
.region-right{float:right;width:762px}
.region-left .content{padding-right:0}
.region-right .content{min-height:550px}

.footer li{list-style:none}
.footer ul{padding-left:25px;margin-top:6px}
.footer p{padding-left:25px;margin-top:6px}
.footer h3{padding-left:25px;font-size:10pt;font-weight:bold}
.footer a{color:#000}
.footer a:hover{text-decoration:underline}
.footer-1,.footer-2,.footer-3,.footer-4{width:187px;float:left;padding-top:12px}
.footer-1 h3,.footer-2 h3,.footer-4 h3{visibility:hidden}
.footer-5{width:253px;float:left;padding-top:12px}
.footer-5 .fb-button{position:absolute;right:15px;top:0}

.reference-list{margin-left:-17px;margin-top:-15px}
.reference{width:226px;height:193px;border-bottom:7px solid #ebe2c5;overflow:hidden;float:left;margin-left:17px;margin-top:25px}
.reference .image{width:220px;height:144px;border:3px solid #ebe2c5;overflow:hidden}
.reference .info{margin-top:3px;font-size:10pt;height:40px;overflow:hidden}
.reference .info a{color:#000;font-size:8pt}
.reference .info a:hover{text-decoration:underline}
.reference.active{border-color:#f60}
.reference.active .image{border-color:#f60}

.menu-left li{list-style:none;border-bottom:1px dotted #b39964;line-height:30px;height:29px;overflow:hidden}
.menu-left a{display:block;color:#000}
.menu-left a:hover{font-weight:bold}
.menu-left .active a{font-weight:bold}

.col{width:1005px;margin:0 auto}
.header-shade{background:transparent url('/images/43.png') center top no-repeat}
.header{height:340px;position:relative;background:transparent url('/images/4.png') left bottom repeat-x}
.main{background:#fff url('/images/7.png') center top no-repeat;padding:25px 0}
.footer{height:180px;background:transparent url('/images/7.png') center top no-repeat;position:relative}
.white-wrap{background:transparent url('/images/6.png') repeat}

.branding{width:265px;height:119px;overflow:hidden;position:relative}
.branding a{display:block;width:265px;height:119px;overflow:hidden;background:transparent url('/images/2.png') center center no-repeat}
.branding span{visibility:hidden}
.site-image{width:667px;height:324px;position:absolute;left:512px;top:48px}
.site-banner{width:512px;height:157px;overflow:hidden}
.front{background:#ebe2c5 url('/images/7.png') center top no-repeat;padding-bottom:25px}
.front-1,.front-2,.front-3{width:335px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;min-height:90px;padding-top:25px}
.front-1,.front-2{background:transparent url('/images/8.png') right top no-repeat}
.front h2{padding:0 25px;font-size:14pt;font-weight:bold;color:#b39964}
.front p{padding:0 25px;margin-top:6px;text-align:left}

.content{padding:0 25px}
.content h2{font-size:14pt;font-weight:bold;color:#b39964}
.content h3{font-size:12pt;font-weight:bold;color:#b39964;margin-top:25px}
.content p{margin-top:6px}
.content a{color:#000}

.menu-top{height:64px;line-height:64px;font-size:14pt;padding:0 25px;position:relative}
.menu-top span{margin:0 15px;color:#fff}
.menu-top a{color:#fff}
.menu-top a:hover,.menu-top .active{text-decoration:underline}

.top-links{position:absolute;right:25px;top:20px;text-transform:lowercase}
.top-links span{margin:0 8px}
.top-links a{color:#000}
.top-links a:hover{text-decoration:underline}
.top-links .active{font-weight:bold;text-decoration:underline}

.udg{position:absolute;left:25px;bottom:12px;font-size:8pt}
.udg a{color:#000}
.udg a:hover{text-decoration:underline}
.lastmod{position:absolute;right:25px;bottom:28px;font-size:8pt}
.copy{position:absolute;right:25px;bottom:12px;font-size:8pt}
.copy span{font-weight:bold}
.copy a{color:#000}
.copy a:hover{text-decoration:underline}

/** rege **/
body { border: none }

img { max-width: 100% !important }

.overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 128, 128, 128, 0.5 ) }
.side-menu { transition: left 2s; position: fixed; left: -300px; top: 0; bottom: 0; overflow-x: hidden; width: 225px; background: #fff; padding: 5px 15px 0 60px }
.side-menu.visible { left: 0px }

.rege { height: 60px; line-height: 60px; color: #898989; background: #efefef }
.toggle-menu { color: #898989; text-decoration: none; text-transform: lowercase; font-size: 12px; line-height: 18px; display: inline-block; padding: 15px 0 15px 25px; }

.toggle-menu i { font-size: 20px; display: inline-block; margin-left: 15px; vertical-align: middle }

.rege .toggle-menu i { margin: -24px 20px 0 0px; font-size: 24px }
.rege .toggle-menu img { margin-top: -1px } 
.rege-in { float: left }
.rege-project { float: right; font-size: 12pt; padding-right: 50px; text-transform: lowercase }
.rege-slogan:before { content: '... ' } 
.rege-slogan:after { content: ' ... ' }

.rege-site, .rege-slogan { display: none }
.rege-info { color: #f81; font-size: 18px; padding-left: 20px; font-weight: bold; float: left }
.menu-logo { margin: 40px 0; margin-top: 28px }

.menu-x { list-style: none; margin-top: -20px }
.menu-x > li { margin-top: 2px }
.menu-x > li > a { display: block; position: relative; text-decoration: none; line-height: 38px; font-size: 18px }
.menu-x > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: #ef7f1a; transition: width 5s }
.menu-x .active > a { font-weight: 700; color: #ef7f1a }
.menu-x .active > a:after { width: 58px }
.menu-x li:not(.active) > a:hover:after { animation-name: menu-hover; animation-duration: 0.4s; width: 58px }

.menu-x .sub { list-style: none; margin: 8px 0; margin-left: 15px }
.menu-x .sub > li { font-size: 14px; line-height: 22px }
.menu-x .sub a:hover { text-decoration: underline }

.social { font-size: 28px; color: #898989; margin: 54px 0px }
.social a { margin: 0 8px }

.text-right { text-align: right !important }

@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 768px) {
  body { border: 10px solid #efefef; border-top: none !important }
  .rege-site { display: inline }
}
@media only screen and (min-width: 992px) {
  body { border: 15px solid #efefef; border-top: none !important }
  .rege-slogan { display: inline }
}
@media only screen and (min-width: 1200px) {
  body { border: 30px solid #efefef; border-top: none !important }
}