@charset "utf-8";
/* CSS Document */
* {padding:0px;margin:0px;}

HTML {}
body {
background:#11181c; background-image: url(images/bg.jpg); background-position:center top;
font-family: Verdana, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.3em; 
color:#fff;
}

p {
tekst-align: justify;
text-shadow: #131a1f 1px 1px 2px; 
}
img {border:0px none;}

h2{
color: #fff;
padding-top: 0.4em;
padding-left: 1em;
padding-right: 1em;
padding-bottom: 1em;
font-family: Trebuchet MS, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
}
h3{
font-family: Trebuchet MS, sans-serif;
font-size: 26px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: -1px;
line-height: 1.2em;
color:#fff;
padding: 20px 20px 0px 20px;
}
h4{
font-family: Trebuchet MS, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.6px;
line-height: 1.6em;
color: #89f9fd;
padding: 10px 20px 10px 20px;
display: block;
background: #131a1f;
-moz-border-radius-topleft:10px; 
-moz-border-radius-topright:10px; 
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

}


a {
color:#c3fefa; 
text-decoration:none; 
outline:none;
}
a:hover {
color:#00ffee; 
text-decoration: underline;
}

ul {
margin:0; 
padding:0; 
list-style-type:none;
}
ol {
margin:0; 
padding:0; 
list-style-position:inside;
}

#main {
display: block; 
width: 960px; 
position: static;
margin:0 auto 0;
}

#header {
display: block; 
width: 960px; 
height:360px; 
position: static; 
margin:0 auto 0; 
}

#header .navi1 {
display: block; 
padding-top:209px; 
margin:0 auto 0;
}
#header .navi1 ul {
margin:0; 
list-style-type:none;
}
#header .navi1 li {
margin-left: 2px;
margin-right: 2px;
list-style-position: inherit; 
float:left;}
#header .navi1 a {
display: block;
padding:0.6em 1em 0.6em 1em;
color:#59c0be; 
text-decoration:none; 
font-family: Lucida Sans Unicode, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}
#header .navi1 a:hover {
color: #fff;

float:left; 
background-color: #1a252b; 
border-bottom: solid 3px #59c0be;
text-decoration:none;
}


#content {
display: block;  
margin:0 auto 0;
padding-top:10px;
width: 960px;
height: 686px;
}
#content p {
padding: 10px;
}
#content img {
padding: 15px 0px 0px 15px;
float:left;
}
#content ul {
list-style: none;
}
#content ul li {
margin: 0em 0.2em 1em 2em;
margin: 1px;
list-style: none;
} 

#content .circle {
display: block; 
background-image:url(images/circle.png); 
background-position:center; 
width: 362px; height: 388px; 
position: relative; left: 3px; top: 3px;
margin:0 auto 0;
z-index: 2;
}
#content .about {
display:block;
width: 365px;
height: 280px;
background: url(images/home_onas.png) no-repeat;
float:left;
position:relative; z-index:3;
}
#content .navi2 {
float:right;
display:block;
width: 365px;
height: 280px;
background: url(images/home_navi2.png) no-repeat;
position:relative; z-index:2;
}

#content .navi2 ul {
padding-top: 0.4em;
display: block;
float:right;
list-style-type:none;
}
#content .navi2 li {
position: relative;
list-style-position: inherit;
display:block;
width: 400px;
margin-top:10px;
text-align: right;
}
#content .navi2 a {
position: static;
display: block;
background: url(images/navi2_bg.png);
border-bottom: solid 2px #5f6a73;
padding:0.6em 2em 0.6em 0;
margin-top: 3px;
margin-bottom: 3px;
color:#131a20; 
text-decoration:none; 
font-family: Lucida Sans Unicode, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;

}
#content .navi2 a:hover {
color: #fff; 
background-color: #131a20; 
border-bottom: solid 2px #59c0be;
text-decoration:none;
}


#content .works {
display:block;
width: 365px;
height: 280px;
background: url(images/home_works.png) no-repeat;
float:left;
position:relative; z-index:2;
}

#pbox {
display: box; 
width: 100%; 
background-color:#131a20; 
margin-top: 20px;
}


#pbox h2{
padding-top:10px; 
padding-bottom:1px;
} 

#pbox img{
margin-right: 40px; 
float:right; 
padding-top:3px;
} 

#pbox p{
padding-left:25px;
padding-top: 2px;
}

#pbox small{
color: #b3b8be;
}

#box1 {
display: block; 
width: 450px; 
height: 252px;
background: #fff url(images/aff.jpg) no-repeat center;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#14721F;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:medium;
}

#box2 {
display: block; 
width: 450px; 
height: 235px;
background: url(images/navi2_bg.png);
padding-left:20px;
padding-top:20px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#14721F;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:medium;
}

#box .aff {

}

#content .kontakt {
float:right;
display:block;
width: 365px;
height: 280px;
background: url(images/home_kontakt.png) no-repeat;
position:relative; z-index:3;
}


#footer .feet {
display: block; 
margin:0 auto 0; 
height: 122px; 
width: 960px;
}

#footer .feet p{
float:right;
padding: 15px;
color: #585e60;
}

input#submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background:#131a1f;
border:1px solid #70f2f8;
color:#fff;
font-size:11px;
font-weight:bold;
height:24px;
padding: 0 10px;
float: right;
margin-right: 33px;
}

input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background: url(images/navi2_bg.png);
border:0;
color:#131a1f;
font-size:11px;
padding:7px;
font-family: Lucida Grande, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}

textarea {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background: url(images/navi2_bg.png);
border:0;
color:#131a1f;
font-size:11px;
line-height:24px;
padding:7px;
margin-right: 33px;
font-family: Lucida Grande, sans-serif;
font-size: 10.4px;
font-style: normal;
font-weight: normal;
text-transform: normal;
letter-spacing: normal;
line-height: 1.5em;
}

form {
text-shadow: #131a1f 1px 1px 2px;
line-height: 1.5em;
}
/* SlideShow strona główna */
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	padding:0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
	padding:0;
}

#slideshow IMG.last-active {
    z-index:9;
	padding:0;
}

/* Coda-Slider - podstrony */

p.intro { margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links { text-align: center }
		
		p#cross-links { margin-bottom: 30px; padding-bottom: 30px }
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		h3 { border-bottom: 1px dotted #4f5b63; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 10px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 850px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 460px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 850px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel p {
			text-align:justify; 
			line-height: 1.5em; 
			font-size: 11px; 
			color: #fff;
			text-shadow: #131a1f 1px 1px 2px;
			background: url(images/navi2_bg.png);
			
			
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
			text-shadow: #131a1f 1px 1px 2px; 
			-moz-background-clip:border;
			-moz-background-inline-policy:continuous;
			-moz-background-origin:padding;
			-moz-border-radius-bottomleft:5px;
			-moz-border-radius-bottomright:5px;
			-moz-border-radius-topleft:5px;
			-moz-border-radius-topright:5px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: 10px;
			padding-left:190px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0 auto 0;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			list-style: none;
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;

		}
		
		.stripNav li.tab1 a { background: url(images/navi2_bg.png); }
		.stripNav li.tab2 a { background: url(images/navi2_bg.png); }
		.stripNav li.tab3 a { background: url(images/navi2_bg.png); }
		.stripNav li.tab4 a { background: url(images/navi2_bg.png); }
		.stripNav li.tab5 a { background: url(images/navi2_bg.png); }
		
		.stripNav li a:hover {
			background: #1A252B;
			border-bottom: solid 2px #59c0be;
		}
		
		.stripNav li a.current {
			background: #090e11;
			color: #fff;
			border-bottom: solid 2px #59c0be;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}