@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

html {
    height: 100%;
}

body {
    color: #2C3357;
    background-color: #FFFFFF;  /*#fafbfe*/ 
    padding-left: 0px;
    padding-right: 0px;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

a {
    color: #3b82f6;
}

select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-inputinput[type="text"] 
{
    height: 40px;
}

/* input add-on: */
.input-append.input-block-level {
    display: table; 
}
.input-append.input-block-level .add-on {
    display: table-cell;
    width: 16px;
    line-height: 1;
    vertical-align: middle;
}
.input-append.input-block-level > input {
    box-sizing: border-box; 
    display: table;
    min-height: inherit;
    width: 100%;
}
.input-append.input-block-level > input {
    border-right: 0;
}



.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/* -------------------------------------------------------------------------- */

.dd3-handle::before {
    text-shadow: -1px -1px 1px rgba(255, 255, 255, 60%);
}

.jcrop-holder {
    background-color: #FFFFFF;
    background-image: url('images/bg-transparency.png');
}

.bootstro-highlight {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 0 none !important;
    border-radius: 6px;
}

div.bootstro-highlight {
    padding: 3px;
}

.bootstro-highlight a {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

/* hacer transparente el fondo de lo que está señalado */
.main__left .bootstro-highlight,
.nav-tabs .bootstro-highlight,
.form-search.bootstro-highlight {
    background: rgba(255, 255, 255, 0) !important;
}


/*
Esto permite que los popovers dentro de un accordion abierto no aparezcan recortados.
*/
#pw-emarketing-publicaciones .accordion-body.in {
    overflow: visible;
}



footer {
    background-color: #F5F5F5;
}

#panel-right {
    /*background-color: #FFFFFF;*/
    border: 0 none;
    padding-left: 0px;
    padding-right: 0px;
}

.sidebar-nav { padding: 0; }

form {
    margin: 0px;
}

.page-header {
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 14px;
}

.page-header h3 {
    margin: 0px;
}

label {
    margin-bottom: 0px;
}

label.disabled {
    cursor: default;
    opacity: 0.65;
}

.modal .well {
    padding: 19px;
}

#thumbnail-image-list img {
    max-height: 200px;
}

/* 
Para poder mostrar datepickers dentro de ventanas modales, es necesario asignarle
un valor de z-index mayor al de la clase .modal
*/
.datepicker.dropdown-menu {
    z-index: 1151 !important;
}

.thumbnail, .thumbnail label, .thumbnail input {
    font-size: 12px;
}

.table input, .table select, .table textarea,
.thumbnail .btn-group input, 
.controls select, .controls textarea, .controls input {
    margin-bottom: 0px;
}

.table .pw-row-search-filters th {
    vertical-align: top;
}

.table .pw-row-search-filters .pw-search-filter-date-to {
    margin-left: 4px;
}

/* 
Alinear de igual forma todas las celdas de una tabla. Aplicar la clase en un
contenedor de celdas como <table>, <tbody>, etc.
*/
.pw-table-align-left th,   .pw-table-align-left td   { text-align: left; } 
.pw-table-align-center th, .pw-table-align-center td { text-align: center; } 
.pw-table-align-right th,  .pw-table-align-right td  { text-align: right; } 
.pw-table-align-top th,    .pw-table-align-top td    { vertical-align: top; }
.pw-table-align-middle th, .pw-table-align-middle td { vertical-align: middle; }
.pw-table-align-bottom th, .pw-table-align-bottom td { vertical-align: bottom; }

.thumbnail .btn-group input[type="checkbox"] {
    margin: 4px;
}

.thumbnail input[type="text"] { /* input Orden en thumbnails de videos */
    padding: 0px 4px;
    min-height: 20px;
    height: 38px;
}

.form-actions {
    padding: 20px 0px 0px 0px;
    border-top: 1px solid #E3E3E3;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background-color: transparent;
}

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

.thumbnail .btn-toolbar {
    margin-bottom: 0px;
}

.nav-list > li > a, .nav-list .nav-header {
    border-bottom: 1px solid #DDDDDD;
}

.nav-list .nav-header .btn-edit {
    float:right; 
    margin:0px; 
    padding:0px; 
    border:0px;
}

td .alert {
    margin-bottom: 0px;
}

.pw_hide { display:none; }

/* Botones share */
.pw_share { margin: 0px; /*overflow: auto;*/ }

.pw_share li { display: block; float: left; padding: 0 5px 0 0; }

/* Botón compartir por email */
.pw_share_email_button {
    display: inline-block;
    line-height: 18px;
    padding: 0px 3px; 
    background-color: #eeeeee;
    border:1px solid #ccc; 
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
    background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

.pw_share_email_button a {
    color: #000000;
    font-size: 13px;
    background: url(images/email.png) no-repeat;
    padding-left: 20px;
}

.pw_share_email_button:hover { border-color: #aaaaaa; }

/* Botón Google+ */
.pw_share_google div{ vertical-align: middle !important; }
/* el iframe bien chico para que no se deforme la página mientras se carga 
el botón, después este valor se sobreescribe automáticamente cuando el botón 
termina de crearse */
.pw_share_google iframe { height: 1px; }

/* Textos */

.pw-tooltip-help .badge {
    font-size: 10px;
    padding: 0px 5px;
}

.control-label {
    font-size: 12px;
}

.control-label .pw-tooltip-help {
    float: right;
}

/* 
texto secundario mostrado en un listado, formulario, etc.
se usa en combinación con alguna de las clases text-**** de Bootstrap.
*/
.pw_text { 
    font-size: 12px;
}
.pw_help_link {
    font-size: 12px;
}

.form-actions + .pw_help_link {
    display: inline-block;
    margin-top: 10px;
}

.pw_code { /* basado en el estilo que Bootstrap le da al tag <pre> */
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
    padding: 9.5px;
    /*white-space: pre-wrap;*/
    word-break: break-all;
    word-wrap: break-word;
    color: #333;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace; 
}
.pw_tal { text-align: left !important; }
.pw_tar { text-align: right !important; }
.pw_tac { text-align: center !important; }
.pw_taj { text-align: justify !important; }
.pw_strong { font-weight: bold; }
.pw_precio { font-weight: bold; }
.pw_precio.span12.lead.label-info {padding: 0px; margin: 0px; color: #fff;}

/* Alturas mínimas */
.pw_mh40 { min-height: 120px; }
.pw_mh120 { min-height: 120px; }
.pw_mh150 { min-height: 150px; }

/* Margins */
.pw_ma {margin: auto; }
.pw_mt0 { margin-top: 0px !important; }
.pw_ml0 { margin-left: 0px !important; }
.pw_mr0 { margin-right: 0px !important; }
.pw_mb0 { margin-bottom: 0px !important; }
.pw_mt5 { margin-top: 5px !important; }
.pw_ml5 { margin-left: 5px !important; }
.pw_mr5 { margin-right: 5px !important; }
.pw_mb5 { margin-bottom: 5px !important; }
.pw_mt10 { margin-top: 10px !important; }
.pw_ml10 { margin-left: 10px !important; }
.pw_mr10 { margin-right: 10px !important; }
.pw_mb10 { margin-bottom: 10px !important; }
.pw_mt15 { margin-top: 15px !important; }
.pw_ml15 { margin-left: 15px !important; }
.pw_mr15 { margin-right: 15px !important; }
.pw_mb15 { margin-bottom: 15px !important; }
.pw_mt20 { margin-top: 20px !important; }
.pw_ml20 { margin-left: 20px !important; }
.pw_mr20 { margin-right: 20px !important; }
.pw_mb20 { margin-bottom: 20px !important; }

/* Paddings */
.pw_pt1 { padding-top: 1px !important; }
.pw_pl1 { padding-left: 1px !important; }
.pw_pr1 { padding-right: 1px !important; }
.pw_pb1 { padding-bottom: 1px !important; }
.pw_pt10 { padding-top: 10px !important; }
.pw_pl10 { padding-left: 10px !important; }
.pw_pr10 { padding-right: 10px !important; }
.pw_pb10 { padding-bottom: 10px !important; }
.pw_pt18 { padding-top: 18px !important; }
.pw_pl18 { padding-left: 18px !important; }
.pw_pr18 { padding-right: 18px !important; }
.pw_pb18 { padding-bottom: 18px !important; }

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

/* Catálogo */
#pw_menu_categorias {
    margin-top:-3px;
    margin-bottom:0px;
}

#pw_menu_categorias ul {
    margin-top: -2px;
    margin-bottom: 2px;
}

#pw_menu_categorias a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-bottom: 3px;
}

.nav-pills > li.pw_menu_level_1 > a,
.nav-pills > li.pw_menu_level_2 > a,
.nav-pills > li.pw_menu_level_3 > a {
    padding-top: 4px;
    padding-bottom: 4px;    
}

.nav-pills.nav-stacked > li.pw_menu_level_1 > a,
.nav-pills.nav-stacked > li.pw_menu_level_2 > a,
.nav-pills.nav-stacked > li.pw_menu_level_3 > a {
    margin-bottom: 0px;
}

.pw_article_quantity {
    width: 28px;
}

/* Listados */
.pw_list_article_header { margin: 5px; }
.pw_list_article_thumbnail { margin-left: 5px; margin-top: 5px; margin-bottom: 5px; }

/* Submenú */
#pw_submenu { margin-top: 10px; }
#pw_submenu div { margin-top: 10px; }
#pw_submenu div.well { padding: 7px; margin-bottom: 0px; }

/* Cabecera */
#pw_header {
    /*min-height: 150px;*/
    padding: 0px !important;
    overflow: hidden;
}

#pw_header.well {
    border: 0px;
}

#pw_header #pw_cabecera_imagen, #pw_header #pw_cabecera_secuencia {
    text-align: center;
}

#pw_cabecera {
    overflow: hidden;
    margin: 0px;
    width: 940px;
}

#pw_cabecera_titulo { 
    /*
    position: absolute;
    line-height: 80px;
    padding-left: 5px;    
    text-align: left;
    */
    position: relative;
    display: block;
    color: #FFFFFF;
    font-size: 80px;
    text-shadow: 2px 3px 2px black;
    z-index: 100;
    height: 0px;
    line-height: 1;
}

#pw_cabecera_slogan {
    /*
    line-height: 40px;
    margin-top: 100px;
    padding-left: 10px;
    position: absolute;
    text-align: left;
    */
    position: relative;
    display: block;
    color: #FFFFFF;
    font-size: 40px;
    text-shadow: 2px 3px 2px black;
    z-index: 99;
    height: 0px;
    line-height: 1;
}

#pw_cabecera_logo { 
    /*position: absolute;
    margin: 0px;
    width: 940px;*/
    position: relative;
    display: block;
    z-index: 98;
}

#pw_cabecera_flash, #pw_cabecera_secuencia {
    text-align: center;
}

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

/* Pie */
#pw_custom_footer {
    margin-top: 20px;
}

#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 */
div.pw_disabled_row,  
tr.pw_disabled_row td,
.pw_disabled_group, 
.pw_disabled_thumbnail
{
    background: none repeat scroll 0 0 #E9E9E9 !important;
    color: #BBBBBB !important;
    /*border: 1px solid #ddd !important;*/
}

.pw_disabled_row a:not(.btn),
.pw_disabled_group a:not(.btn) {
    color: #AAAAAA;
}

/*.pw_disabled_row a.btn-success,
.pw_disabled_group a.btn-danger {
    color: #FFFFFF;
}*/

.pw_disabled_thumbnail .btn, .pw_disabled_thumbnail img, .pw_disabled_thumbnail input[type="checkbox"] {
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.pw_disabled_row input {
    color: #888888;
    background-color: #FAFAFA;
}

.pw_disabled_thumbnail input {
    color: #BBBBBB;
    background-color: #FAFAFA;
}

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

input.error,
textarea.error,
th.error,
td.error {
    border-color: #b94a48;
    background-color: #f9dada;
}

th.error,
td.error {
    border: 1px solid #b94a48 !important;
}

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

/**** ***** ***** Bootstrap ***** ***** *****/
/* Alineación de textos: con !important para que funcione en tablas */
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }

/* Contenedores de productos, publicaciones, etc. */
article form {
    margin: 0px;
    padding: 0px;
}

article form .control-group {
    margin-bottom: 0px;
}

article.well {
  padding: 0px;
}
article div.well {
  padding: 5px;
}

.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;
}

.pw_pc_form_background {
    background-color: #FFFFFF;
}

.well .pw_mr5 .sliderbar {
    width: 180px;
}

.breadcrumb {
    font-size: 18px;
    padding: 8px;
}

.breadcrumb li:first-child {
    font-weight: bold;
}

.breadcrumb .imgTipoSeccion {
    vertical-align: top;
    margin-right: 5px;
}

h3 .imgTipoSeccion {
    vertical-align: middle;
    margin-right: 5px;
}

.pw_pc_modal {
    display:none;
    margin:0px;
    top:3%;
    left:2%;
    width:95%;
}

.pw_pc_modal_alert {
    display:none;
    margin: 0px;
    padding:4px;    
}

.pw_pc_seleccion_plantilla {
    border: 1px solid #DDDDDD;
    margin-bottom: 12px !important;
    font-size: 11px;
}

.active .pw_pc_seleccion_plantilla td {
    color: #FFFFFF;
}

.pw_pc_seleccion_plantilla .table-condensed th, .pw_pc_seleccion_plantilla .table-condensed td {
    padding: 0px;
}

.pw_pc_seleccion_plantilla .plantilla_cabecera {
    color: red;
}
.pw_pc_seleccion_plantilla .plantilla_menu_principal {
    color: green;
}
.pw_pc_seleccion_plantilla .plantilla_submenu {
    color: orange;
}
.pw_pc_seleccion_plantilla .plantilla_contenido_principal {
    color: blue;
}
.pw_pc_seleccion_plantilla .plantilla_pie {
    color: violet;
}

.mceContentBody {
    /* TinyMCE:
    Cuando se importan los estilos del sitio, no incluir las imágenes de fondo
    del body.
    */
    background-image: none !important;
}

/* Ordenar filas */
.dragRow {background-color: #FADA82;}
.dragRow td {
    -moz-box-shadow: 2px 6px 3px #AAAAAA; 
    box-shadow: 2px 6px 3px #AAAAAA; 
    -webkit-box-shadow: 2px 6px 3px #AAAAAA;
}
td.showDragHandle, 
.pw_disabled_row > td.showDragHandle {
     background-image: url(images/updown2.gif) !important;
     background-repeat: no-repeat !important;
     background-position: center center !important;
     cursor: move;
}

.col-edition, .col-inputs, .col-buttons, .col-checkboxes, .col-tipo {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    white-space: nowrap;
    float: right;
}
.col-inputs, .col-tipo {
    margin-top: 3px;
    margin-right: 10px;
}
.col-inputs, .col-edition {
    float: left;
}
.col-inputs {
    overflow: hidden;
}
.col-inputs .control-label {
    width: 50px;
}
.col-inputs .controls {
    margin-left: 0px;
}
.pw_multilang_row .col-inputs .controls {
    margin-left: 70px;
}
.col-inputs .control-group {
    margin-bottom: 5px;
}
.col-inputs .buttonStartEdition:hover {
    text-decoration: underline;
}
.col-inputs-open {
    height: 105px;
}
.col-inputs-close {
    height: 36px;
}
.col-inputs form {
    margin: 0px;
}
.col-edition {
    width:16px;
}

/* 
Popup de emarketing (vista previa) 
Popup de vistas de página (estadísticas) 
*/
#pw-popup-emarketing.modal,
#pw-popup-page-views.modal {
    left: 45%;
    top: 4%;
    width: 800px;    
}

#pw-popup-emarketing .modal-body {
    max-height: 380px;
    padding-bottom: 0px;
}

#pw-popup-emarketing .alert {
    margin-bottom: 0px;
}

#pw-popup-emarketing-send-message
{
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 4px 12px;
}

#pw-popup-emarketing-groups
{
    width: 100%;
    height: 20px;
    line-height: 20px;
    padding: 0;
}

.pw-btn-facebook {
  color: #ffffff;
  text-shadow: none;
  background-color: #4267b2;
  border-color: #4267b2;
  background-image: none;
}

.pw-btn-facebook:hover,
.pw-btn-facebook:focus,
.pw-btn-facebook:active {
  color: #ffffff;
  background-color: #365899;
  border-color: #365899;
}

#pw-popup-facebook-message {
    width: 512px;
    border: 1px solid #dddddd;
    box-shadow: none;
    padding: 0px;
}
    
#pw-popup-facebook-picture {
    height: auto;
    width: 100%;
}
    
#pw-popup-facebook-name {
    font-family: Georgia,serif;
    letter-spacing: normal;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 5px;
    max-height: 110px;
    overflow: hidden;
    overflow-wrap: break-word;
    color: #1d2129;
}

#pw-popup-facebook-description {
    font-family: helvetica,arial,sans-serif;
    line-height: 16px;
    max-height: 80px;
    overflow: hidden;
    color: #1d2129;
    font-size: 12px;
    overflow-wrap: break-word;
}

#pw-popup-facebook-caption {
    padding-top: 9px;
    color: #90949c;
    font-size: 11px;
    overflow-wrap: break-word;
    line-height: 11px;
    text-transform: uppercase;
}

#pw-popup-facebook-container {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
    width: 512px;
}

#pw-popup-facebook-text-container {
    height: auto;
    margin: 10px 12px;
    padding-bottom: 10px;
}

#pw-popup-emarketing-facebook-config {
    width: 800px;
    margin-left: -400px;
}

#pw-popup-emarketing-facebook-config .datepicker {
    padding: 4px 10px;
}

@media (max-height: 600px) {
    .modal-body {
        max-height: 250px !important;
    }
}

@media (max-height: 400px) {
    .modal-body {
        max-height: 150px !important;
    }
}

/* Editor TinyMCE en pantalla completa */
.mce-fullscreen {
    top: 215px !important;
    z-index: 1000 !important;
}

.pw_table {
    display: table;
}

.pw_table_row {
    display: table-row;
}

.pw_table_cell {
    display: table-cell;
}


.pw_not_resizable {
    resize: none;
}

.pw_nombre_borrador {
    color: #777777;
}

.pw_etiqueta_borrador {
    color: #777777;
    font-style: italic;
}

/* íconos en filas de productos */

.pw_producto_fila_iconos {
    float: right;
    text-align: right;
}

.pw_producto_sin_stock {
    color: #b94a48;
    font-size: 12px; 
    margin-left: 6px;
}

.pw_producto_opiniones_pendientes {
    color: #b94a48;
    font-size: 12px;
    margin-left: 6px;
}

/* --- */

.text-bold { font-weight: bold !important; }

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }
.text-justify { text-align: justify !important; }

.text-top { vertical-align: top !important; }
.text-middle { vertical-align: middle !important; }
.text-bottom { vertical-align: bottom !important; }



/* ESTADO DEL ABONO */
.pw_abono {
    padding: 20px;
}

.pw_abono_habilitado {
    color: #009E49;
    border: 1px solid #009E49;
    border-radius: 4px;
}

.pw_abono_por_vencer {
    color: #FF8C00;
}

.pw_abono_vencido {
    color: #E81123;
}

.pw_abono_suspendido {
    color: #68217A;
}

.pw_abono_gratis {
    color: #00188F;
}

.navbar .navbar-inner {
    padding: 0px;
    min-height: 32px;
    border: 0 none;
}

@media (max-width: 767px) {
    #descripcion_corta_1,
    #descripcion_corta_2 {
        margin-bottom: 16px;
    }
}

.row-foto-nombre {
    margin-bottom: 20px;
}

.row-foto-nombre .col_primera_foto {
    text-align: center;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.tab-pane #descripcion_corta_1,
.tab-pane #descripcion_corta_2 {
    margin-bottom: 0;
}

.primera_foto_contenedor {
    display: table;
    width: 100%;
    height: 100%;
}

.primera_foto_contenedor .plus {
    color: #BBBBBB !important;
    font-size: 20px !important;
    position: absolute;
    bottom: 9px;
    right: 5px;
}

.primera_foto_contenedor:hover .plus {
    color: #DDDDDD !important;
}

.primera_foto_contenedor .plus-container-no-image {
    position: relative;
    width: 80px;
    margin: auto;
}

.primera_foto_contenedor .plus-container-with-image {
    position: relative;
}

.primera_foto_contenedor .plus-container-with-image .plus {
    bottom: 5px;
}





@media (max-width: 767px) {
    .primera_foto_contenedor {
        margin-bottom: 20px;
    }
}

.primera_foto {
    cursor: pointer;
    border-radius: 4px;
    background-color: #FFFFFF;
    width: 100%;
    height: 128px;
    padding: 10px;
    margin-bottom: 20px;
    display: table-cell;
    text-align: center; 
    vertical-align: middle;
}

.primera_foto img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;    
}

/*.primera_foto.sin_imagen {
    padding-bottom: 5px;
}*/

.primera_foto .bi {
    font-size: 80px;
    color: #555555;
}

@media (min-width: 767px) and (max-width: 1350px) {
    .primera_foto .bi {
        font-size: 60px;
    }
}


.pw_form_uploader {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.pw_form_uploader > ul {
    margin-left: 12px;
}



/***** BEM *****/



.button-bar {
    padding: 4px;
    /*border: 1px solid #E3E3E3;
    border-radius: 4px;*/
}

.button-bar--top {
    margin-top: 0px;
    margin-bottom: 20px;
}

.button-bar--bottom {
    margin-top: 20px;
    margin-bottom: 0px;
}

.button-bar--right {
    text-align: right;
}

.button-bar--row-col {
    padding: 0px;
    margin: 0px;
}

@media (max-width: 320px) {
    .button-bar--right {
        text-align: left;
    }
}

.button-bar--top .btn {
    margin-left: 4px;
}

.button-bar--bottom .btn {
    margin-right: 4px;
}

.button-bar--fixed-top {    
    position: fixed;
    right: 0px;   
    top: 54px;    
    margin: 0px;
    z-index: 700;    /* debe quedar por debajo de los dropdowns de la barra superior */
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 5px;    
}

.main--width-notif-bar .button-bar--fixed-top {
    top: 88px;
}

.button-bar--fixed-top .btn:first-child {    
    margin-left: 0px;    
}

@media (max-width: 767px) {
    
    .button-bar--top {
        text-align: left;
    }
    
    .button-bar--top .btn {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 6px;
        width: 100%;
    } 
    
    .button-bar--top a.btn {
        /* para que tome correctamente el ancho 100% cuando el botón es un link */
        box-sizing: border-box;
    }     
    
    .button-bar--top .btnImportar  {
        display: none;
    }

    .button-bar--top .btnExportar  {
        display: none;
    }    
    
    .button-bar--fixed-top {
        display: none;
    }
}

.button-bar--no-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.button-bar__buttons-save,
.button-bar__buttons-cancel,
.button-bar__buttons-print, 
.button-bar__buttons-vencimiento {
    display: inline;
}

@media (max-width: 600px) {

    .button-bar__buttons-save,
    .button-bar__buttons-print {
        margin-bottom: 10px;
    }        

    .button-bar__buttons-save,
    .button-bar__buttons-print {
        display: block;
    }
}

.routes-list {
    list-style: none;
    margin-left: 0px;
    margin-bottom: 30px;    
    padding-bottom: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.routes-list__item {
    display: inline-block;
}

.routes-list__link,
.routes-list__title {
    margin-right: 6px;
    font-size: 16px;
}

.routes-list__divider {
    margin-right: 6px;
}

.menu {
    /* contenedor de un menú */
}

.menu__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.menu__item {
    display: block;
    color: #0088CC;
    background-color: #FFFFFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    padding: 14px;
    margin-bottom: 14px;
    font-size: 14px;
}

.menu__item:hover,
.menu__item:active,
.menu__item:focus
{
    border: 1px solid #0099CC;
    color: #0099CC;
    text-decoration: none;
    transition: all ease-in 0.2s;
}

.menu__item-icon {
    float: left;
    font-size: 20px;
    color: #000000;
}

.menu__item-title {
    font-weight: bold;
    margin-left: 20px;
}

.menu__item-description {
    display: block;
    color: #000000;
    margin-left: 40px;

}


#tabsItem {
    padding-top: 4px;
    padding-left: 20px;
    border-left: 1px solid #DDDDDD;
}

.pw_select_page_rows  {
    height: 30px;
    font-size: 12px;
    padding: 0px 4px;
    margin-bottom: 0px;
}

.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: #d0e1f2;
}

@media (max-width: 767px) {
    .txt_info_ordenar_fotos {
        padding-top: 10px;
    }
}

.pw-button-copy {
    border: 0 none;
    background-color: #FFFFFF;
    color: #0088CC;
    float: right;
}