@charset "utf-8";

html{
	margin: 0;
	padding: 0;
	float: none;
	clear: none;
	font-size:11px;
}

a, a:link, a:visited, a:active{
	color:#D6F549;
	font-weight:normal;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a.normal, a:link.normal, a:visited.normal, a:active.normal
{
	color:#c3caa6;
	outline:none;
	text-decoration:none;
	border-bottom: thin #c4caa6 dotted;
}

a:hover.normal
{
	color:#c3caa6;
	border-bottom: thin #c4caa6 solid;
}

.example   
{
	font-style:italic;
}

p
{
	padding-top: 10px;
	font-size: 11px;
	line-height: 20px;
	font-family: segoe UI, myriad pro, helvetica, arial, sans serif;
}

body
{
	color: #000;
	background: url(../images/pathfinal-2.jpg) center top no-repeat #0c120d;
	padding: 0;
	font-family: Segoe UI, arial, helvetica, sans serif;
	font-size: 13.5px;
}


ul.bullets{
	list-style:none;
	margin-top:10px;
}
ul.bullets li{
	padding-left:20px;
	background: url(../images/ball.png) left 5px no-repeat;
}


#heightsettingforsafari
{
	height:800px;
}

.slidecontainer
{
	overflow: auto; 
	position: relative; 
	width: 800px; 
	height: 388px; 
	float: left;
}

.scroll-pane 
{
	width: 788px;
	overflow: auto; 
	padding-right: 10px;
	height: 388px;
}

.jScrollPaneContainer 	
{ 
	position: relative; 
	overflow: hidden;
	z-index: 1; 
 }

.jScrollPaneTrack 		
{ 
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../images/bar.jpg) top center repeat-y; 
	padding: 3px; 
}

.jScrollPaneDrag	
{ 
	position: absolute;
	background: url(../images/ball.png) center center no-repeat;
	cursor: pointer; 
	overflow: hidden; 
}

/* główne style pozycjionowania i szerokości */

.hundred
{
	width: 100%;}

.sixty
	{
	width: 55%;
	padding: 0;
}


.thirty
{
	width: 30%;
	margin: 0;
	padding:0;
}


.thirtyfive
{
	width:35%;
	margin: 0;
	padding:0;
}

.forty
{
	width: 40%;
	margin: 0;
	padding: 0;
}

.left
{
	float: left;
	font-size: 11px;
	line-height: 20px;
	color: #c3caa6;
}

.clearl
{
	clear:left;
}

.lm
{
	margin-left: 5%;
}

.rm
{
	margin-right: 5%;
}

.right
{
	float: right;
	display: block;
	font-size:11px;
	line-height:20px;
}

/* głowne style kolorów layoutu */

.darkgreen
{
	color:#809a5d
	}


.highlight, i
{
	color: #d6f549;
	font-style:normal;
	}

.brown
{
	color: #a88665;
}

.aright
{
	text-align: right;}

strong
{
	font-weight:bold;
	font-size:11px;
}

#container 
{
	color: #c3caa6;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}


#footer
{
	height: 45px;
	padding-top:12px;
	color:#809a5d;
	font-size:11px;
	line-height:15px;}

#maincontent
	{height: 388px;
	width: 800px;
	overflow: hidden;}

#maincontent div
	{overflow: hidden;	}


/* naglowki */

h2{
	font-family:Helvetica, Arial;
	font-size:26px;
	letter-spacing:-1px;
	color:#FFF;
	font-weight:bold;
	padding-top: 2px;
}
h2 span.rest{
	font-family:Arial;
	font-size:26px;
	letter-spacing:-1px;
	color:#aace00;
	font-weight:normal;
	padding-left:2px;
}
h2 span.desc{
	display:block;
	font-family:Arial;
	font-size:13px;
	letter-spacing:-1px;
	color:#869C79;
	font-weight:normal;
}

/* belka górna */

#logo
{
	width:132px;
	height:41px;
	aaa-background:url(../images/logo.png) center no-repeat;
	float:left;}

#logo img{
	margin-top:6px;
}

#logo h1
{
	text-indent:-9999px;
}

#header 
{
	height: 41px;
	padding: 3px 0 0 0;
	margin: 0;}

.menu 
	{
	float: right;
	margin: 12px 0;	
	padding: 0;

}
 
.menu span a
{
	display: inline;
	float: left;
	padding: 0 10px 0 0;
	margin: 0;
	cursor:pointer;
	color:#C3CAA6;
	text-decoration:none;
}
.menu span a:hover
{
	color:#d2ff05}


.menu span.jFlowSelected a 
{
	color:#d2ff05
}			


/* top */

#top
{
	border: none;
	width: 800px;
	height: 320px;
	overflow:hidden;
	margin:0;
	top:0;}


.topimage
{
	float: left;

}
.item 
{
	width: 700px;
	background: transparent;
	margin-left: 60px;
	margin-right: auto;
	margin-top:57px;
	margin-bottom: 0;
	overflow: hidden;
}

.jFlowPrev2 
{
	position:relative;
	top:190px;
	z-index:20;}

.jFlowNext2 
{
	position:relative;
	Top:190px;
	left:700px;
	z-index:20;}

#controller2 
{
	display:none;}

.text 
{
	display: block;
	float: left;
	clear: none;
	margin-top: 50px;
}

.itemtext 
{
	font-size: 13px;
	font-family: Segoe UI, arial, sans serif;
	font-weight:400;
	color:#c9d29c;
	line-height:18px;
	text-align:justified;
	width:350px;
	margin:0;
	padding-top:6px;}

.text h3{
	font-family: "Arial Narrow", Arial;
	letter-spacing:-1px;
	color:#FFF;
	font-size:36px;
}
.text h3 span.subheader{
	letter-spacing:-1px;
	color:#D6F549;
	font-size:26px;
	display:block;
	text-align:right;
}

.text h3 span.w3{
	color:#D6F549;
	font-family:"Trebuchet MS";
}

/* strona główna */

.tag 
{
	background: top left no-repeat url(../images/contactustag.png);
	width:219px;
	height:123px;
	margin-bottom:-101px;
	display:block;
}

#tag 
{
	float:right;
	position:relative; 
	z-index:100; 
	top:-97px; 
	right:100px;}

.hr 
{
	width:459px;
	height:61px;
	display:block;
	background:url(../images/hr.png) no-repeat top left transparent;
	float:left;
	padding:0;
	margin: 10px 0 -10px 30px;
	border:none;}

a.tag span 
{
	display: none;
	text-indent:-99999999999px;}


a.more, a:link.more, a:visited.more, a:active.more
{
	float:right;
	font-weight:normal;
	color:#d6f549;
	text-decoration:none;}

a:hover.more 
{
	float:right;
	color:#d6f549;
	cursor:pointer;}

/* newsy */

.date 
{
	background:url(../images/datebg.png) center no-repeat;
	font-size:14px;
	font-weight:bold;
	height:31px;
	width:30px;
	display:block;
	float:left;
	text-align:center;
	color:#30812c;
	font-family:Segoe UI, arial, sans serif;
}

.month 
	{display:block;
	font-size:9px;
	margin-top:-10px;
}	

.news 
{
	width:240px;
	float:left;
	margin-top:10px;}

.event 
{
	margin:0;
	width:200px;
	float:right;
	margin-left:10px;
	line-height:14px;
	display:block;}


.caption  
{
	padding-top:5px;
	line-height:normal;
}

.caption a, .caption a:link, .caption a:visited, .caption a:active
	{color:#C3CAA6;
	text-decoration:none;
	outline:none;}

.caption a:hover
	{border-bottom:dotted thin #C3CAA6;}

.captionbox
	{width:195px;
	padding:5px;
	margin:0;
	background-color:#172018;}


#filler /* zmiany zrobione w iewin.css*/
{
	height:103px;
	width:800px;
	display:block;
}

#pstatement
	{
	width:350px;
	float:right;
	text-align:right;}

#filler span 
	{display:none;}


.team 
{
	width:100%;
	margin-bottom:10px;
}

.face 
	{margin:10px 10px 0 0;
}


/* o nas - klienci */

#clients
{
	padding-top:20px;
	margin-right: 10px;
	border: none;
}

a#clients, a:link#clients, a:visited#clients, a:active#clients
{
	display:block;
	float:left;
	text-decoration: none;
	outline: none;
	border: none;

}
a:hover#clients
{
	border: none;
	text-decoration:none;
	display: block;
}

/* portfolio */
div.gal-thumb{
	float: left; 
	width: 58px;
	height: 45px;
	text-align: center;
	margin: 5px 5px 0 0;
	border: 1px solid #809a5d;
	padding:5px;
	overflow:hidden;
}

div.gal-thumb-padder
	{width:53px;
	height:47px;
	margin:auto;
	overflow:hidden;}


div.gal
{
	width:770px;
	overflow:hidden;
	margin: 10px 0 0 30px;}

div.gal-main-viewer
{
	width: 494px;
	height:344px;
	text-align:center;
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #809a5d;
	float:left;
}

div.gal-thumbs-wrapper
{
	width: 550px;
	margin:auto;
	overflow:hidden;
	padding-top:5px;
	padding-bottom:10px;
}

div.gal-thumbs
{
	width:240px;
	float:right;
	cursor:pointer;
}


div.gal-alt
	{		font-size:12px;
	width:475px;
	height:55px;
	background-color:black;
	padding:10px;
	margin-right:20px;
	margin:0px;
	color:white;
	text-align:left;
	overflow:scroll;
}

.gal-title
	{position:absolute;
	right:0;
	top:210px;
	background-color:red;
	width:240px;
	height:155px;
	padding:0;
	overflow:auto;
}

#portfoliodeco
{
	position:absolute;
	top:0px;
	z-index:99;
}

.title 
{
	float:left;
	font-weight:bold;
}

.alt 
{
	float:left;
	clear:left;
	line-height:20px;
	color: #c3caa6;
	font-weight:normal;}


/* oferta */
#newsblock li b {
	display: block;
}	
	
/* stopka */

#footer a, #footer a:link, #footer a:active, #footer a:visited
{
	color:#809a5d;
	text-decoration:none;
	outline:none;

}

/* kontakt */

.nec
{
	background: url(../images/asterisk.png) right no-repeat;
	padding-right: 13px;
}

.light
{
	color:#8a8f75;
	font-size: 10px;
	font-weight:lighter;
	display: inline;
}

a.light, a:link.light, a:active.light, a:visited.light
{
	display: inline;
	color:#8a8f75;
	font-weight:bold;
	float: none;
}

a:hover.light
{
	color:#8a8f75;
	padding:0;
	margin:0;
	border-bottom:dotted thin;
	border-bottom-color:#8a8f75;
	text-decoration: none;
	outline: none;
}


#messagebox
{
	height: 250px;
	overflow:auto;}
.submit
{
	float:right;
	margin-top:5px;}

label.error{
	color:red !important;
	display:block;
}


/* zmiany w iewin.css*/
button
	{border: 0;
	cursor: pointer;
	font-weight: bold;
	text-align: center;}



button span
{
	position: relative;
	display:block; 
	white-space:nowrap; 
	padding: 0 10px 0 20px;
	font-size: 11px;
}
button.button
{
	background:url(../images/button_02.png) right no-repeat; 
}

button.button:hover
{
	background:url(../images/buttonhighlight_02.png) right no-repeat;
}
button.button span 
{ 
	height:25px; 
	line-height:26px;
	background:url(../images/button_01.png) left no-repeat;  color:#fff; 
	display: block;  
}

button.button:hover span
	{  background:url(../images/buttonhighlight_01.png) left no-repeat;
	display: block;}




.form input, .form textarea
{
	border: 1px solid #809a5d;
	background-color:#22271c;
	color: #809a5d;
	height: 15px;
	width: 198px;
	padding-top:3px;
	padding-left: 3px;
	margin-top: 2px;
	font-family: Segoe UI, myriad pro, arial, sans serif;
	font-size: 11px;
	font-weight:lighter;}

.pointer
{
	cursor:pointer;}

.form label
{
	color:#809a5d}