/*
 * TECH-Cogito 2010
 * Jakub Cichocki
 * biuro@tech-cogito.pl
 */	
	
	body
		{
			font-size:11px;
			color:#000000;	
			font-family: Sans, Tahoma, Georgia;
			margin:0 auto;
			background-color: #ffffff;
		}
			a
			{
				color: #817a75;
				font-weight:bold;
				text-decoration: none;
			} 
				a img
				{
					border: 0px;
				}
			.mybody
			{
				margin:0 auto;
				width: 972px;
				position: relative;
				padding-left:6px;
				padding-right:6px;
				background-image:url('img/content.png');
			} 
				.top
				{
					height:151px;
					background-color: #e9e9e9;
					position:relative;
				}
					.itop
					{
						background-image:url('img/top.png');
						width: 972px;
						height: 32px;
					}
					.logo
					{
						position: absolute;
						top: 17px;
						left: 10px;
						border: 0px;
					}
					.info-box
					{
						width: 386px;
						padding-top: 5px;
						height: 82px;
						padding-left: 10px;
						background-image:url('img/info-box.png');
						position: absolute;
						right: 0px;
					}
					.top-menu
					{
						width: 972px;
						height: 32px;
						background-image:url('img/top-menu.png');
						position: absolute;
						top: 119px;
						
					}
						.menu
						{
							position: relative;
							width: 550px;
							left: 422px;
							top:5px;
							font-size: 13px;
							
						}
							.menu a
							{
								color: #e9e9e9;
								font-weight: normal;
							}
				.content
				{
				
				}
					.box
					{
						margin: 0 auto;
						margin-top: 40px;	
						margin-bottom: 40px;						
						background-color:#e8e8e8;
						width: 838px;
					}
						.box h1
						{
							margin: 0;
							padding: 0;
							color: #e9e9e9;
							text-align: center;
							font-size: 14px;
							position: relative;
							top: -22px;
						}
						.box .text
						{
							padding-left: 20px;
							padding-right: 20px;
						}
						.text
						{
						text-align: justify;	
						}
						.mbox
						{
							/* background-color: #dcdcdc; */
							width: 780px;
							padding-left: 10px;
							padding-right: 10px;
							padding-top: 10px;
							padding-bottom: 10px;
						}
						.mboxh
						{
							width: 800px;
							background-color: #ff9900; 
							color: #ffffff; 
							text-align: center; 
							font-weight: bold;
							clear: both;
						}
						.mboximg
						{
							border:0px;
							float: left;
							margin-right: 10px;
							margin-bottom: 10px;
						}
				.bottom
				{
					width: 942px;
					height: 19px;
					background-image:url('img/bottom.png');
					text-align: left;
					color: #e9e9e9;
					padding-left: 30px;
					font-size: 8px;
				}
					.bottom a 
					{
				   	font-size: 12px;
						color: #e9e9e9;
						font-weight: normal;
					}

.trans_box1 {
  width:180px;
  height: 40px;
  padding-top: 20px;
  font-family:georgia;
  font-weight:bold;
  font-size: 14px;
text-align: center;
position: relative;
top: -62px;

 background:url("img/75p_white.png") repeat scroll center top transparent;
  /* Mozilla doesn't support crazy MS image filters, so it will ignore the following 
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_white.png');
*/
}

/* IE ignores css styles with [attributes], so it will skip the following. 
.trans_box1[class] {
 /*  background-image:url(img/75p_white.png);
 
}*/


/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 90px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:800px;
		height:200px;
		overflow:hidden; 
		}
	span#prevBtn{
		
	}
	span#nextBtn{
	position: absolute;	
	right:90px;	
	
	}	
	span#nextBtn a{
	font-weight: normal;	
	}		
	span#prevBtn a{
	font-weight: normal;	
	}				

/* // Easy Slider */