<div id="header">

<div id="bg-menu">

<ul>
<li> <a href="/"> <img src="img/home.png" class="home"/></li></a>
<li> <a href="/"> <img src="img/sovety.png" class="soveti"/></li></a>
<li> <a href="/"> <img src="img/smu.png" class="smu"/></li></a>
<li> <a href="/"> <img src="img/prokat.png" class="prokat"/></li></a>
<li> <a href="/"> <img src="img/kontakts.png" class="kontakts"/></li></a>
</ul>

</div><!-- #bg-menu"-->



<div id="photos">
<div> <li> <a href="/"><img src="img/zima.jpg" class="zima"/></li></a> </div>
<div> <li> <a href="/"><img src="img/osen.jpg" class="osen"/></li></a> </div>
<div> <li> <a href="/"><img src="img/leto.jpg" class="leto"/></li></a> </div>
<div> <li> <a href="/"><img src="img/vesna.jpg"class="vesna"/></li></a> </div>


</div><!-- #photos"-->

</div><!-- #header-->

----------------------------bg-menu----------------------------------------------*/
#bg-menu li {
display:inline;
list-style:none;
}

.home {
width: 156px;
right:47px;
float:left;
margin-left: 30px;

}
.soveti {
width: 141px;
right:47px;
float:left;

}
.smu {
width: 187px;
right:47px;
float:left;

}
.prokat {
width: 136px;
right:47px;
float:left;

}
.kontakts {
width: 173px;
right:47px;
float:left;
}


/*
----------------------------photos-pogoda----------------------------------------------*/

.photos li {
list-style:none;
display:inline;
}

.zima {
width: 215px;
right:127px;
float:right;
margin-top:310px;

}
.osen {
width: 213px;
right:131px;
float:right;
margin-top:310px;
}

.leto {
width: 212px;
right:127px;
float:right;
margin-top:310px;

}
.vesna{
width: 213px;
right:131px;
float:right;
margin-top:310px;
}


/*
----------------------------content-img----------------------------------------------*/