/** IFRAME RESPONSIVE **/
.iframe_responsive {
	display:block;
	position: relative;
	width:100%;
 	height:0;
	overflow: hidden;
	padding-bottom: 61% !important;
}

.iframe_responsive iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/** LISTADO INDICADORES **/

.linea_flex {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 !important;
}

.article_indicador {
    float: left;
    padding: 10px;
    display: flex;
    background-color: #fff;
    border-bottom: none;
}

.article_indicador a {
    float: left;
    padding: 10px;
    /*display: flex;*/
    background-color: #f3f3f3;
}

.article_indicador figure {
    float: left;
    width: 100%;
    padding: 0em;
    margin-bottom: 0;
}

.article_indicador figure img {
    width: 100%;
    height: auto;
    margin: 0;
}

.contenido_indicador {
    background-color: #f3f3f3;
}

.contenido_indicador figure{
    margin-bottom:5px;
}

/* USUARIO */
#usuario_logueado {
    margin-top: 20px;
    color: #000;
    font-size: 80%;
    padding:5px !important;
}

#usuario_sesion {
    float:left;
    background-image: url("images_css/ico_zonaprivada.png");
    background-repeat: no-repeat;
    padding-left:30px !important;
    background-size: 22px 22px;
}

#cerrar_sesion {
    float:left;
    margin-left:10px
}

.barra_inf_movil {
    min-height: 8.5em;
}

/* ---------------------------- MEDIA QUERYS ----------------------------- */

/* ----- col-xs ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */
@media (max-width: 767px) {

}

/* ----- col-sm ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */
@media (min-width: 768px) {


/* ----- col-md ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */
@media (min-width: 992px) {
       
.barra_inf_movil {
      min-height: 1.5em;
   }
}    

.iframe_responsive {
	display:block;
	position: relative;
	width:100%;
 	height:0;
	overflow: hidden;
	padding-bottom: 60% !important;
}

}

/* ----- col-lg ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */
@media (min-width: 1200px) {

.iframe_responsive {
	display:block;
	position: relative;
	width:100%;
 	height:0;
	overflow: hidden;
	padding-bottom: 59% !important;
}	

}