/*----------ESTILO PARA BOTON GENERICO--------*/
.margenBoton{
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  
}

/*-----------ESTILOS PARA MENÚ-----------------*/
.imagenLog{
  width:100%;
  height:100%;
  max-width:280px;
  max-height:180px;
  margin-top: 3px;
  margin-bottom: -0px;
  margin-left: -4px;
}
.imagenLog:hover{
  width:150%;

  height:150%;

}
.estiloMenu{
  font-size: 14px;
  font-weight: 550 !important;
  background:#97362b !important;
}



/*----------COLOR DE FONDO ARRIBA DE MENU----------*/
.colorRedes{
  background:#97362b !important;
  padding-bottom: 7px;
}
.colorRedesLetra{
  color: #e7e7e7 !important;
}

.colorRedesLetra:hover {
  color: #000 !important;
  
  text-decoration: none;
}

.colorNavLetra{
  font-family: Vegur, 'PT Sans', Verdana, sans-serif;

  color: #e7e7e7 !important;
}

.colorNavLetra:hover {
  color: #000 !important;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700 !important;
  padding-top: 8px;

}
/*--------------PARA WAHTSAPP-------------*/
.whatsapp{
  padding-top: 12px;
  text-decoration: none;
  font-weight: 650 !important;
}
/*----------------ESTILO PARA DAR TAMANIO A ICONOS REDES SOCIALES----------------*/
nav form div a,
nav form div img{
  width:100%;
  height:100%;
  max-width:20px;
  max-height:20px;
  font-size: 12px;
}
/*------------FINAL PARA WAHTSAPP-------------------*/
.sliderPantallaCompleto{
  width:100% !important;
  height: auto !important;
}
/*COLOR DE FONDO*/
.main{
  /*background: url('../img/fondo.png');*/
  background: #fff;
  background-repeat: repeat;
}
/*------------------------*/

/*-------------COLOR DE PIE DE PAGINA-----------*/
.footer{
  background-color: #97362b;
}

.fondoFooter{
  border-radius: 5px;
  border:2px solid #97362b;
  text-align: center;
  background-color: #97362b;
}
/*----------FINAL DE COLOR DE PIE DE PAGINA*/

.colorrojo{
  color:#bf1001;
}


.limiteArea{
  max-height: 150px;
  max-width: 100%;
}
/*
-------------------------PARA HACER EL MOUSE UNA MANITA---------------------------------------
form button{
  cursor: pointer;
--------------------------------------------------------------------------------------------
}*/

.imagenIndex{
  max-width:200px;
  max-height:200px;
  border-radius: 5px;
}

.imagenCursos{
  max-width:150px;
  max-height:150px;
  border-radius: 5px;
  border: 2px solid #F7B538 ;
}

.fondoAmarrillo{
  background: rgb(243, 180, 0) !important;
}

/*----------------ESTILO PARA LOS CURSOS QUE ESTAN EN EL INDEX------*/
.anchoMaximo{
  max-height: 400px !important;
  background: #97362b !important;

}

.anchoMaximo:hover {
  background: #97362b !important;
}
.letraIndex{
  color: #fff !important;
}



/*-----------------ESTILOS PARA CURSO A DISTANCIA--------------*/
.fondoRojo{
  max-height: 400px !important;
}

.fondoRojo:hover {
  background: #DB504A !important;
}

.fondoAzul{
  max-height: 400px !important;
}

.fondoAzul:hover {
  color: #fff !important;
  background: #2B4570 !important;
}


/*------------ESTILOS PARA EL BLOG-----------*/
.imagenblog{
  max-width:150px;
  max-height:150px;
  border-radius: 5px;
}

.anchoMaximoBlog:hover {
  background: #e9bc00 !important;
}

.descargaPdf{
  color: #fff;
  background-color: #d9534f;
  border-radius: 3px;
  border-color: #d43f3a;  
  padding:4px;

}
.descargaPdf:hover{
  color: #fff;
  
}


/*-----------------------------PARA CONFIGURAR MENU-CURSOS-------------------------------*/

.imagenPadre {
  position: relative;    /* para poder posicionar el texto de forma absoluta */
  display: inline-block; /* para que solo ocupe el ancho de la imagen */
}
.TextoEnImagen {
  position: absolute;    /* posición absolute con respecto al padre */
  bottom: auto;             /* posicionada en la esquina inferior derecha */
  right: 1rem; 

}
.textoBlanco{
  color:#fff;
  text-shadow: 3px 3px 8px #000;
  height: 100%; 
  width: 80%; 
  margin-top: -95px;" 
}
/*--------------ESTILOS PARA LOS CUADROS DE PLAN DE ESTUDIOS-------------------*/
.estiloBorde{
  padding : 1px !important;
  padding-right: 1px !important;
  padding-left: 1px !important;
  margin-bottom: 15px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  margin-right: auto !important;
  margin-left: auto !important;
  -webkit-transition: border .2s ease-in-out;
  -o-transition: border .2s ease-in-out;
  transition: border .2s ease-in-out;
}
.estiloBorde1{
  display:block;
  padding-right: 10px !important;
  padding-left: 10px !important;

} 
.estiloLetra{
  padding-right: 2px !important;
  padding-left: 2px !important;" 
}
/*--------------FIN ESTILOS PARA LOS CUADROS DE PLAN DE ESTUDIOS-------------------*/

/*-------------ESTILO PARA LOS BOTONES DE COMO SE INSCRIBE PAGOS UBICACION------------*/
.separacionBot{
  padding-bottom: 15px;
}
@keyframes coloresBoton{
  0%{background: #1A3C5A;}
  50%{background: #2A6496;}
  100%{background: #B3C9DD; }

  100%{background: #B3C9DD; color: #1A3C5A;}

}
.margenBotones{
  margin-top: 5px !important;
  margin-right: 5px !important; 
  margin-bottom: 5px !important;
  margin-left: 5px !important;
  animation-name: coloresBoton;
  animation-duration: 1.9s;
  animation-iteration-count: infinite;
}


/*--------------ESTILO PARA POP UP DE COMO PAGAR Y COMO INSCRIBIRSE.---------------------------*/
/*.btn {
  position: relative;
  padding: 8px 16px;
  font-family: 'psychotik';
  font-size: 1.2em;
  font-weight: normal;
  color: #fff;
  text-shadow: none;
  border-radius: 16px;
  background: #00A6B6;
  box-shadow: inset 2px 2px 1px #007f8b;
}

.btn:hover {
  background: #FF9C00;
  box-shadow: inset 2px 2px 1px #995f02;
  }*/

  .contenidoModal {
    position: absolute;
    top: 05%;
    left: 50%;
    z-index: 6;
    margin: -2% 0px 0px -155px;
    float: left;
    width: 310px;
    color: #fff;
    line-height: 22px;
    padding: 15px;
    border-radius: 3px;
    background: #82323a;
    border: 1px solid #fff;
    box-shadow: 0px 2px 1px #999;
  }

  #modal {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
  }

  #modal>a {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    float: left;
    width: 100%;
    height: 100%;
  }
  #modal1 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
  }

  #modal1>a {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    float: left;
    width: 100%;
    height: 100%;
  }
  #modal2 {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 5;
    float: left;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    display: none;
    opacity: 0;
  }

  #modal2>a {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1;
    float: left;
    width: 100%;
    height: 100%;
  }
  :target {
    display: block!important;
    opacity: 1!important;
  }

  .contenidoModal>a {
    position: absolute;
    top: -4px;
    right: -4px;
    color: #00A6B6;
    border-radius: 2px;
    background: #fff;
    padding: 4px;
  }

  .barra{
    background-color: #f3f3f3;
    border-radius: 5px;
    box-shadow: inset 0px 0px 2px rgba(0,0,0,.15);
    height: 25px;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .cancel{
    background: #ed1f3c !important;
  }
  .barra_azul{
    background-color: #247cc0;
    border-radius: 5px;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 0%;

  }
  .barra_verde{
    background-color: #2ea265 !important;
  }
  .barra_roja{
    background-color: #de3152 !important;
  }

  #barra_estado span{
    color:#fff;
    font-weight: bold;
    line-height: 2px;
  }
  /*--------------ESTILO PARA POP UP DE COMO PAGAR Y COMO INSCRIBIRSE.---------------------------*/


  /*----------------------MEDIAQUERIES-------------------------------*/