@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rock+Salt&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave&family=Sedgwick+Ave+Display&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Patrick+Hand&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Itim&display=swap');	


/* Párrafo página completa*/

.container-fluid{
	width: 100% auto !important;
	height: 100% auto !important;
	padding:15px;
}

.container-fluid ul, ol, li {
  font-family: 'Quicksand', sans-serif;
  color: #4A4A4A;
  font-size: 1.3rem !important;
font-weight: 500;
}
.container-fluid p {
  font-family: 'Quicksand', sans-serif;
  color: #4A4A4A;
  font-size: 1.3rem !important;
font-weight: 500;
}
.container-fluid h1 {
  color: #006FB3 !important;
  font-family: 'Quicksand', sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 2.4rem;
font-weight: 400;

}
.container-fluid h2 {
  color: #FE6565 !important;
  font-family: 'Quicksand', sans-serif;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.6975rem;
font-weight: 400;

}
.container-fluid h3 {
 color: #2E83D9;
  font-family: 'Quicksand', sans-serif;
 font-size: 1.6875rem;
font-weight: 400;
	line-height: normal;
}
.container-fluid h4 {
 color: #2E83D9;
  font-family: 'Quicksand', sans-serif;
font-size: 1.4rem;
font-weight: 400;
}
.container-fluid h5 {
 color: #FE6565;
  font-family: 'Quicksand', sans-serif;
 font-size: 1.25rem;
font-weight: 400;
}
.container-fluid h6{
 color: #0C4478;
  font-family: 'Quicksand', sans-serif;
font-size: 1.125rem;
font-weight: 400;
}




.box .no-overflow .container-fluid p a, table a {
    color: #006FB3 !important;
}

.box .no-overflow .container-fluid p a:hover, table a:hover {
	text-decoration: underline !important;
}

.container-fluid h2 a {
	color: #006FB3 !important;
}
.container-fluid h2 a:hover {
	text-decoration: underline !important;
}


#sumativas td.porcentaje a {
	color: #FE6565 !important;
}

#sumativas td.porcentaje a:hover {
	color: #FE6565 !important;
	text-decoration: underline !important;
}



/*tabla normal */ 
#table-normal h1 {
  color: #006FB3 !important;
  font-family: 'Quicksand', sans-serif;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 2.4rem;
font-weight: 400;

}
#table-normal h2 {
  color: #FE6565 !important;
  font-family: 'Quicksand', sans-serif;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 1.6875rem;
font-weight: 400;

}
#table-normal h3 {
 color: #2E83D9;
  font-family: 'Quicksand', sans-serif;
 font-size: 1.4375rem;
font-weight: 400;
}
#table-normal h4 {
 color: #2E83D9;
  font-family: 'Quicksand', sans-serif;
font-size: 1.25rem;
font-weight: 400;
}
#table-normal h5 {
 color: #FE6565;
  font-family: 'Quicksand', sans-serif;
 font-size: 1.25rem;
font-weight: 400;
}
#table-normal h6{
 color: #0C4478;
  font-family: 'Quicksand', sans-serif;
font-size: 1.125rem;
font-weight: 400;
}
#table-normal  ul, ol, li, p{

  font-family: 'Quicksand', sans-serif;
  color: #4A4A4A;
   font-size: 1.3rem !important;
font-weight: 500;

}
/*titulos sesiones*/
#t-sesiones{
	width: 95%;
	height: auto !important;
	background-color: #0C4478;
	text-align: left;
	vertical-align: left;
	padding:20px;
	border-radius: .9em;}

#t-sesiones h2{
	font-family: 'Quicksand', sans-serif;
	color: #FFFFFF !important;
	vertical-align: left;
	text-align: left;
	font-size: 2.8rem;
	}

#t-sesiones p {
  font-family: 'Quicksand', sans-serif;
  color: #4A4A4A;
  font-size: 1.3rem !important;
  font-weight: 500;
}
#texto-sesiones{
	width: 90%;
	height: auto !important;
	text-align: left;
	vertical-align: left;
	padding:12px;
	margin-left: auto;
	margin-right: auto; 
}

#texto-sesiones h2{
	font-family: 'Quicksand', sans-serif;
	color: #FFFFFF !important;
	vertical-align: left;
	text-align: left;
	}
#texto-sesiones p {
  font-family: 'Quicksand', sans-serif;
  color: #4A4A4A;
  font-size: 1.3rem !important;
  font-weight: 500;
}




#recursos{
	width: 95% auto !important;
	height: 100% auto !important;
}

#destacado {
    border: 3px dashed #FE6565;
	background-color: #EEEEEE;
	padding: 10px;
	font-style: normal;
	width: 80%;
	height: 100% auto !important;
	margin-left: auto;
	margin-right: auto; 
}
#destacado p {
  font-family: 'Quicksand', sans-serif;
  color: #006FB3;
  font-size: 1.4rem !important;
font-weight: 500;
	margin-top:0; margin-bottom:0;
}
#destacado2 {
    border: 3px dashed #EEEEEE;
	background-color: #006FB3;
	padding: 10px;
	font-style: normal;
	width: 80%;
	margin-left: auto;
	margin-right: auto; 
}
#destacado2 p {
  font-family: 'Quicksand', sans-serif;
  color: #EEEEEE;
  font-size: 1.4rem !important;
font-weight: 500;
	margin-top:0; margin-bottom:0;
}
#destacado-img{
    border: 3px dashed #FE6565;
	background-color: #EEEEEE;
	padding: 10px;
	font-style: normal;
	width: 80%;
	height: 100% auto !important;
	margin-left: auto;
	margin-right: auto; 
	overflow: auto;
}
#destacado-img p {
  font-family: 'Quicksand', sans-serif;
  color: #006FB3;
  font-size: 1.4rem !important;
font-weight: 500;
	margin-top:0; margin-bottom:0;
	 display: inline-block;

}
#destacado-img img{
	float:rigt;
}
blockquote {
	border-left: 4px solid #FE6565;
	padding: 15px;
    margin: 20px;
}

blockquote p{
	color: #FE6565;
	
}

#frase {
    border: 3px dashed #FE6565;
	background-color: #FFFFFF;
	padding: 15px;
	font-style: normal;
	width: 90%;
	margin-left: auto;
	margin-right: auto; 
}
#frase p {
  font-family: 'Quicksand', sans-serif;
  color: #006FB3;
  font-size: 1.5rem !important;
font-weight: 500;
	margin-top:0; margin-bottom:0;
}
/* Webinar */
#webinar{
	width: 95% !important;
	margin-left: auto;
	margin-right: auto;
	background-color:#E9EBF5;
	border-radius: .5em;
	height:auto !important;
	padding: 10px;
	margin-left: auto;
	margin-right: auto; 
	
}

/* Actividades de plataforma */
#plataforma{
	width: 95% !important;
	height:auto !important;
	margin-left: auto;
	margin-right: auto;
	background-color:#F9C7C9;
	border-radius: .5em;
	padding: 15px;
	margin-left: auto;
	margin-right: auto;
}

#plataforma h3 {
	color: #562F58;
 	font-family: 'Quicksand', sans-serif;
 	font-size: 1.6875rem;
	line-height: normal;
	}


/* tabla de recursos y actividades */

#plataforma #tabla-actividades{
	width: 100% !important;
	border: 1px solid #562F58 !important;
	margin-left: auto;
	margin-right: auto;
	background-color:none;
	height:auto !important;
	padding: 10px;
	border-collapse:collapse;
}
#plataforma #tabla-actividades th
{
	border: 1px solid #562F58 !important;
	background-color:#562F5888;
	color: #ffffff;
	height:auto;
	padding:5px;
}

#plataforma #tabla-actividades td.text
{
	border: 1px solid #562F58 !important;
	width:80%;
	height:auto;
	padding:5px;
}

#plataforma #tabla-actividades td.icon
{
	width:20%;
	height:auto;
	border: 1px solid #562F58 !important;
	background-color:none;
	height:auto;
	text-align:center;
}

#tabla-actividades{
	width: 100% !important;
	border: 1px solid #006FB3 !important;
	margin-left: auto;
	margin-right: auto;
	background-color:none;
	height:auto !important;
	padding: 10px;
	border-collapse:collapse;
}
#tabla-actividades th
{
	border: 1px solid #006FB3 !important;
	background-color:#0C447888;
	color: #ffffff;
	height:auto;
	padding:5px;
}

#tabla-actividades th h5
{
	font-family: 'Quicksand', sans-serif;
	color: #ffffff;
	font-size: 1.05rem;
	font-weight: 400;
}
#tabla-actividades td.text
{
	border: 1px solid #006FB3 !important;
	width:80%;
	height:auto;
	padding:5px;
}

#tabla-actividades td.text p
{
	font-family: 'Quicksand', sans-serif;color: #4A4A4A;
	font-size: 1.05rem !important;
	font-weight: 400;
	height:auto;
	text-align:left;
}
#tabla-actividades td.icon
{
	width:20%;
	height:auto;
	border: 1px solid #006FB3 !important;
	background-color:none;
	height:auto;
	text-align:center;
}
#destacado-intro {
    border: 2px dashed #006FB3;
	background-color: #EEEEEE;
	padding: 15px;
	font-style: normal;
	width: 80%;
	float:right;
	margin-left: auto;
	margin-right: auto; 
}
#destacado-intro  p {
  font-family: 'Quicksand', sans-serif;
  color: #006FB3;
  font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	text-align:left;
}
#destacado-intro  h1 {
  font-family: 'Quicksand', sans-serif;
  color: #FE6565;
  font-size: 2.4rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
}
#modulos{
	width:90%;
	height:100%;
	border: 1px solid #0C4478 !important;
	margin-left: auto;
	margin-right: auto; 
}
#modulos th.titulo {
	background-color:#A8B7C7;
	border: 1px solid #0C4478 !important;
	height:auto;
	text-align:center;
}
#modulos th.titulo  h5
{
	font-family: 'Quicksand', sans-serif;
	color: #0C4478;
	margin-top:0; margin-bottom:0;
}
#modulos td.numero /*nombre de recursos */
{
	background-color:#FFFFFF;
	width:10%;
	height:auto;
	border: 1px solid #0C4478 !important;
}
#modulos td.numero p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: bold;
	margin-top:0; margin-bottom:0;
	text-align:center;
	
	
}
#modulos td.nombre /*nombre de recursos */
{
	background-color:#FFFFFF;
	width:30%;
	height:auto;
	padding-left:10px;
	text-align:left;
	border: 1px solid #0C4478 !important;
}
#modulos td.nombre p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	text-align:left;
	padding-left:10px;
	
}
#modulos td.objetivo /*nombre de recursos */
{
	background-color:#FFFFFF;
	width:60%;
	height:auto;
	border: 1px solid #0C4478 !important;
}
#modulos td.objetivo  p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	text-align:left;
	padding-left:10px;
}
#sumativas{
	width:90%;
	height:100%;
	border: 1px solid #0C4478 !important;
	margin-left: auto;
	margin-right: auto; 
}
#sumativas th.titulo {
	background-color:#A8B7C7;
	border: 1px solid #0C4478 !important;
	height:auto;
	text-align:center;
}
#sumativas th.titulo  h5
{
	font-family: 'Quicksand', sans-serif;
	color: #0C4478;
	margin-top:0; margin-bottom:0;
}
#sumativas td.item
{
	background-color:#FFFFFF;
	width:70%;
	height:auto;
	padding-left:10px;
	text-align:left;
	border: 1px solid #0C4478 !important;
}
#sumativas td.item p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	text-align:right;
	padding-right:10px;
	
}
#sumativas td.porcentaje /*nombre de recursos */
{
	background-color:#FFFFFF;
	width:30%;
	height:auto;
	border: 1px solid #0C4478 !important;
	padding: 5px;
}
#sumativas td.porcentaje  p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	text-align:left;
}
#sumativas td.total /*nombre de recursos */
{
	background-color:#A8B7C7;
	border: 1px solid #0C4478 !important;
	height:auto;
	text-align:right;
}
#sumativas td.total  p
{
	font-family: 'Quicksand', sans-serif;
	color: #0C4478;
	margin-top:0; margin-bottom:0;
	font-size: 1.3rem !important;
	font-weight: 500;
	padding-right:10px;
}
#sumativas td.total-p /*nombre de recursos */
{
	background-color:#A8B7C7;
	width:30%;
	height:auto;
	border: 1px solid #0C4478 !important;
}
#sumativas td.total-p  p
{
	font-family: 'Quicksand', sans-serif;
	color: #0C4478;
	margin-top:0; margin-bottom:0;
	font-size: 1.3rem !important;
	font-weight: 500;
	text-align:center;
}



/* Webinar intro*/
#webinar-intro{
	width: 45% !important;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFFFFF;
	border-radius: .5em;
	height:auto !important;
	padding: 15px;
}

#in-sesion{
	width:90%;
	height:100%;
	border: 1px solid #0C4478 !important;
	margin-left: auto;
	margin-right: auto; 
}
#in-sesion td.titulo {
	width:30%;
	background-color:#A8B7C7;
	border: 1px solid #0C4478 !important;
	height:auto;
	text-align:center;
}
#in-sesion td.titulo h5
{
	font-family: 'Quicksand', sans-serif;
	color: #0C4478;
	margin-top:0; margin-bottom:0;
}
#in-sesion  td.text /*nombre de recursos */
{
	background-color:#FFFFFF;
	width:70%;
	height:auto;
	border: 1px solid #0C4478 !important;
}
#in-sesion  td.text  p
{
	font-family: 'Quicksand', sans-serif;
	color: #4A4A4A;
	font-size: 1.3rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
	padding-left:10px;
	text-align:left;
	
}
.tabla-referencias{
	width: 100%;
	border-top: 1px dotted #2E83D9 !important;
	border-bottom: 1px dotted #2E83D9 !important;
	background-color: #FAFAFA;
	text-align: left;
}
#tablaLectura{
	border: 2px dotted #FE6565;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#tablaLectura td.titulo{
	
	background-color: #FEEFEF;
	width:30%;	
	border: 1px solid #FE6565;
}
#tablaLectura td.titulo h5{
	
	font-family: 'Quicksand', sans-serif;
	color: #FE6565;
	font-weight: 400;
	font-size: 26px;
	margin-top:0; margin-bottom:0;
}
#tablaLectura td.texto{
	
	background-color: #FFFFFF;
	width:30%;	
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	border: 1px solid #FE6565;
	
}
/**** tabla de infromación *****/
#tablainforma{
	border: 2px dotted #006FB3;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
}
#tablainforma td.titulo{
	
	background-color: #dfeef7;
	width:25%;	
	border: 1px solid #006FB3
}
#tablainforma td.titulo h5{
	
	font-family: 'Quicksand', sans-serif;
	color: #006FB3;
	font-weight: 400;
	font-size: 24px;
	margin-top:0; margin-bottom:0;
}
#tablainforma td.texto{
	
	background-color: #FFFFFF;
	width:75%;	
	padding-left:5px;
	padding-right:5px;
	vertical-align:top;
	border: 1px solid #006FB3;
	
}

#tabla-destacada {
    border: 2px dashed #EEEEEE;
	background-color: #006FB3;
	padding: 10px;
	font-style: normal;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding:5px; 
}

#tabla-destacada th , #tabla-destacada td, #tabla-destacada tr{
    border: 2px dotted #EEEEEE;
	padding:5px; }

#tabla-destacada h4 {
	font-size: 24px;
	color:#EEEEEE;
	 }

#tabla-destacada p {
  font-family: 'Quicksand', sans-serif;
  color: #EEEEEE;
  font-size: 1.4rem !important;
font-weight: 500;
	margin-top:0; margin-bottom:0;
}

#ticket {
	width: 55% !important;
	border-radius: .5em;
	height:auto !important;
	background-color: #FFFFFF;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#ticket img {
	width: 65% !important;
	margin-left: auto;
	margin-right: auto;
	}

/* Clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



#producto-final {
    border: 2px dashed #FFFFFF;
	background-color: #acc5e4;
	padding: 10px;
	font-style: normal;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	padding:10px; 
}

#producto-final th , #producto-final td, #producto-final tr{
    border: 2px dotted #2c3a64;
	padding:10px; }

#producto-final h4 {
	font-size: 24px;
	color:#2c3a64;
	 }

#producto-final p, #producto-final li, #producto-final ol, #producto-final ul {
  font-family: 'Quicksand', sans-serif;
  color: #2c3a64;
  font-size: 1.4rem !important;
	font-weight: 500;
	margin-top:0; margin-bottom:0;
}





.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}

#region-main .embed-responsive {
  margin-bottom: 0.9375rem;
}

#region-main .video-wrapper {
  margin: 3rem auto; 
    background: linear-gradient(0deg,  #2E83D9, #1A1C91, #2E83D9);
    padding: 35px;
	border-radius: 5px;
}

#region-main .video-wrapper iframe {
  /*position:absolute;*/
   top:0;bottom:0;left:0;width:100%;border:0
}

#region-main .video-wrapper .video-text {
  color: #000000;
  margin-left: 10px;
}

#region-main video {
  width: 100%;
  height: auto;
}


.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}