body{
font-size:18px;
padding:0px;
margin:0px;
/*text-align:center;*/
font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
/*background-color:#eee;background: url("http://www.6design.pl/wp-content/themes/responsy-v3.3/img/background/body-light.jpg");*/
}
#list {
width:900px;
margin:auto;	
}
#top{
width: 100%;
margin: 0px;
padding: 5px;
position: fixed;
top: 0px;
bottom: 0px;
left: 0px;
right: 0px;
z-index: 1;
color:#ddd;
background-color:#226699;/* linear-gradient(to top, #226699 0%, #4488bb 100%);*/
background-image:url('https://zdalne.weblukasz.pl/img/clouds3.jpg');
background-repeat: no-repeat;
background-position: center;
border: 0px solid  #115588;
filter:alpha(opacity=90);
-moz-opacity:0.9;
opacity: 0.9;
border-bottom-width: 1px;
-moz-box-shadow: 3px 3px 3px #BBB;
-webkit-box-shadow: 3px 3px 3px #BBB;
box-shadow: 3px 3px 3px #BBB;
}
.selected {
height: 200px;	
}
.list {
height: 50px;	
}
#top div{
width:900px;
margin:auto;	
}
#top h1 {
height:42px;
padding:0px;
margin-top:5px;
margin-bottom:5px;
font-size:32px;
color:#fff;
text-shadow: 0px 0px 4px #FFF;
}
#top h1 a{
color:#fff;
text-decoration:none;
}
#main{
background-color: #FFF;
width:900px;
margin:auto;
margin-top:240px;
}
#main h2{
color:#226699;	
}
#top fieldset {
float: left;
height: 90px;
padding:5px;
margin:0px;
margin-right: 10px;
overflow: hidden;
border:2px solid #88ccff;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
#top fieldset i {

display:block;
font-size:14px;
color:#ddd;
position:relative;
top:-5px;
}

#top fieldset b {
float: right;
font-size:58px;
color:#fff;
position:relative;
bottom:8px;
}
#top legend {
color: #88ccff;
font-size:22px;	
}
#sensors_list {
margin: 0px;
padding: 0px;
list-style: none;
font-size:18px;
overflow:hidden;
float:right;
position:relative;
top:5px;	
}
#sensors_list li {
float:right;
padding:0px;
margin:0px;
margin-left:20px;
margin-right:10px;	
}
#sensors_list li img {
width:42px;
height:42px;
border-width:0px;	
}
#list {
color:#333;
margin-top: 100px;
}
#stations_list {
list-style: none;
width:640px;
padding:0px;
/*margin:auto;*/
}
#stations_list > li {
margin-bottom:10px;
background-color:#E0E0E0;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#stations_list > li > span {
font-size:12px;
color:#999;
float:right;
position:relative;
top:4px;
border: 0px solid #88ccff;
padding-left:4px;
border-left-width:2px;
}
#stations_list > li > a {
color:#226699;
font-size:28px;
/*font-weight: bold;*/
text-decoration:none;
}
#stations_list > li > a:before {
color: #FFF;
background-color:#226699;
content: "WX";
margin-right: 5px;
padding:2px;
position: relative;
bottom:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
font-size:16px;
font-weight:bold;
}

#stations_list ol {
list-style:none;
overflow:hidden;
background-color:#fbfbfb;
margin:0px;
margin-top:5px;
padding:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
box-shadow:#BBB 0 0 6px 0 inset;
}
#stations_list ol > li {
float: left;
height:24px;
margin:0px;
margin-right:20px;
padding:0px;
}
#stations_list ol > li > img {
width:24px;
height:24px;
}
#stations_list ol > li > span {
color:#004477;
font-size:24px;
position:relative;
bottom:4px;
}
.banner {
	/*
border: 2px solid #ffff33;
padding:2px;
-moz-border-radius:10px 0px 10px 0px;
-webkit-border-radius:10px 0px 10px 0px;
border-radius:10 0px 10px 0px;
*/
}
.banner i {
color:#ffff33;
}
.currently{
width: 246px;	
}
.records{
width: 606px;	
}
.daily, .monthly, .global {
float:left;
margin:0px;
padding:0px;
list-style:none;	
}
.daily {
width:160px;
}
.monthly {
width:200px;
}
.global {
width:240px;
}
.daily p, .monthly p, .global p {
margin:0px;
padding:0px;	
}
.daily li, .monthly li, .global li {
overflow:hidden;
font-size:12px;	
}
.daily span, .monthly span, .global span {
color:#fff;
font-size: 18px;	
}
#logs_menu {
list-style:none;
overflow:hidden;
padding:0px;
margin:0px;
margin-top:10px;
}
#logs_menu li {
text-align:center;
font-size:22px;
float:left;
width:220px;
margin:0px;
padding:2px;
margin-right:5px;
border:2px solid #88ccff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
#logs_menu a {
color:#88ccff;
text-decoration:none;
display:block;	
}
#logs_menu span {
color:#226699;
background-color:#88ccff;
display:block;	
}
#main fieldset {
padding:0px;
margin:0px;
border:0px solid #226699;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;	
}
#main legend {
color:#226699;
font-size:26px;
font-weight: bold;
}
#dailymenu {
display: block;
padding: 10px;
text-align: left;
color:#226699;
/*font-size: 16px;*/
/*text-shadow: 0 0 3px #000;*/
}
#dailymenu h3 {
font-size: 16px;
font-weight: normal;
margin: 0px;
padding: 0px;
margin-top:6px;
}
#dailymenu ul {
list-style: none;
margin: 0px;
padding: 0px;
overflow: hidden;
}
#dailymenu li {
margin: 0px 6px 0px 6px;
padding: 0px;
float: left;
}
#dailymenu span {
font-size: 18px;
font-weight: bold;
color:#226699;
}
#dailymenu a {
text-decoration: none;
color:#88ccff;
}
#dailymenu em {
font-weight: normal;
}
.warn {
width:600px;
padding:10px;
margin:auto;
margin-top:10%;
text-align:center;
background-color:#DDD;
border:10px solid #226699;
-moz-border-radius:10px;
-webkit-border-radius:10px;
box-shadow: 5px 5px 10px #333;
border-radius:10px;
font-size:22px;		
}
#clock {
float:right;
color:#88ccff;
font-size:28px;
margin-right:40px;	
}
#foot{
color:#226699;
text-align: center;
font-size: 16px;
width: 900px;
height: 100px;
margin:auto;
position: relative;
top: 100px;
bottom: 0px;
left: 0px;
right: 0px;
border: 0px solid #ddd;
border-top-width: 4px;
text-align:justify;
}
#foot .copyright {
	color: #CCC;	
	}
#foot a {
	color: #CCC;
	text-decoration: none;
	}