section {
 width: 100%; min-height: 745px; position: relative;
  
}

.section--purple {
  background-color: #9b59b6;
}

.section--blue {
  background-color: #3498db;
}

.section--green {
  background-color: #2ecc71;
}

#main {
  text-align: center;
}

#more {
  margin: 20px auto 48px;
}

.modal-content { background: orange; border-radius: 0; border: 4px white solid; padding:0 2% 100px;  margin-top: 150px;  }
.modal-content a { display: block; color: white; font-size: 22px; font-weight: bold; margin: 10px 0;}
.modal-content a:hover { color: black; text-decoration: none;}
.cerrar { display: block; text-align: right; }

/* NUEVO */
html, body { overflow-x: hidden;  font-family: 'nerislight'; }

.ocre { color: #c09726; }
.active { color: white; }
.active_ { color: #110a52; }


header { width: 100%; height: 75px; position: fixed; z-index: 99999999; }
.burger { position: absolute; top: 20px; right: 20px; width: 30px; cursor: pointer; display: none;  }
.burger img { width: 30px;  }

.copy {
  max-width:600px; color: white; font-size: 18px;  margin: 0 auto; border-radius: 15px; padding: 25px;
  background-color: rgba(163, 3, 3, 0.7); text-align: center;
}

.copy i {
  font-size: 22px;
}

.copy_ {
  max-width:600px; color: white; font-size: 18px;  margin: 0 auto; border-radius: 15px; padding: 25px;
  background-color: rgba(59, 168, 53, 0.7);
}


 .logo { width: 100px; height: 100px; margin-right: 190px; margin-top: -5px; }
  ul { width: 100%; height: 50px; text-align: center; margin: 0 auto;  padding-top: 35px; padding-right: 20%;  }
  ul li {  list-style: none; height: 50px; width: auto; padding: 0 15px; float: right; font-weight: bold; font-size: 14px; }
  ul li a { color:#c09726; width: auto !important; height: 50px; vertical-align: middle; font-size: 12px; transition:all 200ms ease;   }
  ul li a:hover { color:#fff; text-decoration: none;  }

  footer { width:100%; min-height:745px; padding-top: 175px; background: url(../imagenes/footer.jpg) no-repeat;  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; color:white; position: relative;  }
  footer a { color:white; transition:all 200ms ease;  }
  footer a:hover { color: rgba(255,255,255, 0.7); text-decoration: none; }
  footer h3 { font-size: 18px;}
  footer hr { width: 50%; margin-right: 45%;  }
  footer .center img  { margin: 50px 42%;  }
  footer .mapa { position: absolute;right: 0; top: 450px; }
  .remate { width: 100%; height: 50px; background: #c09726 url(../imagenes/logo-ab.png) no-repeat; background-position: 75% 10px; padding-top: 10px;  font-size: 12px; }

  input { background: none; border: white solid 1px; width: 75%; margin: 0 0 20px 0; padding: 5px; }
  textarea { background: none; height: 100px; border: white solid 1px; width: 75%; margin: 0 0 20px 0; padding: 5px; }
  .enviar { background: #c09726; border:#c09726 1px solid ; text-align: left;}

.inicio { background: url(../imagenes/inicio.jpg) no-repeat center ; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  position: relative; text-align: center; padding-top: 250px; font-size: 18px; }


.firma { background: url(../imagenes/firma.jpg) no-repeat center ; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;  position: relative; color: white; padding-top: 125px; font-size: 18px; padding-bottom: 75px; }
.firma h2 {  text-align: center; margin-bottom: 50px; }
.firma p { margin-bottom: 15px; font-size: 16px; font-weight: normal; font-family: 'neristhin'; }

.servicios { padding-top: 125px; background: url(../imagenes/bass.png) no-repeat left bottom ; padding-bottom: 75px; }
.servicios h2 { text-align: right; margin-right: 25px; font-size: 62px; font-family: 'neristhin'; }
.servicios h2 hr { width: 120px; background: none; border-top: #c5a13d solid 4px; margin-right: 180px; }
.servicios p  { position: relative; margin-bottom: 18px; }
.servicios p img { position: absolute; left: -18px; top: 3px; }

.para { width: 100%; height: 500px; background: url(../imagenes/para.jpg) no-repeat;  }

.tel {background: url(../imagenes/phone.png) no-repeat center left; padding-left: 40px; height: 30px; margin-top: 75px;}
.mail {background: url(../imagenes/mail.png) no-repeat center left;  padding-left: 40px; height: 30px;}
.dir {background: url(../imagenes/tack.png) no-repeat center left; padding-left: 40px;}



  /* */ 
    @media only screen and (max-width : 1080px) {

    }

    /*  */ 
    @media only screen and (max-width : 969px) {
.btn-info {  display: inline; }
.guarda { display: none; }
.burger { display: inline;  }
      }

@media only screen and (max-width : 780px) {
 .logo_ { display: inline; }
 #piezas  .carousel-nav  {
  height: 16.6%;
  width: 100%;
  background: white;
  position: absolute;
  z-index: 999999999999999;
  right: 0;
}
}

 
 /*  */ 
    @media only screen and (max-width : 580px) {


      .index  { text-align: center; padding-top: 100px; }
      .index img  { margin-top: 50px; }
      .copy { width: 80% !important; }
      .index_2 {  height: auto; padding-top: 25px; }
      .boton-in { width: 100%; height: 50px; border: white solid 1px; text-align: left; float: left; margin-right: 20px; margin-bottom: 30px; }
.clientes { width: 100%; min-height: auto; background: white; margin-bottom: 0px; text-align: center; padding: 0px 14% ; text-align: center; color: black; }
.clientes img { margin: 0 auto }


.boton-in:hover { width: 100%; height: 150px; }

footer { width:100%; height:auto; background:url(../imagenes/footer.jpg) no-repeat center center; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; padding-top: 20px;   }

.servicios { height: auto !important; padding-top: 0px;}
  
    .fir_ { width: 290px;}
        .para { width: 100%; height: 200px; background: url(../imagenes/para.jpg) no-repeat;  }
    }

   
  /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 750px) {

.burger { display:inline; }
#inicio { height: 450px; }
#quienes_somos { height: auto; padding-bottom: 50px; background-image: none; }
#quienes_somos .ajuste { height: 10px;  }

#servicios h2 { padding-top:50px;  }

a.submenu { color:red !important; }
a.submenu-a { color:white !important;  width: 90%; height: auto; font-size: 17px; vertical-align: middle; margin-bottom: 9px; line-height: 18px; }
a.submenu-b { color:white !important;  width: 90%; height: auto; font-size: 17px; vertical-align: middle; margin-bottom: 9px;  line-height: 18px; }

.pleca1 { width: 100%; height: 150px; background:url(../imagenes/pleca2.png) no-repeat center center; background-size: 100%; margin: -50px 0 -50px 0; }
.pleca2 { width: 100%; height: 260px; background:url(../imagenes/pleca33.png) no-repeat 0 0; background-size: 100%; margin: -150px 0 -100px 0; }
.pleca3 { width: 100%; height: 300px; background:url(../imagenes/pleca4.png) no-repeat center center; background-size: 100%; margin: -60px 0 -50px 0; z-index: 99999999999999; }


.clientes { height: auto !important; padding-bottom: 100px; background: white; }
.clientes img { float: left; width: 25%;}

.guarda { display: none; }


    }






    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 550px) {
   footer .center  { padding-bottom: 50px; padding: 0 5% 50px 5%;}
   footer .center img  { margin: 50px auto; display: block; }
   header { background: rgba(0, 0, 0, 0.5); height: 100px; }
   .remate { height:150px; background-position: 20px 100px; }
#inicio { height: 450px; }
#quienes_somos { height: auto; padding-bottom: 50px; background-image: none; }
#quienes_somos .ajuste { height: 10px;  }

#servicios { padding-bottom:200px; height: 960px !important;  }
#servicios h2 { padding-top:50px;  }
.clientes { height: auto !important; }

.submenu-a { width: 90%; height: auto; font-size: 17px; vertical-align: middle; margin-bottom: 9px; line-height: 18px; }
.submenu-b { width: 90%; height: auto; font-size: 17px; vertical-align: middle; margin-bottom: 9px;  line-height: 18px; }

.pleca1 { width: 100%; height: 150px; background:url(../imagenes/pleca2.png) no-repeat center center; background-size: 100%; margin: -50px 0 -50px 0; }
.pleca2 { width: 100%; height: 260px; background:url(../imagenes/pleca3.png) no-repeat 0 0; background-size: 100%; margin: -50px 0 -100px 0; }
.pleca3 { width: 100%; height: 100px; background:url(../imagenes/pleca4.png) no-repeat 0 0; background-size: 100%; margin: 0; z-index: 99999999999999; }

.piezas { height: 300px; }

.clientes  { height: 550px !important; padding-top: 25px;  background: white;}
.clientes img { float: left; width: 50%;}
.comodin {  margin-left: 25%; margin-top: 0px}

#contacto { width: 100%; height: auto; margin-top: 0px; padding-top: 0; padding-bottom: 50px;
}

.carousel-cell {
  width: 100%;
  margin-right: 10px;
  counter-increment: carousel-cell; color:black;
  padding: 0 30px;
  margin: 0 50px;
}

.carousel-cell h3 {
  text-align: right; color:black; font-size: 14px; border-bottom:#ea2227 solid 3px; width: 100%; padding-bottom: 20px; float: left;  
}

.carousel-cell .title {
   color:#ea2227; font-weight: 700; margin-top: 10px;
}

h1, h2 { font-size: 16px !important;}
.prod1 { background-size: 300%; background-position: center;  }
.prod2 { background-size: 300%; background-position: center;  }
.prod3 { background-size: 300%; background-position: center;  }
.prod4 { background-size: 300%; background-position: center;  }
.prod5 { background-size: 300%; background-position: center;  }
.prod6 { background-size: 300%; background-position: center;  }

.base { background-image: none; background:rgba(0,0,0,0.8); }
.base h3 { text-align: left !important; font-size: 18px !important; line-height: 22px !important; float: left !important;  }

.base {width: 100%; height: auto; background: rgba(0,0,0,0.8); padding-bottom: 20px;
       position: absolute; bottom: 0; background-size: 110%; padding-left: 50px;}

#inicio { height: 250px; }
#inicio .carousel { height: 250px; }
#inicio .carousel .carousel-cell { height: 250px; }

.in-1 {  background:url(../imagenes/inicio1.jpg) no-repeat center center !important; -webkit-background-size: 450px !important;
  -moz-background-size:450px !important;
  -o-background-size: 450px !important;
  background-size: 450px !important;
}

.in-2 {  background:url(../imagenes/inicio2.jpg) no-repeat center center !important;  -webkit-background-size: 450px !important;
  -moz-background-size: 450px !important;
  -o-background-size: 450px !important;
  background-size: 450px !important;
}

.in-3 { background:url(../imagenes/inicio.jpg) no-repeat center center !important;  -webkit-background-size: 450px !important;
  -moz-background-size: 450px !important;
  -o-background-size: 450px !important;
  background-size: 450px !important;
}

.submenu-a, .submenu-b, .submenu-z { height: auto; padding: 25px 5%;  }


#piezas  .carousel-nav .carousel-cell img {
  margin-top: 15px; transition:all 200ms ease; width: 100%;
}


#info { width: 100%; min-height: 50px; background: white; position: relative; text-align: center; color:#4D4D4D; font-size: 18px; padding: 100px 2%;}
#info_ { width: 100%; height: auto; background: white; padding-bottom: 150px; position: relative; text-align: center; color:#4D4D4D; font-size: 18px; padding-top: 50px;}

.somos .img { position: relative; top:0; left: 0%; margin-left: 0%; margin-top: 150px; width: 100%; }
.cultura .img { position: relative; top:0; left: 0%; margin-left: 0%; margin-top: 150px; width: 100%; }
.galeria .img { position: relative; top:0; left: 0%; margin-left: 0%; margin-top: 150px; width: 100%; }


  ul { width: 100%; height: 50px; text-align: center; margin: 0 auto;  padding-top: 15px; padding-right: 0%;  }
  ul li {  list-style: none; height: 50px; width: auto; padding: 0 15px; float: right; font-weight: bold; font-size: 14px; }

section {
 width: 100%; min-height: auto; position: relative;
  
}
    }