/*!
 * Start Bootstrap - Creative v5.0.1 (https://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-creative/blob/master/LICENSE)
 */

body,
html {
  width: 100%;
  height: 100%;
}

body {
  font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
body.lecciones {
	font-size: 21px;
}
.logo img {margin:auto;}
.bg-light {
    background-color: #6c2d4a !important;
}
hr {
  max-width: 50px;
  border-width: 3px;
  border-color: #fff;
}
hr.primary {
    border-color: #6c2d4a;
}
hr.light {
  border-color: #fff;
}
hr.tema {
    border-color: #d8d8d8;
    border-width: 1px;
    max-width: 100%;
}

a {
  color: #F05F40;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

a:hover {
  color: #f05f40;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}



.bg-dark {
  background-color: #212529 !important;
}

.text-faded {
  color: rgba(255, 255, 255, 0.7);
}
.text-color-primary {
  color: #6c2d4a;
}

.section-heading {
  margin-top: 0;
}

::-moz-selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

::selection {
  color: #fff;
  background: #212529;
  text-shadow: none;
}

img::-moz-selection {
  color: #fff;
  background: transparent;
}

img::selection {
  color: #fff;
  background: transparent;
}

img::-moz-selection {
  color: #fff;
  background: transparent;
}

#mainNav {
  border-bottom: 1px solid rgba(33, 37, 41, 0.1);
  background-color: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

#mainNav .navbar-brand {
  font-weight: 700;
  text-transform: uppercase;
  color: #F05F40;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

#mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
  color: #f05f40;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
  font-size: .9rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #212529;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
  color: #F05F40;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
  color: #F05F40 !important;
  background-color: transparent;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link.active:hover,
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active:hover {
  background-color: transparent;
}

@media (min-width: 792px) {
  #mainNav {
    border-color: transparent;
    background-color: transparent;
  }
  #mainNav .navbar-brand {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-brand:focus, #mainNav .navbar-brand:hover {
    color: #fff;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link {
    padding: 0.5rem 1rem;
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
    color: rgba(255, 255, 255, 0.7);
  }
  #mainNav .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #fff;
  }
  #mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    background-color: #fff;
  }
  #mainNav.navbar-shrink .navbar-brand {
    color: #F05F40;
  }
  #mainNav.navbar-shrink .navbar-brand:focus, #mainNav.navbar-shrink .navbar-brand:hover {
    color: #f05f40;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus {
    color: #212529;
  }
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:hover,
  #mainNav.navbar-shrink .navbar-nav > li.nav-item > a.nav-link:focus:hover {
    color: #F05F40;
  }
}

header.masthead {
  padding-top: 10rem;
  background-position: center center;
  background-size: cover;
}
.certificado header.masthead {
  background-image: url("../imagenes/certificado/header.jpg");
}
.credencial.uno header.masthead {
  background-image: url("../imagenes/credencial01/header.jpg");
}
.credencial.dos header.masthead {
  background-image: url("../imagenes/credencial02/header.jpg");
}
.credencial.tres header.masthead {
  background-image: url("../imagenes/credencial03/header.jpg");
}
.microcredencial.uno header.masthead {
  background-image: url("../imagenes/microcredencial01/header.jpg");
}
.microcredencial.dos header.masthead {
  background-image: url("../imagenes/microcredencial02/header.jpg");
}
.microcredencial.tres header.masthead {
  background-image: url("../imagenes/microcredencial03/header.jpg");
}
.microcredencial.cuatro header.masthead {
  background-image: url("../imagenes/microcredencial04/header.jpg");
}
.microcredencial.cinco header.masthead {
  background-image: url("../imagenes/microcredencial05/header.jpg");
}
.microcredencial.seis header.masthead {
  background-image: url("../imagenes/microcredencial06/header.jpg");
}
.microcredencial.siete header.masthead {
  background-image: url("../imagenes/microcredencial07/header.jpg");
}
.microcredencial.ocho header.masthead {
  background-image: url("../imagenes/microcredencial08/header.jpg");
}
.microcredencial.nueve header.masthead {
  background-image: url("../imagenes/microcredencial09/header.jpg");
}
header.masthead hr {
  margin-top: 30px;
  margin-bottom: 30px;
}

header.masthead h1 {
  font-size: 2rem;
}

header.masthead p {
  font-weight: 300;
}
@media (min-width: 768px) {
  header.masthead p {
    font-size: 1.15rem;
  }
}

@media (min-width: 792px) {
  header.masthead {
    min-height: 407px;
    padding-top: 0;
    padding-bottom: 0;
  }
  header.masthead h1 {
    font-size: 3rem;
  }
}
.masthead .container{
	margin-bottom:50px !important;
} 
@media (min-width: 1200px) {
  header.masthead h1 {
    font-size: 4rem;
  }
}
.titulo-principal {
	margin:0px;
	text-shadow: 3px 3px 3px #000;
	background-color:#000200;
	padding: 5px 0px 10px 0px;
}
.service-box {
  max-width: 400px;
}


.text-primary {
  color: #F05F40 !important;
}

.btn {
  font-weight: 700;
  text-transform: uppercase;
  border: none;
  border-radius: 300px;
  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.btn-xl {
  padding: 1rem 2rem;
}

.btn-primary {
  background-color: #F05F40;
  border-color: #F05F40;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
  background-color: #ee4b28 !important;
}

.btn-primary:active, .btn-primary:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
  box-shadow: 0 0 0 0.2rem rgba(240, 95, 64, 0.5) !important;
}

/* comienzan estilos personalizados*/

#competencia {
	padding-bottom:30px;
}

section{padding-top:50px;}
a{color:#6c2d4a;}

.bg-primary {
  background-color: #6c2d4a !important;
	
}
.bg-secondary {
  background-color: #d9d9d9 !important;
}
.bg-tertiary {
    background-color: #f2f2f2 !important;
    margin-top: 26px;
    padding-bottom: 30px;
    padding-top: 50px;
}
.bg-white {
	background-color: #fff !important;
}

#nav-principal{
    position: relative;
    height: 60px;
}
.navbar-brand{position:absolute;}
.navbar-brand img {
	width:150px;
}
.regresar{
	position:absolute;
	right:0;
}

#mainNav {
    border-color: #fff;
    background-color: #fff;
}
.first	{
	margin-top:98px;
}
img {
    display: block;
    max-width: 100%;
    height: auto;
}
.noflex{
	flex-wrap: nowrap;
}

.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table;
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical>.btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
    clear: both;
}.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .nav-item.show .nav-link.box, 
.nav-tabs .nav-link.box.active {
    color: #495057;
   	background-color: #6c2d4a;
    border-color: #000 #000 #000 0px;
}
.nav-tabs .nav-link {
    border: 0px solid transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.bgtema {
	background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url("../imagenes/header.jpg");
	background-position: bottom right;
	background-repeat: no-repeat;
	width: 100%;
	background-size: cover;
	margin-top:61px;
	height: 400px;

	padding:0px;
	clip-path: polygon(0 0%, 100% 0, 100% 80%, 0 100%)
}
.bgtema.t1{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t1-0.jpg);background-position: center center;}
.bgtema.t2{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t2-0.jpg);background-position: center center;}
.bgtema.t3{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t3-0.jpg);background-position: center center;}
.bgtema.t4{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t4-0.jpg);background-position: center center;}
.bgtema.t5{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t5-0.jpg);background-position: center center;}
.bgtema.t6{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url("../imagenes/credencial01/t6-0.jpg");background-position: center center;}
.bgtema.t7{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t7-0.jpg);background-position: center center;}
.bgtema.t8{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial01/t8-0.jpg);background-position: center center;}
.bgtema.t9{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t1-0.jpg);background-position: center center;}
.bgtema.t10{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t2-0.jpg);background-position: center center;}
.bgtema.t11{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t3-0.jpg);background-position: center center;}
.bgtema.t12{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t4-0.jpg);background-position: center center;}
.bgtema.t13{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t5-0.jpg);background-position: center center;}
.bgtema.t14{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t6-0.jpg);background-position: center center;}
.bgtema.t15{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t7-0.jpg);background-position: center center;}
.bgtema.t16{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial02/t8-0.jpg);background-position: center center;}
.bgtema.t17{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t1-0.jpg);background-position: center center;}
.bgtema.t18{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t2-0.jpg);background-position: center center;}
.bgtema.t19{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t3-0.jpg);background-position: center center;}
.bgtema.t20{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t4-0.jpg);background-position: center center;}
.bgtema.t21{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t5-0.jpg);background-position: center center;}
.bgtema.t22{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t6-0.jpg);background-position: center center;}
.bgtema.t23{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t7-0.jpg);background-position: center center;}
.bgtema.t24{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/credencial03/t8-0.jpg);background-position: center center;}
.bgtema.t25{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial05/t5-0.jpg);background-position: center center;}
.bgtema.t26{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial06/t1-0.jpg);background-position: center center;}
.bgtema.t27{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial06/t2-0.jpg);background-position: center center;}
.bgtema.t28{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial06/t3-0.jpg);background-position: center center;}
.bgtema.t29{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial06/t4-0.jpg);background-position: center center;}
.bgtema.t30{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial06/t5-0.jpg);background-position: center center;}
.bgtema.t31{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial07/t1-0.jpg);background-position: center center;}
.bgtema.t32{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial07/t2-0.jpg);background-position: center center;}
.bgtema.t33{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial07/t3-0.jpg);background-position: center center;}
.bgtema.t34{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial07/t4-0.jpg);background-position: center center;}
.bgtema.t35{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial07/t5-0.jpg);background-position: center center;}
.bgtema.t36{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial08/t1-0.jpg);background-position: center center;}
.bgtema.t37{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial08/t2-0.jpg);background-position: center center;}
.bgtema.t38{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial08/t3-0.jpg);background-position: center center;}
.bgtema.t39{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial08/t4-0.jpg);background-position: center center;}
.bgtema.t40{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial08/t5-0.jpg);background-position: center center;}
.bgtema.t41{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial09/t1-0.jpg);background-position: center center;}
.bgtema.t42{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial09/t2-0.jpg);background-position: center center;}
.bgtema.t43{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial09/t3-0.jpg);background-position: center center;}
.bgtema.t44{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial09/t4-0.jpg);background-position: center center;}
.bgtema.t45{background-image:linear-gradient(rgba(108,45,74,0.7),rgba(108,45,74,0.7)), url(../imagenes/microcredencial09/t5-0.jpg);background-position: center center;}

.bgtema h2 {
	color:#fff;
	width:60%;
	text-align: center;
}
.barra{
	width:100%;
	height:30px;
	background-color:#00b050;
}
#nav-tabContent .tab-pane{
	    min-height: 160px;
	padding-top:10px;
}

.circle a:hover{color:#000;}
.circle a:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
.circle img {
	margin:auto;
    border: 2px solid #fff;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    color: #000;
    text-decoration: none;
	background-color:#fff;
}
#botones-iconos{
	padding-bottom:50px;
}
.circle p{padding:0px;margin:0px;color:#000;font-size:20px;}
.video-box{
		background-color:#f2f2f2;
		padding: 15px 15px 0px 15px;
		border:1px solid #a6a6a6;
		margin-bottom:15px;
	}
	.video-box img {margin:auto;}
	.bg-legend {
    background-color: #28384c;
    color: #fff;
    margin-top: 6px;
    padding-top: 10px;
	}
	.apa-video{margin:auto;}



.padding-off{
	padding:0px;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
ul.nav-tabs li a{
	background-color:#684d95 ;
	color:#fff;
	text-align: center;
}


ul.nav-tabs li a img {
 
    width: 35px;
    margin: auto;
}	

ul.nav-tabs li a:hover,
ul.nav-tabs li a:active{
	background-color:#fff ;
	color:#fff;
} 
.nav-tabs{
	border-bottom:0px solid #50CC50;
}

ul.nav-tabs li a:hover, ul.nav-tabs li a:active {
    background-color: #f25410;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
   
    background-color: #f25410;
   
}
.nav.vertical {display:block;}
.nav-tabs.vertical .nav-item {margin-bottom:1px;}
.tabla-0{border: 1px solid transparent;border-collapse: collapse;width:100%;}
.tabla-0 tr, 
.tabla-0 td {border: 1px solid transparent;padding:5px;}
.tabla-1{border: 1px solid #f25410;border-collapse: collapse;width:100%;}
.tabla-1 tr, 
.tabla-1 td {border: 1px solid #f25410;padding:5px;}






.white{color:#fff;}

@media (min-width: 120px){
	#nav-tab.secciones .col-md-3, 
	#nav-tab.secciones .col-sm-3, 
	#nav-tab.secciones .col-lg-3 {
		    -ms-flex: 0 0 25%;
    		flex: 0 0 25%;
    		max-width: 33%;
	}
}
.imagen-texto .parte-izq{
	padding-right:0px;
	
}
.imagen-texto .parte-der{
	background-color:#ffc000;
	padding-top:5px;
}
.btn-primary {
	color:#000;
    background-color: #68e9e2;
    border-color: #68e9e2;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #000;
    background-color: #47b6b0 !important;
}
.btn {
    text-transform: none;
}.btn-danger {color:#000;
    background-color: #68e9e2;
    border-color: #68e9e2;
}
.btn-danger:hover {
  
    background-color: #47b6b0;
    border-color: #47b6b0;
}
	.video-box {
    background-color: #f2f2f2;
    padding: 15px 15px 0px 15px;
    border: 1px solid #6c509a;
    margin-bottom: 29px;
    margin-top: 20px;
}
	.video-box img {margin:auto;}
	.bg-legend {
    background-color: #28384c;
    color: #fff;
    margin-top: 6px;
    padding-top: 10px;
	}
	.apa-video{
		margin:auto;
}
.color-1{
	background-color:#684d95;
}
.color-2{
	background-color:#f25410;
}
.color-3{
	background-color:#15aec8;
}
.arrow{

list-style-image: url(../imagenes/contenido/arrow.png);

}

.referencia{
	font-size: 11px;
}
.tab-pane.active{
	display: flex;
   justify-content: center;
   align-items: center;
}
.titulo-tabla{
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #15aec8;
    color: #fff;
}

.fade:not(.show) {
    opacity: 0;
    height: 0;
    display: none;
}
.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#footer {
	margin-top: 30px;
	color:#fff;
}
.index #footer {
	margin-top: 0px;
}

/* Modulos */

#modu {
    margin-bottom: 25px;
    position: relative;
    padding-top: 25px;
}

#content_m {
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}

/* Modulos Card*/

.modu_container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px;
    overflow: hidden;
    /*transform: skew(-5deg);*/
    height: 500px;
}

.modu_container .card {
    flex: 1;
    transition: all 1s ease-in-out;
    height: 500px;
    position: relative;
    background: rgba(0, 0, 0, 1);
    margin-right: 2px;
}

.modu_container .card .card_head {
    color: #fff;
    padding: 0.5em;
    transform: rotate(-90deg);
    transform-origin: 0% 0%;
    transition: all 0.5s ease-in-out;
    min-width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 20px;
    white-space: nowrap;
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
}

.modu_container .card:hover {
    flex-grow: 10;
}
.modu_container .card:hover .card_head{
	transform: rotate(0deg);
	transition: all 0.5s ease-in-out;
	color:transparent;
	display: none;
}
#m1 {
    background: rgba(108, 45, 74, 0.9);
}
#m2 {
    background: rgba(108, 45, 74, 0.9);
}
#m3 {
    background: rgba(108, 45, 74, 0.9);
}
#m4 {
    background: rgba(108, 45, 74, 0.9);
}
#m5 {
    background: rgba(108, 45, 74, 0.9);
}
.modu_container .card:hover .card_head {
    text-align: left;
}
.modu_container .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 1s ease-in-out;
    filter: opacity(75%);
}
.card_img {
    background: rgba(0, 0, 0, 0.5);
}


/* Modulos Card hover*/

#modu1,
#modu2,
#modu3,
#modu4,
#modu5{
    display: none;
}
.modu_container #card1:hover #modu1,
.modu_container #card2:hover #modu2,
.modu_container #card3:hover #modu3,
.modu_container #card4:hover #modu4,
.modu_container #card5:hover #modu5{
    display: block;
}
#modu1,
#modu2,
#modu3,
#modu4,
#modu5{
    position: absolute;
    top: 10px;
    text-align: center;
    margin: 0 0 5px 0;
    transition: transform 0.5s 0.8s, opacity 0.8s 0.8s;
    opacity: 0;
    height: 100%;
}

.credencial #modu1,
.credencial #modu2,
.credencial #modu3,
.credencial #modu4,
.credencial #modu5{
    display: flex;
	transition: none;
    opacity: 1;
}
#card1 #modu1:hover,
#card2 #modu2:hover,
#card3 #modu3:hover,
#card4 #modu4:hover,
#card5 #modu5:hover{
    opacity: 1;
    transform: translateX(0);
}
.card_content .content {
    width: 80%;
    margin: auto;
    transition: all 1s ease-in-out;
	height: 100%;
}
.lection-name {
    color: #fff;
    font-size: 32px;
    width: 100%;
    height: 100%;
}
.card_content{
	width:100%;
}
.lection-name span{
	background-color:#000;
	padding:10px;
}
.content a {
	text-decoration: none;
}

.polygon-superior {
	clip-path: polygon(0% 1%, 100% 95%, 100% 100%, 0% 100%);
}
.polygon-inferior {
	clip-path: polygon(0 0%, 100% 0, 100% 40%, 0 100%);
	margin:0;
}
#lecturas {
	padding-top: 50px;
    padding-bottom: 10px;
}
#actividad{
	padding-top: 50px;
    padding-bottom: 50px;
}
#nota {
	padding-bottom: 50px;
}
.nota {
    border: 2px dashed #59CBB5;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 15px;
    background-color: #77E5D0;
}
.nota p{
	margin:0;
}
.social {
    text-align: right;
    width: 170px;
    height: 36px;
    display: block;
    padding: 0;
    margin: auto;
	margin-bottom: 10px;
}
.social a {
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    float: left;
	margin-right: 10px;
	border: 2px solid #fff;
    border-radius: 50%;
    padding: 15px;
    background-color: #fff;
}
.social a.linkedin {
	margin-right:0px;
}
.social a:hover {
    background-repeat: no-repeat;
    background-position: center;
    background-color: #763c45;
}

.facebook {
    background: url("../imagenes/fa-facebook.png");
    right: 74px;
}

.facebook:hover {
    background: url("../imagenes/fa-facebook-hover.png");
}

.twitter {
    background: url("../imagenes/fa-twitter.png");
    right: 46px;
}

.twitter:hover {
    background: url("../imagenes/fa-twitter-hover.png");
}

.instagram {
    background: url("../imagenes/fa-instagram.png");
    right: 18px;
}

.instagram:hover {
    background: url("../imagenes/fa-instagram-hover.png");
}

.linkedin {
    background: url("../imagenes/fa-linkedin.png");
}

.linkedin:hover {
    background: url("../imagenes/fa-linkedin-hover.png");
}

#bienvenida {
	padding-bottom: 50px;
}
#bienvenidaContenido p {
	font-size: 20px;
}
.modal-header {
    background-color: #6c2d4a !important;
    color: #fff;
    display: block;
}
.modal-header .close {
	color:#fff;
}
.modu_semanas {
    background: rgba(255, 255, 255, 1);
    margin: 5px;
}
.certificado  .modu_container #card1:hover #modu1, 
.certificado .modu_container #card2:hover #modu2, 
.certificado .modu_container #card3:hover #modu3, 
.certificado .modu_container #card4:hover #modu4, 
.certificado .modu_container #card5:hover #modu5,
.credencial  .modu_container #card1:hover #modu1, 
.credencial .modu_container #card2:hover #modu2, 
.credencial .modu_container #card3:hover #modu3, 
.credencial .modu_container #card4:hover #modu4, 
.credencial .modu_container #card5:hover #modu5 {
    display: flex;
}
.certificado .card_content .content,
.credencial .card_content .content {
    height: auto;
}
.certificado .card_content .content p, 
.credencial .card_content .content p{
    font-size: 18px;
}
.texto-circulos {
    display: flex;
    min-height: 50px;
    text-align: center;
    width: 100%;
}
.titulos{  
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    color: #fff;
    display: flex;
    font-size: 35px;
    z-index: 1;
	
}

.credencial .titulos {
	display: none;
}
.titulos .espacio {
    margin-top: auto;
    margin-bottom: 60px;
    width: 100%;
    display: flex;
    min-height: 150px;
}
.titulos p {
    background-color: #000;
    padding: 10px;
    width: 80%;
    text-align: center;
    font-size: 25px;
    margin-top: auto;
    margin-bottom: 60px;
}
.modu_container:hover .titulos {
	display: none;		
}
/** Phone 0-767 **/
@media (max-width: 767px) {
	
	.modu_container {
	display:block;
    transform: skew(360deg);
    height: auto;
}
.modu_container .card {
     height: 900px;
}
.titulos { 
	display:none;
}	
.certificado .modu_container .card {
    height: 725px;
}	
	#card1 #modu1,
#card2 #modu2,
#card3 #modu3,
#card4 #modu4,
#card5 #modu5{
    opacity: 1;
    transform: translateX(0);
}
	#modu1, #modu2, #modu3, #modu4, #modu5 {
    display: block;
}
body.lecciones {
	font-size: 14px;
}
header.masthead h1 {
    font-size: 26px;
}	
h2 {
	font-size: 24px;
	}
h4 {
	font-size: 20px;	
	}
.circle p,
#bienvenida p{
    font-size: 16px;
}	
.lection-name span {
    font-size: 22px;
	opacity: 0.7;
}		
	
}

a, li{
	word-break: break-word;
}
