/* ######## RESET ################ */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:""""}a{text-decoration:none}

/* ######## STYLE BAZOWE ################ */
body{background-color:#FFF;}
h1{font-size:200%}
h2{font-size:150%}
h3{font-size:110%}
h1, h2, h3{margin:1em 0}
h1, h2, h3, h4, h5, h6, strong, dt{font-weight:bold}
optgroup{font-weight:normal}
abbr, acronym{border-bottom:1px dotted #000; cursor:help}
em{font-style:italic}
del{text-decoration:line-through}
blockquote, ul, ol, dl{margin:1em}
blockquote{font-style:italic}
ol, ul, dl{margin-left:2em}
ol li{list-style:decimal outside}
ul li{list-style:disc outside}
dl dd{margin-left:1em}
th, td{border:1px solid #000; padding:.5em}
th{font-weight:bold; text-align:center}
caption{margin-bottom:.5em; text-align:center}
sup{vertical-align:super}
sub{vertical-align:sub}
p, fieldset, table, pre{margin:1em 0}
button, input[type="checkbox"], input[type="radio"], input[type="reset"], input[type="submit"]{ padding:1px }
a{cursor:pointer}
body{font:13px/1.231 arial,helvetica,clean,sans-serif; *font-size:small; *font:x-small; color: #000;}
select, input, button, textarea, button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit; font:100%}
pre, code, kbd, samp, tt{font-family:monospace; *font-size:108%; line-height:100%}

/* ######## BLUEPRINT GRID ################ */

.column,div.span-1,div.span-2,div.span-3,div.span-4,div.span-5,div.span-6,div.span-7,div.span-8,div.span-9,div.span-10,div.span-11,div.span-12,div.span-13,div.span-14,div.span-15,div.span-16,div.span-17,div.span-18,div.span-19,div.span-20,div.span-21,div.span-22,div.span-23,div.span-24,div.span-25{float:left;margin-right:10px}.last,div.last{margin-right:0}.span-1{width:30px}.span-2{width:70px}.span-3{width:110px}.span-4{width:150px}.span-5{width:190px}.span-6{width:230px}.span-7{width:270px}.span-8{width:310px}.span-9{width:350px}.span-10{width:390px}.span-11{width:430px}.span-12{width:470px}.span-13{width:510px}.span-14{width:550px}.span-15{width:590px}.span-16{width:630px}.span-17{width:670px}.span-18{width:710px}.span-19{width:750px}.span-20{width:790px}.span-21{width:830px}.span-22{width:870px}.span-23{width:910px}.span-24{width:950px}.span-25{width:990px;margin:0}.append-1{padding-right:40px}.append-2{padding-right:80px}.append-3{padding-right:120px}.append-4{padding-right:160px}.append-5{padding-right:200px}.append-6{padding-right:240px}.append-7{padding-right:280px}.append-8{padding-right:320px}.append-9{padding-right:360px}.append-10{padding-right:400px}.append-11{padding-right:440px}.append-12{padding-right:480px}.append-13{padding-right:520px}.append-14{padding-right:560px}.append-15{padding-right:600px}.append-16{padding-right:640px}.append-17{padding-right:680px}.append-18{padding-right:720px}.append-19{padding-right:760px}.append-20{padding-right:800px}.append-21{padding-right:840px}.append-22{padding-right:880px}.append-23{padding-right:920px}.append-24{padding-right:960px}.prepend-1{padding-left:40px}.prepend-2{padding-left:80px}.prepend-3{padding-left:120px}.prepend-4{padding-left:160px}.prepend-5{padding-left:200px}.prepend-6{padding-left:240px}.prepend-7{padding-left:280px}.prepend-8{padding-left:320px}.prepend-9{padding-left:360px}.prepend-10{padding-left:400px}.prepend-11{padding-left:440px}.prepend-12{padding-left:480px}.prepend-13{padding-left:520px}.prepend-14{padding-left:560px}.prepend-15{padding-left:600px}.prepend-16{padding-left:640px}.prepend-17{padding-left:680px}.prepend-18{padding-left:720px}.prepend-19{padding-left:760px}.prepend-20{padding-left:800px}.prepend-21{padding-left:840px}.prepend-22{padding-left:880px}.prepend-23{padding-left:920px}.prepend-24{padding-left:960px}.border{padding-right:4px;margin-right:5px;border-right:1px solid #eee}.colborder{padding-right:24px;margin-right:25px;border-right:1px solid #eee}.pull-1{margin-left:-40px}.pull-2{margin-left:-80px}.pull-3{margin-left:-120px}.pull-4{margin-left:-160px}.pull-5{margin-left:-200px}.pull-6{margin-left:-240px}.pull-7{margin-left:-280px}.pull-8{margin-left:-320px}.pull-9{margin-left:-360px}.pull-10{margin-left:-400px}.pull-11{margin-left:-440px}.pull-12{margin-left:-480px}.pull-13{margin-left:-520px}.pull-14{margin-left:-560px}.pull-15{margin-left:-600px}.pull-16{margin-left:-640px}.pull-17{margin-left:-680px}.pull-18{margin-left:-720px}.pull-19{margin-left:-760px}.pull-20{margin-left:-800px}.pull-21{margin-left:-840px}.pull-22{margin-left:-880px}.pull-23{margin-left:-920px}.pull-24{margin-left:-960px}.pull-25{margin-left:-1000px}.pull-1,.pull-2,.pull-3,.pull-4,.pull-5,.pull-6,.pull-7,.pull-8,.pull-9,.pull-10,.pull-11,.pull-12,.pull-13,.pull-14,.pull-15,.pull-16,.pull-17,.pull-18,.pull-19,.pull-20,.pull-21,.pull-22,.pull-23,.pull-24,.pull-25{float:left;position:relative}.push-1{margin:0 -40px 1.5em 40px}.push-2{margin:0 -80px 1.5em 80px}.push-3{margin:0 -120px 1.5em 120px}.push-4{margin:0 -160px 1.5em 160px}.push-5{margin:0 -200px 1.5em 200px}.push-6{margin:0 -240px 1.5em 240px}.push-7{margin:0 -280px 1.5em 280px}.push-8{margin:0 -320px 1.5em 320px}.push-9{margin:0 -360px 1.5em 360px}.push-10{margin:0 -400px 1.5em 400px}.push-11{margin:0 -440px 1.5em 440px}.push-12{margin:0 -480px 1.5em 480px}.push-13{margin:0 -520px 1.5em 520px}.push-14{margin:0 -560px 1.5em 560px}.push-15{margin:0 -600px 1.5em 600px}.push-16{margin:0 -640px 1.5em 640px}.push-17{margin:0 -680px 1.5em 680px}.push-18{margin:0 -720px 1.5em 720px}.push-19{margin:0 -760px 1.5em 760px}.push-20{margin:0 -800px 1.5em 800px}.push-21{margin:0 -840px 1.5em 840px}.push-22{margin:0 -880px 1.5em 880px}.push-23{margin:0 -920px 1.5em 920px}.push-24{margin:0 -960px 1.5em 960px}.push-25{margin:0 -1000px 1.5em 1000px}.push-1,.push-2,.push-3,.push-4,.push-5,.push-6,.push-7,.push-8,.push-9,.push-10,.push-11,.push-12,.push-13,.push-14,.push-15,.push-16,.push-17,.push-18,.push-19,.push-20,.push-21,.push-22,.push-23,.push-24,.push-25{float:right;position:relative}.prepend-top{margin-top:1.5em}.append-bottom{margin-bottom:1.5em}.box{margin-bottom:1.5em;background:#E5ECF9;padding:1.5em}hr{background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;border:none;margin:0 0 1.45em}hr.space{background:#fff;color:#fff}.clearfix:after,.container:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix,.container{display:block}.clear{clear:both}.showgrid { background: url('http://img-static.pdll.pl/grid.png'); }
.red { background-color: red; }
.blue { background-color: blue; }
.green { background-color: green; }
.yellow { background-color: yellow; }
.pink { background-color: pink; }

/* ######## WSPÓLNE ################ */

body{font-family:Arial, Helvetica, sans-serif; color:#777; font-size:14px; background: #fff;}
.pagebody { width: 1000px; margin: 0 auto; }
#main .pagebody {width:1000px; padding:15px 0 15px 0 }
#main .pagebody  p#breadcrumb{font-size:11px; padding:4px 35px 8px 0;}
#main .pagebody .content { line-height: 20px; position: relative;}
#main .pagebody .content a { color:#0099CC; outline:medium none; text-decoration:none; }
#main .pagebody .content a:hover { color: #f58320; text-decoration:underline;}

/* body#kontakt .clearfix{background:url('http://img-static.pdll.pl/3.jpg') center 15px no-repeat;} */
span.ikoarr{background:url('http://img-static.pdll.pl/buttons.png') -248px -6px no-repeat; display:inline-block; width:30px; height:15px; margin:0!important;}

a.button{background:url('http://img-static.pdll.pl/images.png') right -904px no-repeat; padding:0 10px 0 0px; line-height:25px; display:inline-block; color:#777; text-decoration:none; font-weight:normal; margin:0 0 0 5px; }
a.button .left{background:url('http://img-static.pdll.pl/images.png') left -904px no-repeat; line-height:25px; display:block; vertical-align:middle; padding:0 0 0 10px; color:#FFF; letter-spacing: 0.4px; font-size:13px;}
a.button:hover{color:#fff; background-position:right -878px; text-decoration: none !important; }
a.button:hover .left{background-position:left -878px; }

a.button2{background:url('http://img-static.pdll.pl/buttons.png') right -9px no-repeat; padding:0 10px 0 0px; line-height:25px; display:inline-block; color:#777; text-decoration:none; font-size:11px;  font-weight:normal; margin:0 0 0 5px; }
a.button2 .left{background:url('http://img-static.pdll.pl/buttons.png') left -136px no-repeat; line-height:25px; display:block; vertical-align:middle; color:#777; padding:0 0px 0 10px;}
a.button2:hover{color:#fff; background-position:right -163px; }
a.button2:hover .left{background-position:left -190px;}

a.button3{background:url('http://img-static.pdll.pl/buttons.png') right -217px no-repeat; padding:0 10px 0 0px; line-height:25px; display:inline-block; color:#444; text-decoration:none; font-size:11px;  font-weight:normal; margin:0 0 0 5px; }
a.button3 .left{background:url('http://img-static.pdll.pl/buttons.png') left -244px no-repeat; line-height:25px; display:block; vertical-align:middle; padding:0 0 0 10px; color:#444;}
a.button3:hover{color:#fff; background-position:right -271px;}
a.button3:hover .left{background-position:left -298px; }

a.button4 { display: block; width: 182px; background: url("http://img-static.pdll.pl/buttons.png") no-repeat scroll 0 -114px transparent; color: #FFFFFF !important; line-height: 35px; text-align: center; text-decoration: none; }
a.button4:hover { background-position: 0 -77px; text-decoration: none !important; }


.button5 { display: block; width: 171px; height: 28px; padding:0 10px 0 0 !important; background: url("http://img-static.pdll.pl/buttons.png") no-repeat scroll 0 -152px transparent; color: #FFFFFF !important; line-height: 28px; text-align: center; text-decoration: none; border: 0; cursor: pointer; }
.button5:hover { background-position: 0 -182px ; text-decoration: none !important; }


a.pag{background-position:right -163px; }
a.pag .left{background-position:left -190px;}
a.pag:hover{text-decoration: none;}

.text h2 { color: #09C; border-bottom: 1px dotted #CCC; }


h1, h2, h3 { font-weight:normal; font-family:'Quicksand',Arial,Helvetica,sans-serif;}
h1#tyt { font-weight: normal; font-size: 454%; color:#ccc; border-bottom:none; margin:0 0 0px 0; letter-spacing: 1px; font-variant:normal;  line-height:40px; padding:3px 0 3px 0;}

.ikona { display: block; background: transparent url('http://img-static.pdll.pl/images.png') left top no-repeat; }
.ikona-hosting { width: 45px; height: 45px; background-position: -7px -358px; }
.ikona-strony-internetowe { width: 45px; height: 45px; background-position: -60px -358px; }
.ikona-aplikacje-dedykowane { width: 45px; height: 45px; background-position: -117px -358px; }
.ikona-cms-pdadmin { width: 45px; height: 45px; background-position: -60px -408px; }
.ikona-portale-internetowe { width: 45px; height: 45px; background-position: -7px -507px; }
.ikona-kreowanie-marki { width: 45px; height: 45px; background-position: -7px -457px; }
.ikona-rozwiazania-mobilne { width: 45px; height: 45px; background-position: -60px -506px; }
.ikona-projekt-dla-wsi { width: 45px; height: 45px; background-position: -61px -457px; }
.ikona-sklepy-internetowe { width: 45px; height: 45px; background-position: -7px -408px; }

.ikona-mala-hosting { width: 24px; height: 25px; background-position: -4px -237px; }
.ikona-mala-strony-internetowe { width: 24px; height: 25px; background-position: -32px -237px; }
.ikona-mala-aplikacje-dedykowane { width: 24px; height: 25px; background-position: -62px -237px; }
.ikona-mala-cms-pdadmin { width: 24px; height: 25px; background-position: -32px -264px; }
.ikona-mala-portale-internetowe { width: 24px; height: 25px; background-position: -4px -319px; }
.ikona-mala-kreowanie-marki { width: 24px; height: 25px; background-position: -4px -291px; }
.ikona-mala-rozwiazania-mobilne { width: 24px; height: 25px; background-position: -32px -319px; }
.ikona-mala-projekt-dla-wsi { width: 24px; height: 25px; background-position: -32px -291px; }
.ikona-mala-sklepy-internetowe { width: 24px; height: 25px; background-position: -4px -264px; }

.ikona-strzalka { width: 7px; height: 14px; background-position: -6px -6px; }
.ikona-kalendarz { width: 30px; height: 25px; background-position: -145px -786px; }
.ikona-tv { width: 30px; height: 25px; background-position: -128px -786px; }
.ikona-url { width: 30px; height: 25px; background-position: -75px -786px; }
.ikona-status { width: 30px; height: 25px; background-position: -36px -786px; }
.ikona-tagi { width: 30px; height: 25px; background-position: -3px -786px; }

.zapytanie { width: 87px; height: 92px; background-position: -2px -938px; }

/* ######## TOP ################ */ 

#top .pagebody { height: 70px; position: relative; padding-bottom: 30px; overflow: hidden; }
#top .pagebody #logo { width: 210px; height: 60px; position: absolute; top: 15px; left: 25px; display: block; text-indent: 9999em; letter-spacing: 9999em; background: transparent url('http://img-static.pdll.pl/images.png') left -91px; }

#top .pagebody ul#main_menu{padding:0; margin: 0; width:530px; position:absolute; top:26px; right:10px;}
#top .pagebody ul#main_menu li{ padding:0;margin:0px 1px; float:left; list-style:none; text-align:center; }
#top .pagebody ul#main_menu li a{padding:0 8px 3px 8px; letter-spacing:-1px; font-family:'Quicksand', Arial, serif; text-decoration:none; border:1px solid #fff; font-size:18px; font-weight:normal; color:#777; height:40px; line-height:18px; display:block; }
#top .pagebody ul#main_menu li a:hover{ color:#0099CC;}
#top .pagebody ul#main_menu li a small{clear:both; font-size:10px; color:#aaa; letter-spacing:0px;}
#top .pagebody ul#main_menu li a:hover small{ color:#444;}
#top .pagebody ul#main_menu li#mmw a{ border-bottom:1px solid #f45b03;}

#top .pagebody form.search{position:absolute; right:10px; top:36px; z-index:9; width:105px; height:28px; background: url('http://img-static.pdll.pl/szukaj-input.png') right top no-repeat;}
#top .pagebody form.search:hover, #top form.active{background-position:right -31px;}
#top .pagebody form.search input#search_input{width:72px; height:20px; border:0; display:block; background:none; padding:4px 0px 2px 8px; color:#444; float:left;}
#top .pagebody form.search input#button{background:none; overflow:hidden; border:0; text-indent:9999em; letter-spacing: 9999em; width:25px; height:25px; font-size:12px; display:block; color:#fff; vertical-align:middle; float:right; cursor:pointer;}

/* ######## STOPKA ################ */

#footer .pagebody { padding: 30px 0 50px 0; clear: both; }
#footer .pagebody #podpis{ font-size:10px; color:#ccc; float:left; z-index:3; width:60%; text-align:left; padding-left:15px; }
#footer .pagebody #linki{ font-size:10px; color:#ccc; float:right; z-index:3; width:30%; text-align:right; padding-right:15px;}
#footer .pagebody a{text-decoration:none; color:#0099CC;}
#footer .pagebody a:hover{color:#FF6600;}
#footer .pagebody .box_border_top{ border-top:1px solid #eee; padding:7px 0 0 0; float:left; width:100%;}

.seo_footer { width: 900px; margin: 0 auto; color: #DDD; font-size: 11px; text-align: center; }

/* ######## BANER ################ */

#intro{width:100%; margin:0 auto 3px auto; position:absolute; top: 92px; overflow:hidden; height:500px; z-index: 0; }
#intro #baner_center{ margin: 0 auto; width:100%; position:relative; height:500px; overflow: hidden; text-align: center; }
#intro #baner_center #kontrolki{ margin: 0 auto; width:1000px; position:relative; height:41px; top: 170px;}
#intro #rotacja { overflow: hidden; width: 100%; height:500px; position: absolute; top: 0; }
#intro .prev { background: #FFF url('http://img-static.pdll.pl/images.png') -117px -158px no-repeat; cursor:pointer; height: 41px; width: 25px; text-indent: 9999em; letter-spacing: 9999em; position: absolute; top: 0; left: 0; pointer: cursor; z-index: 10; }
#intro .prev:hover { background-position:-171px -158px; }
#intro .next { background: #FFF url('http://img-static.pdll.pl/images.png') -145px -158px no-repeat; cursor:pointer; height: 41px; width: 25px; text-indent: 9999em; letter-spacing: 9999em; position: absolute; top: 0; right: 0; pointer: cursor; z-index: 10; }
#intro .next:hover { background-position:-199px -158px; }

/* ######## PORTFOLIO ################ */

#portfolio .kategorie { height: 51px; margin: 0 0 20px 0; padding: 1px 10px 0 10px; font-size: 11px; line-height: 38px; background: url(../images/filtry-kategorii.png) left top no-repeat; position: relative; z-index: 10; }
#portfolio .kategorie span { display: none; }
#portfolio .kategorie li { list-style: none; float: left; }
#portfolio .kategorie li a { padding: 0 15px; display: block; color: #777 !important; }
#portfolio .kategorie li a:hover { text-decoration: none !important; color: #0099CC !important; }
#portfolio .kategorie li a.active { background: url(../images/filtry-kategorii-active.png) left top repeat-x; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; position: relative; color: #0099CC !important; }
#portfolio .kategorie li a.active span { display: block; width: 17px; height: 7px; background: url(../images/images.png) -117px -203px no-repeat; position: absolute; right: 15px; bottom: -7px;  }
#portfolio .kategorie li.sortowanie { position: absolute; top: 1px; right: 13px; width: 130px; text-align: center; color: #FFF; }
#portfolio .kategorie li.sortowanie ul { display: none; line-height: 17px; background: blue; width: 130px; margin: 0; padding: 0; height: 50px; }
#portfolio .kategorie li.sortowanie:hover ul { display: block; }
#portfolio .kategorie li.sortowanie ul li { background: pink; display: block; float: none; }
#portfolio .kategorie li.sortowanie ul li a { background: #CBCBCB; display: block; line-height: 25px; text-align: left; color: #FFF !important; border-bottom: 1px solid #BBB; }
#portfolio .kategorie li.sortowanie ul li a.active { font-weight: bold; }
#portfolio .kategorie li.sortowanie ul li a.active:before { content: '▸ '; }
#portfolio .kategorie li.sortowanie ul li a:hover { background: #BBB; }

#portfolio .content ul.portfolio{ margin: 0; padding: 0; }
#portfolio .content ul.portfolio li{ list-style:none; position:relative; margin: 7px 12px; width: 308px; height: 345px; float: left; }
#portfolio .content ul.portfolio li h2{padding:0; margin:0 0 10px 0; font-size:18px;}
#portfolio .content ul.portfolio li h2 a:hover {text-decoration: none;}
#portfolio .content ul.portfolio li p.meta-uslugi{font-size: 80%; color: #888; margin:9px 0 5px 2px; text-align:center; line-height:13px;}
#portfolio .content ul.portfolio li p.meta-uslugi a{color: #CCC;}
#portfolio .content ul.portfolio li p.meta-uslugi a:hover {color: #f58320;}
#portfolio .content ul.portfolio li .okladka { height: 197px; }
#portfolio .content ul.portfolio li .okladka img { width: 300px; height: 189px; border: 1px solid #EEE; padding: 3px; position: absolute; z-index: 1; background:#fff; }
#portfolio .content ul.portfolio li span { display: none; }
#portfolio .content ul.portfolio li a.button5 { position: absolute; right:66px; bottom: 44px; font-size:90%; }
#portfolio #all { display: none; }

#portfolio .screeny { text-align: center; }
#portfolio .screeny h2 { text-align: left; padding: 5px 0 5px 49px; margin: 5px 0; color: #FFF; }
#portfolio .screeny h2 span { padding: 0 10px; background-color: #F15C25; }
#portfolio .screeny img { margin: 0 auto 20px auto; border: 1px solid #EEE; }

#portfolio .content  ul.metaP{ border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; padding: 6px 0; margin:5px 0 15px 0; clear:both; float:left; width:100%;}
#portfolio .content  ul.metaP li{ list-style:none; width:48%; padding:1%; height: 30px; float: left;}
#portfolio .content  ul.metaP li .mar{margin-top:6px; float:left;}
#portfolio .content  ul.metaP li.sz100{width:98%; clear:both;}
#portfolio .content  ul.metaP li img{float:left; margin:1px 7px!important;}
#portfolio .content  ul.metaP li img.usl{width:23px; height:28px; margin:5px;}
#portfolio .content  ul.metaP li .ikona {float: left; margin: 0 5px;}

#portfolio #ladowanie { height: 50px; background: url('http://img-static.pdll.pl/progress_indicator.gif') center center no-repeat; }
#do-gory { position: fixed; right: 0; bottom: 0; width: 26px; height: 67px; background: url('http://img-static.pdll.pl/images.png') -1px -157px; no-repeat; text-align: center; color: #FFF !important; }
#do-gory:hover { background-position: -28px -157px; }

#portfolio #zapytanie { position: absolute; right: 0px; top: -20px; z-index: 5; }
#portfolio #zapytanie:hover { background-position: -102px -938px; }

#left-menu ul li#mlw a { background-color:#fff; color:#0099CC; }
#left-menu ul li#mlw a span.ikona-strzalka { background-position: -18px -6px; margin: 5px 0 0 0; }
#left-menu ul li#mlw li a{ background-color:#ddd;}
#left-menu ul li.first_item a{border-top:none;}
#left-menu ul li.last_item a{border-bottom:none;}
#left-menu ul a {color: #777; padding:7px 35px 7px 15px; border-bottom:1px solid #ddd; border-top:1px solid #fff; margin:0; }
#left-menu ul a:hover { background-color:#eee; text-decoration:none; background-position:right center; }
#left-menu ul.uslugi { padding: 35px 5px 0 5px; line-height: 25px; font-size: 16px; color:#fff; margin: 0; }
#left-menu ul.uslugi li a {color: #777; padding:7px 5px 7px 3px; display:block; border-bottom:1px solid #eee; margin:0; font-size:95%;}
#left-menu ul.uslugi li a span.ikona-strzalka{ float: right; margin: 5px 4px 0 0; }
#left-menu ul.uslugi li a span.male-uslugi { float:left; margin: 0 8px 0 0; }
#left-menu ul.uslugi li a:hover { background-color:#eee; text-decoration:none; }
#left-menu ul.uslugi li a:hover span.ikona-strzalka { background-position: -18px -6px; margin: 5px 0 0 0; }
#left-menu ul.uslugi li {list-style:none; margin:0; position:relative; }

/* ######## strona główna ################ */

#shoc_div{height:144px; width:100%; background: url('http://img-static.pdll.pl/7.png') center center no-repeat; padding-top:62px;}
#shoc_div h3{ color:#007aa3; font-size:20px; margin:5px 0 4px 0; padding:0; letter-spacing:-1px; text-align:right; padding-right:7px; }
#shoc_div p{ font-size:11px; padding-right:7px; margin-top:3px; margin-bottom:3px; line-height:12px; }

#shoc_div #realizacje { z-index: -1; float: left; }

#shoc_div .portfolio_box p{ text-align:right;}
#shoc_div .hello_div{}
#shoc_div .portfolio_box{margin-left:-52px; z-index:9; background: url('http://img-static.pdll.pl/3.png') left top no-repeat; height:116px; display:inline-block; padding-left:5px; position:relative;}
#shoc_div .portfolio_box a{ position:absolute; bottom:-2px; right:-2px; background: url('http://img-static.pdll.pl/buttons.png') left -76px no-repeat; width:132px; height:25px; display:block; color:#fff; font-family:Arial, serif; letter-spacing:0px; font-size:15px; padding:10px 31px 4px 28px; }
#shoc_div .portfolio_box a:hover{background-position:left -113px;}

#shoc_div .kontakt_box{padding-left:12px; position:relative; height:116px; width:463px; float:right;}
#shoc_div .kontakt_box h3{text-align:left;}
#shoc_div .kontakt_box p.telefon{ color:#007aa3; margin:22px 0 0 0;}
#shoc_div .kontakt_box a{ position:absolute; bottom:1px; right:-1px; background: url('http://img-static.pdll.pl/buttons.png') left -1px no-repeat; width:161px; height:25px; display:block; color:#fff; font-family:Arial, serif; font-size:15px; padding:9px 36px 3px 31px; }
#shoc_div .portfolio_box a:hover{background-position:left -113px;}
#shoc_div .kontakt_box a:hover{background-position:left -38px;}

/* ######## USŁUGI ################ */

#start-uslugi { margin-top: 245px; position: relative; z-index: 5; }
ul.fajna-lista { margin: 0;}
ul.fajna-lista li{list-style:none; display:inline-block;float:left; width:224px; overflow:hidden; padding:2px 10px 8px 10px; height:145px; border:1px solid transparent; margin: 0px 0 3px 0; }
#start-uslugi ul.fajna-lista li{ height:125px; }
ul.fajna-lista li:hover{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #eee; background:url('http://img-static.pdll.pl/images.png') center -565px repeat-x;}
ul.fajna-lista li h2, ul.fajna-lista li p, ul.fajna-lista li a{ margin:0; }
ul.fajna-lista li h2{ padding:5px 4px 10px 4px; overflow: hidden;font-family:'Quicksand', Arial, serif; font-size:21px; position:relative; font-weight:normal; font-size:18px; letter-spacing:-1px; }
ul.fajna-lista li h2 a{color:#666;font-size: 18px; letter-spacing: -1px;}
ul.fajna-lista li p{ padding:5px 10px 0 5px; font-size:12px; text-align:left; color: #666; font-size:11px; }
ul.fajna-lista li a{ font-size:13px; display: block; width: 100% !important; color: #666;}
ul.fajna-lista li p a{ line-height: 14px; }
ul.fajna-lista li a span.ikona { float:right; margin:25px 0px 0px 8px !important;}
ul.fajna-lista li a:hover { border:0 !important; text-decoration: none !important; }
ul.fajna-lista li a:hover p{ border:0 !important; text-decoration: none !important;}
#uslugi ul.fajna-lista li{width:225px !important; height:155px !important;}

#uslugi .screeny .okladka_small { width: 340px; float: left; margin-bottom: 30px; }
#uslugi .screeny .okladka_small img { width: 300px; height: 190px; border: 1px solid #EEE; }

/* ######## REFERENCJE ################ */

#referencje #main a {display: inline-block; border: 6px solid #FFF; margin: 0 3px 4px 0; height:160px; width:235px; float:left; background-color:#f2f3f3; background-image:url('http://img-static.pdll.pl/referencje/tlo.jpg'); text-align:center;}
#referencje #main a img{ margin:auto; padding:0;}
#referencje #main a:hover { border: 6px solid #EFEFEF; }
.tooltip {	display:none; background:transparent url('http://img-static.pdll.pl/black_arrow.png') no-repeat; font-size:13px; height:90px; width:180px;	padding:15px; color:#777; z-index:99; font-weight: normal;}

/* ######## MAPA STRONY ################ */

ul.treeview li ul{padding:9px 10px 9px 25px; margin: 0;}
ul.treeview li{font-size:18px !important; list-style:none; vertical-align:top; padding:3px 0;}
ul.treeview ul li{font-size:90% !important;}

/* ######## ZAPYTANIE OFERTOWE ################ */

#zapytanie-ofertowe .na-podstawie { background: #FAFAFA; border: 1px solid #CCC; padding: 10px; margin: 0; }
#zapytanie-ofertowe .na-podstawie h2 { color: #999; }
#zapytanie-ofertowe .na-podstawie h2 span { font-size: 33px; line-height: 60px; color: #555; }
#zapytanie-ofertowe .na-podstawie img { vertical-align: middle;  border: 1px solid #CCC; margin: 0 20px; }

#zapytanie-ofertowe .span-5 { padding: 5px 0 0 0; }
#zapytanie-ofertowe .span-5 label { display: block; text-align: right; }
#zapytanie-ofertowe .span-7 { padding: 5px 0 0 0; }
#zapytanie-ofertowe .span-7 ul { margin: 0; }
#zapytanie-ofertowe .span-7 ul li { list-style: none; }
#zapytanie-ofertowe .span-7 label { display: block; }
#zapytanie-ofertowe .span-7 input[type=text] { border: 1px solid #CCC; padding: 3px; width: 250px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#zapytanie-ofertowe .preferowany-kontakt li { float: left; }
#zapytanie-ofertowe .span-13 label { display: block; padding: 5px 0 15px 0; }
#zapytanie-ofertowe textarea { border: 1px solid #CCC; padding: 0 5px; width: 500px; height: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: url(http://img-static.pdll.pl/textarea-line.png); line-height: 17px; }

#zapytanie-ofertowe #budzet .column { width: 125px; }
#zapytanie-ofertowe #budzet label { padding: 4px 0 0 0; }
#zapytanie-ofertowe #budzet #suwak { width: 600px !important; }
#zapytanie-ofertowe #budzet #suwak2 { background: url(http://img-static.pdll.pl/budzet-skala.png) left top no-repeat; margin-top: 10px; }
#zapytanie-ofertowe #budzet #suwak .ui-slider-handle { cursor: col-resize; }
#zapytanie-ofertowe #budzet .ui-slider-range { opacity: 0.5; height: 12px; padding: 0; margin: 0; }

#zapytanie-ofertowe ul.errorlist { margin: 0; }
#zapytanie-ofertowe ul.errorlist li { margin: 0; padding: 0 10px; list-style: none; font-size: 11px; background: #F15C25; color: #FFF; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#zapytanie-ofertowe ul.errorlist li:before { content: '↶ '; }

#zapytanie-ofertowe input[type=submit] { padding: 0 10px 0 0; }


/* ######## KONTAKT ################ */

#kontakt dl { margin: 0; }
#kontakt #mapa { height: 300px; border: 3px solid #EAEAEA; margin: 0 0 10px 0; }
#kontakt #wyznacz-trase .span-10 { text-align: right; }
#kontakt #wyznacz-trase input { border: 1px solid #CCC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 3px; margin: 3px 0 0 10px; width: 255px; }
#kontakt #wyznacz-trase .wskazowki { font-size: 11px; }
#kontakt #wytyczne { padding: 10px 0; }
#kontakt #wytyczne #adp-placemark { display: none; }
#kontakt #wytyczne .adp-placemark { display: none; }
#kontakt #wytyczne table { border: 0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; width: 100%; }
#kontakt #wytyczne table td { border: 0; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }
#kontakt .kontakt-listwa { height: 66px; background: url(http://img-static.pdll.pl/kontakt.jpg) center top no-repeat; line-height: 70px; margin: -93px 0 0 0; padding: 95px 0 0 30px; color: #0B98C8; font-weight: bold; font-size: 16px; }
#kontakt p.slogan { text-align: right; margin: 0 15px 0 0; font-size: 13px;  }

.facebook { float: right; margin: 0 0 20px 30px; }


/* ######## WYSZUKIWARKA ################ */
form.szukarka{width:70%; clear:both; padding:0px 15px; border:1px solid #eee; margin:20px 14%;}
form.szukarka label{ line-height:30px;}
form.szukarka input[type="text"]{width:270px!important; padding:5px 5px 4px!important;}
form.szukarka input.button2{margin:1px 5px 0!important; clear:none!important;}