/* estilos móvil */

@media (max-width: 768px){
	#opciones, .boton_suscribirse, .portada_form .btn span, .lat_de_portada, .lat_ce_portada, #columns, #logopie, .region-pie ul, 
	#pie2 .col-sm-3.col-md-3 + p, #labelCoberturaEMA{
		display: none !important;
	}
	
	.region-alertas-portada{
		position: absolute !important;
		top: 0px !important;
		left: 3px !important;
		width: 99% !important;
	}
	
	.icon_alerta{
		width: 2rem !important;
		height: 2rem !important;
		float: left !important;
		padding: 0.2rem !important;
	}
	
	.div_alerta{
		padding: 5px !important;
		text-align: left !important;
	}
	
	#div_alertas_portada ol{
		padding: 0px 0px 0px 0px;
		width: 100%;
		margin: 0 auto;
	}
		
	.portada_form {
		margin-top: 15px;
	}
			
	.boton_mapa, .boton_localizame, .boton_favorita{
		display: inline-block !important;
		width: 32% !important;
		padding: 8px 0px;
	}

	.portada_form{
		margin-bottom: 0px !important;
		padding: 1px 10px !important;
	}
	
	/* pie */
	
	#pie2{
		padding: 0px !important;
	}
	
	.region-pie .block, .region-prevision-portada .block{
		margin-bottom: 0px !important; 
	}
	
	.region-pie p{
		margin: 15px 0 0px 0;
		text-align: center !important;
	}
	
	#logopie + p{
		text-align: center !important;
	}
	
	/* previsión del tiempo */
	
	.titulo_pervision{		
		font-size: 1rem !important;
	}
	
	.titulo_pervision, .agradecimiento{
		width: 100% !important;
	} 
	
	.cont-tiempo{
		width: 20% !important;		
		padding: 0 !important;
	}
	
	.cont-tiempo span{
		font-size: 0.8rem;	
	}
	
	.cont-tiempo .cont-fecha{
		font-size: 0.6rem;
	}
	
	.cont-tiempo img{
		margin: 8px 0px;
		width: 2rem !important;
	}
	
	/* últimas 24h */
	
	#ult24h{
		margin-top: 1rem;
	}
	
	#selectorVariables{
		width: auto !important;
	}
	
	.texto_estacion_cabecera_tabla{
		margin-left: 0px !important;
		font-size: 0.9rem !important;
	}
	
	#tablediv table{
		font-size: 0.7rem !important;
	}
	
	#ult24h_pest_grafica label, #ult24h_pest_grafica select{
		font-size: 0.8rem;
	}
	
	.tpo_primera_columna {
		min-width: 9rem !important;
	}
	
	/* popup ver mapa */
	
	#cabecera_mapcontainer, #mapcontainer{
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top: 0px !important;
		width: 100% !important;
	}
	
	#cabecera_mapcontainer{
		height: 40px;
	}
	
	#cabecera_mapcontainer, #cabecera_mapcontainer label.cabecera_mapcontainer_label{
		float: left;
	}
	
	#cabecera_mapcontainer label.cabecera_mapcontainer_label{
		color: #fff;
		width: 90%;
		text-align: left;
		font-size: 0.85rem;
	}
	
	#cabecera_mapcontainer span{
		float: right; 
		width: 10%;
	}
	
	.smallmap{
		border: 0px !important;
		height: calc(100% - 40px) !important;
	}
	
	
}

@media (max-device-width: 768px) and (orientation:landscape){
		
	#logo {
		margin-left: 29vw;		
	}
		
	#logo img {
		height: 45px !important;
	}
	
	.region-pie .col-sm-5.col-md-5 p{
		margin-top: 4% !important;
		text-align: left !important;
	}
	
	#logopie + p {
		text-align: left !important;
		margin-left: 1rem !important;
	}
	
	.sub-container{
		margin-bottom: 0px !important;
	}
	
	.sub-container + *{
		display: none !important;
	}
	
	.region-pie p{
		margin: 0px !important;
	}
	
	.region-pie .col-sm-5.col-md-5{
		width: 70%;
		float: left;
	}
	
	.region-pie .col-sm-3.col-md-3{
		width: 30%;
		float: right;
		margin-top: 1rem;
	}
		
}