#banner{
background-position:top;
background-repeat:no-repeat;
position:absolute;
top:1%;
left:150px;
width:955px;
height:400px;
z-index:3;}

#menyu{
position:absolute;
left:150px;
top:330px;
width:957px;
height:50px;
z-index:3;}

#vhodd{
position:absolute;
left:150px;
top:378px;
width:957px;
height:100px;
z-index:2;}

#dobro{
position:absolute;
left:155px;
top:480px;
width:245px;
height:49%;
z-index:1;}

#ttext{
position:absolute;
left:405px;
top:488px;
width:695px;
height:60%;
overflow: visible;
z-index:2;}

#clock{
position:absolute;
left:225px;
top:600px;
width:7%;
height:4%;
z-index:4;}


.menu{
font-family:arial, sans-serif;
width:100%;
height:100px;
position:relative;
font-size:20px;
align:center;
z-index:100
}
.menu ul li a{ 
display:block;
text-decoration:none;
color:#000;
width:237px;
height:45px;
text-align:center;
color:#FFFF99;
border:1px solid #FFFF99;
background:#330099;
line-height:40px;
font-size:20px;
overflow:hidden
}

.menu ul li ul a:visited{
display:block;
text-decoration:none;
color:#000;
width:237px;
height:35px;
text-align:center;
color:#FFFF99;
border:1px solid #FFFF99;
background:#330099;
line-height:40px;
font-size:15px;
overflow:hidden
}


.menu ul{
padding:0;
margin:0;
list-style:none
}
.menu ul li{
float:left;
position:relative}
.menu ul li ul{
display:none
}
.menu ul li:hover a{
color:#fff;
background:#36f
}
.menu ul li:hover ul{
display:block;
position:absolute;
top:46px;
left:0;
width:105px
}
.menu ul li:hover ul li 
a{
display:block;
background:#CCCCFF;
color:#FFFF00
}
.menu ul li:hover ul li 
a:hover{
background:#FFFFCC;
color:#000066
}




body {
background-image:url(image/fon.jpg); 
background-attachment: fixed;
font-size:20px;


a:link{color:#0000CC;text-decoration:underline;}
a:active {color:#FFFF33;text-decoration:none;}
a:visited{color:#FF9999;text-decoration:none;}
a:hover{color: #FFFF00;text-decoration:none;}}