.cabeceraImg{
  height: 830px;
  min-height: 830px;
}

.tituloConoce h3{
  margin-top: -9px;
  color: #fff;
}
.person img{
  border-radius: 50%;
}
.imgIzq img{
  border-radius: 50%;
}
/*SECCIONES COLOREADAS PAGINA INICIO*/
#InicioColor {
  /*background-color: #0c8e36;*/
  position: relative;
  padding: 50px; }
  
  #InicioColor p {
    color: #fff;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    /*font-size: 20px;*/
    }

    .imgDer img{
      border-radius: 50%;
    }
.tituloMat{
  padding-bottom: 60px;
  padding-top: 60px;
}
.materialesDiv{
  width: 100%;
  max-width: 100%;
  height: auto;
  padding-bottom: 60px;
}
  .titMat{
    padding-bottom: 60px;
  }


#InicioColor{
  background-color: rgba(3, 3, 3, 0.8);
}
#InicioColor cite {
    color: #fff;
    display: block;
    /*font-size: 15px;*/
    font-style: normal;
    font-weight: 600;
    margin-top: 20px;
   /* text-transform: uppercase; */}
    #InicioColor blockquote {
    border: 0;
    margin: 0;
}
 /* #InicioColor h3{
    color: #fff;
    padding: 20px;
  }*/
  .tituloConoce{
    text-align: center;
    color: #fff;
    font-style: bold;

    padding-bottom:60px;
    padding-top: 30px;
  }
  .tituloConoce h2{
    font-size: 40px;
  }
  .contenedorServ{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-flow: row wrap;
  width: 100%;
  max-width: 100%; 
  padding-bottom: 70px;
  padding-left: 70px;
  padding-right: 70px;
  /*height: auto;*/
}
.contenedorServ h3{
  color: #0c8e36;
}

.contServIzquierda{
  float: none;
  width: 50%;
  max-width: 50%;
  flex: 1;
  height: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-flow: row wrap;
  margin-left: 20px;
}
.imgIzq{
  width: 35%;
  max-width: 35%;
  flex: 1;
  height: auto;
  float: none;
}
.txtIzq{
   width: 65%;
  max-width: 65%;
  flex: 1;
  height: auto;
  float: none;
  padding-left: 25px;
}
.imgDer{
  width: 35%;
  max-width: 35%;
  flex: 1;
  height: auto;
  float: none;
}
.txtDer{
   width: 65%;
  max-width: 65%;
  flex: 1;
  height: auto;
  float: none;
  padding-left: 25px;
}
.contServDerecha{
  width: 50%;
  max-width: 50%;
  float: none;
  flex: 1;
  height: auto;
  height: auto;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-flow: row wrap;
  margin-left: 20px;
}
.contenedorServ div p a{
  color: #0c8e36;
}
.tituloServ{
  width: 100%;
  max-width: 100%;
  padding-bottom: 60px;
  padding-top: 60px;
  text-align: center;
}
.tituloServ h3{
  color: #0c8e36;
  margin-top: -9px;
}
.person-content h3{
  color: #0c8e36;
}



.person-content p a{
  color: #0c8e36;
}

.contactoDiv{
  height: auto;
  width: 100%;
  max-width: 100%;
  max-height: auto;
  text-align: center;
  background-color: #0c8e36;
}
.contactoDiv h2{
  color: #fff;
  font-size: 40px;
}
/*TRABAJOS*/

#trabajos{
  width: 100%;
  max-width: 100%;
  padding: 10px;
}
#trabajos .container{
  width: 100%;
  max-width: 100%;
  height: auto;
}
#galeriaTrabajo{
  width: 100%;
  max-width: 100%;
  padding: 10px;
}
#galeriaTrabajo .container{
  width: 100%;
  max-width: 100%;
  height: auto;
}
#galeriaTrabajo .container img{
  width: 100%;
  max-width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
}
.imagenTrab{
  width: 50%;
  max-width: 50%;
  padding: 10px;
}
.imagenTrab img{
  max-width: 100%;
  width: 100%;
}
/*Formulario*/

#formulario {
    width:55%;
    margin:auto;
    /*padding: 50px;*/
    font-size: 19px;
   /* float: left;*/
   /* padding:15px;*/
    padding-bottom: 80px;
   /* padding-left:90px;*/

}

label.error {
    width:175px;
   
 
    color:#ff0000;
 
    float: left;
 
    font-size:1em;
}
 
#formulario input{
    display: block;
    float:left;
    padding: 4px;
    padding-left: 15px;
    width: 99%;
    margin-bottom: 2px;
    /*border-radius: 8px;*/
    border: none;
    color: #fff;
    background-color: transparent;
}
 input::placeholder{
  color:#fff;
 }
 input:active{
  border: none;
 }
#formulario textarea{
    display: block;
    float:left;
    width:99%;
    height: 99px;
    margin-bottom: 2px;
    padding: 4px;
    padding-left: 15px;
    resize: none;
    color: #fff;
    border:none;
    background-color: transparent;
}
textarea::placeholder{
  color:#fff;
}
#formulario .botonAcceder{
    width: 100%;
    /*height: 30px;*/
    background: #000;
    border:none;
    margin:auto;
     border-radius: 60px;
    padding: 4px;
    right: 0;
    left: 0;
   /* bottom: 10px;*/
    font-size: 19px;
    color:#fff;
}
 
#formulario .botonAcceder:hover{
    background: #dfaf31;
    color:#fff;
}
 
#formulario #aster {
    color:#ff0000;
}



.container-1{
   padding: 0 0 0 2.5em;
    margin-bottom: 1.25em;
    border: 1px solid #FFF;
    border-radius: 15px;
    position: relative;
    font-weight: 300;
    height: 43px;
    width: 100%;
    text-align: left;
}
.container-2{
   padding: 0 0 0 2.5em;
    margin-bottom: 1.25em;
    border: 1px solid #FFF;
    border-radius: 10px;
    position: relative;
    font-weight: 300;
    height: 100px;
    width: 100%;
    text-align: left;
}
.iconoDiv{
 left: 0;
    top: 0;
    color: #FFF;
    border-right: 1px solid #FFF;
    width: 5%;
    margin-top: 4px;
    text-align: center;
   /* padding: .438em 0;
    margin: .625em 0;*/
    position: absolute;
}
.iconoDiv .iconForm{
display: inline-block;
    font-size: 25px;
    speak: none;
    font-style: normal;
    /*font-weight: 400;*/
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
   /* line-height: 1;*/
    -webkit-font-smoothing: antialiased;
}
/*fin formulario*/

/*localizacion*/
#localizacion{
  padding-top: 50px;
  /*padding-bottom: 60px;*/
}



#txtPlantilla{
  position: relative;
  padding: 50px; }
  
  #txtPlantilla p {
    color: #000;
    padding-left: 18px;
    padding-right: 18px;
    font-size: 16px;
    /*font-size: 20px;*/
    }

.contenedorPlant{
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-flow: row wrap;
  width: 100%;
  max-width: 100%; 
  /*height: auto;*/
  padding-bottom: 0px;
  margin-top: 60px;
}
.contPlantIzquierda{
   float: none;
  width: 50%;
  max-width: 50%;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  flex: 1;
  height: auto;

}

.contPlantDerecha{
    width: 50%;
  max-width: 50%;
  float: none;
  flex: 1;
  text-align: center;
  height: auto;
}
.contPlantDerecha img{
  width: 100%;
  max-width: 100%;
}
.capaIntro{
  width: 80%;
  text-align: left;
  margin-left: 10%;
  /*margin-left: 10%;
  margin-right: 10%;*/
  /*padding: 18px;*/
  color: #000;
  padding-top: 40px;
}
.capaIntro p{
  color: #000;
}

#servicios a:hover{
  color: #d0b435;
}
#productos a:hover{
  color: #d0b435;
}

/*PLANTILLA*/
.plantillaUno{
  width: 90%;
  max-width: 90%;
  margin-left: 5%;
  margin-bottom: 20px;
  margin-top: 20px;
}

.colPlantilla{
  width: 50%;
  height: auto;
}
.colPlantilla p{
  padding: 15px;
  color: #000;
}
.colPlantilla img{
  width: 100%;
  max-width: 100%;
}
.plantillaIntro{
  text-align: center;
  font-size: 18px;
  color:#000;
  padding: 15px;
  margin-bottom: 20px;
}
.plantillaIntro h3{
  font-size: 24px;
  color:#0c8e36;
  padding: 15px;
}

@media only screen and (max-width : 1000px){
  .plantillaUno{{
    margin-top:20px;
  }

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

  .tituloConoce{
    text-align: center;
    color: #fff;
    font-style: bold;

    padding-bottom:60px;
    padding-top: 0px;
    width: 100%;

  }

  .tituloConoce h2{
    font-size: 40px;
  }


  #conoceMvl {
    background-color: rgba(3, 3, 3, 0.9);
   color: #fff;
   display: block;
  font-style: normal;
  position: relative;
  padding: 10px; 
width: 100%;}
  
  #conoceMvl p {
    color: #fff;
    width: 100%;
   font-weight: 600;
    padding-left: 10px;
    padding-right: 0px;
    /*font-size: 20px;*/
    }
    .contenedorServ{
      display: flex;
      display: -webkit-flex; 
      flex-direction: column;
      -webkit-flex-flow: column;
      flex-flow: column;
      height: auto;
      padding: 0px;
      margin: 0px;
    }
    .contServIzquierda{
     display: flex;
      display: -webkit-flex; 
      flex-direction: column;
      -webkit-flex-flow: column;
      flex-flow: column;
      height: auto; 
  
      margin: 0px;
      padding: 0px;
    width: 100%;
    max-width: 100%;
    }
    .contServDerecha{
      display: flex;
      display: -webkit-flex; 
      flex-direction: column;
      -webkit-flex-flow: column;
      flex-flow: column;
      height: auto; 
      margin: 0px;
      padding: 0px;
  width: 100%;
  max-width: 100%;
 

}
.imgIzq{
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 10px;
}
.imgIzq img{
  width: 100%;
  max-width: 100%;
  text-align: center;
   padding: 10px;
}
}
.txtDer{
  width: 100%;
  max-width: 100%;
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.txtIzq{
width: 100%;
  max-width: 100%;
  padding: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.imgDer{
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 10px;
}
.imgDer img{
  width: 100%;
  max-width: 100%;
  text-align: center;
  padding: 10px;
}
/*trabajos*/

.imagenTrab{
  width: 100%;
  max-width: 100%;
  padding: 10px;
}
.imagenTrab img{
  max-width: 100%;
  width: 100%;
}
.material{
  margin-top: 30px;
}

/*Formulario*/

#formulario {
    width:100%;
    margin:auto;
    /*padding: 50px;*/
    font-size: 19px;
   /* float: left;*/
   /* padding:15px;*/
    padding-bottom: 80px;
   /* padding-left:90px;*/
   padding: 10px;
}

 .iconoDiv{
  margin-left: 25px
   border-right: none;
   
    width: 9%;
  
    }


/*fin formulario*/

.plantillaUno{
  width: 100%;
  max-width: 100%;
  margin: 0px;
  margin-top: 20px;
}
.colPlantilla{
  width: 100%;
}
.colPlantilla img{
  width: 100%;
  max-width: 100%;
}
/*encabezado plantillas*/
.encabezado-text{
   padding: 0px;
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    margin-top: 60px;
}
.encabezado-text h1{
    font-size: 30px;
}
.encabezado-text h2{
    font-size-30px;
}
}

@media (min-width: 992px) {

  .col-md-5 {

    float: left;

    width: 20%!important;

  }

}