html{
    background:#fff;
}

#lateral{
    display:none;
}

body{
/*     width:650px; */
    margin: 0 auto;
    background:#fff;
/*     padding:0 15px; */
}

#nivelPri{
    float:none;
    padding-bottom:20px;
    width:auto;
/*     padding:20px; */
   
}

.textoHtml{
    width:auto;
}

.head .hpro {
    width: 322px;
}

.linea {
    width:560px;
}

.linea select {
    width: 322px;
}



.ttotal {
    padding-right:118px;
}

.botonReserva{
    display:none;
}

#productosExtendida{
    width:93%!important;
    float:none!important;
    margin:auto;
}

#productosExtendida th, #productosExtendida td{
     font-size:14px;
     border-bottom: 1px solid #eae8db;
     color:#888;
     padding:10px 15px;
}

#productosExtendida th{
    border-bottom:none;
    background:#eae8db;
    color:#F8B840;
    font-size:15px;
    font-weight:normal;
    padding:10px 15px;
}

#formularios {
    margin-top:0;
    padding-top:0;
}

#formularios input,#formularios textarea, .linea input,.linea select,#formularios select{
    padding:0px 0;
    background:#fff;
    border-color:#ccc!important
}

#formularios .enviar {
    border-color:#F8B840!important;
    font-size:14px;
    padding:5px 0;
}

input{
    height:25px;
    font-size:13px!important;
}

textarea{
    font-size:13px!important;
}

select{
    height:27px;
}

.totales{
    margin-top:15px;
    border-top:1px solid #ccc;
}

#productosExtendida .boton{
    display:none;
}

#productosExtendida tr:hover td{
background:#FAEDD7
}

.precios-tabaco{
/*     width:50%; */
/*     float:left; */
}

.reserva-tabaco{
/*     width:50%; */
/*     float:right; */
}

#nivelPri h2.titulo{
    display:none;
}

.textoHtml.listado,#cambiosExtendida {
    width:auto;
}

#texto{
    text-align:center;
    padding:0;
}

a.reservar{
    display:none;
}

.reserva{
    padding:0px;
}

.textoHtml .actualizacion {
    width:100%;
    float:none;
    padding:10px 0;
}



    h1{
        display:block;
        text-align:left;
        padding:20px 0 0 30px;
        color:#f8b840;
        text-transform:uppercase;
        font-size:20px;
        font-weight:normal;
    }

    
/* @media (max-width: 640px) { */
    #nivelPri{
         width:100%;
    }
    body{
        width:100%;    
    }
    
    p.head{
        font-weight:bold;
        font-size:13px;
        width:100%;
        color:#888;
        margin-top:20px;
    }
    
    .head .hpro {
        width: 40%;
    }
    .head .hqty {
        width: 13%;
        padding-left:3%;
        margin:0;
        overflow:hidden;
        margin-right:5%;
    }
    
    .head .hpre {
        width: 16%;
        padding-left:1%;
        white-space:nowrap;
    }
    
    .linea {
        width:100%;
    }
    
    .linea select {
        width: 40%;
    }
    
    .linea input {
         width: 8%;
         margin-left:3%
    }
    .subtotal input {
        width:19%;
        margin-left:1%
    }
    
    input.qty{
        margin-right:5%;
    }
    
    .reserva-tabaco .textoHtml{
        width:auto; 
        padding:0px;
    }
    
    #formularios input.corto, #formularios input.largo, #formularios textarea.largo{
/*         width:100%; */
    }
    
    #formularios {
        width:90%;
       
    }
    
    #formularios label{
        color:#888;
    }
    
    #formularios a{
        color:#888;
    }
    
    #formularios .fieldcorto, #formularios .fieldlargo, #formularios select.largo{
/*         width:100%; */
        
    }
    #formularios p{
        float:none!important;
    }
    
    #formularios .enviar{
/*         width:100%; */
        margin:0 25px 10px auto;
        background:#F8B840;
        color:#fff;
        font-weight:bold;
        border-radius:6px;
    }
    
     #formularios .enviar:hover{
         background:#333;
         border-color:#333;
         color:#fff;
     }
    
    .ttotal {
        padding-right:10px;
        font-size:12px;
    }
    
    .ttotal span{
        float:none;
        line-height:26px;
    }
    
    .ttotal input{
        width:80px;
        padding:0 5px 0 0;
    }
    
.linea .addButton {

    background: url("../img/bullets/add_icon_tabaco.gif") no-repeat scroll 0% 0% transparent;

}    
    
    
/* } */

.izquierda{
    width:45%;
    float:left;
    margin-left:3%;
}

.derecha{
    width:46%;
    float:right;
    margin-right:0%;
    margin-left:1%;
}

@media (max-width: 801px) { 
    
    .precios-tabaco{
        float:none;
        width:100%;
    }
    
    .reserva-tabaco{
        clear:both;
        float:none;
        width:100%;
    }
    
    #formularios {
        width:90%;
    }    
    
    .reserva-tabaco .textoHtml{
        width:90%; 
        padding:10px 0 0 10px;
    }    
    
    .reserva {
        padding-left:10px;
    }
    
    
    #productosExtendida{
/*         width:97%!important; */
    }
    
    .izquierda {
        width:85%;
        float:none;
    }    
    
    .derecha {
        width:85%;
        float:none
    }    
    
    #formularios {
        margin: auto;
    }     

}

@media (max-width: 991px) { 
    #formularios {
        width:100%
    }      

}


@media (max-width: 991px) { 
    

}