DIV.multimedia-projektor-tlo {

	display: none;

	width: 100%;
	height: 100%;

	background: rgb(0, 0, 0);
	opacity: 0.9;
	
	position: fixed;
	top: 0;
	left: 0;
	z-index: 98;

}

DIV.multimedia-projektor {

	display: none;

	width: 100%;
	max-height: 100%;
	
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;

}

TABLE.multimedia-projektor {

	width: 100%;
	max-height: 100%;
	border-spacing: 10px;
	
	margin: auto;

}

	TABLE.multimedia-projektor TD {

	
		text-align: center;
		padding: 5px;

	}

		DIV.multimedia-projektor-rama {
			
			position: relative;
			
			width: 800px;
			
			background: rgb(255, 255, 255);
			
			margin: auto;
			
			padding: 10px;
			
		}
		
		DIV.multimedia-projektor-zamknij {

			width: 40px;
			height: 40px; 
			
			border: 0;
			
			position: absolute;
			z-index: 4;
			
			top: 10px;
			right: 10px;
			
			padding: 0px;
			margin: 0px;

		}
		
			DIV.multimedia-projektor-element {
				
				position: relative;
				
				width: 100%;
				
			}
			
				DIV.multimedia-projektor-element > IMG {
				
					width: 100%;
				
				}
			
			DIV.multimedia-projektor-sterowanie {
				
				position: relative;
				
				width: 100%;
				height: 24px;
				
				margin-top: 10px;
				
				text-align: left;
				
			}
			
				DIV.multimedia-projektor-wstecz {
					
					display: inline-block;
					
					width: 24px;
					height: 24px;
					
					position: relative;
					
					background: #51506a;
					
				}
				
					DIV.multimedia-projektor-wstecz-obraz {
						
						width: 24px;
						height: 24px;
						
						position: absolute;
						z-index: 1;
						
						text-align: center;
						
					}
				
						DIV.multimedia-projektor-wstecz-obraz > IMG {
						
							vertical-align: middle;
							
						}
						
					DIV#multimedia-projektor-wstecz-przeslona {
						
						width: 24px;
						height: 24px;
						
						background: #fff;
						opacity: 0.5;
						
						position: absolute;
						z-index: 2;
						
					}
				
				DIV.multimedia-projektor-wprzod {
					
					display: inline-block;
					
					width: 24px;
					height: 24px;
					
					position: relative;
					
					background: #51506a;
					
				}
				
					DIV.multimedia-projektor-wprzod-obraz {
						
						width: 24px;
						height: 24px;
						
						position: absolute;
						z-index: 1;
						
						text-align: center;
						
					}
				
						DIV.multimedia-projektor-wprzod > IMG {
							
							vertical-align: middle;
							
						}
						
					DIV#multimedia-projektor-wprzod-przeslona {
						
						width: 24px;
						height: 24px;
						
						background: #fff;
						opacity: 0.5;
						
						position: absolute;
						z-index: 2;
						
					}
	
DIV.multimedia {
	
	text-align: center;
	
}

	DIV.multimedia > DIV.zdjecie {
		
		display: inline-block;
		
		height: 150px;
		
		border: solid 1px #000;
		
		margin: 20px;
		
		cursor: pointer;
		
	}
	
		DIV.multimedia > DIV.zdjecie > IMG {
		
			height: 100%;
			
		}
		
@media screen and (max-width: 768px) {
    
	DIV.multimedia-projektor-rama {
		
		width: 100%;
		
	}
}