@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
@font-face{font-family:Delicious;src:url('../../fonts/Montserrat-Light.otf');}
@font-face{font-family:Delicious-light;src:url('../../fonts/Montserrat-UltraLight.otf');}




/**************** MENU ARRIBA TOP ****************/
/*
div#menu_arriba_top {
background: #1d1d1dbf;
border-bottom: 1px solid darkgrey;
z-index: 1050;
height: 40px;
padding-right: 10px;
padding-left: 10px;
position: fixed;
width: 100%;
}

ul.menu_arriba_top_nav {
 margin: 0px;
 position: relative;
}
*/
div#menu_arriba_top {
/*background: #1d1d1dbf;*/
background: #1d1d1d;
border-bottom: 1px solid darkgrey;
z-index: 1050;
height: auto;
position: fixed;
width: 100%;
}

ul.menu_arriba_top_nav {
 margin: 0px;
 position: relative;
 padding-right: 10px;
 padding-left: 10px;
}

.menu_arriba_top_nav li {
list-style: none;
padding: 5px 10px;
}

.menu_arriba_top_nav > li.menu_arriba_top_nav_el_der {
 float: right;
 position: relative;
}

.menu_arriba_top_nav > li.menu_arriba_top_nav_el_izq {
 float: left;
}

.menu_arriba_top_nav .menu_arriba_top_sub-menu {
display: none;
z-index: 99999999999999999999999999999;
position: absolute;
background: white;
padding: 0;
margin: 0px;
margin-top: 5px;
}
.menu_arriba_top_nav > li > a {
 color: white!important;
 font-size: 1rem;
}

#menu_socialicons{
position: absolute;
left: 0px;
}

.menu_arriba_top_nav_text_alt{
display: none;
}

@media (max-width: 600px){
.menu_arriba_top_nav_text{
 display: none;
}
.menu_arriba_top_nav_text_alt{
 display: inline;
 font-size: 1rem;
 margin-left: 0.2rem;
}
#menu_arriba_top i{
 font-size: 2rem!important;
}

#menu_arriba_top img {
 width: 38px!important;
 height: 38px!important;
 margin-top: -3px;
}
div#menu_arriba_top {
 height: 50px;
}
div#menu_arriba_top {
 height: auto;
}


.menu_arriba_top_nav li{
 padding-top: 10px!important;
}

}




/*CARRITO HEADER*/
div#carrito_head {
  position: absolute;
  background: white;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0px 0px 3px black;
  margin-top: 1rem;
  width: 350px;
  right: 0;
}
span#carrito_head_counter {
    position: absolute;
    background: #f82705d1;
    color: white;
    font-size: 0.7rem;
    line-height: 1rem;
    width: 1rem;
    height: 1rem;
    text-align: center;
    border-radius: 100%;
    bottom: -0.2rem;
    left: -0.2rem;
}
div#carrito_head_flechita {
  width: 0px;
  height: 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #ffffff;
  position: absolute;
  top: -15px;
  right: 40px;
}
#carrito_head_elements {
  padding: 0rem;
  overflow: auto;
  max-height: 300px;
}
.carrito_head_el{
  padding: 0.5rem;
  border: 1px solid #e2e2e2;
  margin: 0px;
  margin-bottom: 0.5rem;
}
.carrito_head_el_title {
  color: #777777;
  font-size: 0.9rem;
  padding: 0rem;
}
.carrito_head_el_price {
  border-left: 1px solid #dadada;
  color: #077e11;
  font-size: 0.9rem;
  padding: 0rem;
  text-align: right;
}
.carrito_head_options {
  margin-top: 1rem;
  text-align: center;
}
.carrito_head_options_el {
  margin: 0.5rem 0rem;
  padding: 0.5rem;
  text-decoration: none;
  display: block;
  font-size: 0.9rem;
  cursor: pointer;
}
#carrito_head_options_ir_carrito {
  background: #ffffff;
  color: #007abe;
  border: 1px solid #ababab;
}
#carrito_head_options_ir_pagar {
  background: #ffffff;
  color: #007abe;
  border: 1px solid #ababab;
}
div#carrito_head_total {
  margin-top: 1rem;
  font-size: 0.9rem;
  background: #008800;
  color: white;
  padding: 0.5rem;
}
.carrito_head_total_row {
  margin: 0rem;
}
.carrito_head_total_title {
  padding: 0rem;
}
.carrito_head_total_price {
  padding: 0rem;
  text-align: right;
}
@media (max-width: 600px){
  .menu_arriba_top_nav > li.menu_arriba_top_nav_el_der {
      position: initial;
  }
  div#carrito_head {
      left: 10%;
      width: 80%;
  }
  div#carrito_head_flechita {
      display: none;
  }
}

/**************** FIN MENU ARRIBA TOP ****************/

/**************** MENU PRINCIPAL ****************/

#menu_principal{
  background-color: #010101!important;
  padding: 1rem 1rem;
}
#menu_principal li.nav-item a {
    font-size: 0.9rem;
    font-weight: 600;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

.dropdown_menu_principal .dropdown-menu.show {
    background-color: #010101;
    border-radius: 0px;
}
#menu_principal li.nav-item a.dropdown-item {
    font-weight: 100;
}
#menu_principal li.nav-item a.dropdown-item:hover {
    background: #4a4a4a;
}

#menu_principal .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (min-width: 576px){
  #menu_principal {
      padding: 0rem;
  }
  #menu_principal a.navbar-brand {
      position: absolute;
      left: 0.5rem;
  }
  #menu_principal li.nav-item {
      padding: 1rem 0.5rem;
  }
}


@media all and (min-width: 992px) {
#menu_principal.navbar .nav-item .dropdown-menu{ display: none; }
#menu_principal.navbar .nav-item:hover .nav-link{ color: #fff; }
#menu_principal.navbar .nav-item:hover .dropdown-menu{ display: block; }
#menu_principal.navbar .nav-item .dropdown-menu{ margin-top:0; background: #010101;}
}


/**************** FIN MENU PRINCIPAL ****************/



/**************** MENU MI PANEL DE CONTROL ****************/

#navbar_micuenta {
    background-color: #077e11!important;
    padding: 1rem 1rem;
    box-shadow: 0px 1px 3px #00000070;
}
#navbar_micuenta li.nav-item a {
    font-size: 0.9rem;
    font-weight: 600;
    color: white;
    font-family: 'Open Sans', sans-serif;
}

#navbar_micuenta .menu_el_activo {
    background: #0f9a1b;
}

.dropdown_navbar_micuenta .dropdown-menu.show {
    background-color: #010101;
    border-radius: 0px;
}
#navbar_micuenta li.nav-item a.dropdown-item {
    font-weight: 100;
}
#navbar_micuenta li.nav-item a.dropdown-item:hover {
    background: #4a4a4a;
}

#navbar_micuenta .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

@media (min-width: 576px){
  #navbar_micuenta {
      padding: 0rem;
  }
  #navbar_micuenta a.navbar-brand {
      position: absolute;
      left: 0.5rem;
  }
  #navbar_micuenta li.nav-item {
      padding: 1rem 0.5rem;
  }
}


/**************** FIN MENU MI PANEL DE CONTROL ****************/









/**************** COLUMNAS ESPECIALES ****************/

.col-full-width {
    padding: 0px;
}


/**************** FIN COLUMNAS ESPECIALES ****************/


/**************** BOTONES Y ELEMENTOS GENERAL ****************/

a{
  text-decoration: none!important;
}

#cargando {
    z-index: 9999999999999999999999;
    display: none;
    padding-top: 100px;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}
#cargando i {
    display: block;
    margin: 0 auto;
    color: white;
}
.boton_estilo_1 {
    background: #1e1e1e;
    color: white;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    line-height: 1;
    font-size: 1em;
    text-decoration: none;
    font-family: 'Montserrat',sans-serif;
    display: inline-block;
    padding: 1em;
    font-weight: 600;
    transition: 0.4s ease all;
}
.boton_estilo_1:hover {
    background-color: #177646;
}


/*COLLAPSE ACORDEON ESTILOS POR DEFECTO*/
.pers_collapse_el {
    margin-bottom: 0.2rem;
}
.pers_collapse_el_button {
    display: block;
    background: #e8e8e8;
    padding: 0.5rem;
    position: relative;
    border: 1px solid #b3b3b3;
    color: #007bff;
    font-size: 1rem;
    font-weight: 500;
    text-decoration: none;
    width: 100%;
    cursor: pointer;
}
.pers_collapse_el_button:hover {
    color: #57a7ff;
    background: #cecece;
    transition: 0.3s;
}
.pers_collapse_el_content {
    display: none;
    background: #fbfbfb;
    position: relative;
    padding: 0.5rem;
    color: #5a5a5a;
    border: 1px solid #dadada;
    margin-bottom: -0.2rem;
    width: 100%;
}
.pers_collapse_el_button:after {
    font-weight: 600;
    content: "V";
    right: 15px;
    position: absolute;
    transform: scaleX(1.2) scaleY(0.5);
    font-size: 1.1rem;
    color: #007bff;
    transition: 0.3s;
}

.pers_collapse_el_button_alt:after {
color: white!important;
}

.pers_collapse_el.actived .pers_collapse_el_button:after{
  transform: rotate(180deg) scaleX(1.2) scaleY(0.5);
  transition: 0.3s;
}

span.valor_requerido {
    color: red;
}
span.valor_requerido_leyenda {
    color: red;
    font-size: 0.7rem;
    display: block;
}

/*AVISOS IMPORTANTES SPAN*/
span.aviso_importante_span_1 {
    font-weight: 600;
    display: block;
}
.aviso_importante_span_1:before {
    content: "\f05a";
    font-family: "Font Awesome 5 Free";
    margin-right: 0.3rem;
    color: #d8b700;
    font-weight: 900;
}

/*BORDE ROJO PARA CAMPOS INCOMPLETOS ERRONEOS*/
.error_campo {
    box-shadow: 0px 0px 5px #ff0303;
}
.error_campo_text {
    font-size: 0.8rem;
    color: #e20000;
    margin: 0.3rem;
}


/*ESTILO PARA QUE EL TEXTO DEL SWAL ESTE CENTRADO SI SE LE ESPECIFICA EL className: swal-text_center*/
.swal-text_center .swal-text{
  text-align: center;
}


.tachado{
 text-decoration: line-through;
}


.copy_enlace {
    cursor: pointer;
}


/*BOTON VOLVER AL SITIO ORIGEN*/

.volver_site_origin {
    background: #157bbb;
    padding: 0.5rem 1.5rem;
    border: 1px solid #105b8a;
}
.volver_site_origin a {
    color: white;
}



.boton_explicacion {
    font-size: 0.9rem;
    font-weight: 400;
    background: #1a83dd;
    color: white;
    padding: 0.5rem 1rem;
    border: 1px solid #1a83dd;
    transition: 0.3s;
}

.boton_explicacion:hover {
    color: #1a83dd;
    background: white;
}

/**************** FIN BOTONES Y ELEMENTOS GENERAL ****************/


/**************** VIDEO COLUMNAS ****************/

.video_demo_container_1_text {
    background: #ececec;
    padding: 1rem;
}
span.video_demo_container_1_text_1 {
    font-size: 1.1rem;
    font-weight: 600;
    display: block;
}
span.video_demo_container_1_text_2 {
    display: block;
    font-size: 1rem;
}
.video_demo_container_1 {
    border: 1px solid #00000029;
}
.video_demo_container_1_img{
  background-size: cover!important;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 260px;
}


/**************** FIN VIDEO COLUMNAS ****************/


/**************** VIDEO BOX ****************/

i.boton_play {
    background: #d55342;
    padding: 20px 20px 20px 25px;
    font-size: 25px;
    border-radius: 50px;
    transition: 0.5s;
    color: #fff;
    margin-top: -25px;
    margin-left: -25px;
}
i.boton_play:hover {
    background: #007abe;
    transform: scale(1.1);
    transition: 0.5s;
    cursor: pointer;
}

.video_box_single_container {
    position: relative;
    display: block;
}

#video_box_fade {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}


.video_box_container {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 800px;
max-height: 800px;
margin-left: -300px;
margin-top: -180px;
border: 2px solid #FFF;
background: #FFF;
z-index: 1002;
overflow: visible;
}
/*nuevo metodo*/
#video_box_container_video {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 800px;
max-height: 800px;
margin-left: -300px;
margin-top: -180px;
border: 2px solid #FFF;
background: #FFF;
z-index: 2002;
overflow: visible;
}


@media (max-width: 600px){
  #video_box_container_video {
      max-width: 90%;
      margin: auto;
      top: 20px;
      left: 0%;
      right: 0%;
      max-height: 100%;
  }
  #video_box_container_video video {
    width: 100%!important;
}
}



.video_box_boxclose {
  float: right;
      cursor: pointer;
      color: #fff!important;
      font-size: 23px;
      font-weight: bold;
      display: inline-block;
      line-height: 0px;
      padding: 10px 3px;
      position: absolute;
      right: 2px;
      top: 2px;
      z-index: 1002;
      opacity: 0.9;
      text-shadow: 0px 0px 5px red;
}
.video_box_boxclose:before {
content: "×";
}
#video_box_fade:hover ~ .video_box_boxclose {
display:none;
}

/**************** FIN VIDEO BOX ****************/


/**************** IMAGE BOX ****************/

#image_box_fade {
display: none;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: black;
z-index: 1001;
-moz-opacity: 0.8;
opacity: .80;
filter: alpha(opacity=80);
}
.image_box_container {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 800px;
max-height: 800px;
margin-left: -300px;
margin-top: -180px;
border: 2px solid #FFF;
background: #FFF;
z-index: 1002;
overflow: visible;
}
/*nuevo metodo*/
#image_box_container {
display: none;
position: fixed;
top: 50%;
left: 50%;
max-width: 800px;
max-height: 800px;
margin-left: -300px;
margin-top: -180px;
border: 2px solid #FFF;
background: #FFF;
z-index: 1002;
overflow: visible;
}
.image_box_boxclose {
  float: right;
      cursor: pointer;
      color: #fff;
      font-size: 23px;
      font-weight: bold;
      display: inline-block;
      line-height: 0px;
      padding: 10px 3px;
      position: absolute;
      right: 2px;
      top: 2px;
      z-index: 1002;
      opacity: 0.9;
}
.image_box_boxclose:before {
content: "×";
}
#image_box_fade:hover ~ .image_box_boxclose {
display:none;
}

/**************** FIN IMAGE BOX ****************/


/**************** CONTENIDO PRINCIPAL - GENERAL ****************/

.montserrat{
    font-family: 'Montserrat', sans-serif;
}

div#contenedor_principal {
    padding: 0px;
}

/*FLEX COLUMNS IMG-TEXT*/
.flex_img_text_section_row {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    width: 100%!important;
    max-width: 100%!important;
    display: flex;
    overflow: hidden;
    position: relative;
}
.flex_img_text_section_img {
    background-position: center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    flex: 1;
    width: 100%!important;
    position: relative;
}
.flex_img_text_section_text {
    flex: 1;
    width: 100%!important;
}
.flex_img_text_section_text_content {
    padding: 2.5em 2.5em;
}
@media (max-width: 680px){
  .flex_img_text_section_img {
      height: 500px;
  }
  .flex_img_text_section_row {
    display: block;
  }
  .flex_img_text_section_img.flex_img_text_section_mobile_fix{
    position: absolute;
    top: 0px;
  }
  .flex_img_text_section_text.flex_img_text_section_mobile_fix{
    margin-top: 500px;
  }
}

/*FIX FLEX COLUMNS IMG-TEXT (INCIO)*/

@media (max-width: 680px){
  .flex_img_text_section_row.flex_img_text_inicio .flex_img_text_section_text {
      margin-bottom: 500px!important;
      margin-top: 0px!important;
  }
  .flex_img_text_section_row.flex_img_text_inicio .flex_img_text_section_img {
      position: absolute!important;
      bottom: 0px!important;
      margin-bottom: 0px!important;
      top: auto!important;
  }
}

/*FIN FLEX COLUMNS IMG-TEXT*/


/*Contenedores blue style para paginas avisos simples, etc*/
.BlueBackStyle_container {
    /*background: #007bff;*/
    background: #007abe;
    padding: 4rem;
}
.BlueBackStyle_content {
    background: white;
    padding: 2rem;
    border-radius: 3px;
    box-shadow: 0px 0px 3px #0000006b;
    width: 80%;
    margin: auto;
    max-width: 90%;
}
@media (max-width: 1096px){
  .BlueBackStyle_container {
      padding: 1rem;
  }
  .BlueBackStyle_content {
      width: 100%;
      max-width: 100%;
      padding: 1rem;
  }
}
/*Fin Contenedores blue style*/


.title_blue_thin{
  padding: 1rem;
  background: #007abe;
  color: white;
  font-size: 1.5rem;
  font-weight: 100;
  margin: 0px;
}
.sub_blue_thin{
  margin: 0px;
  padding: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.8rem;
  background: #3099d4;
  color: white;
}

/**************** FIN CONTENIDO PRINCIPAL - GENERAL ****************/


/**************** SISTEMA DE CUPONES ****************/


.insertar_cupon {
    max-width: 500px;
    background: whitesmoke;
    padding: 1rem;
    margin: 1rem 0rem;
    border: 1px solid gainsboro;
}
.insertar_cupon_show {
    display: block;
    margin: 1rem 0rem;
    font-size: 1rem;
}

.cupon_descuento_eliminar {
    color: red;
    position: absolute;
    right: 0.9rem;
    top: 0.9rem;
    font-size: 1.2rem;
    cursor: pointer;
}
/**************** FIN SISTEMA DE CUPONES ****************/




/**************** CARTEL PROMOCION NO VIGENTE HEADER ****************/

.cartel_promo_no_vigente {
    text-align: center;
    background: #333333;
    color: white;
    padding: 6rem 2rem;
    background: url(../../_images/promos.png);
}
.cartel_promo_no_vigente h3 {
    font-size: 1.5rem;
    font-weight: 100;
}
.cartel_promo_no_vigente h4 {
    font-size: 1.4rem;
    color: white;
    margin-bottom: 2rem;
}
.cartel_promo_no_vigente_img {
    max-width: 600px;
    width: 90%;
    margin-bottom: 2rem;
}
.cartel_promo_no_vigente button {
    font-size: 1.2rem;
}

/**************** FIN CARTEL PROMOCION NO VIGENTE HEADER ****************/


/**************** MODALES ****************/

/*MODAL OPCIONES INICIO*/
div#modal_opciones_inicio .modal-dialog {
    max-width: 600px;
}
div#modal_opciones_inicio .modal-body {
    padding: 1.5rem;
}
.modal_opciones_inicio_el {
    box-shadow: 0px 0px 3px #0000006e;
    margin-bottom: 1rem;
    border: 1px solid #b9b9b9;
}
.modal_opciones_inicio_el_titulo {
    padding: 0.5rem;
    background: #007abe;
    color: white;
    font-size: 1.5rem;
    font-weight: 100;
    margin: 0px;
    text-align: center;
    border-bottom: 1px solid #b9b9b9;
}
.modal_opciones_inicio_el_contenido {
    background: #f1f1f1;
    padding: 1.5rem 3rem;
}
.modal_opciones_inicio_el_boton {
    text-align: center;
}
.modal_opciones_inicio_el_boton a {
    color: #3788df;
    background: white;
    border: 1px solid #b9b9b9;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    display: block;
    transition: 0.3s;
}
/*
.modal_opciones_inicio_el_boton a:hover {
    background: white;
    color: black;
}
*/
.modal_opciones_inicio_registrarse .modal_opciones_inicio_el_titulo {
    background: #ff6623;
}
/*
.modal_opciones_inicio_registrarse .modal_opciones_inicio_el_contenido {
    border: 2px solid #ff6623;
}
.modal_opciones_inicio_registrarse .modal_opciones_inicio_el_boton a {
    color: #ff6623;
    background: white;
    border: 2px solid #ff6623;
}
.modal_opciones_inicio_registrarse .modal_opciones_inicio_el_boton a:hover {
    color: white;
    background: #ff6623;
}
*/

.modal_opciones_inicio_acceder .modal_opciones_inicio_el_titulo {
    background: #007abe;
}
/*
.modal_opciones_inicio_acceder .modal_opciones_inicio_el_contenido {
    border: 2px solid #007abe;
}

.modal_opciones_inicio_acceder .modal_opciones_inicio_el_boton a {
    color: #0a93e0;
    background: white;
    border: 2px solid #0a93e0;
}
.modal_opciones_inicio_acceder .modal_opciones_inicio_el_boton a:hover {
    color: white;
    background: #0a93e0;
}
*/
.modal_opciones_inicio_alumnos .modal_opciones_inicio_el_titulo {
    background: #077e11;
}

/*
.modal_opciones_inicio_alumnos .modal_opciones_inicio_el_contenido {
    border: 2px solid #077e11;
}

.modal_opciones_inicio_alumnos .modal_opciones_inicio_el_boton a {
    color: #00a50e;
    background: white;
    border: 2px solid #00a50e;
}
.modal_opciones_inicio_alumnos .modal_opciones_inicio_el_boton a:hover {
    color: white;
    background: #00a50e;
}
*/

/*FIN MODAL OPCIONES INICIO*/


/*MODAL INICIAR SESIÓN*/
p#all_iniciar_sesion_recuperar {
    text-align: center;
    color: #777777;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 1rem;
}
button#all_iniciar_sesion_ingresar {
    width: 100%;
    margin-top: 2rem;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    width: fit-content;
    display: block;
    margin: auto;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}
/*FIN MODAL INICIAR SESIÓN*/

/*MODAL INICIAR SESIÓN ALTERNO*/
p#all_iniciar_sesion_recuperar_2 {
    text-align: center;
    color: #777777;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 1rem;
}
button#all_iniciar_sesion_ingresar_2 {
    width: 100%;
}
/*FIN MODAL INICIAR SESIÓN ALTERNO*/



/*MODAL RECUPERAR PASS*/
button#modalreenviar_pass_button {
    width: 100%;
}
/*FIN MODAL RECUPERAR PASS*/


/*MODAL REGISTRO*/
div#modal_registro label {
    color: black;
}

div#modal_registro .modal-dialog {
    width: 90%;
    max-width: 100%;
}
#modal_registro_button {
    width: 100%;
    margin-top: 2rem;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
    width: fit-content;
    display: block;
    margin: auto;
    margin-top: 1.5rem;
    padding: 0.7rem 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}

/*FIN MODAL REGISTRO*/

/*
div#all_iniciar_sesion {
    position: fixed;
    top: 0;
    left: 0px;
    width: 100%;
    background: #0000008a;
    height: -webkit-fill-available;
    z-index: 9999;
    display: none;
}
div#all_iniciar_sesion_container {
    background: white;
    width: 400px;
    margin: auto;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0px 0px 5px #00000085;
    margin-top: 60px;
    position: relative;
}

input#all_iniciar_sesion_loginEmail_dir{
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
input#all_iniciar_sesion_pass_campo{
width: 100%;
margin-bottom: 10px;
font-size: 14px;
}
#all_iniciar_sesion_ingresar{
  display: block;
  background: #156bbb;
  color: white;
  padding: 15px;
  margin: 20px 0px;
  text-align: center;
  font-weight: 600;
  width: 100%;
  font-size: 14px;
}

#all_iniciar_sesion_cerrar{
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 16px;
  font-weight: 800;
  color: white;
  background: black;
  margin: 0px;
  height: auto;
  line-height: 01;
  padding: 3px 6px;
  border-radius: 100%;
  cursor: pointer;
}

h3.all_iniciar_sesion_tit {
    background-image: url(../../_images/bg/background-metodology.jpg);
    background-size: cover;
    background-position: center;
    padding: 30px;
    font-size: 28px;
    text-align: center;
    color: white;
    text-shadow: 1px 1px 2px #00000073;
    box-shadow: 0px 0px 3px #00000085;
    margin-top: 0px;
}

p.all_iniciar_sesion_text {
    font-size: 14px;
    color: #6f6f6f;
}




/*CONTENEDOR AVISO O SUGERENCIA UP*/
div#contenedor_aviso_sugerencia {
   width: 400px;
   position: fixed;
   top: -100%;
   z-index: 9999999999999999;
   right: 10px;
 }
 @media only screen and (max-width : 480px) {
   div#contenedor_aviso_sugerencia {
     width: 100%;
     right: 0px;
   }
 }
 @keyframes mostrar_sug {
     0%   {top: -100%;}
     80%  {top: 3%;}
     100%  {top: 0%;}
 }
 @keyframes ocultar_sug {
     0%   {top: 0%;}
     20%  {top: 3%;}
     100%  {top: -100%;}
 }
 div#contenedor_aviso_sugerencia_quitar {
     position: absolute;
     right: 10px;
     top: 10px;
     font-weight: 800;
     color: #9a0101;
     cursor: pointer;
 }
 #contenedor_aviso_sugerencia_contenido > #contenedor_texto{
   background: whitesmoke!important;
   color: #4c4c4c!important;
   border: 2px solid #c3c3c3!important;
   box-shadow: 0px 0px 3px #00000085!important;
   padding: 20px;
 }
 #contenedor_aviso_sugerencia_contenido > #contenedor_texto p{
 line-height: 1.5!important;
 }
 #contenedor_aviso_sugerencia_contenido > #contenedor_texto a{
 color: #156bbb!important;
 }






/*MODAL RESUMEN SELECCION*/
a.resumen_table_el_remove {
    display: block;
    font-size: 0.9rem;
    height: 1rem;
    width: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 100%;
    color: red!important;
    text-decoration: none;
    font-weight: 700;
    border: 0;
}
a.resumen_table_el_remove:hover {
    color: #fff!important;
    background: red;
}

#resumen_totales .texto {
   font-weight: bold;
}

div#modal_resumen_seleccion {
    z-index: 9999;
}
div#modal_resumen_seleccion .modal-dialog {
    width: 90%;
    max-width: 100%;
}
div#resumen_totales {
    border: 1px solid #dee2e6;
    padding: 0px 15px;
}
div#resumen_totales > .row > div {
    border: 1px solid #dee2e6;
    padding: 0.5rem;
    color: black;
}
#resumen_promo_vigente i {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    font-size: 1.2rem;
}

.submodal_resumen_seleccion{
  z-index: 10000;
}
div#resumen_botones {
    margin: auto;
    display: block;
    margin-top: 1rem;
    text-align: center;
}
button#resumen_btn_ir_pagar {
  margin: auto;
  /* display: block; */
  /* margin-top: 1rem; */
  max-width: 100%;
  min-width: 200px;
  font-size: 1.2rem;
  display: block;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  padding: 0.7rem 1rem;
}
button#resumen_btn_ir_comprar {
    margin: auto;
    max-width: 100%;
    min-width: 200px;
    font-size: 1.2rem;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    color: #fff;
    background-color: #0069d9;
    border-color: #0062cc;
    padding: 0.7rem 1rem;
}


button#insertar_cupon_btn_resumen {
    margin: 0;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}

@media (max-width: 720px){
  div#modal_resumen_seleccion .modal-dialog {
      width: 100%;
      margin: 0;
  }
td.resumen_table_el_descuento {
    display: none;
}
td.resumen_table_el_membresia {
    display: none;
}
th#resumen_table_membresia {
    display: none;
}
th#resumen_table_descuento {
    display: none;
}

#modal_resumen_seleccion .modal-footer {
    justify-content: flex-start;
}
div#modal_resumen_seleccion {
    padding: 0rem!important;
}
button#insertar_cupon_show_resumen {
    width: 100%;
    display: block;
}
/*este es el de pagina de pagar*/
button#insertar_cupon_show_pagar {
    width: 100%;
    display: block;
}

}

/*BORRAR DESPUES QUE SE PASE EL PCDM..*/
.aclaracion_promo_temporal_cupon {
  margin: 1rem 0rem;
  font-size: 0.9rem;
  font-weight: 600;
  background: #f1f1f1;
  padding: 0.5rem;
}

/*FIN MODAL RESUMEN SELECCION*/



/*CUPON DESCUENTO APLICADOR*/
.resumen_cupon_descuento_exclusivo_alumnos_container {
    position: relative;
    height: 2rem;
}
.resumen_cupon_descuento_exclusivo_alumnos {
    background: #4c44a0;
    font-size: 0.8rem;
    color: white;
    padding: 0.2rem;
    white-space: nowrap;
    position: absolute;
    top: 0.5rem;
    left: 0rem;
}

/*FIN CUPON DESCUENTO APLICADOR*/



/*MODAL MEDALLAS DISPONIBLES*/
div#modal_medallas_disponibles {
    padding: 0rem!important;
}
div#modal_medallas_disponibles .modal-dialog {
    max-width: 1024px;
    width: 90%;
    margin: auto;
}
.modal_medallas_disponibles_el {
    background: #f1f1f1;
    margin: 1rem 0rem;
    padding: 0.5rem;
    box-shadow: 0px 0px 3px #0000004f;
}

.modal_medallas_disponibles_el > div {
    display: flex;
    align-items: center;
}

img.modal_medallas_disponibles_el_imagen {
    width: 100px;
    max-width: 100px;
}
span.modal_medallas_disponibles_el_nombre {
    font-size: 1rem;
    font-weight: 600;
    color: #1361a9;
}
span.modal_medallas_disponibles_el_descripcion {
    font-size: 0.9rem;
    color: #4c4c4c;
}
span.modal_medallas_disponibles_el_puntos {
    font-size: 0.9rem;
    color: #3a9030;
}

@media (max-width: 600px){

.modal_medallas_disponibles_el_imagen_col {
    text-align: center;
    margin-bottom: 1rem;
}
.modal_medallas_disponibles_el_nombre_col {
    text-align: center;
    margin-bottom: 1rem;
}
.modal_medallas_disponibles_el_descripcion_col {
    text-align: center;
    margin-bottom: 1rem;
}

}

/*FIN MODAL MEDALLAS DISPONIBLES*/



/**************** FIN MODALES ****************/


/**************** CABECERAS ****************/

/*TIPO 2 VIDEO*/

section#cabecera_principal.tipo_2 {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 700px;
}
div#cabecera_principal_video-container.tipo_2 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div#cabecera_principal_video-container.tipo_2 video {
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
div#cabecera_principal_container.tipo_2 {
  background-color: #00000070;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: inherit;
  position: relative;
  z-index: 1;
  min-height: inherit;
}
div#cabecera_principal_container_sub.tipo_2 {
    padding: 0em 1em;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}
div#cabecera_principal_titleUp.tipo_2 {
    font-size: 30px;
    color: #FFF;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 100;
    margin: 0.67em 0;
    line-height: 1.2;
    font-family: Delicious;
}
h1#cabecera_principal_title.tipo_2 {
    margin-bottom: 28px !important;
    font-size: 3.2rem;
    line-height: 3.5rem;
    margin-top: 10px !important;
    font-family: 'Montserrat', sans-serif!important;
    color: #fff;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
div#cabecera_principal_subtitle.tipo_2 {
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
    margin: 10px 0 10px 0!important;
    font-weight: 100;
    line-height: 2.3rem !important;
    font-family: Delicious;
}

/*TIPO 3 ADAPTABLE*/

section#cabecera_principal.tipo_3 {
    background-size: cover;
    height: auto;
    background-position: center;
}
div#cabecera_principal_container.tipo_3 {
    padding: 100px 10px;
    text-align: center;
    color: white;
    background: #00000070;
    text-shadow: 1px 1px 3px #00000096;
}
div#cabecera_principal_titleUp.tipo_3 {
    color: #FFF;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 100;
    font-size: 1.7rem;
    line-height: 1.2;
    font-family: Delicious;
    margin: 0.67em 0;
    letter-spacing: 1px;
}
h1#cabecera_principal_title.tipo_3 {
    margin: 20px;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 3rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
div#cabecera_principal_subtitle.tipo_3 {
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    margin: 10px 0 10px 0!important;
    font-weight: 100;
    line-height: 1.2;
    font-family: Delicious;
    letter-spacing: 1px;
}

/*TIPO 4 PEQUEÑA*/

section#cabecera_principal.tipo_4 {
    color: white!important;
    background-size: cover!important;
    height: auto!important;
    background-position: center!important;
    text-align: center;
}
div#cabecera_principal_container.tipo_4 {
    background: #00000070;
    text-shadow: 1px 1px 3px #00000096;
    padding: 20px;
}
div#cabecera_principal_titleUp.tipo_4 {
    font-size: 30px;
    font-family: Delicious!important;
    font-weight: 100;
    display: block;
    margin-bottom: 25px;
}
h1#cabecera_principal_title.tipo_4 {
    font-size: 3.2rem;
    line-height: 3.5rem;
    font-family: 'Montserrat', sans-serif!important;
    display: block;
    margin-bottom: 25px;
    font-weight: bold;
}
div#cabecera_principal_subtitle.tipo_4 {
    font-size: 30px;
    font-family: Delicious!important;
    font-weight: 100;
    display: block;
}

/*TIPO 5 ADAPTABLE 2 NUEVO FORMATO*/

section#cabecera_principal.tipo_5 {
    background-size: cover;
    height: auto;
    background-position: center;
}
div#cabecera_principal_container.tipo_5 {
    padding: 150px 10px;
    text-align: center;
    color: white;
    background: #00000070;
    text-shadow: 1px 1px 3px #00000096;
}
div#cabecera_principal_titleUp.tipo_5 {
    color: #FFF;
    margin-top: 0;
    margin-bottom: 25px;
    font-weight: 100;
    font-size: 1.7rem;
    line-height: 1.2;
    font-family: Delicious;
    margin: 0.67em 0;
    letter-spacing: 1px;
}
h1#cabecera_principal_title.tipo_5 {
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    margin: 10px 0 10px 0!important;
    font-weight: 100;
    line-height: 1.2;
    font-family: Delicious;
    letter-spacing: 1px;
}
div#cabecera_principal_subtitle.tipo_5 {
    margin: 20px;
    margin-top: 0px;
    font-family: 'Montserrat', sans-serif!important;
    font-size: 3rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}


/*media*/
@media (max-width: 720px){
  div#cabecera_principal_container.tipo_5 {
      padding: 30px 10px;
  }
  div#cabecera_principal_icon img {
    width: 60px;
  }
  div#cabecera_principal_titleUp.tipo_5 {
      font-size: 1.1rem;
  }
  div#cabecera_principal_subtitle.tipo_5 {
    font-size: 1.8rem;
  }
  h1#cabecera_principal_title.tipo_5 {
      font-size: 1.3rem;
  }
}


/*TIPO 6 VIDEO 2*/

section#cabecera_principal.tipo_6 {
  width: 100%;
  height: auto;
  position: relative;
  min-height: 700px;
}
div#cabecera_principal_video-container.tipo_6 {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div#cabecera_principal_video-container.tipo_6 video {
    z-index: -100;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
div#cabecera_principal_container.tipo_6 {
  background-color: #00000070;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  height: inherit;
  position: relative;
  z-index: 1;
  min-height: inherit;
}
div#cabecera_principal_container_sub.tipo_6 {
    padding: 0em 1em;
    font-family: "Montserrat", sans-serif;
    text-align: center;
}
div#cabecera_principal_titleUp.tipo_6 {
  color: #FFF;
  margin-top: 0;
  margin-bottom: 25px;
  font-weight: 100;
  font-size: 1.7rem;
  line-height: 1.2;
  font-family: Delicious;
  margin: 0.67em 0;
  letter-spacing: 1px;
}
h1#cabecera_principal_title.tipo_6 {
  text-align: center;
  color: #fff;
  font-size: 1.7rem;
  margin: 10px 0 10px 0!important;
  font-weight: 100;
  line-height: 1.2;
  font-family: Delicious;
  letter-spacing: 1px;
}
div#cabecera_principal_subtitle.tipo_6 {
  margin: 20px;
  margin-top: 0px;
  font-family: 'Montserrat', sans-serif!important;
  font-size: 3rem;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
  color: white;
}


/**************** FIN CABECERAS ****************/


/**************** BARRA NEGRA POST CABECERA ****************/

section#barra_negra_post_cabecera {
    background: black;
}
/*VACIA*/
div#barra_negra_post_cabecera_container.tipo_1 {
    height: 70px;
}

/*PROMOCIONES*/
div#barra_negra_post_cabecera_container.tipo_2 {
    min-height: 70px;
}

/**************** FIN BARRA NEGRA POST CABECERA ****************/


/**************** FOOTER FORMULARIO DE CONTACTO ****************/

section#footer_form_con {
    background-color: #111;
    color: white;
    padding-top: 3rem;
    padding-bottom: 3rem;
}
div#footer_form_con_texto1 {
    text-align: center;
    margin: 0;
}
span#footer_form_con_texto1_big {
    font-weight: 300;
    font-size: 2.1em;
    margin-bottom: 0;
    margin: 0.5rem 0;
    line-height: 1.2;
    font-family: Delicious;
    display: block;
}
span#footer_form_con_texto1_small {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 10px;
    line-height: 1.5em;
    font-family: Delicious;
    margin: 0.67em 0;
    display: block;
}

form#footer_form_con_form {
    padding: 3.5em 1em 2em 1em;
}
.footer_form_con_campo {
    margin-bottom: 5px;
}
.footer_form_con_campo label {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    font-size: .9em;
    font-family: 'Open Sans', sans-serif;
}
span.footer_form_con_campo_requiered {
    color: red;
}
.footer_form_con_campo input {
    color: #fff!important;
    text-align: left;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    font-size: .9em;
    -webkit-font-smoothing: antialiased;
}
.footer_form_con_campo textarea {
    color: #fff!important;
    text-align: left;
    width: 100%;
    padding: 10px;
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    font-size: .9em;
    -webkit-font-smoothing: antialiased;
}
div#footer_form_con_enviar {
    text-align: right;
    margin-bottom: 10px;
}
div#footer_form_con_texto2 span {
    font-family: 'Open Sans', sans-serif;
    display: block;
    font-size: 1rem;
}


/**************** FIN FOOTER FORMULARIO DE CONTACTO ****************/



/**************** FOOTER FORMULARIO DE CONTACTO - MODAL ****************/

#footer_form_con_modal .modal-dialog {
    width: 100%;
    max-width: 80%;
}
@media (max-width: 600px){
  #footer_form_con_modal .modal-dialog {
      width: 100%;
      max-width: 100%;
      margin: auto;
  }
}
#footer_form_con_modal .modal-dialog .modal-content {
    background: #111111;
    border: 2px solid #777777;
}
#footer_form_con_modal .modal-dialog .modal-content .modal-header {
    border: none;
}
#footer_form_con_modal .modal-dialog .modal-content .modal-header button.close {
    color: #cacaca;
    text-shadow: none;
    opacity: 1;
}
#footer_form_con_modal .modal-dialog .modal-content .modal-body {
    padding: 0rem;
}
#footer_form_con_modal .modal-dialog .modal-content .modal-footer {
    border: none;
}
div#footer_form_con_modal section#footer_form_con {
    padding: 0rem;
}


/**************** FIN FOOTER FORMULARIO DE CONTACTO - MODAL ****************/




/**************** FOOTER LINKS ****************/
section#footer_links {
    background: #1c1c1c!important;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 20px;
    padding-bottom: 40px;
    overflow: hidden;
    width: 100%;
}

.redes_soc{
  display: inline-block;
    padding-right: 5px;
}


section#footer_links .redes_soc i {
    font-size: 30px;
    color: white!important;
    transition: 0.3s;
}

section#footer_links .redes_soc i:hover {
    color: #008000!important;
    transition: 0.3s;
}

section#footer_links div {
  background-color: #1c1c1c;
  text-align: center;
}

section#footer_links div ul {
    text-align: center;
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

section#footer_links div ul li {
  list-style: none;
  text-align: left;
  font-size: 11px;
  line-height: initial;
    margin-bottom: .8em;
}
li.footer_links_title {
  color: white;
  border-bottom: 1px solid #4e4e4e;
  padding-bottom: 3px;
}
li.footer_links_enlaces a {
    color: #b5b5b5!important;
}
li.footer_links_enlaces a:hover {
    color: white!important;
    text-decoration: underline;
}
/**************** FIN FOOTER LINKS ****************/


/**************** FOOTER PIE ****************/

section#footer_pie {
    background: black;
}
div#footer_pie_container {
    color: white;
    padding: 2rem;
    font-size: 0.75rem;
}
div#footer_pie_container span {
    display: block;
    text-align: center;
    margin: 0.5rem;
}

/**************** FIN FOOTER PIE ****************/













/**************** ANIMACIONES ****************/

/* Agrandar tipografia */

@-webkit-keyframes tipo_1rem_pulsate {
    0% {font-size: 1rem; opacity: 0.9;}
    50% {font-size: 1.05rem; opacity: 1.0;}
    100% {font-size: 1rem; opacity: 0.9;}
}
/* Usage
.myElement {
    animation: tipo_1rem_pulsate 1.5s ease-out;
    animation-iteration-count: infinite;
}
*/


/* Size pulse */
/* Usage
    .myElement {
        animation: size_pulsate 1.5s ease-out;
        animation-iteration-count: infinite;
    }
*/
@-webkit-keyframes size_pulsate {
    0% {transform: scale(1, 1); -webkit-transform: scale(1, 1);}
    50% {transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1);}
    100% {transform: scale(1, 1); -webkit-transform: scale(1, 1);}
}



/* Make the element pulse (grow large and small slowly) */
/* Usage
    .myElement {
        animation: pulsate 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1;
    }
*/
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

/* Make the element's opacity pulse*/
/* Usage
    .myElement {
        animation: opacityPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 0;
    }
*/
@-webkit-keyframes opacityPulse {
    0% {opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {opacity: 0.0;}
}

/* Make the element's background pulse. I call this alertPulse because it is red. You can call it something more generic. */
/* Usage
    .myElement {
        animation: alertPulse 1s ease-out;
        animation-iteration-count: infinite;
        opacity: 1;
    }
*/
@-webkit-keyframes alertPulse {
    0% {background-color: #9A2727; opacity: 1;}
    50% {opacity: red; opacity: 0.75; }
    100% {opacity: #9A2727; opacity: 1;}
}


/* Make the element rotate infinitely. */
/*
Usage
    .myElement {
        animation: rotating 3s linear infinite;
    }
*/
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}





/*********************CURSOS COLS*******************************/

.cursos_tecnicos_cols_el {
    margin-bottom: 2rem;
}
.cursos_tecnicos_cols_el_container {
    padding: 1.5rem;
    box-shadow: 0px 0px 3px #000000a6;
    background: white;
}
.cursos_tecnicos_cols_el_img {
    margin-bottom: 2rem;
}
.cursos_tecnicos_cols_el_img img {
    width: 100%;
}
.cursos_tecnicos_cols_el_name {
    color: #077e11;
    font-size: 1.2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}
.cursos_tecnicos_cols_el_desc {
    font-size: 1em;
    color: #3a3a3a;
    margin-bottom: 2rem;
}
.cursos_tecnicos_cols_el_desc i {
    color: green;
}
.cursos_tecnicos_cols_el_mas_info {
    margin-bottom: 1rem;
}
.cursos_tecnicos_cols_el_mas_info a {
    background: #2279c0;
    color: white;
    display: block;
    padding: 0.5rem;
    text-align: center;
    font-weight: 600;
    transition: 0.3s;
}
.cursos_tecnicos_cols_el_mas_info a:hover {
    background: #408dcc;
}

.cursos_tecnicos_cols_el_comprar a {
    background: #077e11;
    color: white;
    display: block;
    padding: 0.5rem;
    text-align: center;
    font-weight: 600;
    transition: 0.3s;
}
.cursos_tecnicos_cols_el_comprar a:hover {
    background: #0c9418;
}

/*********************CURSOS COLS*******************************/





/*********************PERFILES*******************************/

.info_perfil_propio {
  background: #d6eff9;
  padding: 0.5rem 1.5rem;
  border: 1px solid #087311;
  text-align: center;
}
.info_perfil_propio span {
    vertical-align: middle;
    color: #565656;
}
.info_perfil_propio i {
    color: #3834b1;
    font-size: 1.3rem;
    margin-right: 0.5rem;
}
.info_perfil_propio a {
    color: #423ec3;
}



.info_perfil_insertar_html {
    background: #c9ffda;
    padding: 0.5rem 1.5rem;
    border: 1px solid #7e6be2;
    text-align: center;
}
.info_perfil_insertar_html span {
    vertical-align: middle;
    color: #565656;
}
.info_perfil_insertar_html i {
    color: #3834b1;
    font-size: 1.3rem;
    margin-right: 0.5rem;
}
.info_perfil_insertar_html a {
    color: #423ec3;
}




.emp-profile_container {
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    /* padding: 3rem; */
    padding: 2rem;
}

.emp-profile {
    /*padding: 3%;
    border-radius: 0.5rem;*/
    background: #fff;
    padding: 2rem;
    border-radius: 1rem;
}
.profile-img{
    /*text-align: center;
    max-width: 250px;*/
}
.profile-img img {
    width: 60%;
    height: 100%;
    border-radius: 100%;
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    padding: 0.2rem;
    box-shadow: 0px 0px 3px #0000006e;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: -20%;
    width: 70%;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background: #212529b8;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

.profile_head_lateral {
    margin-top: 1rem;
}

.profile_head_lateral h5{
    color: #333;
}
.profile_head_lateral h6{
    color: #0062cc;
}
.profile-edit-btn{
    border: none;
    border-radius: 1.5rem;
    width: 70%;
    padding: 2%;
    font-weight: 600;
    color: #6c757d;
    cursor: pointer;
}
.profile_datos_usuario_lateral_el {
    font-size: 12px;
    color: #818182;
    margin: 0.5rem 0rem;
}
.profile_datos_usuario_lateral_el span{
    color: #495057;
    font-size: 15px;
    font-weight: 600;
}
.profile_datos_usuario_lateral_el_alert {
    background: #1a81da;
    color: white;
    padding: 0.2rem;
    font-size: 0.7rem;
    display: inline-block;
}
#myTab.nav-tabs{
    margin-bottom:5%;
}
#myTab.nav-tabs .nav-link{
    font-weight:600;
    border: none;
}
#myTab.nav-tabs .nav-link.active{
    border: none;
    border-bottom:2px solid #0062cc;
}
.profile_detalles_lateral_el {
    margin-top: 2rem;
}
.profile_detalles_lateral h3 {
    font-size: 1.1rem;
    border-bottom: 2px solid #0062cc;
    padding-bottom: 0.7rem;
    color: #495057;
    text-align: center;
    margin-bottom: 1rem;
}

.profile_detalles_lateral ul{
    list-style: none;
}
.profile-tab label{
    font-weight: 600;
}
.profile-tab p{
    font-weight: 600;
    color: #0062cc;
}





span.per_pub_datos_generales_der_el {
    display: block;
    margin: 0.5rem;
    font-size: 0.9rem;
    text-align: center;
    padding: 0.5rem;
    border: 1px solid #efefef;
}

.per_pub_datos_generales_der_el_item {
    display: block;
}

.per_pub_datos_generales_der_el_item i {
    color: #27a031;
    display: block;
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.per_pub_datos_generales_der_el_desc {
    display: block;
    font-size: 1.1rem;
    font-weight: 600;
    color: #f3a425;
}






.medallas_el_container {
    padding: 0.3rem;
}
.medallas_el_img {
    width: 100%;
}

.profile_detalles_lateral_ver_medallas_disponibles {
    text-align: center;
    cursor: pointer;
    font-size: 0.8rem;
    background: #156bbb;
    color: #ffffff;
    font-weight: 600;
    padding: 0.3rem 0.6rem;
    width: fit-content;
    margin: auto;
    margin-top: 2rem;
    border: 2px solid #156bbb;
    transition: 0.3s;
    margin-bottom: 0.5rem;
}
.profile_detalles_lateral_ver_medallas_disponibles:hover {
    background: #ffffff;
    color: #156bbb;
}


a#boton_ver_perfil_publico {
    display: block;
    margin-bottom: 1.5rem;
    font-size: 0.8rem;
}

.perfil_tab_title {
    font-size: 1.2rem;
    border-bottom: 2px solid #0062cc;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    color: #495057;
}

.perfil_tab_subtitle {
    font-size: 0.9rem;
}

.profile-img {
    text-align: center;
}
.profile_head_lateral {
    text-align: center;
}



/*CURSOS TAB*/
div#cursos_adquiridos_container ul {
    list-style: none;
    padding: 0rem;
}
div#cursos_adquiridos_container ul li {
    padding: 0.5rem;
    background: #e6f3ff;
    margin: 0.5rem 0rem;
    box-shadow: 0px 0px 3px #c7c7c7;
    font-weight: 600;
}

span.cursos_adquiridos_el_estado {
    float: right;
    font-size: 0.8rem;
    font-weight: 400;
    vertical-align: middle;
}

span.cursos_adquiridos_el_estado_completo {
    background: #3d9444;
    color: white;
    padding: 0.2rem;
    border-radius: 3px;
    min-width: 100px;
    display: block;
    text-align: center;
}

span.cursos_adquiridos_el_estado_incompleto {
    background: #156bbb;
    color: white;
    padding: 0.2rem;
    border-radius: 3px;
    min-width: 100px;
    display: block;
    text-align: center;
}

span.cursos_adquiridos_el_timeago {
    display: block;
    font-size: 0.7rem;
    font-weight: 400;
}
/*//CURSOS TAB*/


@media (max-width: 720px){



}



/*GENERAL SECCIONES*/

.per_pub_seccion_container {
    margin-bottom: 1rem;
    /*box-shadow: 0px 0px 3px #afafaf;*/
    background-color: white;
    padding: 15px;
}

/*//GENERAL SECCIONES*/


/*LOGROS*/
.row.per_pub_logros_container {
   max-width: 1000px;
}

.per_pub_logros_el_col {
    margin-bottom: 1.5rem;
}

.per_pub_logros_el {
    margin: 0.5rem 0rem;
    padding: 0.5rem;
    box-shadow: 0px 0px 3px #cacacad1;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: start;
}
.per_pub_logros_el_container {
    flex: 1;
}
img.per_pub_logros_el_img {
    width: 50%;
}
span.per_pub_logros_el_txt {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    color: #6f6f6f;
    margin-top: 0.5rem;
}

span.per_pub_logros_el_diploma {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.8rem;
}

.per_pub_logros_el_diploma_preview {
    display: block;
    margin-bottom: 0.5rem;
    text-align: center;
}
.per_pub_logros_el_diploma_preview img {
    width: 100%;
    max-width: 100px;
}

/*//LOGROS*/


/*SOCIALES*/
.per_pub_basics_socials a {
    font-size: 2rem;
    text-decoration: none;
}
.per_pub_basics_socials a:hover {
    color: #077e11!important;
}

/*//SOCIALES*/


 /*BASICS*/
 span.per_pub_basics_nombre {
     font-weight: 400;
     margin-bottom: 2px;
     font-size: 1.5rem;
     line-height: 1.33333;
     display: block;
     color: #353535;
 }
 span.per_pub_basics_profesion {
     font-weight: 100;
     margin-bottom: 2px;
     font-size: 1.1rem;
     line-height: 1.33333;
     display: block;
     color: #353535;
 }
 span.per_pub_basics_ubicacion {
     font-weight: 100;
     margin-bottom: 2px;
     font-size: 1rem;
     line-height: 1.33333;
     display: block;
     color: #ababab;
 }
 .per_pub_basics_der > span {
     display: block;
     font-size: 0.95rem;
     color: #676767;
     margin-bottom: 0.3rem;
 }
 .per_pub_basics_der > span i {
     margin-right: 0.5rem;
     font-size: 1.1rem;
 }
 span.per_pub_basics_compania i {
     color: #077e11;
 }
 span.per_pub_basics_ver_info_contacto i {
     color: #007bff;
 }
 span.per_pub_basics_enviar_mensaje i {
     color: #b849e6;
 }
 span.per_pub_basics_mas_info i {
     color: #f82705;
 }

 /*FIN BASICS*/

 /*DESCRIPCION GENERAL*/
 .per_pub_descripcion_gral_container {
     font-size: 1rem;
     color: #676767;
 }
 /*FIN DESCRIPCION GENERAL*/



 /*MODAL CONTACTO*/

 .per_pub_modal_info_contacto_el {
     background: #f5f5f5;
     padding: 1rem;
     margin: 0.5rem;
     text-align: center;
     box-shadow: 0px 0px 3px #00000038;
 }
 .per_pub_modal_info_contacto_el button {
     width: 100%;
 }
 .per_pub_modal_info_contacto_el button i {
    font-size: 1.5rem;
    margin-bottom: 0.4rem;
}
 /*//MODAL CONTACTO*/





/*DESCRIPCION TEXTO MIEMBRO*/

.user_textdesc_el {
    margin-bottom: 1rem;
    margin-top: 1rem;
    box-shadow: 0px 0px 3px black;
}
.user_textdesc_el_icono {
    text-align: center;
    padding: 1rem;
    box-shadow: 0px 0px 3px black;
    background: #077e11;
    color: white;
    display: flex;
    align-items: center;
}
.user_textdesc_el_icono i {
    font-size: 2rem;
    margin: auto;
}
.user_textdesc_el_text {
    padding: 1rem;
}


/*BOTON VER MAS PERFILES*/

.btn_ver_otros_perfiles_container {
    text-align: center;
    margin-top: 3rem;
}

a.btn_ver_otros_perfiles {
    background: white;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 0px 0px 3px #00000059;
    font-weight: 600;
    color: #156bbb;
    transition: 0.3s;
}

a.btn_ver_otros_perfiles:hover{
  background: #156bbb;
  color: white;
}


/*SERVICIOS*/
.per_pub_servicios_el_container {
    padding: 0px;
}
.row.per_pub_servicios_el_row {
    margin: 0.5rem;
    box-shadow: 0px 0px 3px #cacacad1;
}
/*
.per_pub_servicios_el_img {
    min-height: 150px;
    background-size: cover!important;
}
*/
.per_pub_servicios_el_text {
    padding: 1rem;
}
span.per_pub_servicios_el_text_title {
    display: block;
    font-size: 1.2rem;
}
span.per_pub_servicios_el_text_desc {
    font-size: 1rem;
    display: block;
}

/*FIN SERVICIOS*/






/*RECAPTCHA y TITULOS FIX*/
@media (max-width: 480px){
  div#cabecera_principal_container {
      overflow: hidden;
  }
  div#recaptcha1 iframe {
      width: 100%!important;
  }
  div#recaptcha1 > div{
    width: 100%!important;
  }
  /*
  div#cabecera_principal_container {
      overflow: hidden;
      word-break: break-word;
  }
  */


}

@media (max-width: 430px){

  div#cabecera_principal_container_sub {
    transform: scale(0.7);
}

}