/*variables*/
#banner {
  width: 100%;
  height: 395px;
  background: url("../img/historia/BannerHistoria.jpg") fixed center no-repeat, #fad000;
  background-size: cover;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d; }
  #banner p {
    max-width: 400px;
    padding: 8px 0px 8px 0px;
    margin: auto;
    text-align: center;
    background: #000;
    color: #fff;
    font-family: "HeronSansCondL";
    font-size: 66px;
    position: relative;
    top: 60%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%); }

#contenido {
  width: 100%;
  min-height: 500px;
  background: #fad000; }
  #contenido section {
    max-width: 950px;
    min-height: 500px;
    margin: auto;
    padding-top: 75px; }
    #contenido section #parte01 {
      max-width: 563px;
      height: auto;
      float: left; }
    #contenido section #parte02 {
      width: 360px;
      height: auto;
      float: right; }
    #contenido section #parte03 {
      max-width: 100%;
      height: auto;
      float: left;
      padding: 10px 0px; }
    #contenido section #parte04 {
      width: 384px;
      height: 391px;
      float: left; }
    #contenido section #parte05 {
      max-width: 548px;
      height: auto;
      float: right; }

@media screen and (max-width: 1040px) {
  header nav li:nth-child(2) a {
    color: #fff !important; } }
@media screen and (max-width: 950px) {
  #contenido section {
    padding: 50px 15px; }

  #contenido section #parte01 {
    float: none;
    margin: auto; }

  #contenido section #parte02 {
    display: none; }

  #contenido section #parte04 {
    display: none; }

  #contenido section #parte05 {
    float: none;
    margin: auto; } }
@media screen and (max-width: 655px) {
  #banner {
    height: 340px; } }

/*# sourceMappingURL=style_historia.css.map */