/** steps **/
#steps {width:100%;height:20px;margin-bottom:20px}
#steps ul li {
	float:left;
	margin-right:5px;
	list-style:none;
	background:url("../images/steps.png") no-repeat bottom right;
	padding-right:10px;
	display:none;
	cursor:pointer
}
#steps ul li.active {display:block}
#steps ul li span {
	color:#fff;
	font-size:12px;
	background:url("../images/steps.png") no-repeat;
	padding:0 10px 0 5px;
	display:block;
	height:20px;
}
#steps ul li strong{float:left;padding-top:2px}
.step {display:none;}
/* // */
/** infs **/
.inf_block {
	width:auto;
	height:auto;
	padding:10px;
	background:#434343;
	border:1px dashed #000;
	cursor:pointer;
	margin:0 10px 10px 10px;
	display:inline-block
}
.inf_block:hover {background:#878787;}
/* // */
.inf_1 *, .inf_2 *, .inf_3 *, .inf_4 *, .inf_5 * {font-family: Arial}
/** inf_1 **/
table.inf_1, .inf_1 table {border-collapse:collapse;}
.inf_1 {width:240px;background:#fff}
.inf_1 A:link, .inf_1 A:visited, .inf_1 A:active {color:#4379f2;text-decoration: underline;}
.inf_1 A:hover {color:#6f7784;text-decoration: none;}
.inf_1 a.City{font-size:18px !important}
.inf_1 a.Link{font-size:12px}
.inf_1 .TValue {font-size:30px;color:#434343}
.inf_1 span.Opis {font-size:12px;color:#979797}
.inf_1 span.Unit {font-size:12px;color:#979797} .inf_1 span.Cels {font-size:14px;color:#979797;float:right}
.inf_1 span.Value {font-size:16px;color:#069;font-weight:bold}
.inf_1 div.weather {width:100%;height:20px}
/* // */
/** inf_2 **/
table.inf_2, .inf_2 table {border-collapse:collapse;}
.inf_2 {width:240px;background:#fff}
.inf_2 A:link, .inf_1 A:visited, .inf_1 A:active {color:#4379f2;text-decoration: underline;}
.inf_2 A:hover {color:#6f7784;text-decoration: none;}
.inf_2 a.City{font-size:18px !important}
.inf_2 a.Link{font-size:12px}
.inf_2 .TValue {font-size:20px;color:#434343}
.inf_2 span.Opis {font-size:14px;color:#979797}
.inf_2 span.Unit {font-size:12px;color:#979797}
.inf_2 span.Value {font-size:16px;color:#069;font-weight:bold}
.inf_2 div.weather {width:100%;height:20px}
/* // */
/** inf_3 **/
table.inf_3, .inf_3 table {border-collapse:collapse;}
.inf_3 {width:100px;background:#fff}
.inf_3 A:link, .inf_1 A:visited, .inf_1 A:active {color:#4379f2;text-decoration: underline;}
.inf_3 A:hover {color:#6f7784;text-decoration: none;}
.inf_3 a.City{font-size:18px !important}
.inf_3 a.Link{font-size:12px}
.inf_3 .TValue {font-size:20px;color:#434343}
.inf_3 span.Opis {font-size:14px;color:#979797}
.inf_3 span.Unit {font-size:12px;color:#979797}
.inf_3 span.Value {font-size:16px;color:#069;font-weight:bold}
.inf_3 div.weather {width:100%;height:20px}
/* // */
/** inf_4 **/
table.inf_4, .inf_4 table {border-collapse:collapse;}
.inf_4 {width:220px;background:#fff}
.inf_4 A:link, .inf_1 A:visited, .inf_1 A:active {color:#4379f2;text-decoration: underline;}
.inf_4 A:hover {color:#6f7784;text-decoration: none;}
.inf_4 a.City{font-size:18px !important}
.inf_4 a.Link{font-size:12px}
.inf_4 .TValue {font-size:20px;color:#434343}
.inf_4 span.Opis {font-size:14px;color:#979797}
.inf_4 span.Unit {font-size:12px;color:#979797}
.inf_4 span.Value {font-size:16px;color:#069;font-weight:bold}
.inf_4 div.weather {width:100%;height:20px}
/* // */
/** inf_4 **/
table.inf_5, .inf_5 table {border-collapse:collapse;}
.inf_5 {width:220px;background:#fff}
.inf_5 A:link, .inf_1 A:visited, .inf_1 A:active {color:#4379f2;text-decoration: underline;}
.inf_5 A:hover {color:#6f7784;text-decoration: none;}
.inf_5 a.City{font-size:18px !important}
.inf_5 a.Link{font-size:12px}
.inf_5 .TValue {font-size:20px;color:#434343}
.inf_5 span.Opis {font-size:14px;color:#979797}
.inf_5 span.Unit {font-size:12px;color:#979797}
.inf_5 span.Value {font-size:16px;color:#069;font-weight:bold}
.inf_5 div.weather {width:100%;height:20px}
/* // */

/** settings **/
.setting_block {
	margin:5px 5px;
	border-bottom: 1px dotted #239dcc;
	padding-bottom:10px;
}
.setting_block input[type=text] {width:100%}
.select {width:36px;height:36px;background:url("../images/select.png");display: inline-block}
.select div {width:30px;height:30px;margin:3px;float:left;background:url("../images/select.png") center center}
div.line {margin:5px 0;border-bottom: 1px dotted #239dcc;height:1px;width:100%}
/* // */
/** demos **/
#inf_demos {float:left;width:100%;height:auto}
/* // */
#city_find {
	position:absolute;
	width:500px;
	background:#fff;
	border:1px solid #979797;
	height:auto;
	max-height:200px;
	padding:5px 10px;
	overflow-y:auto;
}
.find_cities {
	margin-top:5px;
	border-bottom:1px dotted #069;
	cursor:pointer;
	background:#fff;
	display:block
}
.find_cities:hover {background: #ddd}