/**
	 * FotoSprinter @2007
	 * Screen CSS
	 *
	 * #9b999a - szary
	 * #5a626f - szary2
	 * #8a8c99 - szary3
	 * #c1383f - czerwony
	 *
	 */
p.metatag { font-size:9px; color:#d1d3d5; margin-top:3px; margin-right:10px;}	
html, body, div, p, blockquote, h1, h2, h3, h4, h5, h6, form, fieldset, legend, ul, ol, li, dl, dt, dd, a, img, address, strong, em
	{ margin: 0; padding: 0; font-weight: normal; font-style: normal; list-style: none; border: 0; text-decoration: none; outline: none; }
a span { cursor: pointer; }

html { color: #424242; background: #fff url(i/bg-html.png) repeat-x 0 0; }
body { min-width: 1000px; color: #424242; background: url(i/bg-body.png) no-repeat 0 0; font: normal 0.8em/1.2em Tahoma, Helvetica, sans-serif; }

a { color: #555 }
a:focus, a.focus, a:hover { color: #c1383f }


#handy-menu { position: absolute; left: -50em; }
#handy-menu a.focus,
#handy-menu a:focus { position: absolute; left: 50em; top: 70px; padding: 4px 5px; color: #f00; background-color:#dedede; white-space: nowrap; font-weight: bold; }

.line { padding-bottom: 20px; background: url(i/icon-dot.gif) repeat-x 0 100%; }
.bold { font-weight: bold; }
.italic { font-weight: italic; }
.left { float: left; }
.padding-top { padding-top: 1em; }
.block { display: block; }
#homepage .flash-replaced .alt { display: block; position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; }


#strona { width: 1000px; margin: 0 auto; padding:0; }
#strona:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#logo { float: left; padding:0px 0 90px; margin:-15px 0 0 0;}
#homepage #logo { margin:0px;}

#nawigacja {  width: 700px; float: right; padding: 5px 0 20px; }
#homepage #nawigacja { padding: 20px 0 20px; }
#nawigacja li { height: 13px; float: left; padding: 0 7px 0 8px; }
#nawigacja li.last-child {  }
#nawigacja li#item-1 { width: 43px; }
#nawigacja li#item-2 { width: 48px; }
#nawigacja li#item-3 { width: 144px; }
#nawigacja li#item-4 { width: 50px; }
#nawigacja li#item-5 { width: 55px; }
#nawigacja li#item-6 { width: 68px; }
#nawigacja li#item-7 { width: 133px; }
#nawigacja li#item-8 { width: 92px; }
#nawigacja li#item-9 { width: 61px; }
#nawigacja li a { position: relative; display: block; width: 100%; color: #9b999a; text-transform: uppercase; font-size: 1em; }
#nawigacja li a span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
li#item-1 a span { background: #000 url(i/item-1.png) no-repeat 0 0; }
li#item-2 a span { background: #000 url(i/item-2.png) no-repeat 0 0; }
li#item-3 a span { background: #000 url(i/item-3.png) no-repeat 0 0; }
li#item-4 a span { background: #000 url(i/item-4.png) no-repeat 0 0; }
li#item-5 a span { background: #000 url(i/item-5.png) no-repeat 0 0; }
li#item-6 a span { background: #000 url(i/item-6.png) no-repeat 0 0; }
li#item-7 a span { background: #000 url(i/item-7.png) no-repeat 0 0; }
li#item-8 a span { background: #000 url(i/item-8.png) no-repeat 0 0; }
li#item-9 a span { background: #000 url(i/item-9.png) no-repeat 0 0; }

#nawigacja li.active a,
#nawigacja li a:hover { color: #f00; }
#nawigacja li.active a span,
#nawigacja li a.focus span, #nawigacja li a:focus span,
#nawigacja li a:hover span { background-position: 0 -48px; }

#stopka { width: 1000px; clear: both; margin: 0 auto; padding: 20px 0 0; color: #bfbfbf; background: url(i/icon-dot.gif) repeat-x 0 0; font-size: 0.85em; text-align: right; }
#stopka a { color: #bfbfbf; }
#stopka a:focus, #stopka a.focus,
#stopka a:hover { color: #c1383f; }
#stopka a.active { color: #8a8c99; }
#stopka ul { float: left; text-align: left; }
#stopka ul li { line-height: 1.2em; float: left; padding: 0 4px 0 5px; border-left: 1px solid #ddd; }
#stopka ul li.first-child { border-left: none; }
#stopka address { display: inline; padding: 0 0 0 7px; border-left: 1px solid #ddd; }


#homepage #strona { padding: 0; }
#homepage #strona #tresc { width: 440px; float: right; }


#homepage h1 { width: 500px; float: left; clear: both; margin: 0 0 10px; color: #616571; font-size: 1.6em; text-align: right; }
#homepage #h2 { position: relative; right: 40px; width: 480px; height: 230px; float: right; margin: 10px 0 0; overflow: hidden; }
#homepage #tresc h3 { margin: 5px 0; color: #8a8c99; font-size: 1em; font-weight: bold; background: url(i/hd-zobacz-gal.png) no-repeat 0 0; text-indent: -400em; }
#homepage #tresc p { clear: both; color: #8a8c99; font-size: 0.95em; font-weight: bold; }

#oferta { clear: both; padding: 20px 0 10px; background: url(i/icon-dot.gif) repeat-x 0 0; }
#oferta li { width: 210px; height: 80px; float: left; padding: 10px 20px 0 100px; color: #8a8c99; font-size: 0.85em; }
#oferta li a { color: #8a8c99; }
#oferta li h4 { height: 20px; margin: 15px 0 0; color: #c1383f; font-size: 1.1em; overflow: hidden; text-indent: -400em; }
#oferta li h4 a { display: block; height: 20px; color: #c1383f; font-size: 1em; font-weight: bold; overflow: hidden; text-indent: -400em; }
#oferta .hd { width: 100%; height: 26px; padding: 0 0 10px; float: none; }
#oferta .hd h3 { width: 308px; height: 26px; margin: 0 auto; background: url(/i/hd-uslugi.png) no-repeat 0 0; text-indent: -100em; overflow: hidden; }
#oferta li.oferta-1 h4 { background: #fff url(i/hd-oferta-1.png) no-repeat 0 0; }
#oferta li.oferta-2 h4 { background: #fff url(i/hd-oferta-2.png) no-repeat 0 0; }
#oferta li.oferta-3 h4 { background: #fff url(i/hd-oferta-3.png) no-repeat 0 0; }
#oferta li.oferta-1 { background: url(i/bg-oferta-1.gif) no-repeat 15px 10px; }
#oferta li.oferta-2 { background: url(i/bg-oferta-2.gif) no-repeat 0 0; }
#oferta li.oferta-3 { background: url(i/bg-oferta-3.gif) no-repeat 10px 0; }
#oferta li .hidden { display: none; }
.big { line-height: 1.1em; margin: 10px; padding: 10px; color: #666; border: 2px solid #c00; font-size: 1.6em; text-align: center; }



.hd-item { clear: both; line-height: 1.5em; color: #c1383f; background: url(i/icon-dot.gif) repeat-x 0 20px; overflow: hidden; }
.hd-item span { display: block; height: 1.2em; padding: 0 3px 0 0; font-size: 1em; text-indent: -400em; }
#hd-item1 span { background: url(i/hd-item1.png) no-repeat 0 0 } 
#hd-item2 span { background: url(i/hd-item2.png) no-repeat 0 0 } 
#hd-item3 span { background: url(i/hd-item3.png) no-repeat 0 0 } 
#hd-item4 span { background: url(i/hd-item4.png) no-repeat 0 0 } 
#hd-item5 span { background: url(i/hd-item5.png) no-repeat 0 0 } 
#hd-item6 span { background: url(i/hd-item6.png) no-repeat 0 0 } 
#hd-item7 span { background: url(i/hd-item7.png) no-repeat 0 0 } 
#hd-item8 span { background: url(i/hd-item8.png) no-repeat 0 0 } 
#hd-item9 span { background: url(i/hd-item9.png) no-repeat 0 0 } 
#hd-item4 { width: 610px; }

.subhd-item { width: 100%; height: 75px; margin: 1em 0; color: #c1383f; overflow: hidden; text-indent: -400em; }
#subhd-item2 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item3 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item4 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item5 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item6 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item7 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item8 { background: url(i/subhd-item2.png) no-repeat 0 0 } 
#subhd-item9 { background: url(i/subhd-item2.png) no-repeat 0 0 } 


#strona { position: relative; padding: 0 0 60px; }
#strona .extra-foto { position: absolute; right: 0; bottom: 0; display: block; z-index: 1; }
#strona #extra-item5 { right: 550px; bottom: -2px;}
#strona #tresc { position: relative; min-height: 250px; float: left; color: #747682; font-size: 0.9em; z-index: 20;}
h2.info { padding: 2em; color: #c00; font-size: 2em; }

#menu { color: #5a626f; margin: 12px 0 0 50px; padding: 0 0 10px;} /*background: url(i/icon-dot.gif) repeat-x 0 100%; */
#menu li { min-height: 2em; padding: 12px 0 0; color: #000000;} /*background: url(i/icon-dot.gif) repeat-x 0 0;*/ /* re-valued: IE6 */
#menu li ul { padding: 12px 0 0; }
#menu li li { padding: 12px 0 0 24px; }
#menu li strong { display: block; width: 196px; height: 25px; margin: 5px 0 6px; background: url(i/hd-menu-gal.png) no-repeat 0 0; overflow: hidden; text-indent: -400em; }
#menu li em { padding: 0 0 4px 30px; color: #000000; background: url(i/icon-next.png) no-repeat 0 0; font-weight: bold; }
#menu li a { padding: 0 0 6px 30px; color: #5a626f; background: url(i/icon-next.png) no-repeat 0 0; font-weight: bold; }
#menu li a.active { color: #c1383f; }

/* oferta */
#menu.oferta li { min-height: 28px; padding: 12px 0 0; }
#menu.oferta li a:hover { color: #ed3235; }
.cennik { margin: 0 10px 0 10px; }
div.cennik { display: none; }
.clear { width: 100% !important; clear: both;}
.clear a { display: inline !important; padding: 2px 25px 4px 0; color: #5a626f; background: url(i/icon-next.png) no-repeat 100% 0; font-weight: bold; }
ul.cennik li { min-height: 1em; padding: 9px 0 2px; color: #5a626f; background: url(i/icon-dot.gif) repeat-x 0 0;  }
ul.cennik li ul li { min-height: 1em; padding: 5px 0; }


.szpalta { width: 205px; float: left; margin: 0 30px 0 0; padding: 15px 0 0; background: url(i/icon-dot.gif) repeat-x 0 0; }
.szpalta2 { width: 505px; float: left; margin: 0 30px 0 0; padding: 15px 0 0; height:300px; }
strong.lead { display: block; padding: 0 0 1.45em; font-weight: bold; }
.abstract { width: 610px; padding: 1.5em 0; }
address.abstract span { display: block; }
address.abstract span span { display: inline; }

.szpalta2 dl { margin: 0 0 1em; }
.szpalta2 dt { font-weight: bold }
.szpalta2 dd { margin: 1px 20px; }
.szpalta2 .content-ul li { min-height: 20px; padding: 2px 25px; background: url(i/icon-next.png) no-repeat 0 0; font-weight: bold; }
.szpalta2 .t-right { padding: 1em 0; }
.szpalta2 .t-right span { display: block; text-align: right; }


.formularz  { width: 610px; }
.formularz legend { font-weight: bold; }
.formularz ul { width: 315px; float: left; margin: 0 5px 0 0; }
.formularz ul li { line-height: 2em; overflow: hidden; }
.formularz .special { color: #555; }
.formularz .label,
.formularz label { width: 90px; float: left; padding: 0 10px 0 0; text-align: right; }
.formularz textarea,
.formularz .text { width: 190px; float: left; border: 1px solid #cccdd1; background: none; }
.formularz textarea.focus, .formularz textarea:focus,
.formularz input.focus, .formularz .text:focus { border: 1px solid #c1383f }
.formularz ul li .image { float: right; margin: 5px 0; }


/* order-form */
#order-form legend { display: none; }
#order-form li ul { width: 190px; float: left; margin: 0; font-size: 0.95em; }
#order-form li ul .checkbox { position: relative; bottom: -2px; float: left; }
#order-form li ul .text { width: 158px; float: right; margin: -20px 0 0; }
#order-form li ul label { display: block; width: 165px; float: left; padding: 0; text-align: left; }
#order-form textarea,
#order-form .text { border-color: #aaa; }

#error-log { padding: 0 0 1em; overflow: hidden; height: 1%; }
#error-log ul { width: 586px; list-style: none; padding: 5px; border: 2px solid #c00; font-size: 0.95em; }
#error-log ul li.hd { width: 75%; float: right; clear: none; height: 25px; }
#error-log ul .close { width: 24%; float: right; clear: none; height: 25px; }
#error-log ul .close a { color: #000; float: right; font-weight: normal; }
#error-log ul .close a:hover { color: #c00; text-decoration: none; }
#error-log ul li { clear: both; font-weight: bold; color: #c00; }
#error-log ul li label { display: inline !important; padding: 0 10px 0 20px; background: url(../images/arrow3.gif) no-repeat right 2px; white-space: nowrap; }
#error-log ul li label.hover,
#error-log ul li label:hover { cursor: pointer; color: #000; }

.prawa-szpalta { width: 460px; float: right; margin: 12px 0 0; }
.prawa-szpalta h4 { margin: 12px 0 0; line-height: 2em; color: #5a626f; } /*background: url(i/icon-dot.gif) repeat-x 0 14px;*/
.prawa-szpalta h4 span { padding: 0 3px 0 0; background: url(i/icon-bg.png) repeat-x 0 12px; font-size: 1em; font-weight: bold; }
.punkt { padding-bottom: 205px; background: url(i/logo-punkt.png) no-repeat 50% 100%; }


.lewa-szpalta { width: 500px; float: left; color: #8a8c99; }
.lewa-szpalta h1 { }
.lewa-szpalta h1 span { padding: 0 3px 0 0; background: url(i/icon-bg.png) repeat-x 0 25px; font-size: 1em; }
.lewa-szpalta h2 { margin: 0 0 0 180px; font-size: 0.9em; font-weight: bold; }
.lewa-szpalta p.abstract { width: 320px; padding: 0 0 10px 180px; background: url(i/bg-galeria.png) no-repeat 0 0; font-size: 0.85em; } /* re-valued: IE6 */
.lewa-szpalta h3 { margin: 10px 0 0; padding: 10px 0; color: #5a626f; background: url(i/icon-dot.gif) repeat-x 0 0; font-size: 1.3em; }

/* nagłówki galeria */
.hd-gal { clear: both; height: 1.8em; font-size:14px; color: #c1383f; overflow: hidden; } /* background: url(i/icon-dot.gif) repeat-x 0 10px; */
.hd-gal span { display: block; height: 1em; padding: 0 3px 0 0; font-size: 1em; text-indent: -400em; }
#hd-gal-reportaz span { background: url(i/hd-gal-reportaz.png) no-repeat 0 0 } 
#hd-gal-plener span { background: url(i/hd-gal-plener.png) no-repeat 0 0 } 
#hd-gal-portret span { background: url(i/hd-gal-portret.png) no-repeat 0 0 } 
#hd-gal-grupowe span { background: url(i/hd-gal-grupowe.png) no-repeat 0 0 } 
#hd-gal-inne span { background: url(i/hd-gal-inne.png) no-repeat 0 0 } 
#hd-gal-portfolio span { background: url(i/hd-gal-portfolio.png) no-repeat 0 0 } 
#hd-gal-wnetrza span { background: url(i/hd-gal-wnetrza.png) no-repeat 0 0 } 

.galeria { width: 440px; }
.galeria li { width: 100px; float: left; margin-right: 5px; }
.galeria li.last-child { margin: 0; }
.galeria li a { position: relative; display: block; }
.galeria li a.zoom { width: 20px; height: 0; margin: 1px auto 4px; padding: 20px 0 0; overflow: hidden; background: url(i/icon-zoom.gif) no-repeat 0 0; }
.galeria li img { padding: 4px 8px 12px 4px; background: url(i/bg-foto.png) no-repeat 0 0; }
.galeria li a span { position: absolute; left: 0; bottom: 0; display: block; width: 99px;height: 0px; background: url(i/bg-foto.png) no-repeat 0 0; }
.fotogaleria { padding: 0 0 0px; overflow: hidden; } /* background: url(i/icon-dot.gif) repeat-x 0 100%; */
.fotogaleria li img { padding: 4px 8px 12px 4px; background: url(i/bg-foto.png) no-repeat 0 0; } /* re-valued: IE7 */



.paginacja { width: 130px; height: 25px; margin: 15px auto; }
.paginacja li { float: left; padding: 3px; }
.paginacja li a { color: #5a626f; font-weight: bold; }
.paginacja li a.active { color: #c1383f; font-size: 1.1em; }
.paginacja li.prev,
.paginacja li.next { padding: 0 3px; }
.paginacja li.prev a,
.paginacja li.next a { display: block; width: 20px; height: 0; margin: 1px 0 4px; padding: 20px 0 0; overflow: hidden; }
.paginacja li.prev a { background: url(i/icon-prev.gif) no-repeat 0 0; }
.paginacja li.next a { background: url(i/icon-next.png) no-repeat 0 0; }

#btn-zamowienia { position: relative; top: 10px; display: block; width: 152px; height: 30px; clear: both; margin: 0 0 -40px 40px; overflow: hidden; text-align: center; }
#btn-zamowienia span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(i/btn-zamowienia.png) no-repeat 0 0; }
#btn-punkt { position: relative; top: 10px; display: block; width: 29px; height: 30px; clear: both; margin: 0 0 -40px; overflow: hidden; text-align: center; }
#btn-punkt span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(i/btn-punkt.png) no-repeat 0 0; }

.fancy { margin: 0 0px 0 0px;}
ul.fancy li { min-height: 1em; padding:15px 0 3px 0; color: #5a626f; background: url(i/icon-dot.gif) repeat-x 0 0;}
/* ul.fancy li ul li { min-height: 1em; padding: 5px 0; } */
.fancy a { display: inline !important; padding: 2px 25px 4px 0; color: #5a626f; background: url(i/icon-next.png) no-repeat 100% 0; font-weight: bold; }
p.fancy {margin-left:5px; margin-bottom:5px; color: #5a626f;}