html {padding: 0; margin: 0}
body {padding: 0; margin: 0; height: 100%; background: white; color: black; font-size: 8pt; background: url('grafika/pasek-lewy-ie.gif'); background-repeat: repeat; background-position: left; background-attachment: fixed}
body, select, input {font-family: verdana, arial, helvetica}
img {border: none}
A:link, A:visited {color: #3E6ED1; text-decoration: none}
select {font-size: 8pt}


#pasek-studio {position: fixed; bottom: 0; left: 0; height: 95%; width: 84px; background: url('grafika/pasek-lewy.gif') #005BA9; overflow: hidden; z-index: 3}
#pasek-studio div {position: absolute; top: 398px; left: 0; width: 84px; text-align: center}
#pasek-studio a:link, #pasek-studio a:visited {color: white; font-size: 11pt; font-weight: bold}


#pasek-nav-iefix {display: none}
#pasek-nav {position: fixed; top: 0; left: 0; height: 90px; width: 100%; background: url('grafika/bank-tlo.gif') #CDCDCD; z-index: 4}

#logo {position: absolute; top: 14px; left: 83px}
#line-mask {position: absolute; top: 69px; left: 0px; margin: 0 auto; height: 2px; width: 84px; background: #CDCDCD; overflow: hidden}
#nav-links {position: relative; width: 839px; margin: 0 auto; top: 73px}
#nav-links a:link, #nav-links a:visited {color: white}
#nav-link0 {position: absolute; right: 10px; top: 0}
#nav-link1 {position: absolute; right: 10px; top: 0}
#nav-link2 {position: absolute; right: 87px; top: 0}
#nav-link3 {position: absolute; right: 209px; top: 0}
#nav-link4 {position: absolute; right: 282px; top: 0}
#nav-link5 {position: absolute; right: 371px; top: 0}
#nav-link6 {position: absolute; left: 288px; top: 0}
#nav-link7 {position: absolute; left: 175px; top: 0}
#nav-link8 {position: absolute; left: 100px; top: 0}

#nav-licencja {position: absolute; top: 0; left: 0; width: 10em; top: 1.5em; left: 0; background: #CDCDCD; border: 1px solid gray; padding: 0em 0.3em 0.3em 0.3em; text-align: left; display: none}
#nav-licencja div {padding-top: 0.3em}

#login-controls {position: absolute; top: -68px; right: 10px}
#login-controls a:link, #login-controls a:visited {margin-left: 20px; color: #3E6ED1; font-weight: bold}
span.login-name {font-weight: bold; font-style: italic}

#createCD-link {position: absolute; top: -25px; right: 10px; color: green; font-weight: bold; cursor: pointer}


#main {position: relative; top: 105px; width: 729px; margin: 0 auto; padding-right: 10px; padding-left: 100px; z-index: 1}
#main-wrap {position: relative; padding-bottom: 20px}
div.inside-content {width: 100%} /* fix for IE6 */

#button-szukaj {position: absolute; top: 0px; left: 620px}
#section-link-top {position: absolute; top: 0px; left: 0px}

#sections-nav {position: absolute; left: 540px; top: 57px; width: 191px}
#sections-nav ul {margin: 0; padding: 0}
#sections-nav li {list-style-type: none; margin-bottom: 1.5em; font-size: 7.5pt; color: gray; }
#sections-nav li a.section-link1:link, #sections-nav li a.section-link1:visited, #sections-nav li span.section-link1 {display: block; float: left; width: 174px; font-size: 13px; font-weight: bold; padding-bottom: 0.3em; background: white}
#sections-nav div {clear: both; padding-right: 18px}
#sections-nav .one-line img {margin-top: -0.6em}
#sections-nav .one-line div {margin-top: -0.6em}

div.main-photos-area {padding-left: 0px; margin-top: 20px}

.section-space {padding-top: 0.5em}

.koszyk-button {float: left}

.page-numbers {margin: 12px 0; display: inline; font-size: 8pt}
.page-numbers div {margin: 1px 0; text-align: right}
.page-numbers span.inactive {color: silver}

div.showing {text-align: right; color: gray; margin-top: 1.2em}

.tab-plyty {width: 729px; margin-top: 18px; clear: both}
.tab-plyty td {width: 183px; padding: 5px; vertical-align: top; background: #CCCCCC; font-size: 7.5pt}
td.tab-plyty-empty {background: white; width: 33px}
td.empty-row {height: 43px; background: none}

.img-shadow {background: url('grafika/drop-shadow.gif') no-repeat bottom right}
.img-shadow img {display: block; border-top: 1px solid #A9A9A9; border-left: 1px solid #A9A9A9; border-right: 1px solid #696969; border-bottom: 1px solid #696969}
.shad1 {background: url('grafika/drop-shadow-tr.gif') no-repeat top right; height: 100%}
.shad2 {background: url('grafika/drop-shadow-bl.gif') no-repeat bottom left; height: 100%}


#zdjecia-tab {margin-top: 15px; width: 776px; clear: both}
#zdjecia-tab td {width: 179px; padding: 0 15px 70px 0; font-size: 8pt; vertical-align: bottom}
#zdjecia-tab img.photo {border: 1px solid gray}

.photo-name {margin-top: 15px}
.photo-name a:link, .photo-name a:visited {color: black}
span.RM {padding: 1px 3px; font-size: 7.5pt; background: green; color: white; cursor: default}
span.RF {padding: 1px 3px; font-size: 7.5pt; background: #3333FF; color: white; cursor: default}

span.controls {margin: 0 0 0 2px}
span.controls a {margin: 0 2px}
span.controls img {vertical-align: text-bottom}

div.cd-controls {text-align: right; margin-top: 2px}

form {margin: 0}
#search-box-main {width: 100%; height: 44px; border: 1px solid #D3D3D3; background: #F5F5F5}
#search-box-main td {font-size: 7.5pt; vertical-align: top; padding: 2px 5px}
#search-box-main input {vertical-align: middle}
#search-box-main div.instruct {color: #696969}
#query-box {width: 220px; font-size: 8pt; margin-right: 5px}

/* TOOLTIPS */
div.img-preload {position: absolute; top: 0; left: -999px}
div.tooltip {position: absolute; top: 0; left: -999px; width: 206px; z-index: 50}
div.tooltip img {display: block; height: 8px; width: 206px}
div.tooltip-content {background-color: #D7E3F4; background-image: url('grafika/tooltip-content.png'); padding: 0 5px}
div.tooltip-content div {margin-top: 5px}


/* BANNERS */
#banners {padding-top: 5px; width: 526px}
#banners img {border: 1px solid gray}

div.banner-line {position: relative}
img.banner {display: block; position: absolute; top: 0; left: 0}
img.another-banner {visibility: hidden}