@charset "utf-8";
/* CSS Document */

/**************************************** COLOR TABLE  ****************************************/
/*
/* 	Main font/anchor color (dark violet): color:#1d2441;
/*  Anchor hover color (black): color:#000;
/*  Contact font/anchor color (dark violet-grey): color:#494d63;
/*  Contact anchor hover color (dark violet): color: #26326f;
/*  Main background color (medium grey): background-color: #b5b5b5;
/*  Letterpress shadow color (light grey): 	text-shadow: 0px 1px 1px #dfdfdf;
/*  
/**************************************** END OF COLOR TABLE  **********************************/


html { 
	height: 100%; 
/*	margin-bottom: 1px;*/
	min-height: 100%;
	}


body {
	height: 100%;
	min-height: 100%;
	font-family: Arial, Geneva, Helvetica, sans-serif;
/*  color:#444861; */
	color:#1d2441;
	background-color: #b5b5b5;
/*	text-shadow: 0px 1px 1px #dfdfdf; */
	line-height: 1.15;
}

a, a:link, a:visited{
	color:#1d2441;
	text-decoration: underline;
						-moz-transition: all 0.2s ease-out; 
					   -o-transition: all 0.2s ease-out;
				  -webkit-transition: all 0.2s ease-out;
					  -ms-transition: all 0.2s ease-out;
						  transition: all 0.2s ease-out;

}

a:hover, a:focus{
	color:#000;
	text-decoration: underline;
}

.nowrap{
	white-space:nowrap;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}

.clickable {
	cursor: pointer;
}

.clearboth, #clearboth{
	clear:both;
}

.clearleft{
	clear:left;
}

.clearright{
	clear:right;
}

.border{
		border: solid 1px #000;
		display: block;
}

span.en{
	background-image:url(../img/en.png);
	width: 20px;
	height: 10px;
	display: block;
}

span.pl{
	background-image:url(../img/pl.png);
	width: 20px;
	height: 10px;
	display: block;
}

#eye{
	position:fixed;
	left: 45%;
	bottom: 1%;
	top: 2%;
	width: 601px;
	height: 900px;
	background-position:bottom;
	background-repeat:no-repeat;
	background-image:url(../img/eye.png);
	overflow:hidden;
	z-index: -1;
}

#all{
	width: 810px;
	margin: 0 auto 0 auto;
	min-height: 600px;
}

/**************************************** HEADER  **********************************/

		#head{
			position: relative;
			top: 10px;
			width: 810px;
			height: 94px;
		}
		
				
				#head a{
					width: 810px;
					height: 94px;
					overflow: hidden;
					display: block;
					background-image: url(../img/head.png);
					text-indent: -9999px;
				}
				
				#head a:hover{
					background-position: 0 -94px;
				}

/**************************************** END OF HEADER  **********************************/


/**************************************** MAIN CONTENT CONTAINER **********************************/

#content{
	position: relative;
	clear: both;
	top: 100px;
	width: 802px;
	left: 5px;
	overflow:hidden;
}

#content a:link, #content a:visited{
	color:#1d2441;
	text-decoration: underline;
}

#content a:hover, #content a:focus{
	color:#000;
	text-decoration: underline;
}


/**************************************** END OF MAIN CONTENT CONTAINER **********************************/


/**************************************** CONTACT  **********************************/

		#kontakt{
			position: relative;
			float: left;
			width: 802px;
		}
			
		
		#content #kontakt p{
			clear: both;
			font-size: 17px;
		}
		
		#content #kontakt p a, #content #kontakt p a:visited{
					font-family: Impact, Charcoal, sans-serif;
					color:#494d63;
					font-size: 18px;
					text-shadow: 0px 1px 1px #dfdfdf;
					color: #494d63;
					text-decoration: none;
					cursor: pointer;
				}
				
		#content #kontakt p a:hover, #content #kontakt p a:focus{
					text-decoration: none;
					color: #26326f;
				}
				
				#content #kontakt h2+p+p a, #content #kontakt h2+p+p a:visited{
						font-size:22px;
				}
			

				
/**************************************** END OF CONTACT  **********************************/




/**************************************** YOUTUBE INCLUDE **********************************/
.yt{ width: 800px; text-align: center; z-index: 5; }




/**************************************** SITEMAP **********************************/


#map{
	position: relative;
	float: left;
	width: 802px;
}

#map a, #map a:link, #map a:visited{
	text-decoration: none;
}

#map a:hover, #map a:focus{
	text-decoration: underline;
}

		#map ul {
			padding: 10px 0 10px 50px;
			font-size: 18px;
			list-style: none;
		}
		
		#map ul ul li {
			font-size: 16px;
			background-color: rgba(255,255,255,0);
		}
		#map ul li {
		background-color: rgba(255,255,255,0);
		}
		
		#map ul ul li:hover, #map ul li:hover {
			background-color: rgb(208,208,208);
			background-color: rgba(255,255,255, 0.5);
					 -moz-transition: all 0.3s ease-out; 
					   -o-transition: all 0.3s ease-out;
				  -webkit-transition: all 0.3s ease-out;
					  -ms-transition: all 0.3s ease-out;
						  transition: all 0.3s ease-out;

		}
		

/**************************************** END OF SITEMAP **********************************/



/**************************************** TOP MENU **********************************/


ul#menu{
	position:relative;
	top: 43px;
	width:810px;
	margin: 0 0;
	padding: 0 0;
	text-align: left;
	list-style-type: none;
}
		#menu li{
			position:relative;
			float:left;
			left: 5px;
			height: 47px;
		}
				#menu li a {
					background-image: url(../img/menusp.png);
					overflow: hidden;
					display: block;
					text-indent: -9999px;
					height: 47px;
				}


		li#mwww{
			width: 194px;
		}
				#mwww a{
					width: 194px;
					background-position: 0px 0px;
				}
						#mwww a:hover{
							background-position: 0px -47px;	
						}

		li#mcg3d{
			left: 30px;
			width: 43px;
		}
				#mcg3d a{
					width: 43px;
					background-position: -194px 0px;
				}
						#mcg3d a:hover{
							background-position: -194px -47px;	
						}
		
		li#mpixelart{
			left: 55px;
			width: 152px;
		}
				#mpixelart a{
					width: 152px;
					background-position: -237px 0px;
				}
						#mpixelart a:hover{
							background-position: -237px -47px;
						}
		
		li#mmisc{
			left: 80px;
			width: 75px;
		}
				#mmisc a{
					width: 75px;
					background-position: -389px 0px;
				}
						#mmisc a:hover{
							background-position: -389px -47px;
						}

		li#mkontakt{
			left: 105px;
			width: 151px;
		}
				#mkontakt a{
					width: 151px;
					background-position: -464px 0px;
				}
						#mkontakt a:hover{
							background-position: -464px -47px;
						}
						
		li#mlang{
			left: 125px;
			width: 72px;
		}
				#mlang a{
					width: 72px;
					background-position: -616px 0px;
					-moz-transition: all 0.2s ease-out; 
					   -o-transition: all 0.2s ease-out;
				  -webkit-transition: all 0.2s ease-out;
					  -ms-transition: all 0.2s ease-out;
						  transition: all 0.2s ease-out;
				}
						#mlang a:hover{
							background-position: -616px -47px;
						}				

				/*	   
					*/
/**************************************** END OF TOP MENU **********************************/



/**************************************** FOOTER **********************************/


div#footer{
	width: 100%;
	position: fixed;
	bottom: 0%;
	left: 0;
	border-top: #6C6C6C;
	border-top-width: 2px;
	border-top-style:solid;
	background-color: #b5b5b5;
	z-index: 1000;
}

ul#footerc{
	width: 650px;
	margin: 5px auto 27px auto;
	z-index: 1001;
	list-style: none;
	text-align: left;
}

		#footerc li{
			position:relative;
			float:left;
			left: 5px;
			height: 20px;
		}

				#footerc li a, #footerc li.fdoubledivider span, #footerc li.fsingledivider span {
					background-image: url(../img/footersp.png);
					overflow: hidden;
					display: block;
					text-indent: -9999px;
					height: 20px;
				}
			
		li.fsingledivider { width: 6px; }
				.fsingledivider span { width: 6px; background-position: 0px 0px; }
		
		li.fdoubledivider { background-position: -6px 0px; }
				.fdoubledivider span { width: 10px; background-position: -6px 0px; }
		
			
		li#fall{
			left: -5px;
			width: 36px;
		}
				#fall a{
					width: 36px;
					background-position: -17px 0px;
				}
						#fall a:hover{
							background-position: -17px -20px;	
						}

		li#fwww{
			left: 10px;
			width: 33px;
		}
				#fwww a{
					width: 33px;
					background-position: -54px 0px;
				}
						#fwww a:hover{
							background-position: -54px -20px;	
						}

		li#fcg3d{
			left: 20px;
			width: 15px;
		}
				#fcg3d a{
					width: 15px;
					background-position: -87px 0px;
				}
						#fcg3d a:hover{
							background-position: -87px -20px;	
						}

		li#fpixelart{
			left: 30px;
			width: 49px;
		}
				#fpixelart a{
					width: 49px;
					background-position: -102px 0px;
				}
						#fpixelart a:hover{
							background-position: -102px -20px;	
						}

		li#fmisc{
			left: 40px;
			width: 24px;
		}
				#fmisc a{
					width: 24px;
					background-position: -153px 0px;
				}
						#fmisc a:hover{
							background-position: -153px -20px;	
						}
						
		li#fkontakt{
			left: 50px;
			width: 48px;
		}
				#fkontakt a{
					width: 48px;
					background-position: -177px 0px;
				}
						#fkontakt a:hover{
							background-position: -177px -20px;	
						}
						
		li#fda{
			left: 80px;
			width: 80px;
		}
				#fda a{
					width: 80px;
					background-position: -225px 0px;
				}
						#fda a:hover{
							background-position: -225px -20px;	
						}

		li#fpj{
			left: 90px;
			width: 73px;
		}
				#fpj a{
					width: 73px;
					background-position: -305px 0px;
				}
						#fpj a:hover{
							background-position: -305px -20px;	
						}

		li#fyt{
			left: 100px;
			width: 66px;
		}
				#fyt a{
					width: 66px;
					background-position: -378px 0px;
				}
						#fyt a:hover{
							background-position: -378px -20px;	
						}

		li#fmapa{
			left: 130px;
			width: 72px;
		}
				#fmapa a{
					width: 72px;
					background-position: -446px 0px;
				}
						#fmapa a:hover{
							background-position: -446px -20px;	
						}
		
		li#flang{
			left: 140px;
			width: 25px;
		}
				#flang a{
					width: 25px;
					background-position: -518px 0px;
					-moz-transition: all 0.2s ease-out; 
					   -o-transition: all 0.2s ease-out;
				  -webkit-transition: all 0.2s ease-out;
					  -ms-transition: all 0.2s ease-out;
						  transition: all 0.2s ease-out;
				}
						#flang a:hover{
							background-position: -518px -20px;	
						}

/**************************************** END OF FOOTER **********************************/






hr{
	color:#1d2441;
	background-color:#1d2441;;
	height: 2px;
	border: none;
	clear: both;
}

/**************************************** SLIDER HEADERS **********************************/

		h2, h3 {
			font-family: Impact, Charcoal, sans-serif;
			clear: both;
			color: #494d63;
			text-shadow: 0px 1px 1px #dfdfdf;
			margin: 0px 0px;
			font-weight: normal;
			letter-spacing: 0.05em;
			text-indent: 2px;
		}
	
				h2 p, h3 p{
					font-family: Arial, Geneva, sans-serif;
					font-weight: normal;
					margin: 0px 0px;
					font-size: 14px;
				}
						
		.sheader{
			font-family:Arial, Geneva, Helvetica, sans-serif;
			font-size: 14px;
			width: 802px;
			clear:both;
		}
		
		.spacer, .spacer2, .spacer3, .spacer4 { width: 802px; clear: both; }
		.spacer{ height: 10px; }
		.spacer2{ height: 50px; }
		.spacer3{ height: 19px; }
		.spacer4{ height: 150px; }

		
		/**************************************** SHORT DESCRIPTION FOR THE SUB-SLIDER **********************************/

				.shortdesc{ float: right; width: 255px; height: 100px; }
		
		/**************************************** SUB-SLIDER SPRITES **********************************/
		
				.sprite {
					position:relative;
					background-color:#333;
					overflow: hidden;
					width: 525px;
					height: 100px;
					float: left;
					z-index: 5;
					-moz-transition: all 0.2s ease-out; 
					   -o-transition: all 0.2s ease-out;
				  -webkit-transition: all 0.2s ease-out;
					  -ms-transition: all 0.2s ease-out;
						  transition: all 0.2s ease-out;
				}
				
						div.sprite:hover{ background-position: 0px -100px; }
						
						#vetra-short{ background-image:url(../img/www/vetra-short.jpg); }						
						#moacube-short{ background-image:url(../img/www/moacube-short.jpg); }
						#gamedecverse-short{ background-image:url(../img/www/gamedecverse-short.jpg); }						
						#magdalenamalek-short{ background-image:url(../img/www/magdalenamalek-short.jpg); }						
						#mmatch-short{ background-image:url(../img/www/mmatch-short.jpg); }
						#e-learn-short{ background-image:url(../img/www/e-learn-short.jpg); }						
						#liwiec-short{ background-image:url(../img/www/liwiec-short.jpg); }						
						#portfolio-old-short{ background-image:url(../img/www/portfolio-old-short.jpg); }						
						#info-short{ background-image:url(../img/www/info-short.jpg); }						
						#kolyga-short{ background-image:url(../img/www/kolyga-short.jpg); }						
						#orbitowski-short{ background-image:url(../img/www/orbitowski-short.jpg); }						
						#pzmot-short{ background-image:url(../img/www/sospzmot-short.jpg); }
						#scanbio-short{ background-image:url(../img/www/scanbio-short.jpg); }
						#xortec-short{ background-image:url(../img/www/xortec-short.jpg); }
						#wydawnictwa-pma-short{ background-image:url(../img/www/wydawnictwa-pma-short.jpg); }
						#portfolio-short{ background-image:url(../img/www/portfolio-short.jpg); }
						#inf-short{ background-image:url(../img/inf/inf-short.jpg); }
						#cista-short{ background-image:url(../img/3d/cista-short.jpg); }
						#wojownik-short{ background-image:url(../img/3d/wojownik-short.jpg); }
						#stacja-short{ background-image:url(../img/3d/stacja-short.jpg); }
						#misc-short{ background-image:url(../img/3d/misc-short.jpg); }
						#finished-short{ background-image:url(../img/pixelart/finished-short.jpg); }
						#wip-short{ background-image:url(../img/pixelart/wip-short.jpg); }						
						#wizytowki-short{ background-image:url(../img/misc/wizytowki-short.jpg); }						
						#mirriel-short{ background-image:url(../img/misc/mirriel-short.jpg); }						
						#sztucce-short{ background-image:url(../img/misc/sztucce-short.jpg); }
						#logo-short{ background-image:url(../img/misc/logo-short.jpg); }
						#sygnaturki-short{ background-image:url(../img/misc/sygnaturki-short.jpg); }
						#fotostory-short{ background-image:url(../img/misc/fotostory-short.jpg); }
						#inne-short{ background-image:url(../img/misc/inne-short.jpg); }
		
		/**************************************** SUB-SLIDER CONTENT CONTAINER **********************************/
		
				
		div.slider, div.unslider{
			width: 802px;
		}
		
				div.descimg{
					margin-top: 15px;
					float: left;
				}
				
						.descimg img{
							border: none;
						}
				
				div.leftcol, div.rightcol{
					float: left;
					width: 385px;
					line-height: 1.4;
					text-align: justify;
					text-indent: 45px;
					font-size: 15px;
				}
				
				div.rightcol{
					float: right;
				}
					
						.leftcol p:first-child, .rightcol p:first-child, .leftcol p.sub{
							text-indent: 0px;
							font-weight: bold;
						}
						
						p.subend{
							text-indent: 0px;
						}
						
						.leftcol p.clean, .rightcol p.clean{
							text-indent: 25px; 
							font-weight: normal;
							font-size: 16px;
						}
												
						.leftcol p.list, .rightcol p.list, .rightcol div.list{
							text-indent: 0px;
							font-weight: normal;
							font-size: 15px;
						}
						
						.leftcol ul, .rightcol ul{
							font-size: 15px;
							line-height: 1.4;
							text-indent: 0px;
						}
						
						.leftcol ul li, .rightcol ul li{
							margin: 5px 0;
							list-style:	disc;
						}



				
				div.desctxt{
					float: right;
					width: 380px;
					line-height: 1.4;
					text-align: justify;
					text-indent: 45px;
					font-size: 15px;
				}
								
						.desctxt li{
							margin: 15px 0;
							list-style:	disc;
							text-indent: 0px;
						}
						
						.desctxt p:first-child {
							text-indent: 0px;
							font-weight: bold;
						}
						
						.desctxt p.clean{
							text-indent: 45px; 
							font-weight: normal;
							font-size: 15px;
						}

						
						.widebanery{
							text-indent: 0px;
							width: 390px;
							text-align: justify;
						}
						
						.desctxt em.dquote{
							font-size:14px;
							line-height: 1.2;
							text-indent: 20px;
						}
								.dquote p:first-child{
									font-weight: normal;
									font-size:14px;
									line-height: 1.2;
									text-indent: 20px;
								}
				
				div.galtxt{
					float: right;
					width: 420px;
					text-indent: 45px;
					line-height: 1.4;
					font-size: 15px;
					text-align: justify;
				}
				
						.galtxt em.quote{
							font-size:14px;
							line-height: 1.2;
							text-indent: 20px;
						}
						
						.galtxt p.clean{
							text-indent: 0px; 
							font-weight: normal;
							font-size: 15px;
						}
						
						.galtxt li{
							font-size: 15px;
							text-indent: 0px;
							margin: 15px 0;
							list-style:	disc;
							line-height: 1.35;
						}

				div.gallery{
					position: relative;
					float: left;
					width: 355px;
					left: 25px;
				}
				
						.gallery .smallimg{
							float: left;
							width: 125px;
							height: 125px;
							margin: 10px;
							text-align: center;
							padding: 5px;
							text-indent: -9999px;
						}
						
								.gallery .smallimg img{
									width: 125px;
									height: 125px;
									background-color:#4C4C4C;
									border: solid 1px #000;
								}
				
				div.gallery-large {
					float: left;
					width: 390px; 
					text-indent: -9999px;
				}
				
						.gallery-large img, .gallery-large a {
							float: left;
							border: solid 1px #000;
							margin: 10px 0px;
						}
						
						.gallery-large #clear, .gallery-large .clear {
							float: left;
							clear: left;
							border: none; !important
							margin: 0 0; !important
						}
						
						.gallery-large span{
							display: block;
							width: 100%;
							height: 100%;
						}
						
				div.smallgallery {
					position: relative;
					float: left;
					width: 380px;
				}
				
						.smallgallery img{
							float: left;
							margin: 10px 10px;
						}
						

		div.scrubback {
			position: relative;
			top: 2px;
			clear: right;
			font-size: 12px;
			float: right;
		}
		
		div.navi {
			position: relative;
			top: 1px;
			clear: both;
			font-size: 12px;
			float: left;
		}