/* CSS de clima */

* {

}

#adnclima {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1px;
	font-weight: normal;
	color: #000;
	width:220px;
	height: 140px;
	background-color: #eee;
	padding: 0;
}

#sun {
	width: 220px;
	padding: 0px 0px;
	text-align: center;
	background-color: #ccc; /* #1D62B3; */
	color: #666;
}


#sun2 {
	width: 220px;
	padding: 4px 5px;
	text-align: center;
	background-color: #fff;
	color: #000;
}

#weather {
	width: 220px;
	height: 120px;
	background:url('http://devexelws.appspot.com/clima/back.png') no-repeat top left;
}

#current {
	width: 220px;
	height: 120px;
	text-align: right;
	color: #444;
}

#current #tempd {
	float:right;
	width: 120px;
	height: 100px;
	font-style: normal;
	text-align: center;
	margin: 7px 5px 5px 0;
}

#current #tempd span {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

#current #tempd div {
	margin-top: 10px;
}

#current #tempd strong {
	color: #069;
}


#current #tempn {
	float:right;
	width: 120px;
	height: 100px;
	font-style: normal;
	text-align: center;
	margin: 7px 5px 5px 0;
	color: #fff;
}

#current #tempn span {
	font-size: 24px;
	font-weight: bold;
	color: #fff;
}

#current #tempn div {
	margin-top: 10px;
}

#current #tempn strong {
	color: #fff;
}

/* CSS de tabs */

.solapas{
	padding: 0;
	width: 220px;
	border-top: 2px solid #069; /*Brown color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.solapas ul{
margin:0;
margin-left: 3px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.solapas li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

.solapas a{
	outline: none;
	float: left;
	display: block;
	font: bold 11px Arial;
	color: #069;
	text-decoration: none;
	margin: 0 1px 0 0; /*Margin between each menu item*/
	padding: 2px 5px;
	background-color: #ddd; /*Brown color theme*/
	border-top: 1px solid white;
}

.solapas a:hover{
	background-color: #069;
	color: #fff;
}

.solapas a.selected{ /*currently selected tab*/
	background-color: #069; /*Brown color theme*/
	color: white;
	border-color: #069; /*Brown color theme*/
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}