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: #04639b; } 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: "" ""; } html,body,input,textarea{margin: 0; padding: 0; font: 12px Arial,Helvetica,sans-serif; color: #666; } body{background-attachment:fixed; background: #04639b url("/skins/default/images_layout/body_bg.png") no-repeat fixed center top; } body#html5_demos * span.d{background: transparent url("/skins/default/images_layout/html5_demos.png") no-repeat center top; width: 430px; height: 100px; position: absolute; top: 58px; left: 35px; } h1{color:white; font-size:22px; font-weight:bold; margin:0 0 10px 30px; } div{text-align: left; } strong{font-weight: bold; } a{text-decoration: none; } a:link,a:visited{color: #167aa8; color:white; } a:hover{color: #329bcb; } div#site{width: 960px; margin: 0 auto; } div#header{height: 165px; z-index:100; position:relative; } div#content{float:left; width: 960px; z-index:100; position:relative; } #logo{margin-top:15px; float:left; } #logo img{width:354px; height:76px; } ul#nav{float:right; margin:80px 0 0 0; } ul#nav * a{color:white; font-weight:bold; float:left; padding:11px 13px 0 3px; height:24px; } ul#nav li{height:36px; float:left; padding:0 0 0 12px; margin-right:15px; } #home * ul#nav li.nav-home a,#portfolio * ul#nav li.nav-portfolio a,#o_nas * ul#nav li.nav-onas a,#kontakt * ul#nav li.nav-kontakt a,#html5_demos * ul#nav li.nav-html5 a{background: url("/skins/default/images_layout/nav.png") no-repeat right top; } #home * ul#nav li.nav-home,#portfolio * ul#nav li.nav-portfolio,#o_nas * ul#nav li.nav-onas,#kontakt * ul#nav li.nav-kontakt,#html5_demos * ul#nav li.nav-html5{background: url("/skins/default/images_layout/nav_left.png") no-repeat left top; } a.demo{background: url("/skins/default/images_layout/nav_left.png") no-repeat left top; height:36px; padding:12px 0 10px 12px; color:white; } a.demo span{background: url("/skins/default/images_layout/nav.png") no-repeat right top; padding:12px 14px 10px 5px; height:24px; font-weight:bold; } div.front_box{height:460px; overflow:hidden; } div.content_box{width:934px; height:270px; } div.content_box_top{background: url("/skins/default/images_layout/content_top.png") no-repeat; height:21px; } div.content_box_middle{background: url("/skins/default/images_layout/content_middle.png") repeat-y;float:left;width:930px; } div.content_box_bottom{background: url("/skins/default/images_layout/content_bottom.png") no-repeat;clear:left; height:21px; } div.portfolio_item{margin: 10px auto 15px auto; width:530px; } div.portfolio_item * img{border:10px solid white; margin:10px 15px 10px 15px; float:left; box-shadow: 2px 2px 5px #888; -moz-box-shadow: 2px 2px 5px #888; -webkit-box-shadow: 2px 2px 5px #888; width:530px; height:120px; } div.portfolio_item a:hover img{-webkit-transform: scale(1.05); -moz-transform: scale(1.05); } h3{font-size:12px; color:#0677A5; font-weight:bold; margin:7px 0 0 15px; float:left; } div.portfolio_item div{float:left; margin-bottom:5px; } div.portfolio_item ul{float:left; margin:5px 0 0 10px; font-size:11px; } div.portfolio_item ul li{float:left; margin-right:10px; color:white; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:3px; } div.portfolio_item ul li.grafika{background: #003399; } div.portfolio_item ul li.html{background: #930015; } div.portfolio_item ul li.css{background: #d88509; } div.portfolio_item ul li.js{background: #0054b4; } div.portfolio_item ul li.php{background: #6502ab; } div.portfolio_item ul li.mysql{background: #ab5848; } div.portfolio_item ul li.jquery{background: #cc0033; } div.contact{margin:3px 0 0 20px; } div.about_us{margin:10px 10px 10px 35px; float:left; height:70px; } div.about_us h3{margin:0 0 0 20px; color:white; font-size:16px; } div.about_us p{clear:left; margin:5px 0 0 20px; color:white; } div.about_us div{float:left; width:330px; } div.about_us div.icon{float:left; width:60px; } #body * div.content_box_middle{text-align:center; } div#front_box{margin:0 auto; width:700px; height:450px; background: url("/skins/default/images_layout/shadow.png") no-repeat center 350px; } div#front_box{margin:0 auto; width:934px; height:650px; background: url("/skins/default/images_layout/cien.png") no-repeat center 413px; } #slider{width:872px; height:350px; margin:15px auto 15px auto; overflow:hidden; border-radius:10px; } .tab{float:left; width:35px; display:block; height:350px; position:relative; text-decoration:none; } .tab img{width:656px; height:350px; } .tab:target{width:697px; } .tab-target{width:697px; } .bar{width:35px; height:350px; background-color: #7cbcdb; position:absolute; display:block; left:0; top:0; bottom:0; background-repeat: no-repeat; } .content{position:absolute; height:350px; display:block; width:0; left:35px; top:0; bottom:0; } .tab ,.content{transition: width 1.5s linear; -o-transition: width 1.5s linear; -moz-transition: width 1.5s linear; -webkit-transition: width 1.5s linear; } .tab:target .content{width: 660px; } .tab-target .content{width: 660px; } #karta1 .bar{background-image: url("/skins/default/images_layout/bar_seo.png"); } #karta2 .bar{background-image: url("/skins/default/images_layout/bar_programowanie.png"); } #karta3 .bar{background-image: url("/skins/default/images_layout/bar_aplikacje.png"); } #karta4 .bar{background-image: url("/skins/default/images_layout/bar_webdesign.png"); } #karta5 .bar{background-image: url("/skins/default/images_layout/bar_grafika.png"); } #karta6 .bar{background-image: url("/skins/default/images_layout/bar_webdev20.png"); } #demos{overflow:hidden; margin-left:20px; } div.demos_content{display: none; clear: both; } li.selected img{opacity:1; } div.navigation a.pageLink{height: 77px; line-height: 77px; } div.controls{margin-top: 5px; height: 23px; } div.controls a{padding: 5px; } div.ss-controls{float: left; } div.nav-controls{float: right; } div.slideshow-container,div.loader,div.slideshow a.advance-link{width: 710px; } div.loader,div.slideshow a.advance-link,div.caption-container{height: 502px; } div.slideshow-container{position: relative; clear: both; float: left; height: 532px; } div.slideshow span.image-wrapper{display: block; position: absolute; top: 30px; left: 0; } div.slideshow a.advance-link{display: block; line-height: 502px; text-align: center; } div.slideshow img{border-style: solid; border-width: 1px; } div.caption-container{float: left; position: relative; margin-top: 30px; } span.image-caption{display: block; position: absolute; top: 0; left: 0; } div.caption-container,span.image-caption{width: 180px; color:white; } div.caption{padding: 0 12px; } div.image-title{font-weight: bold; font-size: 1.4em; } div.image-desc{line-height: 1.3em; padding-top: 12px; margin-bottom:15px; } div.download{margin-top: 8px; margin-left:8px; float:left; } div.photo-index{position: absolute; bottom: 0; left: 0; padding: 0 12px; } div.navigation-container{float: left; position: relative; } div.navigation{float: left; position: relative; } a.pageLink{display: block; position: relative; float: left; margin: 2px; width: 16px; background-position:center center; background-repeat:no-repeat; } a.pageLink{background-position:center center; background-repeat:no-repeat; display:block; float:left; } a.pageLink:focus{outline: none; } ul.thumbs{position: relative; float: left; margin: 0; padding: 0; } ul.thumbs li{float: left; padding: 0; margin: 2px; list-style: none; } a.thumb{padding: 1px; display: block; } a.thumb:focus{outline: none; } ul.thumbs li img{border: none; display: block; width:100px; height:100px; opacity:0.6; } div.pagination{clear: both; position: relative; left: -50%; } div.pagination a,div.pagination span.current,div.pagination span.ellipsis{position: relative; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover{text-decoration: none; } div.pagination span.current{font-weight: bold; } div#slideshow{float:left; } ul.thumbs li.selected a.thumb{border: 1px solid #FFFFFF; } ul.thumbs li.selected * img{opacity:1; } div.navigation-container a.prev{background-image: url(/webdev20/skins/default/images/prevPageArrowWhite.gif); height:70px; margin:2px; position:absolute; left:0; width:16px; } div.navigation-container a.next{background-image: url(/webdev20/skins/default/images/nextPageArrowWhite.gif); height:70px; margin:2px; position:absolute; right:0; width:16px; } div.pages_nav{clear:left; text-align:center; color:#057AAB; margin-top:20px; } div.pages_nav a{ color:#057AAB; cursor:pointer; border: 1px solid #057AAB; padding: 1px 3px; margin:0 0 0 3px; background:white; font-size:11px; } div.pages_nav a:hover,div.pages_nav a.active{ color:white; background:#057AAB; } div#demos * tr{margin-bottom:10px; float:left; } div#demos * td{width:500px; } div#demos * div.demos img{float:left; } div#demos * div.demos h4{float:left; color:white; font-weight:bold; margin:0 5px 10px 10px;width:130px; } div.proj_desc{height:65px; width:130px; float:left; margin-left:10px; } #top_message{position:absolute; top:0; left:0; width:100%; height:20px; background:white; display:block; z-index:100; opacity: 0.8; } #close_top_message{color: #167aa8; z-index:101; font-weight:bold; font-size: 14px; } div.polityka-prywatnosci{margin:10px 35px 10px 35px; } div.polityka-prywatnosci h2{margin:10px 0 10px 0; font-weight:bold; } div.light_rounded .pp_top .pp_left{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat; } div.light_rounded .pp_top .pp_middle{background: #fff; } div.light_rounded .pp_top .pp_right{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat; } div.light_rounded .pp_content{background-color: #fff; } div.light_rounded .pp_content a.pp_next:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_previous:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_expand{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_expand:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_contract{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_contract:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_rounded .pp_content a.pp_close{width: 75px; height: 22px; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position: 0 -87px; cursor: default; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat; } div.light_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position: -22px -87px; cursor: default; } div.light_rounded .pp_bottom .pp_left{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat; } div.light_rounded .pp_bottom .pp_middle{background: #fff; } div.light_rounded .pp_bottom .pp_right{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat; } div.light_rounded .pp_loaderIcon{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } div.dark_rounded .pp_top .pp_left{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat; } div.dark_rounded .pp_top .pp_middle{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_top .pp_right{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat; } div.dark_rounded .pp_content{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_content a.pp_next:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_previous:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_expand{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_expand:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_contract{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_contract:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_rounded .pp_content a.pp_close{width: 75px; height: 22px; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_rounded .currentTextHolder{color: #c4c4c4; } div.dark_rounded p.pp_description{color: #fff; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position: 0 -87px; cursor: default; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat; } div.dark_rounded .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position: -22px -87px; cursor: default; } div.dark_rounded .pp_bottom .pp_left{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat; } div.dark_rounded .pp_bottom .pp_middle{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat; } div.dark_rounded .pp_bottom .pp_right{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat; } div.dark_rounded .pp_loaderIcon{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_top .pp_left,div.dark_square .pp_top .pp_middle,div.dark_square .pp_top .pp_right,div.dark_square .pp_bottom .pp_left,div.dark_square .pp_bottom .pp_middle,div.dark_square .pp_bottom .pp_right,div.dark_square .pp_content{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/contentPattern.png) top left repeat; } div.dark_square .currentTextHolder{color: #c4c4c4; } div.dark_square p.pp_description{color: #fff; } div.dark_square .pp_loaderIcon{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat; } div.dark_square .pp_content a.pp_expand{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.dark_square .pp_content a.pp_expand:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.dark_square .pp_content a.pp_contract{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.dark_square .pp_content a.pp_contract:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.dark_square .pp_content a.pp_close{width: 75px; height: 22px; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position: 0 -87px; cursor: default; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat; } div.dark_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position: -22px -87px; cursor: default; } div.dark_square .pp_content a.pp_next:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat; cursor: pointer; } div.dark_square .pp_content a.pp_previous:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.light_square .pp_top .pp_left,div.light_square .pp_top .pp_middle,div.light_square .pp_top .pp_right,div.light_square .pp_bottom .pp_left,div.light_square .pp_bottom .pp_middle,div.light_square .pp_bottom .pp_right,div.light_square .pp_content{background: #fff; } div.light_square .pp_content a.pp_expand{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } div.light_square .pp_content a.pp_expand:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } div.light_square .pp_content a.pp_contract{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } div.light_square .pp_content a.pp_contract:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } div.light_square .pp_content a.pp_close{width: 75px; height: 22px; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_previous.disabled{background-position: 0 -87px; cursor: default; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } div.light_square .pp_content .pp_details .pp_nav a.pp_arrow_next.disabled{background-position: -22px -87px; cursor: default; } div.light_square .pp_content a.pp_next:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/btnNext.png) center right no-repeat; cursor: pointer; } div.light_square .pp_content a.pp_previous:hover{background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } div.pp_pic_holder a:focus{outline:none; } div.pp_overlay{background: #000; position: absolute; top: 0; left: 0; z-index: 9500; width: 100%; } div.pp_pic_holder{position: absolute; z-index: 10000; width: 100px; } div.pp_pic_holder .pp_top{position: relative; height: 20px; } * html div.pp_pic_holder .pp_top{padding: 0 20px; } div.pp_pic_holder .pp_top .pp_left{position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_top .pp_middle{position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_top .pp_middle{position: static; left: 0; } div.pp_pic_holder .pp_top .pp_right{position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_content{position: relative; text-align: left; width: 100%; height: 40px; } div.pp_pic_holder .pp_content .pp_details{display: none; margin: 10px 15px 2px 20px; } div.pp_pic_holder .pp_content .pp_details p.pp_description{display: none; float: left; margin: 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav{float: left; margin: 3px 0 0 0; } div.pp_pic_holder .pp_content .pp_details .pp_nav p{float: left; margin: 2px 4px; } div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_previous,div.pp_pic_holder .pp_content .pp_details .pp_nav a.pp_arrow_next{float: left; display: block; width: 14px; height: 15px; overflow: hidden; text-indent: -10000px; margin-top: 3px; } div.pp_pic_holder .pp_content div.pp_hoverContainer{position: absolute; z-index: 2000; top: 0; left: 0; width: 100%; } div.pp_pic_holder .pp_content a.pp_next{display: block; float: right; text-indent: -10000px; width: 49%; height: 100%; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_previous{display: block; float: left; text-indent: -10000px; width: 49%; height: 100%; background: url(http://static.webdev20.pl/skins/default/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat; } div.pp_pic_holder .pp_content a.pp_expand,div.pp_pic_holder .pp_content a.pp_contract{position: absolute; z-index: 20000; top: 10px; right: 30px; cursor: pointer; display: none; text-indent: -10000px; width: 20px; height: 20px; } div.pp_pic_holder .pp_content a.pp_close{float: right; display: block; text-indent: -10000px; } div.pp_pic_holder .pp_bottom{position: relative; height: 20px; } * html div.pp_pic_holder .pp_bottom{padding: 0 20px; } div.pp_pic_holder .pp_bottom .pp_left{position: absolute; left: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_bottom .pp_middle{position: absolute; left: 20px; right: 20px; height: 20px; } * html div.pp_pic_holder .pp_bottom .pp_middle{position: static; left: 0; } div.pp_pic_holder .pp_bottom .pp_right{position: absolute; top: 0; left: auto; right: 0; width: 20px; height: 20px; } div.pp_pic_holder .pp_loaderIcon{display: none; position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -12px; width: 24px; height: 24px; } div.pp_pic_holder #pp_full_res{display: block; margin: 0 auto; width: 100%; text-align: center; } div.pp_pic_holder #pp_full_res object,div.pp_pic_holder #pp_full_res embed{visibility: hidden; } div.ppt{display: none; position: absolute; top: 0; left: 0; z-index: 9999; color: #fff; font-size: 17px; } .clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;}