@charset "utf-8";


.weather-section {
	float: left;
	clear: both;
	overflow:hidden;
	margin-left:15px;
	width: 630px;
	
}

.weather-item {
	width: 120px;
	float: left;
	margin-left: 5px;
	display:inline; 
	
}


.dia {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.fecha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}



.pronostico {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 1px;
	margin-bottom: 1px;
}


.texto-fijo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 2px;
}
.porcentaje-precipit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-top: 1px;
}
.max {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.max-result {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
	margin-left: 3px;
}
.min {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
.min-result {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #0066FF;
	margin-left: 3px;
}
#line-divisor {
	background-color: #000000;
	height: 1px;
	float: left;
	width: 620px;
	clear: left;
	margin-left: 15px;
	display:inline;
	overflow:hidden;
	margin-top:4px;
	margin-bottom:4px;
}
#texto-clima {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 570px;
	margin-left: 15px;
	margin-bottom: 12px;
}
#barra-gris {
	width: 620px;
	margin-left: 15px;
	height: 27px;
	background-color: #CCCCCC;	
	padding-top: 13px;
	padding-left: 4px;
}
#combo{
	height: 20px;
	float: left;
	margin-left: 15px;
	display:inline; 
}
#btn-clima {
	margin-left: 4px;
}

#ref-pronostico-ciudadees {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


#ciudad-seleccionada {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	margin-left: 4px;
	display:inline; 
}

#ref-actualizacion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;		
}