/* Colors
********************************************************/
/*body*/							body { color:#444; background-color: #f1f1f1;}

/*h1*/								h1, h1.title {color: #000000;}
/*h3*/								h3, h3.subtitle {color: #333333;}
/*h2 proceso*/						h2.proceso{color:#000;}
/*h3 a*/							h3 a{color:#1E578E;}
/*caption*/							caption{color: #000000;}

/*links*/							a {color: #017C68;}
/*links hover*/						a:hover {color: #39c8b2; text-decoration: none;}

/*idiomas*/							#idiomas a {color:#FFF;}
/*idiomas hover*/					#idiomas a:hover {color:#F78100;}

/*precio lista*/					.listado_libros p.precio {color:#333333;}
/*precio detalle*/					.fichaDetalle .precioDetalle {color:#333333; position: relative;}
/*precio cesta						td.total{color:#F78100;}*/
/*precio minicesta*/				div#tt_products_minibasket div.content p.basket strong{color:#333333;}
/*precio detalle pedido*/			.grupo_datos .totalPedido {color:#333333;}


/*titulo libro lista*/				dl.dublincore dd.title a {color: #333;}
/*titulo libro lista hover*/		dl.dublincore dd.title a:hover {}
/*titulo libro columna izq*/		.minilibbloque p a{color:#1E578E;}
/*titulo libro columna izq hover*/	.minilibbloque p a:hover {color:#F78100;}
/*titulo libro ficha*/				.fichaDetalle dd.titulo {color:#1E578E;}
/*titulo libro cesta hover */		td.product a:hover {color:#F78100;}
/*autor libro cesta*/				td.product .autor a {color:#666;}
/*autor libro cesta hover */		td.product .autor a:hover {color:#F78100;}
/*autor libro columna izq*/			.minilibbloque p.autor {color:#666;}


/*menu corporativo*/				#explore li a {color:#333333;}
/*menu corporativo hover*/			#explore li a:hover {color:#F78100;}

/*menu materias*/					#categories li a {color:#333333;}
/*menu materias hover*/				#categories li a:hover {color:#333333;}

/*menu submaterias*/				.bloque-top ul.materias li a{color:#333}
/*menu submaterias hover*/			.bloque-top ul.materias li a:hover{color:#F78100;}

/*links ordenar por*/				.order ul li a{color: #606A74;}
/*links ordenar por:hover*/			.order ul li a:hover{color:#F78100;}
/*links ordenar por:selected*/		.order ul li a.selected{color:#F78100;}
/*links enlaces por:selected*/		.bloque-top ul.materias li a:active{color:#F78100;}

/*breadcrumb*/						.breadcrumb{color:#999999;}

/*iconos menu lateral */			#explore li .fa-chevron-right{ background: none repeat scroll 0 0 #E16122; color: #FFFFFF;}

/*ranking circles*/					.ranking {background-color: transparent; color: #FFFFFF;}

/*nav servicios*/					#nav-header li a{ color:#444;}
/*nav servicios hover*/				#nav-header li a:hover{ color:#888;}

/*icono ebook*/						.ico_ebook, .ico_lista {background-color: #63A0DE;}

/*icono sidebar-menu*/				#explore li .fa-chevron-right{background-color: #FCAC4A;}

/*fondo mini-cesta*/				#cart .btntwo, #contentMiniCesta {background-color: #555555;}

/*fondo header1*/ 					#header .navbar { background-color: #FFF;}

/*fondo header2*/					#submenu { background: none repeat scroll 0 0 #63a0de;}

/*botones*/							.btntwo, .btn { background-color: #f47421; border: 1px solid #f47421; color: #ffffff;}
/*botones hover*/					.btntwo:hover, .btn:hover{ color:#ffffff; background-color: #EA982F; border: 1px solid #EA982F;}

/*btn mini-cart*/					.btn-cart-checkout { background-color: #fcac4a !important;}
/*btn mini-cart hover*/				.btn-cart-checkout:hover { background-color: #EA982F !important;}


/*Texto state number*/				ul.libros_texto li span { color: #0d7ddd;}
/*Texto state select*/				ul.libros_texto li.select { background-color: #0d7ddd;}
/*Texto state select number*/		ul.libros_texto li.select span { color: #87bfef;}
/*Texto table header*/				.colegios table thead th { background-color: #0d7ddd;}

.breadcrumb {
    background-color: transparent;
}

td.productdetalle a.enlace-descarga { float: none; display: block;}


/*disponibilidad minifichas*/ .edit {color: #ea982f;}

/**** Feedback-cesta ****/
.ui-pnotify-container.alert-success {
    background-color: #e9f8f1;
    border: medium none;
    border-radius: 0;
    color: #404d3c;
    font-size: 16px;
    padding: 14px 0;
	font-weight: 300;
}
.ui-pnotify-container.alert a {
	color: #008a00;
	text-decoration: none;
	font-weight: 600;
}

.fichaDetalle .wrapper-portada {
    position: relative;
    margin-bottom: 10px;
}



/**********************************************
 Nuevos cambios
**********************************************/

.main-container {
    -webkit-box-shadow: 0 -10px 10px -10px #c2c2c2;
    -moz-box-shadow: 0 -10px 10px -10px #c2c2c2;
    box-shadow: 0 -10px 10px -10px #c2c2c2;
}
#search select {
    border-width: 0 0 0 1px;
}


/* Mega menú
**********************************************/

#header nav .dropdown i {
    margin: 0 0 0 2px;
    color: #e8304f;
    font-size: 14px;
}
#header nav .dropdown-menu {
    padding: 0;
    overflow: hidden;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.1);
}
#header nav .dropdown-menu.dropdown-menu-three {
    width: 870px;
}
#header nav .dropdown-menu .main-nav-title {
    font-size: 18px;
    margin-bottom: 10px;
    color: #636363;
    font-weight: 400;
}
#header nav .dropdown-menu .dropdown-explorar,
#header nav .dropdown-menu .dropdown-materias {
    margin-top: 0;
    padding: 10px 0;
}
#header nav .dropdown-menu .dropdown-materias {
    width: 357px;
    min-height: 370px;
    margin-right: 10px;
}
#header nav .dropdown-menu .dropdown-explorar {
    width: 180px;
}
#header nav .dropdown-menu .dropdown-materias li {
    width: 178px;
}
#header nav .dropdown-menu .dropdown-materias li a {
    color: #1EB1A0;
}
#header nav .dropdown-menu .dropdown-explorar li > a:hover,
#header nav .dropdown-menu .dropdown-materias li > a:hover {
    background: #1EB1A0;
    color: #ffffff;
}
#header nav .dropdown-menu .img-materias {
    position: relative;
    overflow: hidden !important;
    height: 315px;
    margin: 28px 28px 28px 0;
}
#header nav .dropdown-menu .img-materias img {
    position: absolute;
    left: 0;
    max-width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
#header nav .dropdown-menu .img-materias:after{
    content: "";
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    border: 10px solid rgba(255, 255, 255, .4);
}
#header nav .dropdown-menu .img-materias img.top {
    opacity: 0.9;
}
#header nav .dropdown-menu .img-materias img.visible {
    opacity: 0.9;
}
#header nav .dropdown-menu .img-materias img.hide {
    opacity: 0;
}


/* Autocomplete
**********************************************/

.ui-autocomplete {
    position: fixed;
    border-radius: 0 0 5px 5px;
    -webkit-transition: margin-top 0.1s ease; /* Firefox */
    -moz-transition: margin-top 0.1s ease; /* WebKit */
    -o-transition: margin-top 0.1s ease; /* Opera */
    transition: margin-top 0.1s ease; /* Standard */
}
.ui-autocomplete li.no-result {
    display: block;
    padding: 10px 8px 10px 10px;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background: #F47421;
    border-bottom: 1px solid #eee;
}
.ui-autocomplete li.no-result:hover {
    background: #F47421 !important;
}
.ui-autocomplete li.no-result i {
    display: block;
    float: left;
    margin-top: 1px;
    margin-right: 7px;
    font-size: 18px;
}
.ui-autocomplete.fixed-menu {
    margin-top: -13px !important;
}


/* Cesta Compra
**********************************************/

.checkout-box .checkout-box-wrapper {
    overflow: hidden;
    padding: 20px;
    /*padding: 30px;*/
}
.checkout-box .checkout-options {
    margin: 0;
}
.checkout-box h3 {
    margin: 30px 0;
    font-size: 13px;
}
.checkout-box a {
    margin: 10px 0 0;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background-color: #1EB1A0;
    border-radius: 2px;
}
.checkout-box a:hover {
    text-decoration: none;
}
.checkout-box .checkout-options a {
    margin-bottom: 10px;
}
.checkout-box a.checkout-options-edit {
    color: #1EB1A0;
    background: none;
}
.checkout-box a.checkout-options-edit:hover {
    text-decoration: underline;
}
.checkout-box a i.icon-plus{
    float: left;
    margin-right: 5px;
}
.checkout-box .grupo_datos {
    margin-bottom: 0;
}
.checkout-box-address ul {
    margin-bottom: 5px;
}
td.quantity a {
    font-size: 12px;
    padding: 2px;
}
td.quantity input {
    width: 36px;
    height: 30px;
    margin: 0 10px 0 0;
    border: 1px solid #ddd;
}
td.precio {
    text-align: center;
}
.cupon #codigoCupon {
    width: 220px;
    padding: 10px 8px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.cupon #linkAplicar {
    border-left: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.cart-box .btntwo {
    padding: 12px 8px;
}
.botones_cesta {
    margin: 35px 0;
}
.botones_cesta .btn {
    margin-left: 5px;
}
.botones_dir .btn {
    margin-left: 5px;
    background: #1EB1A0;
    border-color: #1EB1A0;
    color: #fff;
    text-decoration: none;
}
.botones_dir .btn:hover {
    background: #5bd3c5;
    border-color: #5bd3c5;
    color: #fff;
    text-decoration: none;
}
.botones_dir .btn.cancel {
    background: transparent;
    border: 0;
    color: #a94442;
    text-decoration: none;
    box-shadow: none;
}
.field label {
    line-height: 25px;
}
.field input[name=predeterminada] {
    margin: 7px 0 0 2px !important;
}
.checkout thead {
    background-color: #1EB1A0;
}


/* Detalle
**********************************************/

#opinionesClientes .panel {
    margin-bottom: 50px;
    padding: 10px 0;
    border: 1px solid #EFEFEF;
    background: #FDFDFD;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#opinionesClientes .panel .panel-body {
    padding: 25px;
}
#opinionesClientes h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #333333;
}
#opinionesClientes .number > div {
    width: 60px;
    height: 60px;
    max-width: 65px;
    margin: 0 auto;
    color: #fff;
    font-size: 25px;
    font-weight: 800;
    line-height: 60px;
    text-align: center;
    text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.5);
    background: #ffc120 none repeat scroll 0 0;
    border-radius: 50%;
}
#opinionesClientes .stars {
    padding: 6px 0 0;
}
#opinionesClientes .stars p {
    padding-left: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #007B67;
}
#opinionesClientes .bars {
    margin-top: 20px;
    padding: 30px 12px 0;
    clear: both;
    background: url("../images/line-h.png") center top no-repeat;
}
#opinionesClientes .bars li {
    clear: both;
}
#opinionesClientes .bars span {
    display: inline-block;
    float: left;
    margin-right: 12px;
    font-size: 13px;
    font-weight: 400;
}
#opinionesClientes .bars span:last-child {
    margin-right: 0;
    font-weight: 600;
    color: #007B67;
}
#opinionesClientes .bars .progress {
    max-width: 120px;
    width: 100%;
    float: left;
    margin: 0 12px 8px 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
#opinionesClientes .bars .progress .progress-bar-info {
    background: #FFC120;
}
#opinionesClientes .rating img {
    max-width: 20px;
}
#opinionesClientes .valoracion_usuario {

}
#opinionesClientes #realiza_votacion {
    margin-top: 5px;
    padding-left: 0;
}
#opinionesClientes #cambia_votacion {
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
    font-size: 11px;
    overflow: hidden;
    padding: 12px 5px;
}
#opinionesClientes #cambia_votacion span {
    padding-right: 10px;
    margin-right: 10px;
    font-weight: 400;
    border-right: 1px solid #efefef;
}
#opinionesClientes #cambia_votacion a {
    color: #007B67;
    font-weight: 700;
    display: inline-block;
}
#opinionesClientes #cambia_votacion a i {
    float: left;
    margin-right: 5px;
}
#opinionesClientes .comentario .titulo h4 {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
}
#opinionesClientes .comentario .datos {
    font-size: 12px;
    font-weight: 400;
    color: #666666;
}
#opinionesClientes .comentario .comprado {
    padding: 5px 0;
    font-size: 12px;
    font-weight: 400;
    color: #017C68;
}
#opinionesClientes .comentario .texto p {
    padding-top: 10px;
    font-size: 14px;
}
#opinionesClientes form span {
    font-size: 11px;
    font-weight: 400;
    color: #999999;
}
#opinionesClientes form a {
    font-weight: 700;
    color: #999999;
}
#opinionesClientes form .btntwo {
    background-color: #333333;
    border: 1px solid #333333;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    line-height: 15px;
    padding: 10px;
    text-transform: uppercase;
    width: 110px;
}
#opinionesClientes form .checkbox {
    margin-top: 12px;
    padding-left: 25px;
}


/* Uned
**********************************************/
.fichaDetalle #articuloUNED h2 {
    margin: 30px 0 15px;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.fichaDetalle .uned-data {
    margin: 10px 0;
}
.fichaDetalle .uned-data th {
    padding: 8px 0 8px 5px;
    border-bottom: 1px solid #EEEEEE;
}
.fichaDetalle .uned-data td {
    border-bottom: 1px solid #FFFFFF;
    margin: 0;
    padding: 8px 0 8px 5px;
}


/* Misc
**********************************************/
a, input, button, i, span {
    -webkit-transition: opacity 0.5s ease, color 0.3s ease, background 0.3s ease, margin 0.1s ease, padding 0.2s ease;
    -moz-transition: opacity 0.5s ease, color 0.3s ease, background 0.3s ease, margin 0.1s ease, padding 0.2s ease;
    -o-transition: opacity 0.5s ease, color 0.3s ease, background 0.3s ease, margin 0.1s ease, padding 0.2s ease;
    transition: opacity 0.5s ease, color 0.3s ease, background 0.3s ease, margin 0.1s ease, padding 0.2s ease;
}
input[type="radio"],
input[type="checkbox"] {
    float: left;
    margin: 0 6px 0 0;
}
input[type="checkbox"] {
    cursor: pointer;
}
.btntwo:hover {
    opacity: 0.8;
}
.form-control::-webkit-input-placeholder { color: #ACACAC; }
.form-control:-moz-placeholder { color: #ACACAC; }
.form-control::-moz-placeholder { color: #ACACAC; }
.form-control:-ms-input-placeholder { color: #ACACAC; }

.fill {
    height: 100%;
    display: table-row;
}
.lightbox {
    z-index: 999999999 !important;
}
/*
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.row-eq-height > div[class*="col-"] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
*/
.listado_libros hr {
    border-color: #E4E4E4;
}
.listado_libros.five-cols .botones {
    display: block !important;
}
.listado_libros.five-cols .botones .formulario {
    display: none;
}
.content-extra > .row {
    margin: 50px 0;
}
.content-extra h2 {
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 400;
    color: #333333;
    border-bottom: 1px solid #d2d2d2;
    line-height: 25px;
}
.content-extra h2 i {
    color: #666666;
    float: left;
    font-size: 25px;
    margin-right: 10px;
}
.content-extra .list_carousel.small {
    margin-bottom: 0;
}
.content-extra .thumbnail {
    margin-bottom: 0;
    background: #F1F1F1;
    border-color: #DDDDDD;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.content-extra .thumbnail img {
    width: 100%;
}
.listado_materias {
    margin-bottom: 20px;
}
.listado_materias li a {
    border-bottom: 1px solid #eee;
    color: #2d9281;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 8px;
}
.listado_materias li a:hover {
    padding-left: 18px;
    color: #999;
}
.listado_materias li a i {
    float: left;
    margin: 3px 5px 10px 0;
    font-size: 10px;
}
.carousel-top {
    margin-bottom: 10px;
}
.bloque-top {
    margin: 0;
    padding: 0 34px 0 36px;
}
.bloque-subtop {
    width: 100%;
    max-height: 52px;
    margin: 0;
    padding: 0 34px 0 36px;
    background-color: #2D9281;
    box-shadow: 0 -2px 5px 2px rgba(0, 0, 0, 0.14) inset;
    color: #FFFFFF;
    display: block !important;
    float: left;
    font-size: 1em;
}
.bloque-top .bread,
.bloque-subtop .bread {
    color: #FFFFFF;
    float: left;
    font-weight: 400;
    margin: 8px 0;
    width: auto;
    max-width: 875px;
    line-height: 32px;
    font-size: 24px;
}
.bloque-top h2.title,
.bloque-subtop h2.title {
    border: 0;
    margin-bottom: 0;
}
.bloque-top .list-style-buttons,
.bloque-subtop .list-style-buttons {
    border-left: 1px solid #268258;
    display: inline-block;
    float: right;
    margin: 0;
    padding: 15px 2px 14px 30px;
}
.page-index .list_carousel.small {
    margin-bottom: 50px;
}
.list_carousel.big .discount {
    right: 8px;
    top: -8px;
    padding: 13px 8px;
    font-size: 15px;
}
.list_carousel.big li .portada .wraper_ebook {
    left: 5px;
    top: -10px;
}
.alert {
    margin-bottom: 12px;
    padding: 15px 30px;
}
.fichaDetalle-cover .fichaDetalle-price {
    width: 100%;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    background: none;
    overflow: hidden;
    display: none;
}
.zopim {
    right: 40px !important;
}
.clear {
    clear: both;
}


/** Desplegables **/

.btn-group.order,
.btn-group.limit {
    float: right;
    margin: 0;
}
.btn-group.order {
    width: 140px;
}
.btn-group.limit {
    width: 90px;
}
.btn-group.tipoArticulo {
    width: 100px !important;
}
.btn-group.tipoArticulo {
    float: left;
}
.btn-group.open {
    background: #FFFFFF;
    color: #2D9281;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(45, 146, 129, 0.6);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(45, 146, 129, 0.6);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(45, 146, 129, 0.6);
}
.btn-group .form-control{
    -moz-appearance: none;
    -webkit-appearance: none;
    background: none;
    color: #fff;
    cursor: pointer;
    outline: none;
    width: 100%;
    min-height: 50px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 0;
    box-shadow: none;
    border: 0;
    border-left: 1px solid #268258;
}
.btn-group.tipoArticulo .form-control {
    background: #FFFFFF;
    color: #333;
    min-height: 43px;
    font-size: 12px;
    font-weight: 600;
    border-left: 1px solid #999999;
}
.btn-group.tipoArticulo.open .form-control {
    border-left: 1px solid #CCCCCC;
}
.btn-group.open .form-control {
    color: #2D9281;
}
.btn-group .form-control .selection {
    margin-right: 2px;
    font-size: 13px;
}
.btn-group.tipoArticulo .form-control .selection {
    font-size: 12px;
}
.btn-group .dropdown-menu {
    min-width: 0;
    margin: 0;
    padding: 0 0 8px;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    border-top: 0;
}
.btn-group.order .dropdown-menu {
    width: 141px !important;
}
.btn-group.limit .dropdown-menu {
    width: 91px !important;
    text-align: center;
}
.btn-group.tipoArticulo .dropdown-menu {
    width: 99px !important;
    margin-left: 1px;
}
.btn-group .dropdown-menu li a {
    display: block;
    width: 100%;
    cursor: pointer;
    margin: 0;
    padding: 4px 0 4px 25px;
    border-radius: 0;
    font-size: 12px;
}
.btn-group.limit .dropdown-menu li a {
    padding: 4px 0;
}
.btn-group .dropdown-menu li a:hover {
    background: #2D9281 !important;
    color: #FFFFFF;
}
.btn-group.tipoArticulo .dropdown-menu li a,
.btn-group.tipoArticulo span {
    text-transform: uppercase;
}
.btn-group i {
    font-size: 12px;
    color: #FFFFFF;
}
.btn-group.open i{
    color: #E8304F;
}
.btn-group.tipoArticulo i {
    color: #E8304F;
}
h1.title,
h1.title_h1 {
    font-size: 28px;
    font-weight: 400;
    color: #333;
}
h1.title.first,
h1.title_h1.first {
    margin-bottom: 0;
}


/* Forms
**********************************************/

.form-horizontal .control-label,
.control-label {
    margin-bottom: 0;
    padding-top: 18px;
    text-align: right;
    font-size: 14px;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 10px;
    max-width: 100%;
}
.form-horizontal .form-control {
    font-size: 14px !important;
}

/** Login/Register Modal **/
.modal {
    text-align: center;
    padding: 0;
    overflow: auto;
    z-index: 999999999;
}
.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.modal .loginmodal-container {
    padding: 30px;
    max-width: 380px;
    width: 100% !important;
    background-color: #F7F7F7;
    margin: 0 auto;
    border-radius: 2px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
.modal .loginmodal-container h4 {
    margin-bottom: 15px;
    text-align: center;
    font-size: 35px;
    font-weight: 300;
}
.modal .loginmodal-container input[type=submit],
.modal .loginmodal-container .btn-fb {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    position: relative;
}
.modal .loginmodal-container input[type=text],
.modal .loginmodal-container input[type=email],
.modal .loginmodal-container input[type=password] {
    height: 44px;
    font-size: 16px;
    width: 100%;
    margin-bottom: 10px;
    -webkit-appearance: none;
    background: #fff;
    border-radius: 5px;
    padding: 0 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.modal .loginmodal {
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    height: 36px;
    padding: 0 8px;
}
.modal .loginmodal-submit {
    background: #f47421;
}
.modal .loginmodal-submit,
.modal .loginmodal-container .btn-fb {
    border: 0px;
    color: #fff;
    padding: 22px 0px;
    font-size: 18px;
    border-radius: 5px;
}
.modal .loginmodal-submit:hover {
    border: 0px;
    text-shadow: 0 1px rgba(0,0,0,0.3);
    background-color: #EA982F;
}
.modal .loginmodal-container .btn-fb {
    background-color: #F7F7F7;
    border: 2px solid #3b5998;
    color: #3b5998;
    padding: 7px 0px;
    font-weight: 400;
}
.modal .loginmodal-container .btn-fb:hover {
    background-color: rgba(59, 89, 152, 1);
}
.modal .loginmodal-container .btn-fb:hover span {
    color: #fff;
}
.modal .loginmodal-container .btn-fb:hover i {
    color: #fff;
}
.modal .loginmodal-container .btn-fb i {
    display: inline-block;
    float: left;
    font-size: 40px;
    margin: 0 -15px 0 10px;
}
.modal .loginmodal-container .btn-fb span {
    display: inline-block;
    line-height: 40px;
    color: #3b5998;
}
.modal .loginmodal-container .register span {
    font-size: 14px;
    line-height: 40px;
    color: #6B6B6B;
}
.modal .loginmodal-container .register .btn-login,
.modal .loginmodal-container .register .btn-register {
    font-size: 18px;
    font-weight: 500;
    background: none;
    border: 2px solid #f47421;
    color: #f47421;
    border-radius: 5px;
}
.modal .loginmodal-container .register .btn-login:hover,
.modal .loginmodal-container .register .btn-register:hover {
    background: #EA982F;
    border-color: #EA982F;
    color: #FFFFFF;
}
.modal .loginmodal-container a {
    text-decoration: none;
    color: #1EB1A0;
    font-weight: 400;
    font-size: 13px;
    display: inline-block;
    margin: 5px 0 10px;
}
.modal .login-help{
    font-size: 12px;
}
.modal .loginmodal-container .divider {
    position: relative;
    border-bottom: 1px solid #CCCCCC;
    margin: 30px 0;
    font-size: 18px;
    font-weight: 300;
    color: #CCCCCC;
}
.modal .loginmodal-container .divider:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    left: 50%;
    margin-top: -13px;
    margin-left: -18px;
    top: 50%;
    background: #F7F7F7;
}
.modal .loginmodal-container .divider:after {
    position: absolute;
    content: 'o';
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: 50%;
    margin-top: -10px;
}
.modal hr {
    border-color: #CCCCCC;
}
.modal .checkbox span {
    font-size: 12px;
    color: #6B6B6B;
    line-height: 15px;
}
.modal .intro {
    margin: 0 0 20px;
    font-size: 14px;
}
.modal-backdrop {
    z-index: 99999999 !important;
}
.modal-backdrop.in {
    opacity: 0.8;
}
.scrollToTop{
    position: fixed;
    background: url("../images/top.png") no-repeat scroll 0 0;
    background-size: cover;
    width: 40px;
    height: 40px;
    right: 20px;
    bottom: 20px;
    opacity: 1;
    display: none;
}
.scrollToTop:hover{
    text-decoration:none;
}

.nav-pills > li > a {
    font-size: 13px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background: #34B3A0;
}
.nav-pills > li + li {
    margin-left: 5px;
}
.modal-open .header-top {
    padding-right: 17px;
}
.breadcrumb-wrapper {
    padding: 0 20px 0 5px;
}
.breadcrumb-wrapper a {
    display: inline-block;
    padding: 5px 0;
}
.breadcrumb-wrapper i {
    margin: 0 2px;
    line-height: inherit;
}
th {
    padding: 15px 0;
}
.checkbox label {
    font-size: 11px;
    line-height: 15px;
}
.otros-comprados {
    margin: 30px 0 50px;
}
.checkout-header {
    padding: 12px 5px;
}
.checkout-header p {
    display: inline-block;
    margin: 0;
    font-size: 14px;
}
.checkout-header p.contacto {
    color: #333;
    font-weight: 400;
}
.checkout-header p.contacto i {
    font-size: 17px;
    vertical-align: bottom;
}
.checkout-header p.contacto span {
    margin-left: 2px;
    font-weight: 700;
}
.checkout-header p.pago-seguro {
    font-weight: 500;
}
.checkout-header p.pago-seguro i {
    float: left;
    margin-right: 6px;
    font-size: 22px;
}


/*** Proceso compra ***/

.page-formEnvio #header,
.page-formDireccion #header,
.page-verPedido #header {
    height: 60px;
}
.page-formEnvio .header-top
.page-formDireccion .header-top
.page-verPedido .header-top {
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.5);
}
.page-formEnvio .header-top > .container,
.page-formDireccion .header-top > .container,
.page-verPedido .header-top > .container {
    padding: 12px 0;
}
.page-formEnvio #header .logotipo a,
.page-formDireccion #header .logotipo a,
.page-verPedido #header .logotipo a,
.page-formEnvio #header .logotipo a {
    /*pointer-events: none;
    cursor: default;*/
}
.page-formEnvio .footer-top,
.page-formEnvio .footer-middle,
.page-formEnvio .navbar,
.page-formEnvio #search,
.page-formEnvio .breadcrumb-wrapper,
.page-formEnvio .header-actions,
.page-formDireccion .footer-top,
.page-formDireccion .footer-middle,
.page-formDireccion .navbar,
.page-formDireccion #search,
.page-formDireccion .breadcrumb-wrapper,
.page-formDireccion .header-actions,
.page-verPedido .footer-top,
.page-verPedido .footer-middle,
.page-verPedido .navbar,
.page-verPedido #search,
.page-verPedido .breadcrumb-wrapper,
.page-verPedido .header-actions
{
    display: none;
}
.page-formEnvio .checkout-header,
.page-formDireccion .checkout-header,
.page-verPedido .checkout-header
{
    display: block;
}
.page-formEnvio .botones_cesta,
.page-formDireccion .botones_cesta,
.page-verPedido .botones_cesta
{
    margin: 15px 0 35px;
}
.page-formEnvio #footer,
.page-formDireccion #footer,
.page-verPedido #footer{
    margin-top: 80px;
}
.title .number {
    display: inline-block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    line-height: 1.2em;
    background: #f47421;
    border-radius: 50%;
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    text-align: center;
    font-style: normal;
}
.checkout-process {
    margin-bottom: 20px;
    clear: both;
}
.checkout-process .title {
    margin-bottom: 0;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}
.checkout-process .title span {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.3;
}
.checkout-process .title .number {
    font-weight: 400;
}
.checkout-process .title.first {
    padding: 20px 0;
    border-top: 0;
    border-bottom: 1px solid #ddd;
}
.checkout-process .title.first:first-child {
    padding-top: 0;
}
.checkout-process .title a {
    float: right;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 10px 0 0;
    background: none;
    border-color: #1EB1A0;
    color: #1EB1A0;
    opacity: 1;
}
.checkout-process .title a:hover {
    background: #1EB1A0;
    color: #fff;
}
.checkout-col a.modificacesta {
    display: inline-block;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    text-decoration: underline;
}
.page-verPedido .tooltip > .tooltip-inner {
    max-width: 400px !important;
    padding: 10px !important;
    text-align: left !important;
}


/*** Mi cuenta ***/

.listado_opciones li a {
    border-bottom: 1px solid #eee;
    color: #2d9281;
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
    padding: 8px;
}
.listado_opciones li a:hover {
    padding-left: 18px;
    color: #999;
}
.listado_opciones li a i {
    display: inline-block;
    width: 20px;
    margin-right: 8px;
    font-size: 16px;
    color: #A6C1B0;
    text-align: center;
}
#menu2.dropdown-menu > li > a > i {
    display: inline-block;
    width: 20px;
    text-align: center;
    color: #a6c1b0;
}
.page-mis-pedidos .recibo {
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #fff;
    display: none;
}
.page-mis-pedidos td {
    padding: 5px 10px 5px 6px;
}
.page-mis-pedidos .cantidadped {
    border: 1px solid #ddd;
    height: 30px;
    margin: 0 10px 0 0;
    width: 36px;
    text-align: center;
}
.page-mis-pedidos .cant_lib_ped {
    height: 30px;
    line-height: 30px;
    color: #000;
}
.page-mis-pedidos .cant_lib_ped input[type="checkbox"] {
    float: right !important;
    margin: 9px 0 0 3px;
}
.page-mis-pedidos .msg {
    display: none;
    margin-top: 10px;
    color: #000;
    text-align: left;
    font-size: 12px;
}
.page-mis-pedidos .mensajespedido {
    width: 500px;
    background-color: #f1f1f1;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    box-shadow: 2px 2px 5px grey;
    position: fixed;
    width: 500px;
    z-index: 9999;
    top: 50%;
    transform: translateY(-50%);
}
.page-mis-pedidos .fondo {
    background-color: black;
    float: left;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999 !important;
}
.page-mis-pedidos .mensajespedido .tit_ventana {
    width: 100%;
    background-image: linear-gradient(to bottom, white 40%, #f3f3f3 100%);
    border-bottom: 1px solid #c5c5c5;
    border-top-left-radius: 4px;
    float: left;
    padding: 8px;
}
.page-mis-pedidos .mensajespedido .tit_ventana h3 {
    margin-left: 2%;
    padding-top: 2.9%;
}
.page-mis-pedidos .mensajespedido ul {
    background-color: #f1f1f1;
    background-image: url("../images/fondo-ul-pedido.png");
    float: left;
    margin-left: 5%;
    margin-bottom: 0;
    width: 90%;
}
.page-mis-pedidos .mensajespedido ul li {
    float: left;
    list-style-image: url("../images/list-img-pedido.png");
    width: 85%;
}
.page-mis-pedidos .mensajespedido .image_pedidos {
    background-color: #d6d6d6;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    float: left;
    margin-right: 4.88%;
}
.page-mis-pedidos .mensajespedido .image_pedidos:first-child {
    margin-top: 20px;
}
.page-mis-pedidos .mensajespedido input.texto,
.page-mis-pedidos .mensajespedido textarea,
.page-mis-pedidos .mensajespedido select  {
    padding-top: 5px;
    position: relative;
    top: -20px;
    width: 88%;
    border: 1px solid #ccc;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    padding: 0 5px;
    width: 365px;
}
.page-mis-pedidos .mensajespedido .button.resalt {
    background-color: #3884cd;
    background-image: linear-gradient(#3884cd, #3884cd);
    border-color: #3884cd;
    color: #fff;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.page-mis-pedidos .mensajespedido .button {
    background-clip: padding-box;
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
    border: 1px solid #d4d4d4;
    border-radius: 0.2em;
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-family: "Droid Sans",sans-serif;
    font-size: 13px;
    margin: 0;
    outline: medium none;
    overflow: visible;
    padding: 0.3em 0.8em;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #fff;
    white-space: nowrap;
}
.page-mis-pedidos .mensajespedido hr {
    width: 100%;
    float: left;
    border-color: #C5C5C5;
}
.page-mis-pedidos .mensajespedido p {
    margin-bottom: 0;
}
.page-mis-pedidos .mensajespedido span.data {
    font-size: 11px;
    color: #666;
}
.page-mis-pedidos .mensajespedido .alert {
    padding: 15px 0 !important;
    background: #E9F8F1;
    color: #008a00;
}
.page-mis-pedidos .mensajespedido .alert p {
    margin: 50px 0 10px;
    font-weight: 700;
    font-size: 15px !important;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
}
.page-mis-pedidos .seguimiento_ped {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 500px;
    background-color: #f1f1f1;
    border: 1px solid #c5c5c5;
    border-radius: 2px;
    box-shadow: 2px 2px 5px grey;
    color: black;
    z-index: 99999999;
}
.page-mis-pedidos .seguimiento_ped h3 {
    font-weight: bold;
    margin-left: 30px;
    margin-top: 10px;
}
.page-mis-pedidos .cont_seg_ped {
    background-color: white;
    float: left;
    margin-bottom: 30px;
    margin-left: 5%;
    margin-top: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 90%;
}
.page-mis-pedidos .seguimiento_ped p {
    margin-left: 10px;
}
.page-mis-pedidos .seguimiento_ped .boton_pedido_er {
    width: auto;
}
.page-mis-pedidos a.close {
    position: absolute;
    top: 15px;
    right: 15px;
    float: none;
    cursor: pointer;
    opacity: 1 !important;
}
.page-mis-pedidos .pedido .cont_seg_ped a,
.page-mis-pedidos .pedido .cont_seg_ped a:hover {
    color: #fff;
}
.page-mis-pedidos .buttons .btn {
    background-color: #f47421 !important;
    border-color: #f47421 !important;
    line-height: 1.43em;
}
.g-recaptcha {
    z-index: 99999999999999999999999999999999 !important;
}

/*** Confianza Online ***/
.confianza_online {
    max-width: 530px;
    max-height: 100px;
    overflow: auto;
    padding: 8px;
    line-height: 12px;
    border: 1px solid #ededed;
    border-radius: 3px;
    background: #f9f9f9;
}
.confianza_online:after {
    content: "";
    display: block;
    height: 8px;
    width: 100%;
  }
.confianza_online::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 4px;
}
.confianza_online::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}
.confianza_online::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}
.confianza_online strong {
    font-weight: 600;
    color: #333;
}
.confianza_online strong:first-child {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 12px;
}
.confianza_online br {
    display: inline-block;
    margin-bottom: 5px;
}
.confianza_online a {
    display: inline-block;
    color: #1eb1a0 !important;
    font-weight: 600 !important;
    font-size: 10px !important;
}
#newsletter .confianza_online {
    margin: 5px 0;
    background: #fff;
}
#opinionesClientes .confianza_online {
    max-width: none;
    margin-bottom: 10px;
    background: #fff;
}
#register-modal .confianza_online {
    background: #fff;
}
#tarjetasAddon input.labelauty + label,
.page-mis-medios-de-pago input.labelauty + label {
    min-height: 0;
}
#tarjetasAddon input.labelauty + label > span.labelauty-checked-image {
    left: -10px;
    top: -10px;
    height: 20px;
    width: 20px;
}
#tarjetasAddon input.labelauty + label > span.labelauty-checked-image {
    background-size: 10px !important;
}
#tarjetasAddon input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, 
#tarjetasAddon input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked, 
#formExtrasPedido input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked, 
#formExtrasPedido input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}
#tarjetasAddon input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked img, 
#tarjetasAddon input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked img, 
#formExtrasPedido input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked img, 
#formExtrasPedido input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked img {
    float: left;
    margin-top: -3px;
}
.page-mis-medios-de-pago input.labelauty + label {
    margin-top: 15px;
}
.page-mis-medios-de-pago input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked img, 
.page-mis-medios-de-pago input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked img {
    float: left;
    margin-top: 2px !important;
}
.page-mis-medios-de-pago input.labelauty + label > span.labelauty-unchecked-image + span.labelauty-unchecked a, 
.page-mis-medios-de-pago input.labelauty + label > span.labelauty-checked-image + span.labelauty-checked a {
    margin: 5px 0 0 15px;
    padding: 5px 10px;
    font-size: 10px;
}
.page-verPedido iframe[id^=rxp-frame-] {
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-left: 0 !important;
    min-width: 700px !important;
    /*max-height: 600px;*/
    background: #edeceb;
}
.page-verPedido img[id^=rxp-frame-close-] {
    margin-left: 290px !important;
}
.page-verPedido .portfolio-comercia {
    max-width: 0 !important;
}
.logo-ministerio {
    margin-top: 15px;
}
.logo-ministerio p {
    margin: 0 0 10px;
    color: #555;
}   



/* Cambios UX enero 2022
**********************************************/

/* Cesta compra */
.page-cestaCompra .basket_items th {
    padding: 10px 15px;
}
.page-cestaCompra .quantity-control {
    height: 30px;
    width: 30px;
    display: inline-block;
    background: #f1f2f4;
}
.page-cestaCompra .quantity-control a {
    display: block;
    line-height: 25px;
}
.page-cestaCompra .quantity-control i {
    color: #333;
}
.page-cestaCompra .quantity input {
    width: 30px;
    height: 30px;
    margin: 0;
    border: 1px solid #f1f2f4;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
}
.page-cestaCompra .quantity-control.minus {
    margin-right: -3px;
}
.page-cestaCompra .quantity-control.plus {
    margin-left: -3px;
}
.page-cestaCompra .del-articulo {
    display: block;
    margin: 5px 0 0;
    font-weight: 600;
}
.page-cestaCompra .text-envio-gratis {
    margin-top: 5px;
    font-size: 14px;
    font-weight: 700;
    color: #2eb80a;
}
.page-cestaCompra .label-success {
    margin: 0 0 0 5px;
    font-style: normal !important;
    font-weight: 400;
    color: #fff !important;
    cursor: default;
}
.page-cestaCompra .cupon {
    margin-top: 15px;
}
.page-cestaCompra .cupon h3 a {
    color: #333;
    text-decoration: underline;
    cursor: pointer;
}
.page-cestaCompra .cupon h3 a i {
    margin-left: 3px;
    font-size: 12px;
    transition: 0.3s ease all;
}
.page-cestaCompra .cupon h3 a i.up {
    transform: rotate(180deg);
}
.page-cestaCompra .cupon .cupon-input {
    display: none;
    margin-top: 10px;
}
.page-cestaCompra .envio-gratis {
    margin-bottom: 15px;
    padding-left: 75px;
    float: right;
    font-weight: 500;
    color: #000;
    background: url(../images/truck_icon.png) no-repeat;
    background-size: 85px;
    background-position: -12px -22px;
}
.page-cestaCompra .envio-gratis p {
    line-height: 1.4em;
}
.page-cestaCompra .envio-gratis span {
    font-size: 11px;
    color: #1eb1a0;
    cursor: default;
    text-decoration: underline;
}
.page-cestaCompra #totalPedido {
    font-size: 25px;
    color: #000;
}
.page-cestaCompra .btn-checkout {
    padding: 15px 50px;
    font-size: 20px;
    font-weight: 700;
}
.page-cestaCompra .cart-logos {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0;
    float: left;
}
.page-cestaCompra .cart-logos img {
    margin: 0 10px 0;
}
@media (max-width: 767px) {
    .page-cestaCompra .quantity input {
        width: 25px;
    }
    .page-cestaCompra .quantity-control {
        width: 20px;
    }
    .page-cestaCompra .quantity-control.minus {
        margin-right: -4px;
    }
    .page-cestaCompra .quantity-control.plus {
        margin-left: -4px;
    }
    .page-cestaCompra .envio-gratis {
        float: none;
    }
}
@media (max-width: 480px) {
    .page-cestaCompra .botones_cesta {
        width: 100%;
        margin: 35px 0 15px;
    }
    .page-cestaCompra .cart-logos {
        float: none;
        clear: both;
    }
    .page-cestaCompra .cupon {
        margin-top: 30px;
      }
}

/* Login/Registro */
.modal .loginmodal-container h4 {
    margin-top: -5px;
    font-size: 25px;
    font-weight: 600;
    color: #000
}
.modal .loginmodal-container h4 span {
    display: inline-block;
    font-size: 15px;
}
.modal .loginmodal-container .btn {
    position: relative;
    width: 100%;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.42857143;
}
.modal .loginmodal-container .btn-compra-invitado {
    margin-bottom: 10px;
    padding: 15px 0px;
    border-radius: 5px;
    color: #fff;
    background: #f47421;
    border-color: #f47421;
}
.modal .loginmodal-container .loginmodal-submit,
.modal .loginmodal-container .btn-register {
    padding: 15px 0px;
    color: #f47421;
    background: none;
    border: 2px solid #f47421;
}
.modal .loginmodal-container .btn-compra-invitado:hover,
.modal .loginmodal-container .loginmodal-submit:hover {
    background: #EA982F;
    border-color: #EA982F;
    color: #fff;
}
.modal .loginmodal-container p {
    text-align: center;
    font-size: 12px;
    font-weight: 500;
    color: #000;
}
.modal .loginmodal-container .register {
    margin: 30px 0 0;
    text-align: center;
} 
.modal .loginmodal-container .register span {
    display: inline-block;
    margin-top: 10px;
    line-height: 20px;
}


/* Sticky bar compra */
.sticky-bar-compra {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
    background-color: #f8f8f8;
    z-index: 99999999;
    -moz-box-shadow: 0 0 15px #9b9b9b;
    -webkit-box-shadow: 0 0 15px #9b9b9b;
    box-shadow: 0 0 15px #9b9b9b;
    display: none;
}
.sticky-bar-compra .btn {
    width: auto;
    padding: 10px 50px !important;
    margin: 0;
    float: right;
    border-radius: 0;
    font-size: 16px !important;
    font-weight: 600;
    text-transform: inherit;
}
.sticky-bar-compra .infoprices {
    float: right;
    margin: 0 30px 0 0;
}
.sticky-bar-compra .infoprices .discount-price {
    float: right;
    padding: 3px 10px;
    margin: -3px 0 0;
    background: #1eb1a0;
    color: #fff;
}
.sticky-bar-compra .infoprices .antes {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    color: #999;
    text-decoration: line-through;
}
.sticky-bar-compra .infoprices .despues {
    font-size: 28px;
    font-weight: 700;
    color: #000;
    clear: both;
    display: flex;
    align-items: center;
    height: 45px;
}
.sticky-bar-compra .infoprices.extra {
    margin-top: 5px;
}
.sticky-bar-compra .infoprices.extra .despues {
    height: 25px;
}
@media (max-width: 767px) {
    .sticky-bar-compra .infoprices {
        float: left;
    }
}
@media (max-width: 480px) {
    .sticky-bar-compra .btn {
        padding: 10px !important;
    }
}

/* Resguardo pedido */
.page-resguardoPedido h2,
.page-registerGuestOk h2 {
    margin-top: 0;
    font-size: 22px;
    font-weight: 700;
}
.page-resguardoPedido .success h2,
.page-registerGuestOk .success h2,
.page-registerGuestOk .info h2 {
    margin-left: 35px;
}
.page-resguardoPedido .info > i,
.page-registerGuestOk .info > i,
.page-resguardoPedido .success > i,
.page-registerGuestOk .success > i {
    position: absolute;
    margin-top: 3px;
    font-size: 26px;
    color: #61bf16;
}
.page-resguardoPedido .success,
.page-registerGuestOk .success {
    padding: 0 0 0 30px;
    background: none;
    border: 0;
}
.page-resguardoPedido .success p,
.page-registerGuestOk .success p {
    padding: 0 0 5px 35px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.page-resguardoPedido .info,
.page-registerGuestOk .info {
    padding: 30px;
    border: 0;
    border-radius: 0;
}
.page-resguardoPedido .info p,
.page-registerGuestOk .info p {
    padding: 0 0 0 30px;
}
.page-resguardoPedido .info ul,
.page-registerGuestOk .info ul {
    margin-top: 15px;
}
.page-resguardoPedido .info li,
.page-registerGuestOk .info li {
    padding: 0 0 5px 5px;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}
.page-resguardoPedido .info li i,
.page-registerGuestOk .info li i {
    position: relative;
    color: #61bf16;
}
.page-resguardoPedido label,
.page-registerGuestOk label {
    font-size: 14px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
}
.page-resguardoPedido input[type="text"],
.page-resguardoPedido input[type="password"] {
    height: 45px;
    padding: 5px 15px;
    border-color: #666;
    font-size: 14px;
}
.page-resguardoPedido .pass-icon {
    margin-left: -30px;
    font-size: 15px;
    cursor: pointer;
    color: #999;
}
.page-resguardoPedido input[type="submit"] {
    padding: 10px 50px;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
}
.page-resguardoPedido .grupo_datos,
.page-registerGuestOk .grupo_datos {
    padding: 15px 35px;
    border: 1px solid #000;
    border-radius: 4px;
}
.page-resguardoPedido .grupo_datos .field,
.page-registerGuestOk .grupo_datos .field {
    margin: 0;
}
.page-resguardoPedido .grupo_datos label,
.page-registerGuestOk .grupo_datos label {
    width: auto;
    line-height: 25px;
    font-size: 16px;
    font-weight: 700;
}
.page-resguardoPedido .grupo_datos span,
.page-registerGuestOk .grupo_datos span {
    line-height: 25px;
    font-size: 14px;
}
@media (max-width: 480px) {
    .page-resguardoPedido .success,
    .page-registerGuestOk .success {
        padding: 0 30px;
    }
    .page-resguardoPedido label,
    .page-registerGuestOk label {
        line-height: 25px;
    }
    .page-resguardoPedido input[type="submit"] {
        width: 100%;
        padding: 15px 50px;
        font-size: 18px;
    }
    .page-resguardoPedido .grupo_datos,
    .page-registerGuestOk .grupo_datos {
        width: calc(100% - 60px);
        margin: 0 30px 30px;
    }
    .page-resguardoPedido .grupo_datos span,
    .page-registerGuestOk .grupo_datos span {
        line-height: 20px;
    }
}

/* Notificaciones modal */
.bootstrap-dialog.alertCarrito-dialog {
    padding: 0;
    z-index: 99999999 !important;
}
.bootstrap-dialog.alertCarrito-dialog .modal-dialog {
    max-width: 500px;
}
.bootstrap-dialog.alertCarrito-dialog .modal-content {
    background-color: #fff;
    border-radius: 0;
}
.bootstrap-dialog.alertCarrito-dialog .bootstrap-dialog-message {
    overflow: hidden;
}
.bootstrap-dialog.alertCarrito-dialog .modal-header {
    padding-top: 0;
}
.bootstrap-dialog.alertCarrito-dialog .modal-header .bootstrap-dialog-close-button {
    display: none !important;
}
.bootstrap-dialog.alertCarrito-dialog i {
    top: -30px;
}
.bootstrap-dialog.alertCarrito-dialog .bootstrap-dialog-message div h2 {
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: 400;
    color: #009700;
}
.bootstrap-dialog.alertCarrito-dialog .bootstrap-dialog-message div h2 i {
    width: 28px;
    height: 28px;
    margin-right: 5px;
    line-height: 28px;
    font-size: 18px;
    vertical-align: text-bottom;
    border: 1px solid #009700;
    border-radius: 50%;
    text-align: center;
}
.bootstrap-dialog.alertCarrito-dialog img {
    max-width: 70px;
    margin: 0 15px 10px 0;
    float: left;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body {
    padding: 30px 60px 15px;   
}
.bootstrap-dialog.alertCarrito-dialog .modal-body p {
    margin: 0;
    line-height: 1em;
    text-align: left;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body p.titulo {
    padding: 5px 0 10px;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body p.autor {
    max-width: 230px;
    font-size: 12px;
    color: #999;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body p.precio {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body p.precio strike {
    font-size: 12px;
    font-weight: 500;
    color: #999;
}
.bootstrap-dialog.alertCarrito-dialog .modal-body a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1em;
    color: #000;
}
.bootstrap-dialog.alertCarrito-dialog .modal-footer {
    padding: 15px 15px 30px;
    text-align: center;
}
.bootstrap-dialog.alertCarrito-dialog.modal-no-header .modal-header,
.bootstrap-dialog.alertCarrito-dialog.modal-no-header .bootstrap-dialog-title {
	display: none;
}
.bootstrap-dialog.alertCarrito-dialog.modal-no-header .modal-header,
.bootstrap-dialog.alertCarrito-dialog.modal-no-footer .modal-footer {
	border: none;
}
.bootstrap-dialog.alertCarrito-dialog .modal-footer .btn {
    padding: 10px 30px;
    font-size: 16px;
    border-radius: 5px;
}
.bootstrap-dialog.alertCarrito-dialog .modal-footer .btn.btn-primary,
.bootstrap-dialog.alertCarrito-dialog .modal-footer .btn.btn-primary:active {
    color: #fff;
    background-color: #f47421;
    border-color: #f47421;
}
.bootstrap-dialog.alertCarrito-dialog .modal-footer .btn.btn-close {
    margin-right: 35px;
    background: #fff;
    border: 2px solid #f47421;
    color: #F47421;
}
.bootstrap-dialog.alertCarrito-dialog .modal-footer .btn:hover {
    color: #ffffff;
    background-color: #EA982F;
    border-color: #EA982F;
}
@media (max-width: 767px) {
    .bootstrap-dialog.alertCarrito-dialog .modal-body {
        padding: 30px 30px 15px;
    }
    .bootstrap-dialog.alertCarrito-dialog .modal-footer {
        padding: 15px 30px 30px;
    }
    .bootstrap-dialog.alertCarrito-dialog .modal-footer .btn {
        width: 100%;
    }
    .bootstrap-dialog.alertCarrito-dialog .modal-footer .btn.btn-primary {
        margin: 0;
    }
    .bootstrap-dialog.alertCarrito-dialog .modal-footer .btn.btn-close {
        margin: 0 0 15px;
    }
}


/** Logos Subvención (abril 2023) **/
.subvencion {
    margin-top: 30px;
}
.subvencion p {
    margin-bottom: 30px;
    font-weight: 600;
    padding: 0 15px;
    text-align: center;
    color: #666;
}
.subvencion .logos {
    margin: 20px 0;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.subvencion .logos div {
    width: calc(100% / 3);
    padding: 0 15px;
    text-align: center;
}
.subvencion .logos div img {
    width: 250px;
    max-width: 100%;    
}
@media (max-width: 480px) {
    .subvencion .logos {
        flex-direction: column;
    }
    .subvencion .logos div {
        width: auto;
    }
    .subvencion .logos div img {
        width: 200px;
        margin-bottom: 30px;
    }
}