/*{{{ very basic styles */

body {
	margin:0;
	background-color:#fff;
}


#black_text {
background: url('stopka.png') no-repeat center bottom;
top:0;
float:left;
height:50px;
left:0;
margin:0;
padding:0;
position:fixed;
width:100%;
z-index:10;
}

.center_site {
margin:0 auto;
padding:0;
width:980px;
}

/* trigger button */
.dot{
	z-index:10;
	display:block;
	height:20px;
	overflow:hidden;
	width:20px;
	cursor:pointer;
}

/* mouseover state */
.dot:hover {
	background-position:0 -44px ;		
}

/* clicked state */
.dot:focus {
	background-position:0 -88px;
}

/* tooltip styling */
.tooltip {
	z-index:1000;
	display:none;
	background:url(../files/brown_arrow_big.png);
	height:210px;
	padding:40px 40px 0px 40px;
	width:180px;
	font-size:12px;
	font-family: Trebuchet MS;
	color:#878077;
}

/* a .label element inside tooltip */
.tooltip img{
	width: 180px;
	height:120px;
	display:block;
	margin: 0 0 0 0;
	clear:both;
}
.tooltip p {
	display:block;
	margin: 0 0 0 0;
	font-size:18px;
	font-family: Trebuchet MS;
	color:#000000;
	font-weight:bold;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #878077;
}
.tooltip span {
	display:block;
	margin: 0 0 0 0;
	font-size:12px;
	font-weight:bold;
	font-family: Trebuchet MS;
	color:#878077;
}

	
/* root element for single scroll */
.scroll {
	position:relative;
	overflow:hidden;
	width: 640px;
	height: 425px;
	float:left;
}
	
/* root element for the scroll pics */
.scroll .pics {
	width:20000em;
	position:absolute;
	clear:both;
}
	
/* single scroll item */
.pics div {
	float:left;
	cursor:pointer;
	width:640px !important;
	height:425px;
	margin:0px;
}
	
/* possible settings for the active scroll */
.scroll.active {
	
}
/* override the root element to enable scrolling */
	#flowpanes {
		position:relative;
		overflow:hidden;
		clear:both;
	}

	/* override single pane */
	#flowpanes div {
		float:left;
		display:block;
		width:670px;
		font-size:14px;
	}

	/* our additional wrapper element for the items */
	#flowpanes .items {
		width:20000em;
		position:absolute;
		clear:both;
		margin:0;
		padding:0;
	}

	#flowpanes .less, #flowpanes .less a {
		color:#999 !important;
		font-size:11px;
	}



.details h2 {
	display:block;
	margin: 0 0 0 0;
	font-size:18px;
	font-family: Trebuchet MS;
	color:#000000;
	text-align:left;
	clear:both;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #878077;
}

.details p {
	display:block;
	margin: 0 0 0 0;
	font-size:12px;
	text-align:left;
	padding: 5px 0 5px 0;
	font-family: Trebuchet MS;
	color:#878077;
}