body{text-align:center; 

background: url('fonok.jpg') no-repeat top center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}  



   .shadow {margin:0 40% 0 40%;
    background: #fc0; 
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    padding: 20px;
	-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;

   }
   
   
   ul.menukos {
 margin: 0;
 padding: 0;
border: 1px solid #c4c4c4;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 display: inline-block;
 background-color: #e8e8e8;
 width: 99%;
 list-style-type: none;
}

ul.menukos li a {
 color:#000;
 padding: 6px 12px 6px;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 display: block;
 border-top: 1px solid #c4c4c4;
}

ul.menukos li a:hover {
 background-color: #550155;
 color:#fff;
}

ul.menukos li:first-child a {
 border-top: none;
}

ul.menukos li:first-child a:hover {
 border-radius: 6px 6px 0 0;
 -webkit-border-radius: 6px 6px 0 0;
 -moz-border-radius: 6px 6px 0 0;
}

ul.menukos li:last-child a:hover {
 border-radius: 0 0 6px 6px;
 -webkit-border-radius: 0 0 6px 6px;
 -moz-border-radius: 0 0 6px 6px;
}

ul.menuko {
 margin: 0;
 padding: 0;
border: 1px solid #c4c4c4;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 display: inline-block;
 background-color: #e8e8e8;
 width: 99%;
 list-style-type: none;
}

ul.menuko li a {
 color:#000;
 padding: 6px 12px 6px;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 display: block;
 border-top: 1px solid #c4c4c4;
}

ul.menuko li a:hover {
 background-color: #ff0000;
 color:#fff;
}


ul.menuko li:first-child a {
 border-top: none;
}

ul.menuko li:first-child a:hover {
 border-radius: 6px 6px 0 0;
 -webkit-border-radius: 6px 6px 0 0;
 -moz-border-radius: 6px 6px 0 0;
}

ul.menuko li:last-child a:hover {
 border-radius: 0 0 6px 6px;
 -webkit-border-radius: 0 0 6px 6px;
 -moz-border-radius: 0 0 6px 6px;
}