﻿body {
	margin: 0;
	padding: 0;
	background-image: url('grafika/tlo.jpg');
	font: 12px Verdana, Arial, sans-serif;
	}
div#glowny {
	color: white;
	width: 760px;
	margin: 0 auto;
	padding: 0;
	background-image:url('grafika/tlog.jpg');
	z-index:1;
	}
div#naglowek {
	font-size:10px;
	width: 700px;
	top: 10px;
	margin:0px auto;
	text-align: right;
	position:relative;
	z-index: 11;
}
div#baner1 {
	position:relative;
	z-index: 8;
	top: -15px;
}
div#baner2 {
	position:relative;
	z-index: 9;
	top: -15px;
}
div#baner3 {
	position:relative;
	z-index: 10;
	top: -15px;
}
div#belka {
	margin: 0 auto;
	background-image:url('menu/s12.gif');
	width: 760px;
	height:22px;
	position: relative;
	top:-10px;
	z-index:110;
	}
div#menu {
	margin: 0 auto;
	width: 500px;
	height:22px;
	position: relative;
	top:-32px;
	z-index:120;
	text-align:center;
}
div#autor {
	position: relative;
	text-align:justify;
	width:700px;
	color:white;
	margin:0 auto 10px auto;
	top:0px;
	z-index:13;
}
div#stopka {
width:760px;
height: 22px;
margin:0 auto 0 auto;
position:relative;
top:0px;
background-image:url('menu/s12.gif');
z-index:30;
}
div#stopka p{
font: 90%/2 Verdana, Arial, sans-serif;
text-align:center;
font-weight:bold;
}
div#webdesing {
width:760px;
margin:0 auto 0 auto;
height: 1.4em;
position:relative;
top:0px;
background-image:url('grafika/tlog.jpg')
}
div#webdesing p {
font: 80%/2 Verdana, Arial, sans-serif;
margin: 0 40px;
color:#FFF;
text-align:center;
letter-spacing:2px;
}
A.top:link
	{
	font-weight: normal;
	color: white;
	text-decoration: none;
	}
A.top:visited
	{
	font-weight: normal;
	color: white;
	text-decoration: none;
	}
A.top:hover
	{
	font-weight: bold;
	color: white;
	text-decoration: none;
	}
A.top:active
	{
	font-weight: bold;
	color: white;
	text-decoration: none;
	}
#galleryh {
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:477px; 
  height:400px; 
  border:1px solid #888; 
  background-image:url('grafika/foto/guma/guma1.jpg');
  background-color:gray;
  background-repeat:no-repeat;
  position:relative;
  }
#galleryh li {
  float:right;
  }
#galleryh li a {
  display:block; 
  height:400px;
  width:35px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryh li a img {
  width:35px; 
  height:400px; 
  border:0;
  }
#galleryh li a:hover { 
  width:302px;
  }
#galleryh li a:hover img {
  width:302px;
  }
#galleryb {
  padding:0; 
  margin:0 auto; 
  list-style-type:none; 
  overflow:hidden; 
  width:442px; 
  height:400px; 
  border:1px solid #888; 
  background-image:url('grafika/foto/brom/brom1.jpg');
  background-color:gray;
  background-repeat:no-repeat;
  position:relative;
  }
#galleryb li {
  float:right;
  }
#galleryb li a {
  display:block; 
  height:400px;
  width:35px; 
  float:left; 
  text-decoration:none; 
  border-right:1px solid #fff; 
  cursor:default;
  }
#galleryb li a img {
  width:35px; 
  height:400px; 
  border:0;
  }
#galleryb li a:hover { 
  width:302px;
  }
#galleryb li a:hover img {
  width:302px;
  }

