body {
   background: #fff url(img/tlo.png) repeat;
   margin:0 auto;
   margin-top: 20px;
   font-size: 13px;
   font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   position: relative;
   width: 100%;
   min-height: 100%;
   left: 0;
   top: 0;
   cursor:default;
   #overflow:hidden;
        }

div {
                font: verdana 12px #000;
                #position:relative;
        }

#strona {
                margin:0 auto;
                padding:0 5px 0 5px;
                position:relative;
                width:1000px;
				border: solid 1px #black;
                #background: #fff url(img/tlo.png) repeat;
                text-align:left;
                clear: both;
				border-radius: 20px;
				z-index: 555;
        }
		
		
		
#container {
                margin:115px auto;
                #padding:20px 20px 0px 20px;
                position:relative;
                width:1000px;
				height: 470px;
				#border: solid 1px #808080;
                #background: #fff url(img/tlo.png) repeat;
                text-align:left;
                clear: both;
				border-radius: 10px;
        }
#containerr {
                margin:0 auto;
                #padding:20px 20px 0px 20px;
                position:relative;
                width:1000px;
				height: 770px;
				border: solid 1px #808080;
                background: #fff url(img/tlo3.jpg) no-repeat;
                text-align:left;
                clear: both;
				border-radius: 10px;
        }
		
#container1 {
                margin:0 auto;
                #padding:20px 20px 0px 20px;
                position:relative;
                width:1000px;
				height: 770px;
				border: solid 1px #808080;
                background: #fff url(img/tlo5.jpg) no-repeat;
                text-align:left;
                clear: both;
				border-radius: 10px;
        }
		
#container2 {
                margin:0 auto;
                #padding:20px 20px 0px 20px;
                position:relative;
                width:1000px;
				height: 570px;
				border: solid 1px #808080;
                background: #fff url(img/tlo_szafy.jpg) no-repeat;
                text-align:left;
                clear: both;
				border-radius: 10px;
        }
		
#krat-1	{
				#float: right;
				#width:150px;
                #height:150px;
				#border: solid 1px black;
                #margin-bottom:10px;
				top: 160px;
				left: 780px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				#clear: both;
				#background-color: black;
				#z-index: 5;
			}
		
#krat-2	{
				#float: right;
				#width:150px;
                #height:150px;
				#border: solid 1px black;
                #margin-bottom:10px;
				top: 318px;
				left: 770px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				#clear: both;
				#background-color: black;
				#z-index: 6;
			}

#krat-3	{
				#float: right;
				#width:150px;
                #height:150px;
				#border: solid 1px black;
                #margin-bottom:10px;
				top: 480px;
				left: 765px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				#clear: both;
				#z-index: 7;
			}
			
#krat-11 { top: 220px; left: 470px; }
#krat-22 { top: 200px; left: 625px; }
#krat-33 { top: 180px; left: 780px; }
			
#opis	{
				float: left;
				width:450px;
                height:250px;
				#border: solid 1px black;
                margin-bottom:10px;
				margin-top: 500px;
				margin-left: 30px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				position: absolute;
				clear: both;
				z-index: 8;
				overflow: auto;
				word-wrap: break-word;
			}
			
#opiss	{
				float: left;
				width:450px;
                height:250px;
				#border: solid 1px black;
                margin-bottom:10px;
				margin-top: 450px;
				margin-left: 500px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				position: absolute;
				clear: both;
				z-index: 8;
				overflow: auto;
				word-wrap: break-word;
			}
			
#opis1	{
				float: left;
				width:450px;
                height:250px;
				#border: solid 1px black;
                margin-bottom:10px;
				margin-top: 350px;
				margin-left: 500px;
				#box-shadow: 5px 5px 10px;
				#border-radius: 10px;
				position: absolute;
				clear: both;
				z-index: 8;
				overflow: auto;
				word-wrap: break-word;
			}
			
#menu		{		
				background: grey; 
				width: 140px; 
				height: 170px; 
				position: absolute; 
				left: -15px; 
				top: 20px;
				border-radius: 10px;
				padding-left: 15px;
				z-index: -1;
				box-shadow: #808080 2px 2px 2px;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				
		}
		#menu:hover
		{
				left: -40px;
		}

#menu1		{		
				background: #7093DB; 
				width: 140px; 
				height: 170px; 
				position: absolute; 
				left: -15px; 
				top: 200px;
				border-radius: 10px;
				padding-left: 15px;
				z-index: -1;
				box-shadow: #808080 2px 2px 2px;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				
		}
		#menu1:hover
		{
				left: -40px;
		}	
		
#menu2		{		
				background: #009900; 
				width: 140px; 
				height: 170px; 
				position: absolute; 
				left: -15px; 
				top: 380px;
				border-radius: 10px;
				padding-left: 15px;
				z-index: -1;
				box-shadow: #808080 2px 2px 2px;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				
		}
		#menu2:hover
		{
				left: -40px;
		}

#menu4		{		
				background: #E47833; 
				width: 140px; 
				height: 170px; 
				position: absolute; 
				left: -15px; 
				top: 560px;
				border-radius: 10px;
				padding-left: 15px;
				z-index: -1;
				box-shadow: #808080 2px 2px 2px;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				transition: all 0.5s ease-in-out;
				
		}
		#menu4:hover
		{
				left: -40px;
		}		
		
#menu3 {
                clear:both;
                text-align:center;
				#margin-top: 230px;
				#margin-bottom:20px;
				#margin-right: 80px;
				font-size: 10px;
				font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
				font-weight: normal;
				font-style: normal;
}		
		
#stopka {
                clear:both;
                text-align:right;
				margin-top: 25px;
				margin-bottom:20px;
				margin-right: 85px;
				font-size: 8px;
				font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
				font-weight: normal;
				font-style: normal;
}

a {text-decoration: none; color:#333; text-shadow: 0px 0px 1px #333;}
a:hover {color:red;}

.image-lightbox img {
	/* Dziedziczenie szerokości i wysokości od głównego elementu */
	width: inherit;
	height: inherit;
	z-index: 3000;
}
 
.holder {
	/* wysokość i szerokość można zmienić */
	width: 150px;
	height: 150px;
	float: left;
	margin: 0 20px 0 0;
}
 
.image-lightbox {
	/* Dziedziczenie szerokości i wysokości z .holder */
	width: inherit;
	height: inherit;
	padding: 10px;
	#box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	#background: #fff;
	border-radius: 5px;
	position: absolute;
	top: 0;
	font-family: Arial, sans-serif;
	/* Przejścia */
	-webkit-transition: all ease-in 0.5s;
	-moz-transition: all ease-in 0.5s;
	-ms-transition: all ease-in 0.5s;
	-o-transition: all ease-in 0.5s;
}

.image-lightbox span {
	display: none;
}
 
.image-lightbox .expand {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 4000;
	background: rgba(0,0,0,0); /* naprawia błąd w IE */
	left: 0;
}
 
.image-lightbox .close {
	position: absolute;
	width: 20px; height: 20px;
	right: 20px; top: 20px;
}
 
.image-lightbox .close a {
	height: auto; width: auto;
	padding: 5px 10px;
	color: #fff;
	text-decoration: none;
	background: #22272c;
	box-shadow: inset 0px 24px 20px -15px rgba(255, 255, 255, 0.1), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 30px rgba(255,255,255,0.4);
	border-radius: 5px;
	font-weight: bold;
	float: right;
}
 
.image-lightbox .close a:hover {
	box-shadow: inset 0px -24px 20px -15px rgba(255, 255, 255, 0.01), inset 0px 0px 10px rgba(0,0,0,0.4), 0px 0px 20px rgba(255,255,255,0.4);
}

div[id^=krat]:target {
    width: 550px;
    height: 550px;
    z-index: 5000;
    top: 50px;
    left: 300px;
}
div[id^=krat]:target .close {
    display: block;
}
 
div[id^=krat]:target .expand {
    display: none;
}
 
div#krat-3:target, div#krat-2:target, div#krat-1:target, div#krat-33:target, div#krat-22:target, div#krat-11:target { left: 200px; top: 170px;}



a img {
		border: 0;
	}


p {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
}

p1 {
	color:#333;
	border:0px solid red;
	#white-space:nowrap;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
	#clear: both;
	#overflow: auto;
}

p2 {
	color:#333;
	border:0px solid red;
	#white-space:nowrap;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:16px;
	font-weight: bold;
	text-shadow: 0px 0px 1px #333;
	#clear: both;
	#overflow: auto;
}

li {
	color:#333;
	list-style-type: circle;
	border:0px solid red;
	#white-space:nowrap;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
	#clear: both;
	#overflow: auto;
	}