@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('Fuentes/robotocondensed-italic-webfont.eot');
    src: url('Fuentes/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-italic-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-italic-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('Fuentes/robotocondensed-bolditalic-webfont.eot');
    src: url('Fuentes/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-bolditalic-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedbold';
    src: url('Fuentes/robotocondensed-bold-webfont.eot');
    src: url('Fuentes/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-bold-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-bold-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('Fuentes/robotocondensed-light-webfont.eot');
    src: url('Fuentes/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-light-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-light-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url('Fuentes/robotocondensed-lightitalic-webfont.eot');
    src: url('Fuentes/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-lightitalic-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('Fuentes/robotocondensed-regular-webfont.eot');
    src: url('Fuentes/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/robotocondensed-regular-webfont.woff') format('woff'),
         url('Fuentes/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('Fuentes/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('Fuentes/opensans-lightitalic-webfont.eot');
    src: url('Fuentes/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-lightitalic-webfont.woff') format('woff'),
         url('Fuentes/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight';
    src: url('Fuentes/opensans-light-webfont.eot');
    src: url('Fuentes/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-light-webfont.woff') format('woff'),
         url('Fuentes/opensans-light-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('Fuentes/opensans-italic-webfont.eot');
    src: url('Fuentes/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-italic-webfont.woff') format('woff'),
         url('Fuentes/opensans-italic-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('Fuentes/opensans-regular-webfont.eot');
    src: url('Fuentes/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-regular-webfont.woff') format('woff'),
         url('Fuentes/opensans-regular-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('Fuentes/opensans-semibold-webfont.eot');
    src: url('Fuentes/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-semibold-webfont.woff') format('woff'),
         url('Fuentes/opensans-semibold-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('Fuentes/opensans-semibolditalic-webfont.eot');
    src: url('Fuentes/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('Fuentes/opensans-semibolditalic-webfont.woff') format('woff'),
         url('Fuentes/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('Fuentes/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}







#articulo{
    background-color: rgba(100,0,0,1);
    width: 784.631px;
    height:auto;
}


*{border:0px; margin: 0; padding: 0;}

body{ 
    font-family: 'roboto_condensedregular';
    background-image: url(Imagenes/Fondo-conlogo.svg);
    background-repeat: repeat-y;
    background-size: 100%;
    }


#pagina{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    }

#pagina_lacatedra{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    }

#pagina_contacto{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    }

#pagina_m1{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    height: 1708px;
    }

#pagina_m2{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    height: 1598px;
    }

#pagina_index{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;

    }

#pagina_programa{
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    height: 992px
    }

#pagina_ingresantes{ 
    background-color: rgba(255,255,255,0.7); 
    max-width: 960px;
    margin: -5px auto;
    padding-top: 5px;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-top: none;
    }


header{
    width: 960px;
    height: 464px;
    position:relative;
    padding-top: 15px;
    margin: auto;
    border: 1px;
    border-color: rgba(48,50,47,0.4);
    border-style: dotted;
    border-bottom: none;
    }

#misce-enc {width: 960px; margin: auto;}

div#renglon {
    position: absolute;
    margin: 173px 280.8px auto;
    background-color: rgba(168,198,204,0.5);
    width: 587.273px;
    height: 29px;
   }
    

    nav {
        font-family: 'roboto_condensedregular';
    
        }
    nav ul{
        list-style: none;
        margin: 3px;
        }

    nav ul li{
        display: inline;
        width: 100%;
        margin-bottom: 15rem;
        }

    .menu-ppal {
        text-decoration: none;
        color: rgba(48,50,47,1);
        float: center;
        text-align: center;
        padding: 10px;
        font-size: 14px;
        }

    .menu-ppal:hover{
        color: #fff;
        background-color: none;
        }
    
    .boton-seleccionado {
        color: rgba(21,70,81,0.5);
        text-decoration: none;
        padding: 10px;
        font-size: 14px;
        }

/*Hoja de estilos programa.html*/

#caja_programa{
    background-image: url(Imagenes/caja_lacatedra.svg);
    margin-left: 88px;
    margin-right: 88px;
    border-bottom: 2px solid #399741;
    height: 758px;
    width: 780px;
}

#aside_programa p{
    font-family: 'roboto_condensedregular';
    font-size: 12px;
    margin: -490px 4px 0px 18px;
    padding-right: 11px;
}

.link_programa{
    text-decoration: none;
    font-family: 'roboto_condensedregular';
    font-size: 12px;
    color: #399741;
}

.link_programa:hover{
    color: #fff;
}

#link_a_galeria p{
    font-family: 'roboto_condensedregular';
    font-size: 12px;
    margin: 159px 4px 0px 18px;
    padding-right: 10px;
}

#art-interes_programa {
    width: 525px;
    background-image: url(Imagenes/fondo-artprograma.png);
    background-repeat: no-repeat;
    background-size: 545px;
    height: 530px;
    padding-top: 22px;
    padding-left: 17px;
    margin-bottom: 50px;   
    }

.fin_footer_programa p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: 0px 0px 0px -88px;
}





/*Hoja de estilos lacatedra.html*/

#caja_lacatedra{
    background-image: url(Imagenes/caja_lacatedra.svg);
    height: 676px;
    margin-left: 88px;
    margin-right: 88px;
    border-bottom: 2px solid #399741;
    width: 780px;
}

.viñeta_lacatedra{
    margin: 0px 5px;
}
.viñeta_lacatedra img{
    margin: 0px 5px;
}

.quienes_somos img{
    margin: 0px 0px 1px 0px;
}

.quienes_somos p{
    margin: -30px 65px;
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    }

.texto_quienes_somos p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 35px 65px;
    padding-right: 200px;
}

.items_lacatedra img{
    margin: 0px 0px 59px 67px;
}

.texto_items p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: -80px 0px 0px 85px;
    padding-right: 270px;
}

.items_lacatedra2 img{
    margin: 0px 0px -22px 67px;
}

.texto_items2 p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 0px 0px 0px 85px;
    padding-right: 217px;
}

.charlas_abiertas img{
    margin: 22px 0px 8px 48px;
}

.charlas_abiertas p{
    font-family:'roboto_condensedregular';
    font-size: 16px;
    margin: -37px 65px;
    padding-right: 200px;
    color: #399741;
}

.texto_charlas_abiertas img{
    margin: 0px 0px -163px 48px;
}

.texto_charlas_abiertas p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 23px 65px;
    padding-right: 200px;
}
    
.links{
    text-decoration: none;
    color: #399741;
    font-family: 'roboto_condensedregular';
}
    
.links:hover {
    color: #000;    
}

.proyectos p{
    font-family:'roboto_condensedregular';
    font-size: 16px;
    margin: -8px 65px;
    padding-right: 200px;
    color: #399741;
}

.texto_proyectos p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 17px 65px;
    padding-right: 200px;
}

.congreso img{
    margin: 0px 0px -8px 48px;
}

.congreso p{
    font-family:'roboto_condensedregular';
    font-size: 16px;
    margin: -42px 65px;
    padding-right: 200px;
    color: #399741;
}

.texto_congreso p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 39px 65px;
    padding-right: 200px;
}

#fin_art_lacatedra{
    width: 960px; 
    margin: 74px 1.315px auto;
}
    
.footer_lacatedra { 
    width: 784.631px; 
    margin: auto; 
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    position: relative;
    }

.fin_footer_lacatedra p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: 17px 0px 0px 3px;
}










/*Hoja de estilos contacto.html*/

#caja_contacto{
    background-image: url(Imagenes/caja_lacatedra.svg);
    height: 676px;
    margin-left: 88px;
    margin-right: 88px;
    border-bottom: 2px solid #399741;
    width: 780px;
}

.facebook p{
    font-family: 'roboto_condensedregular';
    font-size: 12px;
    margin: -490px 4px 0px 18px;
}

.teoria p{
    font-family: 'roboto_condensedregular';
    font-size: 12px;
    margin: 142px 8px 0px 18px;
}

.mensajeria img{
    margin: 0px 0px 1px 0px;
}

.mensajeria p{
    margin: -30px 65px;
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    }

.texto_mensajeria p{
    font-family: 'roboto_condensedlight';
    font-size: 14px;
    margin: 35px 65px;
    padding-right: 200px;
}

.formulario_contacto img{
    margin: -19px 0px 0px 54px;
    width: 59%;
}

.blog img{
    margin: 18px 0px -8px 58px;
}
    
.blog p{
    font-family: 'roboto_condensedregular';
    font-size: 16px;
    margin: -42px 65px;
    padding-right: 200px;
    color: #399741;
}

.texto_blog p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 39px 65px;
    padding-right: 200px;
}

#fin_art_contacto{
    width: 960px; 
    margin: 74px 1.315px auto;
}

.fin_footer_contacto p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: 17px 0px 0px 3px;
}









/*Hoja de estilos ingresantes.html*/

#caja_ingresantes{
    background-image: url(Imagenes/caja_ingresantes.svg);
    height: 720px;
    margin-left: 88px;
    margin-right: 88px;
    border-bottom: 2px solid #399741;
    background-repeat: no-repeat;
    background-size: 71%;
    width: 780px;
}

.viñeta_bienvenidos_ingresantes img{
    margin: 0px 0px 0px 10px;
}

.bienvenidos_ingresantes img{
    margin: 0px 0px 0px 14px;
}

.bienvenidos_ingresantes p{
    margin: -29px 0px 0px 63px;
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    }

.texto_bienvenidos_ingresantes p{
    font-family:'roboto_condensedlight';
    font-size: 14px;
    margin: 7px 0px 0px 63px;
    padding-right: 256px;
}

.formulario img{
    margin: 20px 0px 0px 51px;
    width: 60%;
}

.boton_lacatedra_ingresantes img{
    margin: 21px 0px 0px 51px;
    width: 60%;
}

.boton_lacatedra_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -29px 0px 0px 63px;
}

.links_ingresantes{
    color: #399741;
    text-decoration: none;
}

.links_ingresantes:hover{
    color: #000;
}

.boton_eltaller_ingresantes img{
    margin: 8px 0px 0px 51px;
    width: 60%;
}

.boton_eltaller_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -29px 0px 0px 63px;
}

.boton_programa_ingresantes img{
    margin: 8px 0px 0px 51px;
    width: 60%;
}

.boton_programa_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -29px 0px 0px 63px;
}

.boton1_ingresantes img{
    margin: -10px 0px 0px 13px;
    width: 93%;
}

.boton1_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -101px 0px 0px 24px;
}

.texto_boton1_ingresantes p{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 5px 0px 0px 24px;
    padding-right: 56px;
}

.links_aside_ingresantes{
    color: #399741;
    text-decoration: none;
}

.links_aside_ingresantes:hover{
    color: #000;
}

.boton2_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton2_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -101px 0px 0px 24px;
}

.texto_boton2_ingresantes p{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 5px 0px 0px 24px;
    padding-right: 16px;
}

.boton3_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton3_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -101px 0px 0px 24px;
}

.texto_boton3_ingresantes p{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 5px 0px 0px 24px;
    padding-right: 16px;
}

.boton4_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton4_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -85px 0px 0px 24px;
}

.texto_boton4_ingresantes p{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 5px 0px 0px 24px;
    padding-right: 16px;
}

.boton5_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton5_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -46px 0px 0px 24px;
}

.links2_aside_ingresantes{
    color: #399741;
    text-decoration: none;
}

.links2_aside_ingresantes:hover{
    color: #000;
}

.boton6_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton6_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -99px 0px 0px 24px;
}

.texto_boton6_ingresantes p{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 5px 0px 0px 24px;
    padding-right: 16px;
}

.boton7_ingresantes img{
    margin: 35px 0px 0px 13px;
    width: 93%;
}

.boton7_ingresantes p{
    font-size: 16px;
    font-family: 'roboto_condensedregular';
    color: #399741;
    margin: -47px 0px 0px 24px;
}

.pie_aside_ingresantes{
    margin: 62px 0px 0px 15px;
    width: 91%;
}

#fin_art_ingresantes{
    width: 960px; 
    margin: 68px -1.685px auto;
}
    
.footer_ingresantes { 
    width: 784.631px; 
    margin: auto; 
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    position: relative;
    }

.fin_footer_ingresantes p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: 11px 0px 0px 3px;
}










/*Hoja de estilos index.html*/

#caja_index{
    height: 267px;
    margin-left: 88px;
    margin-right: 88px;
}

#caja_index2{
    height: 147px;
    margin-left: 88px;
    margin-right: 88px;
}

#la_morfologia {
    width: 780px;
    background-image: url(Imagenes/imagenlamorfologia-01-01.png);
    background-size: 780px;
    background-repeat: no-repeat;
    height: 276px;
    padding-top: 18px;
  
    
}

.titulo_la_morfologia {
    font-family: 'roboto_condensedregular';
    font-size: 19px;
    color: rgba(20,70,81,1)
}



.texto_lamorfologia {
    font-family: 'roboto_condensedlight';
    font-size: 14px;
    margin: 10px 0px 0px 410px;
    padding-right: 28px;
}

.links_vermas_index{
    font-family: 'roboto_condensedlight';
    font-size: 14px;
    text-decoration: none;
    color: #399741;
}

.links_vermas_index:hover{
    color: #fff;
}

#fin_art_index{
    width: 960px; 
    margin: 101px 0.315px auto;
}

.fin_footer_index p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: 11px 0px 0px 470px;
}

#bxslider_index{
    margin: -237px 0px 0px 87px;
   
}

#columnas {
    width: 780px;
    height: 500px;
    margin: auto;
}

#columna1 {
    background-image: url(Imagenes/columna1-01.png);
    width: 260px;
    background-size: 258px;
    background-repeat: no-repeat;
    height: 440px;
    margin: 35px auto;
    padding-top: 28px;
    float: left;
}

#preg {
    margin:8px 0px 0px 25px;
    
}

#preg1 {
    margin:2px 0px 0px 25px;
}

#abajo-preg-tit {
    margin: 54px 0px 0px 16px;
}

#abajo-preg-text {
    margin: 1px 0px 0px 16px;
}

#columna2 {
    background-image: url(Imagenes/columna2-01.png);
    width: 260px;
    background-size: 258px;
    background-repeat: no-repeat;
    height: 440px;
    margin: 35px auto;
    padding-top: 28px;
    float: left;
}

#columna3 {
    background-image: url(Imagenes/columna3-01.png);
    width: 260px;
    background-size: 258px;
    background-repeat: no-repeat;
    height: 440px;
    margin: 35px auto;
    padding-top: 28px;
    float: left;
}

#columna1 .links_preguntas{
    font-family: 'roboto_condensedlight_italic';
    font-size: 14px;
    color: #000;
    text-decoration: none;
    
}
#columna1 .links_preguntas:hover{
    color: #399741;
}
#columna1 .titulo {
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -2px 0px 18px 28px;
}
#columna1 .link_bienvenidos{
    color: #399741;
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    text-decoration: none;
}
#columna1 .link_bienvenidos:hover{
    color: #000;
}
#columna1 .texto_bienvenidos{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
}
#columna2 .titulo2{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -2px 0px 18px 28px;
}
#columna2 .texto_mural{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 171px 10px 0px 14px;
}

#abajo-mural-tit {
        margin: 42px 0px 0px 16px;
}

#abajo-mural-text {
        margin: 1px 0px 0px 16px;
}


.link_columnas{
    font-family: 'roboto_condensedlight';
    font-size: 14px;
    text-decoration: none;
    color: #399741;
}
.links_columnas:hover{
    color: #fff;
}
.link_formarparte{
    color: #399741;
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    text-decoration: none;
}
.link_formarparte:hover{
    color: #000;
}
.texto_formarparte{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
}
#columna3 .titulo3{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -2px 0px 18px 28px;
}
.texto_clasesteoricas{
    font-size: 12px;
    font-family: 'roboto_condensedregular';
    margin: 171px 15px 0px 14px;
}
.link_charlasabiertas{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    color: #399741;
    text-decoration: none;
}
.link_charlasabiertas:hover{
   color: #000
}
.texto_charlasabiertas{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
}


#fin-art-index{ width: 960px; margin: 5px -0.685px auto;}
    
    




/*Hoja de estilos programa_m1.html*/

#caja_m1{
    background-image: url(Imagenes/caja_programa_m1.svg);
    margin-left: 88px;
    margin-right: 88px;
    height: 1445px;
    border-bottom: 2px solid #399741;
    width: 780px;
}

.pabellones p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -1381px 0px 0px 14px;
    padding-right: 200px;
    color: #fff;
}

.a_trabajar p{
    font-family: 'roboto_condensedregular';
    font-size: 14px;
    margin: -1px 0px 0px 14px;
    color: #fff;
}

.texto_1 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 27px 0px 0px 15px;
}

.texto_2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 134px 0px 0px 15px;
    padding-right: 8px;
}

.texto_3 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 133px 0px 0px 15px;
    padding-right: 8px;
}

.texto_4 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 129px 0px 0px 15px;
    padding-right: 8px;
}

.texto_5 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 130px 0px 0px 15px;
    padding-right: 8px;
}

.texto_6 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 129px 0px 0px 15px;
    padding-right: 8px;
}

.link_referentes_m1 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 146px 0px 0px 24px;
    font-size: 16px;
}

.link_referentes_m1 p a{
    text-decoration: none;
    color: #fff;
}

.link_referentes_m1 p a:hover{
    color: #000;
}

.link_lecturas_programa_m1 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.link_lecturas_programa_m1 p a{
    text-decoration: none;
    color: #fff;
}

.link_lecturas_programa_m1 p a:hover{
    color: #000;
}

.link_programa_m2 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.link_programa_m2 p a{
    text-decoration: none;
    color: #fff;
}

.link_programa_m2 p a:hover{
    color: #000;
}

.link_docentes_m1 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.link_docentes_m1 p a{
    text-decoration: none;
    color: #fff;
}

.link_docentes_m1 p a:hover{
    color: #000;
}

.link_galeria_m1 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.link_galeria_m1 p a{
    text-decoration: none;
    color: #fff;
}

.link_galeria_m1 p a:hover{
    color: #000;
}

.desarrollo img{
    margin: -27px 0px 0px 59px;
}

.desarrollo p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -386px 0px 0px 69px;
}

.texto_desarrollo p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: 16px 0px 0px 71px;
    padding-right: 286px;
}

.links_vermas{
    font-family: 'open_sansregular';
    text-decoration: none;
    color: #399741;
}

.links_vermas:hover{
    color: #fff;
}

.viñeta_programa_m1 img{
    margin: 0px 0px 0px 10px;
}

.objetivos img{
    margin: 53px 0px 0px 15px;
}

.objetivos p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -29px 0px 0px 69px;
}

.texto1_objetivos img{
    margin: 24px 0px 0px 55px;
}

.texto1_objetivos p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 286px;
}

.texto2_objetivos img{
    margin: 16px 0px 0px 55px;
}

.texto2_objetivos p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 274px;
}

.texto3_objetivos img{
    margin: 16px 0px 0px 55px;
}

.texto3_objetivos p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 286px;
}

.texto4_objetivos img{
    margin: 15px 0px 0px 55px;
}

.texto4_objetivos p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 286px;
}

.texto5_objetivos img{
    margin: 20px 0px 0px 55px;
}

.texto5_objetivos p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 280px;
}

.viñeta_primer_cuatrimestre img{
    margin: 0px 0px 23px 10px;
}

.primer_cuatrimestre img{
    margin: 33px 0px 0px 15px;
    width: 60%;
}

.primer_cuatrimestre p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -52px 0px 0px 69px;
}

.primer_cuatrimestre2 p{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
    margin: 0px 0px 0px 69px;
}

.texto_primer_cuatrimestre img{
    margin: 28px 0px 0px 55px;
}

.texto_primer_cuatrimestre p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 272px;
}

.viñeta_segundo_cuatrimestre img{
    margin: 0px 0px 23px 10px;
}

.segundo_cuatrimestre img{
    margin: 34px 0px 0px 15px;
    width: 60%;
}

.segundo_cuatrimestre p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -52px 0px 0px 69px;
}

.segundo_cuatrimestre2 p{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
    margin: 0px 0px 0px 69px;
}

.texto_segundo_cuatrimestre img{
    margin: 26px 0px 0px 55px;
}

.texto_segundo_cuatrimestre p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 272px;
}

.fin_footer_m1 p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: -5px 0px 0px 3px;
}










/*Hoja de estilos de programa_m2.html*/

#caja_m2{
    background-image: url(Imagenes/caja_programa_m1.svg);
    margin-left: 88px;
    margin-right: 88px;
    height: 1335px;
    border-bottom: 2px solid #399741;
    width: 780px;
}
    
.espacios p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -1298px 0px 0px 14px;
    padding-right: 200px;
    color: #fff;
}

.a_trabajar_m2 p{
    font-family: 'roboto_condensedregular';
    font-size: 14px;
    margin: -1px 0px 0px 14px;
    color: #fff;
}
    
.texto_1_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 27px 0px 0px 15px;
}

.texto_2_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 134px 0px 0px 15px;
    padding-right: 8px;
}

.texto_3_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 133px 0px 0px 15px;
    padding-right: 8px;
}

.texto_4_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 129px 0px 0px 15px;
    padding-right: 8px;
}

.texto_5_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 130px 0px 0px 15px;
    padding-right: 8px;
}

.texto_6_m2 p{
    font-family: 'open_sanslight';
    font-size: 9px;
    margin: 129px 0px 0px 15px;
    padding-right: 8px;
}

.referentes_m2 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 146px 0px 0px 24px;
    font-size: 16px;
}

.referentes_m2 p a{
    text-decoration: none;
    color: #fff;
}

.referentes_m2 p a:hover{
    color: #000;
}

.lecturas_programa_m2 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.lecturas_programa_m2 p a{
    text-decoration: none;
    color: #fff;
}

.lecturas_programa_m2 p a:hover{
    color: #000;
}

.link_programa_m1 p{
    font-family: 'roboto_condensedregular';
    color: #000;
    margin: 23px 0px 0px 24px;
    font-size: 16px;
}

.link_programa_m1 p a{
    text-decoration: none;
    color: #fff;
}

.link_programa_m1 p a:hover{
    color: #000;
}

.texto_link_programa_m1 p{
    font-family: 'roboto_condensedregular';
    font-size: 14px;
    margin: 13px 0px 0px 31px;
    color: #fff;
}

.desarrollo_m2 img{
    margin: -27px 0px 0px 59px;
}

.desarrollo_m2 p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -277px 0px 0px 69px;
}

.texto_desarrollo_m2 p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: 16px 0px 0px 71px;
    padding-right: 286px;
}

.viñeta_programa_m2 img{
    margin: 51px 0px 0px 10px;
}

.objetivos_m2 img{  
    margin: 53px 0px 0px 15px;
}

.objetivos_m2 p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -29px 0px 0px 69px;
}

.texto1_objetivos_m2 img{
    margin: 24px 0px 0px 55px;
}

.texto1_objetivos_m2 p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 286px;
}

.texto2_objetivos_m2 img{
    margin: 16px 0px 0px 55px;
}

.texto2_objetivos_m2 p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 274px;
}

.texto3_objetivos_m2 img{
    margin: 16px 0px 0px 55px;
}

.texto3_objetivos_m2 p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 286px;
}

.viñeta_de_la_lectura img{
    margin: 0px 0px 24px 10px;
}

.de_la_lectura img{
    margin: 33px 0px 0px 15px;
    width: 60%;
}

.de_la_lectura p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -52px 0px 0px 69px;
}

.de_la_lectura2 p{
    font-size: 14px;
    font-family: 'roboto_condensedlight';
    margin: 0px 0px 0px 69px;
}

.texto_de_la_lectura img{
    margin: 28px 0px 0px 55px;
}

.texto_de_la_lectura p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 272px;
}

.viñeta_del_proyecto img{
    margin: 0px 0px 0px 10px;
}

.del_proyecto img{
    margin: 34px 0px 0px 15px;
    width: 60%;
}

.del_proyecto p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -31px 0px 0px 69px;
}

.texto_del_proyecto img{
    margin: 26px 0px 0px 55px;
}

.texto_del_proyecto p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 257px;
}

.boton_actividad_conjunta p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -30px 0px 0px 74px;
    color: #399741;
}

.boton_actividad_conjunta p a{
    text-decoration: none;
    color: #399741;
}

.boton_actividad_conjunta p a:hover{
    color: #000;
}

.boton_actividad_conjunta img{
    margin: 13px 0px 0px 52px;
    width: 60%;
}

.viñeta_metodologia img{
    margin: 0px 0px 0px 10px;
}

.metodologia img{
    margin: 34px 0px 0px 15px;
}

.metodologia p{
    font-family: 'roboto_condensedregular';
    font-size: 18px;
    margin: -30px 0px 0px 69px;
}

.texto1_metodologia img{
    margin: 26px 0px 0px 55px;
}

.texto1_metodologia p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 272px;
}

.texto2_metodologia img{
    margin: 26px 0px 0px 55px;
}

.texto2_metodologia p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 272px;
}

.texto3_metodologia img{
    margin: 26px 0px 0px 55px;
}

.texto3_metodologia p{
    font-family: 'open_sanslight';
    font-size: 12px;
    margin: -19px 0px 0px 74px;
    padding-right: 269px;
}
    
.fin_footer_m2 p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: -5px 0px 0px 3px;
}
    
/*Hoja de estilos de pato*/

       
article {
    clear: both;
    width: 784.631px;
    margin: 20px auto 3px;
    position: relative;
    padding-top: 10px;
     
   
    }

#fondo-tit {
    background-image: url(Imagenes/fondo-titulos.svg);
    background-repeat: no-repeat;
    background-size: 550px;
    height: 55px;
    padding-left: 65px;
    padding-top:3px;
    margin-left: -3px;
   
  }

#fondo-tit2 {
    background-image: url(Imagenes/fondo-titulos2.svg);
    background-repeat: no-repeat;
    background-size: 550px;
    height: 55px;
    padding-left: 65px;
    padding-top:3px;
    margin-left: -3px;
   
  }


#columna1-menu {
    float: left;
    }

#columna2-menu {
    float: left;
    }

#fondo-menu-secundario {
    width: 478px;
    background-image: url(Imagenes/fondo-menusec.svg);
    background-repeat: no-repeat;
    background-size: 541px;
    padding-left: 65px;
    height: 55px;
    margin-bottom: 5px;
    
    }

#fondo-menu-secundario-corto {
    width: 206px;
    background-image: url(Imagenes/fondo-menusec-corto.svg);
    background-repeat: no-repeat;
    background-size: 270px;
    padding-left: 65px;
    height: 55px;
    margin-bottom: 5px;
    
    
    }

#fondo-menu-terciario {
    width: 221px;
    background-image: url(Imagenes/fondo-menuterc.svg);
    background-repeat: no-repeat;
    background-size: 279px;
    padding-left: 50px;
    height: 35px;
    margin-bottom: 5px;
   
    }


#fondo-menu-secundario2 {
    width: 478px;
    background-image: url(Imagenes/fondo-menusec-galeria.svg);
    background-repeat: no-repeat;
    background-size: 541px;
    padding-left: 65px;
    height: 55px;
    margin-bottom: 5px;
    
    }

    

#fondo-asidebiblio {
    width: 200px;
    background-image: url(Imagenes/fondo-asidebiblio.png);
    background-repeat: no-repeat;
    background-size: 220px;
    height: 730px;
    padding-left: 17px;
    padding-top: 18px;
    padding-right: 17px;
    
    
    }

#fondo-asidegaleria {
    width: 200px;
    background-image: url(Imagenes/fondo-asidegaleria.png);
    background-repeat: no-repeat;
    background-size: 220px;
    height: 730px;
    padding-left: 17px;
    padding-top: 20px;
    padding-right: 17px;
    
    
    }

#art-interes {
    width: 518px;
    background-image: url(Imagenes/fondo-artbiblio-01.png);
    background-repeat: no-repeat;
    background-size: 540px;
    height: 530px;
    padding-top: 22px;
    padding-left: 17px;
    margin-bottom: 50px;
    padding-right: 7px;
   
    
    }

#proy-conocer {
    width: 780px;
    background-image: url(Imagenes/fondo-proy-conocer.png);
    background-repeat: no-repeat;
    background-size: 780px;
    height: 385px;
    padding-top: 21px;
    padding-left: 20px;
    margin-bottom: 50px;
    margin-left: 1px;
    
    }


#proy-conocer2 {
    width: 780px;
    background-image: url(Imagenes/fondo-proy-conocer2.png);
    background-repeat: no-repeat;
    background-size: 780px;
    height: 385px;
    padding-top: 22px;
    padding-left: 20px;
    margin-bottom: 50px;
    margin-left: 1px;
    
    }


#audiovisual {
    width: 525px;
    background-image: url(Imagenes/fondo-audiovisual.svg);
    background-repeat: no-repeat;
    background-size: 542px;
    height: 399px;
    padding-top: 19px;
    padding-left: 17px;
    margin-bottom: 50px;
   
    
    }

#art-docentes {
    width: 780.631px;
    background-color: rgba(148,197,212,0.2);
    padding-top: 15px;
    border-bottom: 1.8px;
    border-bottom-color: rgba(58,152,66,1);
    border-bottom-style: solid;
    margin-bottom: 65px;
    
    }

#aside-docentes {
    width: 220px;
    height: 730px;
   
    }

    #aside-docentes img {
        width: 220px;
        margin-bottom: 12px;
  
        }

    .titulares-secundarios {
        color: rgba(48,50,47,1);
        font-family: 'roboto_condensedregular';
        font-size: 19px;
        width: auto;
        
       }

    .titulares-secundarios2 {
        color: rgba(57,151,65,1);
        font-family: 'roboto_condensedregular';
        font-size: 19px;
        width: auto;
        
        
       }



    .titulares-terciarios {
        color: rgba(48,50,47,0.8);
        font-family: 'roboto_condensedregular';
        font-size: 16px;
        width: auto;
        
        }

    .titulares-terciarios2 {
        color: rgba(57,151,65,0.8);
        font-family: 'roboto_condenseditalic';
        font-size: 17px;
        margin-left: 15px;
        border-bottom: 1px;
        border-bottom-color: rgba(57,151,65,1);
        border-bottom-style: dotted;
        width: 491px;
        padding-left: 15px;
        
        }

    p {margin: 0px;}

    #fotitos {
        width:100%; 
        position: absolute; 
        float: left;
        clear: both;
        height: auto;
        margin: auto;
        border-left: 0.5px; 
        border-bottom-style: solid;
        border-color: rgba(48,50,47,0.8);
    
        }
    
    #fotitos img {width: 100%; margin: auto; position: relative;} 
     

    

    #opciones {
        width:40%; 
        position: absolute; 
        float: left;
        clear: both;
        height: auto;
    
        }

        .menu-secundario {
            text-decoration: none;
            color: rgba(20,70,81,1);
            float: left;
            width: 455px;
            text-align: left;
            font-size: 35px;
            font-family: 'roboto_condensedlight_italic';
            position: relative;
        
            }

        .menu-secundario:hover {
            text-decoration: none;
            background-color: none;
            position: relative;
            color: rgba(21,70,81,0.4);
            }
        
        .secundario-seleccionado {
            text-decoration: none;
            background-color: none;
            position: relative;
            color: rgba(21,70,81,0.4);
            font-size: 35px;
            font-family: 'roboto_condensedlight_italic';
            
            
            }

        .menu-terciario {
            text-decoration: none;
            color: rgba(20,70,81,1);
            float: left;
            width: 455px;
            text-align: left;
            font-size: 23px;
            font-family: 'roboto_condensedregular';
            position: relative;
        
            }

        .menu-terciario:hover {
            text-decoration: none;
            color: rgba(20,70,81,0.4);
            float: left;
            width: 455px;
            text-align: left;
            font-size: 23px;
            font-family: 'roboto_condensedregular';
            position: relative;
        
            }


    #mym {
        width:10%; 
        position: absolute; 
        float: left;
        clear: both;
        height: auto;
        margin-top:34px;
        margin-left: 100px;
        
    
        }

        .terciario {
            text-decoration: none;
            background-color: none;
            position: relative;
            color: rgba(196,214,189,1);
            font-size: 25px;
            font-family: 'roboto_condensedregular';
            position: relative;
        
            }

        .terciario:hover {
            text-decoration: none;
            background-color: none;
            position: relative;
            color: rgba(196,214,189,0.5);
            
        }


    #bordes-texto {
        width:541px;
        height: auto;
        border-bottom: 1px;
        border-bottom-color: rgba(48,50,47,0.5);
        border-bottom-style: solid;
        padding-bottom: 3px;
        margin-bottom: 15px;
        background-color: rgba(168,198,204,0.2);
        
        }

        .texto {
            color: rgba(48,50,47,1);
            font-family: 'open_sansregular';
            font-size: 12px;
            width:auto;
            height: auto;
            margin-bottom: 35px;
    

        }

        .texto p {
            width: 511px;
            margin:15px auto 15px;
            

            }

     #bordes-texto2 {
        width:541px;
        height: auto;
        border-bottom: 1px;
        border-bottom-color: rgba(48,50,47,0.5);
        border-bottom-style: solid;
        padding-bottom: 3px;
        margin-bottom: 15px;
        
        
        }

        .mas {
            color: rgba(48,50,47,0.5);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: none;
            margin-right: 15px;
            
            }

        .mas:hover {
            color: rgba(48,50,47,1);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: underline;

            }


          .mas-galeria2 {
            color: rgba(48,50,47,0.5);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: none;
            margin-top: 4px;
            
            }

        .mas-galeria2:hover {
            color: rgba(48,50,47,1);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: underline;

            }


        .mas-galeria3 {
            color: rgba(48,50,47,0.5);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: none;
            margin-top: 11px;
            
            }

        .mas-galeria3:hover {
            color: rgba(48,50,47,1);
            font-family: 'roboto_condensedregular';
            font-size: 12px;
            width: auto;
            height: auto;
            float: right;
            text-decoration: underline;

            }
            
        .items {
            width: 475px;
            height: auto;
            margin: 0;
            margin-bottom: 10px;
            font-family: 'open_sanssemibold_italic';
            font-size: 12px;
            padding: 0 30px;
            color: rgba(57,151,65,1);
           
            }


.art-interes-titppal {
        font-family: 'roboto_condensedregular';
        font-size: 25px;
        width: 196px;
        text-decoration: none;
        color: rgba(20,70,81,1); 
        margin-left: 47px;
        
            
        }
 
       
           
.art-interes-titppal:hover {
        text-decoration: none;
        color: rgba(20,70,81,0.4); 
        
        }

.audiovisual-titppal {
        font-family: 'roboto_condensedregular';
        font-size: 25px;
        width: 196px;
        text-decoration: none;
        color: rgba(58,152,66,1); 
        margin-left: 47px;
        
            
        }
 
.audiovisual-titppal:hover {
        text-decoration: none;
        color: rgba(58,152,66,0.4); 
        
        }

.interes-text {
        font-family: 'open_sanslight';
        font-size: 11px;
        color: rgba(48,50,47,1);
        width: 509px;
        
        }

.proy-conocer-text {
        font-family: 'open_sanslight';
        font-size: 11px;
        color: rgba(48,50,47,1);
        width: 175px;
        
        }

    .proy-conocer-text {
        margin-left: 557px;
        margin-top: 17px;
    }

#subart-docentes {
    padding-bottom: 21px;
    
    }

#docentes-columnas {
    width: 257px;
    float: left;
    padding-bottom: 5px;
    
}


#bxslider-galeriagral {
    margin: 0px 0px 0px 0px;
    height: 515px;
}

#bxslider-galeriaarq {
    margin: 0px 0px 0px 0px;
    height: 378px;
}



.subart-tit {
        font-family: 'roboto_condensedregular';
        font-size: 17px;
        width: 465px;
        text-decoration: none;
        color: rgba(48,50,47,1); 
        background-image: url(Imagenes/fondo-tit-artdocentes.svg);
        background-repeat: no-repeat;
        background-size: 622px;
        height: 35px;
        padding-left: 70px;
    
        
            
        }

.subart-text {
    font-family: 'open_sansregular';
    font-size: 13px;
    color: rgba(48,50,47,1); 
    padding-left: 70px;
    margin-top: -2px;
    margin-bottom: 2px;
    
    }

 aside { 
      float: right;
      position: absolute;
      margin-left:559.631px;
     
    }

    .aside-biblio-titppal {
        font-family: 'roboto_condensedregular';
        font-size: 25px;
        width: 196px;
    
        }
 
        .aside-biblio-titppal a {
            text-decoration: none;
            color: rgba(57,151,65,1); 
            }

        .aside-biblio-titppal a:hover {
            text-decoration: none;
            color: rgba(57,151,65,0.4); 
            }
            
     .aside-galeria-titppal {
        font-family: 'roboto_condensedregular';
        font-size: 25px;
        width: 196px;
    
        }
 
        .aside-galeria-titppal a {
            text-decoration: none;
            color: rgba(20,70,81,1); 
            }

        .aside-galeria-titppal a:hover {
            text-decoration: none;
            color: rgba(20,70,81,0.4); 
            }

    .aside-biblio-titsec {
        font-family: 'roboto_condensedregular';
        font-size: 17px;
        color: rgba(48,50,47,1);
        width: 196px;
        
        }

    .aside-galeria-titsec {
        font-family: 'roboto_condensedregular';
        font-size: 16px;
        color: rgba(48,50,47,1);
        width: 196px;
        
        }

    .aside-biblio-text {
        font-family: 'open_sanslight';
        font-size: 11px;
        color: rgba(48,50,47,1);
        width: 189px;
        
        }


    .texto-costado {
        font-family: 'open_sansregular';
        font-size: 12px; 
        color:#fff; 
        width: 195.937px;  
        margin: auto;
        margin-right
        position: relative; 
        text-align: left;
        float: right;
        }



   .texto-costado-italica {
        font-family: 'open_sansitalic';
        font-size: 12px; 
        color: rgba(48,50,47,0.7);
        width: 195.937px;  
        margin: auto;
        position: relative; 
        text-align: left;
    
        }

#cositas-pie {
    float: right;
    padding-right: 12px;
}

#fin-art {width: 960px; margin: 5px -87.685px auto;}

footer { 
    width: 784.631px; 
    margin: auto; 
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    position: relative;
    height: 140px;
    
    
    
    }

    #pie-completo {
        clear: both;
        
        }


    
    div#seccion2 {
        width:25%; 
        position: absolute; 
        float: left; 
        background-image: url(Imagenes/Vineta-pie.svg);
        background-repeat: no-repeat;
        padding-left: 35px;
            
        }
    

    div#seccion {
        width:12%; 
        margin-left: 300px; 
        position: absolute;
        background-image: url(Imagenes/Vineta-pie.svg);
        background-repeat: no-repeat;
        padding-left: 35px;
        
    }
    
    .titulo-footer {
            color: rgba(48,50,47,1);
            text-align: left;
            font-family: 'roboto_condensedbold';
            font-size: 13px;
            width: 100%;
            float: left;
            margin-left: auto;


            }

    .renglon-footer {
            font-family: 'roboto_condensedregular';
            font-size: 10px;
            text-align: left;
            color: rgba(48,50,47,1);
            float: left;
            margin: auto;
            position: relative;

            }

    .menu-footer {
            text-decoration: none;
            color: rgba(48,50,47,1);
            float: left;
            width: 100%;
            text-align: left;
            font-size: 10px;
            font-family: 'roboto_condensedregular';
            position: relative;

            }
    .menu-footer:hover{
            text-decoration: underline;
            background-color: none;
            position: relative;
            }


    div#redes-sociales {
        width: 7%; 
        float: right; 
        padding-top: 3px; 
        position: relative;
        margin-right: 3px;
        
        }
    
    .iconos {padding-left: 3px; float: right;}
        #logo-blog {
            background: url("Imagenes/logo-bloggris.svg") no-repeat;
            width: 20.744px;
            height: 21.06px;
            }

        #logo-blog:hover {
            background: url("Imagenes/logo-blogcolor.svg") no-repeat;
            width: 20.744px;
            height: 21.06px;
            }

        #logo-face {
            background: url("Imagenes/logo-facegris.svg") no-repeat;
            width: 20.744px;
            height: 21.06px;
            }

        #logo-face:hover {
            background: url("Imagenes/logo-facecolor.svg") no-repeat;
            width: 20.744px;
            height: 21.06px;
            }

        #logo-face img {border:none;}

.fin_footer-patri p{
    font-family: 'roboto_condensedlight'; 
    font-size: 10px;
    margin: auto;
    margin-top: 10px;
    width: 960px;
}

 

/*Media Queries*/
@media all and (max-width:768px){
  div#renglon {
        position: absolute;
        width: 0px;
        height: 100px;
      margin-top: 120px;
     
        }

    nav {width: 100px;margin-top: 5px; background-color: rgb(148,197,212);padding-top: 15px;}
    
     nav ul{
        list-style: none;
        margin: 0px;
         height: 150px;
        }
    
    nav ul li{
            margin: -22px 0 0 0;
            width:100px;;
            float: left;
            clear: both;
            display: block;
       
            }
    
     .menu-ppal {
        text-decoration: none;
        color: rgba(48,50,47,1);
        float: left;
        text-align: left;
        padding: 10px;
        font-size: 11px;
        }
    
    .boton-seleccionado {
            text-decoration: none;
        color: rgba(48,50,47,1);
        float: left;
        text-align: left;
        padding: 10px;
        font-size: 11px;
        }
    
    
    
    #columna1 {clear:both; margin: 60px 0 0 0;}
    #columna2 {clear: both; margin: 5px auto;}
    #columna3 {clear: both; margin: 5px 0 0 0;}
    
    
    
#la_morfologia {
    width: 260px;
    background-image: url(Imagenes/imagenlamorfologia_largo-01.png);
    background-size: 259px;
    background-repeat: no-repeat;
    height: 300px;
    padding-top: 2px;
    margin-bottom: 25px;
   
  
    
}

.titulo_la_morfologia {
    font-family: 'roboto_condensedregular';
    font-size: 19px;
    color: rgba(20,70,81,1)
}



.texto_lamorfologia {
    font-family: 'roboto_condensedlight';
    font-size: 8px;
    margin: 140px 0px 0px 35px;
    padding-right: 28px;
}
    

    
@media all and (max-width:1024px){
    header{
        position: relative;
        width: 100%; 
        }        
    nav{
        position:absolute;
        top:0.1rem;
        right: 0.1rem;
        }
    nav ul li{
        margin-right: 2rem;
        width:10rem;
        float: left;
        }