#cesta_compra{ 

    float: left; 

    width: 100%; 

    border-radius: 15px;

    padding: 15px;

}

#cesta_compra h1.personalizado { font-size: 20px;}

#cesta_compra .no-compra{ color: #fff; font-size: 36px; float: left; width: 100%; text-align: center; padding: 50px; font-weight: bold;background: #592142}

#cesta_compra .no-compra > span.txt_cesta_vacia { float: left; width: 100%; margin: 10px 0;}

#cesta_compra .no-compra a.seguir_reservando{ 

    float: right; 

    background-color: #592142;

    border: medium none;

    border-radius: 25px;

    color: #ffffff;

    display: block;

    font-size: 20px;

    margin-left: auto;

    margin-right: auto;

    padding: 5px 16px;

    text-align: center;

}



#cesta_compra table.articulos { margin: 0; width: 100%; }

#cesta_compra table.articulos > tbody > tr:nth-of-type(2n+1):not(:last-child) { background: none;}

#cesta_compra table.articulos thead { background: none; color: #000; border-bottom: 1px solid #000;}

#cesta_compra table.articulos thead tr > th{ padding: 10px 5px 3px; text-transform: uppercase; }

#cesta_compra table.articulos thead tr > th:first-child { padding-left: 7%; }

#ces_compra table.articulos tr > td { 

    font-size: 16px; 

    font-weight: normal; 

    text-align: right; 

    border-top: none; 

    padding: 5px 2px; 

}

#cesta_compra table.articulos tr > td div.borrar {float: left; width: 5%; margin: 0 1%; padding: 0;}

#cesta_compra table.articulos tr > td div.nombre_prod {float: left; width: 93%; margin: 0; padding: 0;}

#cesta_compra table.articulos tr > td span.glyphicon-remove-circle { font-size: 2.5em;}

#cesta_compra table.articulos tr > th:first-child, #cesta_compra table.articulos tr > td:first-child { text-align: left;}

#cesta_compra table.articulos tbody tr > td { /*border-bottom: 1px solid #000;*/ }

#cesta_compra table.articulos tbody tr > td:first-child {  }

#cesta_compra table.articulos tbody tr:last-child { background: none; border-top: 1px solid #000; color: #000; }

#cesta_compra table.articulos tbody tr:last-child > td { font-size: 24px;text-align: center; }

#cesta_compra table.articulos tbody tr:last-child > td:first-child { text-align: right; padding-right: 30px }

#cesta_compra table.articulos tbody tr > td input.cantidad { 

    text-align: right; 

    padding: 3px; 

    

    width: auto;

    border: none;

}

#cesta_compra #nota_carro { float: left; width: 100%; font-size: 11px; text-align: center; padding: 10px; margin: 10px 0;}

#cesta_compra .opciones_articulos{ float: left; width: 100%; padding: 10px; }

#cesta_compra .opciones_articulos .actualizar_cesta, #cesta_compra .opciones_articulos .vaciar_cesta { 

    float: right; 

    background-color: #592142; 

    font-family: 'Permanent Marker', cursive;

    border: 1px solid #592142;

    border-radius: 25px;

    color: #ffffff;

    display: block;

    font-size: 20px;

    margin: 5px;

    padding: 5px 16px;

    text-align: center;

    cursor: pointer;    

}

#cesta_compra .opciones_articulos .actualizar_cesta:hover, #cesta_compra .opciones_articulos .vaciar_cesta:hover {background-color: #fff; color: #835971; }

#cesta_compra .opciones_articulos .vaciar_cesta{  }

#cesta_compra .opciones_articulos .seguir_comprando{  }



#cesta_compra #calculadora {float: left; width: 100%; border: 1px solid #000; padding: 10px; margin-bottom: 10px;}

#cesta_compra #calculadora div.cabecera{font-size: 14pt;font-weight: bold;}

#cesta_compra #calculadora div.cuadrodatos{ padding:10px; margin-bottom:10px; }

#cesta_compra #calculadora div.lineadatos{ }

#cesta_compra #calculadora div.lineadatos .label-pob {  margin: 8px 0; font-weight: bold; float: none; }

#cesta_compra #calculadora div.lineadatos select {  

    /*background: #ffffff url("http://cdn.senciweb.net/layouts/FE_default/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;*/

    background: #ffffff url("/layouts/pirineosur/default/img/flecha-select.png") no-repeat scroll right center / auto 100%;

    border: 1px solid #000;

    border-radius: 0;

    color: #000;

    font: 10pt Times New Roman,serif;

    text-align: left;

    width: 100%;

    padding: 3px 40px 3px 5px;

    max-width: 100%;

    -moz-appearance: none;

    -webkit-appearance: none;

    appearance: none;

}

#cesta_compra #calculadora div.lineadatos div {float: left; margin-right: 10px;}

#cesta_compra #calculadora div#resultado{ font-weight: bold; color: #592142; font-size: 20px;}

#cesta_compra .opciones_carro div#irapedido {     

    font-family: 'Permanent Marker', cursive;

    float: right; 

    background-color: #592142;

    border: 1px solid #592142;

    border-radius: 25px;

    color: #ffffff;

    display: block;

    font-size: 20px;

    margin: 5px;

    padding: 5px 16px;

    text-align: center;

    cursor: pointer;   

}

#cesta_compra .opciones_carro div#irapedido:hover { background-color: #fff; color: #835971; }

#cesta_compra .seguir_comprando {  

    font-family: 'Permanent Marker', cursive;

    float: left; 

    color: #592142;

    border: 1px solid #592142;

    border-radius: 25px;

    background-color: #ffffff;

    display: block;

    font-size: 20px;

    margin: 5px;

    padding: 5px 16px;

    text-align: center;

    cursor: pointer;   

}

#cesta_compra .seguir_comprando:hover { background-color: #fff; color: #835971; }





@media(max-width: 992px) {

    #cesta_compra table.articulos thead tr > th:first-child { padding-left: 10%; }

    #cesta_compra table.articulos tr > td div.borrar {width: 8%; }

    #cesta_compra table.articulos tr > td div.nombre_prod {width: 90%;}

}



@media(max-width: 768px) {

    #cesta_compra { padding: 5px; }

    #cesta_compra .no-compra{ font-size: 20px; padding: 15px; }

    #cesta_compra .opciones_articulos .actualizar_cesta, #cesta_compra .opciones_articulos .vaciar_cesta, #cesta_compra .opciones_articulos .seguir_reservando {margin: 5px; }

    #cesta_compra table.articulos tr > th, #cesta_compra table.articulos tr > td { font-size: 9px; }

    #cesta_compra table.articulos tbody tr:last-child > td { font-size: 9px; }

    #cesta_compra table.articulos tr > td span.glyphicon-remove-circle { font-size: 2em;}    

    #cesta_compra table.articulos thead tr > th:first-child { padding-left: 22%; }

    #cesta_compra table.articulos tr > td div.borrar {width: 20%; }

    #cesta_compra table.articulos tr > td div.nombre_prod {width: 78%;}

}