/* Estilos complementarios para ALOP al estilo Bootstrap */
.btn-custom{
/*	padding: 6px 15px;*/
    text-align: center;
}
.btn-transparent {
  color: #000;
  background-color: rgba(255,255,255,0.5);
  border-width: 1px;
  border-style: solid;
  white-space:normal !important;
}
.btn-transparent:focus,
.btn-transparent.focus {
  color: #000;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.btn-transparent:hover {
  color: #000;
  background-color: rgba(255,255,255,0.8);
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
  color: #000;
  background-color: transparent;
  border-color: #fff;
}
.btn-transparent:active:hover,
.btn-transparent.active:hover,
.open > .dropdown-toggle.btn-transparent:hover,
.btn-transparent:active:focus,
.btn-transparent.active:focus,
.open > .dropdown-toggle.btn-transparent:focus,
.btn-transparent:active.focus,
.btn-transparent.active.focus,
.open > .dropdown-toggle.btn-transparent.focus {
  color: #000;
  background-color: transparent;
  border-color: #eee;
}
.btn-transparent:active,
.btn-transparent.active,
.open > .dropdown-toggle.btn-transparent {
  background-image: none;
}
.btn-transparent.disabled:hover,
.btn-transparent[disabled]:hover,
fieldset[disabled] .btn-transparent:hover,
.btn-transparent.disabled:focus,
.btn-transparent[disabled]:focus,
fieldset[disabled] .btn-transparent:focus,
.btn-transparent.disabled.focus,
.btn-transparent[disabled].focus,
fieldset[disabled] .btn-transparent.focus {
  background-color: transparent;
  border-color: #000;
}
.btn-transparent .badge {
  color: #f0ad4e;
  background-color: transparent;
}
/* Botones transparentes para el resto de las paginas, de alto contraste */
.btn-transparent-2 {
  color: #fff;
  /*background-color: transparent;
  border-width: 1px;
  border-style: solid;
  white-space:normal !important;
  font-size: 0.8em !important;*/
    background-color: rgba(255, 255, 255, 0.6);
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    color: #000;
    white-space: normal !important;
}
.btn-transparent-2:focus,
.btn-transparent-2.focus {
  color: #eee;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.btn-transparent-2:hover {
  color: #eee;
  background-color: transparent; /* rgba(255,255,255,0.8); */
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
}
.btn-transparent-2:active,
.btn-transparent-2.active,
.open > .dropdown-toggle.btn-transparent-2 {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}
.btn-transparent-2:active:hover,
.btn-transparent-2.active:hover,
.open > .dropdown-toggle.btn-transparent-2:hover,
.btn-transparent-2:active:focus,
.btn-transparent-2.active:focus,
.open > .dropdown-toggle.btn-transparent-2:focus,
.btn-transparent-2:active.focus,
.btn-transparent-2.active.focus,
.open > .dropdown-toggle.btn-transparent-2.focus {
  color: #fff;
  background-color: transparent;
  border-color: #eee;
}
.btn-transparent-2:active,
.btn-transparent-2.active,
.open > .dropdown-toggle.btn-transparent-2 {
  background-image: none;
}
.btn-transparent-2.disabled:hover,
.btn-transparent-2[disabled]:hover,
fieldset[disabled] .btn-transparent-2:hover,
.btn-transparent-2.disabled:focus,
.btn-transparent-2[disabled]:focus,
fieldset[disabled] .btn-transparent-2:focus,
.btn-transparent-2.disabled.focus,
.btn-transparent-2[disabled].focus,
fieldset[disabled] .btn-transparent-2.focus {
  background-color: transparent;
  border-color: #333;
}
.btn-transparent-2 .badge {
  color: #fff;
  background-color: transparent;
}
/* Boton Inscribete */
.btn-alop-inscribete {
  color: #fff;
  background-color: #A05338;
  border-color: #A05338; /* rgba(0,0,0,0.5);*/
  border-width: 1px;
  border-style: solid;
  white-space:normal !important;
}
.btn-alop-inscribete:focus,
.btn-alop-inscribete.focus {
  color: #fff;
  background-color: #C8942B;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.btn-alop-inscribete:hover {
  color: #fff;
  background-color: #C8942B;
  border-width: 1px;
  border-style: solid;
  border-color: #000;
}
.btn-alop-inscribete:active,
.btn-alop-inscribete.active,
.open > .dropdown-toggle.btn-alop-inscribete {
  color: #fff;
  background-color: #C8942B;
  border-color: #fff;
}
.btn-alop-inscribete:active:hover,
.btn-alop-inscribete.active:hover,
.open > .dropdown-toggle.btn-alop-inscribete:hover,
.btn-alop-inscribete:active:focus,
.btn-alop-inscribete.active:focus,
.open > .dropdown-toggle.btn-alop-inscribete:focus,
.btn-alop-inscribete:active.focus,
.btn-alop-inscribete.active.focus,
.open > .dropdown-toggle.btn-alop-inscribete.focus {
  color: #fff;
  background-color: #C8942B;
  border-color: #eee;
}
.btn-alop-inscribete:active,
.btn-alop-inscribete.active,
.open > .dropdown-toggle.btn-alop-inscribete {
  background-image: none;
}
.btn-alop-inscribete.disabled:hover,
.btn-alop-inscribete[disabled]:hover,
fieldset[disabled] .btn-alop-inscribete:hover,
.btn-alop-inscribete.disabled:focus,
.btn-alop-inscribete[disabled]:focus,
fieldset[disabled] .btn-alop-inscribete:focus,
.btn-alop-inscribete.disabled.focus,
.btn-alop-inscribete[disabled].focus,
fieldset[disabled] .btn-alop-inscribete.focus {
  background-color: transparent;
  border-color: #000;
}
.btn-alop-inscribete .badge {
  color: #fff;
  background-color: transparent;
}
/* Estilos complementarios para ALOP al estilo Bootstrap */
.btn-alop-m {
  color: #fff;
  font-weight: 300;
  background-color: transparent;
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}
.btn-alop-m:focus,
.btn-alop-m.focus {
  color: #fff;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #ccc;
}
.btn-alop-m:hover {
  color: #fff;
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
  border-color: #777;
}
.btn-alop-m:active,
.btn-alop-m.active,
.open > .dropdown-toggle.btn-alop-m {
  color: #000;
  background-color: transparent;
  border-color: #fff;
}
.btn-alop-m:active:hover,
.btn-alop-m.active:hover,
.open > .dropdown-toggle.btn-alop-m:hover,
.btn-alop-m:active:focus,
.btn-alop-m.active:focus,
.open > .dropdown-toggle.btn-alop-m:focus,
.btn-alop-m:active.focus,
.btn-alop-m.active.focus,
.open > .dropdown-toggle.btn-alop-m.focus {
  color: #000;
  background-color: transparent;
  border-color: #eee;
}
.btn-alop-m:active,
.btn-alop-m.active,
.open > .dropdown-toggle.btn-alop-m {
  background-image: none;
}
.btn-alop-m.disabled:hover,
.btn-alop-m[disabled]:hover,
fieldset[disabled] .btn-alop-m:hover,
.btn-alop-m.disabled:focus,
.btn-alop-m[disabled]:focus,
fieldset[disabled] .btn-alop-m:focus,
.btn-alop-m.disabled.focus,
.btn-alop-m[disabled].focus,
fieldset[disabled] .btn-alop-m.focus {
  background-color: transparent;
  border-color: #000;
}
.btn-alop-m .badge {
  color: #f0ad4e;
  background-color: transparent;
}
html {
  font-family: "Open Sans", sans serif;
  /*height: 100%;*/
}
body {
  /*height: 100%;*/
}
.row{ margin:0;}
.alop-bg-img-main {
	width:100%;
}
.alop-bg-lineas {
  background-image: url(../images/lineas.png);
  background-position: center -30px;
  background-repeat: no-repeat;
  /* background-size: cover; */
}
.alop-texto {
  margin: 0 auto;
  font-size:18px;
}
.alop-header {
  padding: 20px 0;
  
  /* height: 150px; */
}
.alop-texto-footer
{
  max-width: 500px;
  font-size: 0.8em;
  color: #999;
  margin: 0 auto;
}
.alop-texto-footer a,
.alop-texto-footer a:active
{
  max-width: 500px;
  /*font-size: 0.8em;*/
  color: #eee;
  margin: 0 auto;
  text-decoration: none;
}
.alop-texto-footer a:hover
{
  text-decoration: underline;
}
.alop-top {
}
.alop-font-2x {
  font-size: 1.3em !important;
}
.alop-top-container {
  /*width: 100%;*/
  padding-bottom: 33%
}
.alop-txt-fff {
  color: #fff;
}
.alop-txt-000 {
  color: #000;
}
.txt-center {
  text-align: center;
}
.alop-azul-1 {
  background-color: #181d30;
}
.alop-azul-2 {
  background-color: #1f253a;
}
.alop-azul-3 {
  background-color: #0d1019;
}
.alop-box-icons {
  /*width: 500px;*/
  margin: 0 auto;
}
.alop-icon {
  margin: 0 auto;
  text-align: center;
  color: #94BEE8;
  display: block;
  margin-top: 30px;
  width: 135px;
  cursor: pointer;
}
.alop-icon-activo {
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.3);
}
.alop-testimonio-globo
{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #Eea800; /*#E1E1E1;*/
/*  padding: 10px 30px;*/
  margin-top: 15px;
padding:10px;
  text-align: center;
  min-height:80px;
}
h2 {
  font-size: 3em;
  display: block;
  text-align: center;
  margin: 0 auto 50px;
}
h2 span {
  display:inline-block;
  padding: 0.2em;
  font-weight: lighter;
}
h2.light span{
  /*border-top: 1px solid #202C42;*/
  /*border-bottom: 1px solid #313D53;*/
}
h2.dark span{
  /* border-top: 1px solid #000; */
}
span.line {
  background: url(../images/line-1.png);
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 50px;
  display: block;
}
.alop-aux {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 2px 0;
  padding: 2px 0;
}
.alop-test-cargo {
  margin-top:5px;
  margin-bottom:5px;
  color: #555;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.alop-test-pais {
}
ol.alop-ol {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  background: transparent;
  overflow: hidden;
  margin: 0;
  color: #fff;
}
ol.alop-ol-tabs {
    margin: 10px auto 20px;
    max-width: 500px;
    padding-top: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
ol.alop-ol-1 {
  counter-reset: numList 0;
}
ol.alop-ol-2 {
  counter-reset: numList 2; 
}
ol.alop-ol li {
  /*width: 176px;*/
  /* margin-right: 44px;*/
  /*float: left;*/
  position: relative;
  margin-bottom: 10px;
}
ol.alop-ol li:before {
  counter-increment: numList;
  content: counter(numList);
  float: left;
  position: absolute;
  left: -26px;
  font: bold 12px sans-serif;
  text-align: center;
  color: #000;
  line-height: 18px;
  width: 18px; height: 18px;
  background: #fff;
  -moz-border-radius: 999px;
  border-radius: 999px
}
ol.alop-ol-azul {
  display: block;
  padding: 0 0 0 26px;
  list-style: none;
  background: transparent;
  overflow: hidden;
  margin: 0;
}
ol.alop-ol-azul-1 {
  counter-reset: numList 0;
}
ol.alop-ol-azul li {
  /*width: 176px;*/
  /* margin-right: 44px;*/
  /*float: left;*/
  position: relative;
  margin-bottom: 10px;
}
ol.alop-ol-azul li:before {
  counter-increment: numList;
  content: counter(numList);
  float: left;
  position: absolute;
  left: -26px;
  font: bold 12px sans-serif;
  text-align: center;
  color: #fff;
  line-height: 18px;
  width: 18px; height: 18px;
  background: #181D30;
  -moz-border-radius: 999px;
  border-radius: 999px
}
ol.alop-inicio-libro-ol {
    font-weight: bold;
    padding-left: 15px;
}
ol.alop-inicio-libro-ol li {
    margin-left: 0;
    margin-bottom: 10px;
}
ol.alop-inicio-libro-ol li span {
    font-weight: normal;
}
.alop-box-curso-header {
    padding: 15px 15px 15px 40px;
    color: #181D30;
    background-color: #FBB03B;
    background-position: 5px center;
    background-repeat: no-repeat;
    display:block;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bolder;
}
.alop-box-curso-contenido {
    padding: 5px 10px;
    color: #181D30;
    background-color: #ccc; display:block;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin-bottom:15px;
}
.alop-box-curso-contenido-inicio {
    padding: 1em 15px;
    color: #181D30;
    background-color: #ccc; display:block;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
@media screen and (max-width: 767px) {
    .alop-header-logo {
        margin: 0 auto;
        display: block;
    }
    .alop-testimonio-table
    {
    display: table;
    collapse: collapse;
    /* margin: 0 auto; */
    }
    .alop-testimonio-row
    {
    display: table-row;
    }
    .alop-testimonio-col-1
    {
      display: table-cell;
      vertical-align: top;
      width: 90px;
      /*height: 30px;*()*/
      padding: 0 10px;
    }
    .alop-testimonio-col-2
    {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px;
      overflow-wrap: break;
      word-wrap: break-word;
      -webkit-hyphens: auto;
      -ms-hyphens: auto;
      -moz-hyphens: auto;
      hyphens: auto;
    }
    .alop-pais-nombre
    {
    /*float:left:*/
    background-color:#ffc;
    }
    .alop-curso-price-box
    {
      /*border-bottom: 1px solid #ccc;*/
      border-top: 1px solid #ccc;
      border-left: none;
    }
    .alop-curso-price-details
    {
      border-bottom: 1px solid #ccc;
    }
    .alop-curso-price-pago
    {
    }
    .txt-centro-xs-10,
    .alop-precio-row
    {
      text-align: center;
    }
}
.alop-curso-price-details {
    padding: 0 5px 5px;
}
.alop-curso-price-pago {
    padding: 10px 0px; 
}
.alop-precio-promo {
    color: #24B572;
    font-size: 2em;
    font-weight: bold;
} 
.alop-precio-promo-moneda {
    color: #24B572;
    font-weight: bold;
}
.alop-precio-normal {
    color: #777;
    font-size: 2em;
    text-decoration: line-through;
}
.alop-precio-normal-moneda {
    color: #777;
}
@media screen and (min-width: 768px) {
    .alop-testimonio-table
    {
      display: table;
      collapse: collapse;
      /* margin: 0 auto; */
    }
    .alop-testimonio-row
    {
      display: table-row;
    }
    .alop-testimonio-col-1
    {
      display: table-cell;
      /*vertical-align: middle;*/
      width: 90px;
      /*height: 30px;*/
      padding: 0 10px;
    }
    .alop-testimonio-col-2
    {
      display: table-cell;
      vertical-align: middle;
      padding: 0 10px;
    }
    .alop-pais-nombre
    {
    /*float:left:*/
    background-color:#ffc;
    }
    .alop-curso-price-box
    {
      /*border-bottom: 1px solid #ccc;*/
      margin-top: 21px;
      border-top: none;
      border-left: 1px solid #ccc;
    }
    .alop-curso-price-details
    {
      border-bottom: 1px solid #ccc;
    }
    .alop-curso-price-pago
    {
    }
    .txt-centro-sm-10
    {
        text-align: center;
    }
}
.alop-box-curso-header {
    background-color: #FBB03B;
    display:block;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.alop-box-curso-contenido
{
    background-color: #ccc; display:block;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.alop-box-curso-contenido-2
{
    background-color: #ccc; display:block;
}
.txt-centro {
  text-align: center;
}
.txt-izq {
  text-align: left;
}
.txt-small {
  font-size: 0.8em;
}
.txt-bold {
  font-weight: bold;
}
.txt-bold-600 {
  font-weight: 600;
}
.txt-color-555 {
  color: #555;
}
.div-center-m {
  margin-left: auto;
  margin-right: auto;
  max-width:auto;
}
.div-center-m img{
	max-width:100%;
}
.modal-body-alop
{
    background-color: #ccc;
}
/* Auxiliara para centrar cuadro de dialago bootstrap */
.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
    padding:0;
}
.modal-header {
    background-color: #FBB03B;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.union {
    margin-top: -91px;
}
.union img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width:100%;
}
.alop-conteo-item {
  font-size: 2em;
}
.alop-conteo-unidad {
  font-size: 0.5em;
  font-weight: lighter;
}
.alop-form-label {
    color: rgb(0, 0, 0) !important;
    line-height: 34px;
    padding: 0px;
    text-align: right;
    font-weight: normal;
}
.alop-blanco-trans {
  background-color: rgba(255,255,255,0.3);
}
.ocultar {
  display:none;
}
.backtop{
width:100%;
height:auto;
clear:both;
text-align:right;
color:#777;
position:fixed;
bottom:0;
right:0;
z-index:50;
}
.backtop a{color:#777 !important; padding-right:15px; margin-bottom:15px; text-decoration:none;font-size:13px;}
.btntop{height: 75px; width:170px;}
.forgot a{color:#fff; text-align:center; display: block;}