@charset "utf-8";

/* CSS Document */



/*General rules*/

/*Styling for general rules and large container elements*/



html{

margin: 0;

padding: 0;

float: none;

clear: none;

font-size:11px;

}



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    /*Styling for the examples in the forms */

{

font-style:italic;



}

img { behavior: url(iepngfix.htc); } /*png fix*/



p

{

padding-top: 10px;

font-size: 11px;

line-height: 20px;

font-family: segoe UI, myriad pro, helvetica, sans serif;}



body

{

color: #000;

background: url(../images/pathfinal.jpg) center top no-repeat #0c120d;

padding: 0;

font-family: Segoe UI, arial, helvetica, sans serif;

font-size: 13.5px;



}







#heightsettingforsafari

{height:1000px;}



#heightsettingforsafari2

{height:1200px}


#heightsettingforsafari3

{height:350px}

#heightsettingforsafari4

{height:1050px}




.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; }



.jFlowSelected {color:#d2ff05}			





/*General positioning/width styles*/



.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;

}



/*general coloring/styling*/



.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 /*Container or wrapper, contains almost all the content*/

{

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;	}





/*top bar*/



#logo

{

width:132px;

height:41px;

background:url() center no-repeat;

float:left;}



#logo span, #logo small

{

display:block;

}



#header /*Header bar, contains logo, menu etc.*/

{

height: 41px;

padding: 3px 0 0 0;

margin: 0;}



.menu /*menu styling*/

{

float: right;

margin: 12px 0;	

padding: 0;



}



.menu span

{

display: inline;

float: left;

padding: 0 10px 0 0;

margin: 0;

cursor:pointer;

}



/*Top Header*/





#top

{

border: none;

width: 800px;

height: 320px;

overflow:hidden;

margin:0;

top:0;}





.topimage

{

float: left;



}

.item /*Content for every item in the top bar*/

{

width: 700px;



background: transparent;

margin-left: 60px;

margin-right: auto;

margin-top:57px;

margin-bottom: 0;

overflow: hidden;

}



.jFlowPrev2 /*Previous button for the header content*/

{

position:relative;

top:190px;

z-index:20;}



.jFlowNext2 /*Next button for the header content*/

{

position:relative;

Top:190px;

left:700px;

z-index:20;}



#controller2 /*Controller for the top header. I dont want it, so i hid it*/

{

display:none;}



.text /*Left part of the top header;*/

{

display: block;

float: left;

clear: none;

margin-top: 50px;

}



.itemtext /*This is the text that appears in the header*/

{

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;}



#search  /*Search bar styling*/

{

position: absolute;

top:60px;

right:23%;

width: 147px;

height:22px;

display:block;

z-index:10;

background:url(../images/searchbar.png) top center no-repeat;

border:none;

font-size:11px;

font-family:Segoe UI, calibri, sans serif;

letter-spacing:-0.5px;

font-weight: normal;

padding: 12px 0 8px 20px;

margin:0;

color:#709674;}















/*Main page*/



.tag /*The tag at the bottom of the page*/

{

background: top left no-repeat url(../images/contactustag.png);

width:219px;

height:123px;

margin-bottom:-101px;

display:block;

}



#tag /*same as above, but this is the posiioning*/

{

float:right;

position:relative; z-index:100; top:-97px; right:100px;}



.hr /*Horizontal rule styling. Horizontal rule itself is not used because of a bug in IE.*/

{

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 /*Make the content disappear*/

{

display: none;

text-indent:-99999999999px;}



/*styling for 'more...' links, main page*/



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;}



/*NEWS section*/



.date /*The green date box in the news section on the homepage*/

{

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 /*Styling for the month in the datebox*/

{display:block;

font-size:9px;

margin-top:-10px;

}	



.news /*Styling for the whole news bars*/

{

width:240px;

float:left;

margin-top:10px;}



.event /*Styling for the event part of the news bars (the text)*/

{

margin:0;

width:200px;

float:right;

margin-left:10px;

line-height:14px;

display:block;}





.caption  /*Caption styling for the portfolio box on the first page*/

{

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 /*#filler: Changes made in iewin.css*/

{

height:103px;

width:800px;

display:block;

}



#pstatement

{

width:350px;

float:right;

text-align:right;}



#filler span 

{display:none;}





.team /*The box that holds info about every team member*/

{

width:100%;

margin-bottom:10px;

}



.face /*styling for face in team*/

{margin:10px 10px 0 0;

}





/*styling for clients content box, about us page*/



#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 page*/

/*Portfolio page Gallery styling*/

div.gal-thumb{

float: right; 

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;

background:url(../images/portfolioright.png) top right no-repeat;

padding-top:39px;

}





div.gal-alt

{		font-size:12px;

width:475px;

height:34px;

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 /*used in the description in the portfolio page*/

{

float:left;

font-weight:bold;

}



.alt /*styles the grey text in the description in the portfolio page. Your 'alt' attribute content is styled here. */

{

float:left;

clear:left;

line-height:20px;

color: #c3caa6;

font-weight:normal;}

/*footer*/



#footer a, #footer a:link, #footer a:active, #footer a:visited

{

color:#809a5d;

text-decoration:none;

outline:none;



}



/*CONTACT US PAGE*/



/*styling for privacy policy, contact us page*/



.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;

}





/*styling for messagebox*/

#messagebox

{

height: 250px;

overflow:auto;}

/*styling for submit button*/

.submit

{

float:right;

margin-top:5px;}



/*button: Changes made in 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:26px; 

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, sans serif;

font-size: 11px;

font-weight:lighter;}



.pointer

{

cursor:pointer;}



.form label

{

color:#809a5d}



.list li{

	list-style:circle;

	margin-left: 10px;

}

#cenik{
	width: 90%;
	color: white;
}
#cenik thead td{
	font-size: 18px;
	border-bottom: 1px dotted white;
	padding: 3px; 	
}
#cenik tbody td{
	border-bottom: 1px green solid;
	padding: 3px;
	font-weight: normal;
}

h2

{
color:#bfea05;

font-weight:bold;

font-size:14px;

}


h1

{
color:white;

font-weight:bold;

font-size:18px;

}