@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,600;1,400;1,600&display=swap');

/*Menú alineado a derecha y ajuste de alto*/
.navbar .nav{
    float:right;
}

/*Logo*/ 
.navbar-inner .brand img.logo-market {
    height: 45px!important;
}

.navbar .brand {
    padding: 25px 20px;
}

/*Menú estilo links - resumido*/
.navbar .nav>li>a {
    margin: 0 2px;
    text-transform: none;
    letter-spacing: 1px;
    font-weight: 400;
    padding:8px 10px;
    font-family: 'Lora', serif;
}

.navbar .navbar-inner .container .nav > li > a:hover, .navbar .navbar-inner .container .nav > li > a:focus, .navbar .navbar-inner .container .nav > li.active > a{
    background-color:transparent!important;
    color:black!important;
    border-radius:0px;
}

.navbar .nav{
    margin: 24px 10px 0 0;
}

/*Menu burger*/
.navbar .btn-navbar .icon-bar{
    background-color:white;}

.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{
    /*color:#333!important;*/
}

@media (max-width: 979px){
ul.nav.pull-right{
    padding-top: 6px;
    background-color:#007bff!important;}
.navbar .btn-navbar{
    margin-top: 26px;
    background-color:#007bff!important;}
.navbar .btn-navbar:hover, 
.navbar .btn-navbar:focus, 
.navbar .btn-navbar:active, 
.navbar .btn-navbar.active, 
.navbar .btn-navbar.disabled, 
.navbar .btn-navbar[disabled],
.navbar .navbar-inner .container .btn-navbar:hover,
.navbar .navbar-inner .container .btn-navbar:focus{
    background-color:#007bff!important;}
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{
    border-radius: 0px!important;
    font-weight:400!important;
    letter-spacing:1px;}
}

/*No mostrar título*/
.site-header.modal-header {
    display:none !important;
}

.page-header, .market-subtitulo, .market-titulo {
    display: none !important;
}

.page-body{
    margin: 0;
}

/*Footer*/
.modal-footer{
    border-top: 0px solid #333;
    padding-top:50px;
    border-radius:0px;
}

.site-footer.modal-footer{
    background-color: #111;
}

/*Links de footer*/
.site-footer, .site-footer a{
    color:white;
}

.site-footer [data-widget="socialsharer"], .site-footer [data-widget="sitemap"]{
    color:white;    
}

.site-footer.modal-footer a.btn-link{
    color:white;
}

.site-footer.modal-footer a.btn-link:hover{
    color:#007bff;
    text-decoration:none;
}

.site-footer .btn{
    background-color:#007bff;
    color:white;
    border:none!important;
}

.site-footer .btn:hover{
    background-color:white!important;
    color:#007bff!important;
    border:none!important;
}


/*Botones*/
.btn-default,
.btn-primary,
.control-group .btn,
.btn-primary[disabled],
.comprar,
.listado-productos .btn-primary,
.botones-compra-consulta .btn,
div[data-snippet="Files"] a,
.btn-group>.btn:first-child,
.btn-group>.btn:last-child,
.btn-group>.dropdown-toggle,
.form-contacto label.btn.btn-primary{
    background-color:#007bff;
    color:white;
    font-weight:400;
    border-width:0px;
    border-radius:6px;
    text-transform:uppercase;
    letter-spacing:1px;
    padding:10px 15px;
}

.btn-default:hover, 
.btn-primary:hover,
.comprar:hover,
.listado-productos .btn-primary:hover,
.page-content .btn:hover, 
.page-content .btn:focus, 
.page-content .btn:active, 
.page-content .btn.active, 
.page-content .btn.disabled, 
.page-content .btn[disabled],
.botones-compra-consulta .btn:hover,
div[data-snippet="Files"] a:hover
div[data-snippet="Files"] a:focus,
div[data-snippet="Files"] a:active,
.form-contacto label.btn.btn-primary:hover{
    background-color:#0069d9!important;
    color:white!important;
}

.btn.btn-default.btn-blanco{
    background-color:white;
    color:#007bff;
}
.btn.btn-default.btn-blanco:hover{
    background-color:#f7f7f7!important;
    color:#007bff!important;
}

.listado-productos .btn-primary{
    /*color:white;*/
    width:100%;
    margin:0px;
}

/*Productos botón búsqueda*/
.breadcrumb div.input-append .btn{
    padding: 5px 12px;
}

@-moz-document url-prefix() {
.breadcrumb div.input-append .btn {
    padding-top:6.5px;
    padding-bottom:6.5px;}
}

/*Productos Detalles*/
.producto-descripcion{
    font-size:25px;
}

/*Color links página + carrito*/
a, .popup-box-message .modal-footer a.btn-link,
table a{
    color:#007bff;
    text-decoration:none;
}

a:hover, a:focus, .pagination ul>.active>a, .pagination ul>.active>span, .popup-box-message .modal-footer a.btn-link:hover,
table a:hover{
    color:#007bff;
    text-decoration:underline;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus {
    color:#007bff!important;
}

.listado-productos .thumbnail h5 a{
    color:#333;
}

.btn span.caret{
    border-top: 4px solid white;
}

/*Títulos*/
h1, h2, h3, h4, h5, h6, label, body, .page-content p, p, .comprar, input, button, select, textarea{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size:15px;
    color:#333;
}

.page-content h1, #titulo-blog h2, h1.tituloBlog{
    font-family: 'Lora', serif;
    text-transform:none;
    font-weight:400;
    font-size:45px;
}

.page-content h2{
    font-family: 'Roboto', sans-serif;
    font-weight:300;
    font-size:25px;
    color:#808080;
}

.entrada-blog h2, h2.tituloBlog{
    color:#333;
    font-size:25px;
    line-height:1.1em !important;
    font-weight:700;
}

h1.tituloBlog{
    color:#333;
    font-size:32px;
    line-height:1.1em;
}

.tracking-pos{
    letter-spacing:2px;
}

.tracking-neg{
    letter-spacing:-6px;
}

/*Texto justificado Firefox*/
span{
    white-space:normal;
}

/*Formulario*/
.form-contacto form .control-label span,
.form-contacto form h3,
.form-contacto label
.form-contacto .fu-file-name{
    color:#333;
}

.form-contacto form .btn{
    float:right;
    /*botón grande*/
    /*padding: 11px 19px;
    font-size:17.5px;*/
    /*botón normal*/
    padding: 10px 15px;
    font-size:14px;
}

.form-contacto .form-actions{
    background:none;
    padding:0px;
}

/*Login*/
.popup-box-message .modal-footer a.btn-link{
    /*color:#0093dd;*/
}

.popup-box-message .modal-footer a.btn-link:hover{
    /*color:#333;
    text-decoration:none;*/
}

.popup-box-message .modal-footer .btn-primary{
    /*background-color:#0093dd;*/
    /*color:white;*/
}

.popup-box-message .modal-footer .btn-primary:hover{
    background-color:#333;
    color:white;
}

/*Inputs*/
/*campos login*/
.home textarea,
.home input[type="text"],
.home input[type="password"],
.home input[type="datetime"],
.home input[type="datetime-local"],
.home input[type="date"],
.home input[type="month"],
.home input[type="time"],
.home input[type="week"],
.home input[type="number"],
.home input[type="email"],
.home input[type="url"],
.home input[type="search"],
.home input[type="tel"],
.home input[type="color"],
.home .uneditable-input,
/*formulario de contacto*/
.form-contacto .uneditable-input, 
.form-contacto input[type=color], 
.form-contacto input[type=date], 
.form-contacto input[type=datetime-local], 
.form-contacto input[type=datetime], 
.form-contacto input[type=email], 
.form-contacto input[type=month], 
.form-contacto input[type=number], 
.form-contacto input[type=password], 
.form-contacto input[type=search], 
.form-contacto input[type=tel], 
.form-contacto input[type=text], 
.form-contacto input[type=time], 
.form-contacto input[type=url], 
.form-contacto input[type=week], 
.form-contacto select, 
.form-contacto textarea{
    /*sólo línea*/
    background-color: transparent!important;
    border: none!important;
    color: #333;
    border-bottom: 1px solid #ccc!important;
    border-radius:0px!important;
	/*relleno*/
    /*background-color:white!important;
    color: #333;
    border: 1px solid #ccc!important;
    border-radius:3px!important;*/
}

.form-contacto option{
    color:#333;
}

form[data-action*="files-upload-forms"] .btn-primary{
    /*margin-top: 100px!important;*/
    /*margin-bottom: 40px!important;*/
    margin-top: 0px!important;
    margin-bottom: 0px!important;
}

form[data-action*="files-upload-forms"] .fu-file-name{
    left:0px!important;
}

.form-actions{
    /*margin-top: 90px;*/
}

/*Shadow*/
.mu-cuadrado{
    box-shadow: -2px 3px 8px rgba(0,0,0,0.1);
}

.mu-redondo{
    box-shadow: -2px 3px 8px rgba(0,0,0,0.1);
    border-radius:10px;
}

/*Galería color hover*/
.wdg-galeria a>.thumbnail-hover{
    background-color:black!important;
}

/*Galería sin bordes*/
.wdg-galeria ul.thumbnails li .thumbnail{
    box-shadow:none!important;
}

/*Resaltar texto*/
.bg-celeste span{
    background-color:#007bff;
    padding:4px 10px;
    border-radius:5px;
}

.bg-azul span{
    background-color:#0069d9;
    padding:4px 10px;
    border-radius:5px;
}

.bg-gris span{
    background-color:#6c757d;
    padding:4px 10px;
    border-radius:5px;
}

/*Toggle FAQs*/
.btn-collapse{
    width:100%;
    background-color:white;
    text-align:left;
    padding: 15px 20px;
    border-radius:0;
    border: 1px solid #d4d4d4;
    
    color:#0069d9;
    text-transform:none;
    font-size:17px;
    font-weight:bold;
    letter-spacing:0px;
}

div.in.collapse{
    overflow:initial;
}

.card-body{
    width:100%;
    background-color:white;
    text-align:left;
    padding: 15px 20px;
    border-radius:0;
    border: 1px solid #d4d4d4;
}

/*Menú - Dropdown*/
.dropdown-menu{
    background-color:white;
    border-radius:0px;
}

.dropdown-menu>li>a{
    color:#808080;
    font-weight: 400;
    font-size:14px;
    letter-spacing:1px;
    text-transform:none;
    font-family: 'Lora', serif;
}

.dropdown-menu>li>a:hover{
    background-color:transparent;
    color:black;
    border-radius:0px;
}

.navbar .nav li.dropdown.open>.dropdown-toggle,
.navbar .nav li.dropdown.open>.dropdown-toggle:hover,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus{
    background-color:transparent;
    color:black;
    border-radius:0px;
}

.navbar .nav li.dropdown>.dropdown-toggle .caret{
    border-top-color: #808080;
    border-bottom-color: #808080;
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,
.navbar .nav li.dropdown.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret,
.navbar .nav li.dropdown>.dropdown-toggle:hover .caret{
    border-top-color: black;
    border-bottom-color: black;
}

@media (max-width: 979px){
.nav-collapse .nav>li>a, .nav-collapse .dropdown-menu a{
    color:black!important;}

.nav-collapse .dropdown-menu li.active span{
    color:white;
}

.nav-collapse .nav>li>a:hover, .nav-collapse .dropdown-menu a:hover{
    background-color:white!important;}
}

.dropdown-menu{
    min-width: 225px;
}

/*SOS Contador*/
iframe{
    border:none;
}