/* let's go  czyli zaczynamy -------------------------------------*/

html { height: 100%; }
body { 
	margin: 0; 
	padding: 0; 
	background: #2b2b2b;
	font: normal 12px Arial, sans-serif;
	}

body, td, input, textarea, select {color: #555; font: normal 12px Arial, sans-serif; line-height: 18px; }


p { margin:0; padding: 0 0 11px 0; }
img { border:0}

ul { margin:0 0 10px 10px; padding: 0 0 0 15px }

.clear { clear: both; }
.fll { float: left;}
.flr { float: right; }

form { padding:0; margin:0; }

hr {  
	height: 1px; 
	border: 0; 
	color: #e9e8e5; 
	background: #e9e8e5;  
	margin-top: 3px!important; 
	margin-bottom: 8px!important;
	margin-top: -4px; 
	margin-bottom: 0px;
	}

/* div layout  -------------------------------------*/

#homeWrapper {	background: url(../../html/img/bg_home.gif) repeat-x }

	#splashContainer, #siteContainer {
		width: 850px;
		margin: 0px auto;
		}
		
		#boxLogo { 
			height:117px;
			background: url(../../html/img/top-logo.png) center no-repeat ;
			}
			
			#boxLogo span { display: none }
		
		#boxFoto {
			height:500px;
			background: url(../../html/img/home/home-001.jpg) no-repeat;
			}
			
		#contentSlider {
			height:500px;
			margin-bottom: 15px;
			}
			
		#boxMenu { color: #454545; overflow: hidden; }
		
			#menuLeft { float: left; width: 750px; }
			#menuRight { float: right; }
			
		#footer { font-size: 11px; text-align: center; padding: 25px 0 25px 0 }
		
/* A -------------------------------------*/

#footer a { color: #555; text-decoration: none; }
#footer a:hover { color: #7b7762; text-decoration: underline; }
	
/* nawigacja -------------------------------------*/


#menuLeft ul , #menuRight ul {
	list-style: none;
	margin:8px 0 12px 10px;
	padding:0px;
	}
	
#menuRight ul { margin:8px 10px 12px 0; }
	
#menuLeft ul li , #menuRight ul li { display: inline; }
	
#menuLeft ul li  a, #menuRight ul li  a, #menuRight ul li  a.lang {
	text-decoration:none;
	padding: 2px 10px 3px 10px;
	font: normal 12px Arial, sans-serif;
	text-transform: uppercase;
	color: #8d8d8d;
	outline:none;
	}
			
#menuLeft ul li  a:hover, #menuRight ul li  a:hover {
	color: #ccc;
	background: #1e1e1e;
	}
	
#menuLeft ul li  a.on,  #menuRight ul li  a.on , #menuRight ul li  a.lang:hover { background: #000; color: #ccc; }
	

#info-home h4 a {
	float:right;
	background:#333;
	color:#fff;
	font-size:10px;
	padding:0 5px 1px 5px;
	text-decoration:none;
	margin-left: 25px;
}

#info-home h4 a:hover {
	float:right;
	background:#fff;
	color:#000;

}
	
	

/* naglowki -------------------------------------*/


h1 {
	font: normal 24px Georgia, sans-serif;
 	margin: 0;
	padding-bottom: 10px!important;
	padding:0 0 12px 0;
	color: #7b7762;
	display: block
	}
	
h1 span { display: none; }

#info-home h4{
	font: bold 17px Arial, sans-serif;
	color: #fff;
	text-transform: uppercase;
	padding:0 25px 0 0;
	margin: 15px 0 5px 25px;
}

/* form --------------------------------------------*/

form { margin: 10px 0 0 0; padding: 0; }
form p { position: relative; margin: 0 0 5px; padding: 0 0 0 150px; }
* html form p { zoom: 1; }
form p.error { color: #b41414; font-weight: bold; }
form p label { position: relative; left: 0; top: 2px; float: left; width: 130px; }
form p input { width: 300px; }
form p input.dane { width: 165px; }
form p textarea { width: 300px; }
form p button { margin: 0 35px 0 0; float: right }


/* slider home-------------------------------------*/


h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:10px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:850px;margin:0 auto;background:#fff;text-align:left;padding:20px}

#handles span, #handles span.active, #handles span:hover {
	padding: 2px 10px 3px 10px; 
	font: normal 13px Arial Narrow, Arial, sans-serif; 
	text-transform: uppercase;
	color: #ccc;
	background:#000;
	}
	
#handles span {
	color: #8d8d8d;
	cursor: pointer;
	background:none;
	}

#box-home, #box-site, #box-gallery { position:absolute;  }
#box-home span { display:block; float:left; }

#info-home{
	width:850px;
	height:105px;
	background:#000;
	position:absolute;
	bottom:0; 
}
	
	#info-home p { 
		padding: 0 25px 0 25px;
		font: normal 12px Arial, sans-serif;
		color: #d1d1d1;		
		}

#mask-home, #mask-site{
	position:relative;
	width:850px;
	height:500px;
	overflow:hidden;
}

#mask-gallery {
	position:relative;
	width:850px;
}

span img { display:block; border:none; }


#navi-home {	position:relative; width:850px; height:400px; padding:0; }
	
.imgnav {top:50px; position:absolute; height:400px; width:40%; outline:none; cursor:pointer; margin: 0 15px 0 15px}

#previmg {left:0; background:url(../../html/img/left-arrow.png) -62px center no-repeat; }
#previmg:hover { left:0; background:url(../../html/img/left-arrow.png) left center no-repeat; }

#nextimg { right:0; background:url(../../html/img/right-arrow.png) -62px center no-repeat;}
#nextimg:hover {right:0; background:url(../../html/img/right-arrow.png) right center no-repeat;}


/* slider site-------------------------------------*/

#box-site div{
	width:750px;
	height:435px;
	float:left;
	background:#1e1e1e;
	padding: 15px 50px 50px 50px;
	color: #aaa
}

#box-gallery div.g{
	width:750px;
	background:#1e1e1e;
	padding: 15px 50px 30px 50px;
	color: #aaa
}




#box-site h3, #box-site p, #box-site ul{
}
#box-site div strong { font-size: 13px; color: #ccc }

#box-site h3, #box-gallery h3  { 
	display: block;
	font: normal 17px Arial, sans-serif;
	text-transform: uppercase;
	color: #fff;
	}

#box-site img.x{
	float:left;
	margin:0 30px 0 0;
}

#box-site img.ref{
	float:left;
	padding: 4px;
	border: solid 1px #333;
	margin:0 15px 0 0;
}

div.ref p { 
	display: block; 
	margin-left:170px; 
	padding: 0 0 35px 0; 
	}
	
div.ref p strong { 
	display:block; 
	padding: 0 0 5px 0 
	}

#info-site{
	background:#fff !important;
	color:red !important;
	cursor:default
}

#box-site div ul  {
	list-style: none;
	margin:15px 0 0 0;
	padding:0;
	}
	
#box-site div ul li  { display: block; }
	
#box-site div  ul li  a {
	text-decoration:none;
	color: #bfb590;
	outline:none;
	}
			
#box-site div ul li  a:hover {
	color: #fff;
	}


div  a {
	text-decoration:none;
	color: #bfb590;
	outline:none;
	}
			
div  a:hover {
	color: #fff;
	}