.pic_principal img{
    width: 100%;
    height: auto;
}

.linea{
    border-color: white;
}

#centrados{
    display: flex;
    margin: 0 auto;   
}
/********************************BARRAS INTERMEDIAS***********************************/
.barra_contenido{
    display: flex;
    margin: 0 auto;
}

.barra_intermedia{
    display: flex;
    text-align: center;
    width: 100%;
    height: 150px;
    font-family: aileron_light;
    background-color: var(--ci_primario);    
    color:var(--ci_secundario);

}

.barra_intermedia_left{ 
    display: flex ;
    padding-left: 20px;
    width: 600px; 
    height:150px;
    font-size : 1em; 
    align-items: center;
    justify-content: left;
}
.barra_intermedia_right { 
    display: flex;
    width: 400px; 
    height:150px;
    font-size : 2.6em; 
    align-items: center;
    justify-content: center; 
}

.barra_intermedia_right a{
    text-decoration: none;
    color:white;
}
.barra_intermedia_right a:hover{
    transition: 0.4s ease-in-out;
    text-decoration: none;
    /*border: white solid 1px;*/
    border-radius: 10px;
    font-size : 1.1em;
}

.informacion img.izquierda {
    padding-top:15px;
    padding-bottom: 15px;
    width: 50px;
    float: left;
    margin-right: 10px;
  }

/***********************INFORMACION, ENVIO ETC******************************************/
.informacion{
    display: flex;
    width: 100%;
    height: 120px;
    background-color: var(--ci_primario);    
    color:var(--ci_secundario);
    padding:20px 20px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    align-items: center;
}

.inf_left, .inf_medio, .inf_right{
    margin-left: 10px;
    width: 33%;
}

/******************************** TIPOGRAFIA *************************************/
.txt_estilo
{
  line-height : 40px;
  color : #FFFFFF;
  text-shadow : 3px 3px 2px rgba(34, 34, 32, 0.75);
}



/********************************* METODO **************************************/
.metodo {  
    display: flex;
}
.metodo_left{ 
    width: 50%;
    height: auto;
    text-align: center;
    padding: 60px;
}
.metodo_right{ 
    width: 50%;
    height: auto;
    text-align: justify;
    padding: 40px;
}
.metodo_left a {
    font-size: 3em;
}
/********************************** ENVIO **************************************/
.envio{  
    display: flex;
}
.envio_left{ 
    width: 50%;
    height: auto;
    text-align: center;
    padding: 60px;
}
.envio_right{ 
    width: 50%;
    height: auto;
    text-align: justify;
    padding: 40px;
}
.envio_left a {
    font-size: 3em;
}
/******************************** TERMINOS *************************************/
.termino_sup{ 
    width: 100%;
    height: auto;
    text-align: center;
    padding: 60px;
}
.termino_inf{ 
    width:100%;
    height: auto;
    text-align: justify;
    padding: 40px 80px;
}
.termino_sup a{
    font-size: 3em;
}
td img {
    padding:10px;
}

/******************************** PEDIDO *************************************/
.pedido{
    border: 1px solid rgba(128, 128, 128, 0.41);
    max-width: 600px;
    padding: 2%;
    margin: 0 auto;
}

.pedido input {
    width: 100%;
}

.txt_notificacion a{
    padding:10px;
    font-size: 0.8em;
    color:#a7a2a2;
}
/******************************** Pagar *************************************/
.pagar {
    border: 1px solid rgba(128, 128, 128, 0.41);
    max-width: 800px;
    padding: 2%;
    margin: 0 auto;
}
/******************************** Finalizado *************************************/
.finalizado {
    max-width: 800px;
    padding: 2%;
    margin: 0 auto;
}
/******************************** caja numerica *************************************/
.quantity {
    position: relative;
  }
  
  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button
  {
    -webkit-appearance: none;
    margin: 0;
  }
  
  input[type=number]
  {
    -moz-appearance: textfield;
  }
  
  .quantity input {
    width: 80px;
    height: 42px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    padding-left: 20px;
    border: 1px solid #eee;
  }
  
  .quantity input:focus {
    outline: 0;
  }
  
  .quantity-nav {
    float: left;
    position: relative;
    height: 42px;
  }
  
  .quantity-button {
    position: relative;
    cursor: pointer;
    border-left: 1px solid #eee;
    width: 20px;
    text-align: center;
    color: #333;
    font-size: 13px;
    font-family: "Trebuchet MS", Helvetica, sans-serif !important;
    line-height: 1.7;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
  }
  
  .quantity-button.quantity-up {
    position: absolute;
    height: 50%;
    top: 0;
    border-bottom: 1px solid #eee;
  }
  
  .quantity-button.quantity-down {
    position: absolute;
    bottom: -1px;
    height: 50%;
  }

@media only screen and (max-width: 1049px) {
    .barra_contenido{
        display: block;
        margin: 0 auto;
    }    
    .barra_intermedia{
        display: block;
        width: 100%;
        height: auto;
    }    
    .barra_intermedia_left, .barra_intermedia_right {
        width: 100%;         
        padding: 10px;
        height:auto;
    }    

    .informacion{
        display: block;
        width: 100%;
        height: auto;
    }
    
    .inf_left, .inf_medio, .inf_right{
        margin-left: 0px;
        width: 100%;
        height: 80px;
    }    

}