body{
  margin: 0;
  padding: 0;
  min-width: 1024px;
  max-width: 1280px;
  font-size: x-small;
  font-family: Tahoma;
  background-color: #fff4cf;
  background-image: url("img/bg_main.png");
  background-repeat: repeat-x;
}
a img {border-width: 0px;}
#logo{
  position: absolute;
  left: 5%;
  top: 45px;
  width: 189px;
  height: 59px;
  margin: 0 0 0 30px;
}
#main{
  border-top: 1px solid #FFF;
  margin: 150px 5% 50px 5%;
  padding-right: 20px;
  background-color: #FFF;
  background-image: url("img/bg_content.gif");
  background-repeat: repeat-x;
}
#main h1{
  float: left;
  margin: 20px 0 0 25px;
  padding: 2px 20px 2px 10px;
  color: #FFF;
  font-size: 1.8em;
  font-weight: 500;
  background-image: url("img/header_l.gif");
  background-position: right 50%;
  background-repeat: no-repeat;  
}

#left {
  float: left;
  width:55%;
}
#current{ margin-left: 30px; clear: left;}

#now {width: 150px;}
div#now {margin-left: 40px; padding-top: 7px; clear: left;}
div#now span{
  font-style: normal;
  font-size: 1.2em;
  color: #406fb8;
  padding-left: 4px;
  font-weight: bold;
}
#now dt{
  width: 100px;
  margin: 15px 0 0 0;
  color: #575a52;
  font-size: 1.4em;
  font-weight: bold;
}
#now dd.pogoda_pic{
  width: 140px;
  margin: 20px 0 30px 10px;
  padding: 15px 0 15px 0;
  color: #406fb8;
  font-size: 1.6em;
}
#now dd{
  margin: 0 0 0 10px;
  font-size: 1.2em; 
}
#now dd span{
  font-weight: bold;
}

#noon{
  width: 300px;
  padding: 50px 0 0 30px;
  font-size: 1.2em; 
}
#noon p, #eve p {height: 50px;}
#eve{
  width: 300px;
  padding-left:30px;
  font-size: 1.2em; 
}
#futureweather{
  margin: 20px 0 0 30px;
  border-top: 2px solid #ddd;
  padding-top: 15px;
  }

#futureweather h4{
  width: 300px;
  margin: 0 0 20px 0;
  color: #575a52;
  font-size: 1.4em;
}
#futureweather h5{
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 12px;
  font-size: 1.3em;
  color: #406fb8;
  background: url("img/bullet_arrow.gif") left 50% no-repeat;
}
#futureweather table{
  font-size: 1.3em;
  margin: 10px 0 10px 20px;
  border-collapse: collapse;
  border-width: 0;
}
caption {
  margin: 5px 0 5px 0;
  padding: 5px 0 5px 12px;
  font-size: 1.3em;
  color: #406fb8;
  background: url("img/bullet_arrow.gif") left 50% no-repeat;
  text-align: left;
}
td{
  padding-left: 10px;
  padding-right: 10px;
}
td span{
  font-style: normal;
  font-size: 1.2em;
  color: #406fb8;
  padding-left: 4px;
  font-weight: bold;
}
.pogTable td {width: 110px; text-align: center;}
.row{
  padding: 60px 10px 5px 10px;
  border: 1px solid #e8e8e8;
}
.sunny{
  background: url("img/sunny-clear.gif") 50% 10% no-repeat;  
}
.sunny_l{
  background: url("img/sunny-clear_l.gif") right top no-repeat;  
}
.moon{
  background: url("img/moon-clear.gif") 50% 10% no-repeat;  
}
.moon_l{
  background: url("img/moon-clear_l.gif") right top no-repeat;  
}
.suncl{
  background: url("img/sunny-cloudy.gif") 50% 10% no-repeat;  
}
.suncl_l{
  background: url("img/sunny-cloudy_l.gif") right top no-repeat;  
}
.mooncl{
  background: url("img/moon-cloudy.gif") 50% 10% no-repeat;  
}
.mooncl_l{
  background: url("img/moon-cloudy_l.gif") right top no-repeat;  
}
.cloudy{
  background: url("img/cloudy.gif") 50% 10% no-repeat;  
}
.cloudy_l{
  background: url("img/cloudy_l.gif") right top no-repeat;  
}
.rain{
  background: url("img/heavy-rain.gif") 50% 10% no-repeat;  
}
.rain_l{
  background: url("img/heavy-rain_l.gif") right top no-repeat;  
}
.lightrain{
  background: url("img/light-rain.gif") 50% 10% no-repeat;  
}
.lightrain_l{
  background: url("img/light-rain_l.gif") right top no-repeat;  
}
.lightning{
  background: url("img/lightning.gif") 50% 10% no-repeat;  
}
.lightning_l{
  background: url("img/lightning_l.gif") right top no-repeat;  
}
.rainsnow{
  background: url("img/rainsnow.gif") 50% 10% no-repeat;  
}
.rainsnow_l{
  background: url("img/rainsnow_l.gif") right top no-repeat;  
}
.snow{
  background: url("img/snow.gif") 50% 10% no-repeat;  
}
.snow_l{
  background: url("img/snow_l.gif") right top no-repeat;  
}

/*======================== Right ==========================*/
#right{
  float: right;
  width: 360px;
  border-left: 1px solid #ddd;
}
#right ul{
  display: block;
  height: 560px;
  margin: 0;
  padding: 13px 0 0 0;
  font-size: 1.3em;
  list-style: none;
}
#right ul li{
  padding: 2px 0 0 20px;
}
#right ul a{
  color: #4c4c4c;
}
#right li.current-cat a{
  color: #ffffff;
  text-decoration: none;
  padding-left: 10px;
  background: url("img/menu_arrow.gif") center left no-repeat;
}

#rightmenu{
  margin-left: 20px;
  float: right;
  position: relative;
  top: -21px;
  width : 160px;
  height: 750px;
}
#leftmenu{
  float: right;
  position: relative;
  top: -21px;
  width : 160px;
  height: 750px;
}
h2{
  margin: 0;
  font-size: 1.3em;
}
h2 b{
  position: relative;
  display: block;
  margin: 0 0 0 13px;
  padding: 2px 0;
}
#leftmenu h2{
  color: #6a8b40;
  background: url("img/menu_top3_l.gif") top left no-repeat;
}
#leftmenu h2 b{
  background: url("img/menu_top3_r.gif") top right no-repeat;
}
#leftmenu ul {
  background: #a0c84f url("img/bg_menu1.gif") top left repeat-x;
    border-left: 1px solid #e2e2e2;
}
#rightmenu h2{
  color: #4e7da4;
  background: url("img/menu_top4_l.gif") top left no-repeat;
}
#rightmenu h2 b{
  background: url("img/menu_top4_r.gif") top right no-repeat;
}
#rightmenu ul {
  background: #88c2f3 url("img/bg_menu2.gif") top left repeat-x;
}

#rightmenu2{
  width : 160px;
  height: 190px;
  margin: -22px 0 0 0;
    background: url("img/menu_bottom2.gif") bottom left no-repeat;  
}
#rightmenu2 h2{
  color: #b06d48;
  background: url("img/menu_top2_l.gif") top left no-repeat;
}
#rightmenu2 h2 b{
  background: url("img/menu_top2_r.gif") top right no-repeat;
}
#rightmenu2 ul {
  height: 130px;
  background: #feb186 url("img/bg_menu4.gif") top left repeat-x;
}
#leftmenu2{
  width : 160px;
  height: 190px;
  margin: -22px 0 0 0;
  background: url("img/menu_bottom1.gif") bottom left no-repeat;  
}
#leftmenu2 h2{
  color: #8b7940;
  background: url("img/menu_top1_l.gif") top left no-repeat;
}
#leftmenu2 h2 b{
  background: url("img/menu_top1_r.gif") top right no-repeat;
}
#leftmenu2 ul {
  height: 130px;
  background: #ffdb6d url("img/bg_menu3.gif") top left repeat-x;
}

/*======================== Form ==========================*/
#right form{
  float: left;
  width: 100%;
  margin: 0 0 0 20px;
  padding: 0 0 0 0;
  font-size: 1.3em;
  font-weight: 600;
  color: #818181;
}
#right table{
  margin: 10px 0 0 0;
  border-collapse: collapse;
}
#right #searchfield{
  height: 14px;
  margin: 0;
}
#right #ok{
  height: 22px;
  margin: 0 0 0 20px;
}
#currentcity{
  float: left;
  width: 110px;
  height: 50px;
  margin: 30px 0 0 20px;
  padding: 3px 0 0 10px;
  border: 1px solid #dfdfdf;
  background: url("img/sunny-cloudy.gif") top right no-repeat;
}
#currentcity h3{
  margin: 0;
  font-size: 1.4em;
  color: #7ec149;
}
#currentcity p{
  margin: 5px 0 0 0;
  font-size: 1.2em;
}
#currentcity b{
  color: #406fb8;
}
#footer {
text-align: center;
font-size: 1.2em;
}
#footer a {
display: block;
padding-bottom: 5px;
}
.separator {clear: both;}
div#send_mail {
padding: 10px 20px;
}
#send_mail h2 {
font-size: 1.5em;
}
#send_mail dt{
font-size: 1.3em;
color: #575a52;
padding: 10px 0 5px 0;
}