@charset "utf-8";
/* CSS www.arsit.pl dla Klaps Studio*/
/* Kolory firmowe: szary: #eeecec ; tlo: #e4d7af ; brudny pomaranczowy: #d2821a linki: czerwony: #b95353 ; 
   Kolory uzupelniajace: referencje szary: #494949 : #999999 : #292929 tytul niebieski: #526380  */
body {
	font-family: Arial, Helvetica, sans-serif; font-size: 12px;	color: #eeecec; background: transparent url('../grafika/tlo_strony.jpg') repeat;
	text-align: center; /* powoduje, ze strona bedzie wyswitlana na srodku (w poziomie) okna przegladarki */ background-color:#212121; margin-top: 0px; padding:0; margin-left:auto; margin-right:auto;
}
a img {
	border: 0px none;		/* usuwa ramke ktora domzslnie ustawiona jest do laczy*/
	display: compact;			/* usuwa dodatkowe miejsce ponizej selektora, powstale w wyniku pozostawienia wlasciwosci text-align ustawionej na domyslnej wartosci.*/
	}
p { font-family: arial,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height:17px; margin-left:70px; width:695px; text-align:left;}
p a:link {color:#b95353; font-weight:bold; text-decoration:underline;}
p a:visited {color:#526380; font-weight:bold; text-decoration:underline;}
p a:hover {text-decoration:none; color:#526380;}
ul { list-style:circle; line-height:18px; margin-left:70px; color:#fff }
.akapit {text-indent:15px;}
/*
.akapit a:link, a:visited {color:#b95353; font-weight:bold; text-decoration:underline;}
.akapit a:hover {text-decoration:none; color:#526380;}
*/
.akapitkrotki {text-indent:15px; width:470px;}
h1 { margin-left:75px; font-size: 18px; color:#fff;}
h2 { margin-left:75px; font-size: 15px; color:#fff;}

#rama { position:relative; text-align:left; width:835px; margin-left:auto; margin-right:auto;}
#menu {width: 835px; height: 358px; position: relative; background: transparent url('../grafika/tlo_banner1b.jpg') no-repeat;}
#glowna { width:835px; background: transparent url('../grafika/tlo_tresc.jpg') repeat-y; background-color:#212121; position:relative; }
.srodek {width:835px;}
#tlo {background: transparent url('../grafika/tlo_tresc.jpg') repeat-y; float:left;}

#zdjecia { width: 210px; position:absolute; padding-left:554px; float:left; }
.zdlinia {float:left; width:215px; height:20px;}
.tresc { position:absolute; left:70px; width:695px; margin-top:22px; text-align:left; }
.tresc2ka {}
.imgright {float:right; margin-left: 5px; border:0; margin-right:75px; }
.referencja { width: 430px; line-height:14px; font-style:italic; font-size:11px; color: #999999; background-color:#292929; margin-left: 75px; margin-right: 75px; padding: 15px; border-style: solid; border-color: #999999 ; border-width: 0 0px 0 8px; text-align:justify; letter-spacing:1px;} /*background-color:#999999 */
.podpis { text-align:right; font-style:italic; }
.wyroznik { font-weight:bold; color:#B42829;}
#stopka {  background: transparent url('../grafika/stopka_home.jpg') no-repeat; width: 835px; height: 234px; position: absolute;}
.nadstopka {width: 500px; heihgt: 60px; margin-left:70px;}
.nadstopka a:link, a:visited {color:#b95353; font-weight:bold; text-decoration:underline;}
.nadstopka a:hover {text-decoration:none; color:#526380;}
.adres {width: 175px; height: 50px;position:absolute; left: 12pt; text-align:left;}
.adrestekst {margin-left:20px; text-indent:0; line-height:17px; margin-top: 20px; font-size:10px; color:#999999;}
.stopkamenu {height: 55px; position:absolute; left: -35px; text-align:center; margin-top: 1px; z-index:2; margin-right:255px;}
.stopkatekst {margin-top: 18px; font-size:10px; text-align:center;color:#999999;}
.stopkamenu a:link { color:#000; font-weight:bold; text-decoration:underline; }
.stopkamenu a:visited { color:#000; font-weight:bold; text-decoration:underline; }
.stopkamenu a:hover { text-decoration:none; color:#999999;}

/*
#obrazek1 {position:absolute; left:550px; margin-top:230px; z-index:1  }*/

.cophy { text-align:left; font-size:10px; color:#999999;}
#designed { text-align:left; font-size:10px; color:#666666; position: absolute; width: 835px; margin-top:185px; margin-left:25px;}
#designed a { border:none;}
/* lightbox */
#lightbox{ position: absolute; left: 0;	width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #1b1b1b; width: 250px;	height: 250px; margin: 0 auto;}
#imageContainer{ padding: 10px;	}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%;	text-align: center;	line-height: 0;}
#hoverNav{ position: absolute; top: 0; left: 0;	height: 100%; width: 100%; z-index: 10;}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%;	background: transparent url('../strony/images/blank.gif') no-repeat; /* Trick IE into showing hover */ display: block;}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('../strony/images/prevlabel.gif') left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover { background: url('../strony/images/nextlabel.gif') right 15% no-repeat;}
#imageDataContainer{font: 10px Verdana, Helvetica, sans-serif; background-color:#1b1b1b; margin: 0 auto; line-height: 1.4em;
	overflow: auto;	width: 100%}
#imageData{	padding:0 10px; color:#fff;}
#imageData #imageDetails{ width:80%; float: left; text-align:left;}	
#imageData #caption{ font-weight:bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom:1.0em;}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom:0.7em;}	
#overlay{ position:absolute; top:0; left:0; z-index:90; width:100%; height:500px;	background-color:#212121;}