div#nav {
    position: fixed;
    right: 0;
    left: 0;
    top: 0;
    margin: 0 0 0 0;
    background: hsla(40, 70%, 40%, 0.7);
    color: white;
    font-size: large;
    text-align: left;
    border-right: none;
    padding: 0em 1em 0em 0em;
    box-shadow: 0 1px 3px black;
    border-radius: 0em 0em 2em 0em;
    float: left;
}

h1 { color: hsl(40, 70%, 40%);
    }

body {color: hsl(40, 70%, 40%);
      font-family: 'Open Sans',"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-image:url('img/bg.jpg');
   }

div#nav  h1 { color:maroon;
	     }

div#nav  a { color:white;
	     text-decoration:none;
	     }

div#nav  a:hover { color:grey;
	     }

div#nav  ul { 
  float: left;
  margin: 0px;
}

div#nav span{
 float: left;
}

div#nav  li { 
  list-style:none;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

div#nav  li.sel { 
  font-weight: bold;
}

div#nav  span.r{ 
  float:right;
}

ul.grid li {
 position:relative;
 list-style: none;
 border: 1px solid #CCCCCC;
 background: hsl(40, 50%,50%);
 margin: 5px;
 padding: 5px;
 float: left;
 text-align: center;
 font-size: small;
}

ul.grid li:hover {
 background:  hsl(60, 70%, 40%);
}

div#itmlst h1 {
 clear:left;
 margin-top:30px;
 margin-bottom:10px;
}
div#itmlst  a {
    text-decoration:none;
}

img.imV{
 visibility:hidden;
 position:absolute;
 right:5px;
 bottom:70px;
 margin-bottom:0px;
 margin-right:0px;
 border: 0px;
}

img.imI{
 visibility:hidden;
 position:absolute;
 right:5px;
 bottom:10px;
 margin-bottom:0px;
 margin-right:0px;
 border: 0px;
}

div#itmlst li:hover img.imV{
visibility:visible;
}

div#itmlst li:hover img.imI{
visibility:visible;
}


div#descr {
position:absolute;
width:39%;
right:0;
top:30px;
}

img#afb  {
 position:absolute;
 width:60%;
 left:0;
 top:30px;
}

div#addimg {
overflow: auto;
border: 1px solid #CCCCCC;
position:relative;
height:220px;
}

div#addimg img{
height: 100px;

}