@font-face {
  font-family: "Montserrat-Black";
  src: url(../fonts/monserrat/Montserrat-Black.ttf), url(../fonts/Montserrat-Black.eot), url(../fonts/Montserrat-Black.otf);
}

@font-face {
  font-family: "Montserrat-BlackItalic";
  src: url(../fonts/monserrat/Montserrat-BlackItalic.ttf), url(../fonts/Montserrat-BlackItalic.eot), url(../fonts/Montserrat-BlackItalic.otf);
}

@font-face {
  font-family: "Montserrat-Bold";
  src: url(../fonts/monserrat/Montserrat-Bold.ttf), url(../fonts/Montserrat-Bold.eot), url(../fonts/Montserrat-Bold.otf);
}

@font-face {
  font-family: "Montserrat-BoldItalic";
  src: url(../fonts/monserrat/Montserrat-BoldItalic.ttf), url(../fonts/Montserrat-BoldItalic.eot), url(../fonts/Montserrat-BoldItalic.otf);
}

@font-face {
  font-family: "Montserrat-ExtraBold";
  src: url(../fonts/monserrat/Montserrat-ExtraBold.ttf), url(../fonts/Montserrat-ExtraBold.eot), url(../fonts/Montserrat-ExtraBold.otf);
}

@font-face {
  font-family: "Montserrat-ExtraBoldItalic";
  src: url(../fonts/monserrat/Montserrat-ExtraBoldItalic.ttf), url(../fonts/Montserrat-ExtraBoldItalic.eot), url(../fonts/Montserrat-ExtraBoldItalic.otf);
}

@font-face {
  font-family: "Montserrat-ExtraLight";
  src: url(../fonts/monserrat/Montserrat-ExtraLight.ttf), url(../fonts/Montserrat-ExtraLight.eot), url(../fonts/Montserrat-ExtraLight.otf);
}

@font-face {
  font-family: "Montserrat-ExtraLightItalic";
  src: url(../fonts/monserrat/Montserrat-ExtraLightItalic.ttf), url(../fonts/Montserrat-ExtraLightItalic.eot), url(../fonts/Montserrat-ExtraLightItalic.otf);
}

@font-face {
  font-family: "Montserrat-Italic";
  src: url(../fonts/monserrat/Montserrat-Italic.ttf), url(../fonts/Montserrat-Italic.eot), url(../fonts/Montserrat-Italic.otf);
}

@font-face {
  font-family: "Montserrat-Light";
  src: url(../fonts/monserrat/Montserrat-Light.ttf), url(../fonts/Montserrat-Light.eot), url(../fonts/Montserrat-Light.otf);
}

@font-face {
  font-family: "Montserrat-LightItalic";
  src: url(../fonts/monserrat/Montserrat-LightItalic.ttf), url(../fonts/Montserrat-LightItalic.eot), url(../fonts/Montserrat-LightItalic.otf);
}

@font-face {
  font-family: "Montserrat-Medium";
  src: url(../fonts/monserrat/Montserrat-Medium.ttf), url(../fonts/Montserrat-Medium.eot), url(../fonts/Montserrat-Medium.otf);
}

@font-face {
  font-family: "Montserrat-MediumItalic";
  src: url(../fonts/monserrat/Montserrat-MediumItalic.ttf), url(../fonts/Montserrat-MediumItalic.eot), url(../fonts/Montserrat-MediumItalic.otf);
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url(../fonts/monserrat/Montserrat-Regular.ttf), url(../fonts/Montserrat-Regular.eot), url(../fonts/Montserrat-Regular.otf);
}

@font-face {
  font-family: "Montserrat-SemiBold";
  src: url(../fonts/monserrat/Montserrat-SemiBold.ttf), url(../fonts/Montserrat-SemiBold.eot), url(../fonts/Montserrat-SemiBold.otf);
}

@font-face {
  font-family: "Montserrat-SemiBoldItalic";
  src: url(../fonts/monserrat/Montserrat-SemiBoldItalic.ttf), url(../fonts/Montserrat-SemiBoldItalic.eot), url(../fonts/Montserrat-SemiBoldItalic.otf);
}



.btnheadercategorias {background: #ffcc21; border-radius: 0.3em; box-shadow: 1px 1px 4px #1d179b; color: #1d179b; font-family: "Montserrat-Bold"; font-size: 1.2em; text-transform: uppercase; margin: 0 0.2em 0.4em 0.2em; padding: 0.4em; position:inherit; z-index: 10;}
.btnheadercategorias:hover {background: #1d179b; color: #ffcc21;}
.marginheaders{height: 45vh; width: 100%; padding: 5% 22% 3% 22%;}

.marginheadereditorial{height: 80vh; width: 100%; padding: 25% 20% 0 25%;}



.lineright{height: 0;border-style: solid;border-width: 0 0 120px 99.8vw;border-color:  transparent transparent #e2e2e2  transparent;margin:-120px 0 0 0;}
.lineleft{height: 0;border-style: solid;border-width:0 99.8vw 120px 0;border-color:transparent transparent #f6f7fd transparent;margin:-120px 0 0 0;}





/*=================================== HEADERS SECCIONES ====================================*/

.headerfundamentospedagogicos {background-image: url(../../pedagogia-dialogante/principios/fundamentos-pedagogicos/fundamentos-pedagogicos.jpg); background-size: cover; background-position: top center; padding: 0; margin: 0; text-align: left;}
.headerfundamentossicologicos {background-image: url(../../pedagogia-dialogante/principios/fundamentos-sicologicos/fundamentos-sicologicos.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerfundamentosfilosoficos {background-image: url(../../pedagogia-dialogante/principios/fundamentos-filosoficos/fundamentos-filosoficos.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.headerinnovacionpedagogica{background-image: url(../../innovacion-pedagogica/innovacion-pedagogica.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: right;}
.headerinnovacionpedagogicaprincipios{background-image: url(../../innovacion-pedagogica/principios/innovacion-pedagogica-principios.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: right;}
.headerinnovacionpedagogicainnovacioncolombia{background-image: url(../../innovacion-pedagogica/innovacion-en-colombia/innovacion-en-colombia.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerinnovacionpedagogicaexcepcionalidad{background-image: url(../../innovacion-pedagogica/excepcionalidad/excepcionalidad1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.headerpedagogiadialogante{background-image: url(../../pedagogia-dialogante/pedagogia-dialogante.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerdocentemediador{background-image: url(../../pedagogia-dialogante/docente-mediador/docente-mediador.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.headercompetencia{background-image: url(../../competencia/competencia.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciaconcepto{background-image: url(../../competencia/concepto/competencia-concepto.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciatransversales{background-image: url(../../competencia/transversales/competencias-transversales.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciatransversalespensamiento{background-image: url(../../competencia/transversales/pensamiento/pensamiento.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciatransversalescomunicativas{background-image: url(../../competencia/transversales/comunicativas/comunicativas.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciatransversalessocioafectivas{background-image: url(../../competencia/transversales/socioafectivas/socioafectivas.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headercompetenciadisciplinares{background-image: url(../../competencia/disciplinares/competencias-disciplinares.jpg); background-size: cover; background-position: bottom center; padding: 0; margin: 0; text-align: left;}
.headercompetencialineamientoscurriculares{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/linemientos-curriculares.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.headerciclosdesarrollo{background-image: url(../../ciclos-de-desarrollo/ciclos-de-desarrollo.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrolloconcepto{background-image: url(../../ciclos-de-desarrollo/concepto/concepto.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrolloactividadrectora{background-image: url(../../ciclos-de-desarrollo/actividad-rectora/actividad-rectora.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrolloexploratorio{background-image: url(../../ciclos-de-desarrollo/ciclo-exploratorio/ciclo-exploratorio.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrolloconceptual{background-image: url(../../ciclos-de-desarrollo/ciclo-conceptual/ciclo-conceptual.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrollocontextual{background-image: url(../../ciclos-de-desarrollo/ciclo-contextual/ciclo-contextual.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.headerciclosdesarrolloproyectivo{background-image: url(../../ciclos-de-desarrollo/ciclo-proyectivo/ciclo-proyectivo.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.header1roprivilegiardesarrollo{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/priviliegiar-el-desarrollo/671A0533-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.header2integralidad{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/integralidad/671A1607-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.header3generalizacion{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/generalizacion/671A1469-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.header4contextualizacion{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/contextualizacion/671A3383-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.header5flexibilidad{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/flexibilidad/671A5118-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}
.header6privilegiarprofundidadfrenteaextension{background-image: url(../../pedagogia-dialogante/lineamientos-curriculares/privilegiar-profundidad-frente-a-extension/671A2415-1.jpg); background-size: cover; background-position: center center; padding: 0; margin: 0; text-align: left;}

.headerdidacticas{background-image: url(../../didacticas/didacticas.jpg); background-size: cover; background-position: top center; padding: 0; margin: 0; text-align: left;}

.headerformacion{background-image: url(../../formacion/formacion.jpg); background-size: cover; background-position:center center; padding: 0; margin: 0; text-align: left;}
.headerformacionpaf{background-image: url(../../formacion/paf/paf.jpg); background-size: cover; background-position:center center; padding: 0; margin: 0; text-align: left;}
.headerformacionvideosdestacados{background-image: url(../../formacion/videos-destacados/videos-destacados.jpg); background-size: cover; background-position:top center; padding: 0; margin: 0; text-align: left;}

/*=================================== HEADERS SECCIONES ====================================*/






.headerprom-after {background: rgb(3,1,34);background: linear-gradient(0deg, rgba(3,1,34,1) 0%, rgba(3,1,34,0) 83%);}


.bodyeditorial{background: #14172b;}





.headeregresados{ color: #ffffff; font-family: "Montserrat-Bold"; font-size: 2.5em; text-transform: uppercase; margin: 0.2em 0 0 0; text-shadow: 1px 1px 4px #000000;}

.headerarticulos{ color: #000000; font-family: "Montserrat-Bold"; font-size: 1.7em; text-transform: uppercase; margin: 0.2em 0 0 0;}

.headereditorial{ color: #edbd21; font-family: "Montserrat-Bold"; font-size: 2.5em; text-transform: uppercase; margin: 0.2em 0 0 0; text-shadow: 1px 1px 4px #000000;}

.autoryfecha{color: #ffffff; font-family: "Montserrat-Medium"; font-size: 1em; text-shadow: 1px 1px 4px #000000;}
.fotoautor{color: #ffffff; font-family: "Montserrat-Medium"; font-size: 0.9em; text-shadow: 1px 1px 4px #000000;}

.autoreditorial{color: #ffffff; font-family: "Montserrat-Medium"; font-size: 1em; text-shadow: 1px 1px 4px #000000; text-align: left;}
.fechaeditorial{color: #ffffff; font-family: "Montserrat-Medium"; font-size: 1em; text-shadow: 1px 1px 4px #000000; text-align: right;}

@media (max-width: 1400px) {

  .marginheaders{height: 55vh; width: 100%; padding: 5% 22% 3% 22%;}
  .marginheadereditorial{height: 45vh; width: 100%; padding: 10% 20% 0 20%;}
  .lineright{height: 0;border-style: solid;border-width: 0 0 80px 99.8vw; margin:-80px 0 0 0;}
  .lineleft{height: 0;border-style: solid;border-width:0 99.8vw 80px 0; margin:-80px 0 0 0;}
  .headeregresados, .headereditorial{ font-size: 2.2em;}
  .headerarticulos{font-size: 1.4em;}

}

@media (max-width: 1200px) {


  .lineright {height: 0;border-style: solid;border-width: 0 0 55px 99.8vw; margin:-55px 0 0 0;}
  .lineleft {height: 0;border-style: solid;border-width:0 99.8vw 55px 0; margin:-55px 0 0 0;}

  .headeregresados, .headereditorial{ font-size: 1.7em;}

}



@media (max-width: 960px) {
  .marginheaders{height: 40vh; padding: 7% 20% 3% 20%}
  .marginheadereditorial{height: 30vh; padding: 25% 20% 0 20%}
}



@media (max-width: 768px) {
    .autoreditorial, .fechaeditorial{font-size: 0.9em; text-align: center;}
}


@media (max-width: 600px) {
  
  .btnheadercategorias {border-radius: 0.2em; font-size: 0.8em; padding: 0.2em;}
  

/*=================================== HEADERS PROMOCIÓN 2021 ====================================*/
  
  .headeredgarsalcedo2021, .headerandresmanrique2021, .headermiguelgaleano2021, .headermigueljaime2021, .headersimonmesa2021{ background-position: top left; background-size: 250%;} 
  .headerjuansalamanca2021{ background-position: top center; background-size: 300%;} 
  .headerdavidrodriguez2021{ background-position: top center; background-size: 250%;} 
  .headersarapineda2021, .headergabrielapena2021, .headerjuanfelipeacuna2021, .headersjuancorreapena2021 { background-position: top left; background-size: 250%;}
  .headerdianasofiaguerra2021, .headernicolasceballos2021, .headerthaizbeniez2021{background-position: top right; background-size: 250%;}
  
/*=================================== HEADERS PROMOCIÓN 2021 ====================================*/  

/*=================================== HEADERS PROMOCIÓN 2020 ====================================*/
  .headeralejandroherrera2020{background-position: top center; background-size: 220%;}
  .headeranacanelarodriguez2020, .headeranamorales2020 {background-position: top right;}
  .headercandelariaortiz2020 {background-position: top center; background-size: 220%;}
  .headergabrielasarmiento2020{background-position: top right;}
  .headerisabellaguerrero2020{ background-position: top center; background-size: 220%;}
  .headermariavaldivieso2020{background-position: top left;}
  .headernataliaceballos2020, .headersofiaruiz2020, .headertaniaalvarez2020 {background-position: top right;}
  .headervioletacabrera2020{background-size: 220%;}
  
  
/*=================================== HEADERS PROMOCIÓN 2020 ====================================*/
  
}

@media (max-width: 500px) {
  .marginheaders{height: 30vh; padding: 8% 7% 5% 7%}
  .marginheadereditorial{ height: 10vh;; padding: 20% 5% 0 5%}
  .headeregresados, .headereditorial{ font-size: 1.3em;}
  .headerarticulos{font-size: 1.1em;}
  .autoryfecha{font-size: 0.7em;}
  .fotoautor{font-size: 0.7em;}


}