html{
	background-image: url(paski.gif);
	
	
	font-family: Halvetica, Verda;


	

}


h1{

	margin: auto;
	text-align: center;
	color: black;
	border-radius: 50%;
	box-shadow: 2px  4px gold, -2px -4px gold;
	border-color: black;
	border-width: 2px;
	border: thin solid black;
	width: 500px;
	text-shadow: 2px 4px gold;
	background-color: white;
	height: 40px;
	
}
h2{
padding: 10px;
	 
	color: black;
	box-shadow: 2px 2px 2px inset white, -2px -2px  2px inset gray;
	border-bottom-style: solid;
	border-bottom-color: gray;
	border-right-style: solid;
	border-right-color: gray;
	background-color: #d1d1d1
	
}
	body{
	height: auto;		
		width:1000px;
		margin: 0px auto;
		background-color: #b8b8b8;
	}
	div#ramka		{
	border: 6px double orange;
	width: 990px;
	height: 200px;
	position: relative;
	box-shadow: 5px 5px 2px inset gray, -5px -5px  2px inset gray;
}
	div#pusty		{
	
	border: 4px solid orange;
	box-shadow: 2px px grey;
	width: 150px;
	height:150px;
	background-color: rgba(0,255, 255, 0.4	);
	position:absolute;
	
	
}

.obr{
	position: relative;
	border: 4px solid orange;
	box-shadow: 2px 2px grey;
	border-radius: 0px 75% 0px 75%;
}

img#obr5
{
	position: absoulte;
	top:15px;
	left:300px;
}
img#obr6
{
	position: absoulte;
	top:80px;
	left:300px;
}
img#obr7
{
	position: absoulte;
	top:50px;
	left:300px;
}
img#obr8
{
	

	position: absoulte;
	top:60px;
	left:300px;
}
#mik{
	position: fixed;
	right: 200px;
	 opacity: 0.5;
}

a{
	
		
	
	
	
	font-size: xx-large;
	font-family: Halvetica, Verda, sans-serif;
	text-decoration: none;
	font-weight: 600;
}
a:visited {
color:green;

}
a:hover{
	color:red;
}
a:link{
	
	color:aqua;
}
a:active{
	background-color: fuchsia;
}