body {font-family: Tahoma, Verdana, Arial, sans-serif; color: #fff; background: #000; margin: auto; text-align: center}
img {border: 0px}
p {margin: 5px}
a:link, a:visited {color: #fff; text-decoration: underline}
a:hover {color: #ED202A}
body.main #main {}
body.main #main div {letter-spacing: 2px; font-size: 11px}
#main {width: 960px; display: block; position: relative; margin: auto; font-size: 1px}
#top {width: 940px; margin: 10px 10px 0px 10px}
#top div.logo {float: left; width: 95px; height: 127px; text-align: left}
#top div.banner {float: right; width: 840px; height: 132px; background: url('top.jpg') no-repeat}

#tresc {width: 960px; height: 555px; font-size: 11px; text-align: left; margin: auto; position: relative}

body.kontakt {background: #000 url('tlo_portfolio.jpg') center 121px no-repeat}
body.kontakt #page {width: 165px; padding: 0px; position: absolute; top: 390px; left: 480px; color: #000; background: #fff; font-size: 12px}
body.kontakt #page p {text-align: center}

body.o_nas {background: #000 url('tlo_o_nas.jpg') center 121px no-repeat}
body.o_nas #page {width: 665px; margin: 50px 10px 10px 10px; float: right; text-align: left}
body.o_nas #page p {line-height: 20px}

body.co_robimy, body.multimedia, body.outdoor, body.btl, body.dtp, body.btl_dtp {background: #000 url('tlo_co_robimy.jpg') center 121px no-repeat}
body.co_robimy #page, body.multimedia #page, body.outdoor #page, body.btl #page, body.dtp #page, body.btl_dtp #page {width: 665px; margin: 10px; float: right; text-align: left}
body.co_robimy #page p, body.multimedia #page p, body.outdoor #page p, body.btl #page p, body.dtp #page p, body.btl_dtp #page p {line-height: 18px; text-align: justify; font-size: 11px}
body.co_robimy #page h2, body.multimedia #page h2, body.outdoor #page h2, body.btl #page h2, body.dtp #page h2, body.btl_dtp #page h2 {font-size: 14px; margin: 18px 0px 0px 5px; padding: 0px; text-align: center; letter-spacing: 1px}
body.co_robimy #page h3, body.multimedia #page h3, body.outdoor #page h3, body.btl #page h3, body.dtp #page h3, body.btl_dtp #page h3 {font-size: 12px; margin: 10px 0px 0px 5px; padding: 0px}

body.portfolio {background: #000 url('tlo_portfolio.jpg') center 121px no-repeat}
body.portfolio #page {width: 760px; margin: 10px 30px; float: right; text-align: center}
body.portfolio #page p {line-height: 20px}
body.portfolio #page div.projekty {height: 70px}
body.portfolio #page div.projekty img {width: 70px; height: 70px; margin: 0px 7px}

#menu {margin: 0px 0px 5px 0px; float: right}
#menu a:link, #menu a:visited {display: block; float: left; font-size: 11px; font-weight: bold; padding: 3px 0px; width: 100px; background: #fff; color: #fff; margin: 0px 0px 0px 10px; text-transform: uppercase; text-decoration: none; background: url('menu1.jpg') no-repeat}
#menu a:hover {color: #fff; text-decoration: none; background: url('menu2.jpg') no-repeat}
#menu a.page {color: #000; text-decoration: none; background: url('menu3.jpg') no-repeat}
#stopka {width: 940px; padding: 5px 10px 30px 10px; font-size: 12px; text-align: center}
#stopka span {float: left; display: block}
#stopka span.created {float: right}
#stopka a img {display: none}
br {clear: both}
div.formularz {float: right; padding: 80px 0px 0px 100px; width: 350px; font-size: 11px; margin-right: 30px}
div.formularz th {text-align: right; color: #fff; vertical-align: top}
div.formularz th.naglowek {text-align: left; font-size: 12px}
div.formularz th, div.formularz td {padding: 5px}
div.formularz td input, div.formularz td textarea {font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif; padding: 1px; margin: 0px; border: 1px solid #fff; width: 150px}
div.formularz td textarea {width: 220px; height: 70px}
div.formularz td input.submit {font-weight: bold; cursor: pointer}
div.formularz td input.submit:hover {background: #ED202A; color: #fff}

#main_image_wrapper{position:relative; border:1px solid #CCC; background: #fff url(loading_image.gif) no-repeat 50% 50%;}
#imgloader{text-align:center;vertical-align:middle;}
#imgloader img {border: 0px; display: block}
#thumbbox {text-align:center;width:760px;position:relative;}
#thumb_container{position: relative; overflow: hidden; width: 760px; height: 80px; margin:0px;}
#thumbs img {margin: 5px 7px; vertical-align: middle;}
#thumbs a img {border: 1px solid #fff;}
#thumbs a:hover img {border: 1px solid #ED202A;}
#thumbs a:hover {color: #ED202A;}
#back{position:absolute;top:0;left:0;visibility:hidden;z-index:1001;}
#more{position:absolute;top:0;right:0;float:right;z-index:1001;}
.morelink:hover{font-size:11px;color:#FFF;text-decoration:underline;}
#thumbgall{position:absolute;left:0;top:0;white-space:nowrap;z-index:1000}
#widthbox{position:relative;display:inline;left:0;top:0;padding:1px;}
#imgbox{width:60px;height:60px;display:inline;position:absolute;text-align:center; border: 1px solid #ff6600;}
#rightmore li a {background: #000 url('right_more.gif') right no-repeat; display: block; color: #fff; text-decoration: none; width: 100%; padding: 0; height: 60px;}
#rightmore li a:hover {background: #000 url('right_more_over.gif') right no-repeat; color: #fff; height: 60px;}
#leftmore li a{background: #000 url(left_more.gif) left no-repeat; display:block;color:#fff;text-decoration:none;width:100%;padding:0; height: 60px;}
#leftmore li a:hover{background: #000 url('left_more_over.gif') left no-repeat;color:#fff;height:60px;}
.morelink:link,.morelink:visited{font-size:11px;color:#FFF;text-decoration:none;}
#rightmore, #leftmore{height:60px;width:27px;padding:0;}
#rightmore ul,#leftmore ul{list-style:none;border:none;height:80px;margin:0;padding:0;}
#rightmore li,#leftmore li{height:60px;margin:0;}
html>body #rightmore li a,html>body #leftmore li a{width:auto;}
#pn_overlay{position:absolute; top:0; left:0; width:100%; height:100%; z-index:998;}
#prev, #next{width: 30%; height: 100%; background: transparent url(blank.gif) no-repeat; /* Trick IE into showing hover */outline:none;}
#prev { left: 0; float: left; outline: none; -moz-outline: none; visibility:hidden;}
#next { right: 0; float: right; outline: none; -moz-outline: none;}
#prev:hover, #prev:visited:hover { background: url(prev.gif) left 50% no-repeat; }
#next:hover, #next:visited:hover { background: url(next.gif) right 50% no-repeat; }
#imgtitle{width:760px; font-size:11px; text-align: center; padding: 10px 0px; color:#fff; display:block}
#imgtitle h2{font-size:1.3em; margin:0; padding:0}
.clear{clear:both;}
#thumbhide {position: relative;overflow:hidden;}
#iptc_btn {width:100%;text-align:right;position:absolute;left:0;top:0;z-index:999;}

ul.jd_menu { margin: 0px; padding: 0px; list-style-type: none;}
ul.jd_menu ul {display: none; background: #000}
ul.jd_menu li {float: left;}
ul.jd_menu ul {position: absolute; display: none; list-style-type: none; margin: 0px; padding: 0px; z-index: 10000}
ul.jd_menu ul li {float: none; margin: 0px;}
ul.jd_menu li {margin: 0px; height: 20px; width: 110px; text-align: center; cursor: pointer;}
ul.jd_menu li li {width: 100px;}
ul.jd_menu li a {font-size: 11px; font-weight: bold; padding: 3px 0px; width: 100px; color: #fff; text-transform: uppercase; text-decoration: none; background: url('menu1.jpg'); display: block; float: left; margin: 0px;}
ul.jd_menu li a:hover {color: #fff; text-decoration: none; background: url('menu2.jpg') no-repeat;}



#screen {width:770px; padding:0;}
#screen li {float:left; list-style:none;}
#screen #view #images li {margin-right: 10px;}
#screen .jq-ss-crop {float:left;}
#left,#right{display:block; width: 15px; height: 100px;}
a#left:link, a#left:visited {background: #000 url('left_more.gif') 50% no-repeat;}
a#left:hover {background: #000 url('left_more_over.gif') 50% no-repeat;}
a#right:link, a#right:visited {background: #000 url('right_more.gif') 50% no-repeat;}
a#right:hover {background: #000 url('right_more_over.gif') 50% no-repeat;}
#view {width:740px; height:100px; overflow:hidden; background-color:black;}
#images {width:3818px !important; width:3822px; padding:0;}
#images a {padding-right: 10px}
#images a .strzalka {width: 140px; height: 5px; background: url('strzalka.gif') center no-repeat}
#images a {background-position: 50% 50% background-repeat: no-repeat; float: left; display: block; width: 140px; height: 100px}
#images a img {width: 140px; height: 100px}
.jq-ss-link {display: none}

#myGallery {width: 560px; height: 420px; z-index:5; border: 1px solid #000;}
#myGallery img.thumbnail {display: none;}
.jdGallery {overflow: hidden; position: relative;}
.jdGallery img {border: 0; margin: 0;}
.jdGallery .slideElement {width: 100%; height: 100%; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('loading-bar-black.gif');}
.jdGallery .loadingElement {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: #000; background-repeat: no-repeat; background-position: center center; background-image: url('loading-bar-black.gif');}
.jdGallery .slideInfoZone {position: absolute; z-index: 10; width: 100%; margin: 0px; left: 0; bottom: 0; height: 40px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
* html .jdGallery .slideInfoZone {bottom: -1px;}
.jdGallery .slideInfoZone h2 {padding: 0; font-size: 80%; margin: 0; margin: 2px 5px; font-weight: bold; color: inherit;}
.jdGallery .slideInfoZone p {padding: 0; font-size: 60%; margin: 2px 5px; color: #eee;}
.jdGallery div.carouselContainer {position: absolute; height: 135px; width: 100%; z-index: 10; margin: 0px; left: 0; top: 0;}
.jdGallery a.carouselBtn {width: 1px; height: 1px; display: none}
.jdGallery .carousel {position: absolute; width: 100%; margin: 0px; left: 0; top: 0; height: 115px; background: #333; color: #fff; text-indent: 0; overflow: hidden;}
.jdExtCarousel {overflow: hidden; position: relative;}
.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper {position: absolute; width: 100%; height: 78px; top: 10px; left: 0; overflow: hidden;}
.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner {position: relative;}
.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail {cursor: pointer; background: #000; background-position: center center; float: left; border: solid 1px #fff;}
.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail {margin-bottom: 10px;}
.jdGallery .carousel .label, .jdExtCarousel .label {font-size: 13px; position: absolute; bottom: 5px; left: 10px; padding: 0; margin: 0;}
.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton {font-size: 10px; position: absolute; bottom: 5px; right: 10px; padding: 1px 2px; margin: 0; background: #222; border: 1px solid #888; cursor: pointer;}
.jdGallery .carousel .label .number, .jdExtCarousel .label .number {color: #b5b5b5;}
.jdGallery a {font-size: 100%; text-decoration: none; color: inherit;}
.jdGallery a.right, .jdGallery a.left {position: absolute; height: 99%; width: 25%; cursor: pointer; z-index:10; filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;}
* html .jdGallery a.right, * html .jdGallery a.left {filter:alpha(opacity=50);}
.jdGallery a.right:hover, .jdGallery a.left:hover {filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.jdGallery a.left {left: 0; top: 0; background: url('fleche1.png') no-repeat center left;}
* html .jdGallery a.left {background: url('fleche1.gif') no-repeat center left; }
.jdGallery a.right {right: 0; top: 0; background: url('fleche2.png') no-repeat center right;}
* html .jdGallery a.right {background: url('fleche2.gif') no-repeat center right; }
.jdGallery a.open {left: 0; top: 0; width: 100%; height: 100%;}
.withArrows a.open {position: absolute; top: 0; left: 25%; height: 99%; width: 50%; cursor: pointer; z-index: 10; background: none; -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.withArrows a.open:hover {background: url('open.png') no-repeat center center; }
* html .withArrows a.open:hover {background: url('open.gif') no-repeat center center; filter:alpha(opacity=80); } 
/* Gallery Sets */
.jdGallery a.gallerySelectorBtn {z-index: 15; position: absolute; top: 0; left: 30px; height: 20px; /*width: 100px; background: url('carousel_btn.gif') no-repeat;*/ text-align: center; padding: 0 10px; font-size: 13px; background: #333; color: #fff; cursor: pointer; opacity: .4; -moz-opacity: .4; -khtml-opacity: 0.4; filter:alpha(opacity=40);}
.jdGallery .gallerySelector {z-index: 20; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000;}
.jdGallery .gallerySelector h2 {margin: 0; padding: 10px 20px 10px 20px; font-size: 20px; line-height: 30px; color: #fff;}
.jdGallery .gallerySelector .gallerySelectorWrapper {overflow: hidden;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton {margin-left: 10px; margin-top: 10px; border: 1px solid #888; padding: 5px; height: 40px; color: #fff; cursor: pointer; float: left;}
.jdGallery .gallerySelector .gallerySelectorInner div.hover {background: #333;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview {background: #000; background-position: center center; float: left; border: none; width: 40px; height: 40px; margin-right: 5px;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3 {margin: 0; padding: 0; font-size: 12px; font-weight: normal;}
.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info {margin: 0; padding: 0; font-size: 12px; font-weight: normal; color: #aaa;}