/*climate*/
       #headertop ul {
 list-style-type: none;
 padding:0;
 margin:0;
 background:none;
 position:relative;
 height:15px;
 left:0px;
 top:0;
 vertical-align:top;
 width:960px;
 }
 
  #headertop ul li{
 
 display: inline;
 float: left;
 height: 15px;
 padding:0 8px 3px 0;
 font-size:11pt;
}
 

     #groups {
	vertical-align:top;
	float:left;
	font-family: 'OpenSansRegular';
	font-size:10pt;
	 color:#019796;
	width:720px;
	position:relative;
	height:50px;
   
	background-color:#fcfaef;
	-webkit-box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);
box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);
-mox-box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);     

}
	
	#cloud {
	float:left;
	height:50px;}
	
	#cloud .cloudtop {
	height:19px;
	padding-left:14px;
	
	padding-top:3px;
	}
		
	#cloud .cloudbottom {
	height:24px;
	
	}
	
	#tempmax {
	float:left;
	height:37px;
	padding-left:46px;
	padding-right:13px;
	padding-top:3px;
	}
	
	#tempmin {
	float:left;
	height:37px;
	padding-left:43px;
	padding-right:0px;
	padding-top:3px;
	}
	
	#rain {
	float:left;
	height:37px;
	padding:3px 0 0 106px;
	}
    #bottomrightclimate {
     width:960px;
    height:600px;
    position:relative;
    }
       #innercontainerclimate {
    margin-left:-45px;
    width:750px;
    height:517px;
    float:left;
     margin-right:112px;
   }
   
   #innercontainerstat {
	margin-left: -45px;
	width: 532px;
	height: 453px;
	float: left;
	margin-right: 112px;
}

#produceslider {
   width:710px;
   margin-right:240px;
   height:470px;
   position:relative;}
   
#rain2 {
   width:720px;
   margin-right:240px;
   height:360px;
   position:relative;}
    
#slidepanel {
position:relative;
width:750px;
height:517px;}

#slidepanelstat {
position:relative;
width:532px;
height:453px;}

#sidepanelimg {position:absolute;top:5px;right:5px;z-index:10;}

 #columnadvertclimate {
	position:absolute;
	top:0px;
	right:0;
	width: 220px;
	height: 560px;
	background:#E8D3A0;
	padding:5px 5px 0 5px;
		-webkit-box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);
box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);
-mox-box-shadow: 8px 10px 15px 0px rgba(102, 102, 102, 0.6);     

;
    background: #F7ECCF; /* Old browsers */
background: -moz-linear-gradient(top, #F7ECCF 0%, #e8d3a0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F7ECCF), color-stop(100%,#e8d3a0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,#F7ECCF 0%,#e8d3a0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #F7ECCF 0%,#e8d3a0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #F7ECCF 0%,#e8d3a0 100%); /* IE10+ */
background: linear-gradient(to bottom, #F7ECCF 0%,#e8d3a0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7ECCF', endColorstr='#e8d3a0',GradientType=0 ); /* IE6-9 */



	}