body {
	height: 99%;
	width:99%;
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS;
	font-size: 44px;
	color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
	-webkit-user-select: none;
	cursor:default;	
	overflow: hidden;
	border:1px solid rgba(128, 128, 128, 0);
	border-radius: 10px;
}

#settings  a {
	visibility:hidden;
}

#settings {
	position:absolute;
	z-index:10;
	right:0px;
	bottom:0px;
}

 body:hover > #settings  a{
	visibility:visible;
	cursor:pointer;
	opacity:0.7;
	
}

#settings img {
	width:36px;
	height:36px;
}


body:hover {
	border:1px solid rgba(128, 128, 128, 0.6);
}


body.preloader .content, 
body.preloader .background {
	display: none;	
	display: none;
} 

body.preloader .v1, body.preloader .v2, body.preloader .city_block {
	display: none;	
}

body.transparent_bg .background {
	display: none;	
}

body .loader {
	position: absolute;
	width: 100%;
	height: 132px;
	top: 50%;
	margin-top: -40px;
	text-align: center;		
	display: none;
	font-size:14px;
}

body.preloader .loader {
	display: block;
} 

body.light {
	color: #000;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);	
}

body.dark {
	text-shadow: 1px 1px 2px rgba(255,255,255,0.3);	
}

body.v1 {
	font-family: Arial;
	text-shadow: none;
}

body.options {
	text-shadow: none;
}

table {
	padding: 0;
	margin: 0;
	border-spacing: 0;
	font-size: 1em;	
}

.city {
	font-size: 0.5em;
	padding: 1.5% 2% 0;	
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	letter-spacing: 0.05em;	
}

.city._v1 {
	letter-spacing: 0;		
} 

.day-time {
	font-size: 0.32em;
	text-align: center;
	letter-spacing: 0.1em;
}

.img img {
	width: 100%;
	position: relative;
}

.fact {
	width: 100%;
	margin-top: -4%;
}

.forecast {
	width: 90%;
	margin-top: -2%;
}

.forecast td {
	text-align: center;
	padding: 0 1%;
}

.fact .temper {
	width: 36%;	
	text-align: right;
	padding-right: 4%;
	line-height: 100%;
}

.fact .temper.padding0 {
	padding: 0;	
}

.fact .img {
	width: 28%;
	text-align: center;
}

.fact .param {
	width: 36%;
	padding-left: 5%;
}

.fact .temper span.first {
	font-size: 1.3em;
	position: relative;
}

.fact .temper span.sign {
	font-size: 0.4em;
	opacity: 1;
	position: relative;
	bottom: 1.08em;
}

.vectIcon {
	position:relative;
}

.vectIcon object {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

.forecast .vectIcon {
	margin-top: -14%;
	margin-left: 13%;
}

.forecast .vectIcon.c3 {
	margin-top: -26%;
	margin-left: 18%;
}

.fact .img img {
	width: 100%;
}

.fact .press,
.fact .wind {
	display: block;
	white-space: nowrap; 
	margin-bottom: 0.37em;	
}

.fact .press span.first,
.fact .wind span.first{
	display: inline-block;
	font-size: 0.4em;
	position: relative;
	line-height: 0.4em;		
}

.fact .press span.first {
	bottom: 0.2em;	
}

.fact .press span.last,
.fact .wind span.last {
	display: inline-block;
	font-size: 1em;	
	line-height: 100%;
}

.fact .press span.last,
.fact .wind span.last {
	opacity: 1;
}

.light .fact .press span.last,
.light .fact .wind span.last,
.trans .fact .press span.last,
.trans .fact .wind span.last {
	color: #000;
}

.forecast > table { margin: 0 auto; }
.forecast .temper { font-size: 0.5em; color: #fff; padding-right: 0.25em;  line-height: 1em; /*padding-left: 36% /*0*/ /*padding-left: 25% /*1*/}
.forecast .temper.t0 { font-size: 0.5em; color: #fff;  padding-left: 0.37em;}
.forecast .temper.t1 { font-size: 0.5em; color: #fff;  padding-left: 0.25em;}
.forecast .temper.t100 { font-size: 0.5em; color: #fff;  padding-left: 0.27em;}
.light .forecast .temper, 
.trans .forecast .temper { color: #000;}
.forecast p { font-size: 0.4em; opacity: 0.45; margin: 0; letter-spacing: 0.1em; padding: 0 0 4% 4%;}
span.tsp { display: inline-block; width: 0.12em; text-decoration: inherit }

