/*
Copyright (c) 2014, Nicripsia Internet SL www.esprestashop.com All rights reserved.

Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:

    Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer.
    Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.

THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
*/

/* ************************************************************************************************ LIGEROS AJUSTES ************************************************************************************************ */

/* Eliminar padding y anchos de los botones checkbox, radio, etc. dado que PS 1.6 usa sus propios iconos en lugar de los del sistema */
#new_account_form p.radio span, #new_account_form p.text label, #new_account_form p.password label, #new_account_form p.select label, #new_account_form p.select span, #new_account_form p.textarea label
{
	padding: 0 !important;
	width: auto !important;
}

/* Eliminar la restricción que hace que los métodos de pago ocupen el 50% del ancho posible*/
#center_column .col-md-6
{
	width: 100% !important;
}

/* Botones de radio */
#carritoDerecha #cuadroEnvioPago #idEnvio .radio > span, #carritoDerecha #cuadroEnvioPago #idPago .radio
{
    margin-left: 12px;
    margin-right: 12px;
}

/* **************************************************************************************************** REGISTRO **************************************************************************************************** */

/* Misma apariencia para todos los inputs */
#new_account_form p.text input, #new_account_form p.password input, #login_email, #login_passwd, #order-opc #center_column #new_account_form textarea 
{
    border: 1px solid #D6D4D4;
    color: #777777;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
}

/* Ancho fijo para la descripción de los campos del registro */
#new_account_form p.select span, #new_account_form p.textarea label
{
    width: 100px !important;
    margin-right: 3px;
}

/* Asteriscos rojos */
#opc_account_form sup
{
    color: #FF0000;
}

/* Fondo del cuadro de registro */
#new_account_form > fieldset
{
    background: none repeat scroll 0 0 #F8F8F8;
    color: #000000;
}

/* Padding del formulario de login */
#login_form fieldset
{
    padding-top: 5px;
    padding-bottom: 5px;
}

/* Ancho completo en los campos del e-mail */
login_form #login_passwd, login_form #login_email
{
    width: 100% !important;
}

/* Alineado vertical de selección de tratamiento */
#opc_account_form #seleccionTratamiento input, #opc_account_form #seleccionTratamiento label
{
    vertical-align: 0;
}

/* Checkboxes */
#opc_account_form p.checkbox_new_account
{
    width: 100%;
    display: table;
}

#opc_account_form p.checkbox_new_account > div.checker
{
    margin-left: 1.5%;
    margin-bottom: 1%;
}

/* ************************************************************************************************** DIRECCIONES ************************************************************************************************** */

/* Ajustar ancho de opciones al 100% para evitar que los datos "se monten" y descuadren todo */
.addresses
{
    background-color: #F1F2F4;
    border: 1px solid #BDC2C9;
}

/* Margen de separación entre el botón "añadir nueva dirección" y el primer título */
#address_invoice_form
{
    margin-bottom: 10px;
}

/* Título de las secciones */
.address_title
{
    background-color: #AAAAAA;
    clear: both;
    margin-bottom: 15px;
}

.addresses .checkbox.addressesAreEquals, ul.address li.address_update, ul.address li.address_delete
{
    width: 100%;
}

/* Margen para que no se queden los elementos "pegados" a la izquierda */
#carritoIzquierda select#id_address_delivery, #carritoIzquierda select#id_address_invoice, #carritoIzquierda .checkbox.addressesAreEquals {
    margin-left: 10px !important;
}


/* ************************************************************************************************ MÉTODOS DE ENVÍO ************************************************************************************************ */

/* Margen de los botones de radio */
#order .delivery_option > div, #order-opc .delivery_option > div
{
    margin: 0 !important;
}

/* Margen de los antiguos botones de radio */
#order .delivery_option_radio, #order-opc .delivery_option_radio
{
    margin: 21px 0;
}

/* Alinear al centro verticalmente cada método, tenga imagen o no */
.delivery_option .radio, .delivery_option.item > label, #order .delivery_option label, #order-opc .delivery_option label
{
    display: table-cell !important;
}

.delivery_option.item > label, .delivery_option.alternate_item > label
{
    width: 100%;
}

#carrier_area img
{
    margin-left: 2px;
}

/* ************************************************************************************************ MÉTODOS DE PAGO ************************************************************************************************ */

/* Alinear botones de radio */
#idPago div.radio
{
    display: block;
    float: left;
    margin-bottom: 18px;
    margin-top: 18px;
    position: relative;
}



/* *********************************************************************************** TABLA DE RESUMEN DEL CARRITO (TABLA HTML) *********************************************************************************** */

/* Padding de foto del producto */
#cart_summary tbody td.cart_product
{
    padding: 0;
}

/* Botón de eliminar */
.cart_delete a.cart_quantity_delete, a.price_discount_delete
{
    font-size: 9px;
    padding: 2px;
}

/* Texto del foot de la tabla alineado a la derecha */
#cart_summary tfoot tr td
{
    text-align: right;
}

/* Anular "desalineamiento" de la tabla en el global.css del tema por defecto */
#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr
{
    display: default !important;
}

#order-detail-content #cart_summary thead tr
{
    left: 0 !important;
    position: relative !important;
    top: 0 !important;
}

/* Ajustar al CSS cuando el responsive destroza la tabla */
#order-detail-content #cart_summary td
{
    float: none !important;
    display: table-cell !important;
}

#order-detail-content #cart_summary td:before
{
    display: table-cell !important;
    content: '';
}

#order-detail-content #cart_summary table
{
    
}

#order-detail-content #cart_summary thead
{
    display: table-header-group !important;
}

#order-detail-content #cart_summary tbody
{
    display: table-row-group !important;
}

#order-detail-content #cart_summary th
{
    display: table-cell !important;
}

#order-detail-content #cart_summary td
{
    display: table-cell !important;
    width: auto !important;
}

#order-detail-content #cart_summary tr
{
    display: table-row;
}


/* ****************************************************************************************** FINALIZANDO LA COMPRA ****************************************************************************************** */

#order-opc .cuadroComentario #message, #gift_message
{
    margin-bottom: 0;
}

#condicionesGenerales
{
    width: 100% !important;
}