/* Título de páginas de aplicaciones */
#contenido_interior h1 {
    margin-top: 1em;
}

/* #contenido_interior h1:first-child::after { */
#contenido_interior h1:first-of-type::after {
    position:absolute;
    content: "";
    display: block;
    background:#ffa100;
    height: 4px;
    width: 100%;
}


/* Buscador telefónico */
#contenido_interior table tr:hover {
	background: white;
}
#contenido_interior form table, #contenido_interior form table tr {
    border:0;
}

/* Planes de estudio */
div#plan-estudios-ds {
    /* display: flex;
    flex-wrap: wrap; */
    justify-content: space-between;
    /* flex-direction: column; */
    width: 100%;
}
#plan-estudios-ds div.rama li {
    padding-left: 0;
    background-image: none;
}
#plan-estudios-ds h1 {
    font-size: 2.25em;
    margin-top: 1em;
    width: 100%;
}
#plan-estudios-ds div.ramaExtinguir, div.ramaGrados, div.ramaDoctorados {
    width: 50%;
    float: left;
    padding: 1em;
}
#plan-estudios-ds .classClear {
    clear: both;
}
#plan-estudios-ds .rama:last-child {
    padding-bottom: 2em;
}
#plan-estudios-ds .titulosExtinguir {
    display: block;
    clear: both;
    padding-bottom: 0.5em;
    padding-top: 1em;
}
#plan-estudios-ds div#Extinguir::before {
    content: "";
    display: block;
    background:#ffa100;
    height: 2px;
}
#plan-estudios-ds div#Grados.titulosGrados div.DivRamaFila ul, #plan-estudios-ds div#Extinguir.titulosExtinguir div.DivRamaFila ul {
    padding-left: 18px;
}
#plan-estudios-ds div.rama li > span {
    margin-left: 1em;
    margin-left: 0.2em;
    display: block;
}
#plan-estudios-ds div.rama li {
    margin-bottom: 0.6em;
}
/* #plan-estudios-ds ul {
    padding-left: 1.4em;
} */
#plan-estudios-ds .aRama {
    width: 100%;
    clear: both;
}
#plan-estudios-ds .aRama .etiqueta {
    margin-bottom: 1.3em;
}

#plan-estudios-ds h2.h2Rama::after {
    content: "";
    display: block;
    border: 0;
    margin: 0;
    padding: 0;
    background:#ffa100;
    height: 1px;
    width: 100%;
}
#plan-estudios-ds h2 {
	color: #565a5c;
}
#plan-estudios-ds div#Grados.titulosGrados a, #plan-estudios-ds div#Extinguir.titulosExtinguir a {
    color: #05476d;
}
#plan-estudios-ds h1.tituloPagina::after {
    content: "";
    display: block;
    position: absolute;
    border: 0;
    margin: 0;
    padding: 0;
    background:#ffa100;
    height: 4px;
    width: 100%;
}

#plan-estudios-ds div.rama.plan ul.listaplanes {
    margin-left: 18px;
}
/* #plan-estudios-ds h1.tituloPagina {
    margin-top: 0.5em;
    width: 100%;
} */
#plan-estudios-ds .titulo_seccion {
    display: none;
}
#plan-estudios-ds div.volver {
    width: 230px;
    float: right;
    text-align: right;
    order:3;
    /* clear: both; */
}
#plan-estudios-ds .rama{
    order:4;
    clear: both;
    width: 100%;
}

#plan-estudios-ds #contenedor {
    float: left;
    text-align: left;
    clear: both;
    margin-top: 1em;
    width: 100%;
}
#plan-estudios-ds #lateral {
    width: 25%;
    float: left;
    /* text-align: left; */
    padding-right: 64px;
}
#plan-estudios-ds #principal {
    width: 70%;
    float: left;
}
#plan-estudios-ds #regionIconos {
    clear: both;
    float: left;
    margin-bottom: 1em;
}
#plan-estudios-ds div#enlacesCargados {
    font-size: smaller;
    margin-top: -20px;
}
/* #plan-estudios-ds .textoSeparado {
    float: right;
    width: 0.5%;
} */
#plan-estudios-ds .rama.plan h2 {
    margin-bottom: 1em;
}
#plan-estudios-ds .rama.plan h3 {
    margin-bottom: 0.5em;
}

    /* Plan estudios: Menú lateral */
#plan-estudios-ds #lateral ul.menu {
	width: 100%;
	margin-left: 0;
}
#plan-estudios-ds #lateral ul.menu > li {
    width: 100%;
    font-weight: 500;
    line-height: 1.5rem;
    list-style: none;
    list-style-image: none;
    display: block;
    margin-left: 0;
}
#plan-estudios-ds #lateral > div > div > ul.menu > li {
	margin-bottom: 40px;
}
#plan-estudios-ds #lateral ul.menu > li > span.enlacePadre {
    color: #565a5c;
    border-bottom: 2px solid #ffa100;
    margin: 0;
    display: block;
    font-family: "Rubik", sans-serif;
    font-size: 1.125rem;
    padding-bottom: 4px;
}
#plan-estudios-ds #lateral ul.menu > li > span.enlacePadre a {
    color: #565a5c;
    text-decoration: none;
}

#plan-estudios-ds #lateral ul.menu > li > a {
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0;
    font-size: 1rem;
    padding: 12px 16px 12px 16px;
    background:#f6f7f7;
    color: #565a5c;
    font-family: "Rubik", sans-serif;
}
#plan-estudios-ds #lateral ul.menu > li > ul > li > a {
    background:#f6f7f7;
    margin: 0;
    padding: 12px 16px 12px 16px;
    display: block;
    width: 100%;
    border: 0;
}

        /* Plan estudios: Contenedor */
#plan-estudios-ds div#lateral ul#nav.menu li ul li a:hover {
    background: #fff5e5;
    color: #0066a1;
}
#plan-estudios-ds #contenedor #principal .textoAzulResumen {
    font-weight: bolder;
}
#plan-estudios-ds #contenedor #principal .textoAzulResumen span.textoNormal{
    font-weight: normal;
}
#plan-estudios-ds #principal #bloqueItemsResumen p, #plan-estudios-ds #principal #bloqueCreditosMinimos p,
#plan-estudios-ds #principal #bloqueCreditosDrc p, #plan-estudios-ds #principal .bloqueCreditosIzq p,
#plan-estudios-ds #principal #bloqueRamaCentro p,
#plan-estudios-ds #principal .bloqueCreditosFIzq p{
    padding-bottom: 0.25em;
    border-bottom: 1px solid #ffa100;
    margin-bottom: 1em;
}
#plan-estudios-ds #principal #bloqueDescripcion p:not(:first-child) {
    padding-bottom: 0.25em;
    border-bottom: 1px solid #ffa100;
    margin-bottom: 1em;
}

#plan-estudios-ds #principal #bloqueCreditosDrc, #plan-estudios-ds #principal .bloqueCreditosIzq {
    float: left;
    width: 50%;
}
#plan-estudios-ds #principal .bloqueCreditosFIzq {
    float: left;
    width: 50%;
}
#plan-estudios-ds #principal #bloqueCreditosMinimos {
    clear: both;
}
#plan-estudios-ds #principal a[target*="_blank"]::after {
    font-family: "ULPGC-icon";
    content: "\e93c"; /* Icono icon-exterior */
    display:inline-block;
    width: 0;
    margin-left: 0.4em;
}
#plan-estudios-ds #principal a[href*=".pdf"]::after {
    content: "\e920"; /* Icono icon-file */
}
#plan-estudios-ds #principal #bloqueItemsResumen p > img{
    display:none;     
}
/* #plan-estudios-ds #principal #listaIndicadores > li > a:not(:last-child) {
    display:none;
} */
#plan-estudios-ds #principal ul#listaIndicadores {
    line-height: 2.5em;
}
/* #plan-estudios-ds #principal div#anteriores {
    display: none;
} */

@media only screen and (max-width: 1170px) {
    #plan-estudios-ds div#enlacesCargados {
        font-size: 0.65em;
        margin-top: -20px;
    }
}

@media only screen and (max-width: 959px) {
    #plan-estudios-ds div.volver p{
        text-align: right;
    }
    #plan-estudios-ds div.volver{
        display: none;
    }

}


@media only screen and (max-width: 767px) {
    #plan-estudios-ds h1.titulo_seccion {
        order: 3 !important;
        display: block;
        width: 100%;
        margin: 0 auto !important;
        color: #333333;
        padding: 0px 2% 0px 2% !important;
        font-size: 0.875em !important;
        cursor: pointer;
        font-weight: 300;
        border-top: 1px solid #002C6A;
        border-bottom: 1px solid #002C6A;
        border-radius: 0px;
        background-color: rgb(255,255,255);
        line-height: 2 !important;
        box-shadow: 1px 1px 4px rgba(0,0,0,0.25);
    }
    #plan-estudios-ds h1#titulo_menu_izq.titulo_seccion:first-child::after{
        height: 0;
    }

    #plan-estudios-ds #regionIconos {
        order: 2 !important;
        width: 100%;
    }
    #plan-estudios-ds div.textoSeparado {
        display: none;
    }
    #plan-estudios-ds #contenedor {
        order: 4 !important;
    }
    #plan-estudios-ds #lateral {
        width: 100%;
        float: none;
        clear: both;
        padding: 0 !important;
        margin: 0 !important;
        display: none;   
    }
    #plan-estudios-ds #principal {
        width: 99%;
        float: none;
    }
    #plan-estudios-ds #contenedor {
        clear: none;
    }
}

/* Menú interior movil */

@media only screen and (max-width: 959px) {
    #plan-estudios-ds #lateral {
        top: 82px;
        /* position: absolute; */
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
        float: none;
        background: #0066a1;
        z-index: 99;
    }
    #plan-estudios-ds #lateral .block-menu-block {
        overflow: scroll;
    }
    #plan-estudios-ds #lateral .block-menu-block ul.menu > li {
        font-weight: 500;
        font-family: "Rubik", sans-serif;
        border: 0;
        color: #fff;
        background: #0066a1;
        padding-left: 20px;
        padding-right: 20px;
    }
    #plan-estudios-ds #lateral .block-menu-block ul.menu > li span {
        border: none;
        border-bottom: 2px solid #ffa100;
        color: #fff;
        padding-bottom: 4px;
    }
    #plan-estudios-ds #lateral .block-menu-block ul.menu > li ul {
        margin: 0;
        padding: 8px 8px 24px 12px;
    }

}

/* Ocultar Menú idiomas movil en vista escritorio */
@media only screen and (min-width:1125px) {
    nav#main-menu ul.idiomas{
        display:none;
    }
}

/* Estilo mis listas de correo */
#listas-correo span.lista-correo-direccion {
    display: block;
    font-size: 0.85em;
    color: #787B7D; /* ULPGC-DS: $color-gray-80 */
}
#listas-correo .lista-correo-direccion::before { content: '('; }
#listas-correo .lista-correo-direccion::after  { content: ')'; }
#listas-correo details {
    padding-bottom: 0.5em;
}
#listas-correo h2 + ul {
    padding-left: 1em;
}
#listas-correo details summary {cursor: pointer}
#listas-correo #administrar a::before {
  content: '>';
}
#listas-correo #administrar {
    float:left;
}

/* Por accesibilidad: Saltar al contenido principal  */
.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
}
/* Clases para gestionar las gráficas del aplicativo de escrutinio de elecciones del rector */
.escrutinioTarta{
	display:block;
	float:left;
	width:45%;
	height:350px;
}
.escrutinioBarra{
	display:block;
	float:left;
	width:55%;
	height:350px;
}
.escrutinioTabla {
	border:1px solid black;
	width:70%;
	padding:1px;
}
.escrutinioTabla2 {
	border:1px solid black;
	width:90%;
	padding:1px;
}
@media only screen and (max-width: 767px) {
    .escrutinioTarta {
		display:block;
		width:100%;
		height:auto;
	}
	.escrutinioBarra {
		display:block;
		width:100%;
		height:auto;
	}
	.escrutinioTabla {
		border:1px solid black;
		width:100%;
		padding:1px;
	}
	.escrutinioTabla2 {
		border:1px solid black;
		width:100%;
		padding:1px;
	}
}
/* FIN Clases para gestionar las gráficas del aplicativo de escrutinio de elecciones del rector */

