@import url('fonts.css');
@import url('bootstrap4.3.1.min.css');
@import url('swiper.min.css');

body { margin: 0; font-family: 'Roboto-Regular', sans-serif; font-size: 16px; font-weight: normal; color: #737373; width: 100%; overflow-x:hidden; -webkit-overflow-scrolling: touch; }
/* .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } */

.sidebar {
    position: absolute;
    width: 300px;
    height: 100%;
    background: #00326e;
    color: #fff;
    font-family: 'Roboto-Light', sans-serif;
   
}

.sidebar-content .menu-header {
    padding: 0px 20px;
    font-family: 'Roboto-Thin', sans-serif;
}

#js-navigation .sidebar-dropdown {
    border-bottom:solid 1px #fff;
    transition-property: border;
    transition-duration: 0.3s;
}

/*FLECHA SUBMENU*/

.desplegado{
  transform: rotate(-90deg);
  transition:ease 0.3s;
}
.cerrado{
    transform: rotate(90deg);
    transition:ease 0.3s;
}

/* FIN FLECHA SUBMENU*/

.sidebar ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}



#js-navigation .sidebar-dropdown a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

#js-navigation .sidebar-dropdown .sidebar-submenu .sidebar-item a{
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 3px 20px;
}
/* .sidebar a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 3px 20px;
   
   
} */

.icon-cerrar{
font-size: 20px !important;
}


.sidebar ul li a:hover {
	background-color: #1976D2;
}

/* .contenidoPagina {
}*/


.linkactivo{
    border-left:6px solid #1976D2;
}

.contenido {
    
    width: 100%;
    height: 100%;
    position: absolute;
    background: #FFF;
    transition: all 0.3s;
    box-sizing: border-box;
}

.menu-bar {
    cursor: pointer;
    width: 45px;
    background-color: #00326E;
    z-index: 2;
    height: 45px;
    margin-top: auto;
    position: fixed;
    
}

.sticky2 {
    margin-top: -24px !important;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    height: 8px;;

}

.abrir {
    transform: translateX(300px);
}

.breadcrumb{
    margin-top: -3px;
    position: fixed;
    z-index: 4 !important;
    background: #eee;
    width: 100%;
    height: 48px;
    padding-left: 55px;

}

@media(max-width:  992px){
    .breadcrumb{
        margin-top: -3px;
        position: absolute;
        z-index: 4 !important;
        background: white;
        width: 100%;
        overflow-x: scroll;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: -webkit-inline-box;
    }
}

#show-sidebar {
    position: fixed;
    left: 0;
    top: 10px;
    border-radius: 0 4px 4px 0px;
    width: 35px;
    transition-delay: 0.3s;
  }
  .page-wrapper.toggled #show-sidebar {
    left: -40px;
  }



  .sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
    background-color: #00234d;
   
  }
  
  .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after {
    transform: rotate(90deg);
    right: 17px;
  }



  .swiper-container {height: 100vh; }

/* FUENTE kalam*/
.kalam-Bold-fin{font-family: 'Kalam'; font-weight: 700; font-size: 34px; color:#2D1E11; }
.kalam-Bold{font-family: 'Kalam'; font-weight: 700; font-size: 34px; color: #661081; }
.kalam-Bold2{font-family: 'Kalam'; font-weight: 700; font-size: 34px; }
.kalam-Light-28{font-family: 'Kalam'; font-weight: 300; font-size: 28px; color: #9C095D; }
.kalam-Light-18{font-family: 'Kalam'; font-weight: 300; font-size: 18px; color: #333333 !important; }
.kalam-Light-18 a{font-family: 'Kalam'; font-weight: 300; font-size: 18px; color: #333333; }

p a {color: #661081; text-decoration: underline!important; }
p a:hover {color: #3C1B43;}
p {font-family: 'Roboto-Regular'; font-style: normal; font-size: 16px!important; color: #1F0322!important; }
.p2{font-family: 'Roboto'; font-style: normal; font-weight: 300; font-size: 16px!important; color: #FFFFFF!important; }
h1 {color: #621A16; font-family: 'Roboto-Black'; font-size: 40px; }
h2 {color: #621A16; font-family: 'Roboto-BoldItalic'; font-size: 37px; }
h3 {color: #621A16; font-family: 'Roboto-Medium'; font-size: 34px; }
h4 {color: #621A16; font-family: 'Roboto-Light'; font-size: 28px; }
h5 {color: #621A16; font-family: 'Roboto-LightItalic'; font-size: 24px!important; }
h6{font-family: 'Roboto-Italic'!important; color: #737373!important; font-size: 14px!important; }
.p-img{color: #737373!important; font-size: 14px!important; }


.portada-arroba {background-color: #0094AF; height: 100%; overflow: hidden; position: relative; }
.portada-arroba img {max-height: 100%; max-width: 80%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.portada-itm .p-box {display: flex; flex-direction: column; height: 100%; justify-content: center; overflow: hidden; position: relative; text-align: center; width: 100%; }
.portada-itm .p-box img {position: absolute; min-height: 100%; min-width: 100%; z-index: -1; }
.portada-itm .p-box h1 {font-size: 40px; color: #333257; font-weight: bold; }

/*itm Personalizado Adobe-xd*/

.iconabajo{transform: rotate(90deg) scale(.8,.8); }
.mitextarea{color:#9c095d; }
.texta textarea{width:100%; border-radius: 5px; resize: none; background: #F2F2F2; border:solid 1px #E3E3E3; }

.panel-default>.panel-heading {color:#FFF !important; background-color: #00983F !important; border-radius: 0px !important; }
.panel-group .panel {border-color:#00983F !important; border-radius: 0px !important; color: #737373 !important; }
.sinmargin{padding: 0px!important; margin: 0px!important; padding-left: 0px!important; padding-right: 0px!important; }
.logos1{display: block; }

.mprin{padding: 50px; align-content: center; }
.margen_principal{padding: 80px 40px 80px 40px; align-content: center; }
.mprin2{padding: 50px 0 0 50px; align-content: center; }
.mprin3{margin: 0px; }

.Lineaizq1{border-left:solid #F19800 2px; margin-left: 40px; }
.Lineaizq3{border-left:solid #E09F12 2px; padding-left: 80px!important;}

.cuadrogris{background: #FAFAFA; box-shadow: 0 7px 6px -6px #777; padding: 20px; }
.cuadro-verde{background: #009030; box-shadow: 0 7px 6px -6px #777; padding: 20px; }
.cuadrogrisvideo{background: #FAFAFA; padding: 30px; }

.strong2{color:#9C095D; }

.col-color{color: #fff !important; padding: 10px auto; background-color: #661081; margin:0px auto; height:1000px ; }
.fin{display: block; }
.fin img{float: left; }
.fin .bloque .parfondo1{color: #fff !important; text-align: justify; padding: 10px 40px; background-color: #661081; font-family: 'roboto'; font-size: 16px; overflow: hidden; margin-top: 0px; margin-bottom: 0px; }
.hh5{color: #fff; font-family: 'Roboto-LightItalic'; font-size: 24px; }
.creditosvioleta{color: #fff !important; background-color: #661081; margin:0px!important; padding: 50px 0px 150px 120px; }
.creditosblanco{padding: 100px 80px 0px 120px; }

/*itm 

/*Boton de parrafo para enlazar documentos*/	
.enlacesdocs{background-color: #910581; border-radius: 4px; padding: 10px 15px;; }
.enlacesdocs a{color: #fff!important; text-align: center; text-decoration: none; }
.enlacesdocs a p{color: #fff!important; text-align: center; text-decoration: none; font-size: 16px; font-weight: 900; font-family: 'Roboto'; } /*Boton de parrafo para enlazar documentos*/

/*alineacion vertical al centro*/
.vcenter {display: flex; align-items: center; height:1000px; background-color: #661081; }
.vcenter .sp1{font-size: 170px !important; color: #fff; margin:0px auto; }
/*alineacion vertical al centro*/

/*background*/
.fondo1{background-color: #661081; padding: 20px 40px; color: #fff; font-family: 'roboto'; font-size: 16px; }
.fondo1 h3{color: #fff; }
.fondo1 p{color: #fff!important; }
.fondo2{background-color: rgba(102, 16, 129, 0.8); padding: 20px 40px; color: #fff; font-family: 'roboto'; font-size: 16px; }
.fondo2 h3{color: #fff; }
.fondo2 p{color: #fff!important; }
/*background*/


.portada-itm .p-box h2 {font-size: 34px; color: #333333; font-weight: 300; }
h1.icon, h2.icon, h3.icon {position: relative; margin-left: 1.3em; }
h1.icon:before, h2.icon:before, h3.icon:before {position: absolute; left: -1.2em; color: #007aff; } 

.tab-container {background-color: #f7f7f7; margin-top: 15px; }
.tab-container .container-fluid {padding-top: 0; }
.tab-container .nav-tabs {border-bottom: 2px solid #D4007F; text-transform: uppercase; }
.tab-container .nav-tabs > li.active > a,

.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {color: #FFF; cursor: default; background-color: #D4007F; border: none; }

.tab-container .nav-tabs>li>a {margin-right: 2px; line-height: 1.42857143; border: none; border-radius: 0; color: #424242; }
.tab-container .nav>li>a {position: relative; display: block; padding: 10px 15px; }
.tab-container .tab-content {padding: 15px 15px; }
.tab-container.tabs-left {background-color: #FFF; }
.tab-container.tabs-left > .nav-tabs {float: left; border-bottom: 0; margin-right: 15px; border-left: 1px; }
.tab-container.tabs-left > .nav-tabs > li {float: none; }
.tab-container.tabs-left > .nav-tabs > li > a {border-right: 1px solid #0080d9; }
.tab-container.tabs-left > .tab-content {background-color: #FFF; padding: 0; overflow: auto; }

.g-box {background-color: #f7f7f7; display: inline-block; width: 100%; margin-bottom: 15px; }
.g-box img {display: block; margin: 0 auto; max-width: 80%; margin-top: 15px; }
.g-box p {color: #FFF; background-color: #8bc34a; margin: 0; padding: 15px; }
.g-d-box .media-body {background: #eaeaea; padding: 15px; position: relative; vertical-align: middle; overflow: initial; }
.g-d-box .media-body:before {content:"\A"; border-style: solid; border-width: 10px 15px 10px 0; border-color: transparent #eaeaea transparent transparent; position: absolute; left: -15px; top: 10px; }

.tabbable {*zoom: 1; }
.tabbable:before,
.tabbable:after {display: table; line-height: 0; content: ""; }
.tabbable:after {clear: both; }

.modal-dialog .modal-content {/*	width: 1200px !important;*/ border-radius: .5px; box-shadow: none; text-align: left; border: none; padding: 15px; }
.modal-dialog  .modal-header {border-bottom: 0; }
.modal-dialog .modal-header .close {color: #FFF; background-color: #ff6057; opacity: 1; text-align: center; position: absolute; top: 0; right: 0; height: 42px; width: 42px; margin: 0; padding: 0px; }
.modal-open .modal {background-color: rgba(0,0,0,0.5); }

.acordion-container .panel.panel-default {border: none; border-radius: 0; margin-top: 0; }
.acordion-container .panel-heading {background-color: transparent; color: #0080d9; border-top: 1px solid #ccc; border-radius: 0; }
.acordion-container .panel{background-color: transparent; box-shadow: none; }
.acordion-container .panel-body {border: none !important; }
audio {width: 100%; max-width: 600px; }

footer{z-index: 1; font-family: 'Roboto-Light', sans-serif; }
footer .swiper-scrollbar{ background-color: #a5a4aa;  height: 4px; z-index: 10;}

#icon-splash {width: 100%; height: auto; transform: translate3d(0, 0, 0); text-align: center; opacity: 1; }
#loading {width: 100%; height: auto; transform: translate3d(0, 0, 0); text-align: center; opacity: 1; }
.texto_paginador {background-color: rgba(0, 0, 0, 0.0) !important;}
.boton_siguiente {height: 0px !important; width: 0px !important; top: 30px !important; background-image: none !important; }
.boton_anterior {height: 0px !important; width: 0px !important; top: 30px !important; background-image: none !important; }
.page-link {border:none!important; }
.contenedor_footer{margin-top: -10px !important; } /* footer */
.footer { background-color: #00326E; bottom: 0; height: 45px; position: fixed; width: 100%; font-weight: 200; font-size: 18px; }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .footer {text-align: center; }
    .footer .pager {display: inline-block; float: none; } 
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .evaluacion {background-repeat: no-repeat; background-position: top right; background-size: auto 100%; }
    .evaluacion .paper {position: relative; background-color: #FFF; max-height: calc(100vh - 124px); }
    .evaluacion .paper > div {padding: 0 36px; }
    .evaluacion .paper .paper-body {position: relative; z-index: 1; overflow-x: hidden; overflow-y: auto; }
    .evaluacion .paper .paper-footer {padding-bottom: 36px; padding-top: 15px; border-radius: 0 0 15px 15px; }
    .full-h-box {background-color: #f2f2f2; display: flex; flex-flow: column; height: calc(100vh - 84px); padding: 0 3.3333%; }
    .full-h-box .box-header {flex: 0 1 auto; }
    .full-h-box .box-body {flex: 1 1 auto; background-color: #FFF; margin-bottom: 15px; position: relative; }    
    .full-h-box .box-footer {flex: 0 1 auto; }
    .full-h-box .tab-container {margin-top: 0; background-color: transparent; }
    .full-h-box .tab-container .nav-tabs {background-color: #e5e5e5; text-transform: none; }
    .full-h-box .tab-container .tab-content {position: absolute; top: 40px; left: 0; right: 0; bottom: 0; overflow: auto; }
    [class^='col-'].no-margin {margin: 0; padding: 0; } }
/*---------------------------------------------------------------------------------Responsive*/
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* md */
@media (min-width: 992px) and (max-width: 1199px) {
	.creditosvioleta{padding: 50px 0px 150px 50px;}
	.creditosblanco{padding: 120px 80px 0px 80px;}
	.margen_principal{padding: 50px 25px;}	
}
/* sm */
@media (min-width: 768px) and (max-width: 991px) {
	.Lineaizq1{border-left:none;}
    .lineaizq2{border-left:none;padding-left: 0px;}
    .Lineaizq3{border-left: none; padding-left: 0px!important;}	

	.creditosvioleta{padding: 60px 0px 150px 30px;}
	.creditosblanco{padding: 20px 80px 0px 80px;}
	/*Margenes*/
	.margen_principal{padding: 50px 25px;}	
}
/* xs */
@media (min-width: 480px) and (max-width: 767px) {
    .Lineaizq1{border-left:none;}
	.lineaizq2{border-left:none;padding-left: 0px;}
    .Lineaizq3{border-left: none; padding-left: 0px!important;}
	.mprin2{padding: 0px 0 0 30px;}	
	.creditosvioleta{padding: 30px 0px 30px 30px;}
	.creditosblanco{padding: 20px 80px 0px 30px;}

	/*Margenes*/
	.margen_principal{padding: 50px 15px;}
	
	/*Fuentes responsivas en XS*/
/*	h1, h2, h3, h4, h5 {font-size: 3vh;}	*/
}
/* XS Portrait */
@media (max-width: 479px) {	
	.btn3{border-radius: 17px 17px 4px 17px; padding: 15px 8px; font-size: 12px; } 
    .portada-itm .p-box h1 {font-size: 30px;}
	.portada-itm .p-box h2 {font-size: 24px;}	
    .Lineaizq1{border-left:none;}
	.lineaizq2{border-left:none;padding-left: 0px;}
	.Lineaizq3{border-left: none; padding-left: 0px!important;}
	.mprin2{padding: 0px 0 0 30px;}	

	.sinmargin{padding: 0px 30px 0px 0px;}	
	.creditosvioleta{padding: 20px 0px 30px 20px;}
	.creditosblanco{padding: 20px 80px 0px 20px;}
	/*Margenes*/
	.margen_principal{padding: 50px 15px;}	
}

/* footer */