/* ######## 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;behavior: url(/static/css/ie6alert.htc);}
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('/static/images/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:920px; padding:15px 40px 15px 40px; }
#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;}

a.button{background:url('http://static.pdll.pl/images/buttons.png') right -1px 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.button .left{background:url('http://static.pdll.pl/images/buttons.png') left -28px no-repeat; line-height:25px; display:block; vertical-align:middle; padding:0 0 0 10px; color:#777;}
a.button:hover{color:#fff; background-position:right -55px; text-decoration: none !important; }
a.button:hover .left{background-position:left -82px; }

a.button2{background:url('http://static.pdll.pl/images/buttons.png') right -109px 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://static.pdll.pl/images/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://static.pdll.pl/images/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://static.pdll.pl/images/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.pag{background-position:right -163px; }
a.pag .left{background-position:left -190px;}

ul.form {width:98%; padding:8px 1% 15px 1%; font-size:100%; }
ul.form li{list-style:none; text-align:left; display:block; width:100%; font-size:11px; color:#ccc; padding:0px 0 13px 0; text-align:right;}
ul.form li.buttons{text-align:right;}
ul.form ul{width:64%; padding:5px 0 5px 35%; font-size:100%; }
ul.form li label{text-align:left; border:none; font-size:95%; width:30%; padding-right:10px; margin:7px 0 2px 0; font-size:120%; color:#777; text-align:left; display:inline-block;}
ul.form input{width:65%; padding:6px 0 6px 0; display:inline-block; text-indent:2px; text-align:left; border:1px solid #ccc; color:#0099CC; /*-moz-border-radius:4px; -webkit-border-radius: 4px;*/ background:url('http://static.pdll.pl/images/input-bg.png') left top repeat-x #fcfcfc;}
ul.form input[type='radio'], ul.form input[type='checkbox']{width:10%; border:none; display:inline; /*-moz-border-radius:0px; -webkit-border-radius: 0px;*/}
ul.form select{width:100%; padding:1px 0 2px 0; display:block;border:1px solid #ccc; color:#0099CC; /*-moz-border-radius:4px; -webkit-border-radius:*/ 4px; width:65%; display:inline-block;}
ul.form input.noframe{ border:none;}
ul.form textarea{width:62%; padding:6px; display:inline-block; border:1px solid #ccc; color:#0099CC; margin-bottom:5px; height:7em; font-size:12px; /*-moz-border-radius:4px; -webkit-border-radius: 4px;*/ background:url('http://static.pdll.pl/images/input-bg.png') left top repeat-x #fcfcfc; vertical-align:top;}
ul.form li ul.errorlist{width:60%; padding:0 5% 0 32%; list-style:none; margin-bottom:5px; float:left;}
ul.form li ul.errorlist li{text-align:left; width:94%; padding:2px 6%; color:#ed7e1d; font-size:100%; background:url('http://static.pdll.pl/images/iko/ikonki.png') left -75px no-repeat;}
ul.form li ul{width:98%; padding:0px 0 0px 5%; list-style:none; float:left;}
ul.form li ul li{ padding:0 0 3px 0;}
ul.form input[type='submit'], ul.form input.button{ width:65px; background:url('http://static.pdll.pl/images/submit-buttons.png') left -0px no-repeat; border:none; font-size:11px; height:26px; padding:0; text-align:center; color:#222;}
ul.form input[type='submit']:hover, ul.form input.button:hover{ background-position:left -27px; cursor:pointer;}

h1, h2, h3 { font-weight:normal; }
h1#tyt { font-size: 170%; border-bottom:#eee 1px solid; margin:0 0 15px 0; letter-spacing: 1px; font-variant:normal; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:35px; padding:3px 0 3px 0;}


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

#top .pagebody { height: 70px; position: relative; padding-bottom: 30px; }
#top .pagebody #logo img{ position: absolute; top: 15px; left: 25px; }

#top .pagebody ul#main_menu{padding:0; margin: 0; width:530px; padding-right:120px; position:absolute; top:21px; right:10px;}
#top .pagebody ul#main_menu li{ padding:0;margin:0px 3px; float:left; list-style:none; text-align:center; }
#top .pagebody ul#main_menu li a{padding:0 10px; text-decoration:none; border:1px solid #fff; font-size:18px; font-weight:normal; color:#888; height:40px; line-height:18px; display:block; }
#top .pagebody ul#main_menu li a:hover{color:#0099CC; /*-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;*/ border:1px solid #eee; background:url('http://static.pdll.pl/images/szare.png') left -40px repeat-x;}
#top .pagebody ul#main_menu li a small{clear:both; font-size:10px; color:#aaa;}
#top .pagebody ul#main_menu li a:hover small{ color:#777;}
#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-top: 30px; clear: both; }
#footer .pagebody #podpis{ font-size:10px; color:#ccc; float:left; z-index:3; width:45%; text-align:left; padding-left:15px; }
#footer .pagebody #linki{ font-size:10px; color:#ccc; float:right; z-index:3; width:45%; 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%;}

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

#intro{width:100%; margin:0px 0 3px 0; position:relative; overflow:hidden; height:341px; }
#intro #baner_center{ margin:auto; width:1000px; position:relative; height:341px; overflow: hidden; background-color:#fff;}
#intro #baner_cien{position:absolute; bottom:0; left:0; width:1000px; height:44px; background: #FFF url('http://img-static.pdll.pl/banercien.png') center top no-repeat;}
#intro #rotuj { overflow: hidden; height:341px; }
#intro .ft-title { position: absolute; top: -300px; line-height: 297px; width: 1000px; color: #F15C25 !important; display: none; padding: 0; font-size: 90px; text-align: center; height: 297px; }
#intro .ft-title a { display: block; line-height: 297px; color: #F15C25; text-decoration: none; }
#intro .ft-next { background: #FFF url('http://img-static.pdll.pl/strzalki.png') -28px -3px no-repeat; cursor:pointer; height: 41px; width: 25px; text-indent: 9999em; letter-spacing: 9999em; }
#intro .ft-next:hover { background-position:-28px -66px; }
#intro .ft-prev { background: #FFF url('http://img-static.pdll.pl/strzalki.png') -1px -3px no-repeat; cursor:pointer; height: 41px; width: 25px; text-indent: 9999em; letter-spacing: 9999em; }
#intro .ft-prev:hover { background-position:-1px -66px; }

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

#portfolio .content ul.portfolio{ margin: 0; padding: 0; }
#portfolio .content ul.portfolio li{ list-style:none; position:relative; margin-bottom: 50px;}
#portfolio .content ul.portfolio li h2{padding:0; margin:0; font-size:180%;}
#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:0 0 5px 2px;}
#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 img{ width:607px; height:390px; padding:5px !important; background:#fff !important; display:block; border:1px solid #eee !important;}

#portfolio .content .meta { border: 3px solid #f7f7f7; margin: 25px 15px; background-color: #ECEEEF;  background: url('http://static.pdll.pl/images/szare.png') left top repeat-x; border:1px sod #eee; font-size:85%; text-align:left;}
#portfolio .content .short { font-weight: bold; }
#portfolio .content .okladka { position:relative; text-align: center; background:#eee; padding:6px; }
#portfolio .content .okladka:hover { background:#aaa; }
#portfolio .content .okladka img{margin:0 !important; padding:0 !important; border:none !important;}
.content .screeny { text-align: center; float:left; width:100%; clear:both; margin-bottom:10px; }
.content .okladka_small { width: 186px; height: 120px; background: #eee /*url('http://static.pdll.pl/images/okladk_bg_s.png') left top no-repeat*/; border:1px solid #eee; display: inline-block; float:left; padding:4px; margin:6px;}
.content .okladka_small img{margin:0 !important; padding:0 !important;}
.content .okladka_small:hover{border:1px solid #f58320;}
.content #okladka_small_w{ border:1px solid #0099CC;}

#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%; 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;}

#left-menu ul li#mlw a { background-color:#fff; color:#0099CC; background-position:right center;}
#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; background:url('http://static.pdll.pl/images/menu-strzalka.png') 205px center no-repeat; 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 a {color: #777; padding:7px 25px 7px 3px; display:list-item; border-bottom:1px solid #eee; margin:0; }
#left-menu ul.uslugi a:hover { background-color:#eee; text-decoration:none;  }
#left-menu ul.uslugi li {list-style:none; margin:0; position:relative; }
#left-menu ul.uslugi li img{ vertical-align:middle; height:28px; border:none; padding:0px; margin:0 8px 0 0;}

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

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 #fff; margin: 12px 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://static.pdll.pl/images/szare.png') left -40px 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:verdana,arial,sans-serif; font-size:21px; position:relative; font-weight:normal; font-size:19px; letter-spacing:-0.5px; }
ul.fajna-lista li h2 a{color:#666;font-size: 19px; 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:11px; display: block; width: 100% !important; color: #666;}
ul.fajna-lista li p img{ height: 53px; width: 44px; float:right; margin:25px 0px 0px 15px !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:205px !important; height:155px !important;}

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

#referencje #main a {display: inline-block; border: 6px solid #FFF; margin: 0 3px 4px 0; height:160px; width:215px; float:left; background-color:#f2f3f3; background-image:url('http://static.pdll.pl/images/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://static.pdll.pl/images/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;}