body {
    font-size: 16px;
}


/*Iconos*/

.hoverIcono.enunciadoFormulaspan:hover {
    color: #ffffff !important;
}


/*Inicio Tipografia */

h1 {
    font-family: 'Roboto-Black';
    color: #333;
    font-size: 2.5rem!important;
}

h2 {
    font-family: 'Roboto-BoldItalic';
    color: #333;
    font-size: 2.313rem!important;
}

h3 {
    font-family: 'Roboto-Medium';
    color: #333;
    font-size: 2.125rem!important;
}

h4 {
    font-family: 'Roboto-Light';
    color: #333;
    font-size: 1.750rem!important;
}

h5 {
    font-family: 'Roboto-LightItalic';
    color: #333;
    font-size: 1.500rem!important;
}

h6 {
    font-family: 'Roboto-Italic';
    color: #333;
    font-size: 0.875rem!important;
}

p {
    font-family: 'Roboto-Regular';
    color: #333;
    font-size: 1rem!important;
}

.tal {
    font-family: 'Kalam-2020';
    color: #333;
    font-size: 2.125rem!important;
    font-weight: bold;
}

.txtfiguras {
    font-size: 0.875rem!important;
}


/*// Extra small devices (portrait phones, less than 576px)*/

@media (max-width: 575.98px) {
    h1 {
        font-size: 1.75rem!important;
    }
    h2 {
        font-size: 1.625rem!important;
    }
    h3 {
        font-size: 1.5rem!important;
    }
    h4 {
        font-size: 1.125rem!important;
    }
    h5 {
        font-size: 0.875rem!important;
    }
    h6 {
        font-size: 0.813rem!important;
    }
    p {
        font-size: 0.813rem!important;
    }
    .instruccionesForo li {
        font-size: 0.813rem!important;
    }
    .tal {
        font-size: 1.25rem!important;
        font-weight: bold;
    }
}


/*Fin Tipografia */


/*Inicio hipervínculos */

.url a {
    color: #661081;
    text-decoration: underline;
}

.url a:hover {
    color: #661081;
    text-decoration: underline;
    font-weight: bold;
}

.url2 a {
    color: #fff;
    text-decoration: underline;
}

.url2 a:hover {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}


/*Fin hipervínculos */


/* Inicio Botones */


/*Inicio BotonPrincipal */

.BtnPrincipal {
    border: #661081 2px solid!important;
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #661081!important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.BtnPrincipal.active {
    border: #E5FCFF 2px solid!important;
    border-radius: 24px!important;
    background-color: #661081!important;
    color: #ffffff !important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.BtnPrincipal:hover,
.BtnPrincipal:focus,
.BtnPrincipal:active,
.BtnPrincipal:visited {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.BtnPrincipal-desactivado {
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #8F8F8F!important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
    cursor: default!important;
}

#btnRed {
    display: block;
    text-align: center;
    border: #661081 2px solid;
    border-radius: 24px;
    background-color: #E5FCFF;
    color: #661081;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px;
    text-decoration: none;
}

#btnRed:hover {
    border: #fff 2px solid;
    background-color: #661081;
    color: #fff;
    box-shadow: 2px 2px 8px #00000066;
}


/*Fin BotonPrincipal */


/*Boton AP*/

.btnAP {
    border: #9C095D 2px solid !important;
    border-radius: 24px !important;
    background-color: #E5FCFF !important;
    color: #9C095D !important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px !important;
}

.btnAP:hover,
.btnAP:focus,
.btnAP:active,
.btnAP:visited {
    border: #fff 2px solid!important;
    background-color: #9C095D!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}


/*Fin Boton AP*/


/* BotonesActividades */

.btn_adelante {
    border: #661081 2px solid!important;
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #661081!important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.btn_adelante.active {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.btn_adelante:hover,
.btn_adelante:focus,
.btn_adelante:active,
.btn_adelante:visited {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.btn_atras {
    border: #661081 2px solid!important;
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #661081!important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.btn_atras:hover,
.btn_atras:focus,
.btn_atras:active,
.btn_atras:visited {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.checkAE.active {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.checkAS.active {
    border: #fff 2px solid!important;
    background-color: #661081!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}


/*Inicio BotonSecundario */

.BtnSecundario {
    border: #9C095D 2px solid!important;
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #9C095D!important;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.BtnSecundario.active {
    border: #E5FCFF 2px solid!important;
    border-radius: 24px!important;
    background-color: #9C095D!important;
    color: #ffffff!important;
    font-size: 16px;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
}

.BtnSecundario:hover,
.BtnSecundario:focus,
.BtnSecundario:active,
.BtnSecundario:visited {
    border: #fff 2px solid!important;
    background-color: #9C095D!important;
    color: #fff!important;
    box-shadow: 2px 2px 8px #00000066;
}

.BtnSecundario-desactivado {
    border-radius: 24px!important;
    background-color: #E5FCFF!important;
    color: #8F8F8F!important;
    font-size: 1rem;
    font-family: 'Roboto-Bold';
    padding: 15px 30px!important;
    cursor: default!important;
}


/*Fin BotonSecundario */


/* Fin Botones */


/*Inicio Elementos de Contextualización*/

.Lineaizq1 {
    border-left: solid #661081 2px;
    /*margin-left: 20px;*/
}

@media (max-width: 765px) {
    .Lineaizq1 {
        border-left: none!important;
    }
}

.linealogoitm {
    border-left: 2px solid #fff;
}

.fondoportada {
    background-color: #fff;
}

.portada .p-conten {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}

.portada .p-conten img {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    z-index: -1;
}

.lineaPortada {
    border-top: 2px solid #661081;
    width: 76%;
}

.pportada {
    color: #00225A!important;
    /* font-size: 1.375rem!important;  */
    text-align: center!important;
}

.portada .p-conten h6 {
    position: absolute;
    color: #fff;
    font-family: 'Roboto-LightItalic';
    font-size: 0.875rem;
    bottom: 60px;
    right: 120px;
}

.portadaEnlace {
    font-size: 0.875rem;
    color: #fff!important;
    text-decoration: underline;
}


/*Fin Elementos de Contextualización*/


/*Inicio Referencias Bibliograficas*/

.fonndoreferencias {
    background-color: #661081;
}

@media (max-width: 992px) {
    .fonndoreferencias {
        background-color: #fff;
    }
}

.fondoblancoref {
    padding: 50px 50px 150px 50px;
    background-color: #fff;
}

.referenciascontenido {
    position: absolute;
    top: 40%;
    right: 14%;
    height: 100vh;
}


/*Fin Referencias Bibliograficas*/


/* Inicio Cuadro GAVI */

.cuadroGAVI {
    background: #FAFAFA;
    box-shadow: 0 7px 6px -6px #777;
    padding: 20px;
    border-top: 10px solid #FF6B5D;
}


/* Fin Cuadro GAVI */


/* Inicio Tablas */


/*Inicio Scroll para las imagenes y tablas en dispositivos*/

.enunciadoFormula {
    color: #661081 !important;
    font-weight: bold;
}

.formulaScroll {
    overflow-x: auto;
}

.formulaScroll::-webkit-scrollbar {
    -webkit-appearance: none;
}

.formulaScroll::-webkit-scrollbar:vertical {
    width: 1px;
}

.formulaScroll::-webkit-scrollbar:horizontal {
    height: 11px;
    width: 1px;
}

.formulaScroll::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: #661081;
}


/*Fin Scroll para las imagenes y tablas en dispositivos*/

.tabla1 .table-bordered {
    border-collapse: separate;
}

.EncabezadoTabla {
    background-color: #661081;
}

.EncabezadoTabla h5 {
    color: #D1CAA1;
}

.tabla1 .table-bordered tr td {
    border: #661081 solid 1px;
}

.bordeiztabla {
    border-radius: 5px 0px 0px 0px!important;
}

.bordedertabla {
    border-radius: 0px 5px 0px 0px!important;
}


/* Inicio Tablas */


/* Fondos */


/* Fondos Principales */

.Fondo1Ppal {
    background-color: #661081;
}

.Fondo2Ppal {
    background-color: #910581;
}

.Fondo3Ppal {
    background-color: #910581;
}

.Fondo4Ppal {
    background-color: #671082;
}


/* Fondos Secundarios */

.Fondo1Secud {
    background-color: #D1CAA1;
}

.Fondo2Secud {
    background-color: #FDFFFC;
}

.Fondo3Secud {
    background-color: #E5FCFF;
}


/* Colores  */

.color1 {
    color: #671082;
}

.color2 {
    color: #661081 !important;
}


/*Inicio Collapsable*/

.borderinferiorCollapsable {
    border-bottom: 2px solid #661081!important;
    border-top: 0px!important;
    border-left: 0px!important;
    border-right: 0px!important;
}

.shadowCollapsable {
    box-shadow: 2px 2px 8px #00000066;
    border-radius: 5px!important;
}

.card-header {
    background-color: #E5FCFF!important;
    padding: 0px!important;
}

.card-header h2 .btn {
    color: #661081;
    text-decoration: none;
    display: inline-block;
    position: relative;
    width: 100%;
    text-align: left;
    border: solid 0px!important;
}

.card-header.active {
    background-color: #661081!important;
}

.card-header.active h2 .btn {
    color: #D1CAA1!important;
}

.card-header [data-toggle="collapse"]:after {
    font-family: 'Arroba';
    content: "\41";
    float: right;
    font-size: 1.125rem;
    line-height: 22px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.card-header [data-toggle="collapse"].collapsed:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}


/*Fin Collapsable*/


/* Inicio dropdown */

select {
    text-align: center;
    padding: 7px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    background-color: #f5f7f9;
    display: inline-block;
    font: inherit;
    border: 0px;
    line-height: 1.5em;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 100%;
    cursor: pointer;
}

select.classic {
    font-family: 'Roboto-Regular' !important;
    font-size: 0.875rem;
    background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%), linear-gradient(to right, #661081, #661081);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.7em 2.5em;
    background-repeat: no-repeat;
    border-radius: 5px;
}

select>option {
    text-align: center;
    margin: 40px;
    background: #E5FCFF;
    color: #661081;
    font-weight: bold;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16)!important;
    border-bottom: solid 4px salmon!important;
}

.select_items {
    min-width: 300px;
    text-align: center;
}

.select_items_ActividadAS select option {
    border: solid 3px #000!important;
}


/* Fin dropdown */


/* Inicio Popover */

.popover .arrow {
    display: none !important;
}

.popover-auto-item {
    cursor: pointer !important;
    display: inline-block !important;
    font-weight: 700 !important;
    padding: 0px 0px !important;
    color: #661081 !important;
    font-family: "Roboto-Regular";
    text-decoration: underline;
}

.popover-body {
    border-radius: 5px !important;
    background-color: #E5FCFF;
    color: #ffffff !important;
    border: none;
    word-wrap: break-word;
    font-size: 14px;
    font-family: "Roboto-Regular";
    text-align: center;
    padding: 20px !important
}

.popover-body a {
    color: #333 !important;
}

.popover-body p {
    color: #333 !important;
}

.enlacepopover a {
    color: #661081 !important;
}


/* .popover-auto-item { 
	cursor: pointer !important; 
	display: inline-block !important;  
	padding: 0px !important; 
	color: #E5FCFF !important; 
	font-family: "Roboto-Regular"; 
	text-decoration: underline;
} */


/* .popover-body { 
	border-radius: 5px !important; 
	background-color:#E5FCFF!important; 
	word-wrap: break-word; 
	font-size: 1rem; 
	font-family: "Roboto-Regular"; 
	text-align: center; 
	padding: 20px !important;
	border-radius: 5px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
} */


/* .popover-body a { 
	color: #333 !important; 
	text-decoration: underline;
} */


/* .popover-auto-text a { 
	font-size: 1rem !important; 
	font-family: 'Roboto-Regular'; 
	color: #E5FCFF!important; 
	font-weight: 100 !important; 
} */


/* .popover-auto-text a:hover { 
	color: #E5FCFF !important; 
	text-decoration: underline !important; 
} */


/* .popover .arrow:after { 
	border-right-color: #E5FCFF!important; 
	border-left-color: #E5FCFF!important; 
} */


/* Fin Popover */


/* Inicio Tooltip */

.tooltipurl {
    color: #9C095D!important;
    text-decoration: underline!important;
}

.tooltipurl:hover {
    color: #9C095D!important;
    text-decoration: underline!important;
    font-weight: bold!important;
}

.tooltip-main {
    font-weight: 700!important;
    background: #f3f3f3 !important;
    border: 1px solid #E5FCFF!important;
    color: #737373!important;
}

.tooltip-inner {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1)!important;
    border-radius: 5px!important;
    font-size: 1rem!important;
    font-family: "Roboto-Regular"!important;
    padding: 20px!important;
    background: #E5FCFF!important;
    color: #333!important;
    border: none!important;
}

.tooltip-inner .arrow:after {
    border-right-color: #E5FCFF!important;
    border-left-color: #E5FCFF!important;
}

.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
    border-top-color: #E5FCFF!important;
}

.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
    border-left-color: #E5FCFF!important;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
    border-bottom-color: #E5FCFF!important;
}

.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
    border-right-color: #E5FCFF!important;
}


/* Fin Tooltip */


/* Inicio Tabs */


/*Inicio Cambios en el multitap*/

.borde1tabs {
    border-radius: 10px 0px 0px 0px!important;
}

.shadowTabs {
    background-color: #FDFFFC!important;
    border-radius: 0px 0px 5px 5px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    ;
}

.fondo-nav-sup {
    border-radius: 0px 5px 0px 0px;
    background-color: #E5FCFF;
    border-bottom: 2px solid #661081 !important;
    border-radius: 5px 5px 0px 0px;
}

.fondo-nav-sup a {
    font-size: 29px;
    color: #661081;
    font-family: 'Roboto-ThinItalic';
    cursor: pointer;
    /* 	border-top-left-radius: none!important; 
	border-top-right-radius: none!important;  */
}

.fondo-nav-sup a:hover {
    /* border-radius: 10px 0px 0px 0px; */
    color: #fff;
    background-color: #661081;
    border: none;
    border-radius: none;
}

.fondo-nav-content p {
    color: #333!important;
}

.fondo-nav-content h5 {
    color: #661081!important;
}

.fondo-nav-sup .nav-link.active {
    color: #fff!important;
    background-color: #661081!important;
    border: none!important;
}

.fondo-nav-sup .nav-link {
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}


/* Fin Tabs */


/* Radio button / Checkbox */

.Radiobutton {
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #661081;
    background-color: #E5FCFF;
    color: #fff!important;
    font-weight: bold;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Radiobutton-Activo {
    width: 30px;
    height: 30px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #661081;
    background-color: #661081!important;
    font-weight: bold;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Checkbox {
    width: 30px;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #661081;
    color: #fff!important;
    font-weight: bold;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.Checkbox-Activo {
    width: 30px;
    height: 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #661081;
    background-color: #E5FCFF;
    color: #661081!important;
    font-weight: bold;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Radio button / Checkbox */


/*Inicio Bullets */

.Bullets {
    background-color: #E5FCFF;
    border-radius: 0px;
}

.Bullets .slider-prev {
    width: 10%!important;
}

.Bullets .icon-slider {
    font-size: 25px;
    background: transparent;
    opacity: 1;
}

.Bullets .icon-slider:hover,
.icon-slider:focus,
.icon-slider:active,
.icon-slider:visited {
    background: transparent;
}

.Bullets .btn-carousel li {
    width: 10px!important;
    height: 10px!important;
    border-radius: 100%!important;
    background-color: #E5FCFF !important;
    border: solid 1px #661081;
}

.Bullets .btn-carousel .active {
    width: 10px!important;
    height: 10px!important;
    border-radius: 100%!important;
    opacity: 1!important;
    background-color: #661081!important;
    border: #661081 solid 1px;
}


/*Fin Bullets */

ul.bulletMorado {
    list-style: none;
    color: #737373 !important
}

.i-check.checkMorado:before {
    content: "\e918";
    color: #671082;
    font-weight: bold;
}


/*Pagination Swiper*/


/*.swiper-pagination {width: 10px!important; height: 10px!important; border-radius: 100%!important; background-color: #E5FCFF !important; border: solid 1px #661081;}
*/

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    opacity: .2;
    width: 10px!important;
    height: 10px!important;
    border-radius: 100%!important;
    background-color: #2b4a4e !important;
    border: solid 1px #661081;
}

.swiper-pagination-bullet-active {
    width: 10px!important;
    height: 10px!important;
    border-radius: 100%!important;
    opacity: 1!important;
    background-color: #661081!important;
    border: #661081 solid 1px;
}


/*Fin Pagination swiper*/


/*Inicio Sombras */

.sombra {
    background-color: white;
    border-radius: 5px;
    display: inline-block;
}

.sombra1 {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.sombra2 {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.sombra3 {
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 6px 8px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}


/*Fin Sombras */


/* Inicio background colors */

.background1 {
    background-color: #E5FCFF;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.background2 {
    background-color: #FDFFFC;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.background3 {
    background-color: #661081;
    border-radius: 5px;
    display: inline-block;
}

.background4 {
    background-color: #910581;
    border-radius: 5px;
    display: inline-block;
}


/* Fin background colors */


/* Inicio Boder colors */

.bordercolor1 {
    border: solid 3px #661081;
    border-radius: 5px;
    display: inline-block;
}

.bordercolor1 p {
    color: #661081;
}

.bordercolor2 {
    border: solid 3px #910581;
    border-radius: 5px;
    display: inline-block;
}

.bordercolor2 p {
    color: #910581;
}

.bordercolor3 {
    border: solid 3px #9C095D;
    border-radius: 5px;
    display: inline-block;
}

.bordercolor3 p {
    color: #9C095D;
}


/* Fin Boder colors */


/* Inicio Divisores */

.divisor1 {
    border-top: solid 1px #661081;
}

.divisor2 {
    height: 3.625rem;
    background-color: #E5FCFF;
    width: 100%;
}


/* Inicio Contenedores de Citaciones */

.citacion1 {
    background-color: #E5FCFF;
    border-radius: 0px 5px 5px 0px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-left: 3px solid #661081;
}

.citacion2 {
    background-color: #FDFFFC;
    border-radius: 0px 5px 5px 0px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
    border-left: 3px solid #661081;
}

.citacion3 {
    background-color: #E5FCFF;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.citacion4 {
    background-color: #FDFFFC;
    border-radius: 5px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
    display: inline-block;
}

.citacionicono {
    color: #661081!important;
}


/* Fin Contenedores de Citaciones */


/* Fin Divisores */


/*Inicio Input */

.input1 {
    border: none!important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

.input1[type="text"]:disabled {
    background-color: #E5FCFF;
    border: none;
    box-shadow: none!important;
    border-radius: 0px;
}

.input1[type="text"]:disabled::placeholder {
    color: rgba(211, 211, 211, 0.9)!important;
}

.input1::placeholder {
    color: #333!important;
}

.input1:focus {
    border: solid 3px #661081!important;
    box-shadow: none!important;
}

.TextArea1 {
    border: none!important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);
}

textarea {
    resize: none!important;
}

textarea:disabled::placeholder {
    color: rgba(211, 211, 211, 0.9)!important;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #E5FCFF!important;
    box-shadow: none!important;
}


/*Fin Input*/


/* Inicio Linea de Tiempo */

.BacktxtLineaT {
    background-color: #E5FCFF;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}

.awsm-timeline-style-7 {
    color: #000;
}

.awsm-timeline-style-7 .awsm-timeline-block::before {
    width: 3px;
    margin-left: -3px;
    background: #661081;
}

.awsm-timeline-style-7.awsm-right-align .awsm-timeline-block::before {
    margin-right: -2px;
}

.awsm-timeline-block {
    padding-bottom: 60px;
    padding-left: 45px;
    padding-right: 45px;
}

.awsm-timeline-style-7 .awsm-timeline-img {
    padding: 0;
    margin-left: -23px;
    top: 0;
    width: 42px;
    height: 42px;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
}

.awsm-timeline-style-7 .awsm-timeline-img span {
    display: inline-block;
    margin: auto;
    padding: 6px;
    min-height: 25px;
    min-width: 25px;
    background: #661081;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: top;
}

.awsm-timeline-style-7 .awsm-timeline-img i {
    display: block;
}

.awsm-timeline-style-7.awsm-right-align .awsm-timeline-img {
    margin-right: -21px
}

.awsm-timeline-style-7 .awsm-timeline-content {
    color: #000;
}

.awsm-timeline-style-7 .awsm-date {
    color: #9c9c9c;
}

.awsm-timeline-style-7 p {
    margin: 0;
}

.awsm-timeline-style-7 .awsm-labels span {
    position: relative;
    left: -35px;
    width: 78px;
    height: 78px;
    background: #661081;
    color: #fff;
    font-weight: 800;
    padding: 23px 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-transform: uppercase;
    text-align: center;
    font-size: 0.875rem;
    margin-left: -39px
}

@media only screen and (min-width:679px) {
    .awsm-date-opposite {
        margin-left: 203px;
    }
    .awsm-left-align.awsm-date-opposite {
        margin-left: 203px;
    }
    .awsm-right-align.awsm-date-opposite {
        margin-right: 203px;
        margin-left: 0
    }
    .awsm-timeline-style-7.awsm-alternate .awsm-timeline-content,
    .awsm-timeline-style-7.awsm-date-opposite .awsm-timeline-content {
        width: calc(50% - 44px);
    }
    .awsm-timeline-style-7.awsm-date-opposite .awsm-date {
        left: -248px;
        line-height: 20px;
        width: 160px;
    }
    .awsm-timeline-style-7.awsm-date-opposite.awsm-right-align .awsm-date,
    .awsm-timeline-style-7.awsm-date-opposite.awsm-alternate .awsm-timeline-block.awsm-odd-item .awsm-date {
        right: -248px;
        left: auto;
        text-align: left;
    }
    .awsm-timeline-style-7 .awsm-timeline-content-inner {
        padding-left: 110px;
        position: relative;
        min-width: 400px;
        transition: .6s ease all;
    }
    .awsm-timeline-style-7 .awsm-timeline-content-inner p {
        display: none;
        transition: .5s ease all;
    }
    .awsm-timeline-style-7 .awsm-timeline-block:hover .awsm-timeline-img span {
        transition: .5s ease all;
        border: 2px solid #661081;
        background: #E5FCFF;
    }
    .awsm-timeline-style-7 .awsm-timeline-block:hover .awsm-timeline-content-inner h3 {
        transition: .5s ease all;
        color: #661081;
        cursor: pointer;
    }
    .awsm-timeline-style-7 .awsm-timeline-block:hover .awsm-timeline-content-inner p {
        transition: .5s ease all;
        display: block;
    }
    .awsm-timeline-style-7.awsm-right-align .awsm-timeline-content-inner,
    .awsm-timeline-style-7.awsm-alternate .awsm-timeline-block.awsm-odd-item .awsm-timeline-content-inner {
        padding-left: 0;
        padding-right: 110px;
    }
    .awsm-timeline-style-7.awsm-date-opposite .awsm-timeline-content-inner,
    .awsm-timeline-style-7.awsm-date-opposite .awsm-timeline-block.awsm-odd-item .awsm-timeline-content-inner {
        padding: 0;
    }
    .awsm-timeline-style-7 .awsm-date {
        position: absolute;
        left: 0;
        width: 80px;
    }
    .awsm-timeline-style-7.awsm-right-align .awsm-date,
    .awsm-timeline-style-7.awsm-alternate .awsm-timeline-block.awsm-odd-item .awsm-date {
        left: auto;
        right: 0;
    }
    .awsm-timeline-style-6.awsm-alternate .awsm-labels span {
        margin: 0;
    }
}

@media only screen and (max-width:678px) {
    .awsm-timeline-style-7.awsm-responsive-right .awsm-timeline-block::before {
        margin-right: -2px;
    }
    .awsm-timeline-style-7.awsm-responsive-right .awsm-timeline-img {
        margin-right: -21px;
    }
    .awsm-timeline-style-7.awsm-responsive-right .awsm-labels span {
        left: auto;
        right: -35px;
        margin-left: 0;
        margin-right: -39px;
    }
}

.awsm-container {
    max-width: 600px;
    margin: 0;
    padding: 10px 0;
}

.awsm-container::after {
    content: '';
    display: table;
    clear: both;
}

.awsm-timeline {
    position: relative;
}

.awsm-right-align {
    text-align: right;
}

.awsm-timeline-block {
    position: relative;
    min-height: 16px;
    padding-left: 35px;
    padding-right: 35px;
}

.awsm-timeline-block::before {
    content: "";
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.awsm-timeline-block:last-child::before {
    display: none;
}

.awsm-right-align .awsm-timeline-block::before {
    right: 0;
    left: auto!important;
    margin-left: 0!important;
}

.awsm-timeline-block::after {
    content: "";
    display: table;
    clear: both;
}

.awsm-timeline-img {
    position: absolute;
    min-width: 1px;
    min-height: 1px;
    left: 0;
    top: 0;
}

.awsm-timeline-img i {
    display: block;
}

.awsm-right-align .awsm-timeline-img {
    margin-left: 0!important;
    left: auto!important;
    right: 0;
}

.awsm-last-empty-item .awsm-timeline-img span {
    vertical-align: top;
}

.awsm-timeline-content-inner {
    position: relative;
}

.awsm-date {
    display: block;
}

.cssanimations .awsm-timeline-content.is-hidden {
    visibility: hidden;
}

.cssanimations .awsm-timeline-content.animated {
    visibility: visible;
}

.awsm-labels span {
    display: inline-block;
}

.awsm-labels {
    padding: 20px 0;
}

.awsm-labels.awsm-start-label {
    padding-top: 0!important;
}

.awsm-labels.awsm-end-label {
    margin-bottom: 0!important;
}

@media only screen and (min-width:679px) {
    .awsm-container {
        margin: 0 -126px;
    }
    .awsm-date-opposite {
        margin-left: 190px;
    }
    .awsm-left-align.awsm-date-opposite {
        margin-left: 190px;
    }
    .awsm-right-align.awsm-date-opposite {
        margin-right: 190px;
        margin-left: 0;
        text-align: right;
    }
    .awsm-date-opposite.awsm-alternate {
        margin: 0;
    }
    .awsm-timeline.awsm-alternate.awsm-left-align .awsm-timeline-content,
    .awsm-timeline.awsm-date-opposite.awsm-left-align .awsm-timeline-content,
    .awsm-timeline.awsm-alternate.awsm-right-align .awsm-timeline-content,
    .awsm-timeline.awsm-date-opposite.awsm-right-align .awsm-timeline-content {
        width: 100%;
    }
    .awsm-alternate .awsm-timeline-block::before {
        left: 50%;
    }
    .awsm-alternate .awsm-timeline-img {
        left: 50%!important;
    }
    .awsm-alternate .awsm-timeline-block.awsm-even-item {
        min-width: 500px!important;
    }
    .awsm-alternate .awsm-timeline-block.awsm-even-item .awsm-timeline-content {
        float: right;
    }
    .awsm-alternate .awsm-timeline-block.awsm-odd-item .awsm-timeline-content {
        float: left;
    }
    .awsm-date-opposite .awsm-date {
        position: absolute;
        top: 0;
        text-align: right;
    }
    .awsm-alternate .awsm-timeline-block.awsm-odd-item .awsm-timeline-content,
    .awsm-alternate.awsm-date-opposite .awsm-timeline-block.awsm-even-item .awsm-date,
    .awsm-date-opposite.awsm-left-align .awsm-date,
    .awsm-right-align {
        text-align: right;
    }
    .awsm-alternate.awsm-date-opposite .awsm-timeline-block.awsm-odd-item .awsm-timeline-content .awsm-date,
    .awsm-date-opposite.awsm-right-align .awsm-date {
        text-align: left;
    }
    .awsm-alternate .awsm-timeline-label-block {
        text-align: center;
    }
    .awsm-alternate .awsm-timeline-label-block .awsm-labels span {
        left: 0;
        right: 0;
    }
}

@media only screen and (max-width:678px) {
    .awsm-timeline {
        margin-left: 20px
    }
    .awsm-timeline.awsm-right-align,
    .awsm-timeline.awsm-responsive-right {
        margin-right: 20px;
        margin-left: 0;
    }
    .awsm-responsive-right .awsm-timeline-block::before {
        right: 0;
        left: auto!important;
        margin-left: 0!important;
    }
    .awsm-responsive-right {
        text-align: right;
    }
    .awsm-responsive-right .awsm-timeline-img {
        margin-left: 0!important;
        left: auto!important;
        right: 0;
    }
    .awsm-date {
        margin-bottom: 10px;
    }
}


/* Fin Linea de Tiempo */


/* Inicio Actividades */

.Fondo-AP {
    background-image: url(../img/TTI000_007_Ap_1img.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover!important;
    width: 100vw!important;
}

.Fondo-AS {
    background-image: url(../img/TTI000_023_AS_1img.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover!important;
    width: 100vw!important;
    min-height: 110vh;
}

.Fondo-AS2 {
    background-image: url(../img/TTI000_025_AS_1img.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover!important;
    width: 100vw!important;
    min-height: 110vh;
}

.Fondo-AE {
    background-image: url(../img/TTI000_027_AUT_1img.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover!important;
    width: 100vw!important;
    min-height: 110vh;
}

.Fondo-CP {
    background-image: url(../img/TTI000_008_CP_1img.png);
    background-position: center top;
    background-repeat: no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover!important;
    width: 100vw!important;
    min-height: 110vh;
}

@media (max-width: 992px) {
    .Fondo-Actividades {
        background-image: none!important;
    }
    .Fondo-AP {
        background-image: none!important;
    }
    .Fondo-AS {
        background-image: none!important;
    }
    .Fondo-AS2 {
        background-image: none!important;
    }
    .Fondo-AE {
        background-image: none!important;
    }
    .Fondo-CP {
        background-image: none!important;
    }
}

.bordeEnuncaidoActividad {
    border: #661081 3px solid;
    border-radius: 5px;
}

.FondoEnunciadoTituloActividad {
    background-color: #661081;
    color: #D1CAA1;
}


/* Fin Actividades */


/* Inicio Creditos */

.FondoCreditos {
    background-color: #9C095D;
}


/* Fin Creditos */


/*Contenedores cuadros*/

.numeroC {
    font-size: 1.3em !important;
    color: #661081;
    font-family: 'Roboto-ThinItalic';
}

.contenedorC1 {
    background: white;
    border: 2px solid #661081;
}

.contenedorC2 {
    background: white;
    border: 2px solid #9C095D;
}

.contenedorC3 {
    background: white;
    border: 2px solid #910581;
}

.contenedorC4 {
    background: white;
    border: 2px solid #661081;
}

.contenedor2C1 {
    background: #661081;
    border: 2px solid #661081;
}

.contenedor2C2 {
    background: #9C095D;
    border: 2px solid #9C095D;
}

.contenedor2C3 {
    background: #910581;
    border: 2px solid #910581;
}

.contenedor2C4 {
    background: #661081;
    border: 2px solid #661081;
}


/* Inicio Fin Unidad */

.AlertaFin {
    width: 100px;
    height: 100px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #FF6B5D;
}


/* Fin Fin Unidad */


/* Tema 2 */


/* Imagen con contenido encima */

.imagenTema2Fondo {
    position: relative;
    /* display: inline-block; */
    text-align: center;
}

.imagenTema2Contenido {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/*lista AP */

.instruccionesForo ul {
    list-style: none;
    padding: 0;
    margin-left: 10px;
    line-height: 22px;
}

.instruccionesForo li {
    font-family: 'Roboto-Regular';
    color: #333;
    font-size: 1rem;
}

.instruccionesForo li::before {
    content: "\2022";
    color: #661081;
    padding-right: 5px;
    font-size: 30px;
    width: 15px;
    vertical-align: -4px;
}

.lineaTema1 {
    border: 1px solid #661081;
    width: 85%;
}