/* SECCION 1 SLIDER   */
.logo{
  width: 180px;
}

.cuadro-titulo{
 background: #80C41C; 
 /*padding-left: 15px;*/ 
 border-radius: 20px;
}

.logo-blanco-slider{
  width: 100%;
}

.subtitulo-slider{
    font-family: "NexaBoldItalic";
    color: #fff;
}
/* SECCION 2 SLIDER   */








/* SECCION 2 FUELSOFT   */
.seccion2{
background: url(galeria/fondo2.png); 
background-size: contain; 
height: 300px; 
background-repeat: no-repeat;

}
.logo-blanco-slider-2{
  width: 100%;
}
.seccion-2-texto{
    padding-top: 50px;
}
/* FIN SECCION 2 FUELSOFT */







/* SECCION 3 TODO EN UN SOLO SISTEMA CUADROS(8)  */
.titulo-servicios{
     font-family: "Nexa Bold";
}
.subtitulo-servicios{
          font-family: "Nexa Bold";
}
.orientacion-izq{
    text-align: end;
}

.left {
      position: relative;
  z-index: 1;
  padding: 30px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  background-color: #0A1D3D;
  border-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  border-top-right-radius: 190px;
  transition: all .3s;
  border-bottom-right-radius: 190px;
  border-right: 83px;
}

.right {
      position: relative;
  z-index: 1;
  padding: 30px;
  box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
  background-color: #80C41C;
  border-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
  border-top-left-radius: 190px;
  transition: all .3s;
  border-bottom-left-radius: 190px;
  border-left: 83px;
}

.img-serv-1{
    width: 285px;
}

.img-serv-2{
    width: 285px;
}

.img-serv-3{
    width: 315px;
}

.img-serv-4{
    width: 295px;
}

.img-serv-5{
    width: 255px;
}

.img-serv-6{
    width: 275px;
}

.img-serv-7{
    width: 245px;
}

.img-serv-8{
    width: 245px;
}

.icono-fuel{
    width: 40px;
}

/* FIN SECCION 3 TODO EN UN SOLO SISTEMA CUADROS(8)  */







/*  SECCION 4 VENTAJAS  */
.promo{
  background: url(galeria/fondo3.png);
}
.titulo-ventajas{
       font-family: "Nexa Bold";
}

.texto-ventajas{
     font-family: "NexaBoldItalic";
     color: #fff; 
     font-size: 20px; 
     padding: 18px;
}
.fa-circle{
    color: #80C41C;
}

.img-ventajas{
    position: absolute; 
    width:500px
}

/* FIN SECCION 4 VENTAJAS  */














/*  SECCION 5 ERP  */
.cuadro-erp{
      position:absolute;
    bottom:5px;
    right:10px;
}
.img-erp{
    width: 700px;
  
}
.linea-tiempo{
    width: 100%;
}
.promo2{
  background: url(galeria/fondo4.png);

background-size: cover;
background-position: center;

}

.titulo-erp{
 font-family: "Nexa Bold";
}
.texto-erp{
    font-family: "NexaBoldItalic";
    color: #fff; 
    font-size: 20px; 
    padding: 18px;
}

/* FIN SECCION 5 ERP  */






/*  SECCION 6 SOLICITA CITA */

.solicita-cita{
    padding-top: 200px;
}

.boton-cotiza{
    background:#0096E0 ;
    font-size: 30px;
     font-family: "Nexa Bold";
}
.seccion6{
background: url(galeria/fondo-cita.png); 
background-size: cover; 
height: 300px; 
background-repeat: no-repeat;

}
.logo-blanco-slider-2{
  width: 100%;
}
.seccion-2-texto{
    padding-top: 50px;
}


/* FIN SECCION 5 SOLICITA CITA   */




.pie-pagina{
    margin-top: 100px;
}


.espacios{
    display: none;
}
.espaciado{
    height: 200px;
}

.espaciado100{
    display: none;
}

.espaciado-final{
    height: 250px;
}



.formulario{
    background: red;
}

.input {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}




@media only screen and (max-width: 1500px)  {
 .header-area .main-nav .nav li a {
    font-size: 20px;
  }
  .img-serv-1 {
  width: 255px;
}
.img-serv-2{
    width: 210px;
}
.img-serv-3 {
  width: 220px;

}

.img-serv-6 {
  width: 230px;

}


}


@media only screen and (max-width: 1290px)  {
 .header-area .main-nav .nav li a {
    font-size: 20px;
  }
  .img-serv-1 {
  width: 230px;
}

.img-serv-2{
    width: 210px;
}
.img-serv-4 {
  width: 230px;

}
.img-serv-3 {
  width: 210px;

}

.img-serv-6 {
  width: 230px;

}
.img-serv-5 {
  width: 225px;

}

.centro{ 
   display:flex;
    justify-content: center;
    align-items: center;
}



}

@media only screen and (max-width: 992px) {
 .header-area .main-nav .nav li a {
    font-size: 11px;
  }
.main-banner{
    /*padding: 117px 0px 30px 0px;*/
}
.main-banner .left-content h2{
    font-size: 24px;
}
.main-banner .right-image{
    margin: 0px;
}
.seccion2 {

  background-size: cover;
}




}


@media only screen and (max-width: 767px) {

.subtitulo-slider {
    font-size: 17px !important;
}

.logo-blanco-slider-2 {
  width: 150px;

}
.logo-blanco-2{
    text-align: center;
}
.section-heading h4 {
text-align: center;
  font-size: 17px;

}

.titulo-servicios{
    font-size: 18px;
}
.service-item p{
    font-size: 13px;
}
.seccion-2-texto{
    padding-top: 10px;
}

.seccion3{
    padding-top: 20px;
}

.orientacion-izq {
  text-align: left;
}

.servicios-izq-texto {
  text-align: left;
}

.servicios-vermas{
    text-align: right;
}

.img-serv-3{
    width: 255px;
}

.espacios{
    display: block;
}
.icono-max1{
    width: 20%;
}
.icono-max2{
    width: 80%;
}

.texto-ventajas{
    font-size: 15px;
}

.img-ventajas {
  position: absolute;
  width: 331px;
  left: 0;
}

.espaciado{
    height: 250px;
}

.espaciado100{
    display: block;
    height: 100px;
}
.espaciado150{
    height: 150px;
}
.espaciado200{
    height: 200px;
}

.texto-erp {
text-align: left;
  font-size: 15px;

}

.cuadro-erp {
  position: absolute;
  bottom: -130px;
  right: 10px;
}

.img-erp {
  width: 355px;
}


.section-heading {

  text-align: center;
}
.boton-cotiza {

  font-size: 17px;

}


.espaciado-final{
    display: none;
}


.inicio{
    height: 2px !important;
}

}