/*
	 *  @2009
	 * Screen CSS
	 *
	 *
	 */



html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; border: 0; outline: none; }
a span { cursor: pointer; }
form legend { display: none; }
.clear-list, 
.clear-list li, 
.clear-list dt, 
.clear-list dd { margin: 0; padding: 0; list-style: none; }

html { background: url(/image/bg-html.jpg) repeat 0 0; }
body { background: url(/image/bg-body.jpg) repeat-x 0 0; font: normal 0.68em/1.4em Tahoma, Helvetica, sans-serif; }


.aural { position: absolute; left: -100em; }

a { color: #5e5e5e; text-decoration: none; }
a:focus, a.focus, a:hover { color: #a1a1a1; text-decoration: underline; }

#page:after,
#content:after { display: block; height: 0; clear: both; visibility: hidden; content: '.' } /* 6, 7 */

#page { width: 760px; margin: 0 auto; background: #262a2d url(/image/bg-page.jpg) no-repeat 0 162px; }

/* top */
#top { height: 141px;padding: 22px 0 0 145px; background: url(/image/bg-top.jpg) no-repeat 0 0; }


/* content */
#content { margin: 13px 10px 0; padding: 0 20px 20px; color: #dabfa5; background: #3b4145; }
#content .header { width: 720px; height: 71px; margin: 0 -20px 20px; padding: 10px; color: #fef2dc; background: url(/image/bg-header.jpg) no-repeat 0 0; font-size: 17px; }
#content .header .flir { line-height: 29px; font-family: Comic Sans MS,sans-serif; }
#content .header .flir a { color: #fef2dc; text-decoration: underline; }
#content .header .flir span { display: block; font-size: 1.1em; }
#content p { margin: 0 0 1em; }
#content p.short { margin: 0 8em 1em 0; }

.homepage #content { min-height: 430px; margin: 0; padding: 10px 30px 20px; background: #262a2d url(/image/bg-homepage.jpg) no-repeat 10px 10px; }
.homepage #content.tabbed { background-position: 10px 42px; }
.homepage #content #nav { position: relative; width: 748px; height: 255px; margin: 0 -24px 80px; background: url(/image/bg-hp-nav.png) no-repeat 0 0; z-index: 1;}
.homepage #content #nav li { position: relative; width: 363px; height: 242px; float: left; padding: 7px 2px 0 6px; }

.homepage #content #nav li h2 { position: absolute; left: 8px; bottom: 2px; width: 339px;  padding: 5px 10px 5px 10px; font-size: 28px; z-index: 100 }

.homepage #content #nav li.line-1 h2 { color: #fff; background: url(/image/bg-slide-1.png) repeat 0 0; }
.homepage #content #nav li.line-1 h2 a { color: #fff; }

.homepage #content #nav li.line-0 h2 { color: #000; background: url(/image/bg-slide-2.png) repeat 0 0; }
.homepage #content #nav li.line-0 h2 a { color: #000; }

.homepage #content #nav li.i-prev { position: absolute; left: -34px; top: 90px; width: 35px; height: 62px; float: none; padding: 0; }
.homepage #content #nav li.i-prev a { display: block; overflow: hidden; }
.homepage #content #nav li.i-next { position: absolute; right: -34px; top: 90px; width: 35px; height: 62px; float: none; padding: 0; }
.homepage #content #nav li.i-next a { display: block; overflow: hidden; }
.homepage #content #nav li { position: relative; width: 363px; height: 242px; float: left; padding: 7px 2px 0 6px; }
.homepage #content #nav li ul { position: relative; display: block; width: 359px; height: 238px; border: 2px solid #936c4e; overflow: hidden;  }
.homepage #content #nav li ul li { position: absolute; left: 0; top: 0; width: 100%; height: 100%; float: none; padding: 0; }
/* .homepage #content #nav li .img-header { position: absolute; left:20px; bottom: 10px; } */
.homepage #content h1 { margin: 0 0 1em; line-height: 1.1em; font-size: 1.3em; font-weight: bold; }
.homepage #content .tabs-nav { position: relative; width: 736px; height: 28px; margin: -85px -24px 80px; padding: 6px 6px 0; background: url(/image/bg-tabs-nav.png) no-repeat 0 100%; z-index: 2; }
.homepage #content .tabs-nav li { height: 28px; line-height: 28px; float: left; margin: 0 2px 0 0; padding: 0 0 0 12px; background: url(/image/bg-tab.png) no-repeat 0 0; }
.homepage #content .tabs-nav li a { height: 28px; line-height: 28px; float: left; padding: 0 12px 0 0; color: #fff; background: url(/image/bg-tab-child.png) no-repeat 100% 0; font-weight: bold; }
.homepage #content .tabs-nav li.act,
.homepage #content .tabs-nav li:hover { background-position: 0 100%; }
.homepage #content .tabs-nav li.act a,
.homepage #content .tabs-nav li:hover a { background-position: 100% 100%; }
.homepage #content .tab { display: none; }


.foto-list { clear: both; margin: 0 0 0 -7px; padding: 10px 0 0; }
.foto-list li { width: 164px; float: left; margin: 0 0 0 12px; padding: 8px 0 0; background: url(/image/bg-item-kat.png) no-repeat 0 0; }
.foto-list li:hover { background-position: 100% 0; } /* 6 */
.foto-list li:hover .title { color: #181c1e; background-position: 100% 100%; } /* 6 */
.foto-list li .img { display: block; width: 102px; height: 69px; overflow: hidden; margin: 0 auto; text-align: center; }
.foto-list li .title { display: block; padding: 8px; color: #fff; background: url(/image/bg-item-kat-child.png) no-repeat 0 100%; font-weight: bold; text-align: center; }

#foto-zoom { padding: 10px 0 0; background: url(/image/bg-foto-zoom.png) no-repeat 50% 0; }
#foto-zoom .foto-switch { width: 62px; float: left; margin: 140px 0 0; }
#foto-zoom table { width: 538px; float: left; margin: 0 19px; padding: 0 10px 10px; border-collapse: collapse; }
#foto-zoom table td { width: 538px; height: 309px; padding: 0 0 10px; background: url(/image/bg-foto-zoom-child.png) no-repeat 0 100%; vertical-align: moddle; text-align: center; }
#foto-zoom table img { border: 2px solid #936c4e; }
#content #get_foto { width: 538px; height: 30px; line-height: 30px; clear: both; margin: 0 auto 19px; padding: 7px 0 0; color: #aaa; background: url(/image/bg-get-foto.png) no-repeat 0 100%; text-align: center }
#content #foto-desc { text-align:center; width: 538px; clear: both; margin: 0 auto; padding: 0 0 10px; border-top: 15px solid #3b4145; background: url(/image/bg-foto-zoom-child.png) no-repeat 0 100%;  }
#content #foto-desc .inner { width: 538px; padding: 10px 10px 0; background: url(/image/bg-foto-zoom.png) no-repeat 0 0;  }
#content #foto-desc .inner p { margin: 0; }
/*
.foto-listing { clear: both;  padding: 10px 0 0; height: 1%; }
.foto-listing li { width: 102px; height: 69px; float: left; margin: 0 0 20px 20px; padding: 4px; background: url(/image/bg-foto-item.png) no-repeat 0 0; }
.foto-listing li.active,
.foto-listing li:hover { background-position: 100% 0; } 
.foto-listing li .img { display: block; width: 102px; height: 69px; overflow: hidden; }
*/
.foto-listing { clear: both;  padding: 10px 0 0; height: 1%; }
.foto-listing li { height: 77px; float: left; margin: 0 0 20px 24px; padding: 0 4px 0 0; background: url(/image/bg-item.png) no-repeat 100% 0; }
.foto-listing li .img { height: 69px; float: left; padding: 4px 0 4px 4px; background: url(/image/bg-item-child.png) no-repeat 0 0 }
.foto-listing li .img span { display: block; height: 69px; overflow: hidden; }
.foto-listing li.active,
.foto-listing li:hover { background-position: 100% 100%; } /* 6 */
.foto-listing li.active a,
.foto-listing li:hover a { background-position: 0 100%; } /* 6 */



.pagination { height: 27px; clear: both; padding: 10px 4px 0 0; background: url(/image/bg-pagination.png) no-repeat 100% 10px; }
.pagination ul { height: 19px; line-height: 19px; float: right; padding: 4px 0 4px 4px; background: url(/image/bg-pagination-child.png) no-repeat 0 0; }
.pagination ul li { float: left; padding: 0 7px; background: url(/image/icon-divider.png) no-repeat 0 5px; }
.pagination ul li.item-prev { padding: 0 7px 0 0; background: none; }
.pagination ul li.item-next { padding: 0 0 0 7px; }
.pagination ul li a { color: #b36c2c; }
.pagination ul li.act a,
.pagination ul li a:hover { color: #f8e0ca; }

/* footer */
#footer { width: 700px; height: 46px; clear: both; margin: 0 auto; padding: 35px 30px 0; color: #98a4ac; background: url(/image/bg-footer.png) no-repeat 0 0; }
#footer .f-info { width: 400px; float: left; }
#footer .f-info span { display: block; }
#footer .f-info a { color: #98a4ac; font-weight: bold; }
#footer .f-contact { float: right; color: #98a4ac; }

.porcjowanie-nav{ clear: both; }

#slider { position: relative; width: 704px;  margin: 0 -2px; background: url(/image/bg-slider.png) no-repeat 0 12px; }
#slider h4 { width: 228px; height: 29px; background: url(/image/bg-slider-hd.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#slider .slider { position: relative; width: 90%; height: 75px; margin: 15px auto 0; overflow: hidden; }
#slider .slider ul { }
#slider .slider ul li { float: left; padding: 0 10px; }
#slider .slider-clear { display: block; height: 15px; background: url(/image/bg-slider-child.png) no-repeat 0 100%; }
#slider .btn { position: absolute; top: 60px; width: 31px; height: 31px; text-indent: -100em; overflow: hidden; }
#slider .btn-prev { left: -15px; background: url(/image/icon-prev.png) no-repeat 0 0; }
#slider .btn-next { right: -15px; background: url(/image/icon-next.png) no-repeat 0 0; }

.btn-normal { float: right; height: 24px; line-height: 24px;  color: #fff; text-decoration: none !important; }
.btn-normal * { display: inline-block; height: 24px; line-height: 24px; padding: 0 24px; border: 0; color: #fff; font-size: 11px; font-weight: bold; text-align: center; overflow: visible; cursor: pointer }
.btn3-normal { background: url(/image/btn3.png) no-repeat 0 0; }
.btn3-normal * { background: url(/image/btn3.png) no-repeat 100% 100%;  }

#save-zip { text-align: right; margin: 0 0 10px 0; }
#save-zip a:hover{ text-decoration: none !important; }