@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900);

body {
  font-family: 'Playfair Display', serif;
  background-color: #f7f7f7;

}

h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', serif;
}

.bolder {
  font-weight: bolder;
}
.bold {
  font-weight: 700;
}

hr.linea_editada{
  margin-top: 0px;
  margin-bottom:15px;
  width: 6%;
  border: 0;
  border-top: 5px solid #9b7144;
}
hr.linea_editada2{
  margin-top: 0px;
  margin-bottom:15px;
  width: 6%;
  border: 0;
  border-top: 5px solid #ffffff;
}
.margen_arriba_20 {
  margin-top:20px;
}

.margen_abajo_10 {
  margin-bottom:10px;
}

.margen_arriba_30 {
	margin-top:30px;
	}
.margen_arriba_60 {
  margin-top:60px;
  }

.margen_arriba_120 {
  margin-top: 4%;
  }

.margen_abajo {
	margin-bottom: 30px;
	}

.margen_abajo_60 {
	margin-bottom: 60px;
	}

.margen_abajo_100 {
	margin-bottom: 100px;
	}

.margen_abajo_120 {
	margin-bottom: 140px;
	}

.padding-right {
  padding-right: 50px;
}

.color_dorado {
  color:#9b7144;
}
.color_azul {
  color:#232c4e;
}

.color_blanco {
  color: white;
}
.full_width {
  width: 100%;
}

.logo_sae {
  width: 83px;
  margin-top: -2px;
}

.nav.navbar-nav {
	margin-top: 13px;
	margin-bottom: 13px;
}

.navbar-default {
  background-color: #ffffff;
  border-color: #e7e7e7;
}

.navbar-default .navbar-nav>li>a:hover {
  color: #9b7144;
}

.flexboxpadre {
  padding-top: 10%;
}
.margen-neg-izq {
  margin-left: -20px;
}

.fondo-servicios {
  width: 100%;
  background-color: #9b7144;
  background-image: url(../img/fondo-servicios.png);
  background-size: cover;
  background-position: center;
}
.fondo-contacto {
  width: 100%;
  background-color: #232c4e;
  background-image: url(../img/contacto-fondo.png);
  background-size: cover;
  background-position: center;
}
.texto_descarga {
  position: relative;
}
.texto_descarga figcaption {
  position: absolute;
  background-color: rgba(156, 0, 84, 0);
  width: 100%;
  top:0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.texto_descarga figcaption {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
}
.texto_descarga figcaption h3 {
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;

}
.texto_descarga figcaption h3 {
  font-size: 3.3em;
  color:white;
  display: none;
}

.texto_descarga:hover figcaption {
  background-color: rgba(156, 113, 68, 0.82);
}

.texto_descarga:hover figcaption h3 {
  display: block;
}

.fondo-footer {
  background-color: rgb(156, 113, 68);

}

.fondo-carousel {
  width:100%;
  height: 60vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background: -moz-radial-gradient(center, ellipse cover, #38497d 0%, #29355c 100%); /* FF3.6-15 */
  background: -webkit-radial-gradient(center, ellipse cover, #38497d 0%,#29355c 100%); /* Chrome10-25,Safari5.1-6 */
  background: radial-gradient(ellipse at center, #38497d 0%,#29355c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38497d', endColorstr='#29355c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  background-image: url(../img/fondoslider.png), radial-gradient(ellipse at center, #38497d 0%,#29355c 100%);
}


/**
  MEDIA QUERIES
*/

/*@screen-xs dispositivos moviles*/
@media only screen and (min-width : 320px) {

.fondo-carousel {
    width: 100%;
    height: 93vh;
}
.flexboxpadre {
    padding-top: 6%;

}
.logo_sae {
    width: 55px;
    margin-top: -5px;

}

/* Small devices (tablets, up to 768px) */
@media (min-width: 768px) {
  .fondo-carousel {
      width: 100%;
      height: 37vh;
  }

  .flexboxpadre {
      padding-top: 6%;
  }
  .logo_sae {
    width: 83px;
    margin-top: -2px;
}

}


/*@screen-md laptops */
@media only screen and (min-width : 992px) {
  .fondo-carousel {
      width: 100%;
      height: 63vh;
  }
  .flexboxpadre {
      padding-top: 10%;
  }


}


/*@screen-lg*/
@media only screen and (min-width : 1290px) {

}