/* pie siempre abajo */
#pw_document {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#pw_document > body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#pw_body_container {
    flex: auto;
}
/* --- */

h4 {
    line-height: 26px;
}

.btn {
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 4px 18px;
}

button,
select, 
option,
textarea, 
input,
.uneditable-input {
    font-family: inherit;
}

#pw_body_container .btn {
    height: 44px;
    padding-top: 0px;
    padding-bottom: 0px;    
}

#pw_body_container a.btn {
    line-height: 44px; /* para que el texto quede centrado verticalmente */
}

#pw_body_container select:not([size]):not([multiple]),
#pw_body_container input:not([type=checkbox]):not([type=radio]),
#pw_body_container button:not(.close) {
    height: 44px;
    padding-top: 0px;
    padding-bottom: 0px;
}

#pw_body_container .input-append .add-on, 
#pw_body_container .input-prepend .add-on {
    height: 42px;
    line-height: 42px; /* para que el texto quede centrado verticalmente */
    padding-top: 0px;
    padding-bottom: 0px;
}

#pw_body_container select {
    padding-right: 30px;
    background-position: center right 10px;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM2MDY5NzUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
    background-repeat: no-repeat;
    background-size: 9px 9px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

#formLogin h2,
#formRegistrar h2,
#formRecordar h2 {
    font-size: 24px;
}

.form-usuario-opciones {
    margin-top: 20px;
}


/* Textos */
.pw_precio { font-weight: bold; }
.pw_precio.span12.lead.label-info {padding: 0px; margin: 0px; color: #fff;}



/* Google Map */
.pw_mapa { height: 600px; overflow: hidden; width: 100%; }
.pw_mapa2 { height: 200px; overflow: hidden; width: 100%; }

/* en los popups del mapa, el botón para cerrarlo sale demasiado grande: */
.gm-style-iw-chr button {
    height: 24px !important;
    outline: none !important;
}


.pw_table {
    display: table;
}

.pw_table_row {
    display: table-row;
}

.pw_table_cell {
    display: table-cell;
}


/* preferible:  */
.pw_display_table {
    display: table; 
    box-sizing: border-box;
}

.pw_display_table > div { 
    display: table-row;
    box-sizing: border-box;
}

.pw_display_table > div > div { 
    display: table-cell;
    box-sizing: border-box;
}




/* ARTICLE */
.pw_article_header h4 {
    margin-top: 0;
}

.pw_article_code {
    margin: 0px;
    font-weight: normal;
}

.pw_article_title {
    margin: 0px 0px 20px 0px;
    font-weight: normal;
    font-size: 26px;
    line-height: 1;
}

#pw_article_files ul {
    margin-bottom: 0;
}

#pw_article_files li {
    margin-bottom: 10px;
}

#pw_article_files_3d li,
.pw_article_file_gallery li {
    margin-bottom: 20px;
}

.pw_article_file_gallery_download_icon svg {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    stroke-width: 2;
}

/* Article: precio */
.pw_article_price {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}


.pw_article_price_old {
    font-size: 15px;
    font-weight: normal;    
    margin-bottom: 10px;
}

.pw_article_price_old .pw_article_price_integer,
.pw_article_price_old .pw_article_price_decimal {  
    text-decoration: line-through;
}

.pw_article_tipo_2 .pw_article_price_old,
.pw_article_tipo_3 .pw_article_price_old {
    display: inline-block;
    margin-right: 20px;
}

.pw_article_tipo_2 .pw_article_price,
.pw_article_tipo_3 .pw_article_price {
    display: inline-block;
}    


#pw_landing_productos_popup .pw_article_purchase_data,
#producto-popup .pw_article_purchase_data {
    text-align: left;
    margin-top: 10px;
}

#pw_landing_productos_popup .pw_article_price,
#producto-popup .pw_article_price {
    margin-left: 0px;
}

#pw_landing_productos_popup .pw_article_price_old,
#producto-popup .pw_article_price_old {
    margin-right: 50px;
}

@media (max-width: 350px) {

    .pw_article_tipo_2 .pw_article_price_old {
        display: block;
        margin-right: 0px;
    }

    .pw_article_tipo_2 .pw_article_price {
        display: block;
        margin-bottom: 10px;
    }   
    
}

.pw_article_discounts {
    margin-bottom: 10px;
}



.pw_article_status {
    color: #FFFFFF;    
    padding: 2px 10px;
    vertical-align: top;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    font-size: 12px;
}


.pw_article_type {
    position: absolute;
    top: 6px; 
    left: 6px;
}


.pw_article .pw_article_stock {
    margin-top: 4px;
    margin-bottom: 10px;
}

.pw_article_stock_message_last_unit {
    color: #FFFFFF;
    font-weight: bold;
    background-color: #FF0000;
    padding: 2px 10px;
}

/*.pw_article_tipo_2 .pw_article_stock {
    display: table-cell;
    height: 44px;
    margin-bottom: 0px;
}*/

@media (min-width: 768px) {
    .pw_article_tipo_2 .pw_article_stock {
        vertical-align: middle;
    }
}

.pw_article_tipo_2 .pw_article .pw_article_price_old {
    display: inline-block;
    font-size: 20px;
    margin-bottom: 10px;
    margin-right: 20px;
}

.pw_article_tipo_2 .pw_article .tamanio_id,
.pw_article_tipo_2 .pw_article .color_id {
    margin-bottom: 20px;
}

.pw_article_tipo_2 .tamanio_id,
.pw_article_tipo_2 .color_id {
    margin-bottom: 8px;
}

.pw_article_status_disponible {
    background-color: #008000;
}
.pw_article_status_reservado {
    background-color: #ff5627;
}
.pw_article_status_vendido {
    background-color: #950500;
}
.pw_article_status_alquilado {
    background-color: #ffc400;
}

.pw_article_currency_code {
    font-size: 10px;
}

.span2 .pw_article_price_old
{
    font-size: 14px;
    line-height: 1;
    margin-bottom: 10px;
}

.span2 .pw_article_price
{
    line-height: 1;
    margin-bottom: 10px;
}

.span2 .pw_article_price_discount
{
    top: 20px;
    left: 50px;
}

.span2 .pw_article_sin_stock
{
    top: 60px;
    left: 50px;
}


/* Article: descripción corta */
.pw_article_short_description {
    margin-bottom: 20px;
}

.pw_article_tipo_2 .pw_article_promotion {
    margin-bottom: 10px;
}

#producto-popup .pw_article_promotion,
#pw_landing_productos_popup .pw_article_promotion {
    margin-bottom: 10px;
}

/* Article: peso, volumen */
.pw_article_properties { 
    margin: 0px 0px 10px 0px;
}

.pw_article_properties ul { 
    list-style: none; 
    margin: 0px;
}

/* Article: carrito de compras */
.pw_article_quantity {
    height: 42px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-align: center;
}

.pw_article_purchase_data {
    text-align: center;
}

.pw_article_tipo_2 .pw_article_purchase_data,
.pw_article_tipo_3 .pw_article_purchase_data {
    text-align: left;
    /*margin-bottom: 20px;*/
}

.pw_article_tipo_2 .btnRestar,
.pw_article_tipo_2 .btnSumar,
.pw_article_tipo_2 .pw_article_quantity,
.pw_article_tipo_2 .pw_article_shopping_cart_add {
    margin-bottom: 20px;
}   

.pw_article_shopping_cart_add {
    font-weight: bold;
}

@media (max-width: 767px) {
    .pw_article_tipo_2 .pw_article_purchase_data {
        margin-left: 0px;
        margin-right: 0px;
    } 
}

.pw_article_shopping_cart input, 
.pw_article_shopping_cart select,
.pw_article_shopping_cart button {
    box-sizing: border-box;
}

.pw_article_purchase_data select {
    width: 100%;
}

.pw_article_quantity {    
    width: 50%;
    text-align: center;
}

.btnRestar, .btnSumar {
    width: 25%;
    padding: 0px;
}

#pw_article_path .breadcrumb {
    padding: 0px;
}

#pw_article_path .pw_favorite_button .pw_favorite_icon {
    font-size: 26px;
}

#pw_article_path .pw_favorite {
    text-align: right;
}

@media (max-width: 767px) {
    #pw_article_path .pw_favorite {
        display: none;
    }
}

#pw_boton_cuotas_sin_interes {
    height: 20px !important;
    padding: 0px;
    outline: none;
}

.pw_article #pw_boton_cuotas_sin_interes {
    height: auto !important;
    margin-bottom: 10px;    
}

.pw_article #pw_boton_cuotas_sin_interes .pw_article_installments {
    margin-bottom: 0px;
}

.pw_article_calculator {
    margin-bottom: 10px;
}

.pw_article_payments {
    margin-bottom: 10px;
}
.pw_article_shipments {
    margin-bottom: 10px;
}

.span2 .pw_article_shopping_cart {
    margin-top: 10px;
    margin-bottom: 0px;
}

.pw_article_shopping_cart_bottom {
     text-align: center;
     width: 230px;
     margin-left: auto;
     margin-right: auto;
}


/* Article: categorías y marcas */
.pw_article_categories,
.pw_article_brand {    
    font-size: 14px;
}

.pw_article_categories h5,
.pw_article_brand h5 {
    margin-bottom: 0px;
}

.pw_article_categories li:first-child,
.pw_article_brand li:first-child {
    padding-left: 0px;
}

.pw_article_status.label, .pw_article_price.label { display: block !important; }
.pw_article_detail_title { font-weight: bold; }
.pw_article_description { margin-bottom: 20px; }
.pw_full_article .well { padding: 16px; }

/* Listados */
.pw_list_article_header { margin: 5px; }
.pw_list_article_thumbnail { margin-left: 5px; margin-top: 5px; margin-bottom: 5px; }
.pw_list_article_status, .pw_list_article_price { display:block !important; }
.span3 .pw_list_article_short_description { margin-bottom: 10px; } /* listado de catálogo en tres columnas */


/* Contenedor principal */
#pw_main_container {
    margin-bottom: 20px;
}

/* Contenido */
#pw_container_1 {
    min-height: 1px; /* asegurar que se respete la plantilla cuando no hay contenido para mostrar */
}

/*.pw_template_1 #pw_container_2_content,
.pw_template_3 #pw_container_2_content,
.pw_template_5 #pw_container_2_content {
    padding-right: 10px;
}

.pw_template_2 #pw_container_2_content
.pw_template_4 #pw_container_2_content,
.pw_template_6 #pw_container_2_content {
    padding-left: 10px;
}*/


#fancybox-thumbs ul li img {
    left: 0 !important;
}

/* Google Search */
#cse-search-results { height: 600px; overflow: auto; }
#cse-search-results iframe { width: 100% !important; }

/* Mostrar una fila como desactivada */
tr.pw_disabled_row td {
  opacity: 0.30;
  filter: alpha(opacity=30);
}

/**** ***** ***** Bootstrap ***** ***** *****/

/* Contenedores de productos, publicaciones, etc. */
article form { margin: 0px; padding: 0px; }
article form .control-group { margin-bottom: 0px; }
article.thumbnail { padding: 0; }

.thumbnail h5 { text-align: center; margin: 1px; }
.thumbnail .well { margin-bottom: 0; border: none; }

.thumbnails > li {
    margin-bottom: 30px;
}

.control-group .controls p {
    margin: 5px 0;
}

td input {
    margin: 0px;
}

td pre.pre-scrollable {
    margin: 0px;
    max-height: 75px;
}

.thumbnail .btn-toolbar .btn-group {
    vertical-align: top;
}

.well .page-header {
    margin-top: 0px;
}

article > .row > .span5 {
    margin-left: 0px;
}

/* Agregar un borde en los tabs */
/*article .tab-pane .thumbnails > li.span3 {
    width: 206px;
}*/

/*.tab-content {
    margin-top: -18px;
}*/

.tab-content > .active, .pill-content > .active {
    padding: 18px;
}

/*.tab-pane {
    display: block;
    margin-bottom: 30px;
    border-left: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
}*/

/*.form-horizontal .control-group {
    margin-bottom: 8px;
}*/

.well .form-actions { /* remover el espacio extra que se crea cuando se combinan estas clases en un formulario */
    margin-bottom: 0px;
    margin-top: 10px;
    padding: 4px;    
}

.form-actions ul {
    margin-bottom: 0px;
}

/*
@media (max-width: ANCHO DE PANTALLA px) {
    Anchos de pantalla tomados de responsinator.com
    r = ANCHO MAXIMO CABECERA / ANCHO MAXIMO LOGO
    r = 1170 / 240
    r = 4.875
    max = ANCHO IMAGEN CABECERA REDUCIDA / 4.875
    #pw_header_logo img { max-width: max px; }
}
*/

/* Top bar */

#pw_main_menu_horizontal li > a.pw_menu_title {
    font-weight: bold;
}

/* Esto permite usar un retardo en los submenúes. */
#pw_main_menu_horizontal .dropdown-submenu:hover > .dropdown-menu{
    display:none;
}

.pwError,
.control-group.error .control-label, 
.control-group.error .help-block, 
.control-group.error .help-inline
{
    color: #b94a48;
}

/*form.well .g-recaptcha {
   padding: 10px;
}*/

.g-recaptcha > div {
    margin: auto;
}

@media (max-width: 390px) {
    .g-recaptcha > div {
        transform:scale(0.75);
        transform-origin: top left;
    }
}

/*
Corrección de un error en los dropdown que están dentro del collapse en el navbar.
Lista de idiomas: cuando se navega en un móvil, al hacer click en un idioma
el dropdown se cierra y no permite navegar el link.
*/
.dropdown-backdrop {
    position: static;
}

.pw_ver_mas {
    border: 1px solid; /* que tome el color del diseño */
    margin-top: 20px;
}

/* Flechas de navegación: scroll to top, sliders, etc... */
.pw_navigation {
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 4px;    
    color: #FFFFFF;
    /* mobile fix: Safari, Chrome */
    text-align: -moz-center;    
    text-align: -webkit-center;
    text-align: center;
}

.pw_navigation:hover {
    background-color: rgba(255, 255, 255, 0.3);
    color: #000000;
}

/* Scroll to top */
#pw_scroll_to_top {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;    
    width: 50px;
    height: 50px;
    font-size: 20px;
    outline: none !important;
}

#pw_scroll_to_top::before {
    content: '\f106';
    font-family: fontawesome;
    vertical-align: top;
}

@media (min-width: 767px) {
    #pw_scroll_to_top {
        bottom: 45px;
    }
}

/*@media (max-width: 1199px) {
    #pw_scroll_to_top {
        bottom: 90px;
    }
}

@media (max-width: 523px) {
    #pw_scroll_to_top {
        bottom: 110px;
    }
}

@media (max-width: 294px) {
    #pw_scroll_to_top {
        bottom: 140px;
    }
}*/



/******************************************************************************/

/*
https://css-tricks.com/centering-in-the-unknown/
*/

/* This parent can be any width and height */
.pw_container_block {
    width: 100%;
    height: 100%;
}
 
/* The ghost, nudged to maintain perfect centering */
.pw_container_block:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* The element to be centered, can also be of any width and height */ 
.pw_container_centered {
  display: inline-block;
  vertical-align: middle;
  width: 33%;
}

/******************************************************************************/

/*#pw_widget_whatsapp_modal_form :invalid {
    border-color: #b94a48 !important;
}*/


/* Botón Cerrar de los popups */
button.close {    
    font-size: 30px;
}

button.close:hover {
    opacity: 1;
}

.modal-header .close {
    margin-top: -40px;
    color: #FFF;
    opacity: 1;
}

@media (max-width: 767px) {
  .modal.fade.in {
    top: 60px; /* compensar el margin negativo de .close */
  }
}

.modal-header h3 {
    text-align: center;
}

#pw_search_results .media {
    margin-top: 20px;
    padding-top: 20px;
}

#pw_search_results .media-object {
    margin-top: 5px;
    margin-right: 10px;
}


/*
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 1;
    filter: alpha(opacity=100);
}
*/


#pw_modal_cuotas {
    color: #000000;
}

.pw_hp {
    display: none !important;
}

/* select teléfono */
.iti {
    color: #444444;
}


#formReservas #btnEnviar {
    margin-top: 20px;
}



.pw_article_banner {
    color: #FFFFFF;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    z-index: 1;
}

.pw_article_banner_top_left {
    position:absolute; 
    top: 10px; 
    left: 1px; 
    height: 57px;
}

.pw_article_banner_top_right {
    position:absolute; 
    top: 10px; 
    right: 1px; 
    height: 57px;
}

.pw_article_banner_content {
    display: flex; 
    flex-direction: column; 
    width: 100%; 
    height: 100%; 
    justify-content: space-between;
}

.pw_article_new { /* agrega estilos a pw_article_banner */
    background-color: #2196f3;
}

.pw_article_promo { /* agrega estilos a pw_article_banner */
    background-color: #2fae2f;
}

.pw_article_price_discount { /* agrega estilos a pw_article_banner */
    background-color: #950500;
}

.pw_article_sin_stock { /* agrega estilos a pw_article_banner */
    background-color: #18273A; 
}

.pw_scrollbar_text_padding_right {
    padding-right: 4px;
}