@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
body {
  margin-top: 50px;
}

.blanco {
  color: #fff;
}
a,a:hover {color:#000!important; text-decoration: none!important;}
section#gris {
  background: #f7f7f7;
}

.fondo-rojo {
  background: #ff1520;
}

a, h1, h2, h3, h4, h5, h6, p, strong, li {
  font-family: 'Open Sans', sans-serif;
}

strong, p, li {
  font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}


.navbar {
  margin: 0px;
}

.navbar-default .navbar-brand {
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
  padding: 22px 20px !important;
}

.navbar-default .navbar-nav > li > a {
  text-transform: uppercase;
  font-weight: 700;
  padding: 22px 20px !important;
  font-size: 11px;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #ff1520;
}

.btn, .form-control {
  border-radius: 0px;
}

a {
  color: #fff;
}

a:hover {
  color: #0c1117;
}

.sinpadding {
  padding: 0px;
}

.derecha {
  text-align: right;
}

#call {
  background: #e4e4e4;
  padding: 30px 0px;
}

#historia {
  background: #fff;
}


#clients{
	background: url('../img/clients.jpg');
    background-size: cover;
}


#contacto {
  background: #0c1117;
}

.pie {
  padding-top: 10px;
}
.btn-danger {
	background:#ff1520;
}
.navbar-brand > img {
  display: block;
  width: 225px;
  margin-top: -12px;
}

.navbar-default {
  background: #fff;
}

/*MAPAS*/
.google-maps {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav > li > a {
    text-align: center;
    background: #ececec;
    margin: 3px;
    padding: 15px 0px !important;
  }
  .historia, .valores, .servicios, .porque, .promise, .clients {
    padding: 0px 10px;
  }
  #historia, #valores, #servicios, #porque, #contacto, #clients {
    padding: 40px 0px;
  }
  #fiscal {
    padding: 16px 0px;
  }
}

@media (min-width: 1200px) {
  .promise {
  	padding:80px 0px!important;
  }
  .historia, .valores, .servicios, .porque, .promise, .clients {
    padding: 0px 70px;
  }
  #historia, #valores, #servicios, #porque, #contacto {
    padding: 40px 0px;
  }
  #porque {
  	padding:100px 0px;
  }
  #fiscal {
    padding: 100px 100px;
  }
  #clients {
  	padding:180px 0px;
  }
  #servicios {
    padding: 80px 0px;
    background: url("../img/servicios.jpg");
    background-size: cover;
  }

  #blog {padding: 60px 0px;background:url('http://subtlepatterns2015.subtlepatterns.netdna-cdn.com/patterns/cheap_diagonal_fabric.png')}

  .contactanos {
  	margin-top: 33px;
  }

  .mono {
    max-width: 1100px;
    margin-top: -40px;
  }
}