*{margin:0; padding:0 ;}
body{font:75% Arial, sans-serif;background:#6a7276 url(bg1.jpg) repeat-x ;color: #222;text-align:center;}
a {text-decoration: none; color: #0a5bb2;}
a:hover {text-decoration: underline; color: black;}
#header h1{font-size:1.6em;color:white;position:absolute;top:30px;left:200px;text-align:right;width:385px;}
h2{font-size:1.6em;margin:10px 0;}
small{font-size:0.8em;} table{font-size:1em;margin:10px 0;} td{vertical-align:middle;padding:1px 4px;}
input{vertical-align:middle;}
#page{ width:700px; margin:20px auto;text-align:left;position:relative;}
#header{height:80px;width:700px;background:#0a5bb2 url(header.jpg) no-repeat;}
#logo{background: url(rampelnik.png) no-repeat;position:absolute;top:20px;left:40px;width:90px;height:80px;}
#navcontainer{font-weight: bold;width:250px;float:left;background:url(bg2.jpg) repeat-x 0 -100px;}
#navcontainer div{list-style:none;padding:40px 0 40px 20px;background:url(bg2-top.jpg) repeat-x;}
#navcontainer a{display: block;line-height:22px;height:22px;padding:0 20px 0 15px;}
#navcontainer a.on{background:white;color:#666;}
#content{float:left;width:450px;background:#fff url(bg1-top.jpg) repeat-x ;}
#footer{font-size: 10pt;clear:both;padding:15px 15px;text-align:right;}
.maincontent{padding: 10px ;}
label{display: block; width: 38%;float:left;text-align:right; margin: 5px 3px 0 0;clear:both;}
.s0 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	text-align: center;	color: black;	background: lightgray;}
.s1 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	text-align: center;	color: black;	background: #ffffff;}
.s2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt; 	text-align:center;	color: white;background:#0a5bb2;}
.s3 {	font-family: Arial, Helvetica, sans-serif;	font-size: 10pt;	text-align: center;	color: black;	background: lightgreen;}
.sh {	font-family: Arial, Helvetica, sans-serif;	font-size: 12pt;	font-weight: bold;	text-align: center;	color:white;	background: #6a7276;}
.ph {font-size: 11px;}.note {color:#FF6666}
.fb {font-size: 11px;background: #ffffff;}
.fb{background:lightgray;}
.fb td{padding:15px 40px;color:black;}
.item{background: #0a8bc2 url(img/fade.gif) repeat-x bottom;
  padding: 0 10px ;
	height: 80px;
	margin-top: 5px;
        color:white;
	font-size: 10px;}
.item h3{ margin: 0 0 5px 0 ; float: left;}
.item strong{font-size: 2em;
  clear: both;
  width: 100%;
  color: #fcff00;
  display: block;
  text-align: right;
  line-height: 1em;
  height: 40px;}
.cloud{  background: url(img/ico_cloud.gif) no-repeat 2% 10%;}
.lightning{  background: url(img/ico_lightning.gif) no-repeat 2% 10%;}
.wind{  background: url(img/ico_wind.gif) no-repeat 2% 10%;}
.shining{  background: url(img/ico_shining.gif) no-repeat 2% 10%;}
.temperature{  background: url(img/ico_temperature.gif) no-repeat 2% 0%;}
.pressure{  background: url(img/ico_pressure.gif) no-repeat 0% 5%;}
.humidity{  background: url(img/ico_humidity.gif) no-repeat 0% 5%;}
.item strong span{  color: #fff;}
.direct{  background: url(img/direct.gif) no-repeat ;
  width: 66px;
  height: 66px;
	float: right;
  margin-top: 3px;
	padding: 14px 0 0 16px;
	text-align: left;}
.direct img{	display: block ;
	loat: left ;
	margin: 0 ;
	padding: 0 ;}
.button{  background: url(img/button.gif) no-repeat center center;
  color: white;
  font-weight: bold;
  line-height: 27px;
  padding: 0.6em 2.5em ;}
.w50p{width: 49%;}
.fl{float: left;}
.fr{float: right;}
.right{text-align: right;}
.center{text-align: center;}
.left{text-align: left;}
.break{clear: both; margin-bottom: 10px;}