/* DMC
    Created on : 29-jul-2014, 10:22:37
    Author     : Nacho Mora
*/

/* estilos para resolución súper mínima */
/* Resoluciónes mínimas */
/* LG U970 (Shine-240x320) */



/*************************************/

@media only screen and (max-width:320px) {
  .informacion-ciudadano .controles-carousel {
      position: absolute;
      top: 56%;
      left: 15%;
      width: 72%;
  }
  .informacion-ciudadano .controles-carousel {
      margin-left: 0px;
  }
  .area-farmacia .contenedor-ofertas .nueva-oferta,#gestion-web button.nueva-promocion  {
    float: left !important;
  }
  #datos-farmacia #info-general .cambiar-password .boton, #datos-farmacia #info-general .cambiar-datos .boton {
    margin-left: -25px;
  }
  #gestion-cupones .cabecera,#gestion-servicios .cabecera,#gestion-citas .cabecera {
    float: none;
    height: 105px;
    width: 100%;
  }
  #gestion-cupones .form-group,#gestion-servicios .form-group,#gestion-citas .form-group {
    padding: 0px 10px;
  }
  .area-farmacia .contenedor-submodulo .tituloBloque-top {
    float: left;
    width: 100%;
    height: auto !important;
  }
  #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }

  /* menu-responsive-superior */
  .catalogo-contenido .item div.producto {
    min-height: 385px !important;
  }
  .catalogo-contenido .item div.producto {
    min-height: 300px !important;
  }
  
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
/* estilos cabecera */

/* menu responsivo */
  #sidebar.sticky-sidebar .panel-default > .panel-heading.green {
    /*top: -109px;
    left: -20px;*/
  }
  .panel-body.menu-responsive-superior {
    left: 0;
    z-index: 1000 !important;
    top: 55px;
    width: 250px;
    position: fixed;
  }
  #contenedor-menu-superior-horizontal,#contenedor-menu-superior-horizontal .panel-group {
    width: 278px;
    margin-left: -28px;
    z-index: 1000;
    margin-top: -64px;
  }
  .cont-buscador-responsivo {
    top: 56px;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1000;
  }
  #sidebar.sticky-sidebar .boton-login-area-usuario button {
    margin-left: -20px;
  }
  #sidebar.sticky-sidebar .boton-login-area-usuario button .usuario-top {
    margin-left: 22px;
  }
  #sidebar.sticky-sidebar .menu-usuario-botones {
    margin-left: 0px;
  }

  .banner-temporada .carousel-inner {
      top: 0px;
      margin-top: 0px;
      position: absolute;
  }
  #banner-promociones-globales {
      height: 90px;
  }
  /* estilos bloques */
  .producto .imagen-obsequio {
      top: 8px;
      left: 178px !important;
  }
  .text-comprar-carrito {
      top: 94.5%;
      left: 74%;
  }
  .resultados-busqueda .text-comprar-carrito {
      top: 88.3%;
      left: 74%;
      font-size: 1.3em;
  }
  #catalogo-contenido .text-comprar-carrito {
      top: 88.5%;
      left: 74%;
      font-size: 1.3em;
  }
/* estilos servicios */
  #servicios .cabecera-servicios {
      padding: 0px;
  }
/* área farmaceútico */
  #formulario-busqueda-pedidos .panel-fechas {
    font-size: 0.8em;
  }
  .banner-temporada .carousel-inner {
    top: -4px;
  }

  #sidebar.sticky-sidebar .boton-login-area-usuario button {
    left: 13px;
  }
  	#banner-promociones-globales {
	    height: 90px;
	}	
    .informacion-ciudadano .contenedor-listado-noticias {
        margin: 0px;
    }
    #panel-default-green > .panel-heading.green {
        margin-top: -71px;
        background-color: transparent;
        margin-left: 0;
    }
    .cabecera-servicios table tbody tr td,.cabecera-servicios div,.cabecera-servicios p {
      width: 100%;
      float: left;
    }
    .cont-buscador-responsivo button {
        background-color: #fff !important;
        padding: 6px;
    }
    .cont-buscador-responsivo button:hover {
      background-color: #fff !important;
    }
    .cont-buscador-responsivo button span {
        color: #649b40;
        font-size: 1.5em;
        font-weight: bold;
        vertical-align: middle;
    }
    .cont-buscador-responsivo.menu {
      width: 378px !important;
      border-bottom: none;
      top: 1px;
      left: -2px;
    }
    .menu-especial-farmacia {
      /*margin-top: 7px;*/
      z-index: 1000;
    }
    .hilo-ariadna a {
        padding: 0 20px 0 5px;
    }
    .hilo-ariadna span.producto-actual {
        background-color: transparent;
        color: #777;
        cursor: default;
        font-weight: bold;
        text-align: left;
        width: 100%;
        clear: both;
        padding: 0px;
    }
    .modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-seleccion-cuestionario,
    .modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-seleccion-cuestionario {
        width: 44%;
    }
    .descripcion-enfermedad div,.descripcion-alergias div,.descripcion-medicamentos div {
      width: 100%;
    }
    .gastos-envio-resumen-pedido {
      width: 59%;
      display: inline-block;
    }
    .gastos-envio {
      width: 31%;
      display: inline-block;
    }
    .direccion-confirmada-cancelar {
      font-size: 0.9em;
    }
    .login .linea-formulario .control-label {
        font-size: 0.9em;
        height: 38px;
    }
    .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-size: 2em;
    }
    .carrito-listado .producto-cantidad .producto-cantidad-botones {
        line-height: 0em;
    }
    .carrito-listado .producto-cantidad .producto-cantidad-unidades {
        padding: 3px 0px 3px 0px;
    }
    .carrito-listado .producto-cantidad .producto-cantidad-unidades {
      height: 26px;
    }
    .producto-cantidad {
      margin-top: 2px;
      margin-bottom: 1px; 
    }
    .carrito-listado .producto-informacion .producto-importes .simbolo-euro {
      font-size: 1.5em;
    }
    #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario {
      margin-top: 6px;
      font-size: 1.8em;
      margin-left: -4px;
    }
    #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario:hover {
      background-color: transparent;
    }
    #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario:hover {
      background-color: transparent;
    }
    .informacion-ciudadano .carousel-control.right {
        margin-left: 91px !important;
    }
  /* estilos cabecera */
    .bandera-contenedor {
      margin-top: 121px !important;
      z-index: 55 !important;
    }
    .modulos .blog .blog-bloque-container {
      width: 100% !important;
      padding: 0;
    }
    /* menu responsivo */
    .search-box-enano form div {
      width: 100%;
    }
	/* usuario */
    .boton-area-usuario {
      display: none;
    }
    .modal .modal-title {
        display: inline-block;
        font-size: 0.9em;
        text-align: left;
    }
    .resumen-usuario-cabecera button.boton-login span.i-usuario {
      font-weight: bold;
      left: 15px;
      position: absolute;
      top: 10px;
      color: #649b40;
	}
    .resumen-usuario-cabecera button.boton-login span.texto-loginUser {
      display: none;
    }
	#sidebar .resumen-usuario-cabecera .boton-icono-cerrar-sesion {
      font-weight: bold !important;
      padding: 0;
      margin: 0;
      float: right;
      background-color: transparent !important;
      top: 13px !important;
      left: -21px !important;
	}
	#sidebar .resumen-usuario-cabecera .boton-icono-cerrar-sesion a span {
      font-weight: bold;
      font-size: 1.5em;
    }
    #sidebar .resumen-usuario-cabecera .boton-icono-cerrar-sesion:hover {
      background-color: transparent;
    }
	.resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
      /*margin-left: 81px;
      margin-top: -4px;
      font-size: 0.6em;
      padding: 0px;*/
	}
    .resumen-usuario-cabecera .boton-cerrar-sesion {
    }
    .area-usuario {
      padding: 124px 10px;
    }
	/* buscar */
    .cont-buscador-productos-min {
      margin-left: -17px;
      margin-top: -29px;
      width: 240px; 
    }
    #sidebar.sticky-sidebar.resumen-carrito-contenedor,.resumen-carrito-contenedor {
      left: 17px;
      top: 54px;
      width: 278px;
      position: fixed;
    }

  /* login responsivo */
    /* login - registro */
    .boton-cliente-login-responsivo,.boton-cuenta-login-responsivo {
      background-color: #fff;
      padding: 10px;
      margin-bottom: 10px;
      border: 1px solid rgba(204, 204, 204, 0.49);
      cursor: pointer;
      float: left;
      width: 100%;
      cursor: pointer !important;
    }
    .boton-cliente-login-responsivo:hover,.boton-cuenta-login-responsivo:hover {
      background-color: rgba(204, 204, 204, 0.3);
    }
  
  /* registro */
    .login-registro {
      top: 90px;
      z-index: 1 !important;
      height: 450px !important;
      width: 314px;
      padding-top: 20px;

    }
	.registro .linea-formulario label {
			font-size:0.8em;
	}
	.catalogo-contenido .item div.producto {
			min-height:280px;
	}
	.linea-detalle span.i-ayuda {
			padding-right: 0px;
	}
    
  /* menu especial farmacia y área farmacia */
     .menu-especial-farmacia .panel-heading a span.icon-menu,.menu-especial-farmacia .panel-heading {
      background-color: transparent;
      /*left: 6px !important;*/
      /*top: 17px;*/
      position: fixed;
    }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario {
    margin-left: 0px;
    font-size: 0.9em;
  }
  /* bloques productos home */
    /* catalogo contenido */
    .catalogo-contenido .item,.producto-top-oferta {
      width: 100%;
      margin: 0px 0px 10px 0px;
      padding: 0px 2px 0px 0px;
    }
    .item .producto .contenedor-precios .texto-impuestos {
      font-size: 0.7em;
    }
    /* boton carrito comprar */
    .item .producto .contenedor-precios .etiqueta {
      float: none !important;
      margin-bottom: 5px;
    }
    .catalogo .producto-vista-detalle .producto-contenedor {
        margin: 35px 0 !important;
    }
    .productos-promocionados div.producto, .producto-top-marca, .catalogo-listado .item .producto {
      margin-bottom: 2px;
    }
    
  /* Chat responsivo */
    .chat-responsivo {
      left: 164px !important;
      margin-left: 0px !important;
      top: -50px !important;
    }
    .chat-responsivo .i-atencion-cliente,.chat-responsivo .i-atencion-cliente:hover {
      color: #fff;
    }
    .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
      height: 1px !important;
    }
    .modulo.chat #contenedor-chat {
      position: relative;
      background-color: #64A70B;
      border: 1px solid #83ad69;
      margin: 0;
      margin-right: 8px;
      padding-bottom: 0;
      border-radius: 12px 12px 0 0;
      width: 230px;
      left: 40px;
      padding-top: 0;
      border-top-right-radius: 0px;
    }
  
  /* margin y padding del contenedor general */
    .contenedor-general .container .columna-centro {
      margin-top: 28px;
      padding-top: 12px;
      padding-bottom: 20px;
      z-index: 0;
    }
    
  /* bloques productos home */  
    .cabecera-marcas-productos {
      margin: 35px auto 50px auto;
      padding: 15px;
    }
  
  /* módulos comprar antes del pie */
  .modulos .info-compras .info-bloque-container {
    height: 200px !important;
    width: 210px !important;
  }
  
  /* estilos formularios */
  .control-label.tipocupon {
      padding: 0px;
      margin: 0px;
  }
  .login .login-aceptar button, .registro .login-aceptar button {
      font-size: 0.8em;
  }
  
  /* Pie */
  .contenedor-pie .container .linea-detalle span {
      /*font-size: 0.7em;*/
  }
  .contenedor-pie .container .linea-detalle span.i-pedido-preparacion,.contenedor-pie .container .linea-detalle span.i-metodo-pago,.contenedor-pie .container .linea-detalle span.i-envio-domicilio,.contenedor-pie .container .linea-detalle span.i-forma-envio,.contenedor-pie .container .linea-detalle span.i-dispensacion-online {
    padding-right: 0px;
  }
  .contenedor-pie .container .linea-detalle span.i-localizacion,.contenedor-pie .container .linea-detalle span.i-telefono,.contenedor-pie .container .linea-detalle span.i-mensaje {
    margin-right: 0px !important;
  }
  
  .modulos .blog .blog-bloque-titulo {
      font-size: 1em;
  }
  .modulos .blog .blog-bloque-contenido {
    font-size: 0.8em;
  }
  #sidebar.sticky-sidebar .resumen-carrito-boton {
    margin-left: 62px;
    margin-top: 43px;
  }
}
@media only screen and (min-width : 280px) and (max-width : 319px) {
    .registro .linea-formulario label {
    font-size: 0.8em;
  }
  .resumen-usuario-cabecera button.boton-login span.i-usuario {
    margin-left: 20px !important;
  }
  .linea-detalle span.i-ayuda {
    padding-right: 0px;
  }
}
@media only screen and (min-width : 220px) {

  .carrito-listado .producto-cantidad .producto-cantidad-unidades .unidades {
    width: 23px;
  }
  .resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
    /*margin-left: -88px;*/
    /*margin-top: -6px;*/
  }
  .catalogo-contenido .item div.producto {
    min-height: 280px;
  }
}
@media only screen and (min-width : 321px) {
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 62px;
  }
}
@media only screen and (min-width : 321px) and (max-width : 480px) {
  #contenedor-menu-superior-horizontal, #contenedor-menu-superior-horizontal .panel-group {
      width: 278px;
      margin-left: -28px;
      z-index: 1000;
      margin-top: -64px;
  }
  .panel-body.menu-responsive-superior {
    margin-left: 56px !important;
    z-index: 1000 !important;
    top: 56px !important;
    position: fixed;
  }
  .productos-promocionados .producto .contenedor-imagen-obsequio .imagen-obsequio {
      left: 55px !important;
      top: 2px;
  }
  .contenido-marcas div.producto {
      min-height: 286px !important;
  }
  .catalogo-contenido .item div.producto {
      min-height: 336px;
  }
    .login-registro {
        top: 55px;
        z-index: 1000;
        left: 0;
        height: 440px;
        width: 100%;
        padding-top: 25px;
    }
    .container {
        width: 300px !important;
        width: 98% !important;
        padding: 0px !important;
    }
    .modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-seleccion-cuestionario,
    .modal-cuestionario-medicamento .contenedor-cuestionario .contenido-cuestionario .boton-seleccion-cuestionario {
        width: 30%;
    }
    .descripcion-enfermedad div,.descripcion-alergias div,.descripcion-medicamentos div {
      width: 100%;
    }
    .hilo-ariadna a {
        padding: 0 20px 0 5px;
    }
    .hilo-ariadna span.producto-actual {
        background-color: transparent;
        color: #777;
        cursor: default;
        font-weight: bold;
        text-align: left;
        width: 100%;
        clear: both;
    }
    .catalogo .producto {
      padding-top: 100px;
    }
    .cabecera-servicios table tbody tr td,.cabecera-servicios div,.cabecera-servicios p {
      width: 100%;
      float: left;
    }
  .informacion-ciudadano .controles-carousel {
      margin-left: 0px;
  }
  .informacion-ciudadano .controles-carousel {
    position: absolute;
    top: 57%;
    left: 15%;
    width: 71% !important;
  }
  .bandera-contenedor {
      margin-top: 121px;
      z-index: 100;
  }
  .login-registro {
      top: 90px !important;
  }
  .banner-temporada {
      margin-top: -11px;
  }
  .panel-default > .panel-heading.green {
    /*top: -26px;*/
    left: 10px;
    z-index: 1000;
    background-color: transparent;
    color: #64A70B;
    border-radius: 0px;
    padding: 0;
  }

  .resumen-carrito-texto span.caret {
        margin-right: 0px;
  }
  .menu-especial-farmacia .panel-heading {
    position: fixed;
    /*top: 36px;*/
    z-index: 1000;
    background-color: transparent !important;
    /*left: 65px;*/
  }
  #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario {
    margin-top: 5px;
    font-size: 1.8em;
    margin-left: 23px; 
  }
  .resumen-usuario-cabecera button span.i-abandonar-sesion {
      font-size: 1.2em;
      padding: 0;
      margin: 0;
  }
  #sidebar .resumen-usuario-cabecera .boton-icono-cerrar-sesion {
    margin: 3px 0px 0px -20px;
    padding: 0;
    background-color: transparent;
  }
  .linea-detalle span.i-mensaje,.linea-detalle span.i-telefono,.linea-detalle span.i-localizacion {
    margin-right: 10px !important;
    width: 17% !important;
  }
  .linea-detalle span {
    width: 79% !important;
  }
  .dropdown-menu.resumen-carrito-contenedor {
    left: 0;
    width: 300px;
    top: 52px;
    /*z-index: 1;*/
    margin-left: -220px;
  }
}
@media only screen and (max-width : 480px) {
    .margen-superior-menor .container .columna-centro {
        padding-left: 0;
        padding-right: 0;
    }
    
    #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  .entrega-aceptar button.btn.btn-default.btn-block.btn-separado.btn-accion,.cancelar-modificacion-forma-entrega button.btn.btn-default.btn-cancelar.btn-block.btn-separado,.datos-entregas-direccion div.direccion-aceptar button {
    font-size: 0.9em;
  }

  .cancelar-modificacion-forma-entrega button.btn.btn-default.btn-cancelar.btn-block.btn-separado,.datos-entregas-direccion .linea-formulario .direccion-cancelar button.btn.btn-default.btn-block.btn-separado.btn-cancelar {
    padding: 10px !important;
  }

  .boton-confirmar-pedido {
    padding: 10px;
  }

  /* área usuario */
  .cont-desplegable-menu-responsivo {
    margin-top: 55px;
    background-color: transparent;
  }
  .area-usuario {
    margin-top: -1px !important;
  }

  /* chat responsivo */
  #contenedor-chat {
    border-top-right-radius: 0px !important;
  }
}
@media only screen and (min-width : 321px) and (max-width : 768px) {
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }

  /* menu especial farmacia */
  .menu-especial-farmacia {
    width: 100%;
    position: absolute;
    /*top: 49px;*/
  }
  .menu-especial-farmacia .panel-heading a span.icon-menu {
    position: absolute;
    left: 5px;
    margin-top: -31px;
  }

  /* sidebar con menu - buscador - usuario - carrito */

  .resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
    /*left: 75px !important;
    top: -4px !important;*/
  }
  .resumen-usuario-cabecera .boton-cerrar-sesion {
    font-size: 1.1em !important;
  }
  #sidebar .resumen-usuario-cabecera .boton-icono-cerrar-sesion {
    position: absolute;
    top: 9px;
    left: 72px;
    width: 30px;
  }

  /* carrito */
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito {
    font-size: 0.8em;
  }

  /* menú responsivo */
  .cont-buscador-productos-medio.cont-buscador-responsivo {
    display: block;
  }

  /* contenedor principal */
  .contenedor-general .columna-centro {
    margin: 0px;
    padding: 0px;
  }
  .search-box-enano {
    padding-bottom: 12px;
  }

  /* banner temporada */
  .btn.banner-home {
    margin-top: -35px;
    margin-left: -4px;
    padding: 10px;
  }

  .cabecera-marcas-productos {
    margin: 15px auto 35px auto;
  }
  /* desplegable menu responsivo */
  .panel-body.menu-responsive-superior {
    margin-top: -4px;
    margin-left: 23px;
    z-index: 1000;
  }

  /* estilos bloques */
  .carrito-listado .producto-informacion-promocion .informacion-promocion-detalle {
    font-size: 0.8em;
  }

  /* botón COMPRAR-QUITAR */
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span {
    display: block;
    padding: 0;
    margin: 0;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.quitar,.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.comprar,   .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito,.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.quitar,.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.quitar {
    display: block;
    font-size: 0.8em !important;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover,.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo,.item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito {
    padding: 12px 5px 5px 3px;
    background-color: #417521;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo {
    background-color: #649b40;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 12px 5px 5px 3px;
    margin: 0px 5px 0px 0px;
    font-size: 0.6em !important;
    width: 55px;
  }  
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito {
    background-color: #649b40;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 3px 5px 5px 3px;
    margin: 0px 5px 0px 0px;
    font-size: 1em !important;  
    width: 55px;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito, .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito:hover {
    padding: 12px 5px 5px 3px;
    background-color: #417521; 
  }
  .producto-detalles-anadir-al-carrito span.texto-comprar {
    font-size: 0.8em;
    margin-top: 3px;
  }
  .producto-detalles-anadir-al-carrito span.texto-quitar {
    font-size: 1.3em;
    margin-top: 3px;
  }
  .producto-detalles-anadir-al-carrito span.i-carrito {
    font-size: 1.5em;
    margin-top: 3px;
  }
  .producto-detalles-anadir-al-carrito span.i-eliminar {
    margin-top: 3px;
  }
  .catalogo-contenido .item .producto .producto-marca a {
    font-size: 0.6em;
  }
  .item .producto .contenedor-precios .texto-promocion-regalo .etiqueta {
    font-size: 1.1em;
  }
  .catalogo-contenido .item .producto .contenedor-precios .texto-precio-unidad {
    font-size: 28px;
  }
  .item .producto .producto-puntuacion .puntuacion-estrella-banner {
    float: right;
    font-size: 0.4em !important;
  }
  .item .producto .contenedor-precios .etiqueta,.item .producto .contenedor-precios .texto-impuestos {
    font-size: 1em;
    margin-top: -10px;
  }
  .catalogo-contenido .item .producto .contenedor-precios .texto-precio-unidad img {
    width: 8%;
  }


  /* Resumen carrito */
  .carrito-listado .producto-cantidad .producto-cantidad-unidades {
    padding: 7px 0px 2px 0px;
      margin: 0px;
  }
  .carrito-listado .producto-informacion .producto-importes .producto-importe-subtotal {
    font-size: 3em;
  }

  /* Chat responsivo */
  .chat-responsivo {
    background-color: #649b40;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 60px;
    margin-left: 99px;
    padding: 5px;
    color: #ffffff;
    position: absolute;
    top: -51px;
    left: 102px;
  }
  .chat-responsivo .i-atencion-cliente,.chat-responsivo .i-atencion-cliente:hover {
    color: #fff;
  }
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  .modulo.chat #contenedor-chat {
    border-top-left-radius: 4px !important;
    top: 16px !important;
    border-top-right-radius: 0px !important;
  }

  /* formulario registro - login */
  .caja-usuario .registro .linea-formulario .control-label {
    font-size: 0.8em;
  }

  /* modal-title h4 */
  .modal .modal-title {
    font-size: 1.2em;
  }

  /* bloques estadisticas farmacias */
  .area-farmacia .contenedor-submodulo .tituloBloque-top {
    height: 45px;
  }

  /* login registro */
  .login-registro {
    top: 95px;
    z-index: 999;
    padding: 20px 0px 20px 0px;
    margin-top: -7px !important;
    height: 435px;
  }

  /* buscador */
  .cont-buscador-productos-medio {
    padding: 5px;
    top: 66px;
    width: 422px !important;
    position: absolute;
    z-index: 10000;
    left: 5px;
  }

  /* caja resumen pedido */
  .caja .caja-resumen-pedido-contenido {
    height: 165px;
  }

  /* login - registro */
  .login .login-aceptar button, .registro .login-aceptar button {
    padding: 10px;
  }

  /* login - registro */
  .boton-cliente-login-responsivo,.boton-cuenta-login-responsivo {
    background-color: #fff;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(204, 204, 204, 0.49);
    cursor: pointer;
    float: left;
    width: 100%;
  }
  .boton-cliente-login-responsivo:hover,.boton-cuenta-login-responsivo:hover {
    background-color: rgba(204, 204, 204, 0.3);
  }

  /* bloques productos */
  .catalogo-contenido .item {
    margin: 0px 0px 0px 0px;
    padding: 0px 2px 0px 0px;
  }
  .catalogo-contenido .item div {
    margin-bottom: 2px !important;   
  }
  .registro .linea-formulario label {
    font-size: 1em;
  }

  /* Menú farmacias - Área farmacia */
  .menu-farmacias {
    margin-top: 1px;  
  }
  .contenedor-general[data-apartado="area_farmacia"] {
    padding-top: 20px;
  }

  .contenedor-area-productos .producto-top-oferta {
    padding: 2px;
    margin-bottom: 0px;
  }
  .contenedor-general  {
    padding-top: 20px;
    padding-bottom: 20px;
  }


  /* modulo informacion-ciudadano */
  .informacion-ciudadano .listado-noticias {
    height: 230px;
  }

  /* Gráfico poedidos */
  #pedidos-ventas-mensuales canvas {
    min-width: 100%;
  }

  /* estilos para tablas farmacias */
  .area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .producto .estrellas .estrella-valoracion {
    font-size: 0.9em;
    padding: 3px;
  }
  .area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .producto span.estrella-valoracion,.area-farmacia #gestion-valoraciones #tabla-resumen-valoraciones tbody .valoraciones .estrellas .estrella-valoracion {
    font-size: 0.7em;
    padding: 3px;
    display: block;
  }
}
@media only screen and (max-width : 320px) {
  #datos-farmacia #info-general .cambiar-password label, #datos-farmacia #info-general .cambiar-datos label {
      background-color: rgba(204, 204, 204, 0.3);
      font-size: 1em !important;
      width: 100%;
  }
  .margen-superior-menor > .container{
      padding: 0;
  }
  #datos-farmacia #info-general .cambiar-password div.col-xs-8, #datos-farmacia #info-general .cambiar-datos div.col-xs-8 {
      width: 100%;
  }
  #tratamiento-autoridad-formulario,#datos-farmacia #info-general .cambiar-password input {
      width: 250px !important;
      width: 100%;
  }
  /* estilos para gráficos de estadísticas del área de farmacia */
  .grafico-multiple-estadisticas {
    width: 100% !important;
    height: 100% !important; 
  }
  #gestion-cupones .form-group .cont-generar-cupon {
      padding: 10px 0px 0px 15px !important;
  }
  .panel-body.menu-farmacias {
    margin: 0px 0px 0px -15px;
    padding: 0;
    z-index: 1;
    width: 80%;
    background-color: #649b40;
  }
  /* sidebar */
  .cont-buscador-responsivo {
      top: 56px;
      left: 0;
      position: fixed;
      width: 100% !important;
      z-index: 1000;
  }
  .resumen-carrito-texto span.caret {
    margin-top: 0px;
    margin-left: -46px;
    color: #649b40;
  }
  #sidebar.sticky-sidebar .menu-especial-farmacia {
    width: 100% !important;
    background-color: #fff;
    box-shadow: none;
    margin-top: 0px;
    height: 1px;
}
  #sidebar.sticky-sidebar .resumen-carrito-boton {
    top: -26px;
    left: 183px;;
  }
  .buscar-responsivo div.i-buscar {
    font-size: 1.6em;
  }
  .panel-default > .panel-heading.green {
    top: 3px;
    background-color: transparent;
    left: -3px;
    z-index: 1;
    position: fixed;
  }
  .registro .linea-formulario label {
    height: 38px;
  }
  .linea-detalle span.i-ayuda {
    padding-right: 0px;
  }
  /* Carrito */
  .dropdown-menu.resumen-carrito-contenedor {
    left: 0;
    width: 100%;
    top: 52px;
    /*z-index: 1;*/
  }

  /* menu-responsive-superior */
  .menu-responsive-superior {
    width: 120px;
  }
  .catalogo-contenido .item div.producto {
    min-height: 385px !important;
    margin-bottom: 10px !important;
  }
  #panel-default-green > .panel-heading.green {
      margin-top: -71px;
      background-color: transparent;
      margin-left: 0;
  }
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  .banner-temporada {
      height: auto;
      margin-top: 5px !important;
  }
}
@media only screen and (max-width : 480px) {
  #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
  .entrega-aceptar button.btn.btn-default.btn-block.btn-separado.btn-accion,.cancelar-modificacion-forma-entrega button.btn.btn-default.btn-cancelar.btn-block.btn-separado,.datos-entregas-direccion div.direccion-aceptar button {
    font-size: 0.9em;
  }

  .cancelar-modificacion-forma-entrega button.btn.btn-default.btn-cancelar.btn-block.btn-separado,.datos-entregas-direccion .linea-formulario .direccion-cancelar button.btn.btn-default.btn-block.btn-separado.btn-cancelar {
    padding: 10px !important;
  }

  .boton-confirmar-pedido {
    padding: 10px;
  }

  /* área usuario */
  .cont-desplegable-menu-responsivo {
    margin-top: 55px;
    background-color: transparent;
  }
  .area-usuario {
    margin-top: -1px !important;
  }


  /* chat responsivo */
  #contenedor-chat {
    border-top-right-radius: 0px !important;
  }

}
@media(min-width:768px){
  
  .resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
  /*left: 206px !important;
  top: -20px !important;*/
}
  #citas-activas, #citas-inactivas {
    font-size: 14px;
  }
  #servicios-activos, #servicios-inactivos{
    font-size: 12px;
  }
  /*
  #grafico-multiple-estadisticas-web{
    //width: 680px !important;
  }
  #estadisticas-ventas .resumen-numerico-compras canvas{
    // width: 180px !important;
  }
  #grafico-numventas-estadisticas-ventas-clases{
    //width: 680px !important;

  }
  #grafico-numventas-estadisticas-ventas{
    //width: 680px !important;
  }
  */
  #estadisticas-ventas .resumen-numerico-compras .valor
  {
    line-height: 50px;
  }
  #panel-filtros-grafico-multiple-estadisticas {
    padding-right: 0px;
    padding-left: 5px;        
    /*//height: 250px !important;*/
  }
  #panel-filtros-grafico-multiple-estadisticas label{
    font-size: 12px !important;        
  }
  #panel-filtros-grafico-multiple-estadisticas .size30{
    font-size: 20px;        
  }

  #grafico-multiple-estadisticas-ventas{
    /*// width: 580px !important;*/
    /*// height: 260px !important;*/
  }    
  span.flecha.icon-flechader.fondo-redondo-cuenta-usuario-flecha.pull-right {
    margin-bottom: 10px;
  }

  .area-farmacia .contenedor-submodulo .descripcion, #estadisticas-ventas .contenedor-submodulo .descripcion{
    font-size: 12px;
  }

  .area-farmacia .contenedor-submodulo .descripcion-usuarios,.area-farmacia .contenedor-submodulo-visitas .descripcion-visitas{
    font-size: 10px;
    font-weight: bold;        
  }
  .area-farmacia .contenedor-submodulo .texto-precio-unidad, #estadisticas-ventas .contenedor-submodulo .texto-precio-unidad{
    font-size: 12px !important;        
    left: 60% !important;
    top: 55% !important;
  }
  .area-farmacia .contenedor-submodulo .cantidad-ventas .texto, .area-farmacia .contenedor-submodulo .cantidad-visitas .texto{
    font-size: 10px;        
  }


  .area-farmacia .contenedor-submodulo .tituloBloque-top, .area-farmacia .grafico-ventas-dashboard .titulo,.area-farmacia .contenedor-submodulo-visitas .tituloBloque-top{
    font-size:14px !important;
  }     
  /* Promociones de temporada (Home) */
  .carousel-cabecera div {
    text-align: right;
  }

  .carousel-cabecera div:first-child img {
    width: 260px;
    margin-left: 12px;
  }

  /* Menú principal de navegación (superior) */
  .menu-navegacion .email-farmacia {
    text-align: left;
  }

  .cabecera-contenedor .telefono-farmacia span,
  .cabecera-contenedor .localizacion-farmacia span,
  .cabecera-contenedor .email-farmacia span
  {
    display: none;
  }

  /* Ayuda */
  .preguntas-frecuentes .listado {            
    background: #f1f1f1;        
  }
  .preguntas-frecuentes .listado-textos {
    float: left;
    position: absolute;        
    border: medium none;        
    width: 100%;        
    left: 0%;
  }
  .preguntas-frecuentes .item-listado {
    padding: 20px 10px;
    margin-bottom: 10px;
  }
  .preguntas-frecuentes .item-listado .item-faq-titulo{
    margin:0px 0px 10px 0px;
    padding: 3px 3px 3px 3px;
    background-color: #DFE5E6;        
    color:#000; 
  }

  .cerrar-faq {
    position: absolute;
    z-index: 10;
    font-weight: bold;
    float: right;
    top: 31px;
    border: medium none;
    right: 16px;
    background-color:  #C5D8DA;
    padding: 2px 7px;
  }
  .cerrar-faq:hover {        
    border: 1px solid #b1b1b1;        
    background-color: #d1d1d1;               
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente {
    background-color: #f1f1f1;
    color: #417521;       
    padding-top: 0px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .texto-pregunta {
    background-color: #f1f1f1; 
    padding-bottom: 8px;
    padding-top: 5px;
    border-bottom:1px solid #417521;
    border-radius: 0px;
  }    
  .preguntas-frecuentes .cabecera-pregunta-frecuente .primera-pregunta {        
    border-top:1px solid #000;
    padding-top: 10px;
  }
  #group-faq .listado-preguntas .listado {
    padding: 8px;
    line-height: 1;
    margin-top: 8px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-flecha {       
    display:inline;
    margin-top: 20px;
    margin-right: -33px;
    color: #f1f1f1;
    font-size: 4px;        
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar {
    margin-top: -29px;
    margin-right: 0px;
    color: #000;
    font-size: 10px;  
    display:inline;
    background: #C5D8DA;
    padding: 8px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar:hover {        
    background: #D1D1D1;        
  }
  /* Sidebar */

  #sidebar.sticky-sidebar{
    top: 0;
  }

  #sidebar .resumen-usuario-cabecera .btn-resumen {
    width: auto;
  }
  .resumen-usuario-cabecera .btn-group button a {
    color: #333;
    font-size: 0.6em;
  }
  /* Sidebar -> Contenedor principal */
  .contenedor-general .columna-centro.ancho-maximo {
    margin-left: 0;
    margin-top: 50px;
  }
  .contenedor-general[data-apartado="area_farmacia"] .columna-centro.ancho-maximo {
    margin-left: 0;
    margin-top: 82px;
  }

  .contenedor-general[data-apartado="servicios"] {
    margin-top: 0px;
  }

  .contenedor-general[data-apartado="home"] {
    margin-top: 0px;
  }

  /* Menú izquierdo */
  .columna-izquierda {
    width: 235px;
  }

  /* Cabecera */
  .contenedor-cabecera .menu-navegacion {
    display: none;
  }
  .cont-buscador-productos-medio.cont-buscador-responsivo {
    display: none;
  }
  /* General */
  .contenedor-general {
    margin-top: 0px;
  }

  .contenedor-general[data-apartado="area_farmacia"] {
    margin-top: 138px;
  }

  /* Botón acceso login/registro usuario */
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login .icon-usuario {
    margin-left: 0;
    margin-right: 10px;        
  }
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login span.icon-usuario div {
    display: none;      
  }

  /* Botón resumen-carrito */
  .resumen-carrito-contenedor .resumen-carrito-item-eliminar {
    font-size: 16px;
    color: #fff;
  }

  .resumen-carrito-item .resumen-carrito-item-imagen {
    width: 84px;
  }

  /* Banner superior de productos */
  .banner .contenedor-imagen-informacion-ofertas {
    display: none;
  }


  /* Información al ciudadano */
  .informacion-ciudadano .controles-carousel {
    margin-left: -372px;
  }

  /* Información pagos */
  .info-compras .contenedor-bloques-info {
    width: 1140px
  }

  .info-compras .info-bloque {
    width: 224px;
  }

  /* Información proceso de compra. Quiénes somos */
  .descripcion-mapa-compra .unidad {
    min-height: 150px;
    margin: 0 auto;
  }

  .descripcion-mapa-compra img {
    width: 100px;
    height: 100px;
    margin: 6px 0 !important;
  }

  .quienes-somos .descripcion-mapa-compra .separador {
    margin-top: 119px;
  }

  /* Módulo promociones */
  #pestanas-contenido .item-cabecera {
    font-size: 11px;
  }

  /* Apartado de caja */
  .caja-estado-proceso .caja-estado-paso .contenido-paso {
    width: 696px;
  }

  .caja .caja-resumen-pedido-contenido {
    margin-right: 0;
    margin-bottom: 10px;
    height: 165px;
  }

  .caja .caja-resumen-articulos .contenedor-articulo {
    padding: 18px 3px 0 2px;
    height: 164px;
  }

  .caja .caja-resumen-articulos .contenedor-articulo:hover {

  }

  .caja .caja-resumen-articulos .titulo-articulo {
    padding-top: 0;
    height: 34px;
  }

  .caja .caja-resumen-articulos .laboratorio-puntuacion-articulo {
    height: 38px;
  }

  .caja .caja-resumen-articulos .cantidad-precio-articulo {
    margin-top: 0;
  }

  /* Apartado catálogo y Apartado búsqueda. Listados */
  .catalogo .producto .producto-imagen .producto-imagen-vista {
    width: 214px;
    height: 214px;
    margin: 0 auto;
  }

  .catalogo .catalogo-contenido .producto .producto-informacion-iva, .resultados-busqueda .producto .producto-informacion-iva {
    text-align: right;
    width: 72px;
    left: 97px;
  }

  .catalogo .catalogo-contenido .producto .producto-botones .producto-detalles-precio,
  .resultados-busqueda .producto .producto-botones .producto-detalles-precio {
    width: 174px;
    padding-left: 31px;
    background: url('../images/plantillas/3/contenedor_precio.png') transparent no-repeat top left;
  }


  /* Aviso del uso de cookies */

  #uso-cookies .aviso-cookies {
    width: 720px;
  }

  #uso-cookies .aviso-cookies .cierre {
    height: 114px;
  }

  /* Área usuario para farmacia */

  .area-usuario {
    padding: 0 10px;
    margin-top: 45px;
  }

  .area-usuario #datos-usuario .eliminar-usuario .motivo {
    padding: 10px 0 0 80px;
  }

  .area-usuario #datos-usuario .eliminar-usuario .segundo-paso .button {
    padding: 0 13px;
  }

  .area-usuario .preferencias-usuario .button-entrega {
    padding: 105px 5px 0px 0;
  }

  .area-usuario .contenedor-pedido .producto .devolver-producto .nota,
  .area-usuario .contenedor-pedido .devolver-pedido .nota {
    position: initial;
  }

  .area-usuario #menu-usuario .nav .menu-area-usuario {
    line-height: 3em;
  }

  .area-usuario .modulo .historia-filtro input,
  .area-usuario .modulo .historia-filtro select {
    height: 3em;
  }

  .area-usuario .modulo .campo select {
    height: 2.5em;
  }

  .area-usuario .modulo .campo,
  .area-usuario #servicios-usuario .modulo #lista-servicios-usuario .campo .nombre-servicio {
    line-height: 2.5em;
  }

  .area-usuario button.btn-accion,
  .area-usuario button.btn-cancelar,
  .area-usuario .modulo .button button {
    line-height: 1.6em;
  }
  .area-usuario button.btn-cancelar {
    line-height: 1em !important;
  }

  .area-usuario .notificaciones .mensaje .icon-correo,
  .area-usuario .notificaciones .mensaje .icon-correo1 {
    margin-top: 10px;
  }

  .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,
  .area-usuario #historia-usuario .modulo .contorno .campo .pedido-corta .icon-devoluciones,
  .area-usuario #valoraciones-usuario .modulo .cuadro .campos .valoracion-label .eliminar-opinion,
  .area-usuario #servicios-usuario .modulo .cuadro .campo .servicio-corto .eliminar-servicio {
    margin-top: 5px;
  }

  .area-usuario #historia-usuario .cuadro .pedido-corta .status .icon-registrarse,
  .area-usuario #devoluciones-usuario .cuadro .pedido-corta .status .icon-registrarse {
    display: none;
  }

  .area-usuario #valoraciones-usuario .modulo .cuadro .campos label {
    border: 0;
  }




  /* Flecha de atajo para subir arriba */
  .flecha-subir-arriba {
    display: block;
  }
  .flecha-subir-arriba.derecha {
    top: 83%;
    margin-top: -30px;
    left: 95.6%;
    margin-left: -30px;
  }

  .flecha-subir-arriba.izquierda {
    display: none;
  }
  /* Página de error */
  .pagina-error {
    padding-bottom: 20px;
    padding-top: 20px;    
    text-transform: uppercase;
    color:#417521;
  }
  .pagina-error .titulo-error {

    font-size: 122px;
    line-height: 120px;
    font-weight: bold;  
    background-image: url(../images/plantillas/2/quotes_izq.png), url(../images/plantillas/2/quotes_der.png);
    background-position: 30% calc(100% - 100px), 70% calc(100% - 100px);
    background-repeat: no-repeat;
  }

  .pagina-error .encabezado-error {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;  
  }

  .pagina-error .descripcion-error {

    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
    font-size: 10px;
    padding-bottom: 10px;
    padding-top: 10px;  
    width:80%; 
    margin-left:10%;

  }

  /* Área backend de farmacéutico */
  #pedidos-ventas-mensuales canvas {
    width: 680px !important;
    height: 200px !important;
    margin: 7px;
  }
  /* Área backend de farmacéutico */
  .grafico-ventas-dashboard canvas {
    width: 100% !important;
    height: 100% !important;
    vertical-align: middle;
    margin-top: 20%;   
  } 
  .dropdown-menu.resumen-carrito-contenedor {
    min-width: 310px;
    top: 45px;
    left: -67px;
  }
  .banner-temporada {
    margin: 32px 0 0 0;
  }
  .login-registro {
    top: 59px;
    padding-top: 20px;
  }
  .login .descripcion-modulo, .registro .descripcion-modulo {
    font-size: 1em;
  }
  .btn.banner-home {
    display: block;
    margin-top: -25px;
    margin-left: -14px;
  }
  .productos-promocionados {
    margin-top: -20px;
  }
  .menu-responsive-superior {
    width: 767px;
  }
  .button-comprarAhora-banner {
    position: absolute;
    margin: 0 0 auto;
    top: 70%;
    left: 43%;
  }

  #sidebar .resumen-usuario-cabecera .boton-area-usuario {
    display: inline;
    text-align: right;
  }
  .menu-especial-farmacia {
    width: 100%; 
  }
  .menu-especial-farmacia .dropdown-menu li a {
    /*width: 156px;*/
  }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario {
  font-size: 1.5em !important;
  top: 16px;
  left: 130px;
  }
  /* Chat responsivo */
  .chat-responsivo {
    background-color: #649b40;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 60px;
    margin-left: 99px;
    padding: 5px;
    color: #ffffff;
    position: absolute;
    top: -51px;
    left: 102px;
  }

  .chat-responsivo .i-atencion-cliente,.chat-responsivo .i-atencion-cliente:hover {
    color: #fff;
  }
  .banner-temporada .carousel-inner {
    height: 380px;
  }

}
@media only screen and (min-width: 480px) and (min-width: 768px) {
  .panel-heading.green h4 a span {
    position: absolute !important;
    top: -57px !important;
    left: 57px !important;
  }
  .sidebar .botones-principales .fondo-contenedor-botones {
    min-height: 56px;  }
  .contenedor-general[data-apartado="home"] {
    margin-top: 25px;
  }
  .cabecera-contenedor.container {
    height: 0px;
  }
}
@media(max-width:768px){
  .login-registro {
    margin-top: -36px !important;
  }
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 48px !important;
  }
  .cont-buscador-productos-medio.cont-buscador-responsivo {
    display: none;
  }
  .contenedor-chat .contenedor-iniciar-chat {
    height: 40px !important;
  }
  #datos-farmacia #info-general .cambiar-password label, #datos-farmacia #info-general .cambiar-datos label {
    font-size: 0.8em;
  } 
  .area-farmacia .contenedor-submodulo .ratio-circular {
    font-size: 17px;        
    margin-bottom: 10px;
  }
  .area-farmacia .contenedor-submodulo .cantidad-visitas .texto {
    font-size: 16px;
  }
  .area-farmacia .contenedor-submodulo-visitas .resumen-visitas {
    font-size: 9px;        
  }    
  .area-farmacia .contenedor-submodulo .ratio {        
    font-size: 14px;                
  }
  .area-farmacia .grafico-ventas-dashboard .titulo .leyenda-grafico{            
    font-weight: normal !important;
    line-height: 32px;
  }
  #gestion-cupones .cabecera, #gestion-servicios .cabecera, #gestion-citas .cabecera{
    line-height: 30px !important;
    font-size: 18px;
  }
/*
  #grafico-multiple-estadisticas-web{
    // width: 380px !important;
  }
  #estadisticas-ventas .resumen-numerico-compras canvas{
    // width: 180px !important;
  }
  #grafico-numventas-estadisticas-ventas-clases{
    //width: 380px !important;

  }
  #grafico-numventas-estadisticas-ventas{
    //width: 380px !important;
  }
*/
  #estadisticas-ventas .resumen-numerico-compras .valor
  {
    line-height: 50px;
  }
  #panel-filtros-grafico-multiple-estadisticas {
    padding-right: 0px;
    padding-left: 5px;        
    /*//height: 250px !important;*/
  }
  #panel-filtros-grafico-multiple-estadisticas label{
    font-size: 12px !important;        
  }
  #panel-filtros-grafico-multiple-estadisticas .size30{
    font-size: 20px;        
  }
  /*
  .grafico-multiple-estadisticas-ventas{
    //height: 250px !important;
  }
  #grafico-multiple-estadisticas-ventas{
    // width: 480px !important;
    //height: 260px !important;
  }     
*/
  span.flecha.icon-flechader.fondo-redondo-cuenta-usuario-flecha.pull-right {
    margin-bottom: 10px;
  }

  .pull-right.resumen-subapartado {
    width: 100%;
    padding-left: 0px;
    padding-bottom: 10px;
  }

  .area-farmacia .contenedor-submodulo .descripcion-usuarios,.area-farmacia .contenedor-submodulo-visitas .descripcion-visitas{
    font-size: 10px;
    font-weight: bold;        
  }

  .area-farmacia .contenedor-submodulo .texto-precio-unidad, #estadisticas-ventas .contenedor-submodulo .texto-precio-unidad{
    font-size: 18px !important;        
    left: 80% !important;
    top: 10% !important;
    font-weight: bold;        
  }    

  .area-farmacia .contenedor-submodulo .cantidad-ventas .texto, .area-farmacia .contenedor-submodulo .cantidad-visitas .texto{
    font-size: 16px;        
  }


  .area-farmacia .contenedor-submodulo .tituloBloque-top,.area-farmacia .grafico-ventas-dashboard .titulo,.area-farmacia .contenedor-submodulo-visitas .tituloBloque-top{
    font-size:14px;
  }

  /* Menú principal de navegación (superior) */
  .menu-navegacion .email-farmacia {
    text-align: left;
  }

  .menu-navegacion .telefono-farmacia span,
  .menu-navegacion .localizacion-farmacia span,
  .menu-navegacion .email-farmacia span
  {
    display: block;
  }


  .cabecera-contenedor .telefono-farmacia {
    text-align: left;
  }

  .cabecera-contenedor .localizacion-farmacia {
    text-align: left;
  }

  /* Menú segundario de navigacion */
  .contenedor-menu-lateral-horizontal .menu-lateral-horizontal #boton-desplegar-menu-lateral-horizontal {
    margin-top: 100px;
  }

  /* Ayuda */
  .preguntas-frecuentes .listado {            
    background: #f1f1f1;        
  }
  .preguntas-frecuentes .listado-textos {
    float: left;
    position: absolute;        
    border: medium none;        
    width: 100%;        
    left: 0%;
  }
  .preguntas-frecuentes .item-listado {
    padding: 20px 10px;        
    margin-bottom: 10px;
  }
  .preguntas-frecuentes .item-listado .item-faq-titulo{
    margin:0px 0px 10px 0px;
    padding: 3px 3px 3px 3px;
    background-color: #DFE5E6;        
    color:#000; 
  }
  .cerrar-faq {
    position: absolute;
    z-index: 10;
    font-weight: bold;
    float: right;
    top: 31px;
    border: medium none;
    right: 16px;
    border: 1px solid #c1c1c1;        
    background-color: #C5D8DA;
    padding: 2px 7px;
  }
  .cerrar-faq:hover {        
    border: 1px solid #b1b1b1;        
    background-color: #d1d1d1;               
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente {
    background-color: #f1f1f1;
    color: #417521;  
    padding-top:0px;
  }

  .preguntas-frecuentes .cabecera-pregunta-frecuente .texto-pregunta {
    background-color: #f1f1f1; 
    padding-bottom: 8px;
    padding-top: 5px;
    border-bottom: 1px solid #417521;
    border-radius: 0px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .primera-pregunta {        
    border-top:1px solid #000;
    padding-top: 10px;
  }
  #group-faq .listado-preguntas .listado {
    padding: 8px;
    line-height: 1;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-flecha {       
    display:inline;
    margin-top: 20px;
    margin-right: -33px;
    color: #000;
    font-size: 4px; 
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar {
    margin-top: -29px;
    margin-right: 0px;
    color: #000;
    font-size: 10px;  
    display:inline;
    background: #C5D8DA;
    padding: 8px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar:hover {        
    background: #D1D1D1;        
  }

  /* Sidebar */
  #sidebar .resumen-usuario-cabecera .btn-resumen {
    display: none;
  }
  #sidebar .resumen-usuario-cabecera .boton-icono-area-usuario {
    /*position: absolute;
    left: 66px !important;
    font-weight: bold;
    top: 44px;*/
  }
  /* Sidebar -> Contenedor principal */
  .columna-centro.ancho-maximo {
    margin-left: 0;
  }

  .contenedor-general[data-apartado="area_farmacia"] {
    /* margin-top: 255px; */
  }

  .contenedor-info-farmacia span {
    font-size: 1.2em;
    color: blue;
  }

  /* Sidebar -> Botón carrito */
  .resumen-carrito-item .resumen-carrito-item-detalles {
    border-top: 0;
  }

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

  /* Cabecera */

  #boton-resumen-carrito-contenido {
    padding: 10px;
  }

  /* Módulo TOP Marcas */
  .top-marcas .contenedor-marcas {
    overflow-y: auto;
  }

  /* Información al ciudadano */
  .informacion-ciudadano .controles-carousel {
    display: block;
  }


  /* Información pagos */
  .info-compras .contenedor-bloques-info {
    width: 1140px
  }

  .info-compras .info-bloque {
    width: 180px;
  }

  /* Información proceso de compra. Quiénes somos */
  .descripcion-mapa-compra .unidad {
    width: 100px !important;
    min-height: 150px;
    margin: 0 auto;
    font-size: 11px !important;    
  }

  .descripcion-mapa-compra img {
    width: 75px;
    height: 75px;
    margin: 6px auto !important;
  }

  .quienes-somos .descripcion-mapa-compra .separador {
    margin-top: 87px;
    min-height: 38px;
  }

  .quienes-somos.info-farmacia .cabecera-bloque img {
    max-width: 318px;
    max-height: 142px;
    margin-bottom: 0;
  }

  .quienes-como.info-farmacia .cabecera-bloque {
    font-size: 15px;
  }

  /* Dónde estamos */
  .donde-estamos .cabecera-donde-estamos {
    font-size: 18px;
  }

  /* Detalle de producto. Catálogo */
  .producto-vista-detalle .producto-informacion-extendida .producto-contenedor-alertas {
    max-width: 100%;
  }

  .producto-vista-detalle .producto-informacion {
    border-top: 0;
  }

  /* Apartado de caja */
  .caja-estado-proceso .caja-estado-paso .contenido-paso {
    width: 100%;
    text-align: left;
    padding-left: 10px;
  }

  .caja .caja-resumen-pedido-contenido {
    margin-right: 0;
    margin-bottom: 10px;
  }

  .caja .caja-resumen-articulos .contenedor-articulo {
    padding: 18px 3px 0 2px;
    height: 130px;
  }

  .caja .caja-estado-paso {
    line-height: 1.2em;
    font-size: 1.8em;
  }

  .caja .caja-resumen-articulos .titulo-articulo {
    padding-top: 0;
    height: 45px;
  }

  .caja .caja-resumen-articulos .laboratorio-puntuacion-articulo {
    height: 38px;
  }

  /* Apartado catálogo. Vista detalle */
  .catalogo .producto .producto-informacion-iva {
    text-align: right;
  }

  /* Apartado catálogo y Apartado búsqueda. Listados */
  .catalogo .catalogo-contenido .producto .producto-informacion-iva,
  .resultados-busqueda .producto .producto-informacion-iva {
    text-align: right;
    width: 72px;
    left: 43px;
  }


  .catalogo .catalogo-contenido .producto .producto-botones .producto-detalles-precio,
  .resultados-busqueda .producto .producto-botones .producto-detalles-precio {
    width: 120px;
    padding-left: 31px;
    background: url('../images/plantillas/3/contenedor_precio.png') transparent no-repeat 0 3px;
  }

  /* Aviso del uso de cookies */
  #uso-cookies .aviso-cookies {
    width: 97%;
    text-align: center;
  }

  #uso-cookies .aviso-cookies .cierre {
    height: 170px;
  }

  .margin-top-acepto{
    margin-top:10px!important;
  }



  /* Área usuario para farmacia */
  .area-usuario {
    padding-left: 0;
  }

  .area-usuario .modulo .button {
    padding-left: 7px;
  }

  .area-usuario .modulo .button button {
    margin-top: 10px;
  }

  .area-usuario #datos-usuario .eliminar-usuario .segundo-paso .button {
    padding: 0 13px;
  }

  .area-usuario #datos-usuario .eliminar-usuario .motivo {
    padding-top: 10px;
  }

  .area-usuario #pago-usuario .modulo .button {
    padding-left: 0px !important;
  }

  .area-usuario #datos-usuario .eliminar-usuario .primero-paso .button,
  .area-usuario #latch .modulo .button {
    padding-left: 0;
  }

  .area-usuario .contenedor-pedido .producto .devolver-producto .nota,
  .area-usuario .contenedor-pedido .devolver-pedido .nota {
    position: initial;
  }

  .area-usuario #menu-usuario .nav .menu-area-usuario {
    line-height: 3em;
  }

  .area-usuario .modulo .historia-filtro input,
  .area-usuario .modulo .historia-filtro select {
    height: 3em;
  }

  .area-usuario .modulo .campo select {
    height: 2.5em;
  }

  .area-usuario .modulo .campo {
    line-height: 2.5em;
  }

  .area-usuario button.btn-accion,
  .area-usuario button.btn-cancelar,
  .area-usuario .modulo .button button {
    line-height: 1.6em;
  }
  .area-usuario button.btn-cancelar {
    line-height: 1em !important;
  }

  .area-usuario .notificaciones .mensaje .icon-correo,
  .area-usuario .notificaciones .mensaje .icon-correo1 {
    margin-top: 10px;
  }

  .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,
  .area-usuario #historia-usuario .modulo .contorno .campo .pedido-corta .icon-devoluciones,
  .area-usuario #valoraciones-usuario .modulo .cuadro .campos .valoracion-label .eliminar-opinion,
  .area-usuario #servicios-usuario .modulo .cuadro .campo .servicio-corto .eliminar-servicio {
    margin-top: 5px;
  }

  .area-usuario .modulo .campo label,
  .area-usuario .modulo .campo .direccion-label,
  .area-usuario #valoraciones-usuario .modulo .cuadro .campos label {
    border: 0;
  }

  .area-usuario #historia-usuario .historial .contenedor-pedido .producto .estrella {
    font-size: 10px;
  }

  /* Página de error */
  .pagina-error {
    padding-bottom: 20px;
    padding-top: 20px;    
    text-transform: uppercase;
    color:#417521;
  }
  .pagina-error .titulo-error {

    font-size: 102px;
    line-height: 120px;
    font-weight: bold;  
    background-image: url(../images/plantillas/2/quotes_izq.png), url(../images/plantillas/2/quotes_der.png);
    background-position: 10% calc(100% - 90px), 90% calc(100% - 90px);
    background-repeat: no-repeat; 
  }

  .pagina-error .encabezado-error {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;  
  }

  .pagina-error .descripcion-error {

    border: 1px solid #000;
    border-left: 0;
    border-right: 0;
    font-size: 8px;
    padding-bottom: 10px;
    padding-top: 10px;  
    width:100%; 
    margin-left:0px;

  }
  .modulo.chat {
    bottom: -10px;
    right: 0px;
    width: 270px;
    position: fixed;
    margin: 0px -5px 15px 0px;
    padding: 0px;
    z-index: 999;
  }

  .modulo.chat #contenedor-chat {
    position: relative;
    border: 1px solid #649b40;
    margin: 0px 8px -3px 0px;
    padding-bottom: 0px;
    cursor: pointer;
    /*z-index: 10000;*/
  }

  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    cursor: pointer;
    color: #FFF;
    text-transform: uppercase;
    height: 1px !important;
  }
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat .chatea-con-nosotros {
    .modulo.chat #contenedor-chat .contenedor-iniciar-chat .chatea-con-nosotros {
      font-size: 14px;
      padding-left: 71px;
      padding-top: 22px;
      padding-right: 0px;
      font-weight: bold;
      position: absolute;
    }
  }
  /* Área backend de farmacéutico */
  #pedidos-ventas-mensuales canvas {
    width: 290px !important;
    height: 140px !important;
  }
  /* Área backend de farmacéutico */
  .grafico-ventas-dashboard canvas {
    width: 100%!important;
    height: auto !important;
    margin: 0 auto;
  }
  .btn.banner-home {
    display: block;
  }  
  .button-comprarAhora-banner {
    position: absolute;
    margin: 0 0 auto;
    top: 70%;
    left: 36%;
  }
  .resumen-usuario-cabecera .boton-login-area-usuario button span.texto-loginUser {
    display:none;
  }
  .pie a img.latch,.pie img.paypal,.pie img.mrw{
    width: 100%;
  }
  .catalogo-listado .item div.producto {
    min-height: 285px;
  }
  .catalogo-contenido .item div.producto {
    min-height: 402px;
  }
  .menu-especial-farmacia .dropdown-menu li a {
   /* width: 156px;*/
  }
  /* Chat responsivo */
  .chat-responsivo {
    background-color: #649b40;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    width: 60px;
    margin-left: 99px;
    padding: 5px;
    color: #ffffff;
    position: absolute;
    top: -48px;
    left: 102px;
  }

  .chat-responsivo .i-atencion-cliente,.chat-responsivo .i-atencion-cliente:hover {
    color: #fff;
  }
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 48px !important;
  }

  .modulo.chat #contenedor-chat {
    border-top-left-radius: 4px !important;
    top: 16px !important;
    border-top-right-radius: 4px !important;
  }
  .caja .caja-resumen-pedido-contenido {
    height: 164px;
  }
}
@media (min-width: 767px) {
    .panel-heading.green h4 a span {
    margin-left: -20px !important;
    margin-top: 63px !important;
    }
    .resumen-usuario-cabecera .boton-cerrar-sesion {
      font-weight: bold;
      top: -10px;
      position: absolute;
      left: 145px;
    }
    .resumen-carrito-texto .unidades {
      left: 110px;
      width: 30px;
    }
}
@media (max-width: 767px) {
  .modulo.chat #contenedor-chat .contenedor-iniciar-chat {
    height: 1px !important;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px) {
  .banner-temporada {
    margin: -12px 0 0 0;
  }
} 
@media only screen and (max-width: 1024px) and (min-width: 992px){
  .resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito {
  left: 10px !important;
}
  .resumen-usuario-cabecera button span.i-abandonar-sesion {
  margin-top: 23px;
  position: absolute;
  margin-left: -105px;
  }
.resumen-usuario-cabecera button.boton-login span.i-usuario {
  margin-left: 1px;
}
.resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
/*left: 75px !important;
  top: 0px !important;*/
}
.resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito {
  width: auto;
  border: none;
  left: -5px;
  position: absolute;
  top: 6px;
}
.resumen-carrito-texto .unidades {
  left: 14px;
  width: 30px;
  top: 5px;
}
.resumen-carrito-texto span.caret {
  left: 60px;
  top: 17px;
}
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito {
    left: 10px !important;
}
  .resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
  /*left: 687px !important;
  top: -2px !important;*/
  }
  /* cabecera */
  .cont-buscador-productos-medio.cont-buscador-responsivo {
    display: none;
  }
  .sidebar {
    position: relative;
    left: 0;
    width: 100%;
    z-index: 55;
  }
  .login-registro {
    top: 60px;
    padding-top: 20px;
  }
  .resumen-carrito-cabecera.logo-europeo-visible {
    /*top: -48px !important;*/
    left: 112px;
    position: absolute;
  }
  .menu-navegacion a.btn {
    font-size: 1.3em;
  }
  .boton-login-area-usuario.logo-europeo-visible {
    position: absolute;
    top: -53px;
    left: 70px;
    width: 85%;
  }
  .login form input,.registro .form-inline .form-control,.registro .linea-formulario .control-label {
    height: 38px;
  }

  .resumen-usuario-cabecera button.boton-icono-cerrar-sesion {
    margin-left: -30px !important;
  }
  .top-marcas .contenido-marcas .catalogo-contenido .item div.producto {
    min-height: 412px;
  }
  .resumen-carrito-texto .unidades {
      left: 25px;
  }
  .resumen-carrito-texto span.caret {
      left: 58px;
  }

  .buscador-productos {
    position: absolute !important;
    top: -44px !important;
    left: 42px !important;
  }
  .usuario-top {
    padding: 7px 1px 2px 0px;
  }
  .opcion-menu {
    font-size: 1em;
    padding: 6px 0px;
    border-color: transparent;
    background-color: rgba(204, 204, 204, 0.3) !important;
    border-right: 1px solid #649b40;
    font-weight: normal;
  }
  .opcion-menu:hover {
    background-color: #649b40 !important;
    color: #ffffff;
  }
  .boton-icono-area-usuario,.boton-icono-cerrar-sesion {
    display: block;
  }

  .menu-especial-farmacia .dropdown-menu li a {
   /* width: 156px;*/
  }
  .caja .caja-resumen-pedido-contenido {
    height: 164px;
  }
}
@media only screen and (max-width: 992px) and (min-width: 768px){
  /* Cabecera */
  .resumen-usuario-cabecera button.boton-login span {
    margin: 0;
    font-size: 0.8em;
  }

  #headingOne {
    /*top: 18px;*/
    position: absolute;
    background-color: transparent;
    border-radius: 4px;
    /*left: -38px;*/
  }
  #headingOne panel-body {
    top: 0px;
  }
  .panel-heading.green {

  }
  .area-farmacia .contenedor-padre-submodulo .contenedor-submodulo.grafico-ventas-dashboard,.area-farmacia .menu-area-farmacia-activo .contenedor-padre-submodulo .contenedor-submodulo {
    min-height: 293px;
  }
  .area-farmacia .menu-area-farmacia-activo .contenedor-padre-submodulo .contenedor-submodulo-visitas {
    min-height: 293px !important;
  }
  .catalogo .producto-vista-detalle .producto-interacciones-usuario .producto-botones .btn {
    font-size: 11px;
  }
  .resumen-carrito-boton {
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding: 7px 21px 1px 6px;
    cursor: pointer;
    top: 11px;
    left: 0px;
  }
  .sidebar .botones-principales .fondo-contenedor-botones {
    display: block;
    min-height: 56px;
    background-color: transparent;
  }  
  #sidebar.sticky-sidebar .fondo-contenedor-botones {
    background-color: #fff;
    position: fixed;
    z-index: -10;
  }  

  .login form input, .registro .form-inline .form-control, .registro .linea-formulario .control-label {
    height: 38px;
  }

  .login.caja form.form-login .linea-formulario .login form input {
    height: 34px;
  }
  .login .linea-formulario input.log_email,.login .linea-formulario input.login-password {
    height: 34px;
  }
  .sidebar.sticky-sidebar .buscador-productos {
    margin-left: 0px !important;
  }
  .opcion-menu {
    font-size: 1em;
    padding: 6px 0px;
    border-color: transparent;
    background-color: rgba(204, 204, 204, 0.3) !important;
    border-right: 1px solid #649b40;
    font-weight: normal;
  }
  .opcion-menu:hover {
    background-color: #649b40 !important;
    color: #ffffff;
  }
  span.i-carrito, .resumen-carrito-texto .total, .resumen-carrito-texto .unidades, .resumen-carrito-texto .caret {
    margin-top: -6px;
    font-size: 1.2em !important;
  }
  .contenedor-menu-superior-horizontal a {
    margin: 0px;
    padding: 0px;
  }
  /* para estadísticas farmaceúticosw */
  .area-farmacia .grafico-ventas-dashboard .titulo .leyenda-grafico {
    font-weight: normal !important;
    line-height: 32px;
  }
  .catalogo-listado .item div.producto {
    min-height: 414px;
  }
  .catalogo-contenido .item div.producto {
    /* min-height: 468px; */
  }

  .block-vaca-cierres {
    display: none;
  }
  .cabecera-detalle {
    font-size: 0.95em !important;
  }
  #contenedor-menu-opciones {
    display: none;
  }
  .contenedor-menu-superior {
    display: none;
  }
  .menu-especial-farmacia .dropdown-menu li a {
   /* width: 156px;*/
  }
  .contenedor-general .columna-centro:not(.transparente) {
  padding-top: 10px;
}
}
@media(min-width:992px){
  /* cabecera */
  .menu-superior-categorias button.opcion-menu-superior {
    padding: 9px 9px 7px 9px;
  } 

  .usuario-top {
    padding: 8px 2px 2px 1px;
    position: absolute;
    top: 8px;
    left: -132px;
  }

  #contenedor-menu-opciones .opcion-menu {
    font-size: 12px;
    padding: 6px;
    line-height: 20px;
  }

  .area-farmacia .contenedor-submodulo-visitas .resumen-visitas {
    font-size: 12px;      
  }
  .area-farmacia .grafico-ventas-dashboard .titulo .leyenda-grafico{            
    font-weight: normal !important;
    line-height: 32px;
  }

  #panel-filtros-grafico-multiple-estadisticas {
    padding-right: 0px;
  }
  .area-farmacia .contenedor-submodulo .descripcion, #estadisticas-ventas .contenedor-submodulo .descripcion{
    font-size: 13px;/*14px*/
  }
  .area-farmacia .contenedor-submodulo .item .producto .contenedor-titulo .texto, #estadisticas-ventas .contenedor-submodulo .item .producto .contenedor-titulo .texto {
    font-size: 0.8em;
  }
  .area-farmacia .contenedor-submodulo .descripcion-usuarios,.area-farmacia .contenedor-submodulo-visitas .descripcion-visitas{
    font-size: 13px;
    font-weight: bold;        
  }
  .area-farmacia .contenedor-submodulo .texto-precio-unidad, #estadisticas-ventas .contenedor-submodulo .texto-precio-unidad{
    font-size: 18px !important;        
    left: 80% !important;
    top: 10% !important;
    font-weight: bold;
  }

  .area-farmacia .contenedor-submodulo .cantidad-ventas .texto, .area-farmacia .contenedor-submodulo .cantidad-visitas .texto{
    font-size: 12px;        
  }


  .area-farmacia .contenedor-submodulo .tituloBloque-top,.area-farmacia .grafico-ventas-dashboard .titulo,.area-farmacia .contenedor-submodulo-visitas .tituloBloque-top{
    font-size:18px;
  } 
  .area-farmacia .contenedor-submodulo .ratio-circular{
    font-size: 18px;
    font-weight: bold;
    height: 16px;
    color: #000;
    text-align: center;
  }

  /* Promociones de temporada (Home) */
  .carousel-cabecera div {
    text-align: center;
  }

  .carousel-cabecera div:first-child img {
    width: 260px;
  }

  .cabecera-contenedor .telefono-farmacia span,
  .cabecera-contenedor .localizacion-farmacia span,
  .cabecera-contenedor .email-farmacia span
  {
    display: inline-block;
  }

  .cabecera-contenedor .telefono-farmacia {
    text-align: center;
  }


  /* Ayuda */
  .preguntas-frecuentes .listado {            
    background: #f1f1f1;        
  }
  .preguntas-frecuentes .listado-textos {
    float: left;
    position: absolute;        
    border: medium none;        
    width: 100%;        
    left: 0%;
  }
  .preguntas-frecuentes .item-listado {
    padding: 20px 10px;
    margin-bottom: 10px;
  }
  .preguntas-frecuentes .item-listado .item-faq-titulo{
    margin:0px 0px 10px 0px;
    padding: 3px 3px 3px 3px;
    background-color: #DFE5E6;        
    color:#000;        
  }
  .cerrar-faq {
    position: absolute;
    z-index: 10;
    font-weight: bold;
    float: right;
    top: 31px;
    border: medium none;
    right: 16px;
    background-color:  #C5D8DA;
    padding: 2px 7px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente {
    background-color: #f1f1f1;
    color: #417521;       
    padding-top: 0px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .texto-pregunta {
    background-color: #f1f1f1; 
    padding-bottom: 8px;
    padding-top: 5px;
    border-bottom:1px solid #417521;        
    border-radius: 0px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .primera-pregunta {        
    border-top:1px solid #000;
    padding-top: 10px;
  }
  #group-faq .listado-preguntas .listado {
    padding-top: 8px;
    line-height: 1;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-flecha {       
    display:inline;
    top: 20px;
    margin-right: -33px;
    color: #f1f1f1;
    font-size: 4px; 
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar {
    margin-top: -29px;
    margin-right: 0px;
    color: #000;
    font-size: 10px;  
    display:inline;
    background: #C5D8DA;
    padding: 8px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar:hover {        
    background: #D1D1D1;        
  }
  /* Sidebar */
  #sidebar .sidebar {
    font-size: 1.0em;
    color: #b4d4d7;
    top: 124px;
  }
  #sidebar .sidebar span {
    font-size: 2.0em;
  }

  #sidebar .resumen-usuario-cabecera .btn-resumen {
    line-height: 18px;
  }

  #sidebar .resumen-usuario-cabecera .boton-cerrar-sesion {
    margin: 0;
  }
  #sidebar .resumen-usuario-cabecera .botones-principales {
    font-size: 0.7em;
    line-height: 1.6em;
  }
  /* Sidebar -> Contenedor principal */
  /* Sidebar -> Contenedor principal */
  .columna-centro.ancho-maximo {
    margin-top: 0;
  }


  /* General */
  .contenedor-general {
    margin-top: 0px;
  }

  .contenedor-general[data-apartado="area_farmacia"]  {
    margin-top: 70px;
  }

  /* Menú izquierdo */
  .columna-izquierda {
    width: 235px;
  }

  /* Cabecera */

  /* Botón acceso login/registro usuario */
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login .icon-usuario {
    margin: 0 30px;
  }

  /* Botón resumen-carrito */
  .resumen-carrito-contenedor .resumen-carrito-item-eliminar {
    font-size: 16px;
  }

  /* Banner superior de productos */
  .banner .contenedor-imagen-informacion-ofertas {
    display: block;
    clear: both;
    float: right;
    margin-right: 10px;
  }

  .banner .contenedor-imagen-informacion-ofertas img {
    width: 205px;
  }

  /* Información al ciudadano */
  .informacion-ciudadano .controles-carousel {
    margin-left: -482px;
  }

  /* Información pagos */
  .info-compras .contenedor-bloques-info {
    width: 1140px
  }

  .info-compras .info-bloque {
    width: 224px;
  }

  /* Pie general */
  .pie .newsletter .email-newsletter {
    width: 260px !important
  }

  /* Información proceso de compra. Quiénes somos */

  /* Módulo promociones */
  #pestanas-contenido .item-cabecera {
    font-size: 11px;
  }

  /* Apartado de caja */
  .caja-estado-proceso .caja-estado-paso .contenido-paso {
    width: 288px;
  }

  .caja .caja-resumen-pedido-contenido {
    margin-right: 10px;
    margin-bottom: 0;
  }

  .caja .caja-resumen-articulos .contenedor-articulo {
    padding: 18px 3px 0 2px;
    height: 130px;
  }

  .caja .caja-resumen-articulos .titulo-articulo {
    padding-top: 10px;
    height: 45px;
  }

  .caja .caja-resumen-articulos .laboratorio-puntuacion-articulo {
    height: 29px;
  }

  .caja .caja-resumen-articulos .puntuacion-articulo {
    clear: right;
  }

  .caja .caja-resumen-articulos .cantidad-articulo {
    line-height: 2.0em;
    padding-top: 3px;
  }

  .caja .caja-resumen-articulos .cantidad-precio-articulo {
    margin-top: 0;
  }

  .caja .caja-resumen-articulos .cantidad-precio-articulo .precio-articulo {
    margin-top: 0;
  }

  .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;
  }
  /* Apartado catálogo y Apartado búsqueda. Listados */
  .catalogo .producto .producto-imagen .producto-imagen-vista {
    width: 287px;
    height: 287px;
  }

  .catalogo .catalogo-contenido .producto .producto-informacion-iva, 
  .resultados-busqueda .producto .producto-informacion-iva {
    text-align: right;
    width: 72px;
    left: 64px;
  }

  .catalogo .catalogo-contenido .producto .producto-botones .producto-detalles-precio,
  .resultados-busqueda .producto .producto-botones .producto-detalles-precio {
    width: 141px;
    padding-left: 31px;
    background: url('../images/plantillas/3/contenedor_precio_carousel.png') transparent no-repeat 2px 5px;
  }

  /* Aviso del uso de cookies */
  #uso-cookies .aviso-cookies {
    width: 940px;
  }
  #uso-cookies .aviso-cookies .cierre {
    height: 96px;
  }


  /* Área usuario para clientes */

  .area-usuario {
    margin-top: 0;
  }

  #menu-usuario {
    padding: 20px 0;
    /*font-size: 0.8em;*/
  }

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

  /* Flecha de atajo para subir arriba */
  .flecha-subir-arriba.derecha, .flecha-subir-arriba.izquierda {
    top: 50%;
    display: block;
  }
  .flecha-subir-arriba.derecha {
    left: 100%;
    margin-left: -66px;
    top: 83%;
  }
  .flecha-subir-arriba.izquierda {
    left: 0%;
    margin-left: 0px;
  }
  /* Página de error */
  .pagina-error {
    padding-bottom: 50px;
    padding-top: 50px;    
    text-transform: uppercase;
    color:#417521;
  }
  .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 .titulo-error:before {
      content:'.';
      color:#fff;
      background-image: url(../images/plantillas/2/quotes_izq.png);
      width: 40px;
      height: 40px;
      background-position: top right;
      background-repeat: no-repeat;
  }

  .pagina-error .titulo-error:after {
      content:'.';
      color:#fff;
      background-image: url(../images/plantillas/2/quotes_der.png);
      width: 40px;
      height: 40px;
      background-position: top left;
      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:56%;
    margin-left:22%;
  }

  /* Área backend de farmacéutico */
  #pedidos-ventas-mensuales canvas {
    width: 890px !important;
    height: 250px !important;
    margin: 15px;
  }
  /* Área backend de farmacéutico */
  #grafico-ventas-dashboard canvas {
    width: 350px !important;
    height: 180px !important;        
  }
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login span.icon-usuario div {
    display: block;      
  }
  span.i-carrito,.resumen-carrito-texto .total,.resumen-carrito-texto .unidades,.resumen-carrito-texto .caret {
    font-size: 1em !important;
    margin-top: -6px;
  }
  .btn.banner-home {
    display: none;
  }
  .pie a img.latch,.pie img.paypal,.pie img.mrw{
    width: auto !important;
  }
  .boton-resumen-area-usuario {
    top: -45px;
    left: 47px;
    position: absolute;
    display: block;
  }
  .catalogo-contenido .item .producto .contenedor-precios .texto-impuestos {
    width: 50% !important;
    margin-top: -13px;
  }
  .boton-icono-area-usuario {
    display: block;
    visibility: visible;
  }
  .modulo.productos-promocionados .catalogo-contenido .item div.producto {
    min-height: 434px;
  }
  .catalogo-listado .item div.producto {
    min-height: 357px;
  }

  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.i-eliminar {
    line-height: 16px !important;
    font-size: 1em !important;
  }
  .texto-quitar {
    font-size: 0.4em;
    display: block;
    margin-top: 10px;
  } 
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
    padding: 10px 16px 3px 15px;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo {
    background-color: #649b40;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 10px 16px 3px 15px;
    margin: 0px 5px 0px 0px;
    font-size: 2em;
  }  
  .catalogo-listado .catalogo-contenido .item div.producto.promociones {
    min-height: 395px;
  }
  #estadisticas-ventas .contenedor-padre-submodulo .contenedor-submodulo block div div div,.area-farmacia .contenedor-submodulo {
    min-height: 289px !important;
  }
  .area-farmacia .contenedor-padre-submodulo {
    min-height: 338px !important;
  }
  .item .producto .contenedor-marca-puntuacion .producto-marca {
    font-size: 0.9em;
  }
  .resumen-usuario-cabecera button span {
    font-size: 1.6em !important;
    font-weight: bold;
      margin-left: 0px !important;
  }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario {
  font-size: 1.5em !important;
  top: 7px;
  left: -216px;
  position: absolute;
  }
  .resumen-usuario-cabecera button span.i-abandonar-sesion {
  font-weight: bold;
  margin-top: 18px;
  position: absolute;
  margin-left: -140px !important;
  }
  .resumen-usuario-cabecera .btn-group button a {
    color: #333;
    font-size: 0.65em;
  }
  .resumen-usuario-cabecera .btn-group button a.boton-area-usuario {

  }
  
  .area-farmacia .contenedor-submodulo-visitas {
    min-height: 289px !important;
  }
  .block-vaca-cierres {
    position: absolute;
    top: -290px;
    width: 50%;
    left: 499px;
  }
  .cabecera-detalle {
    font-size: 0.95em !important;
  }
  .menu-navegacion a.btn {
    float: left;
  }
  .contenedor-cabecera .menu-navegacion {
    min-height: 42px;
    margin-top: 8px;
    margin-left: -16px;
  }
  .col-lg-2.col-md-3.col-sm-3.col-xs-10.no-padding.cont-buscador-productos.logo-europeo-visible {
    margin-left: -264px;
  }
}










/****************************************************************************************************************************************/

/* Grandes dispositivos */
/*@media(min-width:1200px){*/

  #contenedor-menu-opciones.logo-europeo-visible {
      margin-top: 0px;
  }
.logo-cabecera img {
    width: auto !important;
    height: auto !important;
}

  #contenedor-menu-opciones .opcion-menu {
    font-size: 1em;
    padding: 6px 0px;
    border-color: transparent;
    background-color: #fff !important;
    border-right: 1px solid #649b40;
    font-weight: normal;
    /*border-top: 3px solid transparent !important;*/
  }
  #contenedor-menu-opciones {
    display: block;
  }
  #contenedor-menu-opciones .opcion-menu.m-sin-receta:hover,#contenedor-menu-opciones .opcion-menu.c-paciente:hover,#contenedor-menu-opciones .opcion-menu.c-personal:hover,#contenedor-menu-opciones .opcion-menu.o-verano:hover {
    border-bottom: 3px solid #649b40 !important;
    line-height: 18px;
    padding-bottom: 4px;
  }
  #contenedor-menu-opciones .opcion-menu:hover {
    border-bottom: 3px solid #649b40 !important;
    line-height: 41px;
    padding-bottom: 3px;
  }

  .area-farmacia .contenedor-submodulo-visitas .resumen-visitas {
    font-size: 14px;        
  }
  .area-farmacia .grafico-ventas-dashboard .titulo .leyenda-grafico{            
    font-weight: normal !important;
    line-height: 32px;
  }
  #servicios-activos, #servicios-inactivos{
    font-size:14px;
  }
  /* GRAFICOS Y RESPONSIVIDAD
  #grafico-multiple-estadisticas-web{
    //width: 900px !important;
  }
  #estadisticas-ventas .resumen-numerico-compras canvas{
    // width: 180px !important;
  }
  #grafico-numventas-estadisticas-ventas{
    //width: 1100px !important;

  }
  */
  #estadisticas-ventas .resumen-numerico-compras .valor
  {
    line-height: 30px;
  }
  #panel-filtros-grafico-multiple-estadisticas {
    padding-right: 5px;
    padding-left: 15px;        
    /*/height: 250px !important;*/
  }
  #panel-filtros-grafico-multiple-estadisticas label{
    font-size: 14px !important;        
  }
  #panel-filtros-grafico-multiple-estadisticas .size30{
    font-size: 30px;        
  }
/*
  #grafico-multiple-estadisticas-ventas{
    //width: 920px !important;
    //height: 260px !important;
  }  
*/
  /* GRAFICOS Y RESPONSIVIDAD*/


  .area-farmacia .contenedor-submodulo .descripcion-usuarios,.area-farmacia .contenedor-submodulo-visitas .descripcion-visitas{
    font-size: 12px;
    font-weight: bold;        
  }


  .area-farmacia .contenedor-submodulo .texto-precio-unidad, #estadisticas-ventas .contenedor-submodulo .texto-precio-unidad{
    font-size: 18px !important;        
    left: 80% !important;
    top: 10% !important;
    font-weight: bold;
  }
  .area-farmacia .contenedor-submodulo .cantidad-ventas .texto, .area-farmacia .contenedor-submodulo .cantidad-visitas .texto{
    font-size: 16px;        
  }

  .area-farmacia .contenedor-submodulo .ratio-circular{
    font-size: 18px;
    font-weight: bold;
    height: 16px;
    color: #000;
    text-align: center;
  }
  .area-farmacia .contenedor-submodulo .tituloBloque-top,.area-farmacia .grafico-ventas-dashboard .titulo, .area-farmacia .contenedor-submodulo-visitas .tituloBloque-top{
    font-size:18px;
  } 

  /* Promociones de temporada (Home) */
  .carousel-cabecera div {
    text-align: center;
  }

  .carousel-cabecera div:first-child img {
    width: 370px;
  }

  /* Ayuda */
  .preguntas-frecuentes .listado {            
    background: #f1f1f1;        
  }
  .preguntas-frecuentes .listado-textos {
    float: left;
    position: absolute;        
    border: medium none;        
    width: 202%;        
    left: 100%;
  }
  .preguntas-frecuentes .item-listado {
    padding: 30px 50px;              
    margin: 0px -10px; 
    background-color: #F1F1F1;
    border-radius: 4px;
    border: 1px solid #D6D6D6;
    box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.6) !important;
  }
  .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;
  }
  .cerrar-faq {
    position: absolute;
    z-index: 10;
    font-weight: bold;
    float: right;
    top: 21px;
    border: medium none;
    right: 16px;
    background-color: transparent;
    padding: 2px 7px;
  }
  .cerrar-faq:hover {        
    border: 1px solid #c1c1c1;        
    background-color: #d1d1d1;               
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente {
    background-color: #417521;
    color: #fff;
    cursor: pointer;
    padding: 10px 8px;
    margin-bottom: 5px;
    text-transform: uppercase;
    border-radius: 5px;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .texto-pregunta,.preguntas-frecuentes .cabecera-pregunta-frecuente div.texto-pregunta {
    background-color: #417521;
    padding: 0px 6px;
    display: block;
    border-radius: 3px;
    font-weight: bold;
    font-size: 12px;
    border-bottom:0px solid #000;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .primera-pregunta {        
    border-top:0px solid #000;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-flecha {
    margin-top: -25px;
    margin-right: -33px;
    color: #417521;
    font-size: 40px;   
    display:inline;
  }
  .preguntas-frecuentes .cabecera-pregunta-frecuente .cabecera-pregunta-frecuente-desplegar {

    display:none;
  }

  /* Sidebar */
  #sidebar .resumen-usuario-cabecera .boton-area-usuario {
    padding-top: 9px;
  }
  #sidebar .resumen-usuario-cabecera .btn-resumen {
    line-height: 22px;
    margin-left: 146px;
  }
  #sidebar .resumen-usuario-cabecera .boton-cerrar-sesion .btn-icono {
    width: 41px;
  }
  #sidebar .buscador-productos #search-box {
    /*width: 128px;*/
  }
  /* Sidebar -> Contenedor principal */
  .columna-centro.ancho-maximo {
    margin-top: 0;
  }

  /* Menú izquierdo */
  .columna-izquierda {
    width: 285px;
  }

  /* Cabecera */
  .logo-cabecera img{
    width: auto;
  }
  .sidebar {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 55;
  }
  .contenedor-cabecera {
    position: relative;
    z-index: 0;
  }
  .contenedor-cabecera .cabecera {
    min-height: 113px;
  }
  .logo-cabecera img {
    width: auto !important;
    height: auto !important;
  }

  /* Botón acceso login/registro usuario */
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login .icon-usuario {
    margin: 0;
  }

  /* Botón resumen-carrito */
  .resumen-carrito-contenedor .resumen-carrito-item-eliminar {
    font-size: 20px;
  }

  /* Banner superior de productos */
  .banner .contenedor-imagen-informacion-ofertas {
    display: block;
    clear: both;
    float: right;
    margin-right: 10px;
  }

  .banner .contenedor-imagen-informacion-ofertas img {
    width: 291px;
  }

  /* Información al ciudadano */
  .informacion-ciudadano .controles-carousel {
    margin-left: -582px;
  }

  /* Información pagos */
  .info-compras .contenedor-bloques-info {
    /*width: auto;*/
  }

  .info-compras .info-bloque {
    width: 224px;
  }

  /* Módulo promociones */
  #pestanas-contenido .item-cabecera {
    font-size: 12px;
  }

  /* Apartado de caja */
  .caja-estado-proceso .caja-estado-paso .contenido-paso {
    width: 355px;
  }

  .caja .caja-resumen-articulos .contenedor-articulo {
    padding: 21px 3px 10px 2px;
    height: 150px;
    margin-top:20px;
  }

  .caja .caja-resumen-articulos .titulo-articulo {
    padding-top: 10px;
    height: 47px;
  }

  .caja .caja-resumen-articulos .laboratorio-puntuacion-articulo {
    height: 17px;
  }

  .caja .caja-resumen-articulos .cantidad-articulo {
    line-height: 1.2em;
    padding-top: 5px;
    clear: both;
  }

  .caja .caja-resumen-articulos .cantidad-precio-articulo {
    margin-top: 9px;
  }

  .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: 1em;*/
  }



  /* Apartado catálogo y Apartado búsqueda. Listados */
  .catalogo .producto .producto-imagen .producto-imagen-vista {
    width: 320px;
    height: 320px;
    margin: 0 auto;
  }

  .catalogo .catalogo-contenido .producto .producto-informacion-iva, 
  .resultados-busqueda .producto .producto-informacion-iva {
    text-align: right;
    width: 72px;
    left: 97px;
  }

  .catalogo .catalogo-contenido .producto .producto-botones .producto-detalles-precio,
  .resultados-busqueda .producto .producto-botones .producto-detalles-precio {
    width: 174px;
    padding-left: 30px;
    background: url('../images/plantillas/3/contenedor_precio.png') transparent no-repeat top left;
  }

  #uso-cookies .aviso-cookies .cierre {
    height: 65px;
  }



  /* Área usuario para clientes */
  .area-usuario {
    padding: 0 10px;
  }

  #menu-usuario,
  .area-usuario #valoraciones-usuario .modulo .cuadro .campos,
  .area-usuario .modulo .campo,
  .area-usuario .resumen-subapartado,
  .area-usuario .modulo .checkbox,
  .area-usuario #datos-usuario .eliminar-usuario .eliminar-texto,
  .area-usuario #pago-usuario form,
  .area-usuario .integracion-latch,
  .area-usuario #datos-usuario .eliminar-usuario .motivo,
  .area-usuario #datos-usuario .eliminar-usuario .segundo-paso .contrasena-texto {
    font-size: 1em;
  }



  /* Flecha de atajo para subir arriba */
  .flecha-subir-arriba {
    top: 50%;
  }
  .flecha-subir-arriba.derecha {
    left: 100%;
    margin-left: -62px;
    top: 82%;
  }
  .flecha-subir-arriba.izquierda {
    left: 0%;
    margin-left: 2px;
  }  

  /* Página de error */
  .pagina-error {
    padding-bottom: 50px;
    padding-top: 50px;    
    text-transform: uppercase;
    color:#417521;
  }
  .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: 35% 8%, 65% 8%;
    background-repeat: no-repeat;
  }

  /*.pagina-error .titulo-error:before {
      content:'.';
      color:#fff;
      background-image: url(../images/plantillas/2/quotes_izq.png);
      width: 40px;
      height: 40px;
      background-position: top right;
      background-repeat: no-repeat;
  }
  
  .pagina-error .titulo-error:after {
      content:'.';
      color:#fff;
      background-image: url(../images/plantillas/2/quotes_der.png);
      width: 40px;
      height: 40px;
      background-position: top left;
      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%;

  }

  /* Área backend de farmacéutico */
  #pedidos-ventas-mensuales canvas {
    width: 730px !important;
    height: 250px !important;
    margin: 10px;
  }

  #grafico-ventas-dashboard canvas {
    width: 350px !important;
    height: 180px !important;

  }
  #grafico-multiple-estadisticas-web{
    /*width: 1100px !important;*/
  }
  .resumen-carrito-cabecera {
    top: -49px !important;
    left: 201px;
    position: absolute;
    width: 105px;
    
    /* David */
    top: -54px;
    left: 213px;
    position: absolute;
    /* David */
    left: initial;
    right: 0;
    height: 41px;
  }

  .resumen-carrito-cabecera.logo-europeo-visible {
    /*top: -77px !important;*/
    left: 59px;
    position: absolute;
  }

  .boton-login-area-usuario {
    position: absolute;
    top: -46px;
    left: 600px;
    width: 85%;
  }
  .boton-login-area-usuario.logo-europeo-visible {
    position: absolute;
    top: -46px;
    left: 460px;
    width: 85%;
  }
  .resumen-usuario-cabecera button {
    text-transform: uppercase;
    border: 1px solid transparent;
    cursor: pointer;
  }
  .resumen-usuario-cabecera button:hover {
    background-color: transparent;
    border: 1px solid transparent;
  } 
  .resumen-usuario-cabecera .boton-login-area-usuario button.boton-login span.icon-usuario div {
    display: block;      
  }
  .resumen-carrito-boton {
    text-transform: uppercase;
    border: 1px solid transparent;
    border-radius: 4px !important;
    padding: 7px 21px 1px 6px;
    cursor: pointer;
    position: absolute;
    top: 0px;
  }
  .buscador-productos {
    position: absolute !important;
    top: -45px !important;
  }
  span.i-carrito,.resumen-carrito-texto .total,.resumen-carrito-texto .unidades,.resumen-carrito-texto .caret {
    color: #649b40;
    font-size: 1.1em !important;
    margin-top: -3px;
  }
  .resumen-carrito-texto .caret {
    margin-top: -5px !important;
  }
  .dropdown-menu.resumen-carrito-contenedor {
    width: 340px;
    top: 55px;
    left: -255px;
  }
  .banner-temporada {
    margin: 0;
  }

  .login form input,.registro .linea-formulario input,.registro .linea-formulario select,.registro .linea-formulario .control-label {

  }
  .btn.banner-home {
    display: none;
  }
  .resumen-usuario-cabecera .boton-login-area-usuario button span.texto-loginUser {
    display: block;
    vertical-align: middle;
    color: #666666;
    font-size: 0.95em !important;
    line-height: 16px;
    text-align: center;
    padding: 0;
    font-weight: normal;
    width: auto;
    margin: 0px;
    margin-left: 287px !important;
    position: absolute;
  }
  .pie a img.latch,.pie img.paypal,.pie img.mrw{
    width: auto !important;
  }
  .resumen-usuario-cabecera button.btn-icono {
    margin-top: 0px;
  }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-cerrar-sesion {
    position: absolute;
    top: 0px;
    left: 330px;
    height: 35px;
    width: 35px;
  }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario {
    position: static;
    top: 4px;
    left: 363px;
  }
  .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario {
    margin-left: 0;
  }
  #sidebar .resumen-usuario-cabecera .btn-resumen {
    position: absolute;
    top: 0px;
  }
  .resumen-usuario-cabecera .btn-group button a {
    color: #333333;
  }
  .boton-resumen-area-usuario {
    top: -50px;
    left: 685px;
    font-size: 1.3em;
    position: absolute;
  }
  .resumen-carrito-boton .resumen-carrito-simbolo span {
    color: #649b40;
  }
  .usuario-top {
    padding: 8px 2px 2px 1px;
    position: absolute;
    top: -1px;
    left: 227px;
  }

  .grafico-ventas-dashboard canvas {
    margin-top: 2%;   
  } 
  .boton-icono-area-usuario {
    display: block;
    visibility: visible;
    position: absolute;
    top: -5px;
    left: 147px;
  }
  .item .producto .contenedor-precios .texto-precio-unidad {
    font-size: 37px;
  }
  .catalogo-contenido .item .producto .contenedor-precios .texto-impuestos {
    width: 50% !important;
    float: left !important;
    margin-top: -2px;
  }
  .catalogo-listado .item div.producto {
    min-height: 362px;
  }
  .top-marcas .contenido-marcas .catalogo-contenido .item div.producto {
    min-height: 394px;
  }
  .modulo.productos-promocionados .catalogo-contenido .item div.producto {
    min-height: 417px;
  }
  .area-farmacia .contenedor-submodulo, #estadisticas-ventas .contenedor-submodulo {
    /* min-height: 0 !important; */
  }
  .area-farmacia .contenedor-submodulo-visitas {
    /*min-height: 269px !important;*/
  }
  .block-vaca-cierres {
    position: relative;
    top: 0px;
    width: 100%;
  }
  .login-usuario {
    margin-top: 0px;
  }
  .modulo.registro-usuario {
    margin-top: 0px;
  }
  .block-vaca-cierres {
    position: relative;
    left: 0px;

  }
  .login-usuario {
    /*top: 0px;
    background-color: #F0F0F0;
    width: 389px;
    padding: 0px 10px 0px 10px !important;
    margin-left: 4px;
    z-index: 100;*/
    display: block;
  }
  .menu-especial-farmacia {
    width: 100%; 
  }
  .menu-especial-farmacia.logo-europeo-visible {
    width: 90%; 
  }
  #sidebar .resumen-usuario-cabecera .boton-area-usuario {
    display: inline-block;
    cursor: pointer;
  }
  .cont-quienes-somos-contacto {
    margin-left: 246px;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo:hover {
    padding: 13px 9px 3px 11px;
  }
  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito.activo {
    background-color: #649b40;
    cursor: pointer;
    color: #ffffff;
    border-radius: 4px;
    text-align: center;
    padding: 13px 9px 3px 11px;
    margin: 0px 5px 0px 0px;
    font-size: 2em;
  }

  .item .producto .contenedor-precios .acciones .producto-detalles-anadir-al-carrito span.i-eliminar {
    line-height: 16px;
    font-size: 1em;
  }
  .texto-quitar {
    font-size: 0.4em;
    display: block;
    margin-top: 9px;
  }
  .menu-especial-farmacia .dropdown-menu li a {
   /* width: 188px;*/
    padding: 8px;
  }
  .menu-especial-farmacia .dropdown-menu li a:hover {
    padding: 8px;
  }
  .contenedor-cabecera .menu-navegacion {
    min-height: 42px;
    margin-top: 8px;
    margin-left: -25px;
  }
  .contenedor-cabecera .menu-navegacion {
    display: block;
  }

  .resumen-usuario-cabecera button.boton-login span {
    margin: 0 5px;
  }
  .caja .caja-resumen-pedido-contenido {
    height: 165px;
  }
  .caja .caja-resumen-pedido .importe-total {
    width: 100%;
  }
  .col-lg-2.col-md-3.col-sm-3.col-xs-10.no-padding.cont-buscador-productos.logo-europeo-visible {
    margin-left: -170px;
  }

  .contenedor-general[data-apartado="area_farmacia"] {
    margin-top: -15px;
  }
  .banner-temporada .carousel-inner {
    height: auto;
  }
  .resumen-usuario-cabecera button span.i-abandonar-sesion {
    margin-top: 23px;
    position: absolute;
    margin-left: -144px !important;
}
.resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario {
    font-size: 1.5em !important;
    top: 7px;
    left: 20px;
    position: absolute;
}
.resumen-usuario-cabecera .boton-icono-area-usuario .alertas-notificacion {
  /*left: 113px !important;
  top: 7px !important;*/
}
.resumen-carrito-boton .resumen-carrito-simbolo span.i-carrito {
  width: auto;
  border: none;
  left: -5px;
  position: static; /* David */
  top: 3px;
  float: left; /* David */
}
.resumen-carrito-texto .unidades {
  left: 4px;
  width: 30px;
}
.resumen-carrito-texto span.caret {
  left: 35px;
  top: 17px;
}
.resumen-usuario-cabecera button.boton-login span.i-usuario {
  margin-left: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
  .caja-estado-proceso .caja-estado-paso .contenido-paso {
    width: 288px;
  }
}
@media(max-width: 768px){
    .area-farmacia .contenedor-submodulo.grafico-ventas-dashboard{
       min-height: 400px;
    }
}
@media(max-width: 480px){
    .area-farmacia .contenedor-submodulo.grafico-ventas-dashboard{
        min-height: 230px;
    }
}