.img {
  width: 490px;
  height: 300px;
}

.colorBarra {
  background: #f4dec3;
}

.bg-azul {
  background: #25388d;
}

.text-azul {
  color: #25388d;
}

.text-dorado {
  /*color: #bc6a05;*/
  color: #113B75;

}

.card_cat{
	
	
    padding: .75rem 1.25rem;
    background-color: #db4b68;
    border-top: 1px solid rgba(0,0,0,.125);

}

.btnPersonalizado {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
   color:white;
 cursor:pointer;
 text-transform:none;
 text-decoration: none;
background:#19579C;
 
}
.bg-azulDescuentos{background:#19579C;}
.garritas {
  width: 30px;
  height: 30px;
}

.arana {
  width: 150px;
  height: 200px;
}

.bg-dorado {
  background: #bc6a05;
}

.bg-blue {
  background-color: #19579C;
}

.bg-rojo {
  background: #bc0053;
}
.bg-verde{
  background-color: #2e7d32;
}

.text-rojo {
  color: #bc0053;
}

.text-blue{
  color: #19579C;
}

.text-btn {
  text-decoration: none;
  color: #fff;
}

.text-btn a:hover {
  text-decoration: none;
  color: #fff;
}

.bg-gris {
  background: #bebcbd;
}

.navbar-collapse li a:hover {
  background-color: #012B66;
}

.lineaColor {
  height: 3px;
}

.menu {
  background-color: #434343;
}

.btn-azul {
  background: #25388d;
}

/*.btn:hover {
  background: #012B66;
}
*/
/*este btn es para la lupa */
.btGris{
  background-color: #D2D3D5;
}
.btGris:hover{
  background-color: #bebcbd;

}
.bg-gris:hover{
  background-color: #D2D3D5;
}
.btn a:hover {

  color: #fff;
  text-decoration: none;
}

/*vamos a colocar algunos cambios en el carrusel de imagenes*/
.carousel-indicators li {
  margin-top: 5px;
  border-radius: 100%;
  padding: 9px;
}

.inputBuscarCursos {
  width: 70%;
}


/*estilos de los hover de la seccion de cursos intensivos, sabatinos etc.*/
/*itemWhite, itemGreen, itemYellow, itemRed*/
.dropdown-menu .itemGreen:hover {
  background-color: #218838;
  color: #fff;
}

.dropdown-menu .itemYellow:hover {
  background-color: #E0A800;
  color: #fff;
}

.dropdown-menu .itemRed:hover {
  background-color: #C82333;
  color: #fff;
}

.dropdown-menu .itemWhite:hover {
  background-color: #f2f2f2;
}
.carousel-indicators li{
  cursor: pointer;
}

.carousel-indicators .active{

  background-color: #4C4C4C;
 
}

.transparente{
  background-color: white;

}
.transparente:hover{
  background-color: red;
}
#drops:hover{
  background: #D2D3D5; 
}
/*dise�o responsivo del boton buscar abajo del header usamos posiciones absolutas y relativas para que se pongan a un lado de otro */
 @media screen and (max-width: 576px){
            .carousel-caption, .carousel-indicators{
                display: none;
            } 

            .espacioBotones{
              padding:25px 0;
            }

            .centrar{
              text-align: center;
            }

            .responsivo{
              padding: 0 100px;
            }

        }