/* Start of CMSMS style sheet 'tefra' */
body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #636363;
	text-decoration: none;
	background-color: #FFFFFF;
	background-image: url(gfx/tlo.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

h1, h2, h3, h4, h5 { margin:0px; padding:0px;}
h1 {color:#000000; font-size:14px; padding: 10px 0 10px 0; margin: 7px 0 7px 0; border-bottom: #CFCFCF solid 1px}
img, div, input { behavior: url("iepngfix.htc") }
.clear { clear:both}
.odstep {margin: 0 20px 0 20px; font-size:14px;}

/* Strona www grafika i uklad */
#content {width:100%; padding: 0 0 20px 0}
#one {
	margin: auto;
	height: 15px;
	width: 905px;
	background-image: url(gfx/one.gif);
	background-repeat: repeat-x;
}

/* style na logo i menu */
#two {
	margin: auto;
	width: 905px;
	height: 98px;
}
#logo {
	width: 275px;
	padding: 15px 0 0 15px;
	float:left
}
#menu {
	width: 600px;
	height: 83px;
	float:right;
	text-align:right;
	color:#141414;
	padding: 15px 15px 0 0;
}
#menu ul li { list-style: none; float:left; text-transform:uppercase; letter-spacing:1px;}
#menu ul { list-style: none; float:right; margin: 0px; padding:0px;}
#menu li { margin-right: 1px; padding: 20px 22px 20px 22px; background-color:#ECECEC; height:27px; line-height:27px;}
#menu li:hover { margin-right: 1px; padding: 20px 22px 20px 22px; background-color:#FFD800; height:27px; line-height:27px;}

#menu a { 
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#808080;
	font-weight:bold;
}
#menu a:hover { 
	font:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:12px;
	color:#141414;
	font-weight:bold;
}

/* style na topa i zajawke */
#three {
	margin: auto;
	width: 905px;
	height: 275px;
	background: #0E0E0E
}
#flash {
	width: 905px;
	height: 249px;

}
#zajawka {
	width: 362px;
	height: 275px;
	float:left
}
#top {
	width: 543px;
	height: 256px;
	margin: 12px 0 0 0;
}
#topy {
	width: 543px;
	height: 7px;
	background: #F5C20F
}
/* style na zajawke */
#zaj1 {
	height: 50px;
}
#zaj2 {
	height: 166px;
	padding: 0 15px 0 30px;
	color:#939393;
	line-height: 18px;
}
#zaj3 {
	height: 40px;
	background: #000000;
	text-align: right;
	padding: 20px 30px 0 30px
}
#zaj3 a { 
	text-decoration:none;
	color:#939393;
	letter-spacing:2px;
}
#zaj3 a:hover { 
	text-decoration:none;
	color:#F8D30E;
	}
	
/* style na ikonki języka	background: #2D2D2D; */
#lang {
	width: 905px;
	height: 26px;

}
#lang img { padding: 0 5px 0 5px}

/* na zolta oferte i tresc */
#four {
	margin: auto;
	width: 875px;
}
#left {
	width: 257px;
	float:left;
	background: #FFD800;
}
#right {
	width: 600px;
	float:left;
	padding: 0 0 20px 18px;
	text-align:justify
}

#partnerzy {
	width: 270px;
	float:left;
	padding: 0 10px 20px 18px;
}
#linka {border-right: solid 1px #CFCFCF; height: 200px; float:left; margin: 10px 0 10px;}


#onas {
	width: 300px;
	float: right;
	padding: 0 0 20px 18px;
	text-align:justify;
}




/* style na stopke */
#footer {
	width: 100%;
}
#footer_yel {
	width: 100%;
	background: #F5C20F;
	height:7px;
}
#footer_tlo {
	width: 100%;
	height: 95px;
	background-image:url(gfx/footer_tlo.gif);
	
}
#footer_gro {
	margin: auto;
	width: 890px;
	height: 95px;
}
#stopka {
	width: 100%;
	height: 37px;
	background: #000000;
}
#stopka_gro {
	margin: auto;
	width: 890px;
	height: 37px;
	line-height: 37px;
	color: 5F5F5F
}
#stopka_gro a {text-decoration:none; color:#5F5F5F}
#stopka_gro a:hover {text-decoration:none; color:#FFD800}

.yel{color:#FFD800}

#copyright { float:left}
#webpack {float:right}

#wiesz { background-image:url(gfx/stopka_01.gif);
	float:left;
	width: 240px;
	height: 50px;
	padding: 45px 0px 0px 15px;
	letter-spacing:1px;
	color: #CCCCCC;
}


.tr {padding: 10px 10px 10px 15px; color:#8D7908}
.sep {border-bottom: 1px solid #E7C60E; height:1px; line-height:1px}
.sepa { color:#000000; text-decoration:none;}
.sepa:hover { color:#000000; text-decoration: underline;}
.kropek {float:left; margin: 0 10px 0 0}












.galleryclear {
	clear: both;
}

.gallery .img {
	margin: 3px;
	text-align: center;
}

.image {
	margin: 3px;
	padding: 3px;
        border: 1px solid #CCCCCC
	text-align: center;
}



.gallery .pagenavigation {
	height: 50px;
}

.gallery .prevpage a, .gallery .prevpage em {
	display: block; 
	width: 50px; 
	height: 39px;
	float: left; 
	margin: 0;
	text-indent: -1000px;
	background: url(../../images/previous.png) transparent no-repeat 0 0;
}

.gallery .nextpage a, .gallery .nextpage em {
	display: block; 
	width: 50px; 
	height: 39px;
	float: left; 
	margin: 0 6px 0 0;
	text-indent: -1000px;
	background: url(../../images/next.png) transparent no-repeat 0 0;
}

.gallery .parentlink a {
	display: block; 
	width: 50px; 
	height: 39px;
	float: left; 
	text-indent: -1000px;
	background: url(../../images/uppage.png) transparent no-repeat 0 0;
}

.gallery .pagenavigation a:hover {
	background-position: 0 -40px;
}

.gallery .prevpage em, .gallery .nextpage em {
	background-position: 0 -80px;
}

.gallery .pagelinks {
	float: right;
	border-right: 2px solid #666;
}

.gallery .pagelinks a, .gallery .pagelinks em {
	margin-top: 6px;
	padding: 0 6px;
	border-left: 2px solid #666;
	text-align: center;
	font: bold 11px verdana; color: #666;
}

.gallery .pagelinks em {
	color: #000;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; 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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; 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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.kropki_jasne {
	background-image: url(gfx/kropki_jasne.gif);
	width: 100%;
	height: 1px;
}
/* End of 'tefra' */