.gif_loading {
	width : 210px;
	height : 210px;
	padding : 30px;
	margin-left : 25%;
}

#div_ultima_lectura {
	background-color : #AAD2F3;
	border-radius : 8px;
	padding : 6px;
	height: 226px;
}

.ul_div_datos {
	width : 100%;
}

.ul_div_col1 {
	width : calc(45% - 20px);
	margin-left : 7px;
	margin-top : 16px;
	float : left;
}

.ul_div_col2 {
	width : 54%;
	display: inline-block;
	margin-top: 0px;
}

.ul_temp_actual {
	font-size: 3.1vw;
	font-weight: bold;
	margin-left : 0.6vw;
}

.ul_icon_temp_actual {
	width: 4.3vw;
	height: 4.3vw;
}

.ul_tabla {
	text-align : left;
	width : 130%;
	margin : 0px;
}

.ul_texto {
	color : #0f69b4;
}

.ul_lect_text {
	font-size: calc(0.6vw + 7px);
}

.ul_estacion {
	font-size: calc(1.5vw + 7px);
	font-weight: bold;
}

.ul_fecha {
	font-size: calc(1vw + 7px);
	font-weight: bold;
	float : right;
}

.ul_dato {
	font-size: calc(0.8vw + 9px);
	font-weight: bold;
	text-align : left;
	padding : 0.3vw 0.2vw;
}

.ul_btn_24h {
	cursor: pointer; 
	cursor: hand;
	margin-top : 40px;
	width: calc(3vw * 4.69);
	height: auto;
}

.ul_icon_var {
	width: 1.9vw;
	height: 1.9vw;
}

@media only screen and (max-width: 768px) {
	#div_ultima_lectura{
		height: auto;
	}
	
	.ul_lect_text {
		font-size: calc(1.1vw + 7px);
	}

	.ul_estacion {
		font-size: calc(2.2vw + 9px);
	}
	
	.ul_fecha {
		font-size: calc(1.5vw + 6px);
	}
	
	.ul_temp_actual {
		font-size: calc(3.3vw + 10px);
		margin-left: 0px;
	}
	
	.ul_icon_temp_actual {
		width: calc(3.6vw + 10px);
		height: calc(3.6vw + 10px);
	}
	
	.ul_dato {
		font-size: calc(1.8vw + 10px);
		padding : 0.8vw;
	}
	
	.ul_icon_var {
		width: calc(2.2vw + 10px);
		height: calc(2.2vw + 10px);
	}
	
	.ul_div_col1{
		margin-left: 0px; 
		display: block;
		width: 100%;
		float: none;
		margin-top: 10px;
		border-bottom: 1px solid #bedeff;
		padding-bottom: 10px;
	}
	
	.ul_div_col1 *{
		display: inline-block;
	}
	
	.ul_div_col1 img{
		vertical-align: bottom;
	}
	
	.ul_div_col1 img.ul_btn_24h{
		margin-top: 0px;
		width: calc(15vw + 50px);
		height: auto;
		float: right;
	}
	
	.ul_div_datos .ul_div_col2{
		width: 100%;
	}
}

@media only screen and (min-width: 1200px) {
	.ul_lect_text {
		font-size: 15px;
	}

	.ul_estacion {
		font-size: 26px;
	}
	
	.ul_fecha {
		font-size: 18px;
	}
	
	.ul_temp_actual {
		font-size: 36px;
	}
	
	.ul_icon_temp_actual {
		width: 55px;
		height: auto;
	}
	
	.ul_dato {
		font-size: 20px;
		padding: 3px;
	}
	
	.ul_icon_var {
		width: 24px;
		height: 24px;
	}
	
	.ul_div_col1 img.ul_btn_24h {
		width: 180px;
		height: auto;
	}
	
}

.parpadea {
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo{  
  0% { color: #0f69b4; }
  50% { opacity: 0.3; }
  100% { color: #0f69b4; }
}

@-webkit-keyframes parpadeo {  
  0% { color: #0f69b4; }
  50% { opacity: 0.3; }
   100% { color: #0f69b4; }
}

@keyframes parpadeo {  
  0% { color: #0f69b4; }
   50% { opacity: 0.3; }
  100% { color: #0f69b4; }
}