.ir-arriba, #IrArriba {
	display:none;
	padding: 10px;
	font-size: 12px;
	background-color: rgba(135, 175, 98, 0.6);
	cursor: pointer;
	position: fixed;
	bottom: 10px;
	right: 10px;
	color: #fff;
}
	 #IrArriba {
	bottom: 60px;
	background-color: rgba(135, 175, 98, 0.8)
}
#IrArriba a{
	color: #fff;
}
#IrArriba span {
display: block;
}
.oculto {
display: none;
}
body {
	font-family: 'Quicksand', sans-serif!important;
	color: rgba(0,0,0,1);
	font-size:16px;
}
a:focus, a:hover {
    color: rgba(0,0,0,1);
    text-decoration: underline;
}
nav.nav_cursos ul.nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
	justify-content: center;
	margin-top: 60px;
    list-style: none;
	padding: 1rem !important;
}
nav.nav_cursos ul.nav.nav-pills li a{
	font-size:16px;
}
@media (max-width: 991.98px) {
	nav.nav_cursos ul.nav{
	margin-top: 200px;
}
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
.nav_cursos ul.nav.nav-pills li {
    border: 1px solid #8e8e8e;
    padding: 3px;
    margin: 3px;
    border-radius: 5px;
	background:#FFF;
}
.nav_cursos ul.nav.nav-pills li a{
	font-weight:bold;


}
.nav_cursos ul.nav.nav-pills li a:hover{
background-color: #eee;
}
.p-md-5 {
    padding: 1rem !important;
}
.pagina_catalogo {
    width: auto !important;
    min-height: 0vh !important;
	float:left;
}
.busqueda {
	/*float:right;
	z-index:1;
	position:fixed;
	top:1em;
	right:1em;*/
    padding: 5px !important;
    padding-top: 5px;
	background: #EEE;
    border-radius: 15px;
    box-shadow: inset 0px 0px 3px #ccc;
    padding-top: 25px !important;
    width: auto;
    display: table;
    margin: 0 auto;
	color:#000;
}

.busqueda ul {
	margin-bottom:0px !important;
	clear: both;
	text-align: right;
	list-style: none;
	padding-left: 0;
}
.busqueda .estado,
.busqueda .estado2{
position:relative;
color: #e7480f;
padding: 0px;
padding-left:25px;
font-size: 14px;
border-radius: 0px;
text-align: right;
background:transparent;
top:0;
right:0;
}
.busqueda .estado::before,
.busqueda .estado2::before {
	display:none;
}
.busqueda .estado {
background:url(../images/actualizado_busqueda.png) no-repeat center left;
}
.busqueda .estado2 {
background:url(../images/nuevo_busqueda.png) no-repeat center left;
}
#codigo {
	text-align:center;
}
.busqueda_horas{
	color:rgba(0,0,0,1);
}
/*.row{
	width:100%;
	margin:0;
	padding:2%;
	background:rgba(255,0,0,1);
}*/
.container {
    width: 90% !important;
}
.contenedor_cursos{
padding: 1rem !important;
}
.contenedor_subcategorias{
	display: flex;
	flex-direction: inherit;
	flex-wrap: wrap;
	justify-content: center;
}
.contenedor_subcategorias {
  display: flex;
display: -webkit-flex;
  flex-direction: inherit;
-webkit-flex-direction: inherit;
  flex-wrap: wrap;
-webkit-flex-wrap: wrap;
  justify-content: center;
}
.item_curso{
width: 250px;
background: #fff;
padding: 20px;
margin: 10px;
border-radius: 18px;
position:relative;
background:url(../images/fondo_cursos.png) no-repeat top left #ffffffbf;
text-align:center;
border: 1px solid #0000000d;
}
/* Cursos impares 
.item_curso:nth-of-type(2n+1) {
background:url(../images/fondo_cursos.png) no-repeat top left #eee;
}*/
.img_cursos img {
     background: transparent;
    border-radius: 50%;
    width: 150px !important;
    border: 3px solid #87af62;
    aspect-ratio: 1 / 1;
    margin: 0 auto;
}
   
.horas {
position: absolute;
top: -5px;
left: -7px;
background: #87af62;
width: 54px !important;
height: 54px !important;
border-radius: 50%;
border: 8px solid #6c9149;
font-size: 1em;
font-weight: bold;
padding: 0px 0px;
color: #fff;line-height: 7.428571px;
}
.horas img{
    background: transparent;
	width: 20px !important;
	border: 3px solid transparent;aspect-ratio: unset;
}
.img_cursos {
    display: block;
    padding: 4px;
    margin-bottom: 0px;
    line-height: 1.42857143;
    background-color: transparent;
    border-radius: 0px;
	border:none;
}

.img_cursos .caption {
    padding: 0px;
    color: #333;
}
.estado, .estado2 {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    text-shadow: none;
    position: absolute;
    right: -10px;
    top: 23px;
    padding: 5px;
	padding-left:25px;
    font-size: 13px;
    border-radius: 0px;
}
.estado {
background:url(../images/actualizado.png) no-repeat center left rgba(0,0,0,1);
}
.estado2 {
background:url(../images/nuevo.png) no-repeat center left rgba(0,0,0,1);
}

.estado::before,
.estado2::before {
    border: 4px solid transparent;
	border-bottom: 4px solid #84918461;
	border-left: 4px solid #84918461;
    content: "";
    position: absolute;
    right: 1px;
    top: -7px;
}
.sello_apel {
    background:transparent;
    box-shadow: none;
}
.img_cursos .sello_apel img{ 
    border: none;
	border-radius:0;
	margin-bottom:5px;
	
}
.item_curso .img_cursos .caption h4 {
	color: #000;
	font-size: 1em;
	text-align: center;
	border-top: 1px solid #87af62;
	display: block;
	padding: 5px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
	margin-top:10px;
	min-height: 45px;
	background: #eeeeee63;
}
.item_curso h3 {
    font-size: 1.1em;
	font-weight: 700;
	text-align:center;
	margin-bottom: 25px;
	line-height:normal;
    margin-top: 10px;
}
.btn-order {
    width: auto;
    padding: 2px;
    font-size: 0.9em;
    color: #fff;
    background-color: #e7480f;
    text-decoration: none;
    text-shadow: none;
    position: absolute;
    bottom: 10px;
    clear: both;
    right: 38%;
	font-weight:700;
}
.img_cursos a img {
    content: url(../images/ver_mas.png);
    transition: all 500ms ease;
}
.tutores, .boton_ver_perfil {
	background:url(../images/usuarios.png) no-repeat top left #575656 !important;
    border-radius: 5px!important;
    border: 1px solid #87af62!important;
    font-size: 14px!important;
    
    color: #fff!important;
}
.tutores {
	padding: 3px!important;
	position: absolute;
    bottom: 10px;
    clear: both;
	width: 80% !important;
}
.tutores:hover {
    color: #fff!important;
    background:url(../images/usuarios.png) no-repeat top left #87af62!important;
    border-color: #fff!important;
}
.boton_ver_perfil {
	background-image:none !important;
	float:left;
	padding: 5px!important;
	margin-top:10px;
}
.boton_ver_perfil:hover {
    color: #fff!important;
	background:#87af62!important;
	border-color: #fff!important;
}
#sidebar h5 a{
    color: #fff!important;
}

a.guia_didactica {
    background: #1d1e144a;
    width: 150px;
    display: block;
    height: 150px;
    position: absolute;
    border-radius: 50%;
    top: 25px;
    left: 68px;
    padding: 2px 2px;
    color: #fff;
}
a.guia_didactica:hover {
    background: #1d1e14a6;
}
.contenedor_guia {
  display: flex;
  justify-content: center;
}
.contenedor_guia a span:first-child {
  display: inline-block;
  padding: 60px;
}
.contenedor_guia a {
  display: block;
  overflow: hidden;
}
.contenedor_guia a span:last-child {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(-55%);
  font-weight: 600;
  color:#fff;
}
.contenedor_guia a span {
  transition: transform 0.3s ease-in-out;
}
 
.contenedor_guia a:hover span:first-child {
  transform: translateY(300%);
}
 
.contenedor_guia a:hover span:last-child {
  transform: none;
}
.contenedor_guia[data-animation="to-top"] a span:last-child {
  transform: translateY(100%);
}
 
.contenedor_guia[data-animation="to-top"] a:hover span:first-child {
  transform: translateY(-300%);
}
.fa,
.fas {
  font-family: 'Font Awesome 5 Free' 'FontAwesome';
  font-weight: 900;
   }
.fa-file-alt::before {
    content: "\f15c";
    font-size: 2.5em;
}



.contenedor_cursos h3{
text-align: center;
background: rgba(0,0,0,0.5);
color: #fff;
font-size: 22px;
position: relative;
margin: 50px auto 30px;
padding: 17px 0;
padding-top: 20px;
font-weight: bold;
}
#blockchain_videopildoras h2,
#blockchain_videopildoras h3{
margin: 0;
}
#blockchain_videopildoras h3{
background: rgba(0,0,0,0);
color:#000;
}
.contenedor_cursos h3:before{
position: absolute;
width: 70px;
height: 70px;
background: #000;
top: 0px;
left: -40px;
font-family: 'FontAwesome';
border-radius: 50%;
padding: 16px;
font-size: 30px;
}
.adm_ges h3:before{
content: "\f03a";
}
.agraria h3:before{
content: "\f06c";
}
.artes_graf h3:before{
content: "\f040";
}
.comer_market h3:before{
content: "\f291";
}
.forma_comple h3:before{
content: "\f19d";
}
.hoste_turis h3:before{
content: "\f236";
}
.indust_alimen h3:before{
content: "\f094";
}
.infor_comun h3:before{
content: "\f109";
}
.quimica h3:before{
content: "\f2c7";
}
.sanidad h3:before{
content: "\f0f9";
}
.segur_medamb h3:before{
content: "\f1bb";
}
.servicios_comunidad h3:before{
content: "\f0c0";
}
.trans_mant h3:before{
content: "\f0d1";
}
.salud_actividad_fisica h3:before{
content: "\f21e";
}
.fabricacion_mecanica h3::before {
  content: "\f275";
}
.act_fisica_deportiva h3::before {
  content: "\f005";
}
#adm_ges {	
background:url(../images/imagenes_cursos/adm_ges.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#agraria {	
background:url(../images/imagenes_cursos/agraria.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#artes_graf{	
background:url(../images/imagenes_cursos/artes_graf.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#comer_market{	
background:url(../images/imagenes_cursos/comer_market.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#forma_comple{	
background:url(../images/imagenes_cursos/forma_comple.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#hoste_turis{	
background:url(../images/imagenes_cursos/hoste_turis.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#indust_alimen{	
background:url(../images/imagenes_cursos/indust_alimen.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#infor_comun{	
background:url(../images/imagenes_cursos/infor_comun.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#quimica{	
background:url(../images/imagenes_cursos/quimica.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#sanidad{	
background:url(../images/imagenes_cursos/sanidad.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#segur_medamb{	
background:url(../images/imagenes_cursos/segur_medamb.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#servicios_comunidad{	
background:url(../images/imagenes_cursos/servicios_comunidad.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#trans_mant{	
background:url(../images/imagenes_cursos/trans_mant.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#salud_actividad_fisica{	
background:url(../images/imagenes_cursos/salud_actividad_fisica.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#fabricacion_mecanica{	
background:url(../images/imagenes_cursos/fabricacion_mecanica.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#act_fisica_deportiva {	
background:url(../images/imagenes_cursos/act_fisica_deportiva.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#electricidad {	
background:url(../images/imagenes_cursos/electricidad.png) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
#agua_energia {	
background:url(../images/imagenes_cursos/agua_energia.jpg) no-repeat top left #e7e8e399;
 background-attachment:fixed;
 background-blend-mode: lighten;
}
/*menu lateral*/
#sidebar ul.components {
    margin-bottom: 0;
}
#sidebar ul li {
    font-size: 17px;
}
.bienvenido_texto{
font-size: 17px !important;
font-weight: 500;
line-height: normal !important;
color: #000;
margin-bottom:2em !important;
}
.logo{
	margin-bottom:1em !important;
}
#editar_clave{
border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#editar_clave .btn.btn-primary{
	border:none;
	border-radius:0px;
	padding:10px 0;
	padding-left: 5px;
	width: 100%;
	text-align: left;
	font-size: 17px;
}
.fa-lock::before {
    font-size: 12px;
}
.logout {
    font-size: 15px;
    margin-top: 10px;
    text-align: right;
    background: #fff;
    padding: 10px;
	border-radius: 5px;
}
.logout a{
	color:#87af62 !important;
	font-weight: bold;
}
.logout a:hover{
	color:#000!important;
}
#sidebarCollapse{
margin-left: 20px;
}
/*fin *menu lateral*/


.cabecera_titulo {
    background: rgba(135, 175, 98, 0.56);
    width: auto;
    display: inline;
}
/*.paginas_interior{
	margin-top:100px;
}*/

.derecha{
	float:right;
}
iframe{
	margin:20px;
}
/*NOTICIAS Y MAQUETACIÓN*/
.main {
  margin: 0 auto;
  padding: 10px;
}

.column {
  flex: 1;
  flex-direction: column;
}

.no-rebosa {
	flex-wrap:wrap;
}

.article,
.article_maquetacion {
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: #666;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  margin: 10px;
    -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease;
}
.article_sinsombra{
  background: white;
  box-shadow: none;
  color: #666;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-basis: auto;
  margin: 10px;
  width:50%;
}
.article:hover,
.article:focus,
.article_maquetacion {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  color: #444;
}

.article-image {
  background: #eee;
  display: block;
  padding-top: 75%;
  position: relative;
  width: 100%;
}
.video_tutorial {
  background: #87af62;
  display: block;
  position: relative;
  width: auto;
}
.imagen_maquetacion{
  height: auto;
  width: auto;
  order: 2;
}
.article-image img {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.article-image.is-3by2 {
  padding-top: 66.6666%;
}

.article-image.is-16by9 {
  padding-top: 56.25%;
}

.article-body {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px;
}

.article-title {
  color: #333;
  flex-shrink: 0;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  border-bottom: 2px solid #62b663;
}
.article-title2 {
  color: #62b663;
  flex-shrink: 0;
  font-size: 1.8em;
  font-weight: 700;
  line-height: 1.2;
  text-align:center;
}
.article-content {
  flex: 1;
  margin-top: 5px;
}

.article-info {
  display: flex;
  font-size: 0.85em;
  justify-content: space-between;
  margin-top: 10px;
}
.article-content p,
.article-body ul,
p.article-content{
	font-size: 16px;
	color: #000;
  }
.article-body ul{
    line-height: 2.5em;
  }
.bot_article{
	  font-size:1.4em !important;
  }
.bot_article a{
	color:#fff !important;
  }
.article-content p a{
	font-weight:700;
	font-weight: 700;
border-bottom: 1px solid #58a60f;
background: #fff;
  }
 
.article-content .destacado {

    font-size: 1.2em;
    font-weight: 700;

}
@media screen and (min-width: 800px) {
  .columns,
  .column {
    display: flex;
  }
}

@media screen and (min-width: 1000px) {
  .first-article {
    flex-direction: row;
	background: #fff;
	
  }

  .first-article .article-body {
    flex: 1;
  }

  .first-article .article-image {
    height: 300px;
    order: 2;
    padding-top: 0;
    width: 400px;
  }
  

  .main-column {
    flex: 2;
  }

  .nested-column {
    flex: 2;
  }

}
.flexbox-contenedor {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
}

.flexbox-contenedor> div {
	width: 400px;
	padding: 10px;
	text-align: center;
}

.flexbox-contenedor > div:first-child {
        margin-right: 20px;
}
/*VENTANA MODAL de tutor*/
.modal-header {
    display: block !important;
    padding: 10px;
    border-bottom: none !important;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-footer {
    display: none;
}
.docente_perfil {
   background: #ddd;
    border-radius: 15px;
    padding:15px;
	margin-bottom: 20px !important;
	overflow: hidden;
	clear:both;
}
.preferente {
   background: #87af62;
   color:#FFF;
}
.docente_perfil.preferente a{
   background: #87af62;
   color:#FFF;
}
.tutor_preferente {
    background: rgba(0,0,0,1);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    color: #fff;
    padding: 5px 10px;
    font-size: 13px;
    border-radius: 0px;
	float: right;
	right: 8px;
	position: absolute;
}
.negrita {
	font-weight:bold;
}
.modal-title {
line-height: 1;
font-size: 20px;
border-bottom: 1px solid #87af62;
}
.modal-body h4{
    font-size: 16px;
}
.contenedor_videopildoras {
	width: 100%;
	margin: 0px  auto;
	padding:0 26px; 
}
.cabecera_videopildoras {

}
.contenido_videopildoras {
	padding: 10px 0;
	margin-bottom:100px;
}
/* ~~ Este selector agrupado da espacio a las listas del área de .contenido_videiplidoras ~~ */
.contenido_videopildoras ul, .contenido_videopildoras ol { 
	padding: 15px; 
	list-style: none;
	position: relative;
	line-height: 1.8em;
}
.contenido_videopildoras h2{
    background: #000;
    width: auto;
    display: inline-block;
    color: #fff;
    padding: 5px;
	font-size: 16px;
	font-weight: bold;
}
.tiempo_videopildoras{
	font-weight:bold;
	background:url(../sistema/images/clock_videopildoras.png) no-repeat center left transparent;
	padding-left: 25px;
	color: #3a6a0e;
	margin-left: 5px;
}
#blockchain_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_blockchain_300px.png) no-repeat bottom right  #e8e8e8;
	border-radius:5px;
	padding: 50px;
	margin-bottom:40px;
	position:relative;
}
#aulavirtual_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_aulavirtual_300px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#habilidades_directivas_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_habilidades_directivas_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#ingles_basico_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_ingles_basico_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#logistica_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_logistica_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#normativa_iso_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_normativa_iso_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#recursos_humanos_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_recursos_humanos_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#administracion_gestion_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_administracion_gestion_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#productividad_grupal_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_productividad_grupal_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#ofimatica_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_ofimatica_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#redes_sociales_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_redes_sociales_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#igualdad_laboral_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_igualdad_laboral_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#planificacion_empresarial_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_planificacion_empresarial_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#seguridad_trabajo_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_seguridad_trabajo_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#tic_ciberseguridad_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_tic_ciberseguridad_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
#frances_basico_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_frances_basico_200px.png) no-repeat top right #DFDFDF;
	position:relative;
}
@media (max-width: 791px) {
#seguridad_trabajo_videopildoras,
#tic_ciberseguridad_videopildoras,
#frances_basico_videopildoras,
#redes_sociales_videopildoras, 
#ofimatica_videopildoras, 
#productividad_grupal_videopildoras, 
#administracion_gestion_videopildoras, 
#recursos_humanos_videopildoras,  
#normativa_iso_videopildoras, 
#logistica_videopildoras, 
#ingles_basico_videopildoras, 
#habilidades_directivas_videopildoras, 
#igualdad_laboral_videopildoras, 
#planificacion_empresarial_videopildoras,
#aulavirtual_videopildoras {
    padding-left: 0px;
    margin-left: 0;
	background-position-x:right;
}
#seguridad_trabajo_videopildoras .lista_primero_contenido_videopildoras,
#tic_ciberseguridad_videopildoras .lista_primero_contenido_videopildoras,
#frances_basico_videopildoras .lista_primero_contenido_videopildoras,
#redes_sociales_videopildoras .lista_primero_contenido_videopildoras,
#ofimatica_videopildoras .lista_primero_contenido_videopildoras,
#productividad_grupal_videopildoras .lista_primero_contenido_videopildoras,
#administracion_gestion_videopildoras .lista_primero_contenido_videopildoras,
#recursos_humanos_videopildoras .lista_primero_contenido_videopildoras,
#normativa_iso_videopildoras .lista_primero_contenido_videopildoras,
#logistica_videopildoras .lista_primero_contenido_videopildoras,
#ingles_basico_videopildoras .lista_primero_contenido_videopildoras,
#habilidades_directivas_videopildoras .lista_primero_contenido_videopildoras,
#igualdad_laboral_videopildoras .lista_primero_contenido_videopildoras,
#planificacion_empresarial_videopildoras .lista_primero_contenido_videopildoras, 
#aulavirtual_videopildoras .lista_primero_contenido_videopildoras {
    padding-top: 250px;
}
}
#extincion_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_extincion_300px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#comercial_marketing_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_comercial_marketing_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#mejorar_eficiencia_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_mejorar_eficiencia_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#marketing_digital_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_marketing_digital_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#big_data_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_big_data_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#gestion_financiera_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_gestion_financiera_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#prevencion_riesgos_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_prevencion_riesgos_200px.png) no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
@media (max-width: 991px) {
#extincion_videopildoras  ul,
#mejorar_eficiencia_videopildoras  ul,
#marketing_digital_videopildoras ul,
#big_data_videopildoras ul,
#comercial_marketing_videopildoras  ul,
#gestion_financiera_videopildoras ul,
#prevencion_riesgos ul{
padding-top: 200px;
}
}
#auxilios_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_auxilios_300px.png) no-repeat top left #FFF;
	padding-left: 0px;
	margin-left: 15%;
	position:relative;
}
#marruecos_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_marruecos_300px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#argelia_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_argelia_300px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#incoterms_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_incoterms_300px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#rgpd_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_rgpd_200px.png) no-repeat top left #FFF;
	padding-left: 0px;
	margin-left: 15%;
	position:relative;
}
#lengua_signos_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_lengua_signos_200px.png) no-repeat top left #FFF;
	padding-left: 0px;
	margin-left: 15%;
	position:relative;
}
#ergonomia_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_ergonomia_200px.png) no-repeat top left #FFF;
	padding-left: 0px;
	margin-left: 15%;
	position:relative;
}
#workfit_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_workfit_200px.png) no-repeat top right #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
	min-height: 250px;
}
#auxilios_videopildoras ul, #lengua_signos_videopildoras ul, #rgpd_videopildoras ul, #ergonomia_videopildoras ul{
    margin-left: 250px;
}
@media (max-width: 791px) {
	#auxilios_videopildoras,
	#marruecos_videopildoras,
	#lengua_signos_videopildoras,
	#rgpd_videopildoras,
	#ergonomia_videopildoras{
	margin-left: 0;
	background-position-x:right;
}
#auxilios_videopildoras .lista_primero_contenido_videopildoras,
#lengua_signos_videopildoras .lista_primero_contenido_videopildoras,
#rgpd_videopildoras .lista_primero_contenido_videopildoras,
#ergonomia_videopildoras .lista_primero_contenido_videopildoras,{
    padding-top: 250px;
}
#auxilios_videopildoras ul,
#lengua_signos_videopildoras ul,
#marruecos_videopildoras ul,
#rgpd_videopildoras ul,
#ergonomia_videopildoras ul {
	margin-left: 0px;
}
}
#manipulacion_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_seguridad_200px.png)  no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
#aduanas_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_aduanas_300px.png)  no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
}
@media (max-width: 991px) {
#manipulacion_videopildoras  ul{
padding-top: 200px;
}
}
#comercio_videopildoras{
	margin-top:100px;
	position:relative;
}
#comercioexterior_basico_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_comercio_300px.png) no-repeat top right #e8e8e8;
}
#medios_pago_internacional_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_medios_pago_internacional_300px.png) no-repeat top right #aaa;
}
#exportarChina_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_exportarChina_600px.png) no-repeat bottom right;
	margin:100px 0px 40px;
	color:#000;
	position:relative;
}
#productividad_personal_videopildoras{
  background: url(../images/imagenes_videopildoras/videopildoras_productividad_personal.png) no-repeat bottom right;
  margin: 100px 0px 40px;
  color: #000;
  position: relative;
}
#recursos_humanos_videopildoras{
  background: url(../images/imagenes_videopildoras/videopildoras_recursos_humanos_200px.png) no-repeat bottom right;
  margin: 100px 0px 40px;
  color: #000;
  position: relative;
}
#aleman_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_aleman.png) no-repeat bottom right;
	margin:100px 0px 40px;
	position:relative;
}
#igualdad_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_igualdad_300px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#inteligencia_artificial_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_inteligencia_artificial_200px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#business_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_business_200px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#business_videopildoras_avanzado{
	background:url(../images/imagenes_videopildoras/videopildoras_business_avanzado_200px.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
@media (max-width: 791px) {
#igualdad_videopildoras ul,
#business_videopildoras ul,
#inteligencia_artificial_videopildoras {
	margin-left: 0px;
}
#igualdad_videopildoras,
#business_videopildoras,
#business_videopildoras_avanzado {
    margin-left: 0px;
	background-position-x:right;
}
}
#neuroventas_videopildoras{
	background:url(../images/imagenes_videopildoras/videopildoras_neuroventas_300px.png)no-repeat top right  #e8e8e8;
	border-radius:5px;
	margin-bottom:40px;
	position:relative;
	min-height: 250px;
}
@media (max-width: 600px) {
#neuroventas_videopildoras,
#workfit_videopildoras{
	background-position-x: center;
	background-position-y: 30px;
}
}
#doscolumnas_contenedor_videopildoras, #trescolumnas_contenedor_videopildoras{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.doscolumnas_contenido_videopildoras{
	width:40%;
	background:#FFF;
	margin-right: 20px;
	border-bottom: 6px solid #87af62;
	position:relative;
}
.trescolumnas_contenido_videopildoras{
	background:#FFF;
	margin-right: 20px;
	border-bottom: 6px solid #000;
	position:relative;
	flex: 1;
	width: 30%;
}
.titulo_contenido_videopildoras {
	background: rgb(0, 0, 0);
	color: #000;
	width: auto;
	display: inline-block;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	position: absolute;
	top: -20px;
	left: 20%;
}
.trescolumnas_contenido_videopildoras .titulo_contenido_videopildoras {
    background: rgb(0, 0, 0);
    color: #000;
    width: auto;
    display: inline-block;
    margin: 50px auto 0;
    padding: 5px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: -49px;
    left: 70px;
}
.unacolumnas_contenido_videopildoras{
	background:#5b5b5b;
	margin-top:40px 0;
	color:#fff;
	margin-top:50px;
}
.unacolumnas_contenido_videopildoras .tiempo_videopildoras{
	font-weight:bold;
	padding-left: 25px;
	color: #3a6a0e;
}
.doscolumnas_contenido_videopildoras:nth-of-type(2) {

}
@media (max-width: 991px) {
#doscolumnas_contenedor_videopildoras,
#trescolumnas_contenedor_videopildoras{
	display:block;
}
.doscolumnas_contenido_videopildoras,
.trescolumnas_contenido_videopildoras{
	width:100%;
	margin: 20px;
}
.doscolumnas_contenido_videopildoras:nth-of-type(2) {
	margin-top: 80px;
}
}
.familias_videopildoras{
position: relative;
}

.lista_primero_contenido_videopildoras{
    padding-top: 15px;
}
@media (max-width: 791px) {
.lista_primero_contenido_videopildoras{
    padding-top: 50px;
}
}
#programada, .programada_unidades{
	background:#FFF;
}
.programada_unidades{
	list-style:none;
	display:flex;
}
@media (max-width: 991.98px) {
	.programada_unidades{
	display:block;
}
}
.programada_unidades li{
margin: 20px;
background: #fff;
border: 1px solid #777;
padding: 5px;
line-height: normal;
}

video{
    width: 100%;
}
.demo_videopildoras,
.demo_videopildoras:focus{
	width: auto;
	border-radius: 0;
	line-height: normal;
	padding: 7px 12px;
	background: #87af62 !important;
	border-color: #fff;
	color:#fff!important;
	margin-top:30px;
	border-radius: 15px;
	border: 2px solid #888 !important;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0); 
box-shadow: 0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);
}
.demo_videopildoras:hover{
	background: #000 !important;
			-moz-transition: all 0.1s linear;
		-o-transition: all 0.1s linear;
		transition: all 0.1s linear;

}
#trescolumnas_contenedor_videopildoras .demo_videopildoras{
	margin-top:50px;

}
.contenedor_videopildoras .modal-dialog{
    max-width: 800px;
}
.familias_videopildoras{
	margin-bottom:40px;
}
.boton_toggle {
  display: inline-block;
  padding: 10px 20px;
  border: 1px solid;
  border-radius: 4px;
  background: #87af62;
  color: #FFF;
  font-family: arial;
  -webkit-transition: background-color 0.1s, color 0.1s;
}

.boton_toggle:hover {
  background: #EEE;
  color: #000;
}
#videopildoras_videoinicial {
	box-shadow:inset -8px -10px 15px 1px rgba(0,0,0,0.16);
	background-image:url(../images/imagenes_videopildoras/videopildora_inicial_01.png), url(../images/imagenes_videopildoras/videopildora_inicial_02.png), linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(135,175,98,1) 100%); 
	background-repeat:no-repeat, no-repeat;
	background-size: contain, contain, auto;
	background-position: 100% 120%, left bottom;
	padding: 20px;
	overflow: hidden;
	padding-left: 100px;
}
.videoinicial_contenedor {
	max-width:520px;
}
.videoinicial_contenedor video{
	max-width:100%;
	width: 96%;
	margin-top: 49px;
}
#respuesta-ej1 {
background:url(../images/imagenes_videopildoras/videopildora_inicial.png)no-repeat center center;
width:520px;
height:416px;
}
.contenido_toggle {
    -webkit-transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-top-width .3s linear, border-top-width .3s linear;
    transition: height .3s linear, padding-top .3s linear, padding-bottom .3s linear, border-top-width .3s linear, border-top-width .3s linear;
}
@media (max-width: 791px) {
	#videopildoras_videoinicial {
	background-image:linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(135,175,98,1) 100%); 
	}
	#videopildoras_videoinicial {
    padding: 20px;
    padding-left: 0px;
	}
	#respuesta-ej1 {
	background:none;
	width:100%;
	height:auto;
	}
	.videoinicial_contenedor {
	margin:auto;
}
	}


.menu_fijo{
	position:absolute;
	background: #87af62;/*cambio a prueba*/
}

/*excel*/

.sticky-container{
    padding:0px;
    margin:0px;
    position:fixed;
    right:-130px;
    top:450px;
    width:210px;
    z-index: 1100;
}
.sticky li{
    list-style-type:none;
    background-color:#007442;
    color:#efefef;
    height:43px;
    padding:0px;
    margin:0px 0px 1px 0px;
    -webkit-transition:all 0.25s ease-in-out;
    -moz-transition:all 0.25s ease-in-out;
    -o-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    cursor:pointer;
	margin-left:-135px;
}
.sticky li:hover{
	background-color:#000;
	/*margin-left:-115px;*/
    
}
/*.sticky li img{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}*/
.sticky li form{
    float:left;
    margin:5px 4px;
    margin-right:5px;
}
.sticky li p{
    margin: 0px;
    line-height: 16px;
    font-size: 13px;
    color: #fff;
    float: right;
    text-align: left;
    padding-left: 10px;
}
.sticky li form button {
    border: none;
    box-shadow: none;
    background: none;
}
/*INICIO PAQUETES EN VIDEOPILDORAS*/
.paquete {
    display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.familias_videopildoras ul li.paquete ul{
	background: rgba(255,255,255,0.5);
	padding: 20px 8px;
	margin-left: 20px;
	width:500px;
	margin-top: 20px;
}
.familias_videopildoras ul li.paquete ul li{
    margin-left: 20px;
    list-style: square;
}
.paquete_titulo {
    font-weight: 600;
	border-bottom: 1px #7d7d7d dotted;
}
@media (max-width: 1024px) {
	.paquete {
	flex-direction: column;
	justify-content: center;
}
.familias_videopildoras ul li.paquete ul{
	width:100%;
	margin-right: 20px;
	margin-left: 0;
}
}
/*INICIO CATÁLOGO CURSOS BASADOS EN VIDEOPILDORAS*/


#cursos_videopildoras {
  overflow: hidden;
  background: #eee;
  position:relative;
  margin-bottom:30px;
}
.todos_cursos_videopildoras{
  position: relative;
  min-height: 300px;
  -webkit-box-shadow: -7px 11px 25px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -7px 11px 25px 0px rgba(0,0,0,0.75);
box-shadow: -7px 11px 25px 0px rgba(0,0,0,0.75);
float: left;
width: 425px;
background-size: cover;
border-bottom-right-radius: 20px;
border-top-right-radius: 30px;
}
#aulavirtual_cursos {
  background: url(../images/cursos_videopildoras/aulavirtual_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#igualdad_cursos {
  background: url(../images/cursos_videopildoras/igualdad_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#neuroventas_cursos {
  background: url(../images/cursos_videopildoras/neuroventas_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#inteligencia_artificial_cursos {
  background: url(../images/cursos_videopildoras/inteligencia_artificial_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#business_cursos {
  background: url(../images/cursos_videopildoras/business_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#business_avanzado_cursos {
  background: url(../images/cursos_videopildoras/business_avanzado_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#productividad_cursos {
  background: url(../images/cursos_videopildoras/productividad_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#blockchain_basico_cursos {
  background: url(../images/cursos_videopildoras/blockchain_basico_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#blockchain_avanzado_cursos {
  background: url(../images/cursos_videopildoras/blockchain_avanzado_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#comercio_basico_cursos {
  background: url(../images/cursos_videopildoras/comercio_basico_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#medios_pago_cursos {
  background: url(../images/cursos_videopildoras/medios_pago_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#aduanas_cursos {
  background: url(../images/cursos_videopildoras/aduanas_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#marruecos_cursos {
  background: url(../images/cursos_videopildoras/marruecos_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#argelia_cursos {
  background: url(../images/cursos_videopildoras/argelia_cursos.png) no-repeat top right #00b45a;
  background-size: cover;
}
#china_cursos {
  background: url(../images/cursos_videopildoras/china_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#incoterms_cursos {
  background: url(../images/cursos_videopildoras/incoterms_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#aleman_basico_cursos {
  background: url(../images/cursos_videopildoras/aleman_basico_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#aleman_avanzado_cursos {
  background: url(../images/cursos_videopildoras/aleman_avanzado_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#aleman_sectorial_cursos {
  background: url(../images/cursos_videopildoras/aleman_sectorial_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#extincion_cursos {
  background: url(../images/cursos_videopildoras/extincion_cursos.png) no-repeat bottom right #87af62;
    width:100%;
		box-shadow:none;
}
#auxilios_cursos {
  background: url(../images/cursos_videopildoras/auxilios_cursos.png) no-repeat bottom right #87af62;
    width:100%;
		box-shadow:none;
}
#manipulacion_cursos {
  background: url(../images/cursos_videopildoras/manipulacion_cursos.png) no-repeat bottom right #87af62;
  width:100%;
  	box-shadow:none;
}
#lengua_signos_cursos {
  background: url(../images/cursos_videopildoras/lengua_signos_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#mejorar_eficiencia_cursos {
	background: url(../images/cursos_videopildoras/mejorar_eficiencia_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#gestion_financiera_cursos{
  background: url(../images/cursos_videopildoras/gestion_financiera_cursos.png) no-repeat top right #e8e8e8;
	padding-left: 0px;
	position:relative;
}
#comercial_marketing_cursos {
	background: url(../images/cursos_videopildoras/comercial_marketing_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#ergonomia_cursos {
	background: url(../images/cursos_videopildoras/ergonomia_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#marketing_digital_cursos {
	background: url(../images/cursos_videopildoras/marketing_digital_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#big_data_cursos {
	background: url(../images/cursos_videopildoras/big_data_cursos.png) no-repeat top left #00b45a;
  background-size: cover;
}
#rgpd_cursos {
	background: url(../images/cursos_videopildoras/rgpd_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
#workfit_cursos {
	background: url(../images/cursos_videopildoras/workfit_cursos.png) no-repeat bottom right #87af62;
    width:100%;
	box-shadow:none;
}
@media (max-width: 1024px) {
	#aleman_sectorial_cursos, #extincion_cursos, #auxilios_cursos, #manipulacion_cursos, #lengua_signos_cursos, #mejorar_eficiencia_cursos, #comercial_marketing_cursos, #ergonomia_cursos, #marketing_digital_cursos, #rgpd_cursos, #workfit_cursos  {
	min-height:300px;
}
}
@media (max-width: 792px) {
	#aleman_sectorial_cursos, #extincion_cursos, #auxilios_cursos, #manipulacion_cursos, #lengua_signos_cursos, #mejorar_eficiencia_cursos, #comercial_marketing_cursos, #ergonomia_cursos, #marketing_digital_cursos, #rgpd_cursos, #workfit_cursos  {
	min-height:250px;
}
}
.cursos_videopildoras_listado{
	flex-wrap: wrap;
	justify-content: center;
	display: flex;
	align-items: center;
	min-height: 300px;
}
@media (max-width: 1024px) {
.cursos_videopildoras_listado {
	justify-content: left;
  align-items: center;
  min-height: 300px;
  width: 300px;
}
}
.cursos_videopildoras_individual{
	/* 
background: -moz-linear-gradient(top,  rgba(0,180,90,0.65) 0%, rgba(255,255,255,1) 100%);  FF3.6-15 
background: -webkit-linear-gradient(top,  rgba(0,180,90,0.65) 0%,rgba(255,255,255,1) 100%);  Chrome10-25,Safari5.1-6 
background: linear-gradient(to bottom,  rgba(0,180,90,0.65) 0%,rgba(255,255,255,1) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a600b45a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding: 8px;
	margin: 0;
	width:200px;
	margin:20px;
	position: relative;
	border-radius: 10px;
	height: 180px;
	box-shadow: 2px 5px 25px -5px rgba(53, 53, 53, 0.75);
	background: linear-gradient(135deg, #b7e19a 94%, rgb(67, 179, 158) 94%);
}
.titulo_individual_curso_videopildoras  {
	font-weight: 700;
	margin-top: 70px;
	display: block;
	text-align:center;
	border-top: 2px double #eee;
	font-style:italic;
}
.cursos_videopildoras_horas {
  font-size: 20px;
  position: absolute;
  top: -2px;
  left: -27px;
  text-align: left;
  color: #fff;
  text-shadow: #ddd;
  font-weight: bold;
}
.guia_cursos_videopildoras{
  font-size: 15px;
  position: absolute;
  top: 20px;
  left: 65px;
   /*background: url(../images/cursos_videopildoras/pdf_cursos_videopildoras.png) no-repeat top left transparent;*/
   background: url(../images/cursos_videopildoras/programas_completos.png) no-repeat top left transparent;
   padding-left: 27px;
	min-height: 25px;
}
.programas_completos {
  position: relative;
  top: auto;
  left: auto;
  margin-top: 10px;
  letter-spacing: 0;
  padding-top: 3px;
  background: url(../images/cursos_videopildoras/programas_completos.png) no-repeat top left transparent;
}
.guia_cursos_videopildoras a {
	text-decoration: none;
	color: #607975;
	font-weight: 700;
	vertical-align: top;	
  padding: 0;
  margin: 0;
  box-shadow: inset 0 0 0 0 #FFF;
  transition: color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}
.guia_cursos_videopildoras a:hover {
  color: #FFF;
  box-shadow: inset 150px 0 0 0 #000;
}
.guia_cursos_videopildoras.programas_completos a{
	color: #000;
}
.guia_cursos_videopildoras.programas_completos a:hover{
	  color: #FFF;
  box-shadow: inset 150px 0 0 0 #000;
}
.titulo_curso_videopildoras {
  display: inline-block;
  margin: 0 auto;
  padding: 5px;
  text-align: left;
  color: #000;
  height: auto;
  font-size: 25px;
  color: #131313;
  background-color: #e7e5e4;
  letter-spacing: .1em;
  width: 325px;
  margin-left: 100px;
  font-weight: 700;
  line-height:1;
  min-height: 93px;
  border-top-right-radius: 20px;
}
.titulo_curso_videopildoras_programas_completos {
font-size: 40px;
color: #153324;
font-weight: 700;
letter-spacing: .15em;
text-align: left;
border-bottom: 1px solid #bfbfbf;
  background-color: #e7e5e4;
  letter-spacing: .1em;
  width: 100%;
  line-height:1;
  border-top-right-radius: 20px;
  overflow:hidden;
  padding: 5px;
padding-left: 110px;
word-wrap: break-word;
}
@media (max-width: 792px) {
.titulo_curso_videopildoras_programas_completos{
	font-size:20px;
}
}
.titulo_curso_videopildoras span {
	font-size:18px;
	font-style: italic;
	letter-spacing: 0;
}
.horas_totales_curso_videopildoras{
	display: inline-block;
	margin: 0 auto;
	padding: 0px;
	text-align: left;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	height: auto;
	font-size: 30px;
	font-weight: bold;
	/*.ribbon */
    width: 0px;
    height: 120px;
    border-left: 50px solid rgb(67, 179, 158);
    border-right: 50px solid rgb(67, 179, 158);
    border-bottom: 35px solid transparent;
}
.numero_horas_totales_curso_videopildoras {
  position: absolute;
  left: -40px;
  top: 0px;
}
#cursos_videopildoras .demo_videopildoras{
position: absolute;
top: 10px;
margin: 0;
left: -10px;
background: url(../images/cursos_videopildoras/camara.png) no-repeat center left, linear-gradient(43deg, rgba(135,175,98,1) 49%, rgba(84,107,63,1) 100%) !important;
width: 90px;
height: 90px;
border-radius: 50%;
border: 2px solid #fff !important;
padding-left: 37px
}
.cursos_videopildoras_numero {

text-align: center;
display:inline-block;
padding: 0px;
position: absolute;
left: 0;
top: 0;
	/*.ribbon */
width: 0;
height: 70px;
border-left: 30px solid rgb(67, 179, 158);
border-right: 30px solid rgb(67, 179, 158);
border-bottom: 15px solid transparent;
}
.cursos_videopildoras_titular {
  font-size: 40px;
  color: #153324;
  font-weight: 700;
  letter-spacing: .15em;
  text-align: right;
border-bottom: 1px solid #bfbfbf;

}
@media (max-width: 768px) {
.cursos_videopildoras_listado {
  display: inline-flex;
}
.cursos_videopildoras_individual{
	margin:10px;
	width: 95%;
height: auto;
}
.cursos_videopildoras_titular {
  text-align: left;
}
.todos_cursos_videopildoras, .titulo_curso_videopildoras {
  width: 100%;
}
}
/*iconos suma y resultado*/

.icono_igual, .icono_suma {
  width: 40px;
  height: 40px;
}
.icono_igual {
  background:url(../images/cursos_videopildoras/icono_igual.png) no-repeat center left;
  margin-left: 10px;
  padding-top: 300px;
  float: left;
}
.icono_suma {
 background:url(../images/cursos_videopildoras/icono_suma.png) no-repeat center left;
}
.contenedor_caja_texto{
  padding: 20px;
  display: table;
  margin: 30px auto;
  border-spacing: 10px 5px;
}
.caja_texto{
  background-color: #b7ec9e;
  padding: 10px;
  margin: 0 auto;
  border-radius: 20px;
  box-shadow: 2px 5px 25px -5px rgba(53, 53, 53, 0.75);
  border: 2px solid #eee;
  font-size: 17px;
  font-weight: 600;
  height: auto;
  width: 200px;
  text-align: center;
  display: table-cell;
vertical-align: middle;
}

.contenedor_video_cursosvideopildoras{
 background:url(../images/cursos_videopildoras/fondo_videopildora.png) no-repeat left bottom, url(../images/cursos_videopildoras/fondo_videopildora_derecha.png) no-repeat right bottom, linear-gradient(21deg, rgb(67, 179, 158) 0%, #87af62 100%);
height:380px;
}
.contenedor_video_presentacion_cursosvideopildoras{
position:relative;
text-align: center;
}
.presentacion_cursosvideopildoras, .presentacion_cursosvideopildoras:focus {
  width: 377px;
  padding: 12px;
  background:url(../images/cursos_videopildoras/play.png) no-repeat center left  !important;
  color: #fff !important;
border: none;
 height:280px;
padding-left: 70px;

}
.presentacion_cursosvideopildoras:hover{
  background:url(../images/cursos_videopildoras/play_hover.png) no-repeat center left  !important;

}
.presentacion_cursosvideopildoras:after{
	content:"";
	display:block;
	background:url(../images/cursos_videopildoras/mano_boton.png) no-repeat bottom center;
	position:absolute;
	width: 120px;
	height:91px;
	left: 51%;
}

.destacado_cursosvideopildoras{
	font-family: 'Quicksand', sans-serif;
  color: #fff;
font-size: 35px;
padding-top: 5px;
padding-left: 30px;
font-weight: 400;
text-align: center;

 }
 .modal_presentacion {
  max-width: 800px;
}

.title-word {
  animation: color-animation 4s linear infinite;
}

.title-word-1 {
  --color-1: #DF8453;
  --color-2: #3D8DAE;
  --color-3: #E4A9A8;
    margin-left: -1%;
}

.title-word-2 {
  --color-1: #DBAD4A;
  --color-2: #ACCFCB;
  --color-3: #17494D;
    margin-left: -1%;
}

.title-word-3 {
  --color-1: #ACCFCB;
  --color-2: #E4A9A8;
  --color-3: #ACCFCB;
    margin-left: -1%;
}

.title-word-4 {
  --color-1: #3D8DAE;
  --color-2: #DF8453;
  --color-3: #E4A9A8;
    margin-left: -1%;
}

@keyframes color-animation {
  0%    {color: var(--color-1)}
  32%   {color: var(--color-1)}
  33%   {color: var(--color-2)}
  65%   {color: var(--color-2)}
  66%   {color: var(--color-3)}
  99%   {color: var(--color-3)}
  100%  {color: var(--color-1)}
}

/* Here are just some visual styles. 🖌 */

.animado {
  text-align: center;
}

.title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 4vw;
  text-transform: uppercase;
}

.img-responsive {
  max-width: 100%;
  height: auto;
}
.webinar_bg {
	background:url(../images/webinar_bg.png) no-repeat bottom right;
}
.aviso_contenedor{
-webkit-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
-moz-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
margin: 20px;
border-radius: 30px;
display:flex;
}
.aviso_contenido1{
background:#F90;
border-bottom-left-radius:30px;
border-top-left-radius:30px;
padding:10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.centrar_aviso{

}
.aviso_contenido2{
text-align: center;
font-size:30px;
padding: 30px;
}
.aviso_titulo{
font-family: 'Roboto Slab', serif;
font-size:1.2rem;
color: #000;
}
.btn_aviso {
  background: #f90;
  color: #fff;
  padding: 10px;
  border-radius: 20px;
  font-size: 20px;
font-weight: 800;
display:inline-block;
}
@media (max-width: 992px) {
.aviso_contenedor{
flex-direction:column;
}
.aviso_contenido1{
border-radius:0px;
border-top-right-radius:30px;
border-top-left-radius:30px;
}
.centrar_aviso{

}
}
.contenedor_dos_columnas{
display:flex;
flex-direction:column;
}
.contenido_columna {
-webkit-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
-moz-box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
box-shadow: 0px 0px 20px 0px rgba(184,184,184,0.87);
margin: 20px;
padding-bottom: 26px;
}
.titulo_contenido_columna {
background:#87af62;
font-weight:800;
color:#fff;
text-align:left;
padding: 5px;
}
.contenido_columna ul{
padding-right: 20px;
}
.contenedor_dos_columnas a{
color:#000;
font-weight:bold;
}
.contenedor_dos_columnas a:hover{
color:#3f7110;
font-weight:bold;
}

.lista_nuevos ul li,
.lista_actualizados ul li{
  display: flex;
  flex-direction: inherit;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #eee;
}
.lista_nuevos ul li a,
.lista_actualizados ul li a {
  flex: 1;
}
.lista_nuevos{
	background:url(../area_privada/images/noticias/lista_cursos_nuevos_bg.png) no-repeat 100% bottom;
	background-size: 80px;
}
.lista_actualizados{
	background:url(../area_privada/images/noticias/lista_cursos_actualizados_bg.png) no-repeat 100% bottom;
	background-size: 80px;
}
.horas_pag_novedades{
min-width: 110px;
background: #d9d9d9;
padding: 0px 8px 0px;
}
.mes_pag_novedades {
	background:#000;
    color: #fff;
    padding: 0px 5px;
	margin-left: 5px;
	min-width: 85px;
	text-align: right;
}
img.wp-post-image {
    aspect-ratio: 1 / 1;
}
.qodef-woocommerce-page.qodef-woocommerce-columns-4 .products .product {
  width: 32% !important;
  margin-right: 2% !important;
  margin-bottom: 2% !important;
}
.qodef-woocommerce-page.qodef-woocommerce-columns-4 .products .product:nth-child(3n) {
  margin-right: 0 !important;
}
.qodef-woocommerce-page.qodef-woocommerce-columns-4 .products .product:nth-child(4n+1) {
  clear: none !important;
}
h2.woocommerce-category-title-HC-padre { color: #99be11; font-style: italic; font-size: 24px;text-align:center; }
h1.woocommerce-category-title-HC {color: #515448; margin-bottom:16px; text-align:center; }

small.course-parent-category {
    color: #fff;
    background-color: #87af62;
    border-radius: 10px;
    padding: 2px 10px;
}
small.course-parent-category  {
    text-decoration:underline #87af62 !important;
}
.woocommerce-shop .qodef-title-subtitle-holder-inner h1 { color: #747c81 !important;  font-size: 50px !important; }