*{
    /*box-shadow: 0 0 0 1px rgba(1, 63, 170, 0.15);   */
}
.icono-euro {
  max-height: 25px;
  display: inline-block;
}
.icono-euro-16 {
  max-height: 16px;
}
.icono-euro-20 {
  max-height: 20px;
}

/* *****************************************************************************
 * MENSAJES DE SALIDA AL USUARIO
 * *************************************************************************** */
#notificaciones-usuario {
  z-index: 995;
}
.mensajes-usuario {
  position: absolute;
  float: left;
  width: 100%;
}

.area-usuario .mensajes-usuario .cerrar-notificacion {
  right: 38px;
  top: 10px;
}

.mensajes-usuario .cerrar-notificacion {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 996;
  outline: none;
}
:focus {
  outline: none;
}
::-moz-focus-inner {border:0;}

.mensajes-usuario .cerrar-notificacion button {
  cursor: pointer;
}

.mensajes-usuario ul li {
  background-color: transparent;
  border: 0 !important;
}

.msg {
  padding: 10px;
  line-height: 2.0;
  border-radius: 6px;
  border: 1px solid #b6b6b6;
  text-indent: 43px;
}

.msg .msg-enunciado {
  font-size: 20px;
  font-weight: bold;
  text-decoration: underline;
  line-height: 1.8;
}

.msg .msg-info::before, .msg .msg-correcto::before, .msg .msg-error::before, .msg .msg-advertencia::before {
  content: '';
  display: block;
  width: 64px;
  height: 64px;
  float: left;
  margin: 0 10px 0 0;
}
.msg span.msg-info::before {
  background: url('../images/plantillas/2/msg_info.png') no-repeat center left transparent;
}
.msg span.msg-correcto::before {
  background: url('../images/plantillas/2/msg_ok.png') no-repeat center left transparent;
}
.msg span.msg-error::before {
  background: url('../images/plantillas/2/msg_error.png') no-repeat center left transparent;
}
.msg span.msg-advertencia::before {
  background: url('../images/plantillas/2/msg_warning.png') no-repeat center left transparent;
}

.msg-min {
  padding: 2px;
  line-height: 2.4;
  border-radius: 6px;
  border: 1px solid #b6b6b6;
  min-height: 34px;
  margin-left: 0;
  font-size: 12px;
  margin-bottom: 20px;
}

.msg-min span::before {
  content: '';
  display: block;
  width: 28px;
  height: 28px;
  float: left;
  margin: 0 10px 0 0;
}

.msg-min span.msg-info::before {
  background: url('../images/plantillas/2/msg_min_info.png') no-repeat center left transparent;
}
.msg-min span.msg-correcto::before {
  background: url('../images/plantillas/2/msg_min_ok.png') no-repeat center left transparent;
}
.msg-min span.msg-error::before {
  background: url('../images/plantillas/2/msg_min_error.png') no-repeat center left transparent;
}
.msg-min span.msg-advertencia::before {
  background: url('../images/plantillas/2/msg_min_warning.png') no-repeat center left transparent;
}

.msg .texto {
  padding-top: 10px;
  text-indent: 0;
}

#notificaciones-usuario-ventana .list-group-item {
  border: 0;
  padding: 0;
}

#notificaciones-usuario-ventana .msg {
  line-height: 2.0em;
  border: 0;
  background-color: transparent;
}

#notificaciones-usuario-ventana .msg .texto {
  width: 240px;
}

#notificaciones-usuario-ventana {
  color: #000 !important;
  padding: 5px 10px;
}

.login #notificaciones-usuario-ventana .cerrar-notificacion {
  right: 5px;
}

.login #notificaciones-usuario-ventana .cerrar-notificacion {
  width: 20px;
  height: 20px;
  position: absolute;
  z-index: 996;
  outline: none;
}
:focus {
  outline: none;
}
::-moz-focus-inner {border:0;}

.login #notificaciones-usuario-ventana .cerrar-notificacion button {
  cursor: pointer;
}

/* ********************* */
/*  HACKS
/* ********************* */
.tooltip-inner {
  background-color: rgba(38,101,60,10) !important;
  color: #fff;
}

.tooltip.top .tooltip-arrow {
  border-top-color: rgba(38,101,60,10) !important;
}

/* *****************************************************************************
* GENERAL
* **************************************************************************** */
body {
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
}

/* Barra de scroll */
body {
  overflow-x: auto;
  overflow-y: auto;

  /* Internet Explorer*/
  scrollbar-base-color: #649b40;
  scrollbar-3dlight-color: #649b40;
  scrollbar-highlight-color: #649b40;
  scrollbar-face-color: #649b40;
  scrollbar-track-color: #fff !important;
  scrollbar-arrow-color: #649b40;
  scrollbar-shadow-color: #649b40;
  scrollbar-darkshadow-color: grey;

}
::-webkit-scrollbar{
  width:6px;
  height: 6px;
  background-color: #649b40;
}
::-webkit-scrollbar-thumb{
  background-color: #649B40!important;
  border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover{
  background-color: #fff;
  border: 1px solid #649b40;
}
::-webkit-scrollbar-thumb:active{
  background-color: #fff;
  border:1px solid #649b40;
}
::-webkit-scrollbar-track{
  -webkit-box-shadow: none;
  border: 1px solid #649b40 !important;
  background: #fff !important;
  border-radius: 0px;
}
::-webkit-scrollbar-track-piece {
  height: 30px;
  width: 30px;
}

/* Enlaces */
a, a:foucs, a:active {
  outline-color: transparent;
  color: #649b40;
}

.btn, .btn:active, .btn:focus {
  outline-color: transparent !important;
}

.no-padding  {
  padding: 0 !important;
}

.no-padding-left  {
  padding-left: 0 !important;
}

.no-padding-right  {
  padding-right: 0 !important;
}

/* Separador horizontal para títulos */
.linea-separador {
  background-color: #035d67;
  height: 2px !important;
  margin: 20px 0; 
  line-height: 1.0px !important;
}

/* Formularios */
/* Placeholder en mayúsculas */
::-webkit-input-placeholder {
  color: #d6d6d6;
}
input:-moz-placeholder {
  color: #d6d6d6;
}
:-ms-input-placeholder {
  color: #d6d6d6;
}
/* Selects en mayúsculas */
select.form-control {
  color: #9a9b9d;
}

select.form-control option {
  color: #000;
}
/* Campos deshabiliados */
form input:disabled {
  color: #9a9b9d;
  text-transform: uppercase;
}
/* Formularios. Fin */


/* Cabecera de las ventanas emergentes */
.modal .modal-title {
  text-transform: uppercase;
}

/* Bordes en las ventanas emergentes */
.contenedor-condiciones-compra, .contenedor-politica-cookies, .contenedor-politica-privacidad, .contenedor-aviso-legal {
  border: none !important;
}

/* Paginación */
.pagination a {
  color: #649b40 !important;
}
.pagination .active a {
  background-color: #649b40 !important;
  border-color: #035D67 !important;
  color: #d3e2e4 !important;
}
/* Paginación. Fin */


.contenedor .contenedor-general .menu-opciones, .contenedor .contenedor-cabecera {
  font-family: 'Source Sans Pro', 'sans-serif', 'Helvetica Neue';
}

.cabecera {
  padding: 0;
  padding-top: 2px;
  margin-top: -1px;
  /*
  box-shadow: 0px 0px 10px 1px rgba(153, 153, 153, 0.6);
  border-bottom: 1px solid rgba(204, 204, 204, 0.9);
  */
}

.linea-separador-estructura {
  background-color: #1d2f39;
  height: 6px !important;
}

.contenedor {
  /* color: #000; */
  margin: 0;
  padding: 0;
  background-position: top left;
  background-repeat: repeat;
  background-size: 100%;
  /*background-color: #f3f3f3;*/
  background-attachment:fixed;
}

.subcontenedor-detalle-izquierda {
  margin-right: -15px;
}

.subcontenedor-detalle-derecha {
  margin-left: -15px;
}
.contenedor-detalle.social {
  /*background-color: #ffffff;
  border-radius: 4px;*/
  margin-bottom: 20px;
}
.contenedor a {
  color: #649b40;
  text-decoration: none;
  font-weight: normal !important;
  margin-top: 3px;
}

.contenedor a:hover {
  color: #649b40;
  text-decoration: none;
}

.contenedor ul {
  margin: 0;
  padding: 0;
}

.contenedor ul li {
  list-style: none;   
}

.contenido {
  min-height: 300px;
  margin: 0 -15px;
}

span.glyphicon {
  color: #5fac68;
}
.size20 {
  font-size: 20px;
  vertical-align: middle;
}
.size25 {
  font-size: 25px;
  vertical-align: middle;
}
.size24 {
  font-size: 24px !important;
  vertical-align: middle;
}

.size30 {
  font-size: 30px !important;
  vertical-align: middle;
}
.size50 {
  font-size: 50px;
}

.fondo-redondo {
  vertical-align: auto;
  background-color: #649b40;
  border: 1px solid #649b40;
  color: #fff;
  padding: 8px;
  margin-right: 20px;
  margin-bottom: 20px;
  line-height: 1.2 !important;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  border-radius: 25px;
}

.padding-left-15 {
  padding-left: 18px !important;
}

.padding-right-15 {
  padding-right: 30px !important;
}

.padding-left-30 {
  padding-left: 30px !important;
}


.false-hidden {
  width: 1px !important;
  height: 1px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  line-height: 0.1;
  clear: both;
}

button.btn-separado {
  margin-top: 10px;
}

button.btn-textoreducido {
  font-size: 0.8em;
  font-weight: bold;
}

button.btn-accion {
  border-radius: 4px;
  background-color: #649b40 !important;
  color: #fff !important;
  border-color:#649b40;
  /*text-transform: uppercase !important;*/
  line-height: 0.9em;
  /*padding: 10px;*/
}

button.btn-menu-area-farmacia-activo {    
  border-radius: 0px;
  background-color: #417521 !important;
  color: #fff !important;
  border-color: #fff;
  text-transform: uppercase;
  /*font-size: 1.3em;*/
  font-weight: bold;
  line-height: 1.3em;
  width: 100%;
  margin-top:4px;
  height: 56px;
  line-height: 18px;
}
button.btn-menu-area-farmacia {    
  border-radius: 0px;
  background-color: #649b40 !important;
  color: #fff !important;
  border-color: #fff;
  text-transform: uppercase;
  /*font-size: 1.3em;*/
  font-weight: bold;
  line-height: 1.3em;
  width: 100%;
  margin-top:4px;
  height: 56px;
  line-height: 18px;
}
.flecha-menu-area-farmacia{
  position:absolute;
  top:37px;   
  left: 45%;
  line-height: 1em;
  z-index: -1;
}
.menu-especial-farmacia .dropdown-menu li a{
  text-align: center;
  background-color: #417521 !important;
  color: #fff;
  text-transform: Uppercase;
  font-size: 1.0em;
  line-height: 32px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.menu-especial-farmacia li a{
    width: 100%;
}
.menu-especial-farmacia ul {
    width: 100%;
}
.menu-especial-farmacia .dropdown-menu li a:hover{    
  color: #fff;
  background-color: #649b40 !important;
  margin: 0;
  padding: 0;
}

button.btn-menu-area-farmacia:hover {    
  background-color: #417521 !important;
}
button.btn-quitar-filtro {
  border-radius: 18px;
  background-color: #417521 !important;
  color: #fff !important;
  line-height: 0.9em;
  padding: 6px 8px;
}
button.btn-quitar-filtro:hover {    
  background-color: #417521 !important;    
}
button.btn-cancelar {
  border-radius: 4px;
  background-color: #ccc !important;
  color: #000 !important;
  line-height: 0.9em;
  padding: 6px !important;
}
button.btn-alarma{
  border-radius: 4px;
  background-color: #D2322D !important;
  border-color: #D2322D !important;
  color: #fff !important;
  line-height: 0.9em;
  /*padding: 10px;  */
}
button.btn-incidencia{
  border-radius: 18px;
  background-color: #06262D !important;
  border-color: #385157 !important;
  color: #fafafa !important;
  line-height: 0.9em;    
}

button.btn-accion2 {
  background-color: #649b40 !important;
  color: #fff !important;
  border-color: #649b40;
  text-transform: uppercase;
}

button.btn-accion3 {
  background-color: #06262D !important;
  color: #fafafa !important;
  border-color: #385157;
  text-transform: uppercase;
}

button.btn-consentimiento-expreso {
  line-height: 1.3em;
  border-width: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}

button.btn-alarma:hover{
  background-color: #E85C5A !important;
  color: #fff !important;
}

button.btn-accion:hover {
  background-color: #83ad69 !important;
  border-color: #417521;
}

button.btn-accion3:hover {
  background-color: #035D67;
  color: #92b7bc;
}

button.btn-incidencia:hover{    
  background-color: #6A7172 !important; 
  color: #fff !important; 
  border-color: #06262D !important;
}

.boton-solicitar-informacion {
  font-size: 16px;
  line-height: 30px;
}

.banda-separadora {
  height: 10px;
  background-color: #4c878f;
  margin: 20px 0;
}


.form-group .active {
  background-color: #92b7bd !important;
  border: 1px solid #035d66 !important;
}

.form-group .checkbox input {
  vertical-align: -10%;
}

/* Cabecera */
.redes-sociales {
}

.contenedor-cabecera .email-farmacia a {
  color: #b4d4d7 !important;
}

.redes-sociales a {
  color: #b4d4d7 !important; 
}

.contenedor-cabecera {
  text-transform: uppercase;
  background-color: transparent;
  color: #fff !important;
  line-height: 1.3em;
  padding-top: 2px;
  height: 57px;
}

.contenedor-cabecera .email-farmacia a {
  color: #fff !important;
}

.contenedor-cabecera .menu-navegacion.logo-europeo-visible {
  min-height: 42px;
  margin-top: 8px;
}

.cont-buscador-productos.logo-europeo-visible,.contenedor-cabecera .menu-navegacion.logo-europeo-visible {
  /*margin-left: -170px;*/
}
.cont-buscador-productos {
  margin-left: -20px;
}
.resumen-usuario-cabecera button.btn-icono.boton-icono-cerrar-sesion.logo-europeo-visible {
  left: 192px;
}
.resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario.logo-europeo-visible {
  left: 226px;
}



.menu-especial-farmacia.logo-europeo-visible {
  width: 90%; 
}
.btn.btn-default.btn-resumen.logo-europeo-visible {
  margin-left: 16px;
}

.contenedor-cabecera .info-farmacia {
  margin-top: 18px;
  font-size: 0.9em;
  text-transform: uppercase;
}

.contenedor-cabecera .redes-sociales a {
  color: #b4d4d7 !important;
}

.contenedor-cabecera span {
  vertical-align: middle;
  margin-right: 6px;
}

.contenedor-cabecera .info-farmacia span {
  font-size: 1.4em;
}

.menu-contacto {
  margin-bottom: 10px;
}

.menu-contacto ul {
  width: 100%;
  clear: left;
}

.menu-contacto ul li {
  display: inline-block;
  width: 28%;
}

.resumen-usuario-cabecera {
  position: relative;
  min-height: 36px;
}

.resumen-usuario-cabecera .alertas-notificacion a {
  color: #fff;
}

.resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
    position: absolute;
    left: -4px;
    top: 4px;
    background-color: red;
    border-radius: 4px;
    width: 19px;
    height: 19px;
    text-align: center;
    font-size: 0.7em;
    line-height: 17px;
    font-weight: bold;
    z-index: 999;
    border-radius: 50%;
}

.resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion, #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
  color: #fff;
}
.resumen-usuario-cabecera .btn-group button a {
  color: #333333;
}

.resumen-usuario-cabecera .btn-group button a:hover {
  color: #417521;
}

.resumen-usuario-cabecera button {
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 0 !important;
  padding: 7px 3px 8px 3px;
  color: #000 !important;
  cursor: pointer;
  font-size: 1.2em;
  background-color: transparent !important;
  border-color: transparent !important;
}

.resumen-usuario-cabecera button:active {
  background-color: transparent;
  box-shadow: none;
}

.resumen-usuario-cabecera button span {
  color: #333;
}

.resumen-usuario-cabecera button.boton-login span.i-usuario,.resumen-usuario-cabecera button.boton-login span.i-carrito,.resumen-usuario-cabecera button.boton-login span.i-buscar,.resumen-carrito-boton .resumen-carrito-simbolo span,.resumen-carrito-texto .unidades,.resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito, .resumen-carrito-texto .caret {
  font-size: 1.4em !important;
  font-weight: bold;
  color: #333 !important;
}
.resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito {
  color: #333;
  font-weight: bold;
}
.resumen-carrito-texto .total {
  display: none;
}
/* Cabecera . Fin */

/* Flecha flotante para subir arriba */
.flecha-subir-arriba {
  position: fixed;
  opacity: 0.8;
  background: rgba(255,255,255,0.8);
  border-radius: 6px;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 2px rgba(0,0,0,0.4);
  z-index: 890;
  top: 50%;
  margin-top: -30px;
  color: #364A3E;
  cursor: pointer;
  padding-top: 4px;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1.5em;
}
.flecha-subir-arriba.izquierda {
  left: 10%;
  margin-left: -30px;
}

.flecha-subir-arriba.derecha {
  right: 10%;
  margin-right: -30px;
}

.flecha-subir-arriba:hover {
  background: rgba(255,255,255,0.8);
  box-shadow: 0 0 8px rgba(0,0,0,0.4);
}
/* Flecha flotante para subir arriba. Fin */


/* Sidebar */
/*
#sidebar.sticky-sidebar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 56;
}
*/
.cont-cabecera-sidebar.sticky-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 56;
    width: 100%; /* añadido David */
}
/*
#sidebar.sticky-sidebar #contenedor-menu-opciones.logo-europeo-visible {
  width: 100%;
}
*/
.cont-cabecera-sidebar.sticky-sidebar #contenedor-menu-opciones.logo-europeo-visible {
  width: 100%;
}
/*
#sidebar.sticky-sidebar #contenedor-menu-opciones .menu-opciones-variacion {
    width: 100% !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.6);
}
*/
.cont-cabecera-sidebar.sticky-sidebar #contenedor-menu-opciones .menu-opciones-variacion {
    width: 100% !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.6);
}
/*
#sidebar.sticky-sidebar #contenedor-menu-opciones {
  margin-top: 0px;
}
*/
.cont-cabecera-sidebar.sticky-sidebar #contenedor-menu-opciones {
  margin-top: 0px;
}
/*
.sidebar.sticky-sidebar .menu-superior button.opcion-menu-superior:not(.activo) {
  background-color: rgba(188, 205, 207, 0.9);
  border: 1px solid #c5c5c5; hasta aqui estába comentado ---------------------------------
  padding: 9px 9px 8px 9px;
}
*/
.cont-cabecera-sidebar.sticky-sidebar .menu-superior button.opcion-menu-superior:not(.activo) {
  padding: 9px 9px 8px 9px;
}
.sidebar.sticky-sidebar .menu-superior .opcion-menu-superior:not(.activo):hover {
  /*background-color: rgba(26, 49, 55, 0.8);
  color: #fff;
  cursor: pointer;*/
}

.sidebar .botones-principales {
    color: #000;
    padding: 0;
    margin-top: -1px;
    height: 1px;
}

.sidebar .botones-principales .fondo-contenedor-botones {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}

.resumen-carrito-cabecera {
  position: relative;
  color: #000;
  /* David */
  left: initial;
  right: 0;
  /*background: green;*/
  height: 41px;
}

.resumen-carrito-botones {
  margin: 4px 0;
  margin-bottom: 0;
  font-size: 1.2em;
  text-transform: uppercase;  
}

.resumen-carrito-botones .botones-accion-carrito div {
  padding: 5px;
}

.resumen-carrito-botones a {
  font-size: 12px;
  text-transform: uppercase;
  color: #000;
  border-radius: 10px;
  border-top: 4px;
  text-transform: uppercase;
}

.resumen-carrito-botones a.btn:hover {
  background-color: #fff;
}

.resumen-carrito-boton {
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 0 !important;
  padding: 4px 10px 5px 10px;
  cursor: pointer;
  font-size: 1.3em;
}

.resumen-carrito-boton:hover {
}

.resumen-carrito-detalle {
  cursor: default;
  padding: 0 9px;
}

.resumen-carrito-boton .resumen-carrito-simbolo span {
  color: #ffffff;
}

.resumen-carrito-detalle .resumen-carrito-listado-vacio {
  cursor: default;
}

.resumen-carrito-detalle .resumen-carrito-listado-vacio span {
  font-size: 1.0em !important;
}

.resumen-carrito-detalle #boton-resumen-carrito-contenido.multiple {
  max-height: 190px;
}


.resumen-carrito-detalle #boton-resumen-carrito-contenido {
  background-color: rgba(204, 204, 204, 0.2);
  border: 1px solid #cccccc;
  overflow-y: auto;
  overflow-x: hidden;
  color: #417521;
}

.resumen-carrito-detalle #boton-resumen-carrito-contenido.vacio {
  background-color: transparent;
  border: none;
}

.resumen-carrito-detalle #boton-resumen-carrito-contenido li:last-child {
  /*margin: 0;
  padding: 0;*/
}

.resumen-carrito-contenedor {
  cursor: pointer;
  padding: 4px !important;
  border-radius: 0 0 4px 4px !important;
  margin-top: 0 !important;
  background-color: #fff !important;
  color: #000;
  box-shadow: 0px 3px 6px rgba(0,0,0,0.6) !important;
}

.resumen-carrito-contenedor ul li {
  padding: 9px;
  padding-right: 0;
  padding-bottom: 0;
}

.resumen-carrito-detalle-cabecera {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 1.2em;
  color: #417521;
}

.resumen-carrito-detalle .resumen-carrito-listado-subtotal {
  color: #417521;
  margin-top: 10px;
  font-size: 1.1em;
  padding-left: 25px;
}

.resumen-carrito-detalle .resumen-carrito-listado-subtotal-importe {
  font-size: 2.4em;
  font-family: Ostrich Sans Rounded;
  line-height: 1.0em;
  color: green;
}

.resumen-carrito-detalle .resumen-carrito-listado-impuestos {
  font-size: 0.6em;
}

.resumen-carrito-detalle .botones-accion-carrito {
  padding: 8px 0 6px;
  border-top: 1px solid #83ad69;

}

.resumen-carrito-detalle .botones-accion-carrito button {
  font-size: 1em;
  text-transform: uppercase;
  border-radius: 4px;
  line-height: 0.9em;
  padding: 5px !important;
}

.resumen-carrito-detalle .resumen-carrito-vaciar {
  padding: 0 2px;
  line-height: 14px;
}

.resumen-carrito-detalle .resumen-carrito-vaciar span{
  color: #5fac68 !important;
}

.resumen-carrito-item.row {
  margin: auto 0;
}

.resumen-carrito-item .resumen-carrito-item-imagen {
  padding: 0 !important;
  height: 100%;
  background-color: #fff;
  overflow: hidden;
  margin: 5px;
  width: 25% !important;
}

.resumen-carrito-item .resumen-carrito-item-subtotal img.icono-euro {
  height: 23px;
}

.resumen-carrito-item-imagen .marca-oferta .sombra-marca-oferta {
  position: absolute;
  top:-41px;
  left: -8px;
  width: 50px !important;
  height: 50px !important;
  border: 0 !important;
  background: none;
  padding: 0;
}

.resumen-carrito-item-imagen .marca-oferta {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
}

.resumen-carrito-item-imagen .marca-oferta.descuento {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 35px solid rgba(102,188,41,0.8); /*#66bc29;*/
  border-right: 35px solid transparent;
  color: #000;
}

.resumen-carrito-item-imagen .marca-oferta.regalo {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 35px solid rgba(39,78,55,0.8);
  border-right: 35px solid transparent;
  color: #fff;
}

.resumen-carrito-item-imagen .marca-oferta.promocion {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 35px solid rgba(255,188,0,0.8);
  border-right: 35px solid transparent;
  color: #000;
}





.resumen-carrito-item .resumen-carrito-item-detalles {
  padding: 0px !important;
  border-style: solid;
  border-color: transparent;
}

.resumen-carrito-item-subtotal {
  font-family: Ostrich Sans Rounded;
  font-size: 2.4em;
  color: #649b40;
  line-height: 1.1;
  padding-right: 0 !important;
}

.resumen-carrito-item-detalles {
  font-size: 12px;
  min-height: 28px;
  padding: 0 !important; 
}

.resumen-carrito-item-detalles .producto-informacion-iva {
  position: absolute;
  right: 15px;
  bottom: -4px;
  margin-top: -12px;
  margin-left: 95px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  width: 57px;
}

.resumen-carrito-item-impuestos {
  font-size: 0.8em;
  margin-top: 14px;
  text-transform: uppercase;
}

.resumen-carrito-acciones .resumen-carrito-botones-item {
  margin-top: 7px;
  color: #fff;
  padding: 0 13px 0 0;
}

.resumen-carrito-acciones .resumen-carrito-botones-item a.btn {
  background-color: #649b40;
  color: #fff !important;
  font-size: 14px;
  padding: 8px 5px 1px 4px;
  border-radius: 4px;
  display: inline;
  border: none;
}


.resumen-carrito-acciones .resumen-carrito-botones-item a.btn:hover {
  background-color: #64ab40;
}

.resumen-carrito-item-titulo {
  font-size: 1.0em;
  text-align: left;
  padding-top: 5px;
  text-transform: uppercase;
  line-height: 1.0em;
  height: 28px;
}

.resumen-carrito-item-titulo a {
  color: #417521;
  font-weight: bold;
}

.resumen-carrito-item-titulo a:hover {
  color: #417521;
}

.resumen-carrito-item-eliminar {
  font-size: 1.5em;
  color: #fff;
  cursor: pointer;
}

.resumen-carrito-item-acciones button {
  width: 100%;
}

/* Cabecera. Fin */

/* Ventana de uso de cookies */
#uso-cookies {
  display: block;
  overflow: hidden;
  background-color: rgba(0,0,0,0.4);
}

#uso-cookies .aviso-cookies {
  border-radius: 0;
  border: 1px solid #035d66;
  width: 1140px;
}

#uso-cookies .aviso-cookies .modal-content {
  border-radius: 0;
  background-color: #85bb3d;
  min-height: 65px;
  opacity: 0.9;
}

#uso-cookies .aviso-cookies .modal-body {
  padding: 0 !important;
  border: 1px solid #fff;
}

#uso-cookies .aviso-cookies .mensaje {
  padding: 20px;
  padding-right: 0;
  color: #06262d;
}

#uso-cookies .aviso-cookies .mensaje a {
  color: #06262d;
  text-decoration: underline !important;
}

#uso-cookies .aviso-cookies .mensaje a:hover {
  color: #d3e2e4;
  text-decoration: none !important;
}

#uso-cookies .aviso-cookies .mensaje .titulo {
  color: #fff;
  font-weight: bold;
}

#uso-cookies .aviso-cookies .cierre {
  background-color: #649a40;
  padding: 18px 0;
  padding-right: 8px;
  width: 30px;
  height: 100px;
}


#uso-cookies .margin-top-acepto {
    margin-top: 20px !important;
}

/* Contenido */
.contenedor-general {
  margin-top: 0px;
  background-color: transparent;  
}

.contenedor-general.transparente {
  background-color: transparent;
}
/* Contenido. Fin */

/* Buscador cabecera */
.buscador-productos input[type=search] {
  padding: 2px 4px 2px 14px;
  border: 1px solid #ddd;
  border-right: 0;
  text-transform: uppercase;
  font-size: 1.2em;
  height: 32px;
  box-shadow: none;
}
.cont-buscador-productos-medio {
  padding: 5px;
  margin-left: -25px;
  margin-top: -3px;
  width: 768px;
}

.buscador-productos .boton {
  border: 1px solid #ddd;
  border-left: 0;
  background-color: #fff;
  width: 40px;
  height: 32px;
  outline-width: 0;
  border-radius: 0;
  font-size: 20px;
  line-height: 22px;
  color: #649b40;
  font-weight: bold !important;
}

.buscador-productos .boton:hover {
  background-color: #fff;
  border-color: #ddd;
}

.navegacion-rapida {
  position: relative;
}
/* Buscador cabecera. Fin */

/* Menú de navegación */
.menu-navegacion {
  position: relative;
  margin: 0;
  margin-top: 16px;
  font-size: 0.9em;
  width: 100%;
  min-height: 37px;
  vertical-align: baseline !important;
  border-left: 0;
  border-right: 0;
  border-top: 0;
}

.menu-navegacion a {
  font-size: 1.3em;
  border-right: 1px solid #649b40;
  padding: 5px 10px 5px 5px!important;
  color: #333;
}
.menu-navegacion a.btn {
  text-transform: uppercase; 
  border: 0;
  background-color: transparent;
  box-shadow: none;
  float: right;
}

.menu-navegacion a.btn:hover {
  border: 0;
  background-color: transparent;
  color: #333;
  font-weight: bold !important;
}

.menu-navegacion a.btn.active {

}

.menu-navegacion .flecha-arriba {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #333;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -3px;
}

.menu-navegacion .remarcado-activo {
  /*border-top: 5px solid #417521;*/
  position: absolute;
  bottom:-7px;
  left: 0;
  width: 100%;
}
/* Menú de navegación. Fin */

/* Enlaces a redes sociales */
.cabecera-contenedor .redes-sociales {
  font-size: 2.0em;
}
.cabecera-contenedor .redes-sociales .red-social a{
  color: #457685 !important;
}
.cabecera-contenedor .redes-sociales .red-social a:hover {
  color: #06262d !important;
}
.cabecera-contenedor .redes-sociales {
  margin-bottom: 4px;
}
/* Enlaces a redes sociales. Fin */

/* Menú usuario */
.menu-usuario {
  background-color: #000 !important;
}

.menu-usuario-botones a.btn {
  color: #fff;
  border-radius: 0;
  background-color: #000;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

.menu-usuario a.btn:hover {
  border-bottom: 3px solid #4cae4c;
}

.menu-usuario-resumen {
  font-size: 12px;
  line-height: 16px;
  margin-left: 20px;
  text-transform: uppercase;
  margin-top: 2px;
  color: #fff;
}

.logo_tienda_32 {
  display: block;
  vertical-align: middle;
  width: 32px;
  height: 32px;
  margin-right: 20px;
}

.logo-cabecera {
  height: 49px;
  margin-top: 0;
}

.resumen-usuario-cabecera {
  padding: 0 !important;
  margin: 0 !important;
  text-transform: uppercase;
}

.resumen-usuario-cabecera .enlace-menu {
  padding: 0;
  margin: 0;
  font-size: 0.1px;
}

.resumen-usuario-cabecera .boton-area-usuario, .resumen-usuario-cabecera .boton-cerrar-sesion {
  font-size: 13px !important;
}
.boton-resumen-area-usuario button.btn.btn-default.btn-resumen {
  width: 26% !important;
}
a.boton-area-usuario {
  margin-top: -5px;
  vertical-align: middle;
  display: inline-block;
}
.boton-resumen-area-usuario a,
.boton-resumen-area-usuario a span {
    color: #333 !important;
}
/* Menú usuario. Fin */

/* Menú superior */
#menu-botonera {
  background-color: #fefefe;
  color: #383838;
  padding: 6px;
}

#contenedor-listado-opciones .menu-superior-categorias {
  padding: 0;
}

#contenedor-listado-opciones,#contenedor-listado-opciones:hover {
  background-color: #fff;
  color: #000;
  /*position: relative;*/
  /*min-height: 220px;*/
  margin-top: -34px;
  z-index: -1;
  padding-top: 33px;
  border: 1px solid #ccc;
  border-top: 0;
  padding-top: 40px;
  border-top: 3px solid transparent;
}

.menu-superior-categorias {
  color: #fff;
  width: 100%;
  background-color: transparent;
}

.menu-superior-categorias .contenedor-opcion-menu-superior {
  padding: 0 1px;
}

.menu-superior-categorias .contenedor-opcion-menu-superior button:focus {
  outline-color: transparent;
}

.menu-superior-categorias button.opcion-menu-superior {
  font-weight: normal;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0px;
  padding: 10px;
  border-top: 3px solid transparent;
}


.menu-superior-categorias .opcion-menu-superior:hover {
  border-bottom: 3px solid #649b40;
  color: #555 !important;
  cursor: pointer;
  font-weight: normal;
}

.menu-superior-categorias .opcion-menu-superior,.menu-superior-categorias button.opcion-menu-superior {
  border-bottom: 3px solid transparent;
}
.contenedor-menu-superior .menu-superior {
  background-color: #fff;
}
.menu-superior-categorias button {
  white-space: pre-wrap;
}

.menu-superior-categorias .opcion-menu-superior.activo {
  background: -webkit-linear-gradient(#fff, #fff); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #fff); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #fff); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #fff); /* Standard syntax */
  border: 1px solid #ccc;
  margin-top: 181px;
  position: absolute;
  border-top: 0;
  box-shadow: 0 0 0 #fff;
  height: 48px;
  margin-left: -1px;
  border-bottom: 3px solid #649b40;
}

.menu-superior-categorias .opcion-menu,
.menu-superior-categorias .menu-superior[data-nivel="1"] button {
  border: 0;
  border-radius: 0 !important;
  background-color: #fff !important;
  padding-left: 10px;
  text-align: left;
  line-height: 1.2em;
  color: #333;
}

.menu-superior-categorias .menu-superior[data-nivel="1"] a button {
  display: block;
  color: #333;
}

.menu-superior-categorias .menu-superior[data-nivel="1"] a button{
  text-decoration: none;
}

.menu-superior-categorias .menu-superior[data-nivel="1"] button:hover {
  background-color: transparent !important;
  color: #333333;
  width: 100%;
}

.menu-superior-categorias .opcion-menu:hover, 
.menu-superior-categorias .opcion-menu.activo {
  background-color: #649b40 !important;
  color: #fff;
}
/* Menú superior. Fin */


/* Menú superior horizontal */
.contenedor-menu-superior-horizontal .boton-menu-adaptado {
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 2.3;
  display: block;
}

.contenedor-menu-superior-horizontal #accordion {
  margin-bottom: 5px;
}

.contenedor-menu-superior-horizontal #accordion .panel-heading a,
.contenedor-menu-usuario-superior-horizontal #menu-usuario .panel-heading a {
  text-decoration: none;
  display: block;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .panel-opciones {
  background-color: rgba(26, 49, 55, 0.8);
  border: 1px solid #06262D;
  border-radius: 0;

}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .boton-seccion {
  background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #ddd); /* Standard syntax */
  font-size: 1.2em;
  text-transform: uppercase;
  border-radius: 0;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .boton-seccion span {
  color: #385157;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar {
  display: block;
  color: #06262d;
}
.contenedor-menu-superior-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar:hover,
.contenedor-menu-superior-horizontal .boton-menu-adaptado .panel-opciones .boton-seccion.activo .texto-boton-desplegar {
  background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #ccc); /* Standard syntax */
  font-weight: bold;
  color: #000;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar span {
  margin: 7px 8px 0 0;
  font-weight: normal;
  font-size: 14px;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .contenedor-opcion-menu {
  background: transparent;
  border: 0;
  padding: 0;
  line-height: 1.2;
  border-radius: 0;
}


.menu-superior-horizontal .contenedor-opciones-menu {
  height: 34px;
}

.menu-superior-horizontal .contenedor-opciones-menu .panel-heading {
  padding: 0;
}
.menu-superior-horizontal .contenido-menu-horizontal .listado-opciones {
  padding: 0;
}

.menu-superior-horizontal #boton-desplegar-menu-horizontal .panel-opciones {
  border-color: #1d2f39;
  background-color: rgba(188, 205, 207, 0.8);
}

.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
}

.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu span {
  margin-top: 7px;
  color: #fff;
}

.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu.activo span, 
.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu:hover span {
  color: #385157;    
}

.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu .opcion-titulo {
  display: block;
  margin:0;
  padding: 0 10px 0 20px;
  color: #fff;
  line-height: 2.3;
}

.contenedor-menu-superior-horizontal .boton-menu-adaptado .opcion-menu:hover {
  background-color: #fff;
}


.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu .opcion-titulo:hover, 
.menu-superior-horizontal .contenido-menu-horizontal .opcion-menu.activo .opcion-titulo {
  color: #1d2f39;
  background-color: #fff;
}
.menu-superior-horizontal .contenedor-opciones-menu .listado-items {
  width: 100%;
}

.menu-superior-horizontal .contenido-menu-horizontal .panel-categoria {
  border: 0;
  background: none;
  border-radius: 0;
}


.menu-superior-horizontal #boton-desplegar-menu-horizontal .texto-boton-desplegar-familias {
  padding: 6px 10px 6px ;
  background-color: transparent;
  display: block;
  font-size: 1.0em;
}

.menu-superior-horizontal .contenido-menu-horizontal .opcion-submenu {
  background-color: #649b40 !important;
  padding-left: 30px !important;
  color: #fff !important;
}

.menu-superior-horizontal .contenido-menu-horizontal .item-opcion {
  padding-left: 20px;
}

.menu-superior-horizontal .contenido-menu-horizontal .item-opcion a {
  display: block;
  color: #bed4d7;
  line-height: 2.3;
}

.menu-superior-horizontal .contenido-menu-horizontal .item-opcion:hover {
  background-color: #d3e2e4;
  color: #709e45;
}

.menu-superior-horizontal .contenido-menu-horizontal .item-opcion a:hover {
  color: #385157;
}
/* Menú superior horizontal. Fin */

/* Menú columna "izquierda" */

#contenedor-menu-opciones .menu-opciones-variacion button {
  border-radius: 0;
}

#contenedor-menu-opciones .menu-opciones-variacion .opcion-menu {
  text-transform: uppercase;
  height: 56px;
  line-height: 18px;
}

#contenedor-menu-opciones .menu-opciones-variacion .contenedor-opciones-listado {
  overflow-y: auto;
  max-height: 423px;
  padding-left: 60px;
  margin-top: 6px;
}

#contenedor-menu-opciones .menu-opciones-variacion .contenedor-opciones-listado button {
  line-height: 1.4em;
  font-size: 1.3em;
  border: 0;
  background-color: transparent;
  color: #fff;
  text-align: left;
  white-space: normal;
  padding-left: 6px;
  padding-right: 6px;
}

#contenedor-menu-opciones .menu-opciones-variacion .contenedor-opciones-listado button:hover, 
#contenedor-menu-opciones .menu-opciones-variacion .contenedor-opciones-listado button.activo {
  background-color: #649b40 !important;
}

#contenedor-menu-opciones .menu-opciones-variacion[data-nivel="3"] {
  position: absolute;
  background-color: #649b40;
  width: 296px !important;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  z-index: 10;
}

#contenedor-menu-opciones .menu-opciones-variacion[data-nivel="3"] button.btn {
  background-color: transparent;
  color: #fff;
  border: 0;
  text-align: left;
  padding-left: 10px;
  white-space: normal;
}

#contenedor-menu-opciones .menu-opciones-variacion[data-nivel="3"] button.btn:hover {

  background-color: #417521;
  color: #fff;
}


.contenedor-general .columna-izquierda {
  margin: 0;
  z-index: 99;
}

#contenedor-menu-opciones-listado {
  border: 1px solid #000;
  height: 100px;
  background-color: rgba(41, 48, 50, 0.8); /*#14646f;*/

}

#contenedor-menu-opciones {
  max-height: 459px;
  background-color: #ffffff;
  margin-top: 0px;
  z-index: 302;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones {
  line-height: 30px;
  min-height: 459px;
  max-height: 459px;
  max-width: 292px;
  width: 100%;
  margin: 0;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 0;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones[data-nivel='1'] {
  position: relative;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones a, .columna-izquierda #contenedor-menu-opciones .menu-opciones a button {
  outline: 0;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones[data-nivel="1"] {
  padding: 0;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones .opcion-menu {
  font-size: 12px !important;
  white-space: normal;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones .opcion-menu.activo, .columna-izquierda #contenedor-menu-opciones .menu-opciones .opcion-menu:hover, .columna-izquierda #contenedor-menu-opciones .menu-opciones.activo {
  background-color: rgba(76, 134, 143, 0.8) ;
  color: #fff !important;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones[data-nivel="1"] .opcion-menu{
  font-size: 14px !important;
}

.columna-izquierda #contenedor-menu-opciones .menu-opciones[data-nivel="1"] button.activo{
  background: url('../images/plantillas/2/marcador_menu.png') no-repeat 98% 50% rgba(76, 134, 143, 0.8);
  border-radius: 0;
}

#contenedor-menu-opciones.logo-europeo-visible {
  width: 89%;
}
.columna-izquierda #contenedor-menu-opciones .opcion-menu.activo, .columna-izquierda #contenedor-menu-opciones .menu-opciones.activo button{
  color: #fff !important;
  font-weight: normal;
}

.columna-izquierda .menu-opciones[data-nivel="1"] button {
  background-color: rgba(188, 205, 207, 0.8);
}

.columna-izquierda .menu-opciones button {
  background-color: transparent;
  border: none;
  margin-bottom: 1px !important;
  border-radius: 0;
  color: #1b323a;
  font-weight: bold;
  text-transform: uppercase;
  text-align: left;
  padding: 0 10px 0 20px;
  font-size: 12px;
  width: 100%;
  white-space: normal;
}

.columna-izquierda .menu-opciones[data-nivel="1"] button{
  padding-left: 20px;
  line-height: 25px;
  font-size: 14px;
  height: 50px;
}


.columna-izquierda .menu-opciones button:hover {
  background-color: rgba(188, 205, 207, 0.8);
  font-weight: normal;
  color: #fff;
}
/* Menú columna izquierda. Fin */

/* Menú columna izquierda formato responsivo (horizontal) */

.contenedor-menu-lateral-horizontal {
  z-index: 20;
  margin-top: 2px;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu {
  background-color: transparent;
  padding: 0;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu.activo, .contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu.activo:hover,
.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu:hover {
  background-color: #649b40;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-titulo:hover {
  background-color: #fff;
  color: #649b40;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-titulo {
  padding: 4px 8px 0 12px;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-titulo span {
  color: #385157;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-titulo:hover span {
  color: #fff;
}

.contenedor-menu-lateral-horizontal .panel-opciones {
  background-color: transparent;
  padding:0;
  border: 1px solid #06262D;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .item-opcion:hover {
  background-color: #649b40;
  color: #fff;
}

.contenedor-menu-lateral-horizontal #boton-desplegar-menu-lateral-horizontal {
  line-height: 48px;
  margin-top: 0;
}

#contenedor-menu-opciones .opcion-menu-superior {
  background-color: transparent;
  text-align: center;
  color: #000 !important;
  height: 56px !important;
  padding:10px !important;
  border-right: 1px solid #649b40;
}
#contenedor-menu-opciones .opcion-menu-superior-parafarmacia {
  background-color: transparent;
  text-align: center;
  color: #CCC !important;
  height: 56px !important;
  padding:10px 0px !important;  
}


#contenedor-menu-opciones .opcion-menu-superior .dropdown-menu {   
    border: 1px solid #649b40 !important;    
    border-radius: 0px !important;     
}

#contenedor-menu-opciones .opcion-menu-superior:hover{
    font-weight: bold;
    border-bottom: 3px solid #649b40;
}


.contenedor-menu-lateral-horizontal .panel-opciones .boton-panel-horizontal {
  background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#fff, #ddd); /* Standard syntax */
}

.contenedor-menu-lateral-horizontal .panel-opciones .boton-panel-horizontal a {
  color: #385157;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.2em;
}

.contenedor-menu-lateral-horizontal .panel-opciones .boton-panel-horizontal span {
  color: #385157;
}


#menu-izquierdo-contenedor {
  margin: 0;
}

#menu-izquierdo-contenedor .contenedor-opcion-menu {
  line-height: 23px;
  border: 0;
  margin: 0;
  border-radius: 0;
  background-color: #fff;
  color: #363636;
}

.contenedor-menu-lateral-horizontal .listado-opciones {
  padding: 0;
}

.contenedor-menu-lateral-horizontal .opcion-menu {
  padding: 4px 12px;
  border-radius: 0;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu:hover {
  color: #fff;
  background-color: #649b40;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu a:hover,
.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu a:active,
.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu a:focus {
  color: #fff;
  background-color: #649b40;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .opcion-menu a {
  display: block;
}

.contenedor-menu-lateral-horizontal .boton-panel-horizontal a {
  display: block;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .item-opcion {
  padding: 2px 0 0 12px;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .item-opcion a {
  font-size: 1.0em;
}

.contenedor-menu-lateral-horizontal .contenedor-opcion-menu .item-opcion a:hover {
  color: white;
}





.contenedor-menu-lateral-horizontal .boton-menu-adaptado {
  margin-top: 2px;
  margin-bottom: 0;
  line-height: 2.3;
  display: block;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .panel-opciones {
  background-color: rgba(26, 49, 55, 0.8);
  border: 1px solid #06262D;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .boton-seccion {
  background-color: #bed4d7;
  font-size: 1.2em;
  text-transform: uppercase;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .boton-seccion:hover span, 
.contenedor-menu-lateral-horizontal .boton-menu-adaptado .boton-seccion.activo span {
  color: #fff;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .boton-seccion span {
  color: #385157;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar {
  display: block;
  color: #06262d;
}
.contenedor-menu-lateral-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar:hover,
.contenedor-menu-lateral-horizontal .boton-menu-adaptado .panel-opciones .boton-seccion.activo .texto-boton-desplegar {
  background-color: #445356;
  color: #fff !important;
}

.contenedor-menu-lateral-horizontal .boton-menu-adaptado .panel-opciones .texto-boton-desplegar span {
  margin: 11px 8px 0 0;
  font-weight: normal;
  font-size: 14px;
}
/* Menú columna izquierda formato responsivo (horizontal). Fin */

/* ******************************************************** */
/* Nuevas definiciones para el menú principal (12/nov/2015) */
#contenedor-menu-opciones .navbar .boton-opcion-desplegable .dropdown-menu {
    border-radius: 0 0 4px 4px;
    padding-bottom: 4px;
}

#contenedor-menu-opciones .navbar .boton-opcion-desplegable .dropdown-menu a {
    padding: 4px 4px 4px 14px;
    white-space: normal;
}

#contenedor-menu-opciones .navbar .boton-opcion-desplegable .dropdown-menu a .i-flecha-der-5 {
    margin-left: -14px;
}
/* Nuevas definiciones para el menú principal (12/nov/2015). Fin */

/* Columna centro */
.contenedor-general .columna-centro:not(.transparente) {
    padding: 10px;
    background-color: #fff;
    border-radius: 6px;
    margin-top: 20px;
}

.contenedor-general .columna-centro {
  margin-bottom: 20px;
}
/* Columna centro. Fin */

/* Columna derecha */
.contenedor-general .columna-derecha {
  padding: 0;
  min-height: 458px !important;
}

.columna-derecha .bloque-anuncio {
  position: relative;
  margin-bottom: 6px;
  padding-bottom: 20px;
  min-height: 50px;
  background-color: #fff;
  border-width: 2px 0;
  border-color: #649b40;
}

.columna-derecha .bloque-anuncio .imagen-bloque-anuncio {
  padding: 0;
  margin-top: 1px;
  height: 150px;
  overflow: hidden;
  border-top: 4px solid #035D67
}

.columna-derecha .bloque-anuncio .titulo-bloque-anuncio  {
  position: absolute;
  top: 14px;
  left: 0;
  width: 90%;
  background-color: rgba(6,38,45, 0.4);
  color: #fff;
  font-weight: bold;
  font-style: italic;
  font-size: 18px;
  padding: 9px 0 9px 25px;
  text-shadow: 2px 2px rgba(0,0,0,0.8);
}

.columna-derecha .bloque-anuncio .imagen-bloque-anuncio img {
  margin-top: -20%;
  width: 100%;
}
.columna-derecha .bloque-anuncio .contenedor-bloque-anuncio {
  padding: 20px;
  font-size: 13px;
}

.columna-derecha .bloque-anuncio .listado-productos-bloque {
  overflow-y: auto;
  max-height: 110px;
}

.columna-derecha .bloque-anuncio .listado-productos-bloque ul li {
  padding: 0;
  padding-left: 10px;
  border-radius: 0;
  border: 0;
}

.columna-derecha .bloque-anuncio .link-bloque-anuncio {
  position: absolute;
  right: 16px;
  bottom: 10px;
  font-weight: lighter;
  font-size: 10px;
  margin-top: 10px;
}

.columna-derecha .bloque-anuncio .link-bloque-anuncio .glyphicon {
  vertical-align: top;
}

/* Columna derecha. Fin */


/* **** */
/* Pie */
/* ** */

/* Estilos generales Pie */
.pie {
  color: #fff;
  padding: 0;
  background-color: #417521;
  background-size: cover;
}

.pie .pie2 {
  background-color: #333333;
  width: 100%;
}

.pie .contenedor-pie {
  border-left: 0;
  border-right: 0;
  padding: 40px 0 0px 0;
}


.pie .cabecera-detalle {
  border-bottom: 1.5px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 15px;
  font-size: 1em;
  text-transform: uppercase;
  line-height: 24px;
}

.pie .cabecera-detalle.block-vaca-cierres {
  text-align: center;
}
.cierres {
  font-size: 11px;
  text-align: left;
  padding: 0px 5px 0px 5px;

}

.pie a {
  text-decoration: none !important;
  color: #fff !important;
}

.pie a.enlaces {
  color: #98CA7A !important;
}

.pie a:hover, .pie a:focus {
  color: #b1d7ae;
}

.pie .linea-detalle {
  min-height: 30px;
  margin-top: 6px;
  font-size: 0.9em;
  margin-bottom: 15px;
}

.pie .sponsors {
  margin-top: 10px;
}

.pie .sponsors img {
  max-width: 120px;
  margin-bottom: 15px;
  width: 100%;
}
.pie .boton-suscripcion-newsletter {
  padding: 0;
}
/* Estilos generales Pie */

/* Formulario suscripción newsletter Pie */
.formulario-newsletter .email-newsletter {
  font-size: 0.9em;
  margin-left: 20px;
  border-radius: 0;
  box-shadow: none;
  border: none;
}

.formulario-newsletter .boton-suscripcion-newsletter {
  padding: 0;
}

.formulario-newsletter .form-group {
  margin-bottom: 10px;
  margin-left: 10px;
}

.formulario-newsletter .privacidad {
  font-size: 0.9em;
  line-height: 1.6em;
}

.formulario-newsletter .privacidad div.texto-checkbox {
  line-height: 1.8em;
}

.formulario-newsletter .boton-suscripcion-newsletter button {
}

.formulario-newsletter .checkbox {
  padding: 0;
}
/* Formulario suscripción newsletter Pie. Fin */


/* Pie. Publicidades */

.publicidad-latch {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  border-radius: 4px !important;
  margin-right: 3px;
  vertical-align: middle;
  height: 30px;
  background-color: #323232;
  width: 32% !important;
  margin-bottom: 0px;
}

.publicidad-latch img {
  width: 100%;
}

.publicidad-seur {
    background-color: #fff;
    height: 30px;
    width: 32% !important;
    border-radius: 4px;
    text-align: center;
    vertical-align: middle;
    height: 30px;
    margin: 0 3px 0 3px;
    padding: 2px 3px 0 3px !important;
}

.publicidad-seur img {
    width: 100%;
}

.publicidad-latch img {
  margin-right: 5px;
  position: absolute;
  border-radius: 4px;
  width: 100%;
  margin-top: 4px;

}

.publicidad-a-express {
  height: 30px;
  background-color: #3d69ae;
  width: 32% !important;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  line-height: 27px;
}

.publicidad-a-express img {
  width: 95%;
  border-radius: 4px;
}

.publicidad-visa-electron {
  border-radius: 4px;
  text-align: center;
  background-color: #135191;
  margin-left: 3px;
  height: 30px;
}

.publicidad-visa-electron img {
  width: 87%;
}

.publicidad-4b {
  margin-right: 0;
  text-align: right;
  margin-left: -2px;
  width: 34% !important;
  height: 30px;
}

.publicidad-4b img {
  width: 90%;
  border-radius: 4px;
}

.publicidad-visa {
  text-align: center;
  background-color: #fff;
  border-radius: 4px;
  width: 31% !important;
  margin-left: 2px;
  height: 30px;
}

.publicidad-visa img {
  width: 85%;
  border-radius: 4px;
}

.publicidad-mastercard {
  text-align: center;
  border-radius: 4px;
  vertical-align: middle;
  padding: 0px 1px 0px 4px !important;
  width: 33% !important;
  margin-left: 4px;
  height: 31px;
  background-color: #003663;
  line-height: 29px;
}

.publicidad-mastercard img {
  width: 87%;
  border-radius: 4px;
}

.publicidad-paypal {
  text-align: right;
  margin-left: 2px;
  width: 31.5% !important;
  border-radius: 4px;
  height: 30px;
}

.publicidad-paypal img {
  width: 95%;
  border-radius: 4px;
}





.publicidad-nacex img {
  width: 100%;
}

.publicidad-asm img {
  width: 54%;
}

.publicidad-latch div {
  width: 126px;
  margin: 6px auto;
}

.publicidad-latch div img {
  margin-right: 10px;
  margin-bottom: 4px;
}

.publicidad-latch div {
  padding-top: 7px;
}
/*ASM*/
.publicidad-asm {
  font-size: 0.8em;
  border-radius: 4px !important;
  padding: 3px !important;
  margin: 0px;
  background-color: #fff;
  text-align: center;
  margin-left: 4px;
  width: 31% !important;
  height: 30px;
  line-height: 24px;
}

.publicidad-asm div {
  width: 126px;
  margin: 6px auto;
}
.publicidad-asm div img {
  margin-right: 10px;
  margin-bottom: 4px;
}

.publicidad-asm div {
  padding-top: 7px;
}
/*NACEX*/
.publicidad-nacex {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  border-radius: 4px !important;
  margin: 0;
  height: 30px;
  vertical-align: middle;
  line-height: 24px;
  margin-left: 3px;
}
.publicidad-latch {
  color: #fff;
  text-transform: uppercase;
  font-size: 0.8em;
  border-radius: 4px !important;
  margin: 0;
  height: 30px;
  vertical-align: middle;
  line-height: 24px;
}

.publicidad-nacex {
  background-color: #303030;
  padding: 3px;
}

.publicidad-nacex div {
  width: 126px;
  margin: 6px auto;
}

.publicidad-nacex div img {
  margin-right: 10px;
  margin-bottom: 4px;
}

.publicidad-nacex div {
  padding-top: 7px;
}

.publicidad-nacex div a:hover {
  color: #fff;
}



/* Pie. Publicidades. Fin */


/* Pie. Métodos de pago aceptados */
.metodos-de-pago-aceptados {
  padding: 10px;
}

.powered-by {
  margin-top: 10px;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  text-transform: uppercase;
}

.powered-by a {
  color: #8ba4a8;
  font-style: italic;
}

.powered-by a .underlined {
  border-bottom: 2px solid #8ba4a8;
}

.metodos-de-pago-aceptados img {
  margin-right: 10px;
}

.enlaces-copyright {
  line-height: 20px;
  margin-top: 10px;
  font-size: 12px;
}
/* Pie. Enlaces a términos y condiciones legales. Fin */


/* Panel modal informativo emergente */
#modal-proteccion-datos .modal-title {
  text-transform: uppercase;
}

.modal-politica-cookies blockquote.smallquote {
  font-size: 1.0em !important;
  padding-top: 0;
  margin-bottom: 6px;
  font-style: italic;
}
/* Panel informativo emergente. Fin */


/* Panel modal cuestionario dispensación */
.modal-content.contenedor-cuestionario,
.modal-content .contenido-cuestionario {
  border: 0;
}

.modal-cuestionario-medicamento .contenedor-cuestionario {
  background-color: #1c2b32;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .cabecera-cuestionario {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 20px;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .cuestionario label {
  text-align: left;
  font-size: 14px;
  text-transform: none;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .form-group {
  margin-bottom: 0;
  font-size:0.8em;
}

.modal .contenedor-cuestionario .contenido-cuestionario .cuestionario .form-group {
  margin-bottom: 5px;
}

.modal .contenedor-cuestionario .contenido-cuestionario .cuestionario .descripcion-enfermedad,
.modal .contenedor-cuestionario .contenido-cuestionario .cuestionario .descripcion-alergias,
.modal .contenedor-cuestionario .contenido-cuestionario .cuestionario .descripcion-medicamentos {
  margin-top: -10px;
  text-transform: none;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario {
  background-color: #417521;
  color: #fff;
  text-transform: uppercase;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario label {
  font-weight: normal;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .control-label {
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-seleccion-cuestionario {
  height: 38px;
  vertical-align: middle;
  font-size: 16px;
  margin: 1px 0px;
  cursor: pointer;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-hombre,
.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-mujer {
  margin-top: 2px;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-mujer {
  margin-left: 0px;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .icon-usuario,
.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .icon-mujer {
  font-size: 16px;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .comentarios,
.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .botones-cuestionario{
  margin-top: 10px;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .cuestion-embarazo {
  display: none;
}

.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-enviar-cuestionario {
  background-color: #649b40;
  border-color: #649b40;
  color: #fff;
  text-transform: uppercase;
}
/* Panel modal cuestionario dispensación. Fin */


/* Panel modal selección de carrito de versiones anteriores sin finalizar */
#modal-selector-carrito {
  color: #649b40;
}

#modal-selector-carrito .resumen-carrito-seleccion {
  margin: 0;
  padding: 0;
  max-height: 450px;
  overflow-y: auto;
}

#modal-selector-carrito .resumen-carrito-item-imagen {
  padding: 0 !important;
  height: 130px;
  /*width: 130px !important;*/
  margin-right: 10px;
  background-color: #fff;
  overflow: hidden;
  border-radius: 4px;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item-detalles {
  min-height: 135px;
  position: relative;
  margin-right: 0;
  width: 120px;
  font-size: 0.9em;
  color: #666666;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item {
  padding-right: 0;
  border: 0;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item-titulo {
  width: 118px;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item-precio {
  position: absolute;
  width: 120px;
  bottom: 0;
  right: 0;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item-precio .resumen-carrito-seleccion-item-subtotal {
  color: #333333 !important;
  font-size: 2.0em;
}

.resumen-carrito-seleccion .resumen-carrito-seleccion-item-precio .resumen-carrito-seleccion-item-impuestos {
  text-transform: uppercase;
  font-size: 0.8em;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado.derecha .resumen-carrito-seleccion-cabecera {
  padding-left: 15px;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado .resumen-carrito-seleccion-cabecera {
  margin: 10px 0;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado .resumen-carrito-seleccion-cabecera .titulo-carrito-seleccion {
  line-height: 2.8em;
  color: #333333;
  font-weight: bold;
  font-size: 1.2em;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado.izquierda {
  border-right: 1px solid #06262d;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado.derecha {
  border-left: 1px solid #06262d;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado.derecha .resumen-carrito-seleccion-item {
  padding-left: 15px;
  padding-right: 0;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado.izquierda .resumen-carrito-seleccion-item {
  padding-right: 15px;
  padding-left: 0;
}

#modal-selector-carrito .resumen-carrito-seleccion-listado {
  padding: 0 2px;
}

#modal-selector-carrito .resumen-carrito-seleccion-total {
  border: 0;
  margin-top: 20px;
  color: #06262d;
}

#modal-selector-carrito .resumen-carrito-seleccion-texto-subtotal {
  line-height: 3.7em;
  color: #06262d;
  font-size: 1.2em;
}

#modal-selector-carrito .resumen-carrito-seleccion-total .izquierda {
  border-width: 1px 0 1px 0;
  border-color: #d5d5d5;
  border-style: solid;
}
#modal-selector-carrito .resumen-carrito-seleccion-total .derecha {
  border-width: 1px 0 1px 0;
  border-color: #d5d5d5;
  border-style: solid;
}

#modal-selector-carrito .resumen-carrito-seleccion-total .resumen-carrito-seleccion-texto-impuestos {
  font-size: 0.7em !important;
}

#modal-selector-carrito .resumen-carrito-seleccion-botones {
  color: #000;
  margin: 20px 0;
}

/* Panel modal selección de carrito de versiones anteriores sin finalizar. Fin */

/* *****************************************************************************
* VISTA CATALOGO
* **************************************************************************** */

/* HILO DE ARIADNA */
.hilo-ariadna {
  border-bottom: 2px solid #ddd;
  padding: 0 8px !important;
  text-transform: uppercase;
  font-size: 0.9em;
  margin-top: -5px !important;
  height: 25px;
  margin-bottom: 20px;
  border-radius: 0 !important;
}

.hilo-ariadna a {
  background-color: transparent;
  font-weight: bold;
  display: inline-block;
  min-width: 120px;
  border-right: 1px solid #ccc;
  padding: 0 20px 0 10px;
  position: relative;
}

.hilo-ariadna a:first-child {
  padding-left: 4px;
}

.hilo-ariadna a span {
  position: absolute;
  top: 0;
  right: 0px;
  line-height: 1.5em;
}

.hilo-ariadna a {
  color: #777;
}

.hilo-ariadna a:hover {
  color: #000;
}

.hilo-ariadna span.producto-actual {
  color: #777;
  padding-left: 10px;
  background-color: transparent;
  font-weight: bold;
  cursor: default;
}
/* HILO DE ARIADNA. FIN */

/* FILTROS ORDENACIÓN */
.filtros-ordenacion {
  border-left: 1px solid #ccc;
  padding-left: 3px;
}

.filtros-ordenacion select, .filtros-ordenacion select:focus {
  height: 18px;
  padding: 0 2px;
  font-size: 1.0em;
  text-transform: none !important;
  border-color: #ccc;
  color: #777;
  box-shadow: none;
  outline-color: transparent;
}

.filtros-ordenacion select option {
  color: #777 !important;
}
/* FILTROS ORDENACIÓN. FIN */


/* LISTADO DE PRODUCTOS */
.catalogo .catalogo-contenido {
  margin: 0 -15px;
}

.catalogo .producto {
  margin: 20px 0;
  max-height: none;
}

.catalogo .producto .producto-imagen .marco-imagen {
  border: 1px solid #bed4d7 !important;
  border-radius: 6px;
  text-align: center;
}

.catalogo .producto .producto-imagen img{
  width: 320px;
  height: 320px;
  vertical-align: middle;
}

.catalogo .producto .producto-detalle.producto-promocion {
  font-weight: bold;
  color: red;
  background-color: white;
  padding: 4px 8px;
  border: 2px dotted #bed4d7;
  line-height: 3.0;
}

.catalogo .producto .producto-promocion .producto-promocion-icono {
  margin-right: 10px;
}

.producto .imagen-obsequio{
  position: absolute;
  top: 12px;
  left: 26px !important;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 0px;
  background-color: #fff;
  z-index: 0;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  border: 0;
  background-color: transparent;
}

.producto .imagen-obsequio img {
  width: 90px !important;
  height: 90px !important;
}


.producto .producto-imagen .marca-oferta img{
  position: absolute;
  top: 0;
  left: 6px;
  width: 80px !important;
  height: 80px !important;
  border: 0 !important;
  background: none;
}

.catalogo .producto .producto-promocion  {
  font-size: 12px;
}

.lupa {	
  background-color:#555;
  background:rgba(0, 0, 0, 0.25);
  border:5px solid rgba(0, 0, 0, 0);
  cursor: none;
  z-index: 999;
  position: absolute;

}

.catalogo .producto .producto-informacion-iva {
  position: relative !important;
  font-size: 0.7em;
  color: #fff;
  text-transform: uppercase;
  text-align: center;

}

.catalogo .producto .producto-contenedor-promocion {

}

.catalogo .producto .producto-informacion-promocion {
  border: 1px solid #cccccc;
  border-left: 0;
  border-right: 0;
  padding: 10px 0;
}

.catalogo .producto .producto-informacion-promocion .informacion-promocion-titulo {
  font-size: 1.4em;
  text-transform: uppercase;
}

/* LISTADO DE PRODUCTOS. FIN */

/* DETALLE DE PRODUCTO */
.catalogo .producto-vista-detalle .producto-titulo .titulo-articulo {
  margin: 0 0 10px 0;
  color: #649b40;
}

.catalogo .producto-vista-detalle .producto-titulo .titulo-articulo h1 {
  font-size: 1.4em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.catalogo .producto-vista-detalle .producto-puntuacion {
  vertical-align: middle;
  font-size: 0.8em;
}

.catalogo .producto-vista-detalle .producto-puntuacion .puntuacion-estrella {
  display: inline-block;
  margin-right:2px;
  color: #649b40;
}
.catalogo .producto-vista-detalle .producto-puntuacion-resumen {
  display: inline-block;
}

.catalogo .producto-vista-detalle .producto-contenedor {
  margin: 10px 0;
}

.catalogo .producto-vista-detalle .producto-contenedor .producto-imagen  {
  background-color: transparent;
  padding-left: 0;
}

.catalogo .producto-vista-detalle .producto-imagen {
  height: 340px;
  line-height: 340px; 
}

.catalogo .producto-vista-detalle .producto-imagen img {
  border-radius: 12px;
  width: 320px;
  /*height: 320px;*/
  height: auto;
}

.catalogo .producto-vista-detalle .producto-informacion .producto-titulo {
  /*overflow-y: auto;
  overflow-x: hidden;*/
  min-height: 180px;
}
.carrito-importe-aviso-legal a {
  color: #333;
}

.catalogo .producto-vista-detalle .producto-marca {
  border: 1px solid #bbb;
  border-radius: 6px;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  line-height: 90px;
  text-align: center;
}

.catalogo .producto-vista-detalle producto-puntuacion-resumen.producto-marca img {
  width: 90px;
  vertical-align: middle;
}

.catalogo .producto-vista-detalle .redes-sociales-productos {
  font-size: 25px;
  vertical-align: middle;
  width: 100px;
  text-align: center;
  line-height: 104px;  
}
.catalogo .producto-vista-detalle .descripcion-articulo p {
  text-transform: none;  
}

.catalogo .producto-vista-detalle .redes-sociales-productos a:nth-child(2) {
  margin: 0 6px;
}

.modal-social-login .modal-header {
  border-bottom: 0;
}


.catalogo .producto-vista-detalle .producto-informacion {
  padding: 12px 0 9px 0;
  border-width: 1px 0;
  border-style: solid;
  border-color: transparent;
  text-transform: uppercase ;
  color: #000;
}

.catalogo .producto-vista-detalle .producto-informacion .descripcion-articulo h4 {
  font-size: 1.0em;
  padding: 10px 0 10px 0;
  margin: 0;
}

.catalogo .producto-vista-detalle .producto-envases-seleccion {
  background-color: #fff;
  color: #000;
  border: 1px solid #bbb;
  max-height: 90px;
  margin: 10px;
}

.catalogo .producto-vista-detalle .producto-informacion .producto-importes {
  font-size: 0.7em;
  border-top: 1px solid rgba(204, 204, 204, 0.53);
  border-left: 0;
  border-right: 0;
  padding: 15px;
  margin-top: 20px;
}

.catalogo .producto-vista-detalle .producto-informacion .producto-importes .importe {
  text-transform: uppercase;
}

.catalogo .producto-vista-detalle .producto-importes .producto-importe-unitario,
.catalogo .producto-vista-detalle .producto-importes .producto-importe-subtotal {
  font-size: 6.0em;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 0.9em;
  display: inline-block;
}

.catalogo .producto-vista-detalle .producto-importes .simbolo-euro {
  font-size: 23px;
  color: #649b40;
  display: inline-block;
}

.catalogo .producto-vista-detalle .producto-importes .simbolo-euro .icono-euro {
  margin-top: -17px;
}

.catalogo .producto-vista-detalle .producto-importes .producto-informacion-iva {
  font-size: 9px;
  font-family: 'Source Sans Pro', sans-serif, Verdana;
  text-transform: uppercase;
  line-height: 1.0em;
  color: #000;
}

.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-botones {
  display: inline-block;
  height: 52px;
  padding-top: 5px;
}

.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades {
  display: inline-block;
  font-size: 16px;
  background-color: #649b40;
  border-radius: 6px;
  padding: 0; 
  height: 16px;
  line-height: 16px;
}

.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a,
.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a:visited,
.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a:active {
  color: #fff;
  /*padding: 0 10px;*/
  text-decoration: none;
}

.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-unidades {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 29px;
  border-radius: 4px;
  padding: 4px 4px 4px 4px;
  margin: 5px;
  background-color: #649b40;
  height: 34px;
}

.catalogo .producto-vista-detalle .producto-cantidad .producto-cantidad-unidades .unidades {
  background-color: transparent;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  width: 30px;
  outline: none;
  font-size: 19px;
  margin-top: -8px;
}

.catalogo .producto-vista-detalle .producto-importes .producto-eliminar span {
  margin-top: 14px;
  color: #000;
  border-radius: 8px;
  padding: 6px 8px;
}

.catalogo .producto-vista-detalle .producto-importes .producto-eliminar span:hover {
  color: #475558;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-cabecera,
.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-cabecera-tipo {
  text-transform: uppercase;
  font-weight: bold;
  color: #417521;
  line-height: 1.4em;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-contenedor-alertas {
  background-color: #fff;
  padding-left: 0;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-icono {
  border: 1px solid #417521;
  color: #649b40;
  cursor: pointer;
  height: 112px;
  padding: 3px;  
  overflow-y: auto;
  overflow-x: hidden;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-icono button {
  border-color: #417521;
  color: #417521;
  border-radius: 0;
  border-width: 2px;
  background-color: transparent;
  margin: 3px;
  padding: 0;
  width: 49px;
  height: 46px;
  outline-width: 0;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-icono button:hover,
.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-icono button.active {
  background-color: #417521;
  color: #fff;
  font-weight: normal;
}

.catalogo .producto-vista-detalle .producto-informacion-extendida .producto-alertas-descripcion {
  border: 1px solid #417521;
  border-radius: 0;
  background-color: #fff;
  color: #417521;
  height: 112px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px 6px;
  margin: 0;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario {
  padding: 10px 0;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-promocion {
  font-size: 13px;
  margin-top: 20px;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-anadido {
  margin-top: 30px;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-botones .btn {
  background-color: #649b40;
  color: #fff;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.0em;
  border-radius: 4px;
  padding: 10px;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-botones .btn:hover {
  background-color: #649b40;
}

.catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-botones .producto-anadir-carrito, .producto-vista-detalle .producto-interacciones-usuario .producto-botones .producto-ir-carrito {
  margin-top: 0;
}

.catalogo .producto-vista-detalle .advertencia-disponibilidad {
  margin: 0 auto;
}

.catalogo .producto-vista-detalle .producto-prospecto-informativo .pestana-cabecera-prospecto-informativo {
  background-color: #649b40;
  color: #fff;
  border-radius: 6px 6px 0 0;
  padding: 4px 10px 2px 10px;
  text-transform: uppercase;
  margin-left: 4px;
  font-size: 0.9em;
  cursor: default;
}

.catalogo .producto-vista-detalle .producto-prospecto-informativo .producto-contenedor-pdf {
  margin: 0;
  padding: 0;
}

.catalogo .producto-vista-detalle .producto-prospecto-informativo object {
  border: 2px solid #ccc;
}

.catalogo .producto-vista-detalle .producto-prospecto-informativo {
  height: 280px;
  margin-top: 20px;
}

.catalogo .producto-vista-detalle .producto-prospecto-informativo .cabecera-apartado, .producto-vista-detalle .producto-informacion-extendida .cabecera-apartado {
  text-transform: uppercase;
  margin: 10px 5px 5px 10px;
}

#modal-imagen-producto .modal-header {
  padding: 2px 8px;
}

#modal-imagen-producto .modal-header .close {
  margin-top: 2px;
}

/* DETALLE DE PRODUCTO. FIN */

/* *****************************************************************************
* VISTA CATALOGO. FIN
* **************************************************************************** */


/* *****************************************************************************
* VISTA HOME
* **************************************************************************** */

/* Banner secundario (lateral derecho)*/
.banner {
  padding: 0;
  margin-top: 38px;
}

#banner-cabecera {
  margin-top: 6px !important;
}

#carousel-banner {
  background-color: transparent;
  background-color: rgba(39, 78, 55, 0.3);
  padding: 2px 9px;
  padding-bottom: 0;
  min-height: 365px;
  box-shadow: 0 0 12px rgba(0,0,0,0.8);
}

.banner .contenedor-imagen-informacion-ofertas {
  min-height: 359px;
  position: relative;
}

.banner .contenedor-imagen-informacion-ofertas img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.linea-separador {
  height: 23px;
  width: 100%;
}

.linea-separador img {
  width: 100%;
}

#carousel-banner .item {
  margin: 0;
  padding: 0;
}

#carousel-banner .carousel-indicators {
  bottom: -45px;
}

#carousel-banner .carousel-indicators  li{
  width: 15px;
  height: 15px;
  margin: 5px;
  border-color: #035D67;
  background-color: #fff;
  height: 12px;
  width: 12px;
}

#carousel-banner .carousel-indicators li.active {
  background-color: #709EA5 !important;
  border-color: #fff;
}

#carousel-banner .carousel-inner .texto-tipo-oferta {
  position: absolute;
  z-index: 4;
  top: 12px;
  left: 7px;
  min-width: 80px;
  font-weight: bold;
  text-align: left;
  line-height: 1.0;
  background: transparent;
  font-size: 0.8em;
  color: #fff
}

.carousel-inner a.carousel-control .i-flecha-izq-1,
.carousel-inner a.carousel-control .i-flecha-der-1{
    position: absolute;
    top: 45%;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    left: 5px;
}

#carousel-banner .carousel-inner .marca-oferta {
  position: absolute;
  top: 4px;
  left: 4px;
}

#carousel-banner .carousel-inner .marca-oferta img {
  margin-top: -85px;
}

#carousel-banner .carousel-inner .marca-oferta .texto-tipo-oferta a {
  color: white;
}

#carousel-banner .carousel-inner .marca-oferta.descuento {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(102,188,41,0.8); /*#66bc29;*/
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 6px;
  left: -1px;
}

#carousel-banner .carousel-inner .texto-tipo-oferta.promocion {
  color: #417521 !important;
}

#carousel-banner .carousel-inner .marca-oferta.regalo {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(39,78,55,0.8);
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 5px;
  left: -1px;
  color: #fff;
}

#carousel-banner .carousel-inner .marca-oferta.promocion {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(255,188,0,0.8);
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 6px;
  left: -1px;
  color: #000;
}

#carousel-banner .producto-promocion-escaparate-titulo {
  text-transform: uppercase;
  color: #035d66;
}

#carousel-banner .producto-promocion-escaparate-descripcion .texto a {
  color: #fff;
  font-family: "Museo";
}

#carousel-banner .contenedor-diapositiva-oferta .contenedor-foto {
  margin: 8px 3px;
  background-color: #fff;
}


#carousel-banner .producto-imagen .producto {
  max-width: 138px;
  max-height: 138px;
  background-color: #fff;
}

#carousel-banner .producto-marca a {
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
}

#carousel-banner .producto-puntuacion a {
  color: #fff;
  font-size: 0.9em;
}

#carousel-banner .producto-puntuacion .puntuacion-estrella-banner span {
  color: #fff;
  font-size: 1.8em !important;
  vertical-align: middle;
}



#carousel-banner .contenedor-diapositiva-oferta .contenedor-precios {
  position: relative;
  height: 84px;
  margin: 0;
  color: #fff;
}

#carousel-banner .contenedor-diapositiva-oferta .acciones {
  position: absolute;
  bottom: 11px;
  right: 10px;
}

#carousel-banner .contenedor-precios .acciones .producto-detalles-anadir-al-carrito,
#carousel-banner .contenedor-precios .acciones .producto-detalles-quitar-al-carrito.activo {
  background-color: transparent;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 3px;
  line-height: 2.0em;
}

#carousel-banner .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  border-radius: 25px;
  background-color: #a3d77f;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  cursor: pointer;
  color: #417521;
  width: 40px;
  height: 40px;
  text-align: center;
  margin-top: -9px;
  margin-right: -7px;
  line-height: 2.0em;
}


#carousel-banner .contenedor-diapositiva-oferta .promocionado {
  text-transform: uppercase;
}

#carousel-banner .contenedor-diapositiva-oferta .precio-antes {
  font-size: 0.8em;
  color: white;
}

#carousel-banner .contenedor-diapositiva-oferta .precio-antes .precio-oferta-tachado {
  position: absolute;
  top: 0;
  left: 0;
}

#carousel-banner .contenedor-diapositiva-oferta .precio-antes .raya-tachar-precio {
  width: 40px;
  height: 14px;
}

#carousel-banner .contenedor-diapositiva-oferta .contenedor-precios .precio-ahora {
  font-size: 3.4em;
  font-family: 'Ostrich Sans Rounded';
  color: #fff;
  line-height: 48px;
}

#carousel-banner .contenedor-diapositiva-oferta .etiqueta {
  font-size: 0.9em;
  text-transform: uppercase;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-regalo {
  font-size: 0.8em;
  color: white;
  text-transform: uppercase;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen {
  color: white;
  text-transform: uppercase;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen {
  font-size: 0.7em;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen .texto-promocion-precio-anterior {
  font-size: 2.4em;
  position: absolute;
  top: 26px;
  left: 70px;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen .texto-promocion-precio-anterior .precio-oferta-tachado {
  top: 3px;
  left: -4px;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-obsequio {
  height: 67px;
  font-size: 0.9em;
  color: white;
  text-transform: uppercase;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-unidad {
  font-size: 1.0em;
  color: white;
  text-transform: uppercase;
}
.texto-promocion-unidad {
  height: 18px;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-obsequio .texto-promocion {
  font-size: 0.8em;
  line-height: 0.8em;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-regalo .etiqueta {
  font-size: 12px;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-precio-anterior {
  font-size: 1.8em;
  line-height: 24px;
  height: 19px;
  text-transform: uppercase;
  font-family: 'Ostrich Sans Rounded';
  margin-left: 6px;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-regalo .texto-promocion {
  font-size: 0.8em;
  line-height: 0.9em;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen .texto-promocion {
  font-size: 34px;
  text-transform: none;
  line-height: 32px;
}

#carousel-banner .contenedor-diapositiva-oferta .contenedor-imagen-obsequio .imagen-obsequio {

}

/* Contenedor de precios */
#carousel-banner .contenedor-diapositiva-oferta .contenedor-precios .texto-impuestos {
  line-height: 0.8em;
  font-size: 12px;
  color: #fff;
}

#carousel-banner .contenedor-diapositiva-oferta .texto-promocion-unidad .texto-precio-unidad {
  font-size: 43px;
  font-family: 'Ostrich Sans Rounded';
  color: #fff;
  line-height: 48px;
}

#carousel-banner .contenedor-diapositiva-oferta .contenedor-imagen-obsequio .imagen-obsequio img {
  height: 90px;
  width: 90px;
}

#carousel-banner .contenedor-diapositiva-oferta .parte-inferior .producto-promocion-escaparate-descripcion {
  color: #fff;
  font-size: 24px;
  background-color: rgba(24, 49, 57, 0.60);
  width: 100%;
  min-height: 127px;
}

#carousel-banner .producto-promocion-escaparate-descripcion {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  padding: 5px 0 4px 0;
  line-height: 1.2em;
  font-weight: bold;
  margin: 0 4px;
}

#carousel-banner .producto-promocion-escaparate-descripcion .texto {
  min-height: 38px;
  width: 100%;
  text-align: left;
  color: #fff;
  font-size: 1.2em;
  line-height: 1.2em;
  border-bottom: 1px solid #fff;
}

#carousel-banner .contenedor-marca-puntuacion {
  padding-top: 5px;
  margin: 10px 7px 5px 7px;
  line-height: 12px;
  height: 25px;
  color: #fff;
  font-size: 12px;
}

#carousel-banner .contenedor-marca-puntuacion .producto-marca {
  max-width: 100px;
}

#carousel-banner .contenedor-diapositiva-oferta .producto-puntuacion .puntuacion-estrella-banner {
  float: right;
  font-size: 0.6em !important;
}

#carousel-banner .contenedor-marcadores {
  background-color: rgba(24, 49, 57, 0.60);
}

#carousel-banner .contenedor-diapositiva-oferta .parte-pie {
  height: 14px;
  background: url('../images/plantillas/2/banner_oferta_inferior.png') no-repeat top left;
}


/* CONTROLES */
#carousel-banner .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(10,102,12,0.7);
  box-shadow: none;
}

#carousel-banner .carousel-control:hover {
  background-color: rgba(10,102,12,0.9);
}

/* Banner secundario (lateral derecho). Fin */



/* Banner principal (lateral izquierdo) */
.banner-temporada {
  padding: 0;
  width: 100% !important;
}

#banner-promociones-globales {
    border-bottom: 1px solid rgba(204, 204, 204, 0.5);
    z-index: -1;
}

#banner-promociones-globales .carousel-inner > .item {
  -webkit-transition: 0.8s ease-in-out left;
  -moz-transition: 0.8s ease-in-out left;
  -o-transition: 0.8s ease-in-out left;
  transition: 0.8s ease-in-out left;
}

#banner-promociones-globales .carousel-indicators {
  bottom: -6px;
}

#banner-promociones-globales .carousel-indicators li {
  height: 8px;
  width: 8px;
  display: inline-block;
  background-color: #CCCCCC;
  border: 1px solid transparent;
  margin: 0;
  padding: 0;
}

#banner-promociones-globales .carousel-indicators li.active {
  background-color: #649b40;
}
#carousel-banner-temporada {
  background-color: rgba(39, 78, 55, 0.5);
  margin: auto;
  height: 365px;
  border-radius: 4px;
  box-shadow: 0 0 12px rgba(0,0,0,0.8);
}

#carousel-banner-temporada.verano {
  background-color: #ffbc00;

  background: -webkit-linear-gradient(to bottom, #ffbc00 0, #ffbc00 200px, #feeab3 201px, #feeab3 300px); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(to bottom, #ffbc00 0, #ffbc00 200px, #feeab3 201px, #feeab3 300px ); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(to bottom, #ffbc00 0, #ffbc00 200px, #feeab3 201px, #feeab3 300px); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom, #ffbc00 0, #ffbc00 200px, #feeab3 201px, #feeab3 300px ); /* Standard syntax */
  background: linear-gradient(to bottom, #ffbc00 0, #ffbc00 200px, #feeab3 201px, #feeab3 300px); /* Standard syntax */
}

#carousel-banner-temporada.invierno {
  background-color: #f3f5f1;
  background: linear-gradient(to bottom, #f3f5f1 0, #f3f5f1 200px, #fbfbfa 201px, #fbfbfa 300px); /* Standard syntax */
}

#carousel-banner-temporada.primavera {
  background-color: #8fd400;
  background: linear-gradient(to bottom, #8fd400 0, #8fd400 200px, #ddf1b3 201px, #ddf1b3 300px); /* Standard syntax */
}
#carousel-banner-temporada.otono {
  background-color: #c44c45;
  background: linear-gradient(to bottom, #c44c45 0, #c44c45 200px, #edc9c7 201px, #edc9c7 300px); /* Standard syntax */
}

/* CONTROLES */
#carousel-banner-temporada .carousel-control {
  color: #fff !important;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(10,102,12,0.5);

  box-shadow: none;
}

#carousel-banner-temporada .carousel-control span {
  color: #fff;
}

#carousel-banner-temporada .carousel-control:hover {
  background-color: rgba(10,102,12,0.8);
}

#carousel-banner-temporada.verano .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(160,99,11,0.5);
  box-shadow: none;
}

#carousel-banner-temporada.verano .carousel-control:hover {
  background-color: rgba(160,99,11,0.8);
}
#carousel-banner-temporada.primavera .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(10,102,12,0.5);
  box-shadow: none;
}

#carousel-banner-temporada.primavera .carousel-control:hover {
  background-color: rgba(10,102,12,0.8);
}
#carousel-banner-temporada.otono .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(147,6,0,0.5);
  box-shadow: none;
}

#carousel-banner-temporada.otono .carousel-control:hover {
  background-color: rgba(147,6,0,0.8);
}
#carousel-banner-temporada.invierno .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(0,184,228,0.5);
  box-shadow: none;
}

#carousel-banner-temporada.invierno .carousel-control:hover {
  background-color: rgba(0,184,228,0.8);
}






#carousel-banner-temporada .carousel-cabecera {
  text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
  font-size: 2.3em;
  text-transform: none;
  color: #fff;
  height: 50px;
}

#carousel-banner-temporada .carousel-cabecera .marca-temporada {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -4px;
  margin-right: -4px;
  width: 85px;
  height: 85px;
  z-index: 5;
}

.linea-separador {
  height: 23px;
  width: 100%;
}

.linea-separador img {
  width: 100%;
}

#carousel-banner-temporada, #carousel-banner-temporada a, #carousel-banner-temporada span {
  color: #3f2b2f;
}

#carousel-banner-temporada .item {
  margin: 0;
  padding: 0;
}

#carousel-banner-temporada .carousel-indicators {
  bottom: -15px;
}

#carousel-banner-temporada .carousel-indicators  li{
  width: 15px;
  height: 15px;
  margin: 5px;
  border-color: #035D67;
  background-color: #fff;
  height: 12px;
  width: 12px;
}

#carousel-banner-temporada .carousel-indicators li.active {
  background-color: #709EA5 !important;
  border-color: #fff;
}

#carousel-banner-temporada .carousel-inner .texto-tipo-oferta {
  position: absolute;
  z-index: 4;
  top: 12px;
  left: 8px;
  min-width: 80px;
  font-weight: bold;
  text-align: left;
  line-height: 1.0;
  background: transparent;
  font-size: 0.8em;
}

#carousel-banner-temporada .carousel-inner .marca-oferta {
  font-size: 0px; line-height: 0%; width: 0px;
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 3px;
  left: 3px;
}

#carousel-banner-temporada .carousel-inner .texto-tipo-oferta .etiqueta-oferta, #carousel-banner-temporada .carousel-inner .texto-tipo-oferta {
  color: #fff !important;
}

#carousel-banner-temporada .carousel-inner .marca-oferta img {
  margin-top: -85px;
}


/* ********** */
/* Descuentos */
/* ********** */

/* Base */
#carousel-banner-temporada .marca-oferta.descuento {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(240,190,130,0.8);
  border-right: 85px solid transparent;
  color: #fff;
}
/* Colores para estado neutro (sin ofertas o promociones de temporada) */
#carousel-banner-temporada.neutro .marca-oferta.descuento {
  border-top: 85px solid rgba(102,188,41,0.8);
}
/* Colores de fondo según la estación del año */
#carousel-banner-temporada.invierno .marca-oferta.descuento {
  border-top: 85px solid rgba(0,133,207,0.8);
}
#carousel-banner-temporada.verano .marca-oferta.descuento {
  border-top: 85px solid rgba(242,139,0,0.8);
}
#carousel-banner-temporada.primavera .marca-oferta.descuento {
  border-top: 85px solid rgba(35,179,38,0.8);
}
#carousel-banner-temporada.otono .marca-oferta.descuento {
  border-top: 85px solid rgba(240,190,130,0.8);
}
#carousel-banner-temporada.otono .texto-tipo-oferta.descuento .etiqueta-oferta{
  color: #930600;
}
#carousel-banner-temporada.otono .texto-tipo-oferta.descuento {
  color: #930600;
}
/* *************** */
/* Descuentos. Fin */
/* *************** */


/* ****** */
/* Regalo */
/* ****** */
/* Base */
#carousel-banner-temporada .marca-oferta.regalo {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(147,6,0,0.8);
  border-right: 85px solid transparent;
  color: #fff;
}
/* Colores para estado neutro (sin ofertas o promociones de temporada) */
#carousel-banner-temporada.neutro .marca-oferta.regalo {
  border-top: 85px solid rgba(39,78,55,0.8);
}
/* Colores de fondo según la estación del año */
#carousel-banner-temporada.invierno .marca-oferta.regalo {
  border-top: 85px solid rgba(0,184,228,0.8);
}
#carousel-banner-temporada.verano .marca-oferta.regalo {
  border-top: 85px solid rgba(160,99,11,0.8);
}
#carousel-banner-temporada.primavera .marca-oferta.regalo {
  border-top: 85px solid rgba(10,102,12,0.8);
}
#carousel-banner-temporada.otono .marca-oferta.regalo {
  border-top: 85px solid rgba(147,6,0,0.8);
}
/* *********** */
/* Regalo. Fin */
/* *********** */


/* ********* */
/* Promoción */
/* ********* */

/* Base */
#carousel-banner-temporada .marca-oferta.promocion {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(0,184,228,0.8);
  border-right: 85px solid transparent;
  color: #fff;
}
/* Colores para estado neutro (sin ofertas o promociones de temporada) */
#carousel-banner-temporada.neutro .marca-oferta.promocion {
  border-top: 85px solid rgba(255,188,0,0.8);
}
/* Colores de fondo según la estación del año */
#carousel-banner-temporada.invierno .marca-oferta.promocion {
  border-top: 85px solid rgba(0,184,228,0.8);
}
#carousel-banner-temporada.verano .marca-oferta.promocion {
  border-top: 85px solid rgba(160,99,11,0.8);
}
#carousel-banner-temporada.primavera .marca-oferta.promocion {
  border-top: 85px solid rgba(10,102,12,0.8);
}
#carousel-banner-temporada.otono .marca-oferta.promocion{
  border-top: 85px solid rgba(147,6,0,0.8);
}
/* ************** */
/* Promoción. Fin */
/* ************** */

#carousel-banner-temporada .carousel-inner {
  height: 317px;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta {
  position: absolute;
  top: 15px;
  left: 15px;
  padding: 5px;
  z-index: 4;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta.descuento {
  font-size: 0.9em;
  color: #fff;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta.regalo {
  font-size: 0.8em;
  line-height: 1.8em;
  color: #fff;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta.promocion {
  font-size: 0.9em;
  color: #fff;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta .etiqueta-oferta {
  font-weight: bold;
  font-family: 'Brandon Grotesque Bold', 'Source Sans Pro';
  color: #fff !important;
}

#carousel-banner-temporada .carousel-inner .marca-oferta .texto-tipo-oferta .etiqueta-obsequio {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: #417521;
}

#carousel-banner-temporada .producto-promocion-escaparate-titulo {
  font-size: 22px;
  text-transform: uppercase;
  color: #035d66;
}

#carousel-banner-temporada .producto-imagen {
  background-color: transparent;
}

#carousel-banner-temporada.neutro .producto-imagen:hover {
  background-color: rgba(255,255,255,0.3);
  border-radius: 0 0 4px 4px;
}

#carousel-banner-temporada.otono .producto-imagen:hover {
  background-color: rgba(255,255,255,0.3);
  border-radius: 0 0 4px 4px;
}

#carousel-banner-temporada.primavera .producto-imagen:hover {
  background-color: rgba(255,255,255,0.3);
  border-radius: 0 0 4px 4px;
}

#carousel-banner-temporada.verano .producto-imagen:hover {
  background-color: rgba(255,255,255,0.3);
  border-radius: 0 0 4px 4px;
}

#carousel-banner-temporada.invierno .producto-imagen:hover {
  background-color: rgba(127,127,127,0.1);
  border-radius: 0 0 4px 4px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-foto {
  margin: 12px;
  background-color: #fff;
}

#carousel-banner-temporada .producto .contenedor-diapositiva-oferta .contenedor-foto {
  margin: 6px 6px 6px 6px;
  background-color: #fff;
}

#carousel-banner-temporada .producto:last-child .contenedor-diapositiva-oferta:not(.unico-elemento) .contenedor-foto {
  margin: 6px 6px 6px 6px;
  background-color: #fff;
}

#carousel-banner-temporada .producto:first-child .contenedor-diapositiva-oferta:not(.unico-elemento) .contenedor-foto {
  margin: 6px 6px 6px 6px;
  background-color: #fff;
}

#carousel-banner-temporada .producto-imagen .producto {
  max-width: 138px;
  max-height: 138px;
  background-color: #fff;
}


/* Marca - Laboratorio y estrellas de valoración. Puntuación */
#carousel-banner-temporada .producto-marca a {
  color: #000;
  font-weight: bold;
}

#carousel-banner-temporada .producto-puntuacion a {
  color: #000;
  font-size: 0.9em;
}

#carousel-banner-temporada .producto-puntuacion .puntuacion-estrella-banner span{
  color: #649b40;
  font-size: 11px !important;
  vertical-align: middle;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-precios {
  position: relative;
  height: 84px;
  padding: 0 12px;
  color: #3f2b2f;
}
/* Marca - Laboratorio y estrellas de valoración. Puntuación. Fin */

/* Contenedor de precios */
#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-precios .texto-impuestos {
  line-height: 0.8em;
  font-size: 12px;
  color: #417521;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-precios {
  position: relative;
  height: 85px;
  padding: 0 10px;
  margin: 0;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-unidad .texto-precio-unidad {
  font-size: 4.0em;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 48px;
}
/* Contenedor de precios. Fin */

/* Texto descriptivo de oferta. */
#carousel-banner-temporada .contenedor-diapositiva-oferta .promocionado {
  text-transform: uppercase;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .precio-antes {
  font-size: 0.8em;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .precio-antes .precio-oferta-tachado {
  position: absolute;
  top: 0;
  left: 11px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .precio-antes .raya-tachar-precio {
  width: 40px;
  height: 14px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-precios .precio-ahora {
  font-size: 3.4em;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 48px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion {
  color: #417521;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .etiqueta {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-regalo {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #417521;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen {
  height: 74px;
  font-size: 1.0em;
  color: white;
  text-transform: uppercase;
}


#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-obsequio {
  height: 67px;
  font-size: 0.9em;
  text-transform: uppercase;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-precio-unidad {
  color: white;
  text-transform: uppercase;
  font-size: 43px;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 48px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-obsequio .texto-promocion {
  font-size: 0.8em;
  line-height: 0.8em;
  max-height: 17px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-regalo .etiqueta {
  font-size: 1.0em;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-precio-anterior {
  font-size: 1.8em;
  line-height: 24px;
  height: 19px;
  text-transform: uppercase;
  font-family: 'Ostrich Sans Rounded';
  margin-left: 6px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-regalo .texto-promocion {
  font-size: 12px;
  line-height: 1.0em;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-descuento-volumen .texto-promocion {
  font-size: 34px;
  text-transform: none;
  line-height: 32px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-imagen-obsequio .imagen-obsequio {
  position: absolute;
  z-index: 1;
  top: 16px;
  left: 16px;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 0px;
  background-color: #fff;
  z-index: 0;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
}


#carousel-banner-temporada .contenedor-diapositiva-oferta .texto-promocion-producto {
  height: 67px;
  font-size: 0.7em;
  text-transform: uppercase;
}
/* Texto descriptivo de oferta. Fin */



/* Botón añadir al carrito. */
#carousel-banner-temporada .contenedor-diapositiva-oferta .acciones {
  position: absolute;
  bottom: 20px;
  right: 20px;
}


#carousel-banner-temporada .contenedor-precios .acciones .producto-detalles-anadir-al-carrito,
#carousel-banner-temporada .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo {
  border-radius: 25px;
  background-color: transparent;
  box-shadow: none;
  color: #417521;
  cursor: pointer;
  width: 40px;
  height: 40px;
  padding: 3px;
  line-height: 2.0em;
}


#carousel-banner-temporada.neutro .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner-temporada.neturo .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  background-color: #a3d77f;
  margin-top: -9px;
  margin-right: -7px;
  text-align: center;
}

#carousel-banner-temporada.primavera .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner-temporada.primavera .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  background-color: #23b326;
  margin-top: -9px;
  margin-right: -7px;
  text-align: center;
}

#carousel-banner-temporada.verano .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner-temporada.verano .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  background-color: #f28b00;
  margin-top: -9px;
  margin-right: -7px;
  text-align: center;
}

#carousel-banner-temporada.otono .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner-temporada.otono .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  background-color: #f0c082;
  margin-top: -9px;
  margin-right: -7px;
  text-align: center;
}


#carousel-banner-temporada.invierno .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
#carousel-banner-temporada.invierno .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  box-shadow: 2px 2px 6px rgba(0,0,0,0.7);
  background-color: #00b8e4;
  margin-top: -9px;
  margin-right: -7px;
  text-align: center;
}

#carousel-banner-temporada.invierno .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover span,
#carousel-banner-temporada.invierno .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover span {
  color: #fff;
}
/* Botón añadir al carrito. Fin. */


#carousel-banner-temporada .contenedor-diapositiva-oferta .contenedor-imagen-obsequio .imagen-obsequio img {
  height: 90px;
  width: 90px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .parte-central {
  height: 14px;
  background: url('../images/plantillas/2/banner_oferta_superior_texto.png') no-repeat top center transparent;
}

#carousel-banner-temporada .contenedor-titulo {
  line-height: 1.1em;
  color: #417521;
  border-radius: 0;
}

#carousel-banner-temporada .producto:last-child .contenedor-precios {
  border-radius: 0 0 4px 0;
}

#carousel-banner-temporada .producto:first-child .contenedor-precios {
  border-radius: 0 0 0 4px;
}

#carousel-banner-temporada .producto-promocion-escaparate-descripcion {
  font-family: 'Museo';
  font-size: 0.8em;
  text-transform: uppercase;
  text-align: left;
  padding: 7px 0 5px 0;
  line-height: 1.2em;
  font-weight: bold;
  color: #649b40;
}

#carousel-banner-temporada .producto-promocion-escaparate-descripcion .texto {
  min-height: 38px;
  width: 100%;
  text-align: left;
  font-size: 1.2em;
  line-height: 1.2em;
}

#carousel-banner-temporada .contenedor-marca-puntuacion {
  margin: 10px 7px 5px 7px;
  padding-top: 5px;
  line-height: 12px;
  height: 25px;
  font-size: 13px;
  color: #417521;
  border-top: 1px solid #649b40;
}

#carousel-banner-temporada .contenedor-marca-puntuacion .producto-marca {
  max-width: 100px;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .producto-puntuacion .puntuacion-estrella-banner {
  float: right;
  font-size: 0.6em !important;
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .producto-puntuacion .puntuacion-estrella-banner span {
  color: #3f2b2f;
}

#carousel-banner-temporada .contenedor-marcadores {
  background-color: rgba(24, 49, 57, 0.60);
}

#carousel-banner-temporada .contenedor-diapositiva-oferta .parte-pie {
  height: 14px;
  background: url('../images/plantillas/2/banner_oferta_inferior.png') no-repeat top left;
}

/* Banner principal (lateral izquierdo). Fin */



/* *****************************************************************************
 *  VISTA HOME. FIN
 * ************************************************************************** */


/* *****************************************************************************
 *  VISTA CARRITO
 * ************************************************************************** */

.carrito-listado {
  padding: 15px;
}


.carrito-listado .producto-contenedor {
  margin: 0 0 10px 0;
}

.carrito-listado .producto-contenedor .producto-imagen  {
  background-color: transparent;
  padding-left: 0;
}

.carrito-listado .producto .producto-promocion {
  position: relative;
}

.carrito-listado .producto .marca-oferta {
  margin: 3px;
}

.carrito-listado .producto .marca-oferta {
  height: 50px;
  width: 50px;
}

.carrito-listado .producto .marca-oferta .icono-tipo-oferta {
  width: 47px;
  height: 47px;
}

.carrito-listado .producto .imagen-obsequio{
  position: absolute;
  top: 12px;
  left: 6px;
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 0px;
  background-color: #fff;
  z-index: 0;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 8px rgba(0,0,0,0.2);
  border: 0;
  background-color: transparent;
}

.carrito-listado .producto .imagen-obsequio img {
  width: 90px !important;
  height: 90px !important;
}

.carrito-listado .producto .producto-imagen .marca-oferta img{
  position: absolute;
  top: 0;
  left: 2px;
  width: 80px !important;
  height: 80px !important;
  border: 0 !important;
  background: none;
  margin-top: -81px;
}

.carrito-listado .carrito-listado-item:not(.con-obsequio) {
  margin-bottom: 20px;
  border-bottom: 1px solid #417521;
}

.carrito-listado .producto-titulo .titulo-articulo {
  margin: 0 0 10px 0;
  color: #649b40;
}

.carrito-listado .producto-titulo .titulo-articulo h1 {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

.carrito-listado .producto-titulo .descripcion-articulo h3 {
  font-size: 0.9em;
  margin-top: 0;
}

.carrito-listado .producto-titulo .laboratorio-articulo {
  font-weight: bold;
}

.carrito-listado .producto-titulo .producto-puntuacion .puntuacion-estrella {
  float: left;
  margin-right: 2px;
  color: #649b40;
  font-size: 0.8em;
  line-height: 2.0em;
}

.carrito-listado .producto-informacion .producto-importes {
  text-transform: uppercase;
  font-size: 0.8em;
}

.carrito-listado .producto-informacion .producto-importes .producto-importe-unitario,
.carrito-listado .producto-informacion .producto-importes .producto-importe-subtotal,
.carrito-listado .carrito-metodo-envio .forma-entrega-importe .importe-total {
  font-family: 'Ostrich Sans Rounded';
  font-size: 4em;
  color: #649b40;
  line-height: 1.2em;
  display: inline-block;
}

.carrito-listado .producto-informacion .producto-importes .simbolo-euro {
  display: inline-block;
  font-size: 4.5em;
  color: #2d9b35;
}

.carrito-listado .producto-titulo .producto-puntuacion-resumen {
  margin-right: 10px;
}
.producto-puntuacion-resumen {
  margin-left: 5px;
}
.titulo-producto {
  line-height: 22px;
}

.carrito-listado .producto-informacion .producto-importes .producto-obsequio {
  font-size: 1.4em;
  line-height: 5.4em;
  font-weight: bold;
  color: #649b40;
}

.carrito-listado .producto-informacion .producto-importes .icono-obsequio {
  font-size: 2.4em;
  line-height: 86px;
  padding-left: 0;
  color: #72715f;
}

.carrito-listado .carrito-listado-item .producto-vista-detalle.regalo .etiqueta-cantidad {
  line-height: 4.0em;
}

.carrito-listado .titulo-cabecera-seccion {
  border-bottom: 1px solid #000; 
  margin-bottom: 10px;
}

.carrito-listado .carrito-listado-desgloses {
  text-transform: uppercase;
  margin-left: 0;
}
.carrito-listado-desgloses .carrito-subtotal-productos {

}
.carrito-listado .carrito-listado-desgloses .carrito-subtotal-productos {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px !important;
  font-size: 0.8em;
}

.carrito-listado .carrito-listado-desgloses .carrito-desgloses-subtotal {
  font-size: 6.8em;
  display: inline-block;
}

.carrito-listado .producto-informacion .producto-quitar-carrito {
  line-height: 7.0em;
}

.carrito-listado .producto-informacion .producto-quitar-carrito span {
  color: #649b40;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  font-size: 2em !important;
  font-weight: bold;
}

.carrito-listado .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades {
  display: inline-block;
  font-size: 18px;
  background-color: #649b40;
  border-radius: 6px;
  padding: 0;
  height: 16px;
  line-height: 16px;
}

.carrito-listado  .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a,
.carrito-listado  .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a:visited,
.carrito-listado  .producto-cantidad .producto-cantidad-botones .boton-cambiar-unidades a:active {
  color: #fff;
  /* padding: 0 10px;*/
}

.carrito-listado .producto-cantidad .producto-cantidad-unidades {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  border-radius: 4px;
  padding: 8px 8px;
  margin: 5px;
  background-color: #649b40;
  height: 34px;
}

.carrito-listado .producto-cantidad .producto-cantidad-unidades .unidades {
  background-color: transparent;
  border: 0;
  text-shadow: none;
  box-shadow: none;
  width: 26px;
  outline: none;
  font-size: 19px;
  margin-top: -8px;
}

.carrito-listado .producto-vista-detalle.regalo .producto-cantidad .producto-cantidad-unidades {
  line-height: 1.0em;
}

.carrito-listado .producto-vista-detalle.regalo .producto-cantidad .producto-cantidad-unidades .unidades {
  line-height: 1.6em;
}

.carrito-listado .producto-cantidad .producto-cantidad-botones {
  line-height: 8.0em;
}

.carrito-listado .producto-vista-detalle.regalo .producto-cantidad .producto-cantidad-botones {
  line-height: 2.5em;
}

.carrito-listado-desgloses .carrito-desgloses-subtotal {
  font-family: 'Ostrich Sans Rounded';
  font-size: 10em;
  color: #649b40;
  font-weight: bold;
  line-height: 1.2em;

}

.carrito-listado-desgloses .carrito-metodo-envio .forma-entrega-importe {
  font-size: 11px;
}

.carrito-listado-desgloses .carrito-metodo-envio .forma-entrega-importe .importe-total {
  font-size: 73px !important;
  display: inline-block;
}

.carrito-listado-desgloses .carrito-metodo-envio .forma-entrega-importe .simbolo-euro {
  display: inline-block;
  font-size: 73px !important;
  color: #649b40;
}

.carrito-listado .carrito-metodo-envio {
  padding-top: 15px;
  padding-bottom: 20px;
  margin-left: 0;
  border-bottom: 1px solid #ccc;
}

.carrito-listado .carrito-metodo-envio .titulo-seccion {
  font-size: 20px;
}

.carrito-listado .carrito-listado-desgloses .carrito-subtotal-productos .titulo-seccion {
  display: block;
}
.carrito-listado .carrito-metodo-envio .forma-entrega-seleccion {
  font-size: 14px;
  text-transform: uppercase;
}

.carrito-listado .carrito-metodo-envio .forma-entrega-seleccion .opcion-entrega {
  line-height: 1.8em;
}

.carrito-listado .carrito-metodo-envio .forma-entrega-importe .importe-total {
  font-size: 36px;
}

.carrito-listado .carrito-metodo-envio .forma-entrega-imagen img {
  width: 150px;
  height: 150px;
  padding: 20px;
  background-color: #fff;
}

.carrito-listado .carrito-cupon-descuento {
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen {
  width: 150px;
  height: 100px;
  background-color: #fff;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen.valido {
  border: 1px solid rgba(131, 173, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(131, 173, 105, 0.35);
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen.invalido {
  border: 1px solid rgba(173, 118, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(237, 120, 86, 0.35);
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen.valido.cupon-descuento-descripcion {
  color: #649b40;
}
.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen.invalido.cupon-descuento-descripcion {
  color: rgba(194, 99, 76, 1);
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen img {
  width: 100px;
  height: 100px;
}

.carrito-listado .carrito-cupon-descuento .descripcion-cupon {
  font-size: 1.6em;
  color: rgba(194, 99, 76, 1);
  font-weight: bold;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-importe {
  font-size: 11px;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-importe .importe-total {
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  font-size: 73px !important;
  display: inline-block;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-importe .simbolo-euro span.i-euro-1,
.carrito-listado-desgloses .carrito-metodo-envio .forma-entrega-importe .simbolo-euro span.i-euro-1 {
  font-size: 0.5em !important;
}

.carrito-listado .carrito-listado-desgloses .carrito-subtotal-productos div.simbolo-euro span.i-euro-1 {
  font-size: 3.2em;
  color: #649b40;
  display: inline-block;
}

.carrito-listado .carrito-cupon-descuento .cupon-descuento-importe .simbolo-euro {
  display: inline-block;
  font-size: 73px !important;
  color: #649b40;
}
.simbolo-euro {
  display: inline-block;
}
.carrito-listado .carrito-cupon-descuento .cupon-quitar-carrito {
  line-height: 9.0em;
}

.carrito-listado .carrito-cupon-descuento .cupon-quitar-carrito span {
  color: #649b40;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  font-size: 2.2em;
}


.carrito-listado-totales .carrito-avisos-legales, .carrito-listado-totales .carrito-importe-total {
  padding: 20px 0;
  margin: 0;
  height: 190px;
  text-transform: uppercase;
}

.carrito-listado-totales .importe-total{
  display: inline-block;
  color: #649b40;
  font-size: 73px;
  font-family: 'Ostrich Sans Rounded';
}

.carrito-listado-totales .simbolo-euro {
  color: #649b40;
  font-size: 2.8em;
  display: inline-block;
}

.carrito-listado-totales .carrito-importe-total .botones-procesar {
  padding-top: 10px;
}

.carrito-listado-item .producto-imagen img{
  width: 170px;
  height: 170px;
  border-radius: 4px;
  box-shadow: none;
}

.carrito-listado-item .producto-vista-detalle.regalo {
  margin-top: 0px;
  margin-bottom: 20px;
}

.carrito-listado-item .producto-vista-detalle.regalo .producto-imagen img {
  width: 90px;
  height: 90px;
  border-radius: 0;
  margin-top: 23px;
}

.carrito-listado-item .producto-vista-detalle.regalo .producto-contenedor {
  border-top: 2px dashed #ccc;
}

.carrito-listado-item .producto-vista-detalle:not(.regalo):not(.oferta) .producto-informacion {
  min-height: 190px;
}

.carrito-listado-item .producto-vista-detalle.oferta .producto-informacion {
  min-height: 50px;
}


.carrito-listado .producto-contenedor-promocion {
  margin-top: 10px;
}

.carrito-listado .producto-informacion-promocion {
  border-top: 2px dashed #ddd;
  padding: 4px 0;
  padding-left: 4px;
  height: 70px;
}

.carrito-listado .producto-informacion-promocion .producto-promocion {
  background-color: transparent;
  height: 56px;
}

.carrito-listado .producto-informacion-promocion .producto-promocion.oferta-activa {
  border: 1px solid rgba(131, 173, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(131, 173, 105, 0.35);
}

.carrito-listado .producto-informacion-promocion .producto-promocion.oferta-inactiva {
  border: 1px solid rgba(173, 118, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(237, 120, 86, 0.35);
}

.carrito-listado .producto-informacion-promocion .informacion-promocion-titulo {
  text-transform: uppercase;
  color: #649b40;
  font-weight: bold;
  margin-left: 60px;
}

.carrito-listado .producto-vista-detalle.regalo .producto-contenedor .producto-titulo {
  margin-top: 10px;
}

.carrito-listado .producto-informacion-promocion .informacion-promocion-detalle {
  text-transform: uppercase;
  margin-left: 60px;
  font-size: 0.9em;
}

/* *****************************************************************************
 *  VISTA CARRITO. FIN
 * ************************************************************************** */


/* *****************************************************************************
 *  VISTA CAJA
 * ************************************************************************** */

.caja {
  padding: 15px 0;
}

.caja .titulo-cabecera-seccion {
  border-bottom: 1px solid #000; 
}

.caja .caja-resumen-pedido-contenido {
  background-color: #fff;
  padding: 0 15px 0 0;
  border: 1px solid #83ad69;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-titulo {
  color: #000;
  font-weight: bold;
  font-size: 1.0em;
  padding: 0 10px;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-subtotal,
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-gastos-envio, 
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-total {
  text-transform: uppercase;
  padding: 0;
  padding-left: 10px;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-subtotal .subtotal-resumen-pedido,
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-gastos-envio .gastos-envio-resumen-pedido,
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-total .total-resumen-pedido {
  font-style: italic;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-subtotal .subtotal-resumen-pedido, 
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-gastos-envio .gastos-envio-resumen-pedido {
  border-bottom: 1px solid #bbb;
  line-height: 1.0em;
  margin-top: 13px;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-subtotal,
.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-gastos-envio {
  height: 30px;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-total .total-resumen-pedido {
  margin-top: 13px;
  font-weight: bold;
  font-size: 1.3em;
  width: 100%;
}

.caja .caja-resumen-pedido-contenido .caja-resumen-pedido-total .informacion-iva {
  font-size: 0.6em;
  height: 8px;
}

.caja .caja-resumen-pedido .importe-subtotal,
.caja .caja-resumen-pedido .importe-total,
.caja .caja-resumen-pedido .gastos-envio {
  font-family: 'Ostrich Sans Rounded';
  font-size: 2.0em;
  color: #649b40;
  height: 30px;
}

.caja .caja-resumen-pedido .importe-total {
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.0em;
  width: 100%;
} 

.caja .caja-resumen-articulos {
  position: relative;
  padding: 0 15px 0 0;
}

.caja .caja-resumen-articulos-contenido {
  height: 130px;
}

.caja .caja-resumen-articulos-contenido .carousel-inner {
  float: left;
}

.caja .caja-resumen-articulos .titulo-caja-resumen-carrito {
  font-weight: bold;
  color: #000;
  padding-left: 5px;
}

.caja .caja-resumen-articulos .caja-resumen-articulos-titulo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 15px;
  z-index: 10;
}

.caja .caja-resumen-articulos-titulo .editar-carrito-caja-resumen {
  color: #417521;
  text-transform: uppercase;
  font-size: 0.8em;
  padding-top: 4px;
}

.caja .contenedor-articulo {
  padding: 21px 3px 10px 2px;
}

.caja .contenedor-articulo:hover {

}

.caja .contenedor-articulo .informacion-iva {
  font-size: 0.6em;
  text-transform: uppercase;
}
.caja .caja-resumen-articulo-producto {
  padding-left: 0;
}

.caja .caja-resumen-articulo-producto .imagen-articulo {
  width: 80px;
  height: 80px;
  border: 2px solid #bbb;
  border-radius: 6px;
}

.caja .caja-resumen-articulo-producto .titulo-articulo {
  font-size: 0.8em;
  font-weight: bold;
  text-transform: uppercase;
  color: #649b40;
  line-height: 1.0em;
  padding: 10px 0 4px 8px;
}

.caja .caja-resumen-articulo-producto .laboratorio-puntuacion-articulo {
  font-size: 0.6em;
  color: #649b40;
  padding: 0 0 4px 8px;
}

.caja .caja-resumen-articulo-producto .laboratorio-puntuacion-articulo .laboratorio-articulo {
  text-transform: uppercase;
  font-size: 1.2em;
  color: #000;
}

.caja .caja-resumen-articulo-producto .puntuacion-articulo .puntuacion-estrella-resumen-carrito {
  float: right;
}

.caja .caja-resumen-articulo-producto .cantidad-precio-articulo {
  padding: 0 0 4px 8px;
}

.caja .caja-resumen-articulo-producto .cantidad-articulo {
  padding-top: 10px;
  font-size: 0.7em;
}

.caja .caja-resumen-articulo-producto .precio-articulo {
  font-family: 'Ostrich Sans Rounded';
  font-size: 2.4em;
  color: #649b40;
  height: 20px;
  line-height: 27px;
}

.caja .caja-resumen-articulo-producto .obsequio-articulo {
  font-size: 1.4em;
  color: #649b40;
  height: 34px;
  line-height: 2.5em;
  text-transform: uppercase;
}

.caja .caja-resumen-articulos .caja-resumen-carrito-control {
  background: none;
  box-shadow: none;
  height: 50px;
  margin: 0px -17px;
  margin-top: 40px;
  line-height: 50px;
  text-shadow: none;
  background-color: #649b40;
  color: #fff;
  font-size: 1em;
  width: 16px;
  top: -7px;
}

.caja .caja-resumen-articulos .caja-resumen-carrito-control:hover {
  background-color: #417521;
}

.caja .caja-resumen-articulos .caja-resumen-carrito-control.left {
  text-align: left;
}

.caja .caja-resumen-articulos .caja-resumen-carrito-control.right {
  text-align: right;
}

.caja-resumen {
  margin-bottom: 10px;
  /*background-color: #d8ebd7;*/
  padding: 10px;
}

.caja-estado-proceso {
  background-color: transparent;
  padding: 0;
  margin: 0 -10px 10px -10px;
}

.caja-estado-proceso .caja-estado-paso {
  color: #fff;
  font-size: 1.2em;
  text-transform: uppercase;
  text-shadow: 2px 1px 2px rgb(0,0,0);
  padding: 2px 0;
}

.caja-estado-proceso .caja-estado-paso .inicio-paso {
  width:10px;
  height:0px;
  display: inline-block;
  border-style: solid;
  border-width: 12px;
  border-right-width:0px;
  border-color: #649b40 #649b40 #649b40 transparent;
  line-height: 19px;
  float: left;
}

.caja-estado-proceso .caja-estado-paso .contenido-paso {
  display: inline-block;
  background-color: #649b40;
  line-height: 24px;
  float: left;
  width: 348px;
}

.caja-estado-proceso .caja-estado-paso .fin-paso {
  display: inline-block;
  width:10px;
  height:0px;
  border-style: solid;
  border-width: 12px;
  border-right-width:0px;
  border-color: transparent transparent transparent #649b40;
  line-height: 19px;
  float: right;
}

.caja-estado-proceso .caja-estado-paso.completado {
  color: #fff;
}

.caja-estado-proceso .caja-estado-paso .numero {
  font-size: 0.6em;
  display: inline;
  line-height: 0.6em;
  width: 2.0em;
  text-align: center;
}

.caja-estado-proceso .caja-estado-paso.activo .contenido-paso {
  background-color: #417521; /* No activo: 3d9b35;*/
}

.caja-estado-proceso .caja-estado-paso.activo .inicio-paso {
  border-color: #417521 #417521 #417521 transparent;
}

.caja-estado-proceso .caja-estado-paso.activo .fin-paso {
  border-color: transparent transparent transparent #417521;
}


/* Errores emergentes de validación de campos */
.caja .popover {
  min-width: 190px;
  max-width: 240px;
  min-height: 50px;
  background-color: #000 !important;
  color: #fff;
}

.caja .popover h3 {
  background-color: #000;
  color: #fff !important;
  border: 0;
}

.caja .popover.top .arrow:after {
  border-top-color: #000 !important;
}

.caja .popover .popover-content {
  padding: 8px;
  font-size: 11px;
}

.caja .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}

.caja .caja-proceso {
  margin: 0 -5px;
}

.caja .caja-usuario .login-usuario .login-olvido-pass {
  font-weight: normal !important;
  font-size: 1.0em;
}

.caja .caja-usuario .login-usuario .login-aceptar {
  padding: 0 5px;
}
/* Errores emergentes de validación de campos. Fin */


/* Sección de caja para login y registro de usuarios */
#notificaciones-usuario-caja .list-group-item {
  border: 0;
  padding: 0;
  background-color: transparent;
}

#notificaciones-usuario-caja .cerrar-notificacion {
  clear: both;
}

#notificaciones-usuario-caja .msg {
  line-height: 2.0em;
  border: 0;
  background-color: transparent;
}

#notificaciones-usuario-caja {
  color: #000 !important;
  padding: 5px 10px;
}

.caja .registro .error {
  background-color: rgba(255, 179, 179, 0.9);
}

.caja .login.caja .mensaje-password-caja {
  position: absolute;
  right: -21px;
  top: 8px;
  font-size: 18px;
}

.caja button {
  text-transform: uppercase;
}

.caja .caja-usuario, .caja .caja-entrega .caja-direccion, .caja .caja-pago {

}

.caja .caja-pago .caja-pago {
  background-color: #d8ebd7;
  padding: 10px;
}

.caja .caja-usuario .info-usuario {
  background-color: #fff;
  padding: 8px 12px 10px 12px;
  border: 1px solid #83ad69;
}

.caja .caja-usuario .caja-cuestionario,
.caja .caja-usuario .caja-consentimiento-expreso {
  background-color: #d8ebd7;
  padding-bottom: 10px;
}

.caja .caja-usuario,
.caja .caja-pago,
.caja .caja-entrega {
  padding: 0 5px;
  margin-bottom: 10px;
}

.caja .caja-entrega .caja-direccion {
  background-color: #fff;
  padding: 8px 12px 10px 12px;
  border: 1px solid #83ad69;
}

.caja .caja-entrega .caja-direccion .confirmar-datos .forma-entrega {
  font-weight: bold;
  margin-top: 15px;
}

.caja .caja-entrega .caja-direccion .forma-entrega-direccion {
  /*font-style: italic;*/
  margin: 20px 0 10px 0;
  font-weight: bold;
}

.caja .caja-entrega .contenedor-texto-forma-entrega {
  padding: 2px 15px 0 15px!important;
}

.caja .caja-entrega .texto-forma-entrega {
  background-color: #fff;
  color: #649b40;
  line-height: 32px !important;
  padding: 1px 6px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  border-right: none;
  font-size: 1.0em;

}

.caja .caja-entrega .cambio-direccion-entrega {
  cursor: pointer;
}


.caja .caja-entrega .selector-forma-entrega {
  background-color: #fff;
  color: #649b40;
  line-height: 32px !important;
  padding: 1px 6px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  border-right: none;
  font-size: 1.0em;

}

.caja .caja-entrega .confirmar-datos .botones,
.caja .caja-entrega .detalles-farmacia .botones {
  margin-top: 20px;
}

/*
.caja .caja-entrega .detalles-farmacia .entrega-aceptar button {
    padding: 6px 10px;
    width: auto;
    float: right;
}
*/

.entrega-aceptar button.btn-accion {
  padding: 10px;
}

.caja .caja-entrega .seleccion-direccion-entrega .datos-cambiar-direccion {
  margin: 0 0 10px 0;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 186px;
  cursor: default;
  background-color: #fff;
  border: 1px solid #bbb;

}

.caja .caja-entrega .datos-cambiar-direccion .seleccion-direccion-cuadro {
  padding: 5px;
}

.caja .caja-entrega .datos-cambiar-direccion .seleccion-direccion-cuadro .eliminar-direccion {
  margin: 5px;
  cursor: pointer;
}

.caja .caja-entrega .datos-cambiar-direccion .seleccion-direccion-campo {
  border: 1px solid #bbb;
  /*border-radius: 5px;*/
  padding: 10px;
  cursor: pointer;
}

.caja .caja-entrega .datos-cambiar-direccion .seleccion-direccion-campo.active{
  background-color: #83ad69;
  border-color: #83ad69;
  cursor: default;
}

.caja .caja-entrega .datos-cambiar-direccion .seleccion-direccion-campo .cp{
  float: left;
  margin-right: 10px;
}

.caja .caja-entrega .seleccionar-forma-envio {
  border-top: 1px solid #bbb;
  margin-top: 20px;
}

.caja .caja-entrega .seleccionar-forma-envio .botones-confirmar {
  margin-top: 20px;
}

.caja .caja-entrega .texto-detalle {
  text-transform: none;
}

.caja .caja-entrega .direccion-entrega {
  text-transform: uppercase;
  font-weight: bold;
}

.caja-usuario .titulo-apartado-caja, .caja-direccion .texto-apartado-secundario, .caja-cuestionario .titulo-apartado-caja, .caja-consentimiento-expreso .titulo-apartado-caja, .caja-direccion .titulo-apartado-caja, .caja-resumen .titulo-apartado-caja, .caja-pago .titulo-apartado-caja {
  text-transform: uppercase;
  font-weight: bold;
  /*font-style: italic;*/
  font-size: 18px;
}

.caja .caja-usuario .info-usuario,
.caja .caja-entrega .caja-direccion,
.caja .caja-pago{
    font-size: 16px;
}

.caja .caja-proceso .caja-cuestionario .detalles-formulario {
  padding: 20px 10px 0 10px;
}

.caja .caja-proceso .caja-cuestionario .detalles-formulario #cuestionario-medicamento {
  margin-left: -10px;
}

.caja-usuario .caja-cuestionario .cuestionario-titulo {
  margin: 10px 0;
}

.caja .caja-proceso .caja-consentimiento-expreso .detalles-formulario {
  padding: 20px 10px 0 10px;
}

.caja-usuario .caja-consentimiento-expreso .cuestionario-titulo {
  margin: 10px 0;
}

.caja-usuario .texto-apartado-secundario, .caja-pago .texto-apartado-secundario {
  padding: 20px 0 10px 0;
  font-weight: bold;
  text-transform: uppercase;
}

.caja-usuario .registrar-usuario, .caja-usuario .iniciar-sesion {
  text-transform: uppercase;
  padding-top: 10px;
}

.caja-usuario .apartado-usuario, .caja-usuario .registro-usuario {
  /*font-size: 0.8em;*/
}
.modulo.registro-usuario {
  margin-top: 0px;
}

.caja-usuario .login-usuario .linea-formulario, .caja-usuario .registro-usuario .linea-formulario {
  margin: 0 0 4px 0 !important;
}

.caja-usuario .registro .linea-formulario .control-label {
  line-height: 2.4em !important;
}
#reg_contenedor_caja .linea-formulario .control-label {
  line-height: 3.0em !important;
}

.radio label, .checkbox label {
  text-transform: initial;
}
/* Sección de caja para login y registro de usuarios. Fin */


.caja-usuario .apartado-usuario,
.caja-usuario .apartado-registro,
.caja-cuestionario .detalles-formulario,
.caja-direccion .detalles-entrega,
.caja-resumen .detalles-resumen,
.caja-pago .detalles-pago,
.caja-resumen .cupon-descuento .cabecera-tabla-resumen {
  /*font-size: 0.8em;*/
}

.caja .caja-proceso .caja-pago .detalles-pago {
  margin-top: 10px;
}

.caja .caja-proceso .caja-pago .detalles-pago .contenedor-texto-forma-entrega {
  padding: 2px 15px 0 15px !important;
}

.caja .caja-proceso .caja-pago .detalles-pago .selector-forma-entrega {
  background-color: #fff;
  color: #649b40;
  line-height: 32px !important;
  padding: 1px 6px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  border-right: none;
  font-size: 1.0em;
}

.caja-pago .detalles-pago .radio {
  height: 1.2em;
  padding: 0;
  margin: 6px 0;
}

.caja .caja-proceso .caja-pago .detalles-pago .botones-pago {
  margin-bottom: 10px;
}

.botones-pago button {
  padding: 10px;
}

.caja .caja-resumen .detalles-resumen {
  margin: 10px 0px 20px 0;
}

.caja .caja-resumen .detalles-resumen .cabecera-tabla-resumen-titulo {
  background-color: #fff;
  padding: 8px 12px 10px 12px;
  border: 1px solid #83ad69;
    margin-top: 10px;
}

.caja-direccion .detalles-entrega .form-group {
  margin: 0 !important;
}

.caja-direccion .detalles-entrega .info-entrega {
  padding: 20px 0 0 0;
}

.caja-direccion .detalles-entrega .detalles-envio.info {
  padding: 20px 0;
}

.caja-direccion .detalles-entrega .detalles-envio.info {
  border-bottom: 1px solid #bbb;
}

.caja-direccion .detalles-entrega .titulo-apartado-caja,
.caja-direccion .texto-apartado-secundario {
  margin: 20px 0 10px 0;
}

.caja-direccion .forma-entrega .panel {
  padding: 0;
  margin: 0;
}

.caja-direccion .forma-entrega .radio {
  min-height: 1px;
  height: 1.2em;
  padding: 0;
  margin: 6px 0;
}

.caja-direccion .forma-entrega .contenedor-texto-forma-entrega {
  padding: 8px 15px;
}

.caja-direccion .forma-entrega .texto-detalle,
.seleccionar-forma-envio .forma-entrega .texto-detalle {
  font-style: italic;
}

.caja-direccion .forma-entrega a {
  outline-color: transparent;
  text-decoration: none;
  color: rgb(112, 158, 165);
}

.caja-direccion .forma-entrega .texto-forma-entrega, .caja-dreccion .forma-entrega .selector-forma-entrega, .caja-direccion .forma-entrega .informacion-forma-entrega {
  line-height: 1.8em;
}

.caja-direccion .forma-entrega .contenedor-informacion-forma-entrega {
  padding: 20px 0;
}

.caja-direccion .forma-entrega .informacion-forma-entrega {
  line-height: 2.8em;
}

.caja-direccion .datos-envios-direccion .forma-entrega {
  margin-top: 10px;
}

.caja-direccion .datos-envios-direccion .forma-entrega .contenedor-forma-entrega {
  background-color: #fff;
  color: #649b40;
  line-height: 32px !important;
  padding: 1px 6px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  border-right: none;
  font-size: 1.0em;
  margin: 2px 0;
}

.caja-direccion .detalles-entrega .tabla-precios-gastos-envio {
  padding-left: 30px;
}

.caja-direccion .detalles-entrega .imagen-resumen {
  margin-bottom: 14px;
}

.caja-direccion .datos-entregas-coinciden {
  padding: 10px 0;
}
.caja-direccion .datos-entregas-coinciden .radio {
  margin: 0;
}

.caja-direccion .linea-formulario .form-group {
  padding: 0;
  margin: 0;
}

.caja-direccion .linea-formulario .contenedor-botones, .caja-direccion .linea-formulario .direccion-cancelar, .caja-direccion .linea-formulario .direccion-aceptar {
  padding: 0;
}

.caja-direccion .detalles-envio .cambiar-direccion-entrega .datos-entregas-direccion {
  min-height: 189px;
}

.caja-direccion .detalles-envio .cambiar-direccion-entrega .text-forma-direccion {
  background-color: #fff;
  color: #649b40;
  line-height: 32px !important;
  padding: 1px 6px;
  text-transform: uppercase;
  border: 1px solid #ddd;
  border-radius: 3px 0 0 3px;
  border-right: none;
  margin: 1px 0;
}

.caja-direccion .detalles-envio .cambiar-direccion-entrega .text-forma-direccion label {
  margin: 0;
}

.caja-direccion .detalles-envio .cambiar-direccion-entrega .text-forma-direccion input {
  border: 0;
  line-height: normal;
}

.caja-direccion .detalles-envio .cambiar-direccion-entrega .text-forma-direccion select {
  border: 0;
  width: 100%;
  margin: 0px;
  padding: 9px 2px;
}

.caja-direccion .botones-confirmar {
  padding: 0;
}

.caja-direccion .registro-direccion .linea-formulario div.error {
  font-size: 12px;
  color: red;
}

.caja-direccion .botones-confirmar .entrega-cancelar, .caja-direccion .botones-confirmar .entrega-aceptar {
  margin: 0;
  padding: 0;
}

.caja-resumen .pedido-confirmado-contenedor {
  border: 1px solid #000;
  border-radius: 6px;
  padding: 6px 10px;
}




.caja .caja-resumen .cupon-descuento {
  margin-bottom: 10px;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-pregunta {
  padding: 10px 0 5px 0;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen {
  padding: 0 5px 0 0;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen img {
  width: 100%;
  border-radius: 10px;
  padding: 5px;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen .valido {
  border: 1px solid rgba(131, 173, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(131, 173, 105, 0.35);
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen .invalido {
  border: 1px solid rgba(173, 118, 105, 0.5);
  border-radius: 4px;
  padding: 0px 5px 0px 5px;
  margin: 7px 0px 5px 0px;
  background-color: rgba(237, 120, 86, 0.35);
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen.invalido img,.caja .caja-resumen .cupon-descuento .cupon-descuento-imagen.valido img {
  width: 60%;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-codigo input {
  margin: 5px 0;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-texto {
  font-style: italic;
  padding: 10px 0 0 5px;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-descripcion {
  text-transform: uppercase;
  padding: 5px;
  /*color: rgba(194, 99, 76, 1);*/
}

.caja .caja-resumen .cupon-descuento .cabecera-tabla-resumen {
  padding-bottom: 10px;
}

/*
.caja .caja-resumen .cupon-descuento .cupon-descuento-contenedor-imagen,
.caja .caja-resumen .cupon-descuento .cupon-descuento-importe,
.caja .caja-resumen .cupon-descuento .cupon-descuento-codigo-texto,
.caja .caja-resumen .cupon-descuento .cupon-descuento-codigo {
    padding: 5px;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-contenedor-imagen img {
    width: 100%;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-importe {
    text-align: right;
}

.caja .caja-resumen .cupon-descuento .cupon-descuento-codigo {
    padding: 0 0 5px 5px;
}
*/




.caja-resumen .cabecera-tabla-resumen {
  border-bottom: 1px solid #bbb;
}

.caja-resumen .cabecera-tabla-resumen .titulo {
  padding: 5px;
}

.caja-resumen .cabecera-tabla-resumen .cantidad {
  text-align: right;
  padding: 5px 15px 0 0;
}

.caja-resumen .cabecera-tabla-resumen .precio {
  text-align: right;
  padding: 5px;
}

.caja-resumen .pie-tabla-resumen {
  background-color: #aec6c8;
}

.caja-resumen .texto-subtotal {
  line-height: 2.5em;
} 

.caja-resumen .texto-total {
  line-height: 3.5em;
} 

.caja-pago .detalles-pago .contenedor-texto-forma-entrega.comentario {
  margin-top: 20px;
}

.caja-pago .detalles-pago .contenedor-texto-forma-entrega.comentario textarea {
  margin: -1px 0 0 1px;
  width: 100%;
  height: 90px;
  padding: 5px;
  border: 1px solid rgb(216, 235, 215);
  resize: none;
}

.caja-pago .condiciones-compra {
  padding: 20px 5px;
}

.caja-pago .condiciones-compra .acepta-condiciones, .caja-pago .condiciones-compra .rechaza-condiciones {
  font-size: 20px;
  cursor: pointer;
  line-height: 30px;
}

.caja-pago .condiciones-compra .acepta-condiciones.activo, .caja-pago .condiciones-compra .rechaza-condiciones.activo {
  color: #000;
  cursor: default;
}


.caja-cuestionario .mostrar-cuestionario {
  color: #000;
  margin-top: 20px;
}
/* *****************************************************************************
 *  VISTA CAJA. FIN
 * ************************************************************************** */


/* *****************************************************************************
 *  VISTA DONDE ESTAMOS
 * ************************************************************************** */

.mapa-ubicacion {
  margin: 10px 0;
  border: 4px solid #fff;
  border-radius: 14px;
  background-color: #fff;
  padding: 18px 0;
}

.quienes-somos-direccion {
  text-transform: uppercase;
}

.quienes-somos-direccion .cabecera-detalle{
  font-weight: bold;
  font-style: normal;
  margin: 30px 0;
  font-size: 20px;
}

.quienes-somos-direccion .linea-detalle{
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  color: #39656e;
  font-size: 16px;
}

.quienes-somos-contactos .cabecera-detalle{
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  color: #5FAC68;
  font-size: 20px;
}

.quienes-somos-direccion .linea-detalle{
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  color: #39656e;
  font-size: 16px;
}


/* *****************************************************************************
 *  VISTA DONDE ESTAMOS. FIN
 * ************************************************************************** */

/* *****************************************************************************
 *  VISTA QUIENES SOMOS
 * ************************************************************************** */
.contenedor-quienes-somos {
  margin-right: 16px;  
}

.cabecera-pagina {

  border-bottom: 1px solid #AAA;
  padding-bottom: 5px;
  margin-left: -10px;
  padding-left: 10px;
  margin-right: -10px;
}

.cabecera-pagina .titulo {
  margin-left: 5px;
  font-size: 15px;
  text-transform: uppercase;
  display: inline;
  color: #777;
  font-weight: 700;
}


.quienes-somos .foto-equipo {
  margin-top: 30px;
  max-height: 375px;
  overflow: hidden;
  margin-bottom: 20px;
}

.quienes-somos .foto-equipo img{
  max-width: 860px;
  width: 100%;
}

.quienes-somos .datos-farmacia .direccion {
  text-transform: uppercase;
}

.quienes-somos .datos-farmacia .cabecera-detalle {
  border-bottom: 2px solid #a6adb7;
  margin-bottom: 10px;
}

.quienes-somos .linea-separador {
  border-bottom: 2px solid #a6adb7;
  display: block;
  width: 100%;
  position: relative;
  margin: 10px 0;
}

.quienes-somos.info-farmacia {
  margin: 20px 0;
  border-color: #009A3D;
  border-style: solid;
  border-width: 1px 0 1px 0;
}
.quienes-somos.info-farmacia div div.pull-left.unidad img {
  width: 100%;
}
.quienes-somos.info-farmacia .cabecera-bloque img {
  width: 100%;
  height: 100%;
}

.quienes-somos .descripcion-mapa-compra {
  text-transform: uppercase;
  position: relative;
}

.quienes-somos .descripcion-mapa-compra .unidad {
  padding: 0 4px;
  font-size: 12px;
  font-weight: bold;
}

.quienes-somos .descripcion-mapa-compra .unidad img {
  margin: 30px 0;
}

.quienes-somos .descripcion-mapa-compra .separador {
  width: 10px;
  margin-top: 180px;
}

.cabecera-apartado {
  font-size: 20px;
  text-transform: uppercase;
  border-width: 0px 0;
  border-style: solid;
  border-color: #d6d6d6;
  padding: 6px 0;
  margin: 30px 0 10px 0;
}
.cabecera-apartado-quienes-somos{
  font-size: 14px;
  text-transform: none;    
}


.cabecera-descripcion {
  font-size: 20px;
  text-transform: uppercase;
  border-width: 0px 0;
  border-style: solid;
  border-color: #d6d6d6;
  padding: 6px 0;
  margin: 30px 0 10px 0;
}


.quienes-somos .cabecera-bloque h3 {
  text-decoration: underline;
  text-transform: uppercase;
}

.quienes-somos .cabecera-bloque img {
  margin: 30px 0;
}

.quienes-somos .contenido-bloque {
  font-size: 15px;
  margin:20px;
}

.quienes-somos .contenido-bloque img.quote-izq {
  margin: -10px 4px 0 0;
}

.quienes-somos .contenido-bloque img.quote-der {
  margin: 0 0 -10px 4px;
  vertical-align: top;
}


.quienes-somos .newsletter {
  margin-top: 67px;
}

.quienes-somos .newsletter .cabecera-detalle {
  text-transform: uppercase;
}
.informacion-detalle {
  padding: 5px 0px 5px 0px;
}
/* *****************************************************************************
 *  VISTA QUIENES SOMOS. FIN
 * ************************************************************************** */



/* *****************************************************************************
 *  VISTA BUSCADOR
 * ************************************************************************** */
.buscador {
  padding: 15px;
}

.buscador-productos .busqueda {
  background-color: #fff;
  color: #000;
}
.buscador-productos .busqueda.error {
  background-color: rgba(255, 179, 179, 0.9);
}

.cabecera-resultados {
  text-transform: uppercase;
  margin: 0;
  color: #777;
  font-size: 0.9em;
  font-weight: bold;
  padding: 0 0 8px 4px !important;
  border-bottom: 2px solid #ddd;
  margin-bottom: 20px;
}
.cabecera-resultados.medicamentos {
    color: #649b40;
    font-size: 17px;
    font-weight: normal;
    border-bottom: 1px solid #649b40;
}

.buscador-pie .productos-ocultos {
  text-transform: uppercase;
  margin-top: 10px;
  color: #000;
  font-size: 0.9em;
  font-weight: bold;
  padding: 12px 0 8px 10px !important;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: #fff;
  text-transform: uppercase;
  margin-top: 10px;
  font-size: 0.9em;
  font-weight: bold;
  padding: 12px 0 8px 10px !important;
  border: 1px solid #bbb;
  border-radius: 4px;
  background-color: #649b40;
}

.buscador-pie .productos-ocultos.medicamentos:hover {
  background-color: #649b40;
  border-color: #bbb;
  color: #fff;
  .buscador-pie .productos-ocultos span {
    color: #fff;
  }

  .buscador-pie .productos-ocultos a {
    color: #fff;
  }

}

.buscador-pie .productos-ocultos {
  color: #649b40;
  margin-bottom: 10px;
}

.buscador-pie .productos-ocultos {
  color: #fff;
  font-weight: bold;
  margin-bottom: 10px;
}

.buscador-pie .productos-ocultos.parafarmacia:hover {
  background-color: #83ad69;
  border-color: #aaa;
  color: #fff;
}

.resultados-busqueda .producto {
  /*height: 298px; Tamaño anterior, cuando no había descripción */
  height: 360px;
  margin: 20px 0;
  background-color: #fff;
  border: 1px solid #ddd;
}

.resultados-busqueda .producto .producto-imagen {
  max-height: 190px;
  overflow: hidden;
  border: none;
}

.resultados-busqueda .producto .marca-oferta {
  top: 18px !important;
  left: 13px !important;
}

.resultados-busqueda .producto .texto-tipo-oferta {
  top: 26px !important;
  left: 22px !important;
}

.resultados-busqueda .producto .imagen-obsequio {
  top: 27px;
  left: 17px;
}

.resultados-busqueda .producto .producto-imagen img{
  width: 190px;
  height: 190px;
  border: none;
}

.resultados-busqueda .producto .producto-imagen img.producto-promocion {
  border-radius: 99px;
  border: 12px solid #bed4d7 !important;
}


/* *****************************************************************************
 *  VISTA BUSCADOR. FIN
 * ************************************************************************** */


/* *****************************************************************************
 *  VISTA FORMULARIO DE CONTACTO
 * ************************************************************************** */



#contacto .titulo-pagina {
  text-transform: uppercase;
  border-bottom: 1px solid #AAA;
  padding-bottom: 10px;
  margin: 0px 0px 20px;
  padding-left: 10px;
  font-size: 12px;
  color: #777;
  font-weight: bold;
}

#contacto .titulo-pagina span {
  color: #417521;
  margin-right: 10px;
}

#contacto .cabecera-titulo h4 {
  color: #649b40;
  font-weight: bold;
  margin: 40px;
}

#contacto .cabecera-detalle {
  margin-left: 15px;
}

#contacto .cabecera-detalle-titulo {
 
  font-size: 15px;
  margin-bottom: 10px;
}

#contacto .cabecera-detalle-icono {
  padding: 15px 0 0 10px;
  margin-bottom: 15px;
}

#contacto .cabecera-detalle-icono span {
  padding: 20px;
  border-radius: 35px;
}

#contacto .cabecera-detalle-separador {
  border-bottom: 1px solid #AAA;
  margin: 20px;
}

#contacto .formulario {
  background-color: #EEE;
  margin: 50px 0;
  padding: 5px 15px;
}

#contacto .cabecera-formulario {
  font-weight: bold;
  padding: 0 10px 10px 10px;
}

#contacto .formulario .formulario-casilla {
  padding: 0 10px;
}

#contacto .formulario .formulario-casilla-cuadro {
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #FFF #FFF #CCC;
  background-color: #FFF;
  margin: 0;
  padding-top: 3px;
  margin-bottom: 20px;
}

#contacto .formulario .formulario-casilla .has-error {
  border: 1px solid #f00;
  box-shadow: 0 0 3px #F00;
}

#contacto .formulario .formulario-label {
  padding: 0px 10px;
  max-width: 95px;
  text-transform: uppercase;
  font-weight: bold;
  color: #417521;
}

#contacto .formulario .formulario-input {
  border-left: 1px solid #AAA;
  padding: 0 0 0 10px;
  margin-bottom: 3px;
}

#contacto .formulario .formulario-input .error,
#contacto .formulario .aceptar-politica .error,
#contacto .formulario .captcha-explicacion-cuadro .error {
  position: absolute;
  top: 25px;
  left: -20px;
  color: #FFFFFF;
  font-size:0.8em;
  background: #000;
  text-align: center;
  padding:5px 8px;
  border-radius: 5px;
  font-weight: normal;
  opacity: 0.8;
  z-index: 1;
}

#contacto .formulario .aceptar-politica .error {
  left: -5px;
  /*top: 132px;*/
}

#contacto .formulario #inputMensaje3-error {
  top: 132px;
}

#contacto .formulario .captcha-explicacion-cuadro .error {
  left: 200px;
  top: 23px;
}

#contacto .formulario .formulario-input .error:after,
#contacto .formulario .aceptar-politica .error:after,
#contacto .formulario .captcha-explicacion-cuadro .error:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 20px;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#contacto .formulario .formulario-input-cuadro {
  border: 0;
  width: 100%;
}

#contacto .formulario .captcha-explicacion-link {
  margin-bottom: 10px;
}

#contacto .formulario .captcha-explicacion-cuadro {
  margin-left: 190px;
}

#validacion_manual {
  border-width: 1px;
  border-style: solid;
  border-color: #CCC #FFF #FFF #CCC;
  width: 100%;
}

#contacto .formulario .captcha-explicacion {
  font-size: 12px;
}

#contacto .formulario .formulario-casilla .aceptar-politica {
  margin-bottom: 15px;
}

#contacto .formulario .campo-requerido {
  padding: 0 10px;
}

#contacto .formulario .icon-valoracion {
  font-size: 8px;
  vertical-align: super;
}

#contacto .formulario .formulario-enviar-cuadro {
  text-align: right;
  padding: 0 10px;
}

#contacto .formulario .formulario-enviar {
  border: 0px none;
  background-color: #649b40;
  border-radius: 4px;
  height: 24px;
  width: 150px;
  margin-left: 20px;
  color: #FFF;
  text-transform: uppercase;
}

#contacto .separador {
  background-color: #aaa;
  height: 1px;
  width: 350px;
  margin: 20px auto;
}









/*
.contacto #formulario-contacto div.error {
    color: rgb(245, 0, 0);
    font-size: 12px;
}


.contacto #captcha {
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 6px;
}

.contacto #imagen-captcha {
    margin-top: 6px;
}

.contacto #codigo-captcha {
    padding-left: 0;
    margin-top: 6px;
}

.contacto #captcha-cambiar-imagen {
    font-size: 12px;
    clear: both;
}

.contacto .captcha-explicacion {
    line-height: 12px;
    font-size: 12px;
    padding: 0 15px;
}

.contacto .form-group .input-group-addon, .contacto .campo-requerido span {
    font-size: 10px;
    color: #9a9b9d;
    line-height: 32px;
}

.contacto .form-group .input-group-addon {
    padding: 4px;
    line-height: 24px;
}

.contacto .campo-requerido {
    padding: 0;
}

.contacto .checkbox {
  padding-right: 0;
}


.contacto #formulario-contacto input.error, .contacto #formulario-contacto textarea.error {
  border-color: red;
  background-color: rgba(252, 93, 128, 0.2) !important;

}

#formulario-contacto .form-group label {
  text-transform: uppercase;
}


#formulario-contacto .form-group {
  margin-bottom: 0;
}
*/
/* *****************************************************************************
 *  VISTA FORMULARIO DE CONTACTO. FIN
 * ************************************************************************** */


/* *****************************************************************************
 *  VISTA AYUDA
 * ************************************************************************** */
#ayuda-buscador {
  border-bottom: 1px solid #AAA;
  margin: 0;
  padding: 0;
}

#ayuda-buscador .buscador-input {
  margin: 0px 0 10px 0;
  padding: 0;
}

#ayuda-buscador .busqueda {
  background-color: #F1F1F1;    
}

#ayuda-buscador input.error{
  background-color: rgba(255, 179, 179, 0.9);    
  font-size: 12px; 
}

#ayuda-buscador .popover{
  min-width: 190px;
  max-width: 240px;
  min-height: 50px;
  background-color: #000 !important;
  color: #fff;
  font-size: 12px;
  padding-left: 5px;
}

#ayuda-buscador .popover .arrow:after {       
  border-top-color: #000 !important;
}

#ayuda-buscador .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}

#ayuda-buscador .busca-ayuda{
  margin-top: 5px;
  margin-bottom: 20px;
  text-align: right;
}

#ayuda-buscador .busca-ayuda button {
  width: 95%;
}

#grupo-faq {
  /*padding:4px;
  background-color: #fff;
  border: 0px solid #bbb;
  overflow-y: auto;
  height: 320px;
  max-height: 300px;*/
}

#group-faq .listado-preguntas {
  position:relative;
}

#group-faq .listado-preguntas .listado {
  border: none;
}

.titulo-pagina-faq{
  border-bottom: 1px solid #AAA;
  padding-bottom: 5px;    
  margin: 0px 0px 20px 0px;
  padding-left: 10px;
  font-size: 12px;
  color: #777;

}

.titulo-pagina-faq span {
  color: #417521;
  margin-right: 10px;
}

.contenedor-ayuda-resultados{
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;   
  margin: 0px 0px;
  padding-left: 20px;    
}

.ayuda-resultados-encontrados{           
  background-color: #F1F1F1 !important;
  margin:10px 0px;
}

.titulo-resultado-encontrado{
  color: #417521;
  padding: 0px 15px 0px 15px;            
  font-size: 12px;
  font-weight: bold; 
  margin-top: 10px;
} 

.resultado-encontrado{    
  margin:0px 0px 15px 0px;    
  font-size: 10px;  
  cursor:pointer;
}
.preguntas-frecuentes .listado {    
  position: relative;        


}
.limpiar-busqueda {
  position:absolute;
  z-index:10;
  font-weight: bold;
  float:right;
  top:1%;    
  border:none;
  background-color: transparent;
  right:5px;
}

.cerrar-faq {
  position:absolute;
  z-index:10;
  font-weight: bold;
  float:right;
  top:10px;    
  border:none;
  background-color: transparent;
  right:10px;
}

.preguntas-frecuentes .listado-textos {
  float: right;
  position: absolute;    
  left: 100%;
  width:205%;
  background-color: transparent !important;
  border: none;
  z-index: 9 !important;         
}
.preguntas-frecuentes .cabecera-pregunta-frecuente {
  background-color: #417521;
  color: #fff;
  cursor: pointer;
  padding: 0;
  margin-bottom: 5px;
  text-transform: uppercase;
  border-radius: 5px;

}

.preguntas-frecuentes .cabecera-pregunta-frecuente .texto-pregunta {
  background-color: #417521;
  padding: 0px 6px;
  display: block;
  border-radius: 3px;
  font-weight: bold;
  font-size: 12px;
}

.preguntas-frecuentes .cabecera-pregunta-frecuente span.caret {
  margin-top: 8px;
}

.preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-flecha {
  margin-top: -28px;
  margin-right: -33px;
  color: #417521;
  font-size: 40px;        
}

.preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar {
  margin-top: -10px;
  margin-right: 0px;
  color: #fff;
  font-size: 10px;  
  display:none;
}

.preguntas-frecuentes .item-listado {
  padding: 30px 50px;
  margin: 10px -10px;
  background-color: #F1F1F1;
  border-radius: 4px;
  border: 1px solid #D6D6D6;       
  box-shadow: 2px 3px 6px rgba(0,0,0,0.6) !important;  

}
.buscador-ayuda{        
  margin-right: 15px;    
}
.buscador-ayuda .busqueda{

  background:#F1F1F1;
  margin-bottom: 15px;

}

.titulo-resultado-busqueda{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}

.preguntas-frecuentes .item-listado .item-faq-titulo{
  margin:0px 0px 10px -45px;
  padding: 3px 3px 3px 45px;
  background-color: #417521;
  border-radius: 2px;    
  text-transform: uppercase;
  color:#fff;
  font-weight: bold;
}

.preguntas-frecuentes .item-listado .item-faq-texto{
  max-height: 300px;
  overflow: auto !important;
}


.preguntas-frecuentes .item-listado a {
  color: #035d67;
}

.preguntas-frecuentes .item-listado a:hover {
  color: #4c878f;
}

#respuestas .seccion {
  background-color: transparent;
  color: #10646F;
  border: 0;
}

#respuestas .seccion.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}

#respuestas .seccion .panel-heading {
  background-color: transparent;
  padding: 0 0 0 10px;
}

#respuestas .seccion .link-subir-pagina {
  font-size: 0.9em;
}

.cabecera-respuesta-ayuda {

  padding: 8px 0;
  border-left: 0;
  border-right: 0;
  text-transform: uppercase;
  background-color: transparent;
}

#res-metodos_pago,
#res-pedidos,
#res-devoluciones,
#res-compras {
  padding-top: 20px;
}

.muestra-busqueda-seleccionada .panel-title {
  border-top: 1px solid #AAA;
  padding-top: 5px;
}

.muestra-busqueda-seleccionada .panel:first-child .panel-title {
    border-top: 0;
}

#pedidos .texto-respuesta-ayuda {
  padding-bottom: 10px;
}

#pedidos .pedido-estado {
  padding-top: 25px;
}

#respuestas .panel-sin-bordes {
  border: 0;
}

#res-metodos_pago span.metodos-pago {
  margin-left: 5px;
}

#res-metodos_pago .punto {
  width: 2px;
  height: 2px;
  border-radius: 1px;
  background-color: #333;
  float: left;
  margin-top: 10px;
}

#res-metodos_pago .texto-respuesta-ayuda img {
  margin: 10px 0 10px 0;
}



/* *****************************************************************************
 *  VISTA AYUDA. FIN
 * ************************************************************************** */





/* *****************************************************************************
 *  VISTA AREA DE USUARIO
 * ************************************************************************** */

#menu-usuario {
  /*padding: 20px 0;
  margin-bottom: 2px;*/
}

/*

#menu-usuario .nav .menu-area-usuario:hover,
#menu-usuario .nav .menu-area-usuario.activo {
    background-color: #417521 !important;
}

#menu-usuario .nav .menu-area-usuario {
    border-radius: 0px;
    background-color: #649b40 !important;
    color: #fff !important;
    border-color: #fff;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    width: 100%;
}

#menu-usuario .nav-pills .active a,
#menu-usuario .nav-pills .active a:hover {
    background-color: #649b40;
}
*/


.cabecera-pagina-cuenta-usuario {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding-left: 10px;
}
.cabecera-pagina-cuenta-usuario .titulo {
  margin-left: 5px;
  font-size:1em;
  text-transform: uppercase;
  display:inline;
  color:#555;
}

.area-usuario .cabecera-pagina-cuenta-usuario a {
  padding-top: 3px;
}

.area-usuario .cabecera-pagina-cuenta-usuario button {
  line-height: 12px;
  padding: 7px 5px 5px 5px;
  margin: -11px 0 0 10px;
}

.area-usuario .cabecera-pagina-cuenta-usuario button span {
  font-size: 1.6em;
  font-weight: bold;
  color: #649b40;
}

.fondo-datatable-row-seleccionado{
  background-color: #649b40 !important;
  color:#fff;
}
.fondo-datatable-row-seleccionado .sorting_1{
  background-color: #649b40 !important;
  color:#fff;
}
.fondo-redondo-plegable-tabla {
  vertical-align: auto;
  background-color: #417521;
  border: 1px solid #417521;
  color: #fff !important;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  line-height: 1.2 !important;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  padding: 5px 6px !important;
}
.fondo-redondo-plegable-tabla:hover {
  background-color: #417521;
} 

.fondo-redondo-desplegable-tabla {
  vertical-align: auto;
  background-color: #649b40;
  border: 1px solid #649b40;
  color: #fff !important;
  padding: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  line-height: 1.2 !important;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  padding: 5px 6px !important;
}
.fondo-redondo-desplegable-tabla:hover {
  background-color: #649b40;
}    
.fondo-redondo-cuenta-usuario {
  color: #649b40;
  padding: 4px;
  margin-right: 10px;
  margin-bottom: 0px;
  font-size: 1.5em !important;
  font-weight: bold !important;
}

.fondo-redondo-cuenta-usuario-flecha {
  vertical-align: auto;
  background-color: #649b40;
  border: 1px solid #649b40;
  color: #fff;
  padding: 4px;
  margin-right: 0px;
  margin-bottom: 0px;
  line-height: 1 !important;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  border-radius: 20px;
}

#estadisticas-productos-subtabla, #estadisticas-promociones-subtabla{
  border: 2px solid #999;
  font-size:0.9em;
}
#estadisticas-productos-subtabla .cabecera-subtabla, #estadisticas-promociones-subtabla .cabecera-subtabla{
  color:#666;
  font-size:0.9em;
}
#estadisticas-productos-subtabla .descripcion, #estadisticas-promociones-subtabla .descripcion{
  color:#649b40;   
}
#estadisticas-productos-subtabla .nombreProducto, #estadisticas-promociones-subtabla .nombreProducto{
  color:#888;    
  font-size:0.8em;
}



.area-usuario {
  padding: 0 10px;
}

.area-usuario .registros-usuario .panel-group {
  margin-bottom: 0;
}

.area-usuario .cabecera-subapartado {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  padding: 6px 0;
  border-top: 0;
  margin: 10px 0 10px 0;
}

.area-usuario .texto-subapartado {
  font-size: 10px;        
  color:#274e37;    
  margin: 10px 0 10px 30px;
}
.area-usuario .resumen-subapartado {
  /*font-size: 0.8em;*/
  text-transform: uppercase;
  color: #AAA;
  font-weight: bold;
  padding: 4px 15px;
}


.area-usuario .cabecera-subapartado span {
  font-size: 1.1em;
}

.area-usuario .cabecera-apartado.titulo {
  font-size: 20px;
  border-top: 2px solid #d6d6d6;
}

.area-usuario .bloque-listado {

  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px 5px 5px 5px;
  background-color: #fff;
}

.area-usuario .contenedor-listado {
  overflow: auto;
  max-height: 300px;
  min-height: 300px;
  background: #f1f1f1;
}

.area-usuario .contenedor-listado-corto {
  height: auto;
}

.area-usuario .listado, .area-usuario .listado-historial {
  margin-bottom: 0;
  border-radius: 0 !important;
  border-bottom: 0px solid #AAA;
  border-right: 0px solid #AAA;

  border-top: 1px solid #AAA;
  border-left: 1px solid #AAA;

}

.area-usuario .listado .caret {
  margin: 10px 0;
}

.area-usuario .listado .cabecera-listado {
  cursor: pointer;
  border-radius: 0;
  background-color: #4c878f;

}

.area-usuario .listado .cabecera-listado:hover {
  font-style: italic;
  font-weight: bold;    
}

.area-usuario .listado .item-listado ul li {
  min-height: 26px;
  padding: 4px 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.area-usuario .listado .item-listado ul li .badge {
  text-transform: lowercase;
  background: #649b40;
  border-radius: 5px;
}

.area-usuario .cabecera-listado {
  height: 26px;
  padding: 2px 10px;
  text-transform: uppercase;
}

.area-usuario  .cabecera-listado {
  background-color: #649b40;
  color: #fff;
}

.area-usuario .cabecera-listado .estado-pedido {
  margin-right: 10px;
  width: 110px;
}



.area-usuario .cabecera-listado .numero-pedido {
  margin-right: 50px;
}

.area-usuario .cabecera-listado .fecha-pedido {
}

.area-usuario .cabecera-listado .estado-pedido span, .area-usuario .cabecera-listado .fecha-pedido span {
  color: #fff;
}

.area-usuario .opiniones .cabecera-listado .estrellas-valoracion {
  font-size: 10px;
  color: #035d67;
}

.area-usuario .opiniones .listado .item-listado .descripcion-producto {
  font-weight: bold;
}

.area-usuario .opiniones .listado .item-listado .texto-mensaje {
  font-style: italic;
}

.area-usuario .opiniones .listado .item-listado .fecha-mensaje {
  font-size: 12px;
}

.area-usuario .mensaje-camb-password {
  font-size: 12px;
  line-height: 16px;
  padding: 3px 0;
  padding-right: 10px;
}

.area-usuario .mensaje-camb-password .texto {
  padding-left: 6px;
}

.area-usuario .datos-acceso form  div.error, .area-usuario .eliminar-usuario form  div.error  {
  color: rgb(245, 0, 0);
  font-size: 12px;
}

.area-usuario .datos-acceso form input.error {
  background-color: rgba(252, 93, 128, 0.2);
  border-color: red;
}

.area-usuario .datos-acceso form input {
  background-color: #fff;
  border-color: #ccc;
}






/*
 * Area de usuario
*/

.area-usuario .dashboard-notificacion {
  background-color: #EEE;
  padding: 5px;
  text-align: center;
}

.area-usuario .dashboard-notificacion .notificacion-titulo {
  font-size: 30px;
  text-transform: uppercase;
  border-top: 1px solid #AAA;
  color: #649b40;
  line-height: 40px;
}

.area-usuario .dashboard-notificacion .notificacion-contorno {
  border: 1px solid #AAA;
  padding: 5px;
}

.area-usuario .dashboard-notificacion .notificacion-contorno .notificacion-contenido {
  background-color: #FFF;
  color: #417521;
  padding: 30px;
  min-height: 170px;
}

.area-usuario .dashboard-notificacion .notificacion-contorno .notificacion-contenido .notificacion-numero {
  font-size: 50px;
  line-height: 70px;
}

.area-usuario .dashboard-usuario,
.area-usuario .notificaciones,
.area-usuario .pendientes,
.area-usuario .historial,
.area-usuario .valoraciones,
.area-usuario .devoluciones,
.area-usuario .servicios {
  margin: 20px 0;
  border-top: 1px solid #CCC;
  padding-top: 10px;
}

.area-usuario .notificaciones .modulo .cuadro,
.area-usuario #historia-usuario .modulo .cuadro,
.area-usuario #valoraciones-usuario .modulo .cuadro,
.area-usuario #devoluciones-usuario .modulo .cuadro {
  padding: 0 10px 10px 10px;
}

.area-usuario .notificaciones .modulo .contorno,
.area-usuario #valoraciones-usuario .modulo .contorno,
.area-usuario #devoluciones-usuario .modulo .contorno,
.area-usuario #servicios-usuario .modulo .contorno {
  border: 1px solid #AAA;
  padding: 0 3px;
  overflow: auto;
  max-height: 407px;
}
.area-usuario #historia-usuario .modulo .contorno{
  border: 1px solid #AAA;
  padding: 0 3px;
  overflow: auto;
  max-height: 700px;
}

.area-usuario .notificaciones .modulo .contorno {
  max-height: 371px;
}

.area-usuario .notificaciones .fecha .icon-calendario {
  margin-right: 10px;
}

.area-usuario .notificaciones .mensaje .icon-correo,
.area-usuario .notificaciones .mensaje .icon-correo1 {
  margin: 5px 30px 0 0;
}

.area-usuario .notificaciones .mensaje-completa,
.area-usuario #historia-usuario .pedido-completa,
.area-usuario #valoraciones-usuario .valoracion-completa,
.area-usuario #devoluciones-usuario .pedido-completa,
.area-usuario #servicios-usuario .servicio-completo {
  padding: 0 10px;
  background-color: white;
  clear: both;
}

.area-usuario .notificaciones .cuadro .contenedor-notificacion {
  border-top: 1px solid #AAA;
  padding: 10px 0;
  line-height: 1.25em;
}

.area-usuario .notificaciones .contenedor-corto,
.area-usuario #historia-usuario .contenedor-listado-corto,
.area-usuario #valoraciones-usuario .contenedor-listado-corto,
.area-usuario #devoluciones-usuario .contenedor-listado-corto {
  padding: 0 15px 10px 15px;
}

.area-usuario #historia-usuario .cuadro .pedido-corta,
.area-usuario #devoluciones-usuario .cuadro .pedido-corta {
  padding: 0;
}

.area-usuario #historia-usuario .cuadro .pedido-corta .status,
.area-usuario #devoluciones-usuario .cuadro .pedido-corta .status {
  padding-left: 10px;
}

.area-usuario #historia-usuario .cuadro .pedido-corta .icon-registrarse,
.area-usuario #valoraciones-usuario .cuadro .valoracion-corta .icon-registrarse,
.area-usuario #devoluciones-usuario .cuadro .pedido-corta .icon-registrarse,
.area-usuario #historia-usuario .cuadro .pedido-corta .icon-calendario,
.area-usuario #valoraciones-usuario .cuadro .valoracion-corta .icon-calendario,
.area-usuario #devoluciones-usuario .cuadro .pedido-corta .icon-calendario,
.area-usuario #servicios-usuario .cuadro .servicio-corto .icon-calendario {
  margin-right: 2px;
}

.area-usuario #historia-usuario .cuadro .campo.activa,
.area-usuario #valoraciones-usuario .cuadro .campos .valoracion-corta.activa,
.area-usuario #devoluciones-usuario .cuadro .campo.activa,
.area-usuario #servicios-usuario .cuadro .campo.activa {
  background-color: #649b40;
  color: white;
}

.area-usuario #historia-usuario .cuadro .campo .flecha,
.area-usuario .notificaciones .cuadro .campo .flecha,
.area-usuario #valoraciones-usuario .cuadro .campos .flecha,
.area-usuario #devoluciones-usuario .cuadro .campo .flecha,
.area-usuario #servicios-usuario .cuadro .campo .flecha {
  cursor: pointer;
  margin-bottom: 6px;
}

.area-usuario #historia-usuario .cuadro .campo.activa .fondo-redondo-cuenta-usuario-flecha,
.area-usuario #valoraciones-usuario .cuadro .campos .valoracion-corta.activa .fondo-redondo-cuenta-usuario-flecha,
.area-usuario #devoluciones-usuario .cuadro .campo.activa .fondo-redondo-cuenta-usuario-flecha,
.area-usuario #servicios-usuario .cuadro .campo.activa .fondo-redondo-cuenta-usuario-flecha {
  background-color: #417521;
  border-color: #417521;
}

.area-usuario #historia-usuario .cuadro .campo.activa label,
.area-usuario #valoraciones-usuario .cuadro .campos .valoracion-corta.activa label,
.area-usuario #devoluciones-usuario .cuadro .campo.activa label,
.area-usuario #servicios-usuario .cuadro .campo.activa label {
  border-color: white;
}

.area-usuario #historia-usuario .cuadro .campo.hidden-desde,
.area-usuario #historia-usuario .cuadro .campo.hidden-hasta {
  display: none;
}

.area-usuario #historia-usuario .cuadro .contenedor-pedido,
.area-usuario #devoluciones-usuario .cuadro .contenedor-pedido,
.area-usuario #servicios-usuario .cuadro .contenedor-servicio {
  color: #000;
  padding: 10px 0;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-info,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-info {
  padding: 0 0 0 13px;
  /*text-transform: uppercase;*/
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-titulo,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-titulo,
.area-usuario #historia-usuario .contenedor-pedido .pedido-precio-total,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-precio-total {
  border-top: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 10px 0;
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
}

.area-usuario #historia-usuario .contenedor-pedido .estrella {
  color: #649b40;
  padding: 0;
  text-align: center;
}

.area-usuario #historia-usuario .contenedor-pedido .valorar-producto {
  padding-top: 10px;
  padding-bottom: 30px;
}

.area-usuario #historia-usuario .contenedor-pedido .valorar-producto .campo{
  line-height: 11px;
}

.area-usuario #historia-usuario .contenedor-pedido .valorar-producto button {
  font-size: 11px;
  padding: 5px 10px;
  width: 95%;
  margin-top: 10px;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-precio-subtotal,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-precio-subtotal {
  font-style: italic;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-precio-cupon,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-precio-cupon {
  text-transform: uppercase;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones {
  padding-bottom: 15px;
  color: white;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones div,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones div {
  border-radius: 4px;
  line-height: 0.8em;
  font-size: 1em;
  text-transform: uppercase;
  float: left;
  text-align: center;
  padding: 5px;
  border: solid 2px;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones .activo,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones .activo {
  background-color: #649b40;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones .inactivo,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones .inactivo {
  background-color: #DDD;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones .devuelto,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones .devuelto {
  background-color: #FFBC00;
}

.area-usuario #historia-usuario .contenedor-pedido .pedido-listado-butones .cancelado,
.area-usuario #devoluciones-usuario .contenedor-pedido .pedido-listado-butones .cancelado {
  background-color: #D2322D;
  color: white;
}

.area-usuario #historia-usuario .contenedor-pedido .factura-repetir {
  padding-top: 5px;
}

.area-usuario #historia-usuario .contenedor-pedido .factura-repetir span {
  margin-left: 20px;
}

.area-usuario #historia-usuario .historial .historia-filtro {
  font-size: 0.8em;
  color: #649b40;
  padding: 20px 0px;
}

.area-usuario #historia-usuario .historial .historia-filtro .activar-historia-filtro {
  cursor: pointer;
  margin-right: 10px;
  font-size: 14px;
  margin-top: 7px;
  padding-bottom: 20px;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion {
  padding: 10px 0 0 0;
  border-top: 1px solid #AAA;
  margin: 25px 0 10px 0;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .campo,
.area-usuario #historia-usuario .historial .contenedor-pedido .valorar-producto .campo {
  font-size: 1em;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .estrellas {
  font-family: icomoon;
  unicode-bidi: bidi-override;
  direction: rtl;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .estrella-valoracion {
  font-size: 16px;
  color: #649b40;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .activo .estrella-valoracion {
  cursor: pointer;
  margin: 0px -5px;
  padding: 0 5px;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .activo > .estrella-valoracion:hover:before,
.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .activo > .estrella-valoracion.active:before,
.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .activo > .estrella-valoracion:hover ~ .estrella-valoracion:before {
  content: "\e614";
  position: absolute;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .invalido,
.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .contorno .casilla .estrellas .invalido {
  position: absolute;
  top: -40px;
  left: 8px;
  color: #FFFFFF;
  background: #000;
  padding: 5px 8px;
  border-radius: 5px;
  font-weight: normal;
  opacity: 0.8;
  font-size: 11px;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion .invalido:after,
.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .contorno .casilla .estrellas .invalido:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 15px;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .historia-valoracion button {
  margin-top: 10px;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella {
  font-family: icomoon;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: right;
  text-decoration: none;
  font-style: normal;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella .estrella-valoracion {
  margin: 0 -3px;
  padding: 0 1px;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella.activo .estrella-valoracion {
  cursor: pointer;
}

.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella.activo > .estrella-valoracion:hover:before,
.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella.activo > .estrella-valoracion.active:before,
.area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella.activo > .estrella-valoracion:hover ~ .estrella-valoracion:before {
  content: "\e614";
  position: absolute;
}

















/*
 * Back-end del usuario - Valoraciones
*/


.area-usuario #valoraciones-usuario .modulo .titulo,
.area-usuario #servicios-usuario .modulo .titulo {
  line-height: 21px;
}

.area-usuario #valoraciones-usuario .modulo .resumen-subapartado .nueva-valoracion,
.area-usuario #servicios-usuario .modulo .nuevo-servicio,
.area-usuario #servicios-usuario .modulo .cancelar-servicio {
  background: #649b40;
  border-radius: 20px;
  color: #fff;
  padding: 1px 15px 1px 1px;
  line-height: 21px;
  float: right;
  margin-left: 20px;
  cursor: pointer;
}

.area-usuario #valoraciones-usuario .modulo .resumen-subapartado .nueva-valoracion .icon-anadir,
.area-usuario #servicios-usuario .modulo .nuevo-servicio .icon-anadir,
.area-usuario #servicios-usuario .modulo .cancelar-servicio .icon-anadir {
  float: left;
  border: 1px solid #fff;
  border-radius: 20px;
  width: 21px;
  height: 21px;
  padding: 4px 0 0 5px;
  margin-right: 10px;
  font-size: 10px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .casilla {
  padding: 10px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .busqueda {
  padding: 0 0 10px 0;
  border-bottom: 1px solid #AAA;
  margin-bottom: 10px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .busqueda .select2-container {
  width: 100%;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .busqueda .select2-container.invalid {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .limpiar {
  background-color: #CCC;
  border-radius: 20px;
  text-align: center;
  color: #000;
  cursor: pointer;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .resultados {
  color: #000;
  height: 125px;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 5px;
  margin-top: 5px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .resultados img {
  height: 100%;
  border: 1px solid #AAA;
  float: left;
  margin-right: 10px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .resultados .descripcion {
  color: #649b40;
  font-weight: bold;
  margin-bottom: 8px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .resultados .detalle {
  overflow: auto;
  height: 90px;
  padding-right: 5px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .contorno .casilla form .invalid {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .contorno .casilla form .error {
  display: none !important;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion textarea {
  margin-top: 10px;
  height: 150px;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .estrellas {
  padding: 7px 0 0 0;
  font-size: 18px;
  font-family: icomoon;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: right;
  text-decoration: none;
  font-style: normal;
  text-align: left;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .estrellas > .estrella-valoracion:hover:before,
.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .estrellas > .estrella-valoracion.active:before,
.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .estrellas > .estrella-valoracion:hover ~ .estrella-valoracion:before {
  content: "\e614";
  position: absolute;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .estrellas .estrella-valoracion {
  margin: 0 -10px;
  padding: 0 10px;
  cursor: pointer;
}

.area-usuario #valoraciones-usuario .modulo .anadir-valoracion .contorno .casilla .estrellas .invalido {
  top: -25px;
  left: -6px;
}




/*
 * Vista para las devoluciones
*/

.area-usuario #devoluciones-usuario .cabacera-info {
  margin: 10px 0;
}

.area-usuario #devoluciones-usuario .cabacera-info li {
  list-style: decimal;
  margin-left: 30px;
}

.area-usuario #historia-usuario .modulo .contorno .campo .pedido-corta .icon-nodisponible,
.area-usuario #historia-usuario .modulo .contorno .campo .pedido-corta .icon-devoluciones,
.area-usuario #devoluciones-usuario .modulo .contorno .campo .pedido-corta .icon-devoluciones {
  font-size: 20px;
  margin-right: 20px;
  cursor: pointer;
}

.area-usuario .contenedor-pedido .pedido-precio-devolver {
  font-style: italic;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.area-usuario .contenedor-pedido .producto .devuelto {
  font-style: italic;
  color: red;
}

.area-usuario .contenedor-pedido .producto .devuelto div {
  text-decoration: line-through;
}

.area-usuario .contenedor-pedido .producto .devolver-producto {
  margin: 0px 0 20px 0;
}

.area-usuario .contenedor-pedido .producto .devolver-producto .title,
.area-usuario .contenedor-pedido .devolver-pedido .devolucion-motivo .title {
  text-transform: uppercase;
  margin: 10px 0 5px 0;
  padding: 0;
  font-weight: bold;
}

.area-usuario .contenedor-pedido .producto .devolver-producto .nota,
.area-usuario .contenedor-pedido .devolver-pedido .nota {
  position: absolute;
  top: 10px;
  left: 190px;
  color: red;
  padding-bottom: 5px;
}

.area-usuario .contenedor-pedido .producto .devolver-producto .motivo {
  border-bottom: 1px solid #AAA;
  padding: 0 0 10px 0;
}

.area-usuario .contenedor-pedido .producto .devolver-producto .checkbox-inline {
  padding-left: 50px;
  cursor: default;
  display: block;
  margin: 0;
}

.area-usuario .contenedor-pedido .producto .para-devolver,
.area-usuario .contenedor-pedido .producto .devolver-producto .checkbox-inline input {
  cursor: pointer;
}

.area-usuario .contenedor-pedido .devolver-pedido {
  min-height: 50px;
  margin-top: 10px;
  border-top: 1px solid #AAA;
}

.area-usuario .contenedor-pedido .devolver-pedido .checkbox-inline {
  padding-left: 50px;
  cursor: default;
  display: block;
  margin: 0;
}

.area-usuario .contenedor-pedido .almacena-devoluciones {
  /*position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;*/
}

.area-usuario .contenedor-pedido .almacena-devoluciones button {
  margin-top: 20px;
  margin-bottom: 5px;
  width: 48%;
}


/* Spinner cargando tras solicitar la devolución*/
.area-usuario .contenedor-pedido .devolver-pedido .spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -55px;
  margin-top: -55px;
  z-index: 999;
}








.area-usuario #valoraciones-usuario .modulo .cuadro .campos,
.area-usuario #valoraciones-usuario .modulo .casilla {
  background-color: #FFF;
  color: #649b40;
  /*font-size: 0.8em;*/
  border: 1px solid;
  border-color: #AAA #DDD #DDD #AAA;
  margin: 3px 0;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos label,
.area-usuario #valoraciones-usuario .modulo .cuadro .campos .valoracion-label {
  line-height: 22px;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos .valoracion-label .eliminar-opinion,
.area-usuario #servicios-usuario .modulo .cuadro .campo .servicio-corto .eliminar-servicio {
  font-size: 19px;
  margin: 0px 15px 0 0;
  float: right;
  cursor: pointer;
}
.area-usuario #servicios-usuario .modulo .cuadro .campo .servicio-corto .eliminar-servicio {

}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos .valoracion-corta {
  padding: 5px 0 0 0;
  border-bottom: 1px solid #AAA;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos .imagen-producto {
  padding: 2px;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos .imagen-producto img {
  border: 1px solid #AAA;
  width: 100%;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos label {
  text-transform: uppercase;
  padding-left: 10px;
  border-right: 1px solid #AAA;
  margin-bottom: 5px;
}

.area-usuario #valoraciones-usuario .cuadro .valoracion-completa .contenedor-valoracion {
  padding: 0;
  clear: both;
}

.area-usuario #valoraciones-usuario .cuadro .valoracion-completa .valoracion-asunto {
  padding: 0 5px 0 0;
  line-height: 2.5em;
}

.area-usuario #valoraciones-usuario .cuadro .valoracion-completa .valoracion-asunto .social-media {
  font-size: 14px;
  padding-left: 5px;
}

.area-usuario #valoraciones-usuario .cuadro .valoracion-completa .valoracion-asunto .asunto {
  color: #000;
  font-weight: bold;
  font-style: italic;
}

.area-usuario #valoraciones-usuario .modulo .cuadro .campos .contenedor-valoracion .comentario {
  padding: 20px 0 10px 0;
  color: #000;
}










/*
 * Latch integración
*/

.area-usuario .integracion-latch #codigo-latch {
  font-size: 18px;
}

.area-usuario .integracion-latch .error {
  font-size: 12px;
  color: red;
}

.area-usuario .integracion-latch input {
  background-color: #fff;
  border-color: #ccc;
}

.area-usuario .integracion-latch input.error {
  background-color: rgba(252, 93, 128, 0.2);
  border-color: red !important;
}






/*
 * Vista para los sevicios de las farmacias
*/

.area-usuario #servicios-usuario .modulo {
  padding-bottom: 20px;
}

.area-usuario #servicios-usuario .modulo .cancelar-servicio {
  background: #ccc;
}

.area-usuario #servicios-usuario .modulo #asistir-servicio {
  margin-bottom: 30px;
}

.area-usuario #servicios-usuario .lista-servicios {
  line-height: 36px;
}

.area-usuario #servicios-usuario .lista-servicios:hover,
.area-usuario #servicios-usuario .lista-servicios.active {
  background-color: #649b40;
  color: #fff;
  cursor: pointer;
}

.area-usuario #servicios-usuario .calendario {
  text-align: center;
  width: 280px;
  margin: auto;
}

.area-usuario #servicios-usuario .calendario span {
  float: left;
  line-height: 36px;
}

.area-usuario #servicios-usuario .calendario .calendario-cabecera {
  width: 280px;
  background-color: #CCC;
}

.area-usuario #servicios-usuario .calendario .calendario-cabecera .inactivo,
.area-usuario #servicios-usuario .calendario .calendario-cabecera .activo {
  width: 40px;
  font-weight: bold;
}

.area-usuario #servicios-usuario .calendario .calendario-cabecera .inactivo {
  color: #AAA;
}

.area-usuario #servicios-usuario .calendario .calendario-cabecera .activo {
  color: #649b40;
  cursor: pointer;
}

.area-usuario #servicios-usuario .calendario .calendario-cabecera,
.area-usuario #servicios-usuario .calendario .calendario-semana,
.area-usuario #servicios-usuario .calendario .calendario-dias {
  clear: both;
}

.area-usuario #servicios-usuario .calendario .calendario-semana span {
  width: 40px;
}

.area-usuario #servicios-usuario .calendario .calendario-dias span {
  width: 36px;
  border: 1px solid #ccc;
  margin: 1px;
}

.area-usuario #servicios-usuario .calendario .mes {
  width: 200px;
}

.area-usuario #servicios-usuario .calendario .vacio {
  opacity: 0;
}

.area-usuario #servicios-usuario .calendario .disponible {
  border: 1px solid #649b40 !important;
  font-weight: bold;
  cursor: pointer;
}

.area-usuario #servicios-usuario .calendario .disponible:hover,
.area-usuario #servicios-usuario .calendario .disponible.marcado {
  background-color: #3b9d35;
  color: #fff;
}

.area-usuario #servicios-usuario .calendario .hoy {
  border-bottom: 5px solid #649b40 !important;
  height: 36px;
}

.area-usuario #servicios-usuario #butones-servicios #butones-servicios-horas .horario {
  margin: 10px 0;
}

.area-usuario #servicios-usuario #butones-servicios #butones-servicios-horas .horario button {
  border-radius: 0;
}

.area-usuario #servicios-usuario .modulo #lista-servicios-usuario .campo .nombre-servicio {
  /*text-transform: uppercase;*/
}

.area-usuario #servicios-usuario .modulo #lista-servicios-usuario .campo .servicio-label {
  float: left;
  width: 100px;
  line-height: 28px;
}
#lista-servicios-usuario div.nombre-servicio .eliminar-servicio.i-eliminar {
  margin-top: 5px !important;
}
.area-usuario #servicios-usuario .modulo #lista-servicios-usuario .campo .servicio-label .glyphicon {
  margin-right: 5px;
}

.area-usuario #servicios-usuario .modulo #lista-servicios-usuario .campo .servicio-info {
  margin-left: 100px;
  line-height: 28px;
  margin-bottom: 10px;
}





/*
* DATOS DE USUARIO
*/

.area-usuario .recuperar-password, .area-usuario .resetear-password{
  background-color: #fff !important;
}

.area-usuario .informacion-usuario {
  margin: 20px 0;
  border-top: 1px solid #CCC;
  padding-top: 10px;
}

.area-usuario .modulo {
  background-color: #EEE;
  margin-bottom: 20px;
  padding-bottom: 10px;
}


.area-usuario .modulo .titulo {
  padding: 10px 0 0 15px;
  text-transform: uppercase;
  font-weight: bold;
}

.area-usuario #datos-usuario .informacion-usuario .direccion form,
.area-usuario #datos-usuario .contrasena-usuario form,
.area-usuario .preferencias-usuario .direccion form {
  padding: 0 5px;
}

.area-usuario .modulo .columna {
  padding: 0 5px;
}

.area-usuario .modulo .campo {
  background-color: #FFF;
  color: #649b40;
  /*font-size: 0.8em;*/
  border: 1px solid;
  border-color: #AAA #DDD #DDD #AAA;
  line-height: 20px;
  padding-top: 5px;
  margin: 3px 0;
}

.area-usuario .modulo .campo label,
.area-usuario .modulo .campo .direccion-label {
  /*text-transform: uppercase;*/
  padding: 0 0 0 10px;
  border-right: 1px solid #AAA;
  margin-bottom: 5px;
  min-width: 90px;
}

.area-usuario .modulo .campo input,
.area-usuario .modulo .campo select,
.area-usuario .modulo .campo textarea,
.area-usuario .modulo .campo .direccion-data {
  border: 0;
  background-color: #FFF;
  color: #649b40;
}

.area-usuario .modulo .campo select {
  padding: 2px 0 0 11px;
}

.area-usuario .modulo .checkbox {
  /*font-size: 0.8em;*/
  font-weight: normal;
  margin-top: 3px;
}

.area-usuario .modulo .checkbox input {
  margin: 1px 5px 0 0;
}

.area-usuario .modulo .button,
.area-usuario .modulo .segundo-paso .button div {
  padding: 0 7px 0 0;
}

.area-usuario .modulo .button button {
  margin-top: 5px;
}

.area-usuario .modulo .campo.invalid {
  border: 1px solid red;
  box-shadow: 0 0 3px red;
}

.area-usuario .modulo .campo .error {
  display: none !important;
}

.area-usuario #datos-usuario .contrasena-usuario .email-usuario {
  overflow: hidden;
  height: 30px;
}

.area-usuario #datos-usuario .contrasena-usuario .errorMessage {
  padding-top: 5px;
  color: red;
}

.area-usuario #datos-usuario .eliminar-usuario {
  background-color: #fedcdc;
}

.area-usuario #datos-usuario .eliminar-usuario .eliminar-texto,
.area-usuario #pago-usuario form,
.area-usuario .integracion-latch {
  padding: 5px 5px 0 13px;
  /*font-size: 0.8em;*/
}

.area-usuario #pago-usuario .button {
  padding-left: 0px;
}

.area-usuario #datos-usuario .eliminar-usuario .segundo-paso form {
  padding-bottom: 5px;
}

.area-usuario #datos-usuario .eliminar-usuario .seleccion-razon-baja {
  padding-bottom: 10px;
}

.area-usuario #datos-usuario .eliminar-usuario .motivo {
  padding: 0 0 0 50px;
  /*font-size: 0.8em;*/
}

.area-usuario #datos-usuario .eliminar-usuario .segundo-paso .textarea textarea,
.area-usuario #historia-usuario .historial .contenedor-pedido .textarea textarea {
  height: 75px;
}

.area-usuario #datos-usuario .eliminar-usuario .segundo-paso .textarea label,
.area-usuario #historia-usuario .historial .contenedor-pedido .textarea label {
  padding-bottom: 0px;
}

.area-usuario #datos-usuario .eliminar-usuario .segundo-paso .contrasena-texto {
  /*font-size: 0.8em;*/
  padding-top: 25px;
}

.area-usuario #datos-usuario .eliminar-usuario .segundo-paso .button {
  padding-top: 30px;
}

.area-usuario #dat-form-envio .titulo {
  padding-top: 20px;
}

.area-usuario #dat-form-entrega {
  padding-left: 10px;
}

.area-usuario .preferencias-usuario .direccion-envio {
  padding: 0 0 20px 0;
}

.area-usuario .preferencias-usuario .button-preferida {
  padding: 5px 0 0 0;
}

.area-usuario .preferencias-usuario .button-envio {
  padding: 5px 2px 0 2px;
}

.area-usuario .preferencias-usuario .button-entrega {
  padding: 10px 5px 0px 5px;
}

.button-entrega.col-xs-4.col-xs-offset-8.col-sm-3.col-sm-offset-9.col-md-2.col-md-offset-10 {
  padding-top: 0px;
}

.area-usuario #latch .modulo .campo {
  margin-right: 7px;
}





/* Area de administración de promociones y ofertas */

.area-usuario .contenedor-promociones .listado-promociones  .titulo-item, .area-usuario .contenedor-ofertas .listado-ofertas .titulo-item {
  cursor: move;           
  text-transform: uppercase;    
}
#listado-promociones .titulo-item {
  cursor: move;
  /*color: #417521;
  font-size: 0.9em; 
  font-weight: normal;
  text-transform: uppercase; */ 
}

#opciones-promociones {
  margin: 0;
  padding: 0;
}


.area-usuario .contenedor-promociones .listado-promociones .listado-vacio,
.area-usuario .contenedor-ofertas .listado-ofertas .listado-vacio, 
.area-usuario .contenedor-ofertas-historial .listado-ofertas .listado-vacio,
.area-usuario .contenedor-promociones-historial .listado-promociones .listado-vacio {
  color: #385157;
  margin: -4px 4px 4px 4px;
  border: 0;
  background-color: transparent;
  ;}

.area-usuario #ofertas {

  margin-top: 20px;    
}

.area-usuario #promociones .cabecera-promociones, .area-usuario #ofertas .cabecera-ofertas {
  border: 1px solid #C4D1C8;
  border-bottom: 0;
  border-radius: 0;
  padding: 6px;
  padding-bottom: 0;
  background-color: #f1f1f1;    
}

#ofertas-activas, #ofertas-inactivas, #promociones-activas, #promociones-inactivas, #estadisticas-productos, #estadisticas-promociones, #estadisticas-resumen{
  font-size:16px;
  text-transform: uppercase;
  border: 1px solid #ccc;
}

#ofertas-inactivas thead th,
#ofertas-activas thead th {
  width: 9%;
}
#ofertas-inactivas thead tr:not(.busqueda) th:first-child,
#ofertas-activas thead tr:not(.busqueda) th:first-child
{
  width: 38%;
}
#ofertas-inactivas thead th:nth-child(5),
#ofertas-activas thead th:nth-child(5) {
  width: 12%;
}
#ofertas-inactivas thead th:last-child,
#ofertas-activas thead th:last-child {
  width: 14%;
}
#ofertas-inactivas tbody tr td:last-of-type,
#ofertas-activas tbody tr td:last-of-type {
  padding-right: 0;
}
#promociones-inactivas thead tr:not(.busqueda) th,
#promociones-activas thead tr:not(.busqueda) th {
  width: 20%;
}
#promociones-inactivas thead tr:not(.busqueda) th:first-child,
#promociones-activas thead tr:not(.busqueda) th:first-child {
  width: 65%;
}
#promociones-inactivas thead tr:not(.busqueda) th:last-child,
#promociones-activas thead tr:not(.busqueda) th:last-child {
  width: 15%;
}

#promociones-inactivas tbody tr td:last-of-type,
#promociones-activas tbody tr td:last-of-type {
  padding-right: 0;
}



.fondo-estado-pedido{
  border-radius: 18px;
  line-height: 1.2em !important;
  padding: 5px 11px !important;
  font-size: 14px;
  margin-top: -9px;
  top: 5px !important;
}
.fondo-estado-pedido.pendiente-autorizacion {
  background-color: #DDD;
  border-color: #DDD;
  color: #999 !important;
}
.fondo-estado-pedido.autorizado {
  background-color: #649b40;
  border-color: #649b40;;
  color: #fff !important;
}    

.fondo-estado-pedido.cancelado{    
  background-color: #D2322D;
  border-color: #D2322D;
  color: #fff !important;  
}
.fondo-estado-pedido.autorizado,.fondo-estado-pedido.pendiente-autorizacion,.fondo-estado-pedido.devuelto,.fondo-estado-pedido.cerrado,.fondo-estado-pedido.cancelado {
  padding: 5px 11px !important;
}
.fondo-estado-pedido.devuelto{
  background-color: #FFBC00;
  border-color: #FFBC00;
  color: #fff !important;
}
.fondo-estado-pedido.cerrado{
  background-color: #649b40;
  border-color: #649b40;
  color: #fff !important;    
}

.pedido-estado-inactivo{
  background-color: #DDD !important;    
  color: #999 !important;
  border-radius: 6px;    
  line-height: 1.7em;    
  margin: 5px;
  width: 100px !important;
  text-align: center;
  text-transform: uppercase;
  font-size:10px !important;
  padding:3px !important;
}
.pedido-estado-activo{
  background-color: #649b40 !important;    
  color: #FFF !important;
  border-radius: 6px;    
  line-height: 1.7em;    
  margin: 5px;
  width: 100px !important;
  text-align: center;
  text-transform: uppercase;
  font-size:10px !important;
  padding:3px !important;
}
.pedido-estado-cancelado{
  background-color: #D2322D !important;    
  color: #FFF !important;
  border-radius: 6px;    
  line-height: 1.7em;    
  margin: 5px;
  width: 100px !important;
  text-align: center;
  text-transform: uppercase;
  font-size:10px !important;
  padding:3px !important;
}
.formulario-busqueda-promocion .btn-accion,.formulario-busqueda-promocion .btn-alarma {
  padding: 5px 10px 5px 10px !important;
  margin-left: 5px;
}
.pedido-estado-devuelto{
  background-color: #FFBC00 !important;    
  color: #000 !important;
  border-radius: 6px;    
  line-height: 1.7em;  
  margin: 5px;
  width: 100px !important;
  text-align: center;
  text-transform: uppercase;
  padding:0px !important;
}
.historico-estados-caja-texto{
  font-size:11px !important;
  /*font-weight: bold !important;*/
  color:#64AF5D !important;
}
.detalle-pedido{
  display:none;
}

#pedidos-ventas-mensuales{
  background-color: #F1f1f1;
  padding-top: 10px;    
}

#pedidos-ventas-mensuales .titulo{
  padding-bottom:5px;
  border-bottom: 1px solid #CCC;
  /*color:#83ad69;*/
  font-weight: bold;
  font-size:1em;

}

#pedidos-ventas-mensuales .form-control{    
  display: inline;
  width: 70px;
  height: 26px; 
}
#pedidos-ventas-mensuales span.glyphicon{    
  color: #fff;    
}

#pedidos-ventas-mensuales .fondo-redondo-cuenta-usuario{
  border-radius: 6px;
  cursor: pointer;
}

#pedidos-ventas-mensuales .fondo-redondo-cuenta-usuario:hover{
  border:1px solid #417521;
  background-color: #417521;

}

#pedidos-ventas-mensuales .mensaje-error-numeros{
  color:red;
}

#pedidos-pendientes-autorizacion, #tabla-resumen-pedidos{
  font-size: 14px;
  text-transform: uppercase;
  border: 1px solid #ccc;
}
#pedidos-pendientes-autorizacion .registros, #tabla-resumen-pedidos .registros{    
  text-transform: none !important;    
}

#tabla-resumen-pedidos .historico-estados, #pedidos-pendientes-autorizacion .historico-estados{        
  margin-left: 0px !important;
  margin-right: 0px !important;
}

#tabla-resumen-pedidos tbody td, #pedidos-pendientes-autorizacion tbody td {
  padding: 6px 6px !important;
}
#pedidos-pendientes-autorizacion .detalle-resumen-pedido,#tabla-resumen-pedidos .detalle-resumen-pedido{
  font-size: 12px;
  text-transform: none;    
}
#detalle-pedido, #detalle-resumen-pedido {
  margin-bottom:5px !important;
}

#pedidos-pendientes-autorizacion .detalle-resumen-pedido .cabecera1, #tabla-resumen-pedidos .detalle-resumen-pedido .cabecera1, #detalle-pedido .cabecera1{
  border-top: #000 1px solid;
  border-bottom: #000 1px solid;    
  margin:0px 0px 5px 0px;
  padding:5px 0px 5px 0px;
}
#pedidos-pendientes-autorizacion .detalle-resumen-pedido .cabecera2, #tabla-resumen-pedidos .detalle-resumen-pedido .cabecera2 {
  margin:5px 0px;
}
#pedidos-pendientes-autorizacion #detalle-pedido, #pedidos-pendientes-autorizacion .tabla-detallePedido, #tabla-resumen-pedidos #detalle-resumen-pedido, #tabla-resumen-pedidos .tabla-detallePedido  {
  font-size: 14px;
  text-transform: none;  
  /*border: 0px solid #888 !important;*/
  color:#888 !important;
}
#pedidos-pendientes-autorizacion #detalle-pedido .cabecera-tablapedido, #pedidos-pendientes-autorizacion .tabla-detallePedido .cabecera-tablapedido,
#tabla-resumen-pedidos #detalle-resumen-pedido .cabecera-tablapedido, #tabla-resumen-pedidos .tabla-detallePedido .cabecera-tablapedido{        
  border-bottom: 1px solid #DDD;
  padding:5px 0px;
}
#tabla-resumen-pedidos .span {
  padding: 5px;
}

#pedidos-pendientes-autorizacion #detalle-pedido thead td, #tabla-resumen-pedidos #detalle-resumen-pedido thead td{
  border-bottom: none !important;
}
#detalle-devolucion-pedido{
  font-size: 10px;
}

.area-usario #pedidos-sin-autorizar .contenedor #pedidos-pendientes-autorizacion .registros .botonera, area-usario #resumen-pedidos .contenedor #tabla-resumen-pedidos .registros .botonera,
.area-farmacia #pedidos-sin-autorizar .contenedor #pedidos-pendientes-autorizacion .registros .botonera, area-farmacia #resumen-pedidos .contenedor #tabla-resumen-pedidos .registros .botonera{
  font-size:10px;
  font-weight: bold;
}    

#ofertas-activas .sorting, #ofertas-inactivas .sorting, #promociones-activas .sorting, #promociones-inactivas .sorting, 
#estadisticas-productos .sorting, #estadisticas-promociones .sorting, #estadisticas-resumen .sorting, #tabla-resumen-pedidos .sorting, #pedidos-pendientes-autorizacion .sorting,
#tabla-resumen-valoraciones .sorting {
  background: none !important;    
}

#ofertas-activas .cabecera, #ofertas-inactivas .cabecera, #promociones-activas .cabecera, #promociones-inactivas .cabecera, 
#estadisticas-productos .cabecera, #estadisticas-promociones .cabecera, #estadisticas-resumen .cabecera,
#pedidos-pendientes-autorizacion .cabecera, #tabla-resumen-pedidos .cabecera{
  text-transform: uppercase;
  font-weight: bold;
  padding: 2px 4px;
  color: #649b40;
  font-size:11.2px;
  line-height: 15px !important;
}

#ofertas-activas .titulo-item, #ofertas-inactivas .titulo-item, #promociones-activas .titulo-item, #promociones-inactivas .titulo-item{
  text-transform: uppercase;
  font-weight: bold;    
  color: #333;
  font-size:14px;
}
#ofertas-activas .descripcion-producto-familia, #ofertas-inactivas .descripcion-producto-familia, #promociones-activas .descripcion-producto-familia, #promociones-inactivas .descripcion-producto-familia{
  text-transform: uppercase;    
  color: #417521;
  font-size:12px;
}
#promociones-activas .desactivar-promocion-ayudante,
#promociones-activas .desactivar-promocion,
#promociones-inactivas .activar-promocion,
#cupones-activos .desactivar-cupon-ayudante,
#cupones-activos .desactivar-cupon,
#cupones-inactivos .activar-cupon,
#ofertas-activas .desactivar-oferta-ayudante,
#ofertas-inactivas .activar-oferta {
  text-transform: uppercase;    
  color: #fff;
  font-weight: bold;
  font-size:10px;
  background: #83ad69;
  border-radius: 24px;
  width: 40px;
}

#promociones-activas .desactivar-promocion,
#promociones-inactivas .activar-promocion-ayudante,
#cupones-activos .desactivar-cupon,
#cupones-inactivos .activar-cupon-ayudante,
#ofertas-activas .desactivar-oferta,
#ofertas-inactivas .desactivar-oferta-ayudante,
#ofertas-inactivas .activar-oferta-ayudante {
  text-transform: uppercase;    
  color: #910F05;
  font-weight: bold;
  font-size:10px;
  background: #649b40;
  border-radius: 24px;   
  border:1px solid #649b40;
}

#ofertas-inactivas .desactivar-oferta {
  color: #910F05;
  background: #649b40;
}

#ofertas-inactivas .desactivar-oferta .marcador-boton {
  float: left;
}

#ofertas-inactivas .desactivar-oferta:hover {
  color: #fff;
  background: #83ad69;
}

#ofertas-inactivas .desactivar-oferta:hover .marcador-boton {
  float: right;
}

/* Activar oferta o promoción, y desactivar oferta o promoción */
#ofertas-inactivas .activar-oferta,
#ofertas-activas .desactivar-oferta,
#promociones-inactivas .activar-promocion,
#promociones-activas .desactivar-promocion {
  width: 38px;
}

/* Activar oferta o promoción inactivas */
#ofertas-inactivas .activar-oferta,
#promociones-inactivas .activar-promocion {
  color: #910F05;
  background: #dE5e63;
  border-color: transparent;
}
#ofertas-inactivas .activar-oferta:hover,
#promociones-inactivas .activar-promocion:hover {
  color: #fff;
  background: #83ad69;
}

#ofertas-inactivas .activar-oferta .marcador-boton,
#promociones-inactivas .activar-promocion marcador-boton {
  float: right;
}
#ofertas-inactivas .activar-oferta .icono-boton-desactivar,
#promociones-inactivas .activar-promocion .icono-boton-desactivar {
  display: inline-block;
}
#ofertas-inactivas .activar-oferta .icono-boton-activar,
#promociones-inactivas .activar-promocion .icono-boton-activar {
  display: none;
}

#ofertas-inactivas .activar-oferta:hover .marcador-boton,
#promociones-inactivas .activar-promocion:hover .marcador-boton {
  float: left;
}
#ofertas-inactivas .activar-oferta:hover .icono-boton-activar,
#promociones-inactivas .activar-promocion:hover .icono-boton-activar {
  display: inline-block;
}
#ofertas-inactivas .activar-oferta:hover .icono-boton-desactivar,
#promociones-inactivas .activar-promocion:hover .icono-boton-desactivar {
  display: none;
}
/* Activar oferta o promoción inactivas. Fin */


/* Desactivar oferta o promoción activas */
#ofertas-activas .desactivar-oferta,
#promociones-activas .desactivar-promocion {
  color: #fff;
  background: #83ad69;
  border-color: transparent;
}
#ofertas-activas .desactivar-oferta:hover,
#promociones-activas .desactivar-promocion:hover {
  color: #910F05;
  background: #dE5e63;
}

#ofertas-activas .desactivar-oferta .marcador-boton,
#promociones-activas .desactivar-promocion marcador-boton {
  float: left;
}
#ofertas-activas .desactivar-oferta .icono-boton-activar,
#promociones-activas .desactivar-promocion .icono-boton-activar {
  display: inline-block;
}
#ofertas-activas .desactivar-oferta .icono-boton-desactivar,
#promociones-activas .desactivar-promocion .icono-boton-desactivar {
  display: none;
}

#ofertas-activas .desactivar-oferta:hover .marcador-boton,
#promociones-activas .desactivar-promocion:hover .marcador-boton {
  float: right;
}
#ofertas-activas .desactivar-oferta:hover .icono-boton-desactivar,
#promociones-activas .desactivar-promocion:hover .icono-boton-desactivar {
  display: inline-block;
}
#ofertas-activas .desactivar-oferta:hover .icono-boton-activar,
#promociones-activas .desactivar-promocion:hover .icono-boton-activar {
  display: none;
}
/* Desactivar oferta o promoción activas. Fin */


.eliminar-promocion, .eliminar-oferta{
  border: 1px solid #AAA !important;
  color:#000 !important;
  background: #CCC !important;
}
.eliminar-promocion:hover, .eliminar-oferta:hover{
  font-weight: bold;
  background: #BBB !important;   
}
.formulario-busqueda-promocion, .formulario-busqueda-oferta{
  font-size:10px;
  /*text-transform: uppercase;*/
  font-weight: bold;
  color:#274E37;    
}

.formulario-busqueda-promocion .btn-alarma, .formulario-busqueda-promocion .btn-accion, .formulario-busqueda-oferta .btn-alarma, .formulario-busqueda-oferta .btn-accion {
  font-size: 11px !important;
  line-height: 8px;
  font-weight: bold;
  text-transform: none;
}

#nombre-busqueda-promocion, #nombre-busqueda-oferta{
  width: 130px;
  border: 1px solid #CCC !important;
  line-height: 16px;
}
#fecha-hasta-busqueda-promocion, #fecha-desde-busqueda-promocion, #fecha-hasta-busqueda-oferta, #fecha-desde-busqueda-oferta{
  border: 1px solid #CCC !important;
}

.formulario-busqueda-promocion #promocion-busqueda-fechas input.error, .formulario-busqueda-oferta #oferta-busqueda-fechas input.error{
  background-color: rgba(255, 179, 179, 0.9);    
  font-size: 12px; 
}

.formulario-busqueda-promocion #promocion-busqueda-fechas .popover, .formulario-busqueda-oferta #oferta-busqueda-fechas .popover{
  min-width: 140px;
  max-width: 190px;
  min-height: 40px;
  background-color: #000 !important;
  color: #fff;
  font-size: 10px;
  padding-left: 15px;
}

.formulario-busqueda-promocion #promocion-busqueda-fechas .popover .arrow:after, .formulario-busqueda-oferta #oferta-busqueda-fechas .popover .arrow:after {       
  border-top-color: #000 !important;
}

.formulario-busqueda-promocion #promocion-busqueda-fechas .popover .popover-content span, .formulario-busqueda-oferta #oferta-busqueda-fechas .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}
.formulario-busqueda-promocion .fecha-fin-promocion input, .formulario-busqueda-oferta .fecha-fin-oferta input {
  border: 1px solid #CCC;
  border-radius: 0px;
  font-size:10px;
  margin: 0px;
  padding: 0px;    
  left: 0px;
  top: 0px; 
  height: 2em;
  background-color: #FFF;    
  max-width: 110px;
  width: 100%;
}
.formulario-busqueda-promocion .busqueda-nombre, .formulario-busqueda-oferta .busqueda-nombre {
  border: 1px solid #CCC;
  border-radius: 0px;
  font-size:10px !important;
  margin: 0px;
  padding: 0px;    
  left: 0px;
  top: 0px; 
  height: 2em;
  background-color: #FFF;    
  max-width: 250px !important;
}

.formulario-busqueda-promocion input[type='checkbox'], .formulario-busqueda-oferta input[type='checkbox']{
    height: auto;
    vertical-align: middle;
}


.seleccion-tipo-oferta .form-group{    
  margin-bottom: 5px;    
}
.seleccion-tipo-oferta .input-group-addon{    
  font-size: 10px;    
}

.seleccion-tipo-oferta .tipos-oferta{    
  margin-bottom: 5px;    
}

#ofertas-activas .desactivar-oferta-ayudante .marcador-boton, #ofertas-activas .desactivar-oferta .marcador-boton,
#ofertas-inactivas .activar-oferta-ayudante .marcador-boton, #ofertas-inactivas .activar-oferta .marcador-boton, 
#promociones-activas .desactivar-promocion-ayudante .marcador-boton, #promociones-activas .desactivar-promocion .marcador-boton,
#cupones-activos .desactivar-cupon-ayudante .marcador-boton, #cupones-activos .desactivar-cupon .marcador-boton,
#cupones-inactivos .activar-cupon-ayudante .marcador-boton, #cupones-inactivos .activar-cupon .marcador-boton,
#promociones-inactivas .activar-promocion-ayudante .marcador-boton, #promociones-inactivas .activar-promocion .marcador-boton{

  line-height: 0.4 !important;
  vertical-align: top;
  margin-left: -2px;
  text-shadow: 2px 2px 4px #000000;
  color:#D1D1D1;      
}

.area-farmacia #promociones .cabecera-promociones .item-cabecera, .area-farmacia #ofertas .cabecera-ofertas .item-cabecera {    
  text-transform: uppercase;
  font-weight: bold;
  border-left: solid 1px #555;
  border-radius: 0px;
  padding: 2px 4px;
  color: #649b40;
  font-size:0.8em;
}
.area-farmacia #promociones .cabecera-promociones .item-cabecera1, .area-farmacia #ofertas .cabecera-ofertas .item-cabecera1 {       
  text-transform: uppercase;
  font-weight: bold;    
  border-radius: 0px;
  padding: 2px 4px;
  color: #649b40;
  font-size:0.8em;
}

.area-farmacia #promociones .listado-promociones, .area-farmacia #ofertas .listado-ofertas {
  padding: 3px;
  background-color: #f1f1f1;
  border: 1px solid #C4D1C8;
  border-top: 0;
  border-radius: 0;
}

.area-farmacia #promociones .listado-promociones .listado, .area-farmacia #promociones .listado-promociones .listado-historial, .area-farmacia #ofertas .listado-ofertas .listado, .area-farmacia #ofertas .listado-ofertas .listado-historial {
  overflow: auto;
  overflow-x: hidden;
  max-height: 320px;
}

.area-farmacia #promociones .listado-promociones .list-group-item, .area-farmacia .listado-ofertas .list-group-item {
  padding: 2px 4px;
  min-height: 50px;
  color: #417521;
  border-bottom: 2px solid #AAA;
  border-left: 1px solid #AAA;    
  border-radius: 0;
  font-size:0.9em;
}

.area-farmacia #promociones .listado-promociones .list-group-item .descripcion-producto-familia,
.area-farmacia #ofertas .listado-ofertas .list-group-item .descripcion-producto-familia {
  color: #417521;
  font-size: 80%;
  /* text-transform: uppercase;*/
}

.area-farmacia #promociones .listado-promociones .list-group-item .descripcion-producto-familia:before,
.area-farmacia #ofertas .listado-ofertas .list-group-item .descripcion-producto-familia:before{
  /*content: '\2014 \00A0';*/
  display: inline;
}

.area-farmacia #promociones .listado-promociones .list-group-item button, .area-farmacia #ofertas .listado-ofertas .list-group-item button {
  font-size: 14px;
  border: 1px solid #CCC;        
}
.area-farmacia #promociones .listado-promociones .list-group-item button:hover, .area-farmacia #ofertas .listado-ofertas .list-group-item button:hover {
  font-size: 14px;
  border: 1px solid #AAA;        
  font-weight: bold;
  background: #BBB; 
}


.area-usuario .listado-vacio, .area-farmacia .listado-vacio {
  /*border: 1px solid #1d2f39;
  border-radius: 4px;
  padding: 6px;*/
  padding-left: 20px;
  /*background-color: rgba(37, 127, 140, 0.2);  */  
  /*background-color: #417521;   */ 
  color:#fff;
  line-height: 40px;
  /*font-size: 1.5em;*/
}

.area-farmacia .formulario-edicion-oferta .panel-heading, .area-farmacia .formulario-edicion-promocion .panel-heading {
  text-transform: uppercase;
  font-weight: bold;
}

.area-farmacia .formulario-edicion-oferta select.cantidad {
  padding: 0 0 0 4px;
  min-width: 45px;
}
.area-farmacia .formulario-edicion-promocion .fecha-fin-promocion-error, .area-farmacia .formulario-edicion-oferta .fecha-fin-oferta-error,
.formulario-edicion-promocion div.error, .formulario-edicion-oferta div.error, .area-farmacia .formulario-edicion-promocion .fecha-fin-promocion-aviso,
.area-farmacia .formulario-edicion-oferta .fecha-fin-oferta-aviso, .nueva-fecha-fin-promocion-error, .nueva-fecha-fin-promocion-aviso, #nueva-fecha-fin-promocion-error,
.nueva-fecha-fin-oferta-error, .nueva-fecha-fin-oferta-aviso, #nueva-fecha-fin-oferta-error {
  font-size: 12px;
  color: red;
}

.area-farmacia #promociones .listado-promociones .listado-historial .listado-promociones-orden {
  height: 46px;
}
/* Area de administración de promociones y ofertas. Fin */



/* *****************************************************************************
 *  VISTA AREA DE USUARIO. FIN
 * ************************************************************************** */


/* *****************************************************************************
 * MODULOS
 * *************************************************************************** */

/* Módulos */
.modulos:not([data-apartado="servicios"]) {
  /*border-top: 1px solid #649b40;*/
}.carrito-listado .carrito-cupon-descuento .cupon-descuento-imagen
/* Módulos. fin */

/* Módulo Latch */
.modulos .latch {
  border-bottom: 1px solid #649b40;
  border-left: 0;
  border-right: 0;
  background-color: #fff;
}

.modulos .latch #carousel-latch {
  background-color: #ffffff;
  border-top: 1px solid #649b40;
  border-bottom: 1px solid #649b40;
}

.modulos .latch .linea-separador-latch img {
  width: 100%;
}

#carousel-latch {
  background-color: transparent;
}

#carousel-latch .item img {
  margin: 0 auto;
}

#carousel-latch .carousel-indicators {
  bottom: 0px;
}


#carousel-latch .carousel-indicators {
  bottom: 0;
}

#carousel-latch .carousel-indicators  li{
  width: 12px;
  height: 12px;
  margin: 5px;
  background: -webkit-linear-gradient(left top, #fff 48%, #eee 53%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #fff 48%, #eee 53%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #fff 48%, #eee 53%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #fff 48%, #eee 53%); /* Standard syntax */
  height: 16px;
  width: 16px;
  border-width: 2px;
}

#carousel-latch .carousel-indicators li.active {
  background: -webkit-linear-gradient(left top, #649b40 48%, #649b40 53%); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(bottom right, #649b40 48%, #649b40 53%); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(bottom right, #649b40 48%, #649b40 53%); /* For Firefox 3.6 to 15 */
  background: linear-gradient(to bottom right, #649b40 48%, #649b40 53%); /* Standard syntax */
}

/* Módulo Latch. Fin */


/* Módulo Novedades */
.modulos .novedades {
  background-color: #dfeded;
}

/* Módulo Novedades. Fin */


/* Módulo Marcas más vendidas */
.modulos .top-marcas {
  min-height: 262px;
  background-color: #fff;
}

.modulo .contenedor-area-marcas{
  margin: -40px auto 40px auto;
  background-color: #fff;
  padding: 15px 0;
}

.top-marcas .contenedor-margen {
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  max-height: 400px;
  margin: 0 auto;
}

#carousel-top-marcas {
  margin: 0 5px;
  border: 1px solid #bbb;
  border-radius: 8px;
}

.top-marcas .contenedor-marcas {
  position: relative;
  border: 0;
  border-radius: 6px;
  background-color: #fff;
  height: 150px;
}

.top-marcas .contenedor-marcas .contenedor-marca {
  min-height: 74px;
  vertical-align: middle;
  line-height: 72px;
}

.top-marcas .carousel-control-fondo {
  position: absolute;
  width: 44px;
  height: 44px;
  top: 50%;
  margin-top: -20px;
  line-height: 30px;
  z-index: -1;
}

#carousel-top-marcas .carousel-control {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  line-height: 1.45em;
  /*color: #649b40 !important;*/

}

#carousel-top-marcas .carousel-control.left {
  margin-left: -50px;
  margin-top: -14px;
  font-size: 1.2em;
  color: #fff;
  background: none;
}

#carousel-top-marcas .carousel-control.right {
  margin-right: -35px;
  margin-top: -24px;
  font-size: 2.5em;
  color: #fff;
  background: none;
}

#carousel-top-marcas .carousel-control.left, #carousel-top-marcas .carousel-control.right {
  width: 20px;
  text-shadow: none;
}

#carousel-top-marcas .carousel-control.left:hover, #carousel-top-marcas .carousel-control.right:hover {
  color: #000;

}

#carousel-top-marcas .contenedor-area-productos {
  border: 2px solid #649b40;
  border-right: 0;
  border-left: 0;
  position: relative;
  background-image: url('../images/plantillas/2/fondo_mascara.png');
  background-repeat: repeat-x;
  background-position-y: -10px;
  background-position-x: 1px;
  background-color: rgba(82,113,95,0.9);
}

#carousel-top-marcas .contenedor-margen {
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  max-height: 400px;
  margin: 20px auto;
}

#carousel-top-marcas .contenedor-productos {
  position: relative;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  color: #709EA5;
  background-color: #fff;
  border-radius: 6px;
  padding: 0 4px 4px 4px;
}

/* Módulo Marcas más vendidas. Fin */


/* Módulo Productos más vendidos */
.modulo.top-productos.contenedor-mostrador-productos{
  background: url('../images/plantillas/2/fondo_modulos_mascara.png') no-repeat top left rgba(38,101,60,1);
  background-size: cover;
  padding: 15px 0;
  border: 1px solid #fff;
  border-left: 0;
  border-right: 0;
  box-shadow: 0 0 18px rgba(0,0,0,0.8);
}

.top-productos .carousel .contenedor-area-productos {
  border: 2px solid #649b40;
  border-right: 0;
  border-left: 0;
  position: relative;
  background-color: rgba(255,255,255,0.1);
}

.top-productos .carousel .contenedor-margen {
  padding: 0 10px;
  border: 0;
  border-radius: 6px;
  max-height: 400px;
  margin: 20px auto;
}

.top-productos .carousel .contenedor-productos {
  position: relative;
  border: 0;
  overflow: hidden;
  color: #709EA5;
  background-color: #fff;
  border-radius: 6px;
  padding: 0;
  height: 310px;
}

.top-productos .carousel .contenedor-productos .item .producto{
  margin: 0;
  padding: 0;
}

.top-productos .carousel .contenedor-productos .item .producto:hover .producto-imagen, 
.top-productos .carousel .contenedor-productos .item .producto:hover .contenedor-titulo, 
.top-productos .carousel .contenedor-productos .item .producto:hover .contenedor-marca-puntuacion, 
.top-productos .carousel .contenedor-productos .item .producto:hover .contenedor-precios {
  background-color: rgba(127,127,127,0.2);
}

.top-productos .carousel .producto:not(img) {
  color: #888;
  min-height: 280px;
  background-color: #fff !important;
}

.top-productos .carousel .contenedor-imagen-productos-recomendados {
  height: 315px;
  text-align: center;
  padding: auto 0;
  border-right: 1px solid #417521;
}

.top-productos .carousel .contenedor-imagen-productos-recomendados img {
  margin-top: 70px;
}


.top-productos .carousel .producto .producto-imagen .contenedor-foto {
  margin: 6px 7px 0 7px;
  background-color: #fff;
  border-radius: 0;
}

.top-productos .carousel .producto .producto-imagen img.producto{
  max-width: 138px;
  max-height: 138px;
  margin-top: 10px;
}

.top-productos .carousel .producto-promocion-escaparate-descripcion .texto a {
  color: #4cae4c;
}

.top-productos .carousel .producto .producto-detalles-descripcion {
  font-size: 12px;
  height: 64px;
}

.top-productos .carousel .producto .producto-detalles-descripcion a {
  color: #709EA5;
}

.top-productos .carousel .producto .producto-botones .producto-detalles-precio {
  width: 154px;
  padding-right: 50px;
}

.top-productos .carousel .producto .producto-informacion-iva {
  left: 75px;
  text-align: right;
  width: 74px;
  /*right: 15px;*/
}


.top-productos .carousel .producto .contenedor-marca-puntuacion {
  border-top: 1px solid #649b40;
}

/* Controles */
.top-productos .carousel .carousel-control {
  width: 40px;
  height: 40px;
  position: absolute;
  margin-top: -24px;
  color: #000;
}

.top-productos .carousel .carousel-control:hover {
  background: none;
  color: #4cae4c;
}

.top-productos .carousel .carousel-control span {
  color: #fff !important;
}

.top-productos .carousel .carousel-control.left {
  top: 50%;
  margin-top: -24px;
  left: -48px;
  background: none;
  width: 44px;
  height: 44px;
  font-size: 2.5em;
}

.top-productos .carousel .carousel-control.right {
  top: 50%;
  margin-top: -24px;
  right: -48px;
  background: none;
  width: 44px;
  height: 44px;
  font-size: 2.5em;
}

.top-productos .carousel .carousel-control-fondo {
  background-color: rgba(216,235,215,0.5);
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  position: absolute;
  width: 44px;
  height: 44px;
  line-height: 30px;
  z-index: -1;
}
/* Módulo Productos más vendidos. Fin */


/* Módulo Productos recomendados */
.productos-recomendados {
  padding-bottom: 10px;
  border-radius: 6px;
  background-color: #fff;
}

.productos-recomendados .contenedor-imagen-productos-recomendados {
  font-size: 0.8em;
  text-align: center;
  font-weight: bold;
  height: 264px;
  border-right: 1px solid #417521;
}

.productos-recomendados .contenedor-imagen-productos-recomendados .imagen-marca {
  margin: 10px auto 0 auto;
  width: 150px;
  height: 150px;
  border: 1px solid #ddd;
  background-color: #fff;
  line-height: 150px;
}

.productos-recomendados .contenedor-imagen-productos-recomendados img {
  width: 148px;
}

.productos-recomendados .producto .contenedor-titulo .texto {
  border: 0;
  border-top: 1px solid #649b40;
  padding-top: 10px;
  padding-bottom: 10px;
}

.productos-recomendados .producto .contenedor-marca-puntuacion .producto-marca {
  display: none;
}

.productos-recomendados .producto .contenedor-marca-puntuacion .producto-puntuacion {
  float: left !important;
  min-height: 1px;
}

.productos-recomendados .producto .texto-promocion-producto .texto-promocion {
  display: none;
}

.productos-recomendados .producto .contenedor-precios {
  height: 55px;
}

.productos-recomendados .producto .contenedor-precios .texto-precio-unidad {
  line-height: 12px !important;
}

.productos-recomendados .texto-promocion-precio-unidad {
  line-height: 38px !important;
}

.productos-recomendados .producto .texto-precio-unidad .icon-euro {
  font-size: 0.5em;
}


.productos-recomendados .carousel .carousel-control {
  color: #fff;
  position: absolute;
  top: 50%;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding-top: 2px;
  background-color: rgba(10,102,12,0.7);
  box-shadow: none;
}

.productos-recomendados .carousel .carousel-control.left {
  margin-top: -48px;
  left: 0;
}

.productos-recomendados .carousel .carousel-control.right {
  margin-top: -48px;
  right: 0;
}

.productos-recomendados .carousel .carousel-control:hover {
  background-color: rgba(10,102,12,0.9);
}

/* Módulo Productos recomendados.Fin */


/* Módulo Google Maps */
.modulos .google-maps {
  background-color: #fff;
  min-height: 340px;
  position: relative;
  border-bottom: 1px solid #649b40;
  border-left: 0;
  border-right: 0;
  padding-bottom: 40px;
}

.modulos .google-maps .contenedor-cabecera {
  margin: 10px auto;
}

.modulos .google-maps #map-canvas {
  height: 300px;
  width: 100%;
  border: none;
  margin-bottom: 1px;
  border: 1px solid #649b40;
  border-left: 0;
  border-right: 0;
}

.donde-estamos {
  font-size: 2.0em;
  font-style: italic;
  color: #035d67;
}

.donde-estamos .google-maps{
  background-color: transparent;
}

.donde-estamos .cabecera-donde-estamos {
  margin-bottom: 10px;
}

.donde-estamos {
  line-height: 2.0;
}

.donde-estamos .cabecera-donde-estamos {
  font-size: 26px;
}

.donde-estamos .google-maps #map-canvas {
  height: 500px;
  width: 100%;
  border: 2px solid #b6b6b6;
}
/* Módulo Google Maps. Fin */

/* Módulo Consejos de salud y campañas */
.informacion-ciudadano {
  padding: 35px 0px 39px 0;
  position: relative;
  background-color: #fff;
  border-top: 1px solid #649b40;
}

.informacion-ciudadano .contenedor-listado-noticias {
  margin: 0;
}

.informacion-ciudadano .borde-separador {
  border: 1px solid #fff;
  height: 7px;
}

.informacion-ciudadano .contenedor-pestanas,
.informacion-ciudadano .contenedor-contenidos {
  margin-top: 4px;
}

.informacion-ciudadano .contenedor-pestanas .pestanas-noticias {
  border: 0;
  padding: 0px 1px;
}

.informacion-ciudadano .listado-noticias {
  box-shadow: none;
  background: none;
  height: 230px;
}

.informacion-ciudadano .listado-noticias .item .listado-noticias-item-contenedor {
  padding: 0px 2px;
}

.informacion-ciudadano .listado-noticias .item .listado-noticias-item-contenedor .contenido-noticia {
  background-color: #f2f2f2;
  border: 1px solid rgba(187, 187, 187, 0.5);
  min-height: 230px;
  color: #384d3c;
  padding: 10px;
  padding-left: 40px;
  cursor:pointer;
}


.informacion-ciudadano .listado-noticias .item .listado-noticias-item-contenedor:hover .contenido-noticia {
    background-color: rgba(204, 204, 204, 0.4);
    color: #666;
}

.informacion-ciudadano .animacion-cargando {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -16px;
}

.informacion-ciudadano .pestanas-noticias li {
  font-size: 1.0em;
  text-transform: uppercase;
  font-weight: bold;
  vertical-align: middle;
  line-height: 2.0;
}

.informacion-ciudadano .pestanas-noticias #pestana-consejos a,
.informacion-ciudadano .pestanas-noticias #pestana-campanas a {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  line-height: 2.5em;
  font-size: 1.1em;
  text-transform: uppercase;
}
.informacion-ciudadano .listado-noticias .item .listado-noticias-item-contenedor:hover {
  color: #fff;
}
.informacion-ciudadano .pestanas-noticias #pestana-consejos, 
.informacion-ciudadano .pestanas-noticias #pestana-campanas {
  background-color: #eaeaea;
  border: 1px solid #fff;
  border-radius: 6px 6px 0 0;
  color: #417521;
  height: 3.4em;
}


.informacion-ciudadano .pestanas-noticias #pestana-consejos:hover,
.informacion-ciudadano .pestanas-noticias #pestana-consejos.active ,
.informacion-ciudadano .pestanas-noticias #pestana-campanas.active ,
.informacion-ciudadano .pestanas-noticias #pestana-campanas:hover {
  color: #fff;
  background-color: #649b40;
}


.informacion-ciudadano .pestanas-noticias li a{
  color: #417521;
}

.informacion-ciudadano .pestanas-noticias li.active a,
.informacion-ciudadano .pestanas-noticias li.active:hover a,
.informacion-ciudadano .pestanas-noticias li:hover a {
  color: #fff !important;
  background-color: #417521;
}

.informacion-ciudadano #consejos .listado-noticias-marcador span {
  margin: 33px 0 0 4px;
  color: #06262D;
}

.informacion-ciudadano .listado-noticias-contenido {
  font-size: 12px;
  vertical-align: middle;
  padding: 4px 75px 4px 20px;
  text-align: left;
}

.informacion-ciudadano .listado-noticias-contenido .listado-noticias-contenido-imagen {
  overflow: hidden;
  max-height: 200px;
  margin: 10px;
}

.informacion-ciudadano .listado-noticias-contenido .listado-noticias-fecha {
  font-weight: bold;
}

.informacion-ciudadano .listado-noticias-contenido .list-group-item-heading {
  font-size: 14px;
  margin-top: 9px;
  text-transform: initial;
}

.informacion-ciudadano .listado-noticias-item-contenedor .listado-noticias-link {
  text-transform: uppercase;
  color: #417521;
  margin: 0 6px 8px 0;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.informacion-ciudadano .listado-noticias-item-contenedor .listado-noticias-link a {
  color: #666;
}
.informacion-ciudadano .listado-noticias-item-contenedor .listado-noticias-link a:hover,.informacion-ciudadano .listado-noticias-item-contenedor .listado-noticias-link:hover {
  color: #649b40;
}

.informacion-ciudadano .listado-noticias-contenido h4 {
  font-size: 14px;
}

.informacion-ciudadano .listado-noticias-contenido img {
  width: 180px;
}

.informacion-ciudadano .controles-carousel {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -582px;
  z-index: 10;
}

.informacion-ciudadano .controles-carousel.left {
  left: 0;
  margin-left: -20px;
}

.informacion-ciudadano .controles-carousel.right {
  left: 100%;
  right: 0;
  margin-left: -20px;
}
/*
.informacion-ciudadano .carousel-control-fondo {
    background-color: rgba(216,235,215,0.8);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    margin-top: -20px;
    line-height: 30px;
    z-index: -1;
}
*/
.informacion-ciudadano .carousel-control {
  width: 40px;
  height: 40px;
  line-height: 1.45em;
  /*color: #649b40 !important;*/
  color: #000;
}

.informacion-ciudadano .carousel-control.left {
  margin-top: -45px;
  margin-left: -40px;
  font-size: 2.5em;
  background: none;
}

.informacion-ciudadano .carousel-control.right {
  margin-top: -45px;
  margin-right: -20px;
  font-size: 2.5em;
  background: none;
}

.informacion-ciudadano .carousel-control.left, .informacion-ciudadano .carousel-control.right {
  background: none;
  width: 20px;
  text-shadow: none;
}

.informacion-ciudadano .carousel-control.left:hover, .informacion-ciudadano .carousel-control.right:hover {
  color: #659b40;
}

.informacion-ciudadano .carousel-control.left:hover, .informacion-ciudadano .carousel-control.right:hover {
  background: none;
  color: #fff;
}

.informacion-ciudadano .carousel-control span.glyphicon {
  color: #fff !important;
}

/* Módulo Consejos de salud y campañas. Fin */

/* Módulo Opinión */
.modulos.opinion {
  padding: 10px 0;
}
.modulos .opinion-usuario .titulo-seccion {
  font-weight: bold;
}
.modulos .opinion-usuario .valoraciones .valoraciones-formulario {
  margin-top: 10px;
  background-color: transparent;
  border: 0;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .contenedor-bloque-opinion {
  margin: 0;
  padding: 0;
  padding-right: 5px;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .form-group {
  margin: 0 0 5px 0;
}

.modulos .opinion-usuario .valoraciones .valoracion-formaulario .boton-valoracion {
  font-size: 0.8em;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario #texto-opinion {
  height: 149px;
  resize: none;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .contenedor-estrellas {
  padding: 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 6px;
  height: 228px;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .contenedor-estrellas button[type="submit"] {
  margin-top: 30px;
}


.modulos .opinion-usuario .valoraciones .valoraciones-formulario .contenedor-estrellas .estrella-valoracion {
  color: #a9b8af;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .contenedor-estrellas p {
  color: rgb(169, 169, 169);
  margin: 0;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .btn-accion {
  font-size: 12px;
  background-color: #649b40;
  color: #fff;
  text-transform: uppercase;
  line-height: 1.0em;
  border-radius: 4px;
  padding: 10px;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .btn-accion:hover {
  background-color: #649b40;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .registro-aceptar {
  padding: 0;
  padding-right: 8px;
}
.registro-aceptar button.btn-accion {
  padding: 10px;
  text-transform: uppercase;
}
.modulos .opinion-usuario .valoraciones .valoraciones-formulario input {
  background-color: #fff;
}
.modulos .opinion-usuario .valoraciones .valoraciones-formulario input.error, .modulos .opinion-usuario .valoraciones .valoraciones-formulario textarea.error {
  background-color: rgba(252, 93, 128, 0.2) !important;
}
.modulos .opinion-usuario .valoraciones .valoraciones-formulario div.error {
  font-size: 12px;
  color: red;
}

/* todo Cambiar la alineación de las estrellas de este contenedor a inline-block !important, y así se podrá alinear en el centro de la pantalla sin tener que especificar un ancho mínimo */
.modulos .opinion-usuario .valoraciones .valoraciones-formulario #valoracion-estrellas {
  margin: 0 auto;
  width: 151px;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .estrellas-formulario {
  float: left;
  font-size: 25px;
  padding-right: 2px;
  color: #649b40;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario .estrellas-formulario span {
  cursor: pointer;
}

.modulos .opinion-usuario #login-valoracion {
  padding-top: 0;
  line-height: 30px;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario #login-valoracion .contenedor-estrellas {
  border: 0;
  height: auto;
}

.modulos .opinion-usuario .valoraciones .valoraciones-formulario #login-valoracion .contenedor-estrellas .form-group {
  margin-bottom: 0;
}

.modulos .opinion-usuario .valoraciones .contenedor-formulario-login-valoracion {
  font-size: 0.8em;
}

.modulos .opinion-usuario .login-olvido-pass a {
  text-decoration: underline;
  color: #000;
}

.modulos .opinion-usuario .login-usuario input:not(.boton-valoracion){
  /*text-transform: lowercase;*/
  color: #000 !important;
  outline: none;
  /*background-color: rgba(216, 235, 215, 0.6); 
  height: 26px;*/
}

.modulos .opinion-usuario .login-usuario input:not(.boton-valoracion).error,
.modulos .opinion-usuario .login-usuario input:not(.boton-valoracion).error {
  background-color: rgba(255, 179, 179, 0.9);
  color: red;
}

.modulos .opinion-usuario #notificaciones-usuario-validacion .list-group, 
.modulos .opinion-usuario #notificaciones-usuario-validacion .list-group-item {
  border: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.modulos .opinion-usuario .valoraciones-formulario .popover {
  min-width: 190px;
  max-width: 240px;
  min-height: 50px;
  background-color: #000 !important;
  color: #fff;
  font-size: 12px;
}

.modulos .opinion-usuario .valoraciones-formulario .popover h3 {
  background-color: #000;
  color: #fff !important;
  border: 0;
}

.modulos .opinion-usuario .valoraciones-formulario .popover.top .arrow:after {
  border-top-color: #000 !important;
}

.modulos .opinion-usuario .valoraciones-formulario .popover .popover-content {
  padding: 8px;
}

.modulos .opinion-usuario .valoraciones-formulario .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}

.modulos .opinion-usuario #login-valoracion .animacion-cargando {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 99999;
}

/* Placeholder en mayúsculas */
.modulos .opinion-usuario .login-usuario input::-webkit-input-placeholder {
  color: #649b40;
}
.modulos .opinion-usuario .login-usuario input:-moz-placeholder {
  color: #649b40;
}
.modulos .opinion-usuario .login-usuario input:-ms-input-placeholder {
  color: 649b40;
}

input#reg_pais {
  text-transform: none !important;
}

.modulos .opiniones-usuario .producto-puntuacion .puntuacion-estrella {
  float: left;
  display: inline-block;
  color: #649b40;
}

.modulo .opinion-usuario .botones-login-registro-valoraciones {
  margin-bottom: 20px;
}

.modulo .opinion-usuario .formulario-valoracion input.error {
  background-color: rgba(255, 179, 179, 0.9);
  color: red;
}

/* Módulo opinión. Fin */

/* Módulo opiniones usuario */
.modulos .opiniones-usuario {
  background-color: #fff;
  padding: 15px;
  /*height: 278px;*/
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid rgba(187, 187, 187, 0.7);
}

.modulos .opiniones-usuario .listado-opiniones .list-group-item {
  border: 0;
  border-radius: 0;
  border-top: 1px solid #649b40;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

.modulos .opiniones-usuario .listado-opiniones .list-group-item:first-child {
  border-top-width: 2px;
}

.modulos .opiniones-usuario .opinion-usuario {
  padding: 3px 0;
}

.modulos .opiniones-usuario .titulo-seccion {
  font-weight: bold;
}

.modulos .opinion-usuario .opinion-titulo .opinion-nombre, .modulos .opiniones-usuario .opinion-titulo .opinion-asunto, .modulos .opiniones-usuario .opinion-titulo .opinion-fecha {
  font-size: 1.1em;
  font-style: italic;
}

.modulos .opinion-usuario .opinion-texto {
  font-style: italic;
  max-width: 670px;
  font-size: 1.0em;
}

.modulos .opinion-usuario .opinion-texto p {
  margin-bottom: 2px;
}

.modulos .opiniones-usuario .listado-opiniones {
  margin-top: 10px;
}

.modulos .opiniones-usuario .opinion-estrellas {
  float: left;
  margin-right: 2px;
}

.modulos .opiniones-usuario .opinion-puntuacion {
  font-size: 8px !important;
  line-height: 10px !important;
  width: 50px;
  position: absolute;
  right: 0;
}

.modulos .opiniones-usuario .opinion-puntuacion span {
  color: #649b40 !important;
}

.modulos .opiniones-usuario .opinion-puntuacion .puntuacion-estrella {
  font-size: 10px !important;
  display: inline-block !important;
}
/* Módulo opiniones usuario. Fin */

/* Módulo alta nueva dirección */
#dir_contenedor form input, #dir_contenedor form select {
  background-color: #fff;
  border-color: #ccc;
}

#dir_contenedor form input.error, #dir_contenedor form select.error {
  background-color: rgba(252, 93, 128, 0.2);
  border-color: red !important;
}
/* Módulo alta nueva dirección. Fin */

/* Módulo Producto */
/* catalogo-listado */
.catalogo-listado {
    min-height: 500px;
}
.catalogo-listado .item .producto .contenedor-titulo {
}
.item .producto .contenedor-titulo {
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  text-align: left;
  padding: 4px 12px;
  line-height: 1.2em;
  text-transform: initial;

}
.catalogo-listado .item .producto .contenedor-titulo .texto,.catalogo-listado .item .producto .producto-descripcion,.catalogo-listado .item .producto .contenedor-precios,.catalogo-listado .item .producto .contenedor-precios .texto-promocion-producto,
.catalogo-listado .item .producto .contenedor-precios .texto-impuestos,.catalogo-listado .item .producto .contenedor-precios .texto-pendiente,
.catalogo-listado .item .producto .contenedor-marca-puntuacion,.catalogo-listado .item .producto .contenedor-titulo,.catalogo-listado .item .producto .contenedor-titulo .texto {
  float: left !important;
  width: 100%;
}
.catalogo-listado .item .producto .contenedor-titulo {
    margin-bottom: 10px !important;
}
.catalogo-listado .item .producto .contenedor-precios .producto-botones /*,.catalogo-contenido .item .producto .contenedor-precios .producto-botones*/ {
  width: 50%;
  margin-top: -48px;
}
.catalogo-listado .item .producto .contenedor-precios .producto-botones .producto-detalles-anadir-al-carrito {
  float: right !important;
}
.catalogo-listado .item .producto .contenedor-titulo .contenedor-marca-puntuacion .producto-marca {

}

.catalogo-listado .item .producto .contenedor-marca-puntuacion,.catalogo-listado .item .producto .contenedor-titulo .texto,.catalogo-listado .item .producto .contenedor-titulo,.catalogo-listado .item .producto .contenedor-precios {
  padding: 0px 5px 0px 5px;
}
.catalogo-listado .item .producto .producto-imagen .contenedor-foto img.producto {
  margin: 0;
  padding: 0;
}
/* fin - catalogo-listado */
/* catalogo-contenido */
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion {
  height: 29px;
}
.catalogo-contenido .item .producto .contenedor-precios {

}
.catalogo-contenido .item .producto .contenedor-marca-puntuacion .producto-marca {

}
.catalogo-contenido .item .producto .contenedor-titulo {
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion,.catalogo-contenido .item .producto .contenedor-titulo .texto,.catalogo-contenido .item .producto .producto-descripcion,.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-producto,
.catalogo-contenido .item .producto .contenedor-precios .texto-impuestos,.catalogo-contenido .item .producto .contenedor-precios .texto-pendiente,
.catalogo-contenido .item .producto .contenedor-marca-puntuacion,.catalogo-contenido .item .producto .contenedor-titulo,.catalogo-contenido .item .producto .contenedor-titulo .texto {
  float: left !important;
  width: 100%;
}
.catalogo-contenido .item .producto .contenedor-precios .producto-botones {
  width: 50%;
  display: inline-block;
  margin-top: -60px;
}
.catalogo-contenido .item .producto .contenedor-precios .producto-botones .producto-detalles-anadir-al-carrito {
  float: right !important;
}
.catalogo-contenido .item .producto .contenedor-titulo .contenedor-marca-puntuacion .producto-marca {

}

.catalogo-contenido .item .producto .contenedor-marca-puntuacion,.catalogo-contenido .item .producto .contenedor-titulo .texto,.catalogo-contenido .item .producto .contenedor-titulo {
  padding: 0px 5px 0px 5px;
}

.catalogo-contenido .item .producto .contenedor-titulo .texto {
    overflow-y: hidden;
    height: 34px;
}

.catalogo-contenido .item .producto .producto-imagen .contenedor-foto img.producto {
  margin: 0;
  padding: 0;
  width: 100%;
  /*height: 100%;*/
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-producto {
  height: 85px;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-regalo {
  width: auto !important;
  /*display: inline-block;*/
  height: 85px;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-descuento-volumen {
  height: 85px;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-obsequio {
  height: 85px;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-impuestos {
  width: 100% !important;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-promocion-regalo .texto-promocion-unidad {
  width: 50%;
  display: initial;
}
.catalogo-contenido .item .producto .contenedor-precios .texto-precio-unidad {
  font-size: 37px;
  /*display: inline-block;*/
  height: 85px;
}
/* fin - catalogo-contenido */

/* estilos para - producto producto-top-marca */
.contenido-marcas .catalogo-contenido .item .producto .contenedor-precios {
  margin-top: -50px;
}

/* fin - estilos para - producto producto-top-marca */

.item .producto .producto-informacion-iva {
  position: relative;
  bottom: 14px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}

.catalogo-listado .item .producto .producto-imagen {
}


.catalogo-listado .item .producto .marca-oferta {
  top: 18px !important;
  left: 13px !important;
}
.catalogo-listado .item .producto .imagen-obsequio {
  top: 27px;
  left: 17px;
}

.catalogo-listado .item .producto .producto-imagen img{
  width: 190px;
  height: 190px;
  height: auto;
  border: none;
}

.item .producto .producto-imagen .contenedor-foto {
  margin: 0 0 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: pointer;
  background: none;
}

.item .producto .producto-imagen .contenedor-foto img.producto {

}


.item .producto .producto-imagen img.producto {
  border: none;
}

.item .producto .producto-imagen .contenedor-foto img.producto{
  padding-top: 2px;
  background-color: #fff;
  width: 100%;
}

.item .producto .producto-imagen.no-imagen {
  background-color: #f6fbfb;
}

.item .producto .producto-detalles {
  width: 100%;
  padding-right: 18px;
  margin-top: 4px;
}

.item .producto .producto-detalles-descripcion-breve {
  font-size: 0.8em;
  color: #709EA5;
  font-weight: normal;
}

.item .producto h5 {
  clear: both;
  padding-left: 2px;
  font-weight: normal;
  color: #417521;
  text-align: left;
}
.item .producto .contenedor-titulo .texto {
  text-align: left;
  color: #fff;
  border-bottom: 1px solid #649b40;
  width: 100%;
  float: left !important;
  line-height: 15px;
  height: 35px;
}

.resumen-productoEstrella div div.texto {
  padding-top: 0px;
}

.resumen-productoEstrella .cantidad-ventas,.resumen-productoEstrella .cantidad-visitas {
  margin-top: 10px !important;
}

#carousel-contenedor-mostrador-productos .contenedor-productos .producto .contenedor-titulo .texto {
}


.item .producto .contenedor-titulo .texto a,
.item .producto .contenedor-titulo .texto a:hover {
  color: #333;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: 600;
  vertical-align: bottom;
}

.item .producto .contenedor-marca-puntuacion {
  padding: 2x;
}

.item .producto .contenedor-marca-puntuacion .producto-marca {
  /*max-width: 116px;
  margin-top: 5px;*/
}

.item .producto .producto-marca a {
  color: #000;
  font-weight: bold;
}

.item .producto .producto-puntuacion a {
  color: #000;
  font-size: 0.9em;
}

.item .producto .producto-puntuacion .puntuacion-estrella-banner {
  float: right;
  font-size: 0.6em !important;
}

.item .producto .producto-puntuacion .puntuacion-estrella-banner span{
  color: #649b40;
  font-size: 1.4em !important;
  vertical-align: middle;
}

.item .producto .producto-descripcion {
  text-transform: none;
  font-size: 0.8em;
  line-height: 1.0em;
  padding: 6px;
  padding-top: 0;
  min-height: 28px;
}

.item .producto .contenedor-precios {
  color: #417521;
  float: left;
}

.item .producto .contenedor-precios .etiqueta {
  font-size: 1em;
  text-transform: uppercase;
  float: left;
  padding: 5px 5px 10px 5px;
  line-height: 14px;
}

.item .producto .contenedor-precios .etiqueta.comprar {
  color: #417521;
  float: right !important;
  font-size: 0.88em;;
}

.item .producto .contenedor-precios .texto-promocion-regalo {
  font-size: 0.8em;
  text-transform: uppercase;
  color: #417521;
  /*float: left;*/
  width: 100%;
}
.texto-comprar,.texto-quitar {
  font-size: 0.4em;
  display: block;
  margin-top: 6px;
}
.texto-quitar {
  padding: 0px 8px 0px 3px;
}

.item .producto .contenedor-precios .texto-promocion-descuento-volumen {
  font-size: 0.9em;
  text-transform: uppercase;
}

.item .producto .contenedor-precios .texto-promocion-obsequio {
  font-size: 0.9em;
  text-transform: uppercase;
}

.item .producto .contenedor-precios .texto-promocion-precio-unidad {
  color: white;
  text-transform: uppercase;
  font-size: 43px;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 48px;
}

.item .producto .contenedor-precios .texto-promocion-obsequio .texto-promocion {
  font-size: 0.8em;
  line-height: 0.8em;
}

.item .producto .contenedor-precios .texto-promocion-descuento-volumen .texto-promocion{
  font-size: 0.8em;
  line-height: 0.8em;
}

.item .producto .contenedor-precios .texto-promocion-regalo .etiqueta {
  font-size: 12px;
}

.item .producto .contenedor-precios .texto-promocion-precio-anterior {
  font-size: 1.8em;
  text-transform: uppercase;
  font-family: 'Ostrich Sans Rounded';
  margin-left: 6px;
  color: #333;
  float: left;
  width: 100%;
  height: 29px;
}
.item .producto .contenedor-precios .texto-promocion-precio-anterior .icono-euro{
  max-height: 15px !important;
}


.item .producto .contenedor-precios .precio-antes .precio-oferta-tachado {
  position: absolute;
  /*top: 0;
  left: 0;*/
}

.item .producto .contenedor-precios .texto-promocion-regalo .texto-promocion {
  font-size: 0.8em;
  line-height: 1.5em;
  width: 100%;

}

.item .producto .contenedor-precios .texto-promocion-descuento-volumen .texto-promocion {
  text-transform: none;
}



.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito,
.item .producto .contenedor-precios .acciones .producto-detalles-quitar-al-carrito.activo {
  background-color: #649b40;
  cursor: pointer;
  color: #ffffff;
  border-radius: 4px;
  text-align: center;
  padding: 11px 10px 4px 10px;
  margin: 0px 5px 5px 0px;
  font-size: 2em;
}
.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
.item .producto .contenedor-precios .acciones .producto-detalles-quitar-al-carrito.activo:hover {
  padding: 11px 10px 4px 10px;
}
.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.i-carrito {
  color: #fff;
}

.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover,
.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
  margin: 0px 5px 5px 0px;
}



.item .producto .contenedor-precios .texto-precio-unidad {
  text-transform: uppercase;
  font-size: 37px;
  font-family: 'Ostrich Sans Rounded';
  color: #649b40;
  line-height: 48px !important;
  padding-left: 7px;

}

.item .producto .producto-detalles-precio {
  font-size: 28px;
  width: 174px;
  height: 47px;
  color: #000;
  line-height: 1.7;
  padding-right: 80px;
}

.item .producto .producto-sin-stock {
  font-size: 0.8em;
  color: #649b40;
  margin-top: -10px;
}

.item .producto .producto-sin-stock span {
  vertical-align: -10%;
}

.item .producto .nombre-producto {
  text-transform: uppercase;
  font-style: italic;
  font-weight: bold;
  color: #035D67;
}



.item .producto .marca-oferta {
  position: absolute;
  top: 4px;
  left: 4px;
}

.item .producto .marca-oferta img {
  margin-top: -85px;
}


.item .producto .texto-tipo-oferta {
  position: absolute;
  z-index: 10;
  top: 8px !important;
  left: 8px !important;
  min-width: 80px;
  font-weight: bold;
  text-align: left;
  line-height: 1.0;
  background: transparent;
  font-size: 0.8em;
  color: #fff;
}

.item .producto .marca-oferta.descuento {
  font-size: 0px; line-height: 0%; width: 0px;
  border-top: 85px solid rgba(102,188,41,0.8); /*#66bc29;*/
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 0px !important;
  left: 0px !important;
}

.item .producto .texto-tipo-oferta.promocion {
  color: #417521 !important;
}

.item .producto .marca-oferta.regalo {
  border-top: 85px solid rgba(39,78,55,0.8);
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 0px !important;
  color: #fff;
  left: 0px !important;
}

.item .producto .marca-oferta.promocion {
  border-top: 85px solid rgba(255,188,0,0.8);
  border-right: 85px solid transparent;
  position: absolute;
  z-index: 3;
  top: 0px !important;
  left: 0px !important;
}

.item .producto .contenedor-precios .texto-impuestos {
  line-height: 1.2em;
  font-size: 0.9em;
  color: #333;
  text-transform: uppercase;
  padding-left: 7px;
  width: 100%;
}

.item .producto .contenedor-precios .texto-pendiente {
  line-height: 1.2em;
  font-size: 0.6em;
  color: #417521;
  padding-right: 5px;
  text-transform: uppercase;
}
/* Módulo Producto. Fin */

/* Módulo Productos más vendidos sobre las marcas más vendidas */
.producto-top-marca {
  min-height: 450px;
}

.producto-top-marca:hover {
  border: solid 1px #649b40;
}

.producto-top-marca .contenedor-precios {
  width: 100%;
}

.producto-top-marca .producto-botones {
  bottom: 10px !important;
}

.producto-top-marca .marca-oferta {
  left: 11px !important;
  top: -4px !important;
}

.producto-top-marca .texto-tipo-oferta {
  top: 4px !important;
  left: 20px !important;
}
/* Módulo Productos más vendidos sobre las marcas más vendidas. Fin */


/* Módulo Productos Promocionados */
.productos-promocionados {
  margin-top: 10px;
}

.productos-promocionados .producto .contenedor-precios {
  width: 100%;
}

.productos-promocionados .item .producto .marca-oferta {
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0px;
}

.productos-promocionados .item .producto .texto-tipo-oferta {
}

.productos-promocionados div.producto,.producto-top-marca,.catalogo-listado .item .producto {
  overflow: hidden;
  list-style-type: none;
  border: 1px solid rgb(221, 221, 221);
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px 0px;
  background: none 0% 0% repeat scroll rgb(255, 255, 255);
  margin-bottom: 20px;
  line-height: 20px;
}
.productos-promocionados div.producto:hover,.producto-top-marca:hover,.catalogo-listado .item .producto:hover {
  border-color: #649b40 !important;
}

.productos-promocionados .producto .contenedor-imagen-obsequio .imagen-obsequio {
  left: 15px;
}
/* Módulo Productos Promocionados. Fin */

/* Módulo Productos más vendidos en oferta */
.producto-top-oferta {
  margin-bottom: -10px;
}
.producto-top-oferta .producto {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.producto-top-oferta .marca-oferta {
  left: 11px !important;
  top: -4px !important;
}

.producto-top-oferta .texto-tipo-oferta {
  top: 4px !important;
  left: 20px !important;
}

.producto-top-oferta .imagen-oferta {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
}

.imagen-oferta:hover {
  border: solid 1px green;
}

.producto-top-oferta .imagen-oferta img {
  width: 100%;
}

/* Módulo Productos más vendidos sobre las marcas más vendidas. Fin */




/* Módulo Login */
.login-registro {
  display: none;
  position: absolute;
  top: 70px;
  background-color: #F0F0F0;
  padding: 80px 0 0 0;
  width: 100%;
  z-index: 2;
  box-shadow: 3px 3px 3px rgba(0,0,0, 0.6);
  overflow-y: auto;
  height: 705px;
  }

.login .cabecera-login-registro, .registro .cabecera-login-registro {
  background-color: #649b40;
  color: #fff;
  width: 100%;
  font-size: 1.6em;
  text-transform: uppercase;
  margin: 10px 0;
}

.login .animacion-cargando {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 99999;
}

.login .titulo-modulo, .registro .titulo-modulo {
  text-transform: uppercase;
  font-size: 1.2em;
  color: #000000;
}
.login .titulo-modulo {
  color: #000000;
}

.login .descripcion-modulo, .registro .descripcion-modulo {
  font-size: 1.1em;
  color: #333333;
  margin: 2px auto;
}

.login .linea-formulario, .registro .linea-formulario {
  margin: 0 15px 6px 0 !important;
}

.login .linea-formulario .control-label {
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
}

.login .linea-formulario input, .login .linea-formulario select, .registro .linea-formulario input, .registro .linea-formulario select {
  border-radius: 0 3px 3px 0;
  border: 1px solid #ccc;
  border-left: 0;
  height: 38px;
}
.caja-proceso .caja-usuario .info-usuario .apartado-usuario .login-usuario .login.caja form.form-login div.linea-formulario div input.login-password,.caja-proceso .caja-usuario .info-usuario .apartado-usuario .login-usuario .login.caja form.form-login div.linea-formulario div input.login-email {
  height: 38px;
}
.login .linea-formulario input.login-email.form-control.log_email,.login .linea-formulario input.login-password.form-control.log_password {
  height: 38px;
}
/* Módulo login. Fin */




/* Vista servicios */
#servicios .cabecera-servicios {
  color: #000;
  font-size: 0.9em;
  line-height: 1.8em;
  margin: -10px;
  border-radius: 5px 5px 0 0;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 0px;
}

#servicios .cabecera-servicios .imagen {
  padding-right: 60px;
}


/* Vista servicios. Fin */

/* Módulos servicios */
.modulos .parrilla_servicios {
  margin-bottom: 40px;
}
.modulos .parrilla_servicios .servicio {
  height: 330px;
  margin-bottom: 28px;
}

.modulos .parrilla_servicios .servicio .figure {
  height: 330px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
  padding: 10px;
  font-size: 0.9em;
  background-color: #fff;
  border-radius: 6px;
}

.modulos .parrilla_servicios .servicio:hover .figure {
  border: 2px solid #649b40;
  padding: 9px;
}

.modulos .parrilla_servicios .servicio .figure p {
  line-height: 1.4em;
}

.modulos .parrilla_servicios .servicio .figure img {
  max-height: 50%;
  margin: 0 auto;
  margin-bottom: 30px;
}

.titulo-parrilla-servicios{
  font-weight: 800;
  color: rgb(39, 78, 55);
  text-transform: uppercase;
  font-size: 16px;
}

.texto-parrilla-servicios{
  font-weight: normal;
  color: rgb(39, 78, 55);
  font-size: 13.5px;
  line-height: 1.4em;
}

/* Módulos servicios. Fin */

/* Líneas decorativas para los módulos del home */
.modulo .linea-cabecera-modulo-home {
  background-color: rgb(100, 155, 64);
  line-height: 0.6em;
  border-radius: 30px;
}
.modulo .titulo-cabecera-modulo-home {
  font-size: 2.3em;
  line-height: 0.4em;
  font-weight: bolder;
  color: #417521;

}
/*titulos*/
.modulo .titulo-cabecera-modulo-home{
    line-height: 1;
}
/*nivelación de las líneas decorativas */
.modulo .cabecera-top-productos-ofertas,
.cabecera-marcas-productos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.modulo .titulo-cabecera-modulo-home.colegio {
    font-size: 2em;
    line-height: 1.3em;
    font-weight: bolder;
    color: #417521;
    padding-bottom: 33px !important;
}

.cabecera-marcas-productos {
  margin: 40px auto 50px auto;
  padding: 15px;
}

.cabecera-top-productos-ofertas{
  margin: 43px auto 60px auto;
}
/* Líneas decorativas para los módulos del home. Fin */


/* Notificaciones de error en formularios de login y registro */
.sidebar .popover {
  min-width: 190px;
  max-width: 240px;
  min-height: 50px;
  background-color: #000 !important;
}

.sidebar .popover h3 {
  background-color: #000;
  color: #fff !important;
  border: 0;
}

.sidebar .popover.top .arrow:after {
  border-top-color: #000 !important;
}

.sidebar .popover .popover-content {
  padding: 8px;
  color: #fff;
}

.sidebar .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}

.login .linea-formulario-auxiliar, .registro .linea-formulario-auxiliar {
  color: #000;
  font-size: 0.8em;
  text-transform: initial;
  padding-top: 3px;
  margin-right: 15px;
}

.captcha {
  background-color: white;
  border: 1px solid #ccc;
}

.login form input, .login form select, .registro form input, .registro form select {
  /*font-size: 1.2em;*/
  line-height: 1.8em;
  border: 0;
  box-shadow: 0 0 0;
  color: rgb(89, 89, 89);
}

.login .form-inline .form-control, .registro .form-inline .form-control {
  width: 100%;
}

.login .linea-formulario label, .registro .linea-formulario label{
  color: #417521;
  /*font-size: 1.1em;*/
  text-transform: initial;
  text-align: left;
  padding: 3px 2px 0 6px;
  line-height: 2.4em;
  font-weight: normal;
}

.login .linea-formulario-auxiliar input, .registro .linea-formulario-auxiliar input {
  color: #000;
  font-size: 1.1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 1.6em;
  padding: 6px 12px;
}

.login .linea-formulario-auxiliar .form-control-static, .registro .linea-formulario-auxiliar .form-control-static {
  line-height: 1.0em;
}

.login .linea-formulario select, .registro .linea-formulario select {
  border: 0;
  cursor: pointer;
}

.registro .linea-formulario .boton-seleccion-cuestionario {
  padding: 10px !important;
}

.registro .linea-formulario .boton-seleccion-cuestionario.error {
  line-height: 1.7em;
  height: 2.2em;
  border-radius: 0;
  background-color: rgba(252, 93, 128, 0.2) !important;
}

/* Estilo de errores específicos para el formulario de login */
.login input.error {
  background-color: rgba(252, 93, 128, 0.2) !important;
  color: red;
}

.login .login-aceptar button, .registro .login-aceptar button {

}

.login div.error {
  color: red;
  border: 0;
  box-shadow: 0 0 0;
}
/* Estilo de errores específicos para el formulario de login. Fin */
.login .mensaje-error {
  font-size: 2.0em;
  color: #ff8d7a;
  cursor: default;
}

.login .has-error {
  background-color: rgba(255, 179, 179, 0.9);
}

.login .informacion-formulario, .registro .informacion-formulario {
  color: #9a9b9d !important;
}

.registro .informacion-formulario.campos-requeridos {
  line-height: 3.0em;
}

/* Módulo Login */
.login {
  position: relative;
}

.login .login-cancelar {
  margin: 0 !important;
  padding: 0 !important;
}

.login .linea-formulario {
  margin: 0;
  padding: 1px 0px 0px 0px;
  text-transform: none;
}

.login .login-olvido-pass {
  font-size: 1.2em;
  padding-left: 0;
  padding-top: 14px;
  font-weight: bold;
}

.login .mensaje-password {
  position: absolute;
  right: 0;
  top: 35px;
  margin-right: -90px;
  width: 90px;
  font-size: 12px;
}

.login .mensaje-password .texto {
  width: 68px;
  padding-left: 6px;
}
/* Módulo Login. Fin */

/* Módulo Registro */
.registro .registro-cancelar, .registro .registro-aceptar {
  margin: 0;
  padding: 0 5px 0 0;
}
.registro-cancelar .btn.btn-default.btn-block.btn-separado.btn-cancelar {
  padding: 10px !important;
  font-size: 1em;
}
.registro .mensaje-reg-password {
  position: absolute;
  right: 0;
  top: 4px;
  margin-right: -100px;
  width: 90px;
  font-size: 12px;
  line-height: 12px;
}

.registro .fecha-nacimiento .input-group-btn {
  font-size: 1.0em !important;
  color: #000 !important;
  text-align: right;
}

.registro .fecha-nacimiento select {
  padding: 0 2px !important;
}

.registro #captcha {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.registro #captcha-cambiar-imagen {
  font-size: 12px;
}

.registro .captcha-explicacion {
  line-height: 12px;
  font-size: 12px;
  padding: 0 15px;
}

.registro select {
  width: 100% !important;
}

.registro .fecha-nacimiento {
  padding: 0;
  height: 34px;
}
.registro .form-group label.fecha-nacimiento {
  line-height: 16px;
  height: 20px;
}

.registro .fecha-nacimiento select {
  padding: 6px 6px 6px 10px;
}
.registro .campo-sexo div.btn-group {
  padding-right: 0;
  padding-left: 0;
}

.registro .informacion-formulario {
  font-size: 12px;
  line-height: 10px;
}
.registro .informacion-formulario .campo-requerido{
  font-size: 10px;
}

.registro .fullwidth {
  width: 100% !important;
}


.registro .linea-formulario .control-label {
  border: 1px solid #ccc;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
}

.registro .linea-formulario input, .registro .linea-formulario select {
  border-radius: 0 3px 3px 0;
  border: 1px solid #ccc;
  border-left: 0;
}

#form-registro-usuario-caja .linea-formulario input,
#form-registro-usuario-caja .linea-formulario select {
  height: 41px;
}
#form-registro-usuario-caja .linea-formulario input {
  box-shadow: none !important;
}
#form-registro-usuario-caja .linea-formulario select {
  height: 38px !important;
}
#form-registro-usuario-caja .linea-formulario .boton-mujer {
  height: 42px;
}
.datos-entregas-direccion div.direccion-aceptar button,.detalles-entrega div button.direccion-confirmada-cancelar {
  padding: 10px;
}
/* Módulo Registro. Fin */


/* Estilo para errores específicos del formulario de registro */
.registro .mensaje-fecha.error, .registro.mensaje-fecha.errorManual, .registro .mensaje-dni.error, .registro.mensaje-dni.errorManual {
  color: rgb(245, 0, 0);
  font-size: 12px;
  border-color: red !important;
}

.registro #form-registro-usuario input.error, .registro #form-registro-usuario select.error  {
  background-color: rgba(255, 179, 179, 0.9);
}

.registro #form-registro-usuario input[type='checkbox'].error {
  outline-style:solid;
  outline-color: rgba(255, 179, 179, 0.9);
  outline-width: 3px;
  outline-offset: 1px;
}
/* Estilo para errores específicos del formulario de registro. Fin */

/* Estilo para errores específicos del formulario de suscripción de la newsletter */
.pie .formulario-newsletter .email-newsletter {
  background-color: white;
}
.pie .formulario-newsletter .email-newsletter.has-error {
  background-color: rgba(255, 179, 179, 0.9);
}
/* Estilo para errores específicos del formulario de suscripción de la newsletter. Fin */

/* Módulo Información de pagos */
.modulos .info-compras {
  padding: 40px 0 40px 0;
  color: #000;
  border-bottom: 1px solid #649b40;
}

.modulos .info-compras .contenedor-bloques-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}

.modulos .info-compras .contenedor-bloques-info {
  height: 226px;
}

.modulos .info-compras .info-bloque-container {
  height: 120px;
  padding: 0 2px;
  margin: 2px 0;
  width: 228px;
  float: left;
}

.modulos .info-compras .borde-separador {
  border: 1px solid #fff;
  height: 7px;
  margin: 5px 0;
}

.modulos .info-bloque {
  border: 1px solid #649b40;
  background-color: #fff;
  padding: 20px;
  height: 198px;
  font-size: 0.9em;
  cursor: pointer;
  position: relative;
}


.modulos .info-bloque:hover {
  background-color: #649b40;
  color: #fff;
}


.modulos .info-compras .info-bloque-header {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 10px;
  font-size: 1.1em;
  display: block;
}

.modulos .info-compras .info-bloque-contenido {
  max-height: 105px;
  overflow-y: auto;
  line-height: 1.2em;
  display: block;
}

.modulos .info-compras .info-bloque.valoraciones .info-bloque-contenido {
  max-height: 70px;
  overflow-y: auto;
}

.modulos .info-bloque.valoraciones {
  cursor: default;
}


.modulos .info-compras .info-bloque-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  min-height: 44px;
  width: 100%;
  padding: 5px 0px 5px 0px;
  text-align: center;
  display: block;
}

.modulos .info-compras .info-bloque:not(.valoraciones) .info-bloque-footer span {
  margin: 0 6px;
}

.modulos .info-compras .valoraciones .info-bloque-footer {
  height: 93px;
  width: 100%;
  margin: 0;
}

.modulos .info-compras .valoraciones .persona-valoracion {
  border: 1px solid #fff;
}

.modulos .info-compras .valoraciones .persona-valoracion, .modulos .info-compras .valoraciones input.nombre-valoracion {
  padding: 0;
  margin: 0;
}

.modulos .info-compras .valoraciones input.nombre-valoracion {
  background-color: transparent;
  border: 0;
  box-shadow: none;
  text-transform: uppercase;
  color: #fff;
  line-height: 0.8em;
  height: 22px;
  padding-left: 2px;
  font-size: 1.0em;
}

.modulos .info-compras .valoraciones .estrellas-valoracion {
  border: 1px solid #fff;
  padding: 0 2px 2px 2px;
  text-transform: uppercase;
  margin: 2px 0 0 0;
}

.modulos .info-compras .valoraciones .estrellas-valoracion .estrellas {
  font-size: 0.1em;
}
.modulos .info-compras .valoraciones .estrellas-valoracion .estrellas span {
  cursor: pointer;
  color: #fff;
  font-size: 14px !important;
}
.modulos .info-compras .valoraciones .enviar-valoracion {
  border: 1px solid #fff;
  background-color: transparent;
  text-transform: uppercase;
  padding: 0 20px;
  border-radius: 0;
  color: #fff;
  margin: 2px 0 0 0;
}

.modulos .info-compras .valoraciones .enviar-valoracion:hover {
  background-color: #83ad69;
  color: #d8ebd7;
  font-weight: bold;
}

.modulos .info-compras .valoraciones input.nombre-valoracion {
  background-color: transparent;
}
.modulos .info-compras .valoraciones input.nombre-valoracion.has-error {
  background-color: rgba(255, 179, 179, 0.4);
}

.modulos .info-compras .valoraciones .estrellas-valoracion .estrellas span {
  color: #fff;
}
.modulos .info-compras .valoraciones .estrellas-valoracion .estrellas span.has-error {
  color: rgba(255, 179, 179, 1.0);
}

/* Estilos para los mensajes de error sobre el formulario de valoraciones */
.modulos .info-compras .popover {
  min-width: 190px;
  max-width: 240px;
  min-height: 50px;
  background-color: #000 !important;
}

.modulos .info-compras .popover h3 {
  background-color: #000;
  color: #fff !important;
  border: 0;
}

.modulos .info-compras .popover.top .arrow:after {
  border-top-color: #000 !important;
}

.modulos .info-compras .popover .popover-content {
  padding: 8px;
  font-size: 0.8em;
}

.modulos .info-compras .popover .popover-content span {
  margin-right: 8px;
  display: inline-block;
}

.modulos .info-compras .estrellas-valoracion .mensaje-error {
  color: rgba(255, 179, 179, 1.0);
  cursor: pointer;
  font-size: 1.0em;
}
/* Módulo Información de pagos. Fin */

/* Módulo recuperar contraseña */
.modulo .recuperar-password .formulario-recuperacion {
  margin-top: 20px;
}

.formulario-recuperacion div.error {
  color: rgb(245, 0, 0);
  font-size: 12px;
}
/* Módulo recuperar contraseña. Fin */

/* Módulo resetear contraseña */
.resetear-password .mensaje-res-password {
  font-size: 12px;
  line-height: 16px;
  padding: 3px 0;
}

.resetear-password .mensaje-res-password .texto {
  padding-left: 6px;
}

.resetear-password input.valid, .resetear-password input.valid {
  border-color: #649b40;
}

.resetear-password  input.error, .resetear-password input.errorManual {
  background-color: rgba(255, 179, 179, 0.9);
}

.resetear-password div.error {
  /*color: rgba(255, 179, 179, 0.9);*/
  color: red;
  font-size: 12px;
}

.resetear-password .errorManual {
  color: red;
  font-size: 12px;
  border-color: red !important;
}

.resetear-password .mensaje-passsword.error {
  color: rgba(255, 179, 179, 0.9);
  font-size: 12px;
  border-color: red !important;
}

/* Módulo resetear contraseña. Fin */


/* Módulo reenviar email de activación */
.modulo .reenviar-activacion .formulario-reenvio {
  margin-top: 20px;
}
/* Módulo reenviar email de activación. Fin */

/* Módulo Chat */
#mayus .texto {
  font-size:14px;
}
#mayus .icon-infofarmacia {
  font-size:16px;
}
.modulo.chat {
  position: absolute;
  bottom:-10px;
  right: 0;
  width: 270px;
  position: fixed;
  margin: 0;
  padding: 0;
  z-index: 54;
}

.modulo.chat.offline #contenedor-chat {
  background-color: #649b40;
  border-color: #417521;
}

.modulo.chat #contenedor-chat {
  position: relative;
  background-color: #649B40;
  border: 1px solid #83ad69;
  margin: 0;
  margin-right: 8px;
  padding-bottom: 0;
  border-radius: 12px 12px 0 0;
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat .mensajes-sin-leer {
  position: absolute; 
  top: 12px;
  left: 64px;
  border: 1px solid #385157;
  border-radius: 20px;
  background-color: red;
  color: #d3e2e4;
  font-size: 1.0em;
  width: 22px;
  text-align: center;
}

.modulo.chat #contenedor-chat .notificacion-aviso {
  padding: 20px;
  font-size: 14px;
  color: #fff;
  line-height: 1.0 !important;
  border: 0;
}

.modulo.chat #contenedor-chat .subcontenedor-chat {
  margin:3px;
  padding-top:3px;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes {
  margin: 0 4px;
  height: 240px;
  background-color: #fff;
  border:1px solid #CCC;    
  padding:3px;
  overflow: auto;
  max-height: 320px;
  white-space: pre-wrap;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li {
  margin: 4px 1px;
  padding: 6px 0 0 0;
  width: 220px;
  border: 0px;
  border-radius: 8px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.inicio-chat{
  max-height: 35px;
  margin-top: 30px;
  font-size: 13px;
  padding: 0 6px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.mensaje-error{
  max-height: 35px;
  margin-top: 30px;
  font-size: 13px;
  padding: 0 6px;
  border: 1px solid #ddd;
  background-color: #fff;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia {
  float: left;
  background-color: transparent;
  color: #417521;
  border: #000 0px solid;
  font-size: 0.8em;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario {
  float: right;
  color: #417521;
  border-color: transparent;
  font-size: 13px;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li .chat-mensaje.mensaje {
  display: inline-block;
  width: 170px;
  border-radius: 6px;
  background-color: #d4dcd7;
  padding: 7px;
  word-wrap: break-word;
  font-size:13px;
  box-shadow:#649b40 -2px 2px 0px 0px;   
  -moz-box-shadow: #649b40 -2px 2px 0px 0px;
  -webkit-box-shadow: #649b40 -2px 2px 0px 0px;    
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje.mensaje {
  background-color: #E0F2D4;
  color: #06262d;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje .direccion {
  color: #E0F2D4;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.mensaje {
  background-color: #649b40;
  color: #06262d;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje .direccion {
  color: #649b40;
}

/* Mensajes del historial */
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial {
  float: right;
  color: #83a29a;    
  background-image: none;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial {
  float: left;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.historial .hora {
  color: #417521;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial .chat-mensaje.mensaje {
  box-shadow:#83a29a -2px 2px 0px 0px;   
  -moz-box-shadow: #83a29a -2px 2px 0px 0px;
  -webkit-box-shadow: #83a29a -2px 2px 0px 0px;
  text-transform: none;
  font-size: 13px !important;
  font-weight: normal;
  line-height: 1.0em;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial .chat-mensaje.mensaje {
  box-shadow:#83a29a 2px 2px 0px 0px;   
  -moz-box-shadow: #83a29a 2px 2px 0px 0px;
  -webkit-box-shadow: #83a29a 2px 2px 0px 0px;
  text-transform: none;
  font-size: 13px !important;
  font-weight: normal;
  line-height: 1.0em;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial .chat-mensaje.mensaje {
  background-color: #d4dcd7;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.mensaje {
  color: #fff;
}


.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.hora {    
  padding: 3px 0px 0px 7px;
  color: #000;    
  font-style: italic;
  font-size:11px;
  text-align: right;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial .chat-mensaje.mensaje {
  background-color: #b9c8cd;
  color: #06262d;
}
/* Fin mensajes del historial */


.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje.hora {    
  padding: 3px 0px 0px 7px;
  color: #000;    
  font-style: italic;
  font-size:11px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial .chat-mensaje.hora {    
  padding: 3px 0px 0px 7px;
  color: #000;    
  font-style: italic;
  font-size:11px;
  background-image: none;
}


.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li .chat-mensaje.mensaje-icono {
  display: inline-block;
  vertical-align: top;
  width: 48px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje.mensaje-icono {
  text-align: right;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.mensaje-icono {
  text-align: left;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li .chat-mensaje.mensaje-icono .icono-avatar {
  border-radius: 4px;
  color: #417521;
  font-size: 30px;
  padding: 2px;
  width: 44px;
  height: 43px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje.mensaje-icono .icono-avatar {
  background-color: #fff;
  margin-left: 6px;
  border: 1px solid #bbb;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.mensaje-icono .icono-avatar {
  margin-right: 6px;
  border: 2px solid #bbb;
  background: url('../images/plantillas/2/avatar_farmacia_el1.png') no-repeat center center #649b40;
  color: transparent !important;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.historial.farmacia .chat-mensaje.mensaje-icono .icono-avatar {
  margin-right: 6px;
  border: 2px solid #bbb;
  background: url('../images/plantillas/2/avatar_farmacia_el1.png') no-repeat center center #b9c8cd;
  color: transparent !important;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje.mensaje-icono .icon-flechapeqder {
  font-size: 25px;
  color: #E0F2D4;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje.mensaje-icono .icon-flechapeqder {
  font-size: 25px;
  color: #649b40;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial .chat-mensaje.mensaje-icono .icon-flechapeqder {
  color: #d4dcd7;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial .chat-mensaje.mensaje-icono .icon-flechapeqder {
  color: #83a29a;
}
.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial .chat-mensaje .direccion {
  color: #b9c8cd;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li .chat-mensaje .direccion {
  font-size: 22px;
  position: absolute;
  top: 8px;
  font-size: 25px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario .chat-mensaje .direccion {
  right: 35px;
  text-shadow: 0 2px #649b40;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia .chat-mensaje .direccion {
  left: 32px;
  text-shadow: 0 2px #649b40;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.usuario.historial .chat-mensaje .direccion {
  right: 35px;
  text-shadow: 0 2px #d4dcd7;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.farmacia.historial .chat-mensaje .direccion {
  left: 32px;
  text-shadow: 0 2px #83a29a;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li .chat-mensaje .mensaje-direccion.farmacia {
  margin-left: -5px;
  margin-right: -17px;
  font-size: 22px;
  vertical-align: middle;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-listado-mensajes .lista-mensajes li.mensaje-error, .modulo.chat #contenedor-chat .contenedor-listado-mensajes .lista-mensajes li.mensaje-info {
  color: #035d66;
  padding: 4px;
  font-size: 12px;
  border-color: #035d66;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .contenedor-login {
  margin-bottom:20px;
}

.modulo.chat #contenedor-chat .cerrar-chat {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: #417521;
  border-radius: 26px;
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 110;
  padding-bottom: 2px;
  line-height: 16px;
  font-size: 22px;
  color: #fff;
  opacity: 0.8!important;
}
.modulo.chat #contenedor-chat .cerrar-chat:hover {
  position: absolute;
  top: 6px;
  right: 6px;
  background-color: #417521;
  border-radius: 26px;
  border: 2px solid #fff;
  cursor: pointer;
  z-index: 110;
  padding-bottom: 2px;
  line-height: 16px;
  font-size: 22px;
  color: #fff;
  opacity: 0.4;
}

.modulo.chat #contenedor-chat .contenedor-mensaje-chat-offline .cerrar-chat {
  background-color: #fff;
  color: #000;
}
.modulo.chat #contenedor-chat .contenedor-mensaje-chat-offline .cerrar-chat:hover {
  background-color: #bbb;
  color: #fff;
}

.modulo.chat #contenedor-chat .contenedor-login  .form-group {
  margin-bottom: 8px;
  font-size:8px;
  color: #000;         
}

.modulo.chat #contenedor-chat .contenedor-login .usuario-chat{
  box-shadow:#444 2px 2px 1px 0px;  
  -moz-box-shadow: #444 2px 2px 1px 0px;
  -webkit-box-shadow: #444 2px 2px 1px 0px;
  text-transform: none;  
  font-size:1.4em;
}

.modulo.chat #contenedor-chat .contenedor-login .password-chat {
  background-color: #fff;
  box-shadow:#444 2px 2px 1px 0px;    
  -moz-box-shadow: #444 2px 2px 1px 0px;
  -webkit-box-shadow: #444 2px 2px 1px 0px;
  text-transform: uppercase;    
  font-size:1.4em;
}

.modulo.chat #contenedor-chat .contenedor-login .has-error .usuario-chat, .modulo.chat #contenedor-chat .contenedor-login .has-error .password-chat {
  background-color: rgba(255, 179, 179, 0.9);
}


.modulo.chat #contenedor-chat .subcontenedor-chat .introduccion-mensaje {
  height: 100px;
  background-color: #DDD;
  border: 4px solid #38B367;
  border-top: 0;
  padding-top: 4px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .introduccion-mensaje .chat-input-texto {
  width: 180px;
  margin-left: 3px;
  margin-bottom:3px;
  border-top: #111;
  border-left: #111;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .introduccion-mensaje textarea {
  border-radius: 2px;
  padding: 4px 6px;
  height: 90px;    
  color:#000;
  font-size:0.9em;
  border-top: #AAA 1px solid;
  border-left: #AAA 1px solid;            
  background:#FBFBFB;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .introduccion-mensaje .contenedor-icono-usuario {
  background-color: #fff;
  border-radius: 4px;
  color: #417521;
  font-size: 30px;
  margin-left: 6px;
  padding: 2px 1px;
  width: 44px;
  height: 43px;
}

.modulo.chat #contenedor-chat .subcontenedor-chat .introduccion-mensaje .contenedor-icono-usuario span {
  border: 1px solid #649b40;
  padding: 2px;
}


.modulo.chat #contenedor-chat .chat-boton-enviar {
  width: 50px;
  height: 60px;
  color: #fff;
}
.modulo.chat #contenedor-chat .chat-boton-enviar .icon-flechapeqizq:before{
  margin-left: -10px;
  font-size: 25px;
  margin-right: -9px;
  color: #fff;
  position:absolute;
}

.modulo.chat #contenedor-chat .chat-boton-enviar button {
  margin: 5px 0 0 5px;
  background-color: #ccc !important;   
  border: 1px solid #ccc !important;   
  border-radius: 4px !important;   
  width: 40px;
  height: 40px;
  background: url('../images/plantillas/2/Soporte-tecnico-2_verde.png') no-repeat center center;
  background-size: 30px 30px;
}

.modulo.chat #contenedor-chat .chat-boton-enviar button:hover {      
  opacity: 0.7;
  filter: alpha(opacity=40); /* For IE8 and earlier */
  color: #92b7bd;    
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat {    
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  height: 68px;
}
.modulo.chat #contenedor-chat .contenedor-iniciar-chat .foto-farmacia-chat{
  padding: 10px;        
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat .foto-farmacia-chat .contenedor-icono-farmacia {
  background-color: transparent;
  border-radius: 4px;
  border: 2px solid #fff;
  width: 48px;
  height: 48px;
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat .foto-farmacia-chat .contenedor-icono-farmacia img {
  width: 40px;
  height: 42px;
  margin: 2px;
  background-color: transparent;
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat .icon-flechapeqder:before {
  font-size: 25px;
  color: #fff;
  position:absolute;
  top: 22px;
  right: 0px;
  margin-right: -8px;
}

.modulo.chat #contenedor-chat .contenedor-iniciar-chat .chatea-con-nosotros{
  font-size: 14px;
  padding-left: 70px;
  padding-top: 25px;
  padding-right: 0px; 
  font-weight: bold;
  position:absolute;
  width: 100%;
}


.modulo.chat #contenedor-chat .contenedor-login button {
  background-color: #CCC;
  border-color: #CCC;
  color: #385157;
  border-radius: 4px;
  width: 140px;
  height: 25px;
  text-transform: uppercase;
  font-weight: bold;
  float:right;
  font-size: 12px;
  box-shadow: #444 2px 2px 1px 0px;
  -moz-box-shadow: #444 2px 2px 1px 0px;
  -webkit-box-shadow: #444 2px 2px 1px 0px;
  line-height: 0.7em;
  padding-bottom:5px;   
  margin-top:5px;

}

.modulo.chat #contenedor-chat .contenedor-login button:hover {
  background-color: #888;
  color: #fff;
}

.modulo.chat #contenedor-chat .contenedor-mensajes-adicionales {
  margin-bottom: 10px;
  line-height: 14px;

}

.modulo.chat #contenedor-chat .contenedor-mensajes-adicionales a {
  color: #fff;
  font-size: 12px;
}

.modulo.chat #contenedor-chat .contenedor-mensajes-adicionales a:hover {
  color: #fff;
}

.modulo.chat.offline #contenedor-chat .contenedor-mensajes-adicionales a {
  color: #eee;
}

.modulo.chat.offline #contenedor-chat .contenedor-mensajes-adicionales a:hover {
  color: #fff;
}
/* Módulo Chat. Fin */

/* PERFIL FARMACIA*/
.menu-usuario-opcion-activa{
  background:#E1E1E1 !important;
}

#datos-farmacia #info-general .cambiar-password, #datos-farmacia #info-general .cambiar-datos{
  background: #F1F1f1;
}

#datos-farmacia #info-general .cambiar-password, #datos-farmacia #info-general .cambiar-datos{
  color:#649b40;
}

#datos-farmacia #info-general .cambiar-password input, #datos-farmacia #info-general .cambiar-datos input{
  border-radius: 0px 0px 0px 0px;
  border-right: 1px solid #CCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  color: #649b40;
  font-size: 1.2em;
  background: #fff;
}

#datos-farmacia #info-general .cambiar-password input, #datos-farmacia #info-general .cambiar-datos select{
  border-radius: 0px 0px 0px 0px;
  border-right: 1px solid #CCC;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  color: #649b40;
  font-size: 1.2em;
  background: #fff;
  padding:0px 0px 0px 8px !important;
}

#datos-farmacia #info-general .cambiar-password label, #datos-farmacia #info-general .cambiar-datos label{
  font-size: 1.2em;
  vertical-align: middle;
  line-height: 32px;  
  padding: 0px 5px 0px 0px !important;
  background: #fff;
  border: 1px solid #BBB;
  font-weight: bold;
  text-align: left;
  padding-left: 7px !important;

}

#datos-farmacia #info-general .cambiar-password .titulo, #datos-farmacia #info-general .cambiar-datos .titulo{
  font-weight: bold;
  font-size: 1.4em;
  margin: 10px 0px;
  padding: 10px 0px 0px 15px;
  color: #000;
}
#datos-farmacia #info-general .cambiar-password .contorno, #datos-farmacia #info-general .cambiar-datos .contorno{
  border:1px solid #BBB;
  margin:2px 3px;
}
#datos-farmacia #info-general .cambiar-password .contorno .fila, #datos-farmacia #info-general .cambiar-datos .contorno .fila{
  margin:5px 0px;        
  padding:2px !important;
  margin:0px !important;        
}
#datos-farmacia #info-general .cambiar-password .boton, #datos-farmacia #info-general .cambiar-datos .boton{
  margin: 10px 0px 10px -20px;        
}


.hr {
  border: 1px solid #000;     
  height: 0px; 
  text-align: center;
  margin:5px 0px;
}
#formulario-busqueda-pedidos{
  font-size:0.9em;
  color: #649b40;
  background-color:#F1F1F1;
  margin-bottom: 0px !important;
}
#formulario-busqueda-pedidos .radio{
  margin-bottom: 2px;
}
#formulario-busqueda-pedidos .opciones-filtro-pedidos{
  border-right: solid 1px #417521;
  padding: 5px;
}
#formulario-busqueda-pedidos .panel-meses select{
  font-size:1.1em;
  padding:0px 10px !important;

}
#formulario-busqueda-pedidos .panel-anual .mensaje-error-numeros, #formulario-busqueda-pedidos .panel-meses .mensaje-error-numeros{
  color:red;
  font-size: 0.7em;
}

#fecha-pedido-desde,#fecha-pedido-hasta{
  width:33%;
}
#formulario-busqueda-pedidos .panel-meses .form-control, #formulario-busqueda-pedidos .panel-anual .form-control{
  height: 25px; 
  width: 125px;
  display: inline;
}
#formulario-busqueda-pedidos .opciones-filtro .form-control{
  height: 25px; 
  display: inline;
  font-size: 0.9em;    
}
#formulario-busqueda-pedidos .opciones-filtro2 .form-control{
  display: inline;
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 50%;
}
#formulario-busqueda-pedidos .botones{
  padding-top: 5px !important;
}

#formulario-busqueda-pedidos .botones span.glyphicon{
  color: #fff;
}

#formulario-busqueda-pedidos .paneles-intervalos{
  height: 20px;
}

.area-farmacia .contenedor-padre-submodulo, #estadisticas-ventas .contenedor-padre-submodulo{
  padding: 3px;
}

.area-farmacia .contenedor-padre-submodulo, #estadisticas-ventas .contenedor-padre-submodulo .contenedor-submodulo block {

}

.contenedor-padre-submodulo .tituloBloque-top span {
  font-size: 1.8em;
}
.tituloBloque-top.estrella {
  margin-bottom: 18px;
}
.contenedor-padre-submodulo .tituloBloque-top span,.contenedor-padre-submodulo span.titulo-grafico,.contenedor-padre-submodulo span.leyenda-grafico {
  font-size: 1em;
}
.contenedor-padre-submodulo .tituloBloque-top span {
  font-size: 1.4em;
}
.contenedor-padre-submodulo span.dashboard-chats-entrantes {
  font-size: 1.1em;
}
.area-farmacia .contenedor-submodulo, #estadisticas-ventas .contenedor-submodulo{
    border: 3px solid #F1F1F1;
    padding: 10px !important;
    position: relative;
    float: left;
    width: 100%
}
.area-farmacia .contenedor-submodulo.chat,.area-farmacia .contenedor-padre-submodulo.chat {
  min-height: 124px !important;
}
.area-farmacia .contenedor-submodulo-visitas{
  border: 3px solid #F1F1F1;
  padding: 10px;
  background-color: #274e37;
  color: #fff;
  min-height: 269px !important;
}

.area-farmacia .contenedor-submodulo-usuarios{
  border :3px solid #F1F1F1;
  padding: 10px 0px 0px 0px;    
  background-color:#A3D77F;
  color:#fff;     
}

.area-farmacia .contenedor-submodulo .tituloGraficoCircular{
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  color: #444;
  margin-bottom: 10px;
}
.area-farmacia .contenedor-submodulo .tituloBloque, #estadisticas-ventas .contenedor-submodulo .tituloBloque{
  font-size: 24px;
  font-weight: bold;
  height: 20px;
  color: #649b40;
}
.area-farmacia .contenedor-submodulo .descripcion-usuarios{
  font-size: 14px;
  font-weight: bold;
  min-height: 16px;
  color: #000;
}
.area-farmacia .contenedor-submodulo-visitas .descripcion-visitas{
  font-size: 14px;
  font-weight: bold;
  min-height: 16px;
  color: #fff;
}
.area-farmacia .contenedor-submodulo-visitas .resumen-visitas{
  font-size: 10px;
  font-weight: bold;
  height: 4px;
  color: #fff;
}

.area-farmacia .contenedor-submodulo .resumen-productoEstrella{
  font-size: 12px;
  color: #fff;
  border-top: 1px solid #649b40;
}

.area-farmacia .contenedor-submodulo .item .producto .contenedor-titulo .texto, #estadisticas-ventas .contenedor-submodulo .item .producto .contenedor-titulo .texto{
  color:#649b40;
}


.area-farmacia .contenedor-submodulo .ratio{
  color: #000;
  padding: 5px 0px 0px 5px;
}
.area-farmacia .contenedor-submodulo .ratio-circular{     
  font-size: 14px;
  font-weight: bold;
  height: 16px;
  color: #000;
  text-align: center;
}
.area-farmacia .contenedor-submodulo-visitas .ratio {
  color: #fff;
  padding: 5px 0px 0px 5px;
}
.area-farmacia .contenedor-submodulo .circles-text, .area-farmacia .contenedor-submodulo-visitas .circles-text{
  font-size: 32px !important;    
  text-shadow:2px 1px 2px #999;
}
.area-farmacia .contenedor-submodulo .tituloBloque-top{
  border-bottom: 1px solid #649b40;
  font-size: 22px;    
  color: #649b40;
  padding: 0px 5px 7px 5px;
  font-weight: bold;
  line-height: 20px;
  height: 32px;
}
.area-farmacia .contenedor-submodulo-visitas .tituloBloque-top{
  border-bottom: 1px solid #fff;
  font-size: 22px;    
  color: #fff;
  padding: 0px 5px 5px 3px;
  font-weight: bold;
  line-height: 20px;
  height: 32px;
}
.area-farmacia .contenedor-submodulo-visitas .tituloBloque-top span.glyphicon{    
  color: #fff;    
}

.area-farmacia .grafico-ventas-dashboard {
  background-color:#66bc29;
  color: #fff !important;            
}
.area-farmacia .grafico-ventas-dashboard .titulo{    
  color: #fff !important;
  border-bottom: 1px solid #fff;
  margin: 0px 0px 15px 0px;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  font-weight: bold !important;
  height: 32px;
}
.area-farmacia .grafico-ventas-dashboard .titulo titulo-grafico span.icon-carrocompra1{    
  color:#fff !important;                
  font-family:'Source Sans Pro', sans-serif, Verdana !important;    
  font-weight: bold !important;
}
.area-farmacia .grafico-ventas-dashboard .titulo .leyenda-grafico{            
  /*font-size: 20px;*/
  font-weight: normal !important;
  line-height: 32px;
}

.area-farmacia .grafico-ventas-dashboard .botonera-filtros {    
  background-color: #649b40;
  float: left;
  width: 100%;
  font-size: 0.9em; 
}    
.area-farmacia .grafico-ventas-dashboard .botonera-filtros .boton{        
  cursor:pointer;
  border-right: 1px solid #fff;
  text-align: center;
}    
.area-farmacia .grafico-ventas-dashboard .botonera-filtros .ultimo-boton{        
  cursor:pointer;    
  text-align: center;
} 

.area-farmacia .grafico-ventas-dashboard .botonera-filtros .ultimo-boton:hover{        
  background-color: #417521;    
  font-weight: bold;    
} 

.area-farmacia .grafico-ventas-dashboard .botonera-filtros .opcion-activa, .area-farmacia .grafico-ventas-dashboard .botonera-filtros .boton:hover{
  background-color: #417521;    
  font-weight: bold;
}


.area-farmacia .contenedor-submodulo .valor, #estadisticas-ventas .contenedor-submodulo .valor{
  font-size: 38px;
  height: 50px;
  color: #417521;

}
.area-farmacia .contenedor-submodulo .valor-mini{
  font-size: 28px;
  height: 50px;
  color: #417521;

}
.area-farmacia .contenedor-submodulo-visitas .valor-mini{
  font-size: 16px;
  height: 50px;
  color: #fff;

}
.area-farmacia .contenedor-submodulo-visitas .valor{
  font-size: 38px;
  height: 50px;
  color: #fff;

}
.area-farmacia .contenedor-submodulo-visitas .valor-md{
  font-size: 28px;
  height: 50px;
  color: #fff;
  line-height: 62px;
}
.area-farmacia .contenedor-submodulo .descripcion, #estadisticas-ventas .contenedor-submodulo .descripcion{

  font-size: 14px;
  color: #417521;
  padding: 0px 5px;

}
.area-farmacia .contenedor-submodulo .resumen-bloque-usuario{

  border-top:1px solid #649b40; 
  line-height: 26px;
}    

.area-farmacia .contenedor-submodulo-visitas .resumen-bloque-visitas{

  border-top:1px solid #fff; 
  line-height: 19px;
}    


.area-farmacia .contenedor-submodulo .ranking, #estadisticas-ventas .contenedor-submodulo .ranking{
  position:absolute;
  font-size: 26px;
  color: #333;
  padding: 0px 0px;
  top:30px;
  left:10px;
  z-index:0;
}
.area-farmacia .contenedor-submodulo .left-scroll,.area-farmacia .contenedor-submodulo .right-scroll {
  border-radius: 18px;
  position: absolute;
  font-size: 2em;
  color: #649b40;
  top: 50%;
  left: 5%;
  z-index: 4;
  padding: 4px 7px;
  font-weight: bold !important;
}

.area-farmacia .contenedor-submodulo .left-scroll:hover{
  color: #AAA;
}
.area-farmacia .contenedor-submodulo .left-scroll a:visited{
  text-decoration: none; 
}
.area-farmacia .contenedor-submodulo .right-scroll{
  position: absolute;
  font-size: 2em;
  color: #649b40;
  top: 50%;
  left: 80%;
  z-index: 4;
  padding: 4px 7px;
}
.area-farmacia .contenedor-submodulo .right-scroll:hover{
  color: #AAA;
}

.area-farmacia .contenedor-submodulo .cantidad-ventas, #estadisticas-ventas .contenedor-submodulo .cantidad-ventas{
  text-align: center;
  border-right: 1px solid #649b40;
}
.area-farmacia .contenedor-submodulo .cantidad-visitas, .area-farmacia .contenedor-submodulo-visitas .cantidad-visitas,
#estadisticas-ventas .contenedor-submodulo .cantidad-visitas, #estadisticas-ventas .contenedor-submodulo-visitas .cantidad-visitas{
  text-align: center;    
}

.area-farmacia .contenedor-submodulo .cantidad-ventas .numero, .area-farmacia .contenedor-submodulo .cantidad-visitas .numero,
#estadisticas-ventas .contenedor-submodulo .cantidad-ventas .numero, #estadisticas-ventas .contenedor-submodulo .cantidad-visitas .numero{
  font-size: 30px;
  color: #649b40;
}

.area-farmacia .contenedor-submodulo .cantidad-ventas .texto, .area-farmacia .contenedor-submodulo .cantidad-visitas .texto{
  font-size: 14px;
  color: #000;
}


.area-farmacia .contenedor-submodulo .texto-precio-unidad, #estadisticas-ventas .contenedor-submodulo .texto-precio-unidad{
  font-size: 20px !important;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  color: #417521 !important;
  position: absolute !important;
  left: 80% !important;
  top: 10% !important;
}
.area-farmacia .contenedor-submodulo-producto-estrella .texto-precio-unidad{
  font-size: 14px !important;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  color: #417521 !important;
  position: absolute !important;
  left: 70% !important;
  top: 70% !important;
}


#grafico-dashboard-ventas-anuales, #grafico-dashboard-ventas-semestre,  #grafico-dashboard-ventas-mes, #grafico-dashboard-ventas-semana,
#grafico-dashboard-ventas-anuales-pedidos, #grafico-dashboard-ventas-semestre-pedidos,  #grafico-dashboard-ventas-mes-pedidos, #grafico-dashboard-ventas-semana-pedidos{    
  padding:0px 4px 0px 4px !important;
  background-color:#66bc29;
  color: #fff !important;  
}

.area-usuario .titulo-pagina, .area-farmacia .titulo-pagina{
  border-bottom: 1px solid #AAA;
  padding-bottom: 10px;    
  margin: 10px 0px 10px -10px;
  padding-left: 10px;
  font-size: 10px;
  font-weight: bold;
}

.area-usuario .sesion-iniciada .imagen, .area-farmacia .sesion-iniciada .imagen{
  width: auto;
  height: auto;
}

.area-usuario .sesion-iniciada, .area-farmacia .sesion-iniciada{
  text-transform: uppercase;          
  font-weight: bold;
  padding: 10px 5px;

}
.area-farmacia .menu-opciones{    
  border-bottom: 2px solid #000;    
  margin-bottom: 10px;
}

.area-usuario .sesion-iniciada .nombre-farmacia, .area-farmacia .sesion-iniciada .nombre-farmacia{
  text-transform: uppercase;
  line-height: 2;
  background: #F1F1F1;
  color: #417521;
  font-weight: bold;
  padding: 10px 5px;
  margin:10px 0px;
}
.area-usuario .sesion-iniciada .salir, .area-farmacia .sesion-iniciada .salir{  
  text-transform: capitalize;
  line-height: 1;    
  color: #417521;   
  font-size: 10px;
  margin-bottom: 10px;
}
.area-usuario .subopcion-menu-lateral, .area-farmacia .subopcion-menu-lateral{  
  font-size: 0.8em;
  color: #000;
  font-weight: bold;
  line-height: 1.9;    
  padding:0px 0px 0px 10px;
  margin: 3px 0px;    
  border-top: 0px solid #417521 !important;
  cursor: pointer;

}
.area-usuario .subopcion-menu-lateral:hover, .area-farmacia .subopcion-menu-lateral:hover{  
  background: #E1E1E1;      
}
.area-usuario .subopcion-menu-lateral .icono-subopcion, .area-farmacia .subopcion-menu-lateral .icono-subopcion{     
  color: #417521;      
  background: #C5D8DA;        
  line-height: 1;  
  font-weight: normal;    
}


.area-usuario .opcion-menu-lateral, .area-farmacia .opcion-menu-lateral, .area-farmacia .opcion-menu-lateral, .area-farmacia .opcion-menu-lateral{  
  font-size: 12px;
  color: #417521;
  font-weight: bold;
  line-height: 2.5;    
  padding-left:10px !important;
  margin:0px !important;
  background: #F1F1F1;    
  border-top:1px solid #C1C1C1; 
  cursor: pointer;
}
.area-usuario .opcion-menu-lateral:hover{  
  background: #E1E1E1;    
}
.area-usuario .opcion-menu-lateral .pedidos-pendientes, .area-farmacia .opcion-menu-lateral .pedidos-pendientes{     
  color: #fff;
  font-weight: bold;
  line-height: 2.5;            
  background: #FF8080;        
  border-radius: 2px;
  padding:2px 5px;
  margin:2px 2px 2px 20px;    
  text-shadow: 1px 1px #000;
}
.area-usuario .opcion-menu-lateral .icono-desplegable, .area-farmacia .opcion-menu-lateral .icono-desplegable{  
  font-size: 14px;
  color: #417521;    
  padding: 8px 10px;    
  background: #C5D8DA;        
  line-height: 1;  
  font-weight: normal;
}
.area-usuario .ultima-opcion, .area-farmacia .ultima-opcion{  
  border-bottom:1px solid #C1C1C1;    
}
.area-usuario .contenedor-opciones, .area-farmacia .contenedor-opciones {
  background: #F1F1F1;   
  padding: 0px;
  margin-bottom: 10px;

}
.area-usuario .titulo, .area-farmacia .titulo{
  font-weight: bold;    
  text-transform: uppercase;
}
.area-usuario .subtitulo, .area-farmacia .subtitulo{
  font-weight: bold;
  font-size: 1em;    
}
.area-usuario .texto, .area-farmacia .texto{
  color: #417521;     
  font-size: 0.9em;
}

.area-usuario .contenedor-promociones, .area-usuario .contenedor-ofertas, .area-usuario .contenedor,
.area-farmacia .contenedor-promociones, .area-farmacia .contenedor-ofertas, .area-farmacia .contenedor{
  background: #F1F1F1;    
  border: 1px solid #CCC;
  margin-top:3px;
  padding:0px 5px 10px 5px;
}
.area-usuario #resumen-pedidos .contenedor .cabecera,
.area-farmacia #promociones .contenedor-promociones .cabecera, .area-farmacia #ofertas .contenedor-ofertas .cabecera,
.area-farmacia #resumen-pedidos .contenedor .cabecera, .area-farmacia #pedidos-sin-autorizar .contenedor .cabecera{  
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 35px !important;
  border-radius: 0px;   
  margin-bottom: 5px;
  color: #649b40;   
  width: 100%;
}
.area-farmacia #pedidos-sin-autorizar .contenedor .cabecera .resumen, .area-farmacia #promociones .contenedor-promociones .cabecera .resumen,
.area-farmacia #ofertas .contenedor-ofertas .cabecera .resumen{
  color: #649b40; 
  border: 1px solid #649b40;
  line-height: 30px;
  text-align: center;
  border-radius: 17px;
  width: 34px;
  margin: 0px;
  font-size: 1.4em;
  padding: 0px;
}
.area-farmacia #resumen-pedidos .contenedor #tabla-resumen-pedidos .cabecera,.area-farmacia #pedidos-sin-autorizar .contenedor #pedidos-pendientes-autorizacion .cabecera{
  font-size: 1.0em;     
  font-weight: bold;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  line-height: 35px !important;
  border-radius: 0px;   
  margin-bottom: 5px;
  color: #649b40;
}    


.area-usuario .contenedor-promociones .nueva-promocion, .area-usuario .contenedor-ofertas .nueva-oferta,
.area-farmacia .contenedor-promociones .nueva-promocion, .area-farmacia .contenedor-ofertas .nueva-oferta{        
  margin-top: 5px;
  padding-top: 4px;
}

.area-usuario .contenedor-promociones .nueva-promocion span, .area-usuario .contenedor-ofertas .nueva-oferta span,
.area-farmacia .contenedor-promociones .nueva-promocion span, .area-farmacia .contenedor-ofertas .nueva-oferta span{    
  color: #fff !important;
  margin-right: 6px;
}

.area-usuario .contenedor-promociones .titulo, area-usuario .contenedor-ofertas .titulo, .area-usuario .contenedor-promociones-historial .titulo, .area-usuario .contenedor-ofertas-historial .titulo, 
.area-farmacia .contenedor-promociones .titulo, area-farmacia .contenedor-ofertas .titulo, .area-farmacia .contenedor-promociones-historial .titulo, .area-farmacia .contenedor-ofertas-historial .titulo {    
  font-weight: bold;    
  text-transform: uppercase;   
}


.area-usuario .formulario-edicion-promocion, .area-usuario .formulario-edicion-oferta,
.area-farmacia .formulario-edicion-promocion, .area-farmacia .formulario-edicion-oferta{
  margin-top: 10px;
  background: #F1F1F1;     
  color: #649b40;

}
.area-usuario .formulario-edicion-promocion .promocion-panel-titulo, .area-usuario .formulario-edicion-oferta .oferta-panel-titulo,
.area-farmacia .formulario-edicion-promocion .promocion-panel-titulo, .area-farmacia .formulario-edicion-oferta .oferta-panel-titulo{
  padding: 5px 0px;    
  font-weight: bold;
  color: #000;
}

.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido, .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido {    
  background: #FFF;       
  padding: 5px;
  margin: 5px;
  border-top: 1px solid #CCC;    
  border-left: 1px solid #CCC;        
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;

}
.area-usuario .formulario-edicion-promocion .promocion-panel-contenido .detalles-promocion, .area-usuario .formulario-edicion-oferta .oferta-panel-contenido .detalles-oferta,
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido .detalles-promocion, .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido .detalles-oferta{        
  padding: 5px 0px 10px 0px !important;       
  background: #fff;
}

.area-usuario .formulario-edicion-promocion .promocion-panel-contenido .seleccion-productos .selector, .area-usuario .formulario-edicion-promocion .promocion-panel-contenido .seleccion-familias .selector, .area-usuario .formulario-edicion-oferta .oferta-panel-contenido .detalles-oferta .selector,
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido .seleccion-productos .selector, .area-farmacia .formulario-edicion-promocion .promocion-panel-contenido .seleccion-familias .selector, .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido .detalles-oferta .selector{        
  width:100% !important;        
}

.area-usuario .formulario-edicion-promocion .promocion-panel-contenido .seleccion-producto-familia, .area-usuario .formulario-edicion-oferta .oferta-panel-contenido .seleccion-producto-familia,
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido .seleccion-producto-familia, .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido .seleccion-producto-familia{        
  padding: 5px 0px 10px 0px !important;      
  background: #fff;
}
#mensaje-salida-promociones{
  color: #BBB;
  font-size: 0.8em;
  text-transform: uppercase;
}
.area-usuario .formulario-edicion-promocion .promocion-panel-contenido radio, .area-farmacia .formulario-edicion-promocion .promocion-panel-contenido radio{
  text-transform: none;
} 

.area-usuario .formulario-edicion-promocion .promocion-panel-contenido input[type="text"], .area-usuario .formulario-edicion-oferta .oferta-panel-contenido input[type="text"] ,
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido input[type="text"], .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido input[type="text"] {    
  background: #fff;           
  border-top: 1px solid #AAA;    
  border-left: 1px solid #555;        
  border-bottom: 1px solid #DDD;    
  border-right: 1px solid #DDD;    
  text-transform: none;
  color: #417521;
  font-size: 1em;
  height: 25px;
  border-radius: 0px;

}
.area-usuario .formulario-edicion-promocion .promocion-panel-contenido input[type="date"], .area-usuario .formulario-edicion-oferta .oferta-panel-contenido input[type="date"], 
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido input[type="date"], .area-farmacia .formulario-edicion-oferta .oferta-panel-contenido input[type="date"]{ 
  background: #fff;           
  border-top: 1px solid #AAA;    
  border-left: 1px solid #555;  
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  text-transform: none;
  color: #417521;
  font-size: 1em;
  height: 25px;
  border-radius: 0px;
}

.area-usuario .formulario-edicion-promocion .promocion-panel-contenido .seleccion-producto-familia .etiqueta-radio,       
.area-farmacia .formulario-edicion-promocion .promocion-panel-contenido .seleccion-producto-familia .etiqueta-radio{            
  text-transform: none;
  color: #417521;
  font-size: 1.1em;

}

.area-usuario .formulario-edicion-promocion select,.area-farmacia .formulario-edicion-promocion select{        
  text-transform: none;
  color: #417521;
  font-size: 0.7em;

}

.area-usuario .animacion-cargando, .area-farmacia .animacion-cargando { 
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -50px;
  z-index: 99999;
}
/* PERFIL FARMACIA: FIN*/

/* *****************************************************************************
* MODULOS. FIN 
* **************************************************************************** */





/* Estilos generales */
.no-disponible, .no-disponible:hover {
  color: #c7254e !important;
  cursor: default !important;
}

.desactivado, .desactivado:hover {
  cursor: default !important;
}

.circulo-fondo-numero {
  line-height: 30px;
  font-size: 16px;
  padding: 3px 9px;
  width: 140px;
  height: 140px;
  background: #649b40; 
  color: white;
  -moz-border-radius: 70px; 
  -webkit-border-radius: 70px; 
  border-radius: 70px;
}

.circulo-fondo-numero.small {
  font-size: 14px;
  padding: 5px;
}

/* Página de error */
/*
.pagina-error {
    padding-bottom: 50px;
    padding-top: 50px;    
    text-transform: uppercase;
    color:#274e37;
}
.pagina-error .titulo-error {
 
    font-size: 172px;
    line-height: 150px;
    font-weight: bold;  
    background-image: url(../images/plantillas/2/quotes_izq.png), url(../images/plantillas/2/quotes_der.png);
    background-position: 30% 8%, 70% 8%;
    background-repeat: no-repeat;
}

.pagina-error .encabezado-error {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;  
}

.pagina-error .descripcion-error {
     
    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
    font-size: 10px;
    padding-bottom: 20px;
    padding-top: 20px;  
    width:46%;
    margin-left:27%;
   
}
*/

/*
Version: 3.5.0 Timestamp: Mon Jun 16 19:29:44 EDT 2014
*/
.select2-container {
  margin: 0;
  padding: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  border: 0;
  font-size: 0.9em;
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box; /* webkit */
  -moz-box-sizing: border-box; /* firefox */
  box-sizing: border-box; /* css3 */
}

.select2-container .select2-choice {

  color: #555;
  border: 1px solid #ccc;
  border-radius: 0px;
  padding: 4px 4px;
  font-size: 14px;
  line-height: 1.22857143;
  height: 24px;

  display: block;
  overflow: hidden;
  position: relative;

  white-space: nowrap;
  text-decoration: none;

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;

  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0;
}

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;

  border-radius: 0 0 0px 0px;

  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
  background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
  background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;

  white-space: nowrap;

  text-overflow: ellipsis;
  float: none;
  width: auto;
}

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0;
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;

  font-size: 1px;
  text-decoration: none;

  border: 0;
  background: url('../images/plantillas/2/select2.png') right top no-repeat;
  cursor: pointer;
  outline: 0;
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;

  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;

  border-radius: 0 0 4px 4px;

  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;

  border-radius: 4px 4px 0 0;

  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}

.select2-drop-active {
  border: 1px solid #417521;
  border-top: none;
}

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #417521;
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}

.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;

  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #fff;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;

  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px;
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/plantillas/2/select2.png') no-repeat 0 1px;
}

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;

  position: relative;
  z-index: 10000;

  white-space: nowrap;
}

.select2-search input {

  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 0.8em;
  border: 1px solid #aaa;
  border-radius: 0;

  -webkit-box-shadow: none;
  box-shadow: none;

  background: #fff url('../images/plantillas/2/select2.png') no-repeat 100% -22px;
  background: url('../images/plantillas/2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/plantillas/2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;

  background: #fff url('../images/plantillas/2/select2.png') no-repeat -37px -22px;
  background: url('../images/plantillas/2/select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/plantillas/2/select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}

.select2-search input.select2-active {
  background: #fff url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%;
  background: url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
  background: url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
  background: url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #417521;
  outline: none;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;

  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;

  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #417521;
  border-top-color: transparent;

  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
  background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
  background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none;
}
html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none;
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px;
}

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px;
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px;
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}

.select2-results .select2-result-label {
  font-size: 10px;
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;

  min-height: 1em;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.select2-results-dept-1 .select2-result-label { padding-left: 20px }
.select2-results-dept-2 .select2-result-label { padding-left: 40px }
.select2-results-dept-3 .select2-result-label { padding-left: 60px }
.select2-results-dept-4 .select2-result-label { padding-left: 80px }
.select2-results-dept-5 .select2-result-label { padding-left: 100px }
.select2-results-dept-6 .select2-result-label { padding-left: 110px }
.select2-results-dept-7 .select2-result-label { padding-left: 120px }

.select2-results .select2-highlighted {
  background: #417521;
  color: #fff;
}

.select2-results li em {
  background: #feffde;
  font-style: normal;
}

.select2-results .select2-highlighted em {
  background: transparent;
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}


.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}

.select2-results .select2-selected {
  display: none;
}

.select2-more-results.select2-active {
  background: #f4f4f4 url('../images/plantillas/2/select2-spinner.gif') no-repeat 100%;
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}

/* disabled styles */

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}


/* multiselect */

.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;

  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;

  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
  background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px;
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  min-height: 26px;
}

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #417521;
  outline: none;

  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
html[dir="rtl"] .select2-container-multi .select2-choices li
{
  float: right;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;

  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important;
}

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff url('../images/plantillas/2/select2-spinner.gif') no-repeat 100% !important;
}

.select2-default {
  color: #999 !important;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;

  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;

  border-radius: 3px;

  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);

  background-clip: padding-box;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
{
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4;
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;

  font-size: 1px;
  outline: none;
  background: url('../images/plantillas/2/select2.png') right top no-repeat;
}
html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px;
}

.select2-container-multi .select2-search-choice-close {
  left: 3px;
}

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px;
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4;
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
                                                                                                                              background: none;
}
/* end multiselect */


.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url('https://parafarmacia.farmaciacallecomercio.es/css/select2x2.png') !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }

  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.number_range_filter {
  height: 25px !important;
  font-size:12px !important;
  border-radius: 0px !important;
  border: 1px solid #DDD !important;
  font-weight: normal !important; 
  padding: 0px 5px !important; 

}

.date_range_filter {
  height: 25px !important;
  font-size:12px !important;
  border-radius: 0px !important;
  border: 1px solid #DDD !important;
  font-weight: normal !important; 
  padding-left: 5px !important; 

}
#ofertas-inactivas .cabecera .busqueda .date_range_filter {
  height: 25px !important;
  font-size:10px !important;
  border-radius: 0px !important;
  border: 1px solid #DDD !important;
  font-weight: normal !important; 
  padding: 2px !important; 
  width:110%;


}
.text_filter{
  height: 25px !important;
  font-size:12px !important;
  border-radius: 0px !important;
  border: 1px solid #DDD !important;
  font-weight: normal !important; 
}
/* DatePicker Container */
.ui-datepicker {
  width: 216px;
  height: auto;
  margin: 5px auto 0;
  font: 9pt Arial, sans-serif;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
  display:none !important;
}
.ui-datepicker a {
  text-decoration: none;
}
/* DatePicker Table */
.ui-datepicker table {
  width: 100%;
}
.ui-datepicker-header {
  background: url('https://parafarmacia.farmaciacallecomercio.es/img/dark_leather.png') repeat 0 0 #000;
  color: #e0e0e0;
  font-weight: bold;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2);
  -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2);
  text-shadow: 1px -1px 0px #000;
  filter: dropshadow(color=#000, offx=1, offy=-1);
  line-height: 30px;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #111;
}
.ui-datepicker-title {
  text-align: center;
}
.ui-datepicker-next {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;	
  background-image: url('../images/sort_both.png');
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}
.ui-datepicker-prev {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  cursor: pointer;	
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAAAeCAYAAACsYQl4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozQjRCQjRGREU4MkNFMzExQjRDQkIyRDJDOTdBRUI1MCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQjg0OUYyNTZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQjg0OUYyNDZDODAxMUUzQjMwM0IwMERBNUU0ODQ5NSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5NzE3MjFBN0E2Q0UzMTFBQjJEQjgzMDk5RTNBNTdBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCNEJCNEZERTgyQ0UzMTFCNENCQjJEMkM5N0FFQjUwIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aQvATgAAAfVJREFUeNrsmr1OwzAQxzGtkPjYEAuvVGAvfQIGRKADE49gdLwDDwBiZ2RhQUKwICQkWLsgFiRQuIBTucFJ/XFp4+hO+quqnZ4uvzj2nV2RpukCW/22yAgYNINmc7du7DcghCjrkqgOKjF1znpt6rZ0AGWQj7TvCU8d9UM+QAGDrhdyc2Bnc1WVVPBev9V8lBnY+rDwncWZThG4xk4lmxtJy2AHgoY/FySgbSBPwPZ8mEXbQx3aDERb0EbYAYFC7pcAtAvkMWwC0D3NX58S9D/YnoGC7nPWr3Dg9JTbtuHhDShBT8D2CBSK/iIEvVXxpuxSgh7DdgwUTL4iA92zmJb6lKB/YTsECmV+IgK947AGDIqgQ/LojsO135Hn51l2cWlov0JdGNrPUceueXRwilSVgkUyom9Rd6gbLfYTDeO+1v6orn0InTogYDGUkYLO3/wc9BdqqTCKP1Tfi+oTIaCBIL2TES+GTyruT9S61p6BHam+99DFEAgLFklYsIBHwSI9QY80H5ta+1rB/6ovaKihBJeEJbgLbBlQgl+j3lDPqA2tfQV1j3pVn8s+oKHGTSVJ+FqDLeR5bCqJ2E/BCycsoLZETXaKGs7rhKVt+9HZScrZNMi88V8P7LlDbvOZYaJVpMMmBCT4n0o8dTBoNgbdWPsRYACs3r7XyNfbnAAAAABJRU5ErkJggg==');
  background-repeat: no-repeat;
  line-height: 600%;
  overflow: hidden;
}
.ui-datepicker-prev {
  float: left;
  background-position: center 0px;
}
.ui-datepicker-next {
  float: right;
  background-position: center 0px;
}
.ui-datepicker thead {
  background-color: #f7f7f7;
  background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1));
  background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f1f1f1',GradientType=0 );
  border-bottom: 1px solid #bbb;
}
.ui-datepicker th {
  text-transform: uppercase;
  font-size: 8pt;
  padding: 5px 0;
  color: #666666;
  text-shadow: 1px 0px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=0);
  text-align: center;
}
.ui-datepicker tbody td {
  padding: 0;
  border-right: 1px solid #bbb;
  background: #fff;
}
.ui-datepicker tbody td:last-child {
  border-right: 0px;
}
.ui-datepicker tbody tr {
  border-bottom: 1px solid #bbb;
}
.ui-datepicker tbody tr:last-child {
  border-bottom: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
  display: inline-block;
  font-weight: bold;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 30px;
  color: #666666;
  text-shadow: 1px 1px 0px #fff;
  filter: dropshadow(color=#fff, offx=1, offy=1);
}
.ui-datepicker-calendar .ui-state-default {
  background: #ededed;
  background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%);
  background: linear-gradient(top,  #ededed 0%,#dedede 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dedede',GradientType=0 );
  -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
  box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);
}
.ui-datepicker-calendar .ui-state-hover {
  background: #f7f7f7;
}
.ui-datepicker-calendar .ui-state-active {
  background: #649b40;
  -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1);
  color: #e0e0e0;
  text-shadow: 0px 1px 0px #4d7a85;
  filter: dropshadow(color=#4d7a85, offx=0, offy=1);
  border: 1px solid #55838f;
  position: relative;
  margin: -1px;
}
.ui-datepicker-unselectable .ui-state-default {
  background: #f4f4f4;
  color: #b4b3b3;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
  width: 29px;
  margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
  width: 29px;
  margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
  height: 29px;
  margin-bottom: 0;
}


/* GESTION DE CHATS */
#gestion-chats {
  clear: both;
}

#gestion-chats .cabecera-seccion {
  padding: 10px 10px 0 10px;
  font-size: 1.6em;
  text-transform: uppercase;
  background-color: #f1f1f1;
  border-top: 1px solid #bbb;
}

#gestion-chats .cabecera-seccion span {
  margin-right: 10px;
  margin-top: 3px;
}

#gestion-chats #listado-chats {
  background-color: #f1f1f1;
  border: 1px solid #bbb;
  padding: 2px;
}

#gestion-chats #listado-indice-chats {
  padding: 2px;
  margin-bottom: 0;
}

#gestion-chats #listado-chats .panel-heading {
  border: none;
}

#gestion-chats #listado-chats .titulo-seccion-chat,
#gestion-chats #buscador-chats .titulo-seccion-chat,
#gestion-chats #chats-activos .titulo-seccion-chat {
  border: none;
  text-transform: uppercase;
}

#gestion-chats #listado-chats .titulo-seccion-chat a {
  display: block;
  width: 100%;
  line-height: 3.0em;
  background-color: #83ad69;
  color: #fff;
  padding: 2px 12px;
  font-weight: bold;
  font-style: italic;
}

#gestion-chats #listado-chats .titulo-seccion-chat a:hover, 
#gestion-chats #listado-chats .titulo-seccion-chat.activo a {
  background-color: #417521;
  text-decoration: none;
}

#gestion-chats #listado-chats .titulo-seccion-chat .marca-desplegable {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 1.2em;
  color: #fff;
  line-height: 3.0em;
}

#gestion-chats #listado-chats .titulo-seccion-chat a:active,
#gestion-chats #listado-chats .titulo-seccion-chat a:focus {
  text-decoration: none;
}

#gestion-chats #listado-chats .panel-heading {
  padding: 0;
}

#gestion-chats #listado-chats .panel-body {
  background-color: #f1f1f1;
  padding: 0;
}

#gestion-chats #listado-chats .panel-body .conversaciones {
  min-height: 50px;
}

#gestion-chats .chats-entrantes,
#gestion-chats .chats-iniciados,
#gestion-chats .chats-finalizados,
#gestion-chats .chats-administrador,
#gestion-chats .buscador-chats {
  border-radius: 0;
  border: 0;
  background-color: #f1f1f1;
}

#gestion-chats .buscador-chats {
  border-bottom: 1px solid #417521;
  margin: 2px;
  padding-bottom: 4px;
}

#gestion-chats .buscador-chats .panel-body {
  border: 1px solid #bbb;
  padding: 2px;
  margin: 2px;
}

#gestion-chats .buscador-chats input.form-control {
  border-right: none;
  box-shadow: none;
}

#gestion-chats .buscador-chats .input-group-btn,
#gestion-chats .buscador-chats .input-group-btn :hover {
  border-left: none;
  background-color: #fff;
  border-color: rgb(204, 204, 204);
}


#gestion-chats .buscador-chats .boton-eliminar-filtro {
  background-color: #417521;
  color: #fff;
  border-radius: 20px;
  font-size: 1.5em;
  padding: 0 1px 0 0 ;
  line-height: 18px;
}

#gestion-chats .buscador-chats .boton-eliminar-filtro:hover {
  background-color: #83ad69;
}



#gestion-chats .cabecera-buscador-chats {
  height: 16px;
}

#gestion-chats #listado-chats .panel-body .conversaciones {
  background-color: #fff;
  padding: 10px 4px 4px 4px;
  margin: 4px;
  overflow-y: auto;
  box-shadow: 0px 0px 1px #bbb;
  position: relative;
  max-height: 276px;
}

#gestion-chats #listado-chats .panel-body .animacion-cargando {
  margin-top: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  z-index: 55;
}

#gestion-chats .conversaciones .mensaje-resumen-chat-mensajes-contenidos {
  position: absolute;
  margin-left: 29px;
  margin-top: -2px;
  background-color: red;
  color: #fff;
  width: 12px;
  height: 12px;
  font-size: 9px;
  line-height: 1.3em;
  text-align: center;
  border-radius: 4px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat.activo .mensaje-resumen-chat-mensajes-contenidos {
  background: none;
  color: transparent;
}

#gestion-chats .conversaciones .mensaje-resumen-chat {
  height: 48px;
  padding: 4px;
  border-bottom: 1px solid #bbb;
  background-color: #fff;
}

#gestion-chats .conversaciones .mensaje-resumen-chat.activo {
  background-color: #d8ebd7;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-iconos {
  position: relative;
  display: inline-block;
  width: 40px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-texto {
  display: inline-block;
  padding-left: 10px !important;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-iconos .contenedor-icono-usuario {
  border: 2px solid #bbb;
  border-radius: 2px;
  margin: 2px;
  padding: 3px 2px 1px 4px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-iconos .contenedor-icono-usuario span {
  color: #bbb;
  font-size: 22px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-iconos .marcador-mensaje {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: -11px;
  font-size: 1.6em;
  color: #bbb;
}

#buscador-chats .form-group {
  margin: 0;
}

#gestion-chats .buscador-chats input[type="search"],
#gestion-chats .buscador-chats button.lanzar-busqueda {
  height: 42px;
  border-color: rgb(204,204,204);
}

#gestion-chats .buscador-chats button.lanzar-busqueda {
  border-left: none;
}

#gestion-chats .buscador-chats input[type="search"]:active,
#gestion-chats .buscador-chats button.lanzar-busqueda:active,
#gestion-chats .buscador-chats button.lanzar-busqueda:focus {
  border-color: rgb(204,204,204);
  box-shadow: none;
  background-color: #fff;
}

#gestion-chats .buscador-chats .cabecera-filtros-chats {
  line-height: 1.2em;
  font-size: 1.4em;
  font-style: italic;
  color: #649b40;
  padding-left: 4px;
  font-weight: bold;
}

#gestion-chats .buscador-chats .opciones-filtro-chats {
  margin-left: 16px;
}

#gestion-chats .buscador-chats .opciones-filtro-chats label {
  margin: 4px 0;
  padding-right: 0;
}

#gestion-chats .buscador-chats select {
  height: 26px;
  padding: 1px 12px;
  margin-bottom: 0;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-texto .nombre {
  font-size: 0.6em;
  padding-top: 8px;
  line-height: 0.9em;
  height: 21px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-texto .fecha {
  font-size: 0.6em;
  padding-top: 4px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-texto .fecha span {
  margin-left: 10px;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-icono-mensaje button {
  border: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
  color: #ddd;
}

#gestion-chats .conversaciones .mensaje-resumen-chat.activo .contenedor-icono-mensaje button,
#gestion-chats .conversaciones .mensaje-resumen-chat.activo .contenedor-icono-mensaje button:active,
#gestion-chats .conversaciones .mensaje-resumen-chat.activo .contenedor-icono-mensaje button:hover {
  color: #417521;
}

#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-icono-mensaje button:hover,
#gestion-chats .conversaciones .mensaje-resumen-chat .contenedor-icono-mensaje button:active {
  color: #bbb;
  box-shadow: none;
  outline: 0 none;
}



#gestion-chats .btn.recargar-listado {
  padding: 1px 2px 0 1px;
  border: 1px solid #bbb;
  background-color: #fff;
  line-height: 1.0em;
  position: absolute;
  top: 6px;
  right: 6px;
}

#gestion-chats .btn.recargar-listado:hover {
  background-color: #83ad69;
  color: #fff;
  border-color: #009A3D;
}

/* Contenedores de las conversaciones activas*/
#chats-activos .contenedor-chat-activo {
  background-color: #f1f1f1 !important;
  padding: 2px !important;
}

#chats-activos .contenedor-chat-activo .panel-body {
  margin: 0;
  padding: 0px;
  background-color: #bbb;
}

#chats-activos .contenedor-chat-activo .conversacion {
  border: 1px solid #a9b8af;
  border-bottom: 1px solid #d4dcd7;
  background-color: #fff;
}

#chats-activos .cabecera-chat-administrador, 
#chats-activos .cabecera-chat-farmacia {
  text-transform: uppercase;
  background-color: #f1f1f1;
  border-radius: 0;
  padding: 0;
}

#chats-activos .contenedor-chat-activo.farmacia,
#chats-activos .contenedor-chat-activo.administrador {
  padding: 2px;
  background-color: #f1f1f1;
  border-radius: 0;
  margin-left: 2px;
  margin-bottom: 0;
  border: 1px solid #bbb;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .chat-mensaje {
  width: 50%;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat.sistema .chat-mensaje {
  width: 90%;
  margin-left: 5%;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat.sistema .chat-mensaje .mensaje {
  background-color: #e0f2d4;
  box-shadow: 0 2px 2px rgba(0,154,61,0.9);
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .chat-mensaje .mensaje {
  padding: 10px 6px !important;
  border-radius: 6px;
  background-color: #f1f1f1;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat.farmacia .chat-mensaje .mensaje {
  background-color: #e0f2d4;
  box-shadow: -2px 2px 2px rgba(0,154,61,0.9);
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .chat-hora {
  font-size: 0.8em;
  font-style: italic;
  padding-top: 4px;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .chat-mensaje .mensaje .icon-flechapeqizq {
  position: absolute;
  font-size: 2.0em;
  top: 0;
  left: 0;
  margin-left: -17px;
  color: #f1f1f1;
  text-shadow: 0 3px rgba(0,0,0,0.5);
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .chat-mensaje .mensaje .icon-flechapeqder {
  position: absolute;
  font-size: 2.0em;
  top: 0;
  right: 0;
  margin-right: -17px;
  color: #e0f2d4;
  text-shadow: 0 3px rgba(0,154,61,0.5);
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .contenedor-icono-usuario {
  border-radius: 4px;
  width: 46px;
  border: 1px solid #649b40;
  padding: 2px;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .contenedor-icono-usuario img {
  width: 40px;
  height: 40px;
  background-color: #649b40;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat.usuario .contenedor-icono-usuario {
  background-color: #f1f1f1;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat.farmacia.administrador .contenedor-icono-usuario {
  border: 1px solid #649b40;
  padding: 2px;
  width: 44px;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .icon-usuario,
#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .icon-farmaceutico {
  padding: 4px;
  border: 1px solid #bbb;
  border-radius: 2px;
  line-height: 40px;
  color: #bbb;
  background-color: #fff;
}

#chats-activos .contenedor-chat-activo .conversacion .mensaje-chat .icon-farmaceutico {
  background-color: #417521;
}

#chats-activos .contenedor-chat-activo .conversacion {
  overflow-y: auto;
  height: 561px;
  padding: 8px;
  background-color: #fff;
}

#chats-activos .contenedor-chat-activo .conversacion .informacion-chat {
  font-size: 0.8em;
  line-height: 1.0em;
}

#chats-activos .contenedor-chat-activo .conversacion .informacion-chat:last-child {
  margin-bottom: 10px;
}


#chats-activos .contenedor-chat-activo .conversacion .informacion-chat .informacion-usuario,
#chats-activos .contenedor-chat-activo .conversacion .informacion-chat .informacion-fecha {
  text-transform: uppercase;
  color: #417521;

}

#chats-activos .contenedor-chat-activo .entrada-texto textarea.mensaje-chat {
  width: 100%;
  max-width: 100%;
  height: 47px;
  max-height: 100px;
  margin-top: 2px;
}


#chats-activos .contenedor-chat-activo .entrada-texto .direccion {
  position: absolute;
  font-size: 2.0em;
  top: 0;
  left: 0;
  margin-left: -8px;
  color: #fff;
  text-shadow: 0 3px rgba(0,0,0,0.4);
}

#chats-activos .contenedor-chat-activo .entrada-texto .contenedor-icono-farmaceutico {
  padding: 1px 2px;
  border: 1px solid #fff;
  width: 46px;
  border-radius: 3px;
  background-color: #fff;
  margin-left: 10px;
  margin-top: 2px;
  box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}

#chats-activos .contenedor-chat-activo .entrada-texto .icon-farmaceutico {
  padding: 4px;
  border: 1px solid #bbb;
  border-radius: 2px;
  line-height: 1.4em;
  color: #bbb;
  background-color: #417521;
}

#chats-activos .contenedor-chat-activo .entrada-texto .datos-operador {
  font-size: 0.8em;
  position: absolute;
  top: 4px;
  left: 62px;
  color: #000;
}

#chats-activos .contenedor-chat-activo .boton-participar-conversacion {
}

#chats-activos .contenedor-chat-activo .boton-enviar-mensaje {
  margin-right: 15px;
  margin-top: 10px;
  border: 2px solid #649b40;
}

#chats-activos .botones-accion-chat {
  clear: both;
  margin-top: 20px;
  margin-left: 14px;
}

#chats-activos .contenedor-chat-activo .acciones {
  padding: 8px;
}

/* GESTION DE CHATS.FIN */

/* ESTADISTICAS DE VENTAS AREA FARMACIA */

.grafico-multiple-estadisticas{
  margin: 0px 5px;    
}
.contenedor-productos-mas-vendidos a.right-scroll,
.contenedor-productos-mas-vendidos a.left-scroll
{
    position: absolute;
    top: 46%;
    transform: scale(2.5);
    -webkit-transform: scale(2.5);
}
.contenedor-productos-mas-vendidos a.right-scroll:link,
.contenedor-productos-mas-vendidos a.left-scroll:link{
    text-decoration: none;
}
.contenedor-productos-mas-vendidos a.left-scroll
{
    left: 8px;
}
.contenedor-productos-mas-vendidos a.right-scroll{
    right: 8px;
}

#panel-filtros-grafico-multiple-estadisticas {
  background-color: #555;
  background: -webkit-linear-gradient(left,#555,#777,#555);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,#555,#777,#555);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,#555,#777,#555);
  /* Standard syntax */
  background: linear-gradient(to right,#555,#777,#555); 
  border-right: 3px solid #83ad69;
  height: 300px;
}
#panel-filtros-grafico-multiple-estadisticas .titulo, .grafico-multiple-estadisticas .titulo {
  font-size: 22px;
  color:#fff;
  border-bottom: 1px solid #fff;
  height: 35px;
}
.grafico-multiple-estadisticas-web .titulo{
  font-size: 22px;
  color:#649b40;
  border-bottom: 1px solid #649b40;
  height: 35px;
}

.grafico-multiple-estadisticas-web > div:last-child{
    min-height: 134px;
}

#estadisticas-web div.contenedor-padre-submodulo .contenedor-submodulo {
  min-height: 295px !important;
}
#form-registro-usuario-caja .linea-formulario div input.form-control {
  height: 38px;
}

#panel-filtros-grafico-multiple-estadisticas label {
  font-size: 14px;
  color:#fff;       

}

#panel-filtros-grafico-multiple-estadisticas .checkbox-ventas, #panel-filtros-grafico-multiple-estadisticas .checkbox-visitas, 
#panel-filtros-grafico-multiple-estadisticas .checkbox-usuarios, #panel-filtros-grafico-multiple-estadisticas .checkbox-beneficios {
  cursor: pointer;
}
#panel-filtros-grafico-multiple-estadisticas .filtro{
  margin:20px 0px;
} 


.grafico-multiple-estadisticas-ventas{
  background-color: #649b40;
  background: -webkit-linear-gradient(left,#649b40,#66BC29,#649b40);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,#649b40,#66BC29,#649b40);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,#649b40,#66BC29,#649b40);
  /* Standard syntax */
  background: linear-gradient(left,#649b40,#66BC29,#649b40); 

  height: 300px;
}

.grafico-multiple-estadisticas-web{
  background-color: #649b40;
  background: -webkit-linear-gradient(left,#EEE,#DDD,#FFF);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(left,#EEE,#DDD,#FFF);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(left,#EEE,#DDD,#FFF);
  /* Standard syntax */
  background: linear-gradient(left,#EEE,#DDD,#FFF);        
}

.area-farmacia .estadisticas-web-productos-mas-visitados .contenedor-submodulo .left-scroll{
  top:45%;    
  left:3%;    
}

.area-farmacia .estadisticas-web-productos-mas-visitados .contenedor-submodulo .right-scroll{
  top:45%;   
  left:95%;    
}

.estadisticas-web-productos-mas-visitados{
  margin-top:10px;
}

#grafico-multiple-estadisticas-ventas,#grafico-multiple-estadisticas-web {
  padding:0px 5px !important;
  width: 100% !important;
  height: 100% !important;
}

.grafico-multiple-estadisticas-web .titulo .estadisticas-web-visitas-icono{
  color: #417521;
  font-size: 14px;
  font-weight: bold;
  margin-top:5px; 
}
.grafico-multiple-estadisticas-web .titulo .estadisticas-web-usuarios-texto{
  color: #66bc29;
  font-size: 14px;
  font-weight: bold;
  margin-top:5px;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
}

.grafico-multiple-estadisticas-web .titulo .estadisticas-web-usuarios-icono{
  color: #66bc29;
  font-size: 14px;
  font-weight: bold;
  margin-top:5px; 
}
.grafico-multiple-estadisticas-web .titulo .estadisticas-web-visitas-texto{
  color: #417521;
  font-size: 14px;
  font-weight: bold;
  margin-top:5px;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
}



.grafico-multiple-estadisticas-ventas .form-control ,.grafico-multiple-estadisticas-web .form-control {        
    height: 26px;
    font-size: 16px;
    text-align: center;
    width: 100px;
    margin: 3px;
}
.grafico-multiple-estadisticas-ventas span.glyphicon, .grafico-multiple-estadisticas-web span.glyphicon{    
  color: #fff;    
}

.grafico-multiple-estadisticas-ventas .fondo-redondo-cuenta-usuario, .grafico-multiple-estadisticas-web .fondo-redondo-cuenta-usuario{
  border-radius: 4px;
  cursor: pointer;
  background-color: #417521 !important;
  font-size: 1em !important;    
}

.grafico-multiple-estadisticas-ventas .fondo-redondo-cuenta-usuario:hover, .grafico-multiple-estadisticas-web .fondo-redondo-cuenta-usuario:hover{
  border:1px solid #417521;
  background-color: #417521;
}

.grafico-multiple-estadisticas-ventas .mensaje-error-numeros,.grafico-multiple-estadisticas-web .mensaje-error-numeros{
  color:red;
  font-size:12px;
  margin-top:10px;
}

#estadisticas-ventas .resumen-numerico-compras {                                               
  background-color:#DDD;
  margin: 5px;
  padding: 0px 10px 0px 0px;
}
#estadisticas-ventas .resumen-numerico-compras .contenido{                                               
  background-color:#fff;    
  margin: 6px;
  padding:5px 0px 5px 0px !important; 
  border-left: 1px solid #999;
  border-top: 1px solid #999;
}

#estadisticas-ventas .resumen-numerico-compras span.glyphicon {                                               
  color:#fff !important;

} 
#estadisticas-ventas .resumen-numerico-compras .fondo-redondo-cuenta-usuario{
  border-radius: 2px;
  padding: 4px 7px;

}
#estadisticas-ventas .resumen-numerico-compras .tituloGrande{
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  color: #444;    
  text-align: center;
}   
#estadisticas-ventas .resumen-numerico-compras .titulo{
  font-size: 12px;
  font-weight: bold;    
  color: #444;
  text-align: center;
}  
#estadisticas-ventas .resumen-numerico-compras .valor{
  font-size: 32px;
  line-height: 30px;
  color: #BBB;
  text-align: center;
}
#estadisticas-ventas .resumen-numerico-compras canvas{
  margin-top:-20px;
}    
#estadisticas-ventas .resumen-numerico-compras .subeMargen-15{
  margin-top:-15px;
}    
#estadisticas-ventas .resumen-numerico-compras .subeMargen-10{
  margin-top:-10px;
}
#estadisticas-ventas .resumen-numerico-compras .subeMargen-5{
  margin-top:-5px;
}   
#estadisticas-ventas .resumen-numerico-compras .valor-ticket{
  font-size: 22px;
  line-height: 30px;
  color: red;
  text-align: center;
  font-weight: bold;    
}
#estadisticas-ventas .resumen-numerico-compras .ticket-anterior-valor{    
  font-size: 16px;
  font-weight: bold;    
  padding:5px 0px 0px 0px;
  text-align: center;
  margin-top: -21px;
}
#estadisticas-ventas .resumen-numerico-compras .ticket-anterior-texto{    
  font-size: 12px;
  font-weight: bold;    
  color: #999;
  padding:5px 0px 0px 10px;    
}
#estadisticas-ventas .resumen-numerico-compras .valor-peq{
  font-size: 18px;
  line-height: 30px;
  color: #BBB;
  text-align: center;
  margin: 0px 0px 0px -5px !important;
}

#estadisticas-ventas .resumen-numerico-compras .casilla{
  padding: 10px;    
}
#estadisticas-ventas .resumen-numerico-compras .linea{
  margin: 10px 0px;    
}
#estadisticas-ventas .resumen-numerico-compras .barraProgreso{
  margin: 17px 10px 0px 10px;    
}

#estadisticas-ventas .resumen-numerico-compras .bloque{
  padding:5px;
  border-right: 2px solid #999;
  height: 160px;
}
#estadisticas-ventas .resumen-numerico-compras .bloque-fin{
  padding:5px;
  height: 160px;
}

#porcentaje-grafico-horizontal-compras-finalizadas{
  color: #000;
  font-size: 40px;
  font-weight: bold;
  position: absolute;
  z-index: 10;
  top: 100px;
  left: 900px;
}

#estadisticas-ventas .panel-numero-ventas, #estadisticas-ventas .panel-numero-ventas-clases, #estadisticas-ventas .panel-productos-mas-vendidos{
  color: #000;
  background-color:#F1F1F1;
}

#estadisticas-ventas .panel-numero-ventas .titulo,#estadisticas-ventas .panel-numero-ventas-clases .titulo, #estadisticas-ventas .panel-productos-mas-vendidos .titulo{
  padding: 5px 5px;
  border-top: 1px solid #999;
  margin: 5px;
}


#estadisticas-formulario-busqueda-ventas, #estadisticas-formulario-busqueda-ventas-clases,#estadisticas-formulario-busqueda-productos-mas-vendidos{
  font-size: 1em;
  color: #649b40;
  background-color:#F1F1F1;
  margin-bottom: 0px !important;
}

#estadisticas-formulario-busqueda-ventas .radio, #estadisticas-formulario-busqueda-ventas-clases .radio, #estadisticas-formulario-busqueda-productos-mas-vendidos .radio{
  margin-bottom: 2px;
}

#estadisticas-formulario-busqueda-ventas .form-control, #estadisticas-formulario-busqueda-ventas-clases .form-control,  #estadisticas-formulario-busqueda-productos-mas-vendidos .form-control{
  padding: 0px 12px !important;
}

#estadisticas-formulario-busqueda-ventas .opciones-filtro-pedidos, #estadisticas-formulario-busqueda-ventas-clases .opciones-filtro-pedidos, #estadisticas-formulario-busqueda-productos-mas-vendidos .opciones-filtro-pedidos{
  border-right: solid 1px #417521;
  padding: 5px;
}
#estadisticas-formulario-busqueda-ventas .panel-meses select, #estadisticas-formulario-busqueda-ventas-clases .panel-meses-clases select, #estadisticas-formulario-busqueda-productos-mas-vendidos .panel-meses-clases select{
  font-size:0.9em;

}
#estadisticas-formulario-busqueda-ventas .panel-anual .mensaje-error-numeros, #estadisticas-formulario-busqueda-ventas .panel-meses .mensaje-error-numeros, 
#estadisticas-formulario-busqueda-ventas-clases .panel-anual-ventas-clases .mensaje-error-numeros, #estadisticas-formulario-busqueda-ventas-clases .panel-meses-ventas-clases .mensaje-error-numeros, 
#estadisticas-formulario-busqueda-productos-mas-vendidos .panel-anual-productos-mas-vendidos .mensaje-error-numeros, #estadisticas-formulario-busqueda-productos-mas-vendidos .panel-meses-productos-mas-vendidos .mensaje-error-numeros{
  color:red;
  font-size: 0.7em;
}

#fecha-pedido-desde,#fecha-pedido-hasta{
  width:33%;
}
#estadisticas-formulario-busqueda-ventas .panel-meses .form-control, #estadisticas-formulario-busqueda-ventas .panel-anual .form-control,
#estadisticas-formulario-busqueda-ventas-clases .panel-meses-ventas-clases .form-control, #estadisticas-formulario-busqueda-ventas-clases .panel-anual-ventas-clases .form-control,
#estadisticas-formulario-busqueda-productos-mas-vendidos .panel-meses-productos-mas-vendidos .form-control, #estadisticas-formulario-busqueda-productos-mas-vendidos .panel-anual-productos-mas-vendidos .form-control{
  height: 25px; 
  width: 125px;
  display: inline;
}
#estadisticas-formulario-busqueda-ventas .opciones-filtro .form-control, #estadisticas-formulario-busqueda-ventas-clases .opciones-filtro-ventas .form-control, 
#estadisticas-formulario-busqueda-productos-mas-vendidos .opciones-filtro-ventas .form-control{
  height: 25px; 
  display: inline;
  font-size: 0.9em;    
}
#estadisticas-formulario-busqueda-ventas .opciones-filtro2 .form-control, #estadisticas-formulario-busqueda-ventas-clases .opciones-filtro2 .form-control,
#estadisticas-formulario-busqueda-productos-mas-vendidos .opciones-filtro2 .form-control{
  height: 26px; 
  display: inline;
  font-size: 0.9em;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 33.3%;
}
#estadisticas-formulario-busqueda-ventas .botones, #estadisticas-formulario-busqueda-ventas-clases .botones, #estadisticas-formulario-busqueda-productos-mas-vendidos .botones{
  padding-top: 5px !important;
}

#estadisticas-formulario-busqueda-ventas .botones span.glyphicon, #estadisticas-formulario-busqueda-ventas-clases .botones span.glyphicon, #estadisticas-formulario-busqueda-productos-mas-vendidos .botones span.glyphicon{
  color: #fff;
}

#estadisticas-formulario-busqueda-ventas .paneles-intervalos, #estadisticas-formulario-busqueda-ventas-clases .paneles-intervalos,  #estadisticas-formulario-busqueda-productos-mas-vendidos .paneles-intervalos{
  height: 20px;
}

#estadisticas-venta-fecha-hasta, #estadisticas-venta-fecha-desde{
  color:#000;
}
#estadisticas-ventas .grafico-numventas-estadisticas-ventas, #estadisticas-ventas .grafico-numventas-estadisticas-ventas-clases{
  border: 1px solid #CCC;
  padding: 0px 5px;
}
#estadisticas-ventas .grafico-numventas-estadisticas-ventas .titulografico, #estadisticas-ventas .grafico-numventas-estadisticas-ventas-clases .titulografico{
  color: #649b40;    
  font-weight: bold;
}
#estadisticas-ventas .grafico-numventas-estadisticas-ventas .valortitulo,#estadisticas-ventas .grafico-numventas-estadisticas-ventas-clases .valortitulo{
  color: #649b40;
  font-size: 20px;
  font-weight: bold;
}

#estadisticas-ventas .select2-container .select2-choice > .select2-chosen {
  margin-right: 80px;
  font-size:12px;
  width: 100px;
}

#estadisticas-ventas #estadisticas-formulario-busqueda-ventas-clases .opciones-filtro-ventas, #estadisticas-ventas #estadisticas-formulario-busqueda-productos-mas-vendidos .opciones-filtro-ventas{
  margin-bottom: 5px;

}
#estadisticas-ventas .grafico-numventas-estadisticas-ventas-clases .grafico-circular{
  margin-top: 25px;
  color: #000;
  text-shadow:2px 1px 2px #999;
}
#estadisticas-ventas .grafico-numventas-estadisticas-ventas-clases .grafico-circular .tituloGraficoCircular{
  color: #649b40;
  text-shadow: none;
  font-weight: bold;
  font-size: 0.8em;
  margin-top:10px;
}

#estadisticas-ventas #estadisticas-formulario-busqueda-ventas-clases .error, #estadisticas-ventas #estadisticas-formulario-busqueda-productos-mas-vendidos .error{
  color: red;    
}

#estadisticas-ventas .contenedor-submodulo .left-scroll{
  border-radius: 18px;
  position: absolute;
  font-size: 1.5em;
  color: #649b40 !important;
  top: 40%;
  left: 1%;
  z-index: 4;
  padding: 4px 7px;
}

#estadisticas-ventas .contenedor-submodulo .left-scroll:hover{
  color: #AAA;
}
#estadisticas-ventas .contenedor-submodulo .left-scroll a:visited{
  text-decoration: none; 
}
#estadisticas-ventas .contenedor-submodulo .right-scroll{
  border-radius: 18px;
  position: absolute;
  font-size: 1.5em;
  color: #649b40 !important;
  top: 40%;
  left: 90%;
  z-index: 4;
  padding: 4px 7px;
}
#estadisticas-ventas .contenedor-submodulo .right-scroll:hover{
  color: #AAA;
}

#estadisticas-ventas .contenedor-productos-mas-vendidos{

  background-color:#fff !important;
  border: 1px solid #AAA;
}

.estadisticas-productos-mas-vendidos .contenedor-productos-mas-vendidos 

#estadisticas-ventas .panel-productos-mas-vendidos .titulo-top-ventas{
  color: #649b40;
}

/* GESTION DE CUPONES DESCUENTO y  GESTION DE SERVICIOS Y CITAS */

.contenedor-cupones, 
.contenedor-servicios, 
.contenedor-citas, 
.contenedor-clientes{
  /*background-color: #CCC !important;
  font-size: 20px;*/
}
#gestion-cupones .form-control, #gestion-servicios .form-control,  #gestion-citas .form-control, #gestion-clientes .form-control {
  height: 26px;
  border-radius: 0px;
  border-color: #A9A9A9;    
  padding:0px 6px !important;
  color: #000;
} 

#gestion-cupones textarea.form-control, #gestion-servicios textarea.form-control,  #gestion-citas textarea.form-control, #gestion-clientes textarea.form-control {
    height: auto;
}

#aplicacion-cupon-descuento, #nombre-familia-cupon, #nombre-laboratorio-cupon{
  height: 26px;
  padding:0px 5px;
  font-size: 12px;
}
.area-farmacia #gestion-cupones .formulario-edicion-cupon  .opciones-edicion-cupon, .area-farmacia #gestion-servicios .formulario-edicion-servicio  .opciones-edicion-servicio { 
  margin-top:5px;
}
.formulario-edicion-cupon .opciones-edicion-cupon button.btn-cancelar {
  padding: 0;
}
.area-farmacia #gestion-cupones .descripcion-cupon-descuento {
  font-size: 1.1em;
  font-style: italic;
}

.area-farmacia #gestion-cupones .aplicacion-cupon-descuento {
  font-size: 0.9em;
  color: #649b40;
}

.area-farmacia #gestion-cupones .botones-cupones-descuento {
  min-width: 98px;
}

#gestion-cupones .cabecera , #gestion-servicios .cabecera, #gestion-citas .cabecera, #gestion-clientes .cabecera {
  line-height: 35px;
  border-bottom: 1px solid #CCC;
  border-top: 1px solid #CCC;
  margin-bottom: 10px;
}    
#gestion-cupones .cabecera .titulo, #gestion-servicios .cabecera .titulo, #gestion-citas .cabecera .titulo, #gestion-clientes .cabecera .titulo {
  text-transform: uppercase;
  font-weight: bold;
  padding: 2px 4px;
  color: #649b40;
  font-size:16px;

}

.area-farmacia #gestion-clientes .contenedor-clientes .cabecera .resumen, .area-farmacia #gestion-cupones .contenedor-cupones .cabecera .resumen, .area-farmacia #gestion-servicios .contenedor-servicios .cabecera .resumen, .area-farmacia #gestion-citas .contenedor-citas .cabecera .resumen { 
  color: #649b40; 
  border: 1px solid #649b40;
  line-height: 30px;
  text-align: center;
  border-radius: 17px;
  width: 34px;
  margin: 0px 10px 0px 0px;
  font-size: 1.4em;
  margin:0px;
  padding: 0px;
}
.area-farmacia #gestion-cupones .contenedor-cupones .cabecera .nuevo-cupon, .area-farmacia #gestion-cupones .contenedor-cupones .cabecera .nuevo-cupon .glyphicon-plus ,
.area-farmacia #gestion-servicios .contenedor-servicios .cabecera .nuevo-servicio, .area-farmacia #gestion-servicios .contenedor-servicios .cabecera .nuevo-servicio .glyphicon-plus{    
  font-weight: bold;
  color: #fff;
  margin-top:3px;
  padding-top:1px;
}

.area-farmacia #gestion-cupones .formulario-edicion-cupon, .area-farmacia #gestion-servicios .formulario-edicion-servicio{
  padding: 10px !important;
  border-left: 1px solid #CCC;
}

.area-farmacia #gestion-cupones .formulario-edicion-cupon .cupon-panel-titulo, .area-farmacia #gestion-servicios .formulario-edicion-servicio .servicio-panel-titulo{
  color: #649b40; 
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  border-bottom: solid 1px #649b40;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

#gestion-cupones .error-cupon-existente, #gestion-servicios .error-servicio-existente{

  color:red;
  font-size: 14px;
  font-weight: bold;
}

.area-farmacia #gestion-cupones .formulario-edicion-cupon .simbolo{

  font-size: 18px;
  font-weight: bold;
  padding-bottom: 10px !important;
  margin-bottom: 10px !important;
}

.area-farmacia #gestion-cupones .formulario-edicion-cupon .radio-inline{
  padding-top: 0px;
}
.area-farmacia #gestion-cupones .formulario-edicion-cupon .generar-cupon{
    background-color: #649b40;
    width: 25px;
    color: #fff;
    border: 1px solid #649b40;
}

.area-farmacia #gestion-cupones .formulario-edicion-cupon .generar-cupon:hover{
  background-color:#AAA;
  color: #fff;
}

#gestion-cupones .select2-container .select2-choice > .select2-chosen {
  margin-right: 80px;
  font-size:12px;
  width: 150px;
}


#cupones-activos,  #servicios-activos, #servicios-diasconcretos-activos, #citas-activas, #clientes-activos  {
  border: 1px solid #CCC;
}
#cupones-inactivos, #servicios-inactivos, #servicios-diasconcretos-inactivos, #citas-inactivas {
  border: 1px solid #CCC;
  margin-top:15px;
}
#cupones-activos th, #cupones-inactivos th, 
#servicios-activos th, #servicios-inactivos th, #servicios-diasconcretos-activos th, #servicios-diasconcretos-inactivos th,
#citas-activas th, #citas-inactivas th, #clientes-activos th{
  color: #649b40; 
  text-transform: uppercase;
}

#clientes-activos thead .sorting, #cupones-activos thead .sorting, #cupones-inactivos thead .sorting, 
#servicios-diasconcretos-activos thead .sorting, #servicios-diasconcretos-inactivos thead .sorting,
#servicios-activos thead .sorting, #servicios-inactivos thead .sorting, 
#citas-activas thead .sorting, #citas-inactivas thead .sorting {
  background: none !important; 
  
}

#cupones-activos .eliminar-cupon, #cupones-inactivos .eliminar-cupon, #servicios-activos .eliminar-servicio, #servicios-inactivos .eliminar-servicio,
#servicios-diasconcretos-activos .eliminar-servicio, #servicios-diasconcretos-inactivos .eliminar-servicio,
#citas-activas .eliminar-cita, #citas-inactivas .eliminar-cita{
  background-color: #BBB;
  border: solid 1px #BBB;
}

#servicios-activos .desactivar-servicio, #servicios-diasconcretos-activos .desactivar-servicio  {
  background-color: #649b40; 
  line-height: 0.6;
  font-size: 16px;
}

#servicios-activos .desactivar-servicio:hover, #servicios-diasconcretos-activos .desactivar-servicio:hover {
  background-color: red;    
}
table#servicios-activos tbody td button span, table#servicios-diasconcretos-activos tbody td button span {
  margin-top: 0px !important;
  vertical-align: middle !important;
}
table#servicios-activos tbody td button span.icono-boton-desactivar, table#servicios-diasconcretos-activos tbody td button span.icono-boton-desactivar {
  margin-top: 7px !important;
}
table#servicios-activos tbody td button span.marcador-boton, table#servicios-diasconcretos-activos tbody td button span.marcador-boton {
  margin-top: -3px !important;
  display: inline-block;
}
#servicios-inactivos .activar-servicio, #servicios-diasconcretos-inactivos .activar-servicio{
  background-color: red; 
  line-height: 0.6;
  font-size: 16px;
}

#servicios-inactivos .activar-servicio:hover, #servicios-diasconcretos-inactivos .activar-servicio:hover{
  background-color: #649b40; 

}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones thead {
  color: #649b40;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones td {
  vertical-align: top;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones img {
  width: 100%;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones .asunto {
  padding: 15px 10px;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones .comentario {
  margin-top: 10px;
  border-left: 3px solid #CCC;
  padding-left: 15px;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .producto .estrellas,
.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones .estrellas {
  font-family: icomoon;
  unicode-bidi: bidi-override;
  direction: rtl;
}

.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .producto .estrellas .estrella-valoracion,
.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones .estrellas .estrella-valoracion {
  margin: 0 -2px;
}

/* MENU RESPONSIVO PARA DISPOSITIVOS DEL MNEU DEL FARMACEUTICO*/

.menu-farmacia-responsive span.glyphicon{
  color:#fff;
  font-size:80px;
  padding:10px;
}
.menu-farmacia-responsive span{        
  border: 2px solid #fff;
  border-radius: 4px;
}

/* DOLENCIAS Y MARCAS EN EL  NUEVO MENU */
.cabecera-marcas{
  margin-top: 50px !important;
  margin-bottom: 30px !important;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  padding: 3px 10px !important;
  font-weight: bold;
  color:#000 !important;
}
.cabecera-dolencias{
  margin-top: 0px !important;
  margin-bottom: 10px !important;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  padding: 3px 10px !important;
  font-weight: bold;
  color:#000 !important;
}


.nav li a{
  padding: 4px 10px !important;
}

.nav-pills li.active  a{
  background-color: #649b40 !important;
  color:#fff !important;
}
.nav-pills li a{    
  color:#000 !important;
}
.menu-opcion-marca a, .menu-opcion-dolencia a{
  color:#000 !important; 
  font-size: 16px;
}
.menu-opcion-marca a:hover, .menu-opcion-dolencia a:hover{
    color: #66bc29 !important;
}
.menu-responsive-superior {
  position: absolute;
  background-color: #ffffff;
  margin-top: 49px;
  min-width: 250px;
  border: 1px solid #cccccc;
  padding: 0 !important;
}
.menu-responsive-superior div {
  width: 250px;
}
.menu-responsive-superior-parafarmacia-opcion {
  padding:10px 2px;
  font-size: 16px !important;
  font-weight: normal;
  color:#CCC !important;
  border-bottom: 1px solid #cccccc;
}

.menu-responsive-superior-medicamentos-opcion {
  padding:10px 2px;
  font-size: 16px !important;
  font-weight: bold;
  color:#555 !important;
  border-bottom: 1px solid #cccccc;
  background-color: #DDD;
}
.menu-responsive-superior-opcion, .menu-responsive-farmacia-opcion {
  padding:2px;
  font-size: 16px !important;
  font-weight: bold;
  color:#555 !important;
  border-bottom: 1px solid #cccccc;
}
.menu-responsive-farmacia-opcion {
  padding:10px !important;
}
.menu-responsive-superior-opcion:hover {
  background-color: rgba(204, 204, 204, 0.33);
}
.menu-responsive-superior-titulo {
  padding:10px 0px !important;
  font-size: 20px !important;
  font-weight: bold !important;
  color:#000 !important;
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
}
.menu-responsive-superior-opcion a {    
  color:#555 !important;
  display: block;
  padding: 5px 0 !important;
}
.panel-body.menu-farmacias {
    padding: 8px 0px 15px 0px;
    z-index: 1000;
    position: fixed;
    background-color: #649b40;
    top: 46px;
    border-top: 1px solid transparent !important;
    width: 85%;
    left: 0;
}
.menu-responsive-farmacia-opcion,.menu-responsive-farmacia-opcion:hover,.menu-responsive-farmacia-opcion a,.menu-responsive-farmacia-opcion span {    
  color:#fff !important;
}
.menu-responsive-farmacia-opcion:hover,.menu-responsive-farmacia-opcion span:hover {    
  color:#649b40 !important;
}
.menu-responsive-farmacia-opcion:hover {
  background-color: #417521 !important;
}
.menu-responsive-farmacia-opcion span.glyphicon:hover  {    
  color:#649b40 !important;
}
.menu-responsive-superior-opcion a:hover {    
}
.menu-responsive-farmacia-opcion a:hover {    
  color:#fff !important;
}
.cabecera-inicial-letra{
  border-bottom: 1px solid #000 !important;
  margin:5px 0px !important;
  font-size: 16px;
  font-weight: bold;
}
.bloque-menu-marca{

  margin-bottom:35px !important;

}

.boton-selector-hora{
  cursor:pointer;   
  padding: 2px 1px 2px 2px;
  margin-bottom: 5px;
  border:1px solid #999;
  left:-4px;
}

.boton-selector-hora:hover{
  color:#000;
  background-color:#DDD;

}
#sidebar.sticky-sidebar .menu-especial-farmacia {
    width: 100% !important;
    background-color: #fff;
    box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.6);
    margin-top: -4px;
    height: 60px;
}
.menu-especial-farmacia {
  width: 90%;
  margin-top: -4px;
}

.menu-especial-farmacia span {
  color: #649b40;
}

.menu-especial-farmacia span.i-home:hover,.menu-especial-farmacia span.i-obsequio:hover,.menu-especial-farmacia span.i-pedido:hover,.menu-especial-farmacia span.i-ofertas:hover,
.menu-especial-farmacia span.i-valorado:hover,.menu-especial-farmacia span.i-carpeta-abierta:hover,.menu-especial-farmacia span.i-calendario:hover,.menu-especial-farmacia span.i-carrito:hover,
.menu-especial-farmacia span.glyphicon.glyphicon-stats:hover,.menu-especial-farmacia span.i-chat:hover,.menu-especial-farmacia span.i-farmacia:hover {
  color: #fff !important;
}
.menu-especial-farmacia .alertas-valoraciones {
  position: absolute;
  left: 166px;
  top: 2px;
  background-color: blue;
  color: #fff;
  border-radius: 4px;
  text-shadow: 2px 2px 4px #000000;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  z-index: 999;
}

.menu-especial-farmacia .alertas-pedidos {
  position: absolute;
  left: 5px;
  top: 2px;
  background-color: purple;
  color: #fff;
  border-radius: 4px;
  text-shadow: 2px 2px 4px #000000;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  z-index: 999;
}

.menu-especial-farmacia .alertas-chats {
  position: absolute;
  left: 5px;
  top: 2px;
  background-color: red;
  color: #fff;
  border-radius: 4px;
  text-shadow: 2px 2px 4px #000000;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  z-index: 999;
}
.menu-especial-farmacia .alertas-citas {
  position: absolute;
  left: 5px;
  top: 2px;
  background-color: orange;
  color: #fff;
  border-radius: 4px;
  text-shadow: 2px 2px 4px #000000;
  width: 20px;
  height: 20px;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.2;
  font-weight: bold;
  z-index: 999;
}

#notificacion-citas-farmacia .popover{   
  color: #fff;
  font-size: 12px;
  padding-left: 5px;
}

.bloque-menu-medicamento {
    margin-bottom: 10px !important;
    margin-top: 20px !important;
}
/*nuevos estilos genericos */
.no-p-right {
  padding-right: 0px !important;
}
.no-m-right {
  margin-right: 0px !important;
}
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
.fl-right {
  float: right;
}
.pad-15 {
  padding: 15px;
}
.m-left-5{
  margin-left: 5px;
}
.m-left-10 {
  margin-left: 10px; 
}
.m-top-3 {
  margin-top: 3px !important;
}
.m-top-5 {
  margin-top: 5px !important;
}
.m-top-10 {
  margin-top: 10px !important;
}
.m-top-20 {
  margin-top: 20px !important;
}
.m-top-30 {
  margin-top: 30px;
}
.m-right-10 {
  margin-right: 10px;
}
.m-bottom-10 {
  margin-bottom: 10px !important;
}
.m-bottom-5 {
  margin-bottom: 5px !important;
}
.m-bottom-20 {
  margin-bottom: 20px !important;
}
.m-bottom-30 {
  margin-bottom: 30px !important;
}
.p-top-5 {
  padding-top: 5px;
}
.p-top-10 {
  padding-top: 10px !important;
}
.p-top-20 {
  padding-top: 20px !important;
}
.p-top-30 {
  padding-top: 30px;
}
.p-top-35 {
  padding-top: 35px;
}
.p-right-10 {
  padding-right: 10px;
}
.p-bottom-20 {
  padding-bottom: 20px !important;
}
.p-bottom-30 {
  padding-bottom: 30px !important;
}
.fl-left {
  float: left !important;
}
.fl-right {
  float: right !important;
}
.catalogo .producto-vista-detalle .producto-marca a img {
  width: 100%;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-botton-10 {
  padding-top: 10px;
}
.m-left-5 {
  margin-left: 5px !important;
}
.inline-block {
  display: inline-block !important;
}
.bold {
  font-weight: bold !important;
}
.border-top-green {
  border-top: 1px solid #649b40;
}

.panel-default.green {
  border: none;
  background-color: transparent;
  box-shadow: none
}
.panel-default > .panel-heading.green {
  color: #649b40;
  background-color: transparent;
}
.contenedor-descripcion-bloques {
  color: #649b40;
  font-weight: bold;
}

.byVeridata {
  background-color: #649b40;
}
.pie .formulario-newsletter .email-newsletter {
  border: 1px solid #cccccc;
  margin-top: -5px;
}
.block-vaca-cierres {
  background-color: rgba(131, 173, 105, 0.7);
  border-radius: 4px;
  padding: 10px 10px 15px 10px;
  display: inline-block;
  border-bottom: 1px solid transparent !important;
}
.proteccionDatos {
  color: #333 !important;
}

.contenedor-menu-superior-horizontal .panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: #ddd;
    top: 4px;
    left: 0;
    background-color: #fff;
}

.usuario-top{
  display: block;
  float: right;
  padding: 8px 5px 8px 2px;
  top: 0;
  margin-top: -7px;
}
.usuario-top:hover {
  /*background-color: #417521;*/
}
.logo-europeo {
  background-color: #ffffff;
  position: relative;
  z-index: 56;
}
#carousel-contenedor-mostrador-productos.carousel,#carousel-contenedor-mostrador-productos-top .producto-imagen,#carousel-contenedor-mostrador-productos-visitados .contenedor-fotos {
  min-height: 164px;
}
#carousel-contenedor-mostrador-productos  .contenedor-titulo {
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  text-align: left;
  line-height: 1.2em;
  font-size: 1.0em;
  text-transform: initial;
}
#carrousel-topventas-promociones .contenedor-titulo,#carrousel-topvisitas-promociones .contenedor-titulo {
  height: 23px;
}
.area-usuario .titulo-pagina, .area-farmacia .titulo-pagina {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0;
}
.expanded-menu-responsivo {
    position: fixed;
    left: 0;
    top: 54px;
    float: left;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    z-index: 54;
}
#carousel-contenedor-mostrador-productos-top .contenedor-productos .producto .contenedor-titulo,#carousel-contenedor-mostrador-productos-visitados .contenedor-productos .contenedor-titulo {
  font-family: 'Source Sans Pro', sans-serif, Verdana !important;
  text-align: left;
  line-height: 1.2em;
  font-size: 1.0em;
  height: 23px;
  text-transform: initial;
}
.badge.nuevos-mensajes {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #417521;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #fff;
  border-radius: 10px;
  margin-left: 10px;
}
.catalogo-listado .catalogo-contenido .resultados-busqueda .item div.producto {
    min-height: 390px;
}
.catalogo-listado .catalogo-contenido .item .producto .producto-imagen .contenedor-foto img.producto {
  width: 190px;
  height: 190px;
  box-shadow: none;
  margin: 0 auto;
}
.modal-footer button.btn-cancelar {
  padding: 6px 11px;
}
div.redes-sociales div .form-login .linea-formulario input.login-email.form-control.log_email,div.redes-sociales div .form-login .linea-formulario input.login-password.form-control.log_password {
  height: 34px;
}
#sidebar .resumen-usuario-cabecera .btn-resumen.logo-europeo-visible {
  margin-left: 0;
}
#sidebar .resumen-usuario-cabecera .btn-resumen {
  margin-left: 0;
  z-index: -2;
}

/* estilos para cuestionario dispensación de medicamentos */
.modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .cuestionario .control-label-secundaria {
  font-size: 1.2em;
  vertical-align: middle;
  line-height: 39px;
}
.modal-cuestionario-medicamento .contenedor-cuestionario .cuestionario input {
  font-size: 1.2em;
  margin-top: 5px;
}

/* buscador enano */
.cont-buscador-productos-enano-flotante {
  background-color: rgba(255, 255, 255, 0.6);
  padding: 5px;
  margin-top: 0;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 100%;
}
.search-box-enano {
  margin-top: 13px;
}
.search-box-enano form div {
    width: 100%;
}
.search-box-enano button span,.cont-buscador-productos-enano-flotante button span {
  font-size: 1.3em;
  color: #649b40;
  font-weight: bold;
  line-height: 22px;
}
.search-box-enano input,.cont-buscador-productos-enano-flotante input {
  border-right: transparent;
}
.search-box-enano button,.cont-buscador-productos-enano-flotante button {
  background-color: #fff;
  padding: 4px 9px 4px 8px;
}
.search-box-enano button:hover,.cont-buscador-productos-enano-flotante button:hover {
  background-color: #fff;
  border-left: transparent;
}

.cont-cabecera-sidebar {
  background-color: #fff;
  height: 114px;
}



/* Estilos para boton banner home */
.button-comprarAhora-banner {
  position: absolute;
  margin: 0 0 auto;
  top: 70%;
  left: 40%;
}
.btn.banner-home {
  padding: 15px;
}
/* Fin - Estilos para boton banner home */



.login ventana .login .linea-formulario input {
  height: auto;
}
.contenedor-iniciar-chat .i-atencion-cliente{
  font-size: 2.5em;
  margin-left: 0px;
  margin-top: 2px;
  padding: 5px;
  text-align: center;
}
.buscar-responsivo {
  position: absolute;
  top: 16px;
  left: 55px;
  cursor: pointer;
}
.buscar-responsivo div.i-buscar {
  font-size: 1.8em;
  color: #649b40;
  font-weight: bold;
}
.cont-buscador-responsivo {
    background-color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    padding: 5px;
    position: absolute;
    z-index: 1000;
}
.cont-buscador-responsivo.menu {
  width: 378px !important;
  border-bottom: none;
  top: 1px;
  left: -2px;
}

.cont-menu-responsivo2 {
  background: #fff;
  width: 60px;
  z-index: -1;
  height: 1000px;
  position: absolute;
  opacity: .9;
  left: 379px;
}
.panel-heading.green {
  position: absolute;
  left: 0px;
  background-color: #fff;
}
.panel-heading.green2 {
  position: absolute;
  left: 379px;
}
.resumen-carrito-acciones .resumen-carrito-botones-item span {
  color: #fff;
}
/* estilos para mínima resolución */
/* fin - estilos para mínima resolución */

.container.medicamentos {
  background-color: transparent;
}
.contenedor-ofertas.panel-heading.cabecera {

}
.area-farmacia #ofertas .contenedor-ofertas .cabecera .resumen span {
  padding: 0px;
}
#gestion-web .contenedor-ofertas .panel-heading.cabecera,#gestion-web .contenedor-promociones .panel-heading.cabecera  {
  float: left;
}

.carousel-inner.contenedor-productos {
  float: left;
  width: 100%;
}

.form-horizontal .checkbox-inline {
  margin: 0px !important;
}

#gestion-citas .listado-vacio {
    padding: 10px;
    line-height: 20px;
}


.modal-body.text-center img {
  width: 100%;
  height: 100%;
}

.buscador-filtro-categoria{
    margin:2px 0px;   
}
.buscador-filtro-categoria .eleccion-marca, .buscador-filtro-categoria .eleccion-categoria {    
    color:#000;
}
.buscador-filtro-categoria .eleccion-marca:hover, .buscador-filtro-categoria .eleccion-categoria:hover {    
    cursor:pointer;
}
.buscador-filtro-categoria .texto-marca, .buscador-filtro-categoria .texto-categoria {
    margin-top:2px; 
    font-size:1em;
    font-family: 'Source Sans Pro', sans-serif, Verdana;
}
.buscador-filtro-categoria .texto-marca:hover, .buscador-filtro-categoria .texto-categoria:hover, .buscador-filtro-categoria .quitar-filtro:hover{
    font-weight: bold;
    cursor:pointer;
}    
.buscador-filtro-categoria .popover, .parafarmacia-filtros .popover{
    background:#DDD;  
    margin:0px;
    padding:0px;
    width: 280px;
    
}
.buscador-filtro-categoria .popover-content, .parafarmacia-filtros .popover-content{
    background:#DDD;   
    margin:3px;
    padding:2px;
    color:black;    
}

.buscador-filtro-categoria .popover.bottom>.arrow:after, .parafarmacia-filtros .popover.bottom>.arrow:after {
  border-bottom-color:#DDD;  
}

.parafarmacia-filtros .nivel3:hover, .parafarmacia-filtros .nivel4:hover, .parafarmacia-filtros .nivel5:hover{
    font-weight: bold;    
}

.texto-bajo-imagen-producto{    
    line-height:20px !important;
    font-size:10px; 
}

/* SUBMENU PRODUCTO */
.subMenuProducto {
    /*border-bottom: 2px solid linear-gradient(to right, rgba(100,155,64,1) 0%, rgba(100,155,64,1) 84%, rgba(174,199,157,1) 100%);*/
    border-bottom: 2px solid green;
    font-size: 18px;
    margin-bottom: 35px;
    position: relative;
}
.subMenuProducto ul:after{
    content: "";
    width: 14px;
    height: 14px;
    background: white;
    border-right: 2px solid green;
    border-bottom: 2px solid green;
    position: absolute;
    bottom: -8px;
    left: 4.5%;
    /*margin-left: -5%;*/
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transition: 0.4s;
}

.subMenuProducto li {
    margin-right: 10%;
    width: 10%;
    display: inline-block;
    /*position: relative;*/
    cursor: pointer;
    margin-bottom: 10px;
}
.producto .contenedor-marca-puntuacion .producto-puntuacion{
	padding-top:5px;
}
/*
.subMenuProducto li:before {
    content: "";
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: -30px;
    left: calc(50% - 15px);
    
    transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    
    z-index: 2;
    border-top: 15px solid green;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}*/