.azul {
    color: #06D7F9;
}
.negro{
   color: #000000;
}
.gris-oscuro {
    color: #575756;
}
.gris {
    color: #9C9B9B;
}
.gris-claro {
    color: #c6c6c5;
}
.rojo{
    color:#FF1800;
}
.amarillo{
    color:#FFF000;
}
.verde{
    color:#DCCC00;
}
.morado {
    color: #722282;
}
.blanco{
    color:#fff;
}
.txtizqjus{
    text-align: left;
    text-align: justify;
}
.fabricacion{
    padding: 25px;
    font-size: 1.5em;
    text-align: left;
    text-align: justify;
}
 #procesos-lineas-ch {
     display: none;
}
.separador1inicio {
    width: 100%;
    height: 120px;
}
.separador2inicio {
    position: relative;
    width: 100%;
    height: calc(100vh - 610px);
  
    background-color: rgba(255,0,0, 0.0);
}
.sis {
    position: relative;
   width: 100%;
    font-size: 40px;
    color: white;
    text-align:right;
    margin-right: 50px;
    background-color: rgba(255,255,0, 0.0);
}
.prueba{
    margin-top: 50px;
    height: 435px;
    background-color: rgba(255,0,0, 0.0);
}

.negrita {
    font-weight: bold;
}
.blanco {
    color: white;
}
/*--------------------------------------------------------------
# inicio
--------------------------------------------------------------*/
@media (max-width: 990px) {
    #logo {
        display: none;
    }
}
@media (max-width: 720px) {
  #prhome {
      display: none;
  }
   
}

.textimghome {
    width: 100%;
}
.elarte {
    font-size: 40px;
    font-family: 'Barlow', sans-serif;
    background-color: rgba(255,255,0, 0.0);
    
    
}
.parrafoizq {
    display: flex;
    width: 5%;
    float:right;
    background-color: rgba(255,0,0, 0.0);
    line-height: 22px;
    font-size: 1.2em;
    text-align: justify;
    
}
.divisorizqparrafo {
    display: flex;
    width: 20%;
    float:right;
    background-color: rgba(255,0,0, 0.0);
    
}


.derecha {
    text-align: right;
}
.divisorderparrafo {
    position: relative;
    /*display: inline-table;*/
    width: 80%;
    height: 500px;
    float:left;
    background-color: rgba(255,255,0, 0.0);
    line-height: 22px;
    font-size: 22px;
    text-align:justify;
}
.textohome {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    /*display: table-cell;
    vertical-align: middle;*/
    
}
.parrafo {
    background: url("../img/home/circulo.png") left center;
    background-repeat: no-repeat;
    display: flex;
    width: 95%;
    height: 500px;
    float:left;
    background-color: rgba(255,255,0, 0.0);
    line-height: 22px;
    font-size: 22px;
    text-align:left;
}

/*--------------------------------------------------------------
# modulos
--------------------------------------------------------------*/
 .modulos{
    position:relative;
    padding: 10px;
    border: 2px dashed steelblue;
    width: 300px;
    /*height: 300px;*/
     
     
}
.imgmodulos{
    float: left;
    width: 30%;
    height: 100%;
    padding: 5px;
    background-color: #9C9B9B;
   
}
.texmodulos{
    
    /*position: relative;*/
    height: 100%;
    float: right;
    width: 65%;
    padding: 5px;
    background-color: #C6C6C5;
    
}
.imgmodulos{
    text-align: center;
    
}
.tt {
    color:brown;
}
.titulomodulos {
    text-align: center;
    font-size: 50px;
}
.subtitulomodulos {
    text-align: left;
    font-size: 40px;
}

/*administrar*/

.caja-administrar{
   /*background-color: aqua;*/
    padding: 20px;
    font-size: 20px;
    color: #575756;
}
.caja-administrar span {
    color: #575756;
    font-size: 22px;
    font-weight: bold;
}
.pruebalinea {
    float: left;
    display: block;
    width: 50%;
    height: 50px;
    /*background-color: rgba(250,255,0, 0.5);*/
    
}
.ptextlinea {
    display: block;
    position: relative;
    float: right;
    width: 50%;
    font-size: 40px;
    /*background-color: rgba(0,255,255, 0.5);*/
    
}

.imglinea {
    width: 98%;
    padding-top: 20px;
}

.contenedortextoylinea {
    width: 100%;
    /*background-color: rgba(250,0,0, 0.2);*/
    position: relative;
    float: left;
}

.pruebalinea2 {
    float: right;
    display: block;
    width: 50%;
    height: 50px;
    background-color: rgba(250,255,0, 0.0);
    
}
.ptextlinea2 {
    display: block;
    position: relative;
    text-align:right;
    float: left;
    width: 50%;
    font-size: 40px;
    background-color: rgba(0,255,255, 0.0);
     padding-top: 10px;
    padding-right: 10px;
}
.imglinea2 {
    width: 98%;
   
}



.lineaizq {
    width: auto;
    margin-top: 40px;
    float: left;
}
.lineaizq img {
    position: relative;
    width: 100%;
    text-align: right;
    
}
.lineader {
    width: auto;
    margin-top: 40px;
    float: right;
}
.lineader img {
    position: relative;
    width: 100%;
    text-align: right;
    
}

.tituloder {
    text-align: center;
    width: auto;
    font-size: 35px;
    margin-top: 30px;
    float: left;
}
.tituloizq {
    text-align: right;
    width:100%;
    font-size: 35px;
    margin-top: 50px;
    float: left;
}
/*controla*/

.caja-controlaimg {
   
    height: 100%;
    pading: 20px;
    font-size: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #575756;
}
.controlaimg {
    align-items: center;
    background-color: aqua;
    width: 100%;
    
}

#imgcontrola {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    
    
}
.caja-controla {
    position: relative;
    width: 100px;
    padding: 10px;
    color: #575756;
}
.caja-controlaint {
    /*background-color: aqua;*/
    /*margin: 10px;*/
    left: 50%;
    
    text-align: center;
    border: 1px solid; 
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    color: #575756;
}
.caja-controla2 {
    
    position: relative;
    width: 100px;
    padding: 10px;
    color: #575756;
    background-color: #ededed;
}
.caja-controla22 {
    position: relative;
    width: 100px;
    padding: 10px;
    color: #575756;
    background-color: #dddde0;
}
.caja-controlaint2 {
  
    /*margin: 10px;*/
    left: 50%;
    
    text-align: left;
    
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 30px;
    /*font-weight: 550;*/
    font-weight: 100;
    font-size: 15px;
    color: #575756;
}
.lll {;
   
    color: rgba(255,0,0, 0.0);
}
.subtitulocontrolar {
    text-align: left;
    font-size: 35px;
}
@media (max-width: 720px) {
  #beneficiosgr {
      display: none;
  }
   
}
#beneficios {
  width: 100%;
  /*height: calc(100vh - 0px);*/
  background: url("../img/Beneficios/beneficios_fondo.jpg") center center;
  background-size: cover;
  position: relative;
  margin-top: 0px;
  padding: 0;
}

#beneficios:before {
  content: "";
  background: rgba(0, 0, 0, 0.0);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
.beneficiosizq {
    margin-top: 150px;
    position: relative;
    height: auto;
    float: left;
    font-size: 40px;
    line-height: 40px;
    /*font-weight: 550;*/
    font-weight: 700;
    color: #DCCC00;
}
.beneficiosder {
    margin-top: 150px;
    position: relative;
    height: auto;
    float: right;
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
.titulocontacto {
    font-size: 40px;
}
.autorizq {
    margin-top: 50px;
    position: relative;
    width: 600px;
    height: 446px;
    float: left;
}
.autorder {
    margin-top: 50px;
    position: relative;
    height: auto;
    float: right;
    font-size: 20px;
    line-height: 30px;
    color: #575756;
}