@charset "utf-8";
@charset "utf-8";
/* CSS Document */
f
/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* reset */


body {
	background-attachment: fixed;
	background-image: url(images/bg.gif);
	background-repeat: repeat;
	background-position:top;
}

#container {
	padding-top:10px;
	width:830px;
	padding-right:13px;
	margin:0 auto;
	overflow: hidden;
	}

#container_ss {
	width:848px;
	height:auto;
	margin:0 auto;
}


#right {
	 padding-bottom: 10000px;  
    margin-bottom: -10000px;  
	float:right;
	width:202px;
	background-image: url(images/bg_right.png);
	border:2px solid black;
}

#right-kontakt {
	float:right;
	text-align:left;
	width:405px;
	margin-left:10px;
	vertical-align: top;
	background-image: url(images/bg_right.png);
	border:2px solid black;
	padding-bottom: 10000px;  
    margin-bottom: -10000px;  
	
}

#content {
	 padding-bottom: 10000px;  
    margin-bottom: -10000px;  
	float:left;
	width:610px;
	background-image: url(images/bg_content.png);
	border:2px solid black;
}


#content-kontakt {
	float:left;
	width:405px;
	vertical-align: top;
	background-image: url(images/bg_content.png);
	border:2px solid black;
	padding-bottom: 10000px;  
    margin-bottom: -10000px;  
}

#galeria {
	padding-top:10px;
	width:820px;
	margin:0 auto;
	background-image: url(images/bg_content.png);
	border:2px solid black;
	padding-bottom: 10000px;  
    margin-bottom: -10000px;  
}

#galeria img { 
border: 2px solid #000000;
margin-left: 8px;
margin-bottom: 9px;
 }

#menu {
height:31px;
width:auto;
text-align: center;
background-image: url(images/bg_menu.gif);
background-repeat: repeat-x;
clear: both;
margin-bottom:10px;
}

#menu ul  {
height:31px;
}

#menu ul li  {
	display:inline;
	height:31px;
}

#menu ul li a {
	display:inline-block;
	height:31px;
}


#ss_menu {
	height:292px;
	background:url(images/bg_ss.gif) repeat-x top;
	text-align: center;
	width:auto;
	clear: both;
	margin-top:20px;
}


a.glowna
{
background: url(images/menu/glowna.jpg) no-repeat;
display:block;
height:62px;
overflow:hidden;
width:162px;
}
a.glowna:hover
{
background-position: 0px -31px;
}
a.glowna span
{
display:block;
text-indent: -9999px;
}

a.galeria
{
background: url(images/menu/galeria.jpg) no-repeat;
display:block;
height:62px;
overflow:hidden;
width:83px;
}
a.galeria:hover
{
background-position: 0px -31px;
}
a.galeria span
{
display:block;
text-indent: -9999px;
}

a.kontakt
{
background: url(images/menu/kontakt.jpg) no-repeat;
display:block;
height:62px;
overflow:hidden;
width:91px;
}
a.kontakt:hover
{
background-position: 0px -31px;
}
a.kontakt span
{
display:block;
text-indent: -9999px;
}

a.oferta
{
background: url(images/menu/oferta.jpg) no-repeat;
display:block;
height:62px;
overflow:hidden;
width:73px;
}
a.oferta:hover
{
background-position: 0px -31px;
}
a.oferta span
{
display:block;
text-indent: -9999px;
}

a.ofirmie
{
background: url(images/menu/ofirmie.jpg) no-repeat;
display:block;
height:62px;
overflow:hidden;
width:84px;
}
a.ofirmie:hover
{
background-position: 0px -31px;
}
a.ofirmie span
{
display:block;
text-indent: -9999px;
}




img.pion{
	margin: 0;
	padding-left: 35px;
	border: 0;
	outline: 0;
	vertical-align: middle;
	margin-top:25px;
}

p.naglowek {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	padding-bottom:15px;
	padding-left:10px;
	padding-top:35px;
}

p.naglowek-kontakt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	padding-bottom:15px;
	padding-top:15px;
}

form{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:22px;
}

p.text {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:22px;
	padding-left:10px;
	padding-right:10px;
}

p.text-kontakt {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	line-height:22px;
}

#content li,ol {
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:22px;
}

#footer {
	margin-top:15px;
	margin-bottom:20px;
	height:61px;
	background:url(images/bg_bottom.gif) repeat-x top;
}

#footer p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	text-align:center;
	color:#FFF;
	padding-left:570px;
	padding-top:30px;
}

span.color {
	color:#cc9933;
}

span.colorw {
	color:#606060 ;
}

span.wykonanie {
	font-size:10px;
	display:block;
	color:#ffcc33;
	padding-top:15px;
}


.mini {
	margin-bottom:20px;
	margin-left:3px;
	}










/* SLIDESHOW */
/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next four rules are set by the Slideshow script.
	You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/

.slideshow {
	text-align: center;
	width:auto;
	clear: both;
	display: block;
	position: relative;
	z-index: 0;
	background-image: url(images/bg_ss.gif);
	background-repeat: repeat-x;
	background-position:top;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	display: none;
	overflow: hidden;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 261px;
	width: 843px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	width:583px;
	height:260px;
	float:left
}
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="pause play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(controller.png) no-repeat;
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	background-image: url(controller-first.gif);
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	background-image: url(controller-last.gif);
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	background-image: url(controller-next.gif);
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	background-image: url(controller-pause.gif);
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	background-image: url(controller-prev.gif);
	left: 65px;
	width: 28px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	height: 28px;
	right: 0;
	position: absolute;
	top: 0;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 0;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}




/* LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX */

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

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

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(img/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(img/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(img/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(img/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(img/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(img/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(img/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(img/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(img/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(img/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(img/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(img/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbClose.grey { background: url(img/close_grey.png) no-repeat; }
	#lbClose.red { background: url(img/close_red.png) no-repeat; }
	#lbClose.green { background: url(img/close_green.png) no-repeat; }
	#lbClose.blue { background: url(img/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(img/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPlay.grey { background: url(img/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(img/play_red.png) no-repeat; }
	#lbPlay.green { background: url(img/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(img/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(img/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
	#lbPause.grey { background: url(img/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(img/pause_red.png) no-repeat; }
	#lbPause.green { background: url(img/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(img/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(img/pause_gold.png) no-repeat; }
/* LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX LYTEBOX */

	
/* FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY */

.kontaktformular  {
	 width:  360px;
     margin: 15px;
     padding: 10px;
     border: none;
     clear: both;
     }
     
.kontaktformular fieldset {margin: 10px 0;}
.kontaktformular a {color: #990000; text-decoration: none;}
.kontaktformular a:hover {color: #483D8A;}
  
.kontaktformular legend {
	 background: #cc9933;
	 color: #fff;
	 padding: 3px 5px;
	 border: 1px solid #ddd;
	 text-transform: uppercase;
	 }
	  
.kontaktformular label {
     width: 100px;
	 float: left;
     clear: both;
     padding: 3px 10px;
     margin: 3px 0;
     }
          
.kontaktformular input, .kontaktformular textarea {
     border-right: 1px solid #ddd; 
     border-bottom: 1px solid #ddd;
     border-left: 1px solid #666666; 
     border-top: 1px solid #666666;
     background: #ddc;
     padding: 0px 3px;
     margin: 3px 0;
	 width: 200px;
}

.kontaktformular input:active, .kontaktformular input:focus, .kontaktformular input:hover { background: #ffff88;}
.kontaktformular textarea:active, .kontaktformular textarea:focus, .kontaktformular textarea:hover { background: #ffff88;}

.kontaktdaten table, .anfrage table, .captcha table { border-spacing:0px; width:360px; border:0px solid;}
.label { width:100px; padding:0px; 	 vertical-align: middle;}
.field { width:200px; padding:0px; 	 vertical-align: middle;}
.error { width:200px; padding:0px 0px 0px 5px;}
.captchareload { padding-left:10px;}
input.errordesignfields, textarea.errordesignfields { background-color:#cc3333;}




.buttons { text-align: center;}
.buttons input { width:80px;}
.buttons input, .captchareload img { background: #555555; color: #fff; border-top:2px solid #fff; border-left:2px solid #fff; border-bottom:2px solid #666666; border-right:2px solid #666666;}
.buttons input:hover, .captchareload img:hover { background: #555555; color: #fff; border-top:2px solid #ddd; border-left:2px solid #ddd; border-bottom:2px solid #fff; border-right:2px solid #fff;}

.pflichtfeld {
	 color: #800000;}
	 

	 .zurueck {
	 color: #6891D1;}

/* FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY FORMULARZ KONTAKTOWY */