/*================================= Tipografías */
/* Titillium Web - Light */
@font-face {
    font-family: "titillium_web";
    src: url("fuentes/titillium_web-light.eot");
    src: url("fuentes/titillium_web-light.eot?#iefix") format("embedded-opentype"),
         url("fuentes/titillium_web-light.woff2") format("woff2"),
         url("fuentes/titillium_web-light.woff") format("woff"),
         url("fuentes/titillium_web-light.ttf") format("truetype"),
         url("fuentes/titillium_web-light.svg") format("svg");
    font-weight: 300;
    font-style: normal;
}

/* Titillium Web - Light Italic */
@font-face {
    font-family: "titillium_web";
    src: url("fuentes/titillium_web-light_italic.eot");
    src: url("fuentes/titillium_web-light_italic.eot?#iefix") format("embedded-opentype"),
         url("fuentes/titillium_web-light_italic.woff2") format("woff2"),
         url("fuentes/titillium_web-light_italic.woff") format("woff"),
         url("fuentes/titillium_web-light_italic.ttf") format("truetype"),
         url("fuentes/titillium_web-light_italic.svg") format("svg");
    font-weight: 300;
    font-style: italic;
}

/* Titillium Web - Semi Bold */
@font-face {
    font-family: "titillium_web";
    src: url("fuentes/titillium_web-semi_bold.eot");
    src: url("fuentes/titillium_web-semi_bold.eot?#iefix") format("embedded-opentype"),
         url("fuentes/titillium_web-semi_bold.woff2") format("woff2"),
         url("fuentes/titillium_web-semi_bold.woff") format("woff"),
         url("fuentes/titillium_web-semi_bold.ttf") format("truetype"),
         url("fuentes/titillium_web-semi_bold.svg") format("svg");
    font-weight: 600;
    font-style: normal;
}

/* Titillium Web - Semi Bold Italic */
@font-face {
    font-family: "titillium_web";
    src: url("fuentes/titillium_web-semi_bold_italic.eot");
    src: url("fuentes/titillium_web-semi_bold_italic.eot?#iefix") format("embedded-opentype"),
         url("fuentes/titillium_web-semi_bold_italic.woff2") format("woff2"),
         url("fuentes/titillium_web-semi_bold_italic.woff") format("woff"),
         url("fuentes/titillium_web-semi_bold_italic.ttf") format("truetype"),
         url("fuentes/titillium_web-semi_bold_italic.svg") format("svg");
    font-weight: 600;
    font-style: italic;
}

/* Titillium Web - Black */
@font-face {
    font-family: "titillium_web";
    src: url("fuentes/titillium_web-black.eot");
    src: url("fuentes/titillium_web-black.eot?#iefix") format("embedded-opentype"),
         url("fuentes/titillium_web-black.woff2") format("woff2"),
         url("fuentes/titillium_web-black.woff") format("woff"),
         url("fuentes/titillium_web-black.ttf") format("truetype"),
         url("fuentes/titillium_web-black.svg") format("svg");
    font-weight: 900;
    font-style: normal;
}

/*========================= Atributos Generales */
/*-------------------------------------- Básico */
* {
    /* Cajas */
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
    /* Tipografía */
    font-family: "titillium_web", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 10pt;
    line-height: 13.5pt;
    text-decoration: none;
    list-style: none;
    color: #444;
}

/*-------------------------------------- Textos */
/* Títulos */
h6 {
    font-size: 1.2rem;
}

h5 {
    font-size: 1.8rem;
    line-height: 2rem;
}

h4 {
    font-size: 2.4rem;
    line-height: 3rem;
}

h3 {
    font-size: 3.6rem;
    line-height: 4rem;
}

h2 {
    font-size: 4.8rem;
    line-height: 5rem;
}

h1 {
    font-size: 7.2rem;
    line-height: 7rem;
}

/* Negrita */
.bd {
    font-weight: 600;
}

.bk {
    font-weight: 900;
}

/* Itálica */
.i {
    font-style: italic;
}

/* Cuerpo tipográfico */
.pt8 {
    font-size: 0.8rem;
    line-height: 1rem;
}

.pt12 {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

.pt14 {
    font-size: 1.4rem;
    line-height: 2rem;
}

.pt18 {
    font-size: 1.8rem;
    line-height: 2rem;
}

.pt24 {
    font-size: 2.4rem;
    line-height: 3rem;
}

.pt36 {
    font-size: 3.6rem;
    line-height: 4rem;
}

.pt48 {
    font-size: 4.8rem;
    line-height: 5rem;
}

.pt72 {
    font-size: 7.2rem;
    line-height: 7rem;
}

/*---------------------------------- Destacados */
/* Cian */
.dc3 {
    color: #3cd;
}

.dc2 {
    font-weight: 600;
    color: #3cd;
}

.dc1 {
    font-weight: 900;
    color: #3cd;
}

/* Gris */
.dg3 {
    color: #888;
}

.dg2 {
    font-weight: 600;
    color: #888;
}

.dg1 {
    font-weight: 900;
    color: #888;
}

/* Blanco */
.db3 {
    color: white;
}

.db2 {
    font-weight: 600;
    color: white;
}

.db1 {
    font-weight: 900;
    color: white;
}

/*----------------------------------- Capitular */
/* Capitular HTML */
.cap1 {
    padding: 6px 0 6px 18px;
    font-weight: 600;
    background-color: #3cd;
}

/* Capitular Navegación */
.cap2 {
    padding: 3px 0 6px 18px;
    font-weight: 600;
    color: white;
    background-color: #3cd;
}

/*------------------------------------- Botones */
/* Texto */
.sub {
    text-decoration: underline;
}
/*
.ac:hover {
    color: #3cd;
}

.aw:hover {
    color: white;
}
*/
.atc:hover {
    color: #3cd;
}

.atw:hover {
    color: white;
}

/* Cian */
.abc {
    padding: 0 3px 3px 3px;
}
/* at */
.abc:hover {
    color: #444;
    background-color: #3cd;
    border-radius: 3px;
}

/* Gris */
.abg {
    padding: 0 3px 3px 3px;
}
/* ab */
.abg:hover {
    color: white;
    background-color: #444;
    border-radius: 3px;
}

/* Botones */
.btc {
    display: block;
    padding: 9px;
    font-weight: 600;
    text-align: right;
    color: white;
    border-radius: 6px;
    background-color: #444;
}

.btc:hover {
    background-color: #3cd;
}

/*--------------------------------- Misceláneas */
/* líneas */
.lin1a {
    padding-bottom: 9px;
    border-bottom: solid 1px #3cd;
}

.lin1b {
    margin-bottom: 27px;
    padding-bottom: 9px;
    border-bottom: solid 1px #3cd;
}

.lin3a {
    padding-bottom: 9px;
    border-bottom: solid 3px #3cd;
}

.lin6a {
    padding-bottom: 9px;
    border-bottom: solid 6px #3cd;
}
/**/
/*------------------------------------- Colores */
.c888 {
    color: #888;
}
/**/
/*------------------------------------ Imágenes */
/* Responsive */
.ires {
    width: 100%;
}

/*-------------------------------------- Videos */
/* Responsive */
.videores {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.videores iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}

/*============================== Contenido Body */
/*---------------------------------------- Body */
body {
    display: block;
    background-color: white;
}

/* Contenido */
.contenido {
    max-width: 1200px;
    min-height: 240px;
    margin: auto;
    background-color: white;
}

/*==============================================*/
/*============================ Pantalla pequeña */
@media screen and (min-width: 240px) {
    /*1======================= Contenido Header */
    /*1--------------------------------- Header */
    header {
        display: block;
    }
    
    /*1---------------------------- Pertinencia */
    #pertinencia {
        float: left;
        width: 44%;
        margin: 4px 0 0 2.5%;
    }
    
    #pertinencia p {
        float: left;
        margin-bottom: 9px;
    }
    
    #logos {
        display: inline-block;
        width: 100%;
    }
    
    #fadu, #uba {
        float: left;
        margin-left: 8%;
    }
    
    #fadu {
        margin: 0px;
    }
    
    /*1------------------------------- Contacto */
    #contacto {
        float: right;
        margin-right: 2.5%;
    }
    
    #contacto img {
        border-radius: 0 0 6px 6px;
        background-color: #888;
    }
    
    #logo_f:hover {
        background-color: #3b5998;
    }
    
    #logo_t:hover {
        background-color: #2daae1;
    }
    
    #logo_v:hover {
        background-color: #1ab7ea;
    }
    
    #logo_m:hover {
        background-color: #3cd;
    }
    
    /*1--------------------------------- Inicio */
    #inicio {
        clear: both;
        float: left;
        margin-left: 2.5%;
    }
    
    #inicio h6 {
        margin-top: 17px;
        text-align: right;
        line-height: 0px;
    }
    
    #inicio p {
        text-align: right;
    }
    
    /*1----------------------------------- Menú */
    /* Menú CSS */
    #menu {
        display: none;
    }
    
    #menu a {
        font-weight: 600;
        font-size: 1.2rem;
    }
    
    /* Menú JavaScript */
    .slicknav_menu {
        display: block;
    }
    
    #menu_js {
        clear: both;
        padding-top: 18px;
        border-bottom: solid 6px #3cd;
    }
    
    /*1=========================================*/
    /*1========================= Contenido Main */
    /*1----------------------------------- Main */
    main {
        display: block;
        overflow: hidden;
        width: 100%;
        padding-bottom: 18px;
    }
    
    .cap_html {
        margin-bottom: 18px;
        padding: 6px 0 6px 3.3%;
        font-weight: 600;
        color: white;
        background-color: #444;
    }
    
    /*1--------------------------- Main general */
    .main_0 h4 {
        margin: 0 3.3% 18px 3.3%;
    }
    
    .main_0 h5 {
        margin: 0 3.3% 9px 3.3%;
    }
    
    .main_0 p {
        margin: 0 3.3% 18px 3.3%;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    
    .main_0 ul {
        margin-bottom: 36px;
    }
    
    .main_0 ul li {
        margin: 0 3.3% 18px 3.3%;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    
    .contenedor {
        margin: 36px 0 54px 0;
        border-bottom: solid 6px #3cd;
    }
    
    /*1------------------------- Main principal */
    .main_1 {
        margin-bottom: ;
        width: 100%;
    }
    
    .main_1 h4 {
        margin: 0 3.3% 18px 3.3%;
    }
    
    .main_1 h5 {
        margin: 0 3.3% 9px 3.3%;
    }
    
    .main_1 h6 {
        margin: 0 3.3% 9px 3.3%;
    }
    
    .main_1 p {
        margin: 0 3.3% 18px 3.3%;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }
    
    .main_1 ul li {
        margin: 0 3.3% 18px 6.6%;
        font-size: 1.2rem;
        line-height: 1.5rem;
        list-style-image: url(imagenes/iconos/punteado_02.svg);
        list-style-position: inside;
    }
    
    .main_1 ol li {
        margin: 0 3.3% 18px 3.3%;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1.5rem;
        list-style: decimal;
        list-style-position: inside;
        color: #3cd;
    }
    
    .img_01 {
        margin-bottom: 36px;
        border-top: solid 3px #444;
        border-bottom: solid 3px #444;
    }
    
    /*1------------------------ Main secundario */
    .main_2 {
        width: 100%;
    }
    
    .main_2 .cuadro {
        overflow: hidden;
        margin-bottom: 18px;
        background-color: #ddd;
    }
    
    .main_2 img {
        display: none;
    }
    
    .main_2 p {
        margin: 9px 3.3% 9px 3.3%;
        padding-bottom: 9px;
    }
    
    .main_2 a {
        float: right;
        margin: 0 3.3% 9px 3.3%;
        text-align: right;
    }
    
    .main_2 ul {
        margin: 18px 3.3%;
    }
    
    .main_2 ul li {
        margin: 9px 3.3%;
        list-style: disc;
        list-style-position: inside;
    }
    
    /*1---------------------------------- Cajas */
    .cajas {
        clear: both;
        padding-top: 18px;
    }
    
    .cajas h4 {
        margin: 0 3.3% 18px 3.3%;
    }
    
    .cajas a {
        display: block;
        height: 50%;
        text-align: center;
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
    }
    
    .caja_p {
        padding: 9px;
        height: 50%;
        font-size: 1.2rem;
        color: black;
        text-shadow: 0px 0px 3px white;
        background-color: rgba(255, 255, 255, 0.75);
    }
    
    .caja_1, .caja_2, .caja_3, .caja_4 {
        height: 270px;
        background-color: #888;
        border: solid 6px #3cd;
    }
    
    .caja_1 {
        float: left;
        overflow: inherit;
        width: 48.3%;
        margin-bottom: 18px;
    }
    
    .caja_2 {
        float: right;
        overflow: inherit;
        width: 48.3%;
        margin-bottom: 18px;
    }
    
    .caja_3 {
        float: left;
        overflow: inherit;
        width: 48.3%;
        margin-bottom: 18px;
    }
    
    .caja_4 {
        float: right;
        overflow: inherit;
        width: 48.3%;
        margin-bottom: 18px;
    }
    
    .caja_5 {
        clear: both;
    }
    
    /*1///////////////////////////// Index_HTML */
    /*1----------------------------- Bienvenida */
    #index_html #bienvenida {
        padding: 9px 2.5% 18px 2.5%;
        background-color: #eed;
    }
    
    #index_html #bienvenida p {
        margin: 9px 0 18px 0;
    }
    
    /* Slider */
    #index_html #novedades {}
    
    /* Presentacíon niveles */
    #index_html #presentacion {
        clear: both;
        overflow: hidden;
    }
    
    #index_html #presentacion1, #index_html #presentacion2 {
        overflow: hidden;
        width: 100%;
        margin-top: 18px;
        background-color: #444;
    }
    
    #index_html #presentacion1 div {
        background-image: url(imagenes/img/index_01.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 216px;
    }
    
    #index_html #presentacion2 div {
        background-image: url(imagenes/img/index_02.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: 216px;
    }
    
    #index_html #presentacion1 div h1, #index_html #presentacion2 div h1 {
        margin-right: 2.5%;
        text-align: right;
        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
    }
    
    #index_html #presentacion1 h4, #index_html #presentacion1 p, #index_html #presentacion2 h4, #index_html #presentacion2 p {
        margin: 18px 2.5% 18px 2.5%;
        color: white;
    }
    #index_html #presentacion1 a, #index_html #presentacion2 a {
        float: right;
        margin: 9px 2.5%;
        color: white;
    }
    
    /*1///////////////////////// Propuesta.HTML */
    /* Introducción */
    #propuesta_html #introduccion {
        margin: 18px 0 18px 0;
        background-image: url(imagenes/img/propuesta_01.png);
        background-repeat: no-repeat;
        background-position: top center;
    }
    
    #propuesta_html #introduccion p {
        margin: 0;
        padding: 18px;
        text-shadow: 0px 0px 3px white;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    /* Exposiciones */
    
    /*1////////////////////////// Docentes.HTML */
    
    #docentes_html .main_1 ul {
        margin-bottom: 18px;
    }
    
    #docentes_html .main_1 ul li {
        margin-bottom: 0;
        list-style-image: url(imagenes/iconos/punteado_03.svg);
        list-style-position: inside;
    }
    
    #docentes_html .mail {
        margin-left: 1rem;
    }
    
    /*1////////////////////// Bibliografia.HTML */
    #bibliografia_html main ul li {
        list-style-image: url(imagenes/iconos/punteado_01.svg);
        list-style-position: inside;
    }
    
    /*1///////////////////////////// Evaluación */
    #evaluacion_html .main_0 {
        margin-bottom: 36px;
        padding-bottom: 9px;
        background-color: #eed;
    }
    
    /*1///////////////////////// Nivel_Uno.HTML */
    #nivel_uno_html .main_0 p {
        margin-bottom: 18px;
        font-size: 1.4rem;
        line-height: 2rem;
    }
    
    #nivel_uno_html #slider li {
        margin-left: 0;
    }
    
    #nivel_uno_html .caja_1 {
        background-image: url(imagenes/img/nutp_01.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_uno_html .caja_2 {
        background-image: url(imagenes/img/nutp_02.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_uno_html .caja_3 {
        background-image: url(imagenes/img/nutp_03.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_uno_html .caja_4 {
        background-image: url(imagenes/img/nutp_04.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_uno_html .caja_5 h5 {
        margin: 0 3.3% 9px 3.3%;
    }
    
    #nivel_uno_html .caja_5 p {
        margin: 0 3.3% 9px 3.3%;
    }
    
    /*1//////////////////////////// Uno_TP.HTML */
    #uno_tp_cuatro_html .main_0 h5 {
        margin: 18px 0 36px 0;
    }
    
    /*1///////////////////////// Nivel_Dos.HTML */
    #nivel_dos_html .main_0 p {
        margin-bottom: 18px;
        font-size: 1.4rem;
        line-height: 2rem;
    }
    
    #nivel_dos_html #slider li {
        margin-left: 0;
    }
    
    #nivel_dos_html .caja_1 {
        background-image: url(imagenes/img/ndtp_01.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_dos_html .caja_2 {
        background-image: url(imagenes/img/ndtp_02.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    #nivel_dos_html .caja_3 {
        background-image: url(imagenes/img/ndtp_03.png);
        background-repeat: no-repeat;
        background-position: center;
    }
    
    /*1////////////////////////////// Mapa_HTML */
    #mapa {
        margin-left: 18px;
    }
    
    #mapa > ul > li >ul {
        margin-left: 18px;
    }
    
    #mapa > ul > li >ul > li > ul {
        margin-left: 18px;
    }
    
    #mapa_html aside {
        display: none;
    }
    
    /*1=========================================*/
    /*1======================== Contenido Aside */
    /*1---------------------------------- Aside */
    aside {
        clear: both;
        display: block;
        width: 100%;
    }
    
    /*1///////////////////////////// Index.HTML */
    #ciclo {
        background-color: #eed;
    }
    
    #ciclo a {
        float: right;
        margin-top: 9px;
        text-align: right;
    }
    
    #inscripcion, #calendario {
        margin: 0 6.7% 0 6.7%;
        border-bottom: solid 1px #3cd;
    }
    
    #inscripcion, #calendario, #carrera {
        overflow: hidden;
        margin: 0 6.7% 0 6.7%;
        padding: 18px 0 18px 0;
    }
    
    /*1////////////////////////////// NAVEGADOR */
    .navegacion {
        overflow: hidden;
    }
    
    .navegacion nav {
        margin: 9px 0 18px 6.7%;
        border-bottom: solid 3px #3cd;
    }
    
    .navegacion a {
        font-size: 1.2rem;
        font-weight: 600;
    }
    
    .subnavegacion a {
        font-size: 1.2rem;
        font-weight: 300;
        color: #888;
    }
    
    .navegacion ul li {
        margin: 9px 0 18px 0;
    }
    
    .nav_extra {
        margin: 0 6.6% 18px 6.6%;
    }
    
    /*1======================= Contenido Footer */
    /*1--------------------------------- Footer */
    footer {
        display: block;
        clear: both;
        padding: 18px;
        background-color: #444;
        border-top: solid 3px #3cd;
    }
    
    footer #up {
        float: right;
        width: 16px;
        height: 14px;
        background-image: url(imagenes/iconos/btn_1001.svg);
        background-repeat: no-repeat;
    }
    
    footer #up:hover {
        background-image: url(imagenes/iconos/btn_1002.svg);
        background-repeat: no-repeat;
    }
    
    footer li, footer a {
        color: #888;
    }
    
    footer ul {
        display: inline-block;
        margin-right: 2.5%;
    }
    
    footer p {
        margin-top: 18px;
        text-align: center;
        color: #888;
    }
    
    /*1////////////////////////////// ERROR 404 */
    #error_404_html .contenido {
        margin-top: 54px;
        width: 320px;
        border-top: solid 3px #444;
    }
    
    #error_404_html #mensaje {
        overflow: hidden;
    }
    
    #error_404_html #e_404 {
        float: left;
        margin: 54px 0 27px 0;
        width: 170px;
        text-align: right;
        line-height: 0.5rem;
    }
    
    #error_404_html #e_img {
        float: right;
        margin-top: 41px;
        width: 150px;
        font-size: 11rem;
        text-align: center;
    }
    
    #error_404_html #botones {
        margin-bottom: 18px;
        padding: 36px 27px;
        border-bottom: solid 3px #444;
    }
    
    #error_404_html #pie {
        overflow: hidden;
    }
    
    #error_404_html #logo_W {
        float: left;
        margin-right: 73px;
        height: 20px;
    }
    
    #error_404_html #logo_fadu {
        float: left;
        margin-top: 2px;
    }
    
    #error_404_html #logo_uba {
        float: right;
        margin-top: 2px;
    }
    
    #error_404_html #pie p {
        clear: both;
        margin-top: 36px;
        text-align: center;
        color: #bbb;
    }
}

/*==============================================*/
/*============================ Pantalla mediana */
@media screen and (min-width: 667px) {
    /*2======================= Contenido Header */
    /*2---------------------------- Pertinencia */
    #pertinencia {
        width: 47%;
        margin: 22px 0 0 2.5%;
    }
    
    #logos {
        width: 50%;
    }
    
    #fadu, #uba {
        margin: 0 0 0 20%;
    }
    
    /*2------------------------------- Contacto */
    #contacto {
        margin-right: 3.3%;
    }
    
    /*2--------------------------------- Inicio */
    #inicio {
        margin-left: 2.5%;
    }
    
    /*2----------------------------------- Menú */
    /* Menú JavaScript */
    .slicknav_menu {
        display: none;
    }
    
    #menu_js {
        clear: both;
        padding-top: 18px;
        border-bottom: none;
    }
    
    /* Menú CSS */
    #menu {
        display: block;
        float: right;
        margin-top: 32px;
        margin-right: 2.5%;
    }
    
    /* Menú desplegable */
    #menu nav ul > li {
        position: relative;
        float: left;
        padding-top: 9px;
    }
    
    #menu nav ul > li .submenu {
        display: none;
        position: absolute;
    }
    
    #menu nav ul li:hover > .submenu {
        display: block;
    }
    
    .desplegable {
        width: 99px;
        cursor: pointer;
    }
    
    .desplegable:hover {
        padding: 9px 9px 0 0;
        border-radius: 6px 6px 0 0;
        background-color: #3cd;
        box-shadow: 3px 3px 3px rgba(68, 68, 68, 0.5);
    }
    
    .desplegable a {
        float: right;
    }
    
    .desplegable a:hover {
        color: #444;
    }
    
    .submenu {
        width: 99px;
        margin-top: 18px;
        border-radius: 0 0 6px 6px;
        background-color: #3cd;
        box-shadow: 3px 3px 3px rgba(68, 68, 68, 0.5); 
        cursor: default;
    }
    
    .submenu li a {
        display: block;
        min-width: 99px;
        margin: 0px;
        padding: 6px;
        color: white;
    }
    
    .submenu li a:hover {
        border-radius: 6px;
        color: white;
        background-color: #444;
    }
    
    /*2=========================================*/
    /*2========================= Contenido Main */
    /*2----------------------------------- Main */
    main {
        float: right;
        width: 100%;
        padding-bottom: 27px;
    }
    
    .cap_html {
        margin-bottom: 36px;
    }
    
    /*2--------------------------- Main general */
    
    .columna_izq {
        float: left;
        width: 47.8%;
    }
    
    .columna_der {
        float: right;
        width: 47.8%;
    }
    
    /*2------------------------- Main principal */
    .main_1 {
        float: left;
        width: 65.2%;
    }
    
    .main_1 h4 {
        margin: 0 0 18px 3.3%;
    }
    
    .main_1 h5 {
        margin: 0 0 9px 3.3%;
    }
    
    .main_1 h6 {
        margin: 0 0 9px 3.3%;
    }
    
    .main_1 p {
        margin: 0 0 18px 3.3%;
    }
    
    
    /*2---------------------------------- Cajas */
    .cajas {
        border-top: solid 3px #3cd;
    }
    
    .cajas h4 {
        margin: 9px 3.3% 36px 3.3%;
    }
    
    .caja_1 {
        float: left;
        margin-right: 4.5%;
        width: 30.3%;
        margin-bottom: 27px;
    }
    
    .caja_2 {
        float: left;
        width: 30.3%;
        margin-bottom: 27px;
    }
    
    .caja_3 {
        float: right;
        width: 30.3%;
        margin-bottom: 27px;
    }
    
    .caja_4 {
        float: left;
        margin-right: 4.5%;
        width: 30.3%;
    }
    
    .caja_5 {
        clear: none;
        float: right;
        width: 65.2%;
    }
    
    /*2------------------------ Main secundario */
    .main_2 {
        float: right;
        margin-top: 0;
        width: 30.3%;
    }
    
    .main_2 .cuadro {
        border-radius: 0 0 9px 9px;
    }
    
    .main_2 img {
        display: block;
    }
    
    .main_2 p {
        margin: 9px 6.7% 9px 6.7%;
    }
    
    .main_2 a {
        margin: 0 6.7% 9px 6.7%;
    }
    
    .main_2 ul {
        margin: ;
    }
    
    /*2///////////////////////////// Index_HTML */
    #index_html #menu_js {
        border-bottom: solid 6px #3cd;
    }
    
    /* Bienvenida */
    #index_html #presentacion {
        height: 100%
    }
    
    /* Presentacíon niveles */
    #index_html #presentacion1 {
        float: left;
        width: 48.3%;
        height: 100%;
        border-radius: 0 0 9px 9px;
    }
    
    #index_html #presentacion2 {
        float: right;
        width: 48.3%;
        height: 100%;
        border-radius: 0 0 9px 9px;
    }
    
    #index_html #presentacion1 div {
        height: 270px;
    }
    
    #index_html #presentacion2 div {
        height: 270px;
    }
    
    /*2///////////////////////// Propuesta.HTML */
    /* Introducción */
    #propuesta_html #introduccion {
        margin: 18px 0 36px 0;
    }
    
    /*2///////////////////////////// Evaluación */
    #evaluacion_html .main_0 {
        overflow: hidden;
    }
    
    #evaluacion_html .main_0 h4 {
        margin: 9px 3.3% 18px;
    }
    
    #evaluacion_html .columna_izq p {
        margin-left: 6.7%;
    }
    
    #evaluacion_html .columna_der ul {
        margin: 0 6.7% 0 0;
    }
    
    #evaluacion_html .columna_der p {
        margin: 0 6.7% 9px 0;
    }
    
    /*2///////////////////////// Nivel_Uno.HTML */
    #nivel_uno_html .main_0 p {
        margin-bottom: 27px;
    }
    
    #nivel_uno_html .caja_5 h5 {
        margin-left: 0;
    }
    
    #nivel_uno_html .caja_5 p {
        margin-left: 0;
    }
    
    /*2///////////////////////// Nivel_Dos.HTML */
    #nivel_dos_html .main_0 p {
        margin-bottom: 27px;
    }
    
    #mapa_html #menu_js {
        border-bottom: solid 6px #3cd;
    }
    
    /*2======================== Contenido Aside */
    /*2---------------------------------- Aside */
    aside {
        width: 100%;
    }
    
    /*2======================= Contenido Footer */
    /*2--------------------------------- Footer */
    footer ul {
        display: inline-block;
        margin-right: 5%;
    }
}

/*=============================================*/
/*============================ Pantalla grande */
@media screen and (min-width: 1024px) {
    /*3---------------------------------- Cajas */
    
    .cajas h4 {
        margin: 18px 0 45px 0;
    }
    
    /*3======================= Contenido Header */
    /*3---------------------------- Pertinencia */
    #pertinencia {
        margin: 22px 0 0 5%;
    }
    
    /*3------------------------------- Contacto */
    #contacto {
        margin-right: 5%;
    }
    
    /*3--------------------------------- Inicio */
    #inicio {
        margin-left: 5%;
    }
    
    /*3----------------------------------- Menú */
    /* Menú */
    #menu {
        margin-right: 6.7%;
    }
    
    /* Menú desplegable */
    .desplegable {
        width: 126px;
    }
    
    .submenu {
        width: 126px;
        padding: 18px 9px;
    }
    
    .submenu li a {
        min-width: 108px;
    }
    
    /*3=========================================*/
    /*3========================= Contenido Main */
    /*3----------------------------------- Main */
    main {
        margin: 0px;
        padding-bottom: 36px;
        width: 74.2%;
        max-width: 890px;
    }
    
    .cap_html {
        margin-bottom: 45px;
    }
    
    /*3--------------------------- Main general */
    .main_0 h4 {
        margin: 0 0 18px 0;
    }
    
    .main_0 h5 {
        margin: 0 0 9px 0;
    }
    
    .main_0 p {
        margin: 0 0 18px 0;
    }
    
    .main_0 ul {
        margin-bottom: 36px;
    }
    
    .main_0 ul li {
        margin: 0 0 18px 0;
    }
    
    /*3------------------------- Main principal */
    .main_1 {
        margin: 0px;
        max-width: 580px;
    }
    
    .main_1 h4 {
        margin: 0 0 18px 0;
    }
    
    .main_1 h5 {
        margin: 0 0 9px 0;
    }
    
    .main_1 h6 {
        margin: 0 0 9px 0;
    }
    
    .main_1 p {
        margin: 0 0 18px 0;
    }
    
    .main_1 ul li {
        margin-left: 3.3%;
    }
    
    /*3------------------------ Main secundario */
    .main_2 {
        margin: 0px;
        max-width: 270px;
    }
    
    /*3///////////////////////////// Index_HTML */
    #index_html #bienvenida {
        padding-top: 36px;
    }
    
    #index_html #inscripcion_dir {
        display: none;
    }
    
    /* Presentacíon niveles */
    #index_html #presentacion1, #index_html #presentacion2 {
        width: 48.6%;
    }
    
    #index_html #presentacion1 div {
        height: 324px;
    }
    
    #index_html #presentacion2 div {
        height: 324px;
    }
    
    /*3///////////////////////// Propuesta.HTML */
    /* Introducción */
    #propuesta_html #introduccion {
        margin: 18px 0 45px 0;
    }
    
    /*3///////////////////////// Nivel_Uno.HTML */
    #nivel_uno_html .main_0 p {
        margin-bottom: 36px;
    }
    
    #nivel_uno_html .caja_5 h5 {
        margin-right: 0;
    }
    
    #nivel_uno_html .caja_5 p {
        margin-right: 0;
    }
    
    /*3///////////////////////// Nivel_Dos.HTML */
    #nivel_dos_html .main_0 p {
        margin-bottom: 36px;
    }
    
    /*3======================== Contenido Aside */
    /*3---------------------------------- Aside */
    aside {
        clear: none;
        float: left;
        width: 22.5%;
        max-width: 270px;
        position: fixed;
    }
    
    #ciclo {
        border-radius: 0 0 9px 9px;
    }
    
    #mapa_html aside {
        display: block;
        margin: 0;
        padding: 0;
        height: 810px;
        background-color: #ddd;
        position: inherit;
    }
    
    /*1////////////////////////////// NAVEGADOR */
    .nav_extra {
        margin: 0;
    }
    
    /*3======================= Contenido Footer */
    /*3--------------------------------- Footer */
    footer {
        margin-top: 18px;
    }
    
    footer ul {
        margin-left: 6.7%;
    }
}