/* ------------------------------------------------- */
body {
  font-size: 11px;
  font-family: Verdana, sans-serif;
  padding-top: 40px;
}
/* ------------------------------------------------- */
nav.navbar {
  background: #9FB5CA;
  border-radius: 0;
  border: none;
}

nav.navbar a, nav.navbar a:hover, nav.navbar a:focus {
  color: white;
  font-size: 12px;
}

nav.navbar .principal a:hover {
  background-color: #F39;
}

nav.navbar .principal a {
  padding: 10px 12px;
}

nav.navbar .fa-2x {
  line-height: 10px;
}

nav.navbar .navbar-toggle {
  border-color: white;
}

nav.navbar .navbar-toggle .icon-bar {
  background-color: white;
}
/* ------------------------------------------------- */
header #encabezado {
  padding: 30px 0;
  overflow: auto;
  border-bottom: 1px solid #D5D5D5;
}

header #logo {
  /*position: absolute;*/
  float: left;
  margin-left: 10px;
  transition: -webkit-transform 0.3s linear;
  transition: transform 0.3s linear;
  transition: transform 0.3s linear, -webkit-transform 0.3s linear;
}

header #logo:hover {
  -webkit-transform: translateX(20px);
  transform: translateX(20px);
}

header #contacto {
  /*margin-top: 160px;*/
  padding-top: 10px;
  clear: both;
  /* text-align: center; */
}
/* ------------------------------------------------- */
footer {
  color: white;
  background: #9FB5CA;
  padding: 30px 0;
  margin-top: 20px;
}

footer a, footer a:hover {
  color: white!important;
  line-height: 22px;
  display: block;
  text-decoration: none;
}

footer a:hover {
  color: #F39;
  background-color: transparent !important;
}

footer h6 {
  text-transform: uppercase;
  margin-bottom: 20px;
  color: white;
  font-weight: bold;
}



/* ------------------------------------------------- */
/* ------------------------------------------------- */
@media (min-width: 576px) {
    
}

@media (min-width: 768px) {
  body {
    padding-top: 80px;
  }
  nav.navbar .principal a {
    padding: 28px 12px;
  }
  nav.navbar .social {
    float: right;
  }
  header #encabezado {
    background: url("../images/e-fondo2.png") no-repeat right top;
  }
  
}

@media (min-width: 992px) {
  header #contacto {
    position: absolute;
    top: 105px;
    height: 140px;
    width: 270px;
    margin: 0;
    margin-left: 335px;
    padding: 48px 40px;
    clear: inherit;
    text-align: left;
  }
}

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