html {min-height: 100%; margin: 0 0 0 1px; font-size: 100.01%; }
body {margin: 0; padding: 0; }
a {outline: none; border: none; text-decoration: none; }
img {border: none; }
a img{border:none;}
table{border-spacing:0;}
p {color: #666B79; font-family: Arial; font-size: 12px; clear: left; line-height: 20px; }



@font-face {
	font-family: 'humanst_a';
	src: url('../fonts/Humanst521LtPL.otf');
	font-weight: normal; 
}


@font-face {
    font-family: 'humanst';
    src: url('../fonts/humanst521ltpl-webfont.eot');
    src: url('../fonts/humanst521ltpl-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/humanst521ltpl-webfont.woff') format('woff'),
         url('../fonts/humanst521ltpl-webfont.ttf') format('truetype'),
         url('../fonts/humanst521ltpl-webfont.svg#humanst521ltpllight') format('svg');
    font-weight: normal;
    font-style: normal;
}




@font-face {
	font-family: 'humanstreg';
	src: url('../fonts/Humanst521.otf');
	font-weight: normal; 
}



h1 {font-family: humanst; color: #000000; font-size: 17px; font-weight: normal; position: absolute; top: 110px; left: 400px; letter-spacing: 3px; }
h2 {font-family: humanst; color: #FF5315; font-size: 24px; display: block; float: left; margin: 0 0 0 25px; padding: 0; }
h2.title {font-family: humanst; color: #FFFFFF; font-size: 40px; display: block; float: left; margin: 144px 0 0 27px; padding: 0; font-weight: normal; line-height: 44px; }
h3 {font-family: humanst; font-size: 33px; color: #FF4B13; font-weight: normal; display: block; float: left; margin: 20px 0 0 25px; padding: 0 }
/* dorobiæ paski */
/*
#container {background: #000 url('../images/bg-a.gif') top center repeat-y; height: 100%; width: 100%; }
#wrapper-a {width: 100%; display: block; background: url('../images/paski-aaa.png') right -1px repeat-y; border: 0px solid red; margin: 0 auto; overflow: hidden; }
*/
#container-a  {background: url('../images/left.png') 50% 0 repeat-y;  }
#container-b  {background: url('../images/right.png') 50% 0px repeat-y;  }
#cookies {display: block; height: 50px; width: 100%; background: #DDDDDD; overflow: hidden; }
#cookies .text {display: block; width: 900px; margin: 14px auto; height: 50px; overflow: hidden; position: relative; }
#cookies .text p {text-align: center; display: block; float: left; margin: 0 0 0 120px; }
#cookies .text a {border: 0px solid blue; color: #666B79; font-family: Arial; font-size: 12px; line-height: 20px; }
#cookies .text a#ok {margin: 0 0 0 5px; }
#cookies .text a#ok:hover {text-decoration: underline; }
#cookies a#close {position: absolute; display: block; width: 10px; height: 10px; top: 7px; right: 100px; background: url('../images/cross.png') top left no-repeat; text-indent: -777px; overflow: hidden; }



#container {background: url('../images/bgt.png') 0% 0% repeat-y; height: 100%; width: 100%; }
#wrapper-a {width: 100%; display: block; border: 0px solid red; margin: 0 auto; overflow: hidden; }
#wrapper-b {width: 920px; margin: 0 auto; display: block; overflow: hidden; background: #fff; }



#baner {width: 920px; height: 181px; display: block; float: left; background: url('../images/baner_bg.jpg') right top no-repeat; overflow: visible; position: relative; }
#baner img.logo {display: block; float: left; z-index: 202; position: relative; }
#slideContainerCont {width: 920px; height: 375px; display: block; float: left; position: relative; margin: 0; padding: 0; }
#slideContainer {width: 920px; height: 375px; display: block; float: left; overflow: hidden; margin: 0; padding: 0; }
#slideContainer .pic1 {display: block; float: left; margin: 0; width: 920px; height: 375px; }



#opis {width: 232px; height: 375px; display: block; position: absolute; left: 168px; top: 0px; z-index: 102; margin: 0; background: url('../images/image_title.png') right top no-repeat; }
#opis p {font-family: Arial; font-size: 13px; color: #ffffff; display: block; float: left; margin: 9px 0 0 28px; line-height: 16px; }
#opis a {font-family: Arial; font-size: 11px; text-decoration: none; color: #FF9270; display: block; float: left; margin: 12px 0 0 28px; }
#opis a:hover {text-decoration: none; color: #ffffff; }
#project {width: 232px; height: 376px; background: url('../images/image_title.png') right top no-repeat; position: absolute; top: -1px; left: 168px; z-index: 101 }
#project  span {font-family: Arial; font-size: 13px; color: #ffffff; float: left; margin: 10px 0 0 22px; }
#menu {width: 825px; height: 80px; display: block; padding: 0; margin: 0px 0 0 95px; float: left; background: url('../images/menu_bg.png') right top no-repeat; list-style: none; position: relative; z-index: 99999; }
#menu li {list-style: none; display: block; float: left; margin: 0 20px 0 0; height: 100%; overflow: visible; padding: 26px 0 0 0px; }
#menu li a {display: block; float: left; letter-spacing: 2px; font-family: humanstreg; color: #8A8A8A; font-size: 13px; text-transform: uppercase; text-shadow: -1px 1px #ffffff; height: 100%; overflow: visible; }
#menu li a#item1 {padding: 0px 0 0 33px; margin: 0 0 0 160px; }
#menu li a#item2 {padding: 0px 0 0 33px; }
#menu li a#item3 {padding: 0px 0 0 33px; }
#menu li a#item4 {padding: 0px 0 0 33px; }
#menu li a#item5 {padding: 0px 0 0 33px; }
#menu li a:hover {color: #FF4F13; background: url('../images/rombik.gif') 0px 41px no-repeat; }

#menu-a {width: 825px; height: 80px; display: block; padding: 0; margin: -2px 0 0 95px; float: left; background: url('../images/menu_bg.png') right top no-repeat; list-style: none; }
#menu-a li {list-style: none; display: block; float: left; margin: 0 20px 0 0; height: 100%; overflow: visible; padding: 26px 0 0 0px; }
#menu-a li a {display: block; float: left; letter-spacing: 2px; font-family: humanstreg; color: #8A8A8A; font-size: 13px; text-transform: uppercase; text-shadow: -1px 1px #ffffff; height: 100%; overflow: visible; }
#menu-a li a#item1 {padding: 0px 0 0 33px; margin: 0 0 0 160px; }
#menu-a li a#item2 {padding: 0px 0 0 33px; }
#menu-a li a#item3 {padding: 0px 0 0 33px; }
#menu-a li a#item4 {padding: 0px 0 0 33px; }
#menu-a li a#item5 {padding: 0px 0 0 33px; }
#menu-a li a:hover {color: #FF4F13; background: url('../images/rombik.gif') 0px 41px no-repeat; }

#content {width: 920px; display: block; float: left; position: relative; border: 0px solid blue; margin: 20px 0 0 0; overflow: hidden; }
#content  p {font-family: Arial; font-size: 13px; color: #000000; float: left; display: block; width: 370px; margin: 0 0 0 30px; padding: 0; clear: none; }
#content  p.text {padding: 0 0 0 26px; margin: 0 0 65px 4px; width: 500px; }
#content  p.text-a {padding: 0 0 220px 38px; margin: 0 0 65px 10px; width: 500px; }
#content  p.text-b {padding: 0 0 0 38px; margin: 0 0 5px 20px; width: 500px; }
#content  p.text-c {padding: 0 0 0 38px; margin: 10px 0 65px 115px; width: 500px; }
#content  p.text-d {padding: 0 0 0 18px; margin: 0 0 5px 17px; width: 500px; }
#content  p.text-e {padding: 0 0 0 18px; margin: 0 0 45px 10px; width: 500px; }
#content  p.text-a  a {color: #000000; }
#content  p.text-a  a:hover {text-decoration: underline; }
#content .clients {font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 70px; clear: none; margin: 0 0 0 14px; }





#content .clients-a1{font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 330px; clear: none; margin: 0px 0 0 0px; padding: 0; overflow: hidden; }

#content .clients-a1 p {font-family: Arial; font-size: 11px; color: #808080; display: block; float: left; width: auto; margin: 6px 0 0 0; }

#content .clients-a2{font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 340px; clear: none; margin: 0px 0 0 110px; padding: 0; overflow: hidden; }

#content .clients-a2 p {font-family: Arial; font-size: 11px; color: #808080; display: block; float: left; width: auto; margin: 10px 5px 0 0; }


#content .clients-a3{font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 340px; clear: none; margin: 0px 0 0 74px; padding: 0; overflow: hidden; }

#content .clients-a3 p {font-family: Arial; font-size: 11px; color: #808080; display: block; float: left; width: auto; margin: 10px 5px 0 0; }
#content .clients-a4{font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 340px; clear: none; margin: 50px 0 0 400px; padding: 0; overflow: hidden; }

#content .clients-a4 p {font-family: Arial; font-size: 11px; color: #808080; display: block; float: left; width: auto; margin: 10px 5px 0 0; }
#content .clients-a5{font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 340px; clear: none; margin: 50px 0 0 550px; padding: 0; overflow: hidden; }
#content .clients-a5 p {font-family: Arial; font-size: 11px; color: #808080; display: block; float: left; width: auto; margin: 10px 5px 0 0; }

#slideContainer-a {width: 250px; height: 125px; display: block; float: left; margin: 0 0 0 20px; }
#slideContainer-a .pic2 {display: block; float: left; margin: 0 0 0 0px; width: 250px; height: 58px; }

#slideContainer-b-cont {width: 920px; height: 609px; display: block; float: left; margin: 0 0 0 0px; position: relative; }
#slideContainer-b-cont .pic4 {position: absolute; top: 0px; left: 0px; z-index: 999; }
#slideContainer-b-cont .pic5 {position: absolute; bottom: 0px; right: 0px; z-index: 999; }
#slideContainer-b {width: 920px; height: 609px; display: block; float: left; margin: 0 0 0 0px; }
#slideContainer-b .pic3 {display: block; float: left; margin: 0 0 0 0px; width: 920px; height: 609px; }








#content.con {padding: 30px 0 0 140px; position: relative; width: 745px; overflow: visible; }
#content.con h2.oferta {width: 70px; }
#content.con h2.o-firmie {width: 93px; margin: 0 0 0 23px; }
#content.con h2.ref {width: 120px; margin: 0 0 0 0px; overflow: hidden; border: 0px solid red }
#content.con ul#skills {display: block; float: left; width: 500px; margin: 0 0 10px 156px; padding: 0; }
#content.con ul#skills li {display: block; margin: 0px; padding: 0 0 0 20px; color: #000; font-size: 13px; font-family: Arial; line-height: 20px; background: url('../images/li.jpg')0px 8px no-repeat; }
#content.gal-a {padding: 30px 0 0 0px; position: relative; width: 920px; }
#content.gal-a h2.gal {width: 80px; margin: 0 0 0 176px; overflow: hidden; }
#content.gal-a h2.gal-b {font-size: 40px; font-weight: 100; margin: 0 0 0 290px; overflow: hidden; }
#content.gal-a img.logo {position: absolute; top: 145px; left: 65px; }
#content.gal-a p.desc {display: block; float: left; margin: 50px 0 0 290px; width: 564px; height: 200px; clear: left; }
#ref-cont {width: 691px; height: 65px; display: block; float: right; background: url('../images/ref_bg.gif') top left no-repeat; }
#ref-cont a.l-ref {font-family: humanst; font-size: 18px; color: #FF4B13; padding: 0 41px 0 0px; background: url('../images/arrow-b.gif') right 7px no-repeat; display: block; float: left; margin: 18px 0 0 70px; }
#ref-cont a.l-ref:hover {font-family: humanst; font-size: 18px; color: #FF4B13; padding: 0 41px 0 0px; background: url('../images/arrow-b.gif') 160px 7px no-repeat; }
#ref-cont a.pdf {font-family: humanst; font-size: 18px; color: #FF4B13; padding: 0 0 0 35px; margin: 18px 0 0 20px; background: url('../images/pdf.gif') top left no-repeat; display: block; float: left; }

#top {display: block; float: left; font-family: Arial; padding: 30px 0 0 0; margin: 110px 0 0 280px; color: #D4D4D4; font-size: 11px; background: url('../images/arrow-c.gif') top left no-repeat; }


#content a.link {font-family: humanst_a; color: #FF5315; font-size: 17px; background: url('../images/arrow.gif') 160px 5px no-repeat; padding: 0 30px 0 0; display: block; float: left; margin: 0 0 90px 154px; }
#content a.link:hover {background: url('../images/arrow.gif') 161px 4px no-repeat; }
#content a.link-b {font-family: humanst_a; color: #FF5315; font-size: 17px; background: url('../images/arrow.gif') 123px 5px no-repeat; padding: 0 31px 0 0; display: block; float: left; margin: 0 0 90px 152px; }
#content a.link-b:hover {background: url('../images/arrow.gif') 124px 4px no-repeat; }
#content a.link-a {font-family: Arial; color: #FF4812; font-size: 11px; display: block; float: left; padding: 0; margin: 0px 0 20px 445px; }
#content a.link-a:hover {text-decoration: underline; }
#content p.clients {font-family: Arial; font-size: 11px; color: #808080; float: left; display: block; width: 70px; clear: none; margin: 0 0 0 75px; padding: 0px 250px 0px 0px; height: 110px; background: url('../images/loga.png') 75px top no-repeat; }

#content .clients-a {float: left; display: block; width: 70px; margin: 0 0 0 15px; padding: 0px 150px 0px 0px; height: 110px; }

ul#ref-a {float: left; display: block; width: 500px; margin: 0 0 0 146px; padding: 0; overflow: hidden; }
ul#ref-a li {display: block; clear: left; }
ul#ref-a li a {float: left; display: block; padding: 0 0 0 31px; color: #FF6319; font-family: Arial; font-size: 17px; line-height: 37px; font-weight: bold; }
ul#ref-a li a:hover {background: url('../images/arrow-a.gif') 0px 10px no-repeat; }

#gallery {display: block; float: left; width: 928px; margin: -20px 0 0 0; padding: 0; clear: left; }
#gallery li {display: block; width: 920px; height: 169px; margin: 34px 0 0 0; padding: 0; background: url('../images/p_bg.png') right top no-repeat; overflow: hidden; }
#gallery li img {display: block; float: left; }
#gallery li div {display: block; float: left; height: 169px; }
#gallery li p {display: block; float: left; clear: left; color: #000000; font-size: 13px; font-family: Arial; margin: 20px 0 0 24px; }
#gallery li a.wiecej {margin: 10px 0 0 24px; display: block; float: left; clear: left; font-size: 13px; font-family: humanst_a; color: #000000; background: url('../images/arrow-a.gif') 95px 3px no-repeat; padding: 2px 30px 2px 0; }
#gallery li a.wiecej:hover {background: url('../images/arrow-a.gif') 96px 4px no-repeat; }

#phone {width: 304px; height: 51px; display: block; float: right; background: url('../images/phone_bg_a.png') 0px top no-repeat; position: absolute; bottom: 0px; right: -35px; overflow: hidden; }
#phone p.ask {font-family: Arial; font-size: 11px; color: #fff; display: block; float: left; margin: 2px 0 0 60px; padding: 0; }
#phone p.tel {font-family: humanst; font-size: 20px; color: #fff; display: block; float: left; margin: 2px 0 0 125px; padding: 0; }
#phone-a {width: 304px; height: 51px; display: block; float: right; background: url('../images/phone_bg_a.png') 0px top no-repeat; position: absolute; bottom: 0px; right: 0px; overflow: hidden; }
#phone-a p.ask {font-family: Arial; font-size: 11px; color: #fff; display: block; float: left; margin: 2px 0 0 60px; padding: 0; }
#phone-a p.tel {font-family: humanst; font-size: 20px; color: #fff; display: block; float: left; margin: 2px 0 0 125px; padding: 0; }
#footer {width: 920px; height: 83px; display: block; float: right; background: #464646 url('../images/footer.png') 0px top no-repeat; position: relative; }
#footer p {font-family: Arial; font-size: 10px; color: #7D7D7D; text-shadow: -1px 1px #ffffff; float: left; display: block; margin: 44px 0 0 205px; }
#footer a {font-family: Arial; font-size: 10px; color: #2D2D2D; position: absolute; top: 50px; right: 52px; text-decoration: none; }