/* MENU */


.graf{
 display: block; 
 width: 564px;
 height: 96px;
}

.graf ul{
 margin:0;
 padding:0;
 list-style-type:none;
}

.graf li
{
 display:block;
 float:left;
 margin-right:0px;
 width: 141px;
 border: none;
}

.graf li.list1
{
background:url("img/graf1.jpg") no-repeat;
}

.graf li.list2
{
background: url("img/www1.jpg") no-repeat;
}

.graf li.list3
{
background: url("img/ref1.jpg") no-repeat;
}

.graf li.list4
{
background: url("img/kont1.jpg") no-repeat;
}

.graf a{
display:block;
width:141px;
padding-top:80px;
padding-bottom:0px;
text-decoration:none;
text-align:center;
font-size: 12px;
}

.graf a.polozka1
{
background:transparent url("img/graf2.jpg") -141px no-repeat;
font-weight: bold;
}

.graf a.polozka2
{
background:transparent url("img/www2.jpg") -141px no-repeat;
font-weight: bold;
}

.graf a.polozka3
{
background:transparent url("img/ref2.jpg") -141px no-repeat;
font-weight: bold;
}

.graf a.polozka4
{
background:transparent url("img/kont2.jpg") -141px no-repeat;
font-weight: bold;
}

.graf a.polozka1:hover
{
background-position:top right; z-index:50; color:#0b1b3f;
}

.graf a.polozka2:hover
{
background-position:top right; z-index:50; color:#0b1b3f;
}

.graf a.polozka3:hover
{
background-position:top right; z-index:50; color:#0b1b3f;
}
.graf a.polozka4:hover
{
background-position:top right; z-index:50; color:#0b1b3f;
}

.graf a:link {
  border: none;
  color: #0b1b3f;
}

.graf a:visited {
  border: none;
  color: #0b1b3f;
}

li a{ 
  outline: 0;
 }