body {
 font-family: "Lato", sans-serif;
}

h1,h2,h3,h4,h5,h6,.titulos{
  font-family: "Raleway", sans-serif;
}
.colorprincipal {
  color: #FFD700;
}
.backgroundcolorprincipal {
  background-color: #FFD700;
}
.btn.backgroundcolorprincipal:hover {
  color: #FFD700 !important;
}

.colorsecundario {
  color: #F3E600 ;
}
.backgroundcolorsecundario {
  background-color: #F3E600 !important;
}
.btn.backgroundcolorsecundario:hover {
  color: #F3E600 !important;
  border: 1px solid #F3E600;
}
.colorterciario {
  color: #474645;
}
.backgroundcolorterciario {
  background-color: #474645!important;
}
.backgroundcolorterciario.text-white{
  color:#d4d2d2 !important;
}
.colorcuarto {
  color: #C0BEBD;
}
.backgroundcolorcuarto {
  background-color: #C0BEBD;
}
.colorquinto {
  color: #E0E0DE;
}
.backgroundcolorquinto {
  background-color: #E0E0DE;
}
/**/
.navbar a {
  text-decoration: none;
/*  text-transform: uppercase;*/
  font-size: 15px;
  font-weight: bold;
}
.navbar a.active {
  color: #FEC812;
}
.navbar-collapse.collapse.show
{
  width: 100%;
}

.servicios:hover ~ .submenu,.submenu:hover 
{
  max-height:inherit;
  opacity:1;
}

.submenu
{
  z-index: 2000;
  list-style-type:none;
  padding:0px;
  padding-top: 20px;
  margin:0px;
  max-height:0px;
  opacity:0;
  overflow:hidden;
  transition: opacity 300ms ease;
  color:white !important;
  position:absolute;
/*  top:130px;*/
/*  right:-25px;*/
  background: #E0E0DE;
  font-size: 15px;
  width: 200px;
}

.bgenfoque{
  background-size:contain !important ;
}
/**/
.fs-7{
  font-size: 0.9rem !important;
}
.fs-8{
  font-size: 0.8rem !important;
}
.fs-9{
  font-size: 0.7rem !important;
}
.bggradient{
  background: rgb(231,229,229);
  background: linear-gradient(0deg, rgba(231,229,229,1) 0%, rgba(255,255,255,1) 100%);
}
/**/
.bg-dark{
  background-color: #000 !important;
}
/*tabs nosotros*/
.nav-pills .nav-link {
  background-color: #fff;
  color:#000;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  background-color: #F3E600;
  color:#000;
}
@media(min-width:600px)
{
  .submenu1{
/*    top:80px;*/
/*    right:105px;*/
  }
  .submenu2{
/*    top:80px;*/
/*    right:105px;*/
  }
}

@media(min-width:768px)
{
  .submenu1{
/*     right:115px;*/
  }
  .submenu2{
/*     right:115px;*/
  }
}

@media(min-width:992px)
{
}

@media(min-width:1200px)
{
}

@media(min-width:1600px)
{
}

@media(min-width:992px)
{

}