html,body {
      
      width: 100%;
      height: 100%;
	  margin: 0;
      padding: 0;
	  outline:none;
	  background: gray;
	  
}

#content {
      width: 960px;
      height: 1200px;
	  background: url(images/body.jpg);
      margin: 0 auto;
	  margin-top: 0;
}

p{
line-height:20px;
}

h1{
text-align: center;
font-size: 45px;
font-weight: normal;
color: #934d0b;

}

#menu {
position: absolute;
width: 160px;
height: 300px;
float: left;
margin-left:30px;
margin-top: 500px;
}


.pic {
      width: 310px;
	  background: url(images/pic.png);
	  position: absolute;
	  height: 70px;
      border: 0;
	  outline:none;
	  margin-top: 105px;
	  margin-left: 75px;
	  display:block;
}

.osaune {
      width: 160px;
	  height: 40px;
	  background: url(images/button.png);
      position: absolute;
	  font-size: 20px;
	  color: black;
      text-decoration: none;
	  outline:none;
      text-align: center;
      line-height:40px;  
	 
	  
}

.galereya {
      margin-top:50px;
      width: 160px;
	  height: 40px;
	  background: url(images/button.png);
      position: absolute;
	  font-size: 20px;
	  color: black;
      text-decoration: none;
	  outline:none;	
	  text-align: center;
      line-height:40px; 
      	  
	  
}

.grafic {
      margin-top:100px;
      width: 160px;
	  height: 40px;
	  background: url(images/button.png);
      position: absolute;
	  font-size: 20px;
	  color: black;
      text-decoration: none;
	  outline:none;	
	  text-align: center;
      line-height:40px; 
      	  
	  
}

.kontakti {
      margin-top:150px;
      width: 160px;
	  height: 40px;
	  background: url(images/button.png);
      position: absolute;
	  font-size: 20px;
	  color: black;
      text-decoration: none;
	  outline:none;	
	  text-align: center;
      line-height:40px; 
  
	  
}


#title {
      position: absolute;
	  width:570px;
	  height: 25px;
	  margin-top:260px;
	  margin-left:288px;
}

#leftblock {
      position: absolute;
	  width:570px;
	  height: 765px;
      background: none;
	  margin-top:360px;
	  margin-left:288px;
	  	  
}

#textblock{
      margin-left:0;
	  width:570px;
	  height: 765px;
	  overflow: auto;
	  font-size: 16px;
	  color: black;
      padding: 0;
	  text-decoration: none;
	  outline: none;
	  font-family: tahoma,Arial,helvetica,sans-serif;
	  
}

div.gallery
{
    margin-left:80px;
    overflow: auto;
	
}
div.gallery img
{
    border:none;
		
}

div.gallery a
{
    border:2px solid #CCCCCC;
	display:block;
    float:left;
    margin-right:13px;
    margin-bottom:13px;
    padding:0;    
}
div.gallery a img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	opacity: 0.8;
	
}

div.gallery a:hover img
{
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	opacity: 1;	
}




.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
outline: none;
}

.vscrollerbase {
margin-left: 20px;
width: 25px;
background-color: #212121;
outline: none;
}

.vscrollerbar {
width: 5px;
background-color: gray;
outline: none;
}

.hscrollerbase {
height: 10px;
background-color: white;
outline: none;
display:none;
}

.hscrollerbar {
height: 10px;
background-color: black;
outline: none;
display:none;
}


#counter {
 position:absolute;
 margin-top:1150px;
 margin-left: 800px;
 }