/*header*/

.navRed{
	padding: 5px !important;
}

.divRed{
	width: 100%; 
	text-align: right;
}

.logoRed{
	width:20px;
}

.logoPrincipal{
  max-height: 130px;

}

@media screen and (max-width: 992px) {
.logoPrincipal{
  max-height: 70px;
  max-width: 180px;
}

}

/*footer*/
.containerFooter{
  max-width:100% !important;
  margin-bottom: 0px;
}

.alineacionCentroFooter{
  width: 80% !important;
  margin-left: 10% !important;
}

.areaLogoFooter{
    float:right;
    text-align: right;
    width: 118px;
}

.logoRedFooter{
	width:25px;
}

.tamanoLetraFooter{
  font-size: 0.85em;
  color: #969696;
}

.tamanoLetraFooter:hover{
  text-decoration: none;
  font-size: 0.85em;
  color: #969696;
}

@media screen and (max-width: 992px) {

	.tamanoTituloFooter{
  		font-size: 0.80em !important;
	}

	.tamanoLetraFooter{
	  font-size: 0.65em !important;
	}

	.tamanoLetraFooter:hover{
	  font-size: 0.65em !important;
	}
}

/*home*/
.rowCompleto{
	width: 100%; 
	padding-right: 0px !important;
	padding-left: 0px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.colCompleto{
  width: 100%; 
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}



/*Contacto rapido*/

.sizeBando {
    height: 620px;
}

.propertyBando{
  position:relative; 
  border-bottom: 1px solid white;
  display: block;
  background-position: 50% 50%;
  background-size: cover;
  background-color: #47515B;
}

.maxIndex{
  max-width: 80% !important; 
  margin-left:10% !important; 
}

.inicioIndex{
  height: 619px; 
  width: 300px !important; 
  background-color: rgba(37, 38, 42, 0.5) !important; 
  border: 0px solid #25262a; 
  z-index: 10; 
  margin-left: calc(100% - 350px);
}

.fontEst{
  font-size: 1.4rem;
}

.btnEnviar{
  background-color: transparent !important; 
  border: 1px solid white !important; 
  color: white !important;
}

.btnEnviar:hover{
  background-color: grey !important; 
  border: 1px solid white !important; 
  color: white !important;
}


.imagenParallaxServicios{
  background-image: url("/public_html/img/content/servicios/servicio.jpg");
}
.imagenParallaxQuienes{
  background-image: url("/public_html/img/content/quienesSomos/mesa.jpg");
}
.imagenParallaxContacto{
  background-image: url("/public_html/img/content/edificio.jpg");

}



.parallaxNosotros{
  /* The image used */

  /* Set a specific height */
  min-height: 300px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  position: relative;
}

.parallaxNosotros h2{
  position: absolute;
  display: block;
  text-align: center;
  bottom: 0px;
  width: 100%;
  color: white;
  background-color: rgba(73,70,70,0.64);
  margin-bottom: 0px !important;
  padding: 30px;
}

#imgBackResponsive{
    display: none;
  }


@media screen and (min-width: 1300px) {
  .maxIndex{
    max-width: 60% !important; 
    margin-left: 20% !important;
  }
}

@media screen and (max-width: 768px) {
  .inicioIndex{
    margin-left: calc(100% - 320px);
  }

  .backgroundInicio{
    background-image: url(/Estetica/public/img/barber.png);
    display: block;
  }


  .parallaxNosotros{
    background-image:none !important;
  }
  .parallaxNosotros, .parallaxNosotros h2{
    display:none !important;
  }

  #imgBackResponsive{
    display: block !important;
  }

  .imgBackNosotros{
    position: absolute;
    display: block;
    text-align: center;
    bottom: 0px;
    width: 100%;
    color: white;
    background-color: rgba(73,70,70,0.64);
    margin-bottom: 0px !important;
    padding: 20px;
  }

}

/*Página de contacto*/

#divSuccessMsg{
            background-color: rgba(35, 195, 16, 0.80);
            max-width: 400px;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 30px;
            padding-left: 30px;
            border-radius: 15px;
            color:white;
          }

          #divErrorMsg{
            background-color: rgba(234, 8, 8, 0.80);
            max-width: 400px;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 30px;
            padding-left: 30px;
            border-radius: 15px;
            color:white;
          }
          
#whats1, #barra{
    display: none;
}

#whats2{
    display: block;
}

@media only screen and (max-width:992px){
    #whats1, #barra{
    display: block;
    }

    #whats2{
    display: none;
    }
}

.backgroundDirectorio{
   /* The image used */
  background: url("/ContadorAbogado/public/img/textil.jpg") no-repeat center center fixed;
  background-size: cover;
  padding-bottom: 50px !important;
}