@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700');

body{
    /*font-family: 'Roboto', serif;*/
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
}


/* Primary color */
#search .btntwo.search,
.footer-newsletter,
.btntwo, .btn {
    background-color: #e20125;
}
.header-top {
    background-color: /*#f8f8f8*/ #3b3b3b !important;
    border-bottom: 1px solid #f4f4f4;
}
#language a,
#account a {
	padding: 10px 12px;
}
#language a,
#account a,
#nav-header li a {
	color: /*#565656*/ #fff;
}
#nav-header li {
	border: 0
}
.btn.disabled:hover,
.btn[disabled]:hover,
fieldset[disabled] .btn:hover,
.paginador span.current {
    background-color: #e20125;
    border-color: #e20125;
}
.btn.btn-default:hover,
.btn.btn-primary:hover,
.btn.disabled:hover,
.btn.btn-checkout:hover,
.btn-cart-checkout:hover,
#btn_realizar:hover {
    color: #fff !important;
}


/* Books */
.books p.precio {
    color: #f78100;
    font-size: 20px;
    letter-spacing: -0.5px;
}
.books p.precio strike {
    font-size: 14px;
}
.btntwo, 
.btn {
    font-size: 14px;
}
.books .btntwo,
.price-col a:hover {
    color: #fff !important;
}
.btntwo:hover, 
.btn:hover,
.btn-cart-checkout:hover {
    background: #eb4d66 !important;
    
}
a {
    color:  #e20125;
}
a:hover {
    color: #e20125 !important;
}
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus {
    color:  #fff !important;
}
.navbar .navbar-nav > .open > a,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus {
    color:  #e20125 !important;
}
.navbar .navbar-nav > li > a {
    font-size: 18px;
}
#nav-header li a {
    font-size: 12.5px;
    text-transform: uppercase;
}
.dropdown-menu-cabecera {
    padding-top: 20px;
}
.dropdown-menu-cabecera .main-nav-title {
    color: #e20125;
    font-weight: 600;
}
h2.proceso {
    margin: 6px 4px 20px
}
#dirFacturacion {
    margin-top: 10px;
}
.checkout-box {
    padding: 0 0 10px;
}

#account a i, #language a i {
    margin-right: 5px;
    color: #fff;
}
#account a:hover i, #language a:hover i {
    color: #e20125;
}


/* Headings */
h1, h2 {
    font-weight: 600 !important;
}
h2.title::after {
    border-top: 2px solid #e20125;
}
h1.title::after {
    border-top: 2px solid #e20125;
}
.fichaDetalle .centros h2.title {
    margin-top: 0;
}
.fichaDetalle .centros h2.title::after {
	display: none;
}
.checkout-title,
.checkout-resume h2 {
    color: #e20125;
}
.checkout thead {
    background-color: #3b3b3b;
}

.footer-newsletter,
.precioDetalle .discountprice {
    background-color: #e20125;
}


/* Buttons */
.btn-cart-checkout {
    background-color: #e20125;
}
#search .btntwo.search, 
.btntwo, 
.btn {
    background-color: #e20125;
    border-color: rgba(226, 1, 37, 0.5);
}
.bootstrap-dialog button.btn.btn-primary {
    border-color: #e20125;
}

.btn-cart-checkout:hover, 
.btn-cart-checkout:focus,
.btn-cart-checkout:active,
.btntwo:hover, 
.btntwo:focus,
.btntwo:active,
.btn:active,
.btn:hover, 
.btn:focus {
 	background-color: #e20125;
    border-color: #e20125;
}

.contact-info .contact-item-title i,
#detnavtab li a.selected {
    color: #e20125 !important;
}


/* Header */
#header .header-middle .row > div {
    min-height: 120px;
}
#header .header-top {
    background: #f2f2f2;
    border-bottom: 1px solid #e8e8e8;
}
#header.sticky .header-middle {
    z-index: 9999;
    background-color: rgba(226, 1, 37, 0.9) !important;
}
#header.sticky .header-middle .row > div, 
#header.sticky .header-middle .row > #logotipo {
    min-height: 90px !important;
}
#header .header-middle #search .btntwo.search {
    background-color: #3b3b3b !important;
}
#header .header-middle #logotipo img,
#header.header-1.sticky .header-middle #logotipo img {
    max-width: 230px;
}
#header.sticky .header-middle .btntwo.btn-cart:hover {
    color: #3b3b3b !important;
}


/* Footer */
#footer {
    background-color: #333;
}
.footer-menu .fa {
    color: #e20125;
}    
.footer-bottom h2 {
    color: #fff;
    font-size: 18px;
}
.footer-menu a {
    font-size: 14px;
    color: #c5c5c5;
}
.footer-menu a:hover {
    color: #e20125 !important;
}
.footer-newsletter-info {
    padding-left: 80px;
}
.footer-newsletter-form {
    margin-top: 3px;
}
.footer-logo {
    max-width: 190px;
}
.footer-menu {
    padding-left: 75px;
}

.cart-mobile .btntwo {
    background-color: rgba(0, 0, 0, 0);
}

.header-top #nav-header a,
#account a,
#cart .btntwo,
.featured-item h3,
.books dd.title a {
    font-weight: 400;
}
.books dd.title a {
    color: #000;
}
.block-ranking .carrusel-wrapper .circle.ranking,
.carrusel-wrapper .discount {
    top: 20px;
}
.form-control:focus {
    border-color: #e20125;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(226, 1, 37, 0.6);
    outline: 0 none;
}
.checkbox.lista {
    width: 50%;
    padding-left: 50px;
    float: left;
}
.checkbox.lista input[type="checkbox"] {
    margin-top: 4px;
}


#header.header-1 .header-top {
    background: #f8f8f8;
}
#header.header-1 .header-nav {
    padding: 0;
    background: #e20125;
}
.slider {
    margin: 0px 0 40px;
}
.discount {
    top: -20px;
    right: -10px;
    width: 45px;
    height: 45px;
    line-height: 25px;
    font-size: 15px;
    font-weight: 600;
    background: #e20125;
}
.block-ranking .carrusel-wrapper .circle.ranking, 
.carrusel-wrapper .discount {
    top: 2px !important;
}
.books.one-cols .discount,
.books.three-cols .discount {
    top: -20px;
}
.featured-item a:hover {
    color: inherit !important;
}
.featured-item p {
    font-size: 13px;
}

#header #search .search-text, 
#header #search .btntwo.search {
    height: 50px;
}
#header #search .search-text {
    border-radius: 30px 0 0 30px;
}
#header #search .btntwo.search {
    border-radius: 0 30px 30px 0;
}
.page-noticia .eventos p {
    font-size: 15px;
}
.eventos p {
    font-size: 15px;
}
.news-categories a:hover,
.wraper-detalle a, .wraper-detalle button,
.goToPrevSlide:hover, 
.goToNextSlide:hover,
.list-style-buttons a.hover, 
.list-style-buttons a.active {
    color: #e20125;
}
.bloque-top .materias .label:hover {
    background: #e20125;
    color: #fff !important;
}
.page-cestaCompra #plazoEntrega p.nota {
    color: #e20125;
    border-color: #e20125;
    font-size: 13px;
}
.page-cestaCompra #plazoEntrega p.nota i {
    color: #e20125;
}
.checkout-box {
    padding: 0;
}
.checkout-box h2 {
    font-size: 16px;
}
#cookie-compliant p a:hover {
    color: #e20125;
}
.numArticulos,
.ranking {
    background-color: #3b3b3b;
}
.ranking {
    line-height: 25px !important;
}
.social-networks li a {
    line-height: 33px;
    font-size: 22px;
    color: #3b3b3b;
    background: #fff !important;
}
.social-networks li a:hover {
    opacity: 1;
}
.books p.precio,
#totalPedido {
    color: #e20125;
}

.btntwo:hover,
.btn:hover,
i,
#header a {
    transition: all 0.2s ease 0s !important;
}
#links a {
    transition: background-color 0.2s ease 0s !important;
}
.books dd.title a {
    font-size: 15px;
}
.featured-item h3 {
    font-size: 18px;
    font-weight: 600;
}
.page-home h2.title, .page-index h2.title {
    margin-top: 10px !important;
    font-size: 28px !important;
}
b, strong {
    font-weight: 600;
}
.contact-info h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-weight: 400;
    color: #3b3b3b;
}
#btn_realizar {
    font-size: 16px;
}
.flag {
    float: right;
    display: flex;
    align-items:center;
    padding-top: 2px;
    color: #fff;
    font-weight: 600;
}
.flag img {
    margin-right: 5px;
}
#header .navbar .navbar-nav > li a i {
    margin-left: 2px;
    vertical-align: middle;
}
#header .social-networks {
    display: none;
}
.divisa-small {
    font-size: 0.6em !important;
    font-weight: 400;
}
#totalPedido .divisa-small {
    color: #e20125;   
}
.checkout-resume .divisa-small {
    margin-left: 3px;
    font-size: 0.8em !important;
}
#header #cart-fixed {
    margin: 0;
}
#header .whatsapp a, 
#header .localizacion a, 
#header .mail a,
#header .btn-cart {
    position: relative !important;
    width: 50px;
    height: 50px;
    margin: 35px 0 0 10px !important;
    float: right !important;
    transform: none !important;
    right: auto !important;
    border-radius: 50%;
    background: #3b3b3b;
    overflow: visible;
}
#header.sticky .whatsapp a, 
#header.sticky .localizacion a, 
#header.sticky .mail a,
#header.sticky .btn-cart {
    margin-top: 20px !important;
}
#header .whatsapp a:hover, 
#header .localizacion a:hover, 
#header .mail a:hover,
#header .btn-cart:hover {
    background: #e20125 !important;
}
#header .btn-cart:hover .numArticulos {
    background: #3b3b3b;
}
#header.sticky .whatsapp a, 
#header.sticky .localizacion a, 
#header.sticky .mail a,
#header.sticky .btn-cart {
    background: none !important;
}
#header .whatsapp i, 
#header .localizacion i, 
#header .mail i,
#header .btn-cart .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 28px;
    color: #fff;
}
#header #tt_products_minibasket {
    margin: 0;
}
#header #cart .btntwo .icon {
    color: #fff;
}
#contentMiniCesta {
    right: -52px;
    top: 105px; 
}
#header.sticky #contentMiniCesta {
    top: 90px; 
}
#header .btn-cart .numArticulos {
    background: #e20125;
}
#header.sticky .btn-cart .numArticulos {
    background: #3b3b3b;
}
.bloque-top .materias .label {
    display: inline-block;
    margin: 0 5px 8px 0;
    padding: 0 10px;
    float: none;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    background: rgba(226, 1, 37, 0.5);
    box-shadow: inset 0 -2px 0 0 rgba(226, 1, 37, 0.4);
    transition: background-color 0.3s linear;   
}
.bloque-top .materias .label:hover {
    background: rgba(226, 1, 37, 1);
}
.page-cestaCompra #capaGastosEnvio.cart-box .form-control {
    width: 350px;
}
.page-especial iframe,
.page-noticia iframe {
    width: 100%;
    height: 400px;
}
.page-especial img {
    height: auto !important;
}
img {
    max-width: 100%;
}


/** Sucursales 
******************************/
.page-nuestras-librerias .main-container {
    max-width: 992px; 
}  
.page-nuestras-librerias .panel-body {
padding: 30px; 
}
.page-nuestras-librerias .panel-group .panel {
margin-bottom: 10px; 
}
.stores-section .panel-heading a {
    color: #e20125 !important;
}
.stores-section .panel-heading a:hover {
    text-decoration: none !important; 
}
.stores-section .row {
column-count: 2;
column-gap: 30px; 
}
.stores-item {
position: relative;
margin-bottom: 30px;
display: inline-block;
width: 100%;
border-radius: .25rem; 
}
.stores-item-info {
    border: 1px solid #e1e1e1;
    padding: 36px 26px 30px;
}
.stores-item-info h3 {
	text-transform: uppercase;
}
.stores-section .stores-item-wrapper {
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); 
}
.stores-section .stores-item-wrapper p {
line-height: 1.6em;
margin-bottom: 0; 
}

.stores-section .stores-item-img {
width: 100%;
height: 200px;
overflow: hidden;
position: relative;
border-radius: .25rem .25rem 0 0; }

.stores-section .stores-item-img img {
min-height: 100%;
min-width: 100%; 
object-fit: cover;}

.stores-section .stores-item-img.logo {
height: 100px;
background: #ffe5e8; }

.stores-section .stores-item-img.logo img {
position: absolute;
top: 50%;
left: 10%;
transform: translate(-10%, -50%);
min-height: 0 !important;
min-width: 0 !important; 
max-width: 200px;
}
.stores-section .stores-item .map-marker {
    background-color: #e20125;
    border-radius: 50%;
    color: #ffffff;
    height: 40px;
    padding: 9px;
    position: absolute;
    right: 20px;
    text-align: center;
    top: 180px;
    width: 40px;
    text-decoration: none; }
  
  .stores-section .stores-item .map-marker.noimg {
    top: 80px; }
  
  .stores-section .stores-item .map-marker:hover {
    background-color: #e20125; }
  
  .stores-section .stores-item .map-marker i {
    font-size: 20px; }
  
  .stores-section .stores-item .map-marker:hover i {
    color: #fff; }
.stores-item-contact {
    border-top: 1px solid #eeeeee;
    margin: 12px 0 0;
    padding: 10px 0;
}
.stores-section .stores-item-info {
    min-height: 170px;
    padding: 1.25rem; }
  
  .stores-section .stores-item-info .title {
    display: block;
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 600; }
  
  .stores-section .stores-item-info strong {
    font-weight: 600; }
  
  .stores-section .stores-item-info i {
    color: #777;
    margin-right: 6px;
    font-size: 15px;
    vertical-align: middle; }
  
  .stores-section .stores-item-info h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase; }
  
  .stores-section .stores-item-info > div:nth-of-type(1) {
    border: 0; }
  
  .stores-section .stores-item-description,
  .stores-section .stores-item-contact,
  .stores-section .stores-item-schedule,
  .stores-section .stores-item-others,
  .stores-section .stores-item-map,
  .stores-section .stores-item-gallery {
    margin: 0 0 7px;
    padding: 10px 0 5px;
    border-top: 1px solid #eee; }
  
  .stores-section .stores-item-description p {
    font-size: 16px;
    line-height: 1.3;
    color: #212529; }
  
  .stores-section .stores-item-contact div {
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px; }
  
  .stores-section .stores-item-schedule {
    font-size: 14px; }
  
  .stores-section .stores-item-map {
    padding: 15px 0 5px;
    display: none; }
  
  .stores-section .stores-item-map iframe {
    width: 100%;
    max-height: 250px; }
  
  .stores-section .stores-item-others .link {
    margin: 12px 0 0; }
  
  .stores-section .stores-item-others i {
    display: inline-block;
    margin: 5px 8px 0 0;
    color: #e20125;
    font-size: 18px; }
  
  .stores-section .stores-item-gallery .thumbnail {
    border: 0; }
  
  .stores-section .stores-item-gallery img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: 95% !important;
    max-width: 95% !important;
    width: auto !important;
    display: block;
    border: 0 !important; }
  
  .stores-section .stores-item-gallery .lSPager li {
    height: 10px; }