/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-mar-2016, 11:02:55
    Author     : PC_C
*/

*{
    /*box-shadow: 0 0 0 1px rgba(1, 63, 170, 0.15);   */
}


.login-registro {
  /*top: 56px;*/
  padding-top: 20px;
  
}
.diasServicios{
    margin-top: 24px !important;
}
#cssMenuResponsive,
.menu-farmacias{
    max-height: -o-calc(500px - 114px);
    max-height: -o-calc(100vh - 114px);
    max-height: -webkit-calc(500px - 114px);
    max-height: -webkit-calc(100vh - 114px);
    max-height: -moz-calc(500px - 114px);
    max-height: -moz-calc(100vh - 114px);
    max-height: calc(500px - 114px);
    max-height: calc(100vh - 114px);
    overflow-y: auto;
}


.buscar-responsivo
{
    display: none;
}
#headingOne{
    display: none;
}

/* CABECERA */
.cont-cabecera-sidebar{
  box-shadow: 0px 0px 10px 1px rgba(153, 153, 153, 0.6);
  border-bottom: 1px solid rgba(204, 204, 204, 0.9);
}

/*LOGO*/

.logoContainer{
    margin-left: 20px;
    width: 161px;
}

  .contactoText{
    color: black;
  }
  .cont-quienes-somos-contacto{
    position: static;
    position: absolute;
    right: 0;
    float: right;
    margin-right: 95px;
    margin-left: 0;
    margin-top: 7px;
  }
  .cont-quienes-somos-contacto a{
    float: right;
    display: block;
    margin-top: 0;
    color: #333 !important;
    text-decoration: none; 
    margin: 3px 4px;
  }
  .cont-quienes-somos-contacto a:hover{
    color: #333;
  }
  .cont-quienes-somos-contacto a:link {
    text-decoration: none;
    color: #333;
  }
  .menuNavShort{
      padding-top: 5px;
    text-transform: none;
  }
  
                /* ICONOS Y SUBNAVEGACION */
                        /*ICONO CARRITO*/
                        
    .resumen-carrito-boton{
        padding: 0;
    }
    .resumen-carrito-cabecera{
        width: 70px;
        margin-top: 7px;
    }
    .resumen-carrito-cabecera .i-carrito {
        position: static;
    }
    .resumen-carrito-cabecera .unidades2{
        display: none;
    }
    .fondoCantidadArticulos{
        background: red; /* tiene que llevar el color personalizado principal  -  Està en rojo provisionalmente para que sea visible*/ 
        border-radius: 50%;
    }
            
    span.i-carrito{
        margin-top: 0px;
    }
     /*   ICONOS MI AREA Y SALIR  */
    .miareaSalir{
         position: static;
         float: right;
    }
    .boton-resumen-area-usuario{
        position: static;
        margin-top: 1px;
    }
    .boton-resumen-area-usuario a {
        margin: 0 4px;
    }
    .resumen-usuario-cabecera button,
    .resumen-usuario-cabecera a{
        margin: 0;
        padding: 0;
    }
    .boton-area-usuario{
        border: 0;
    }
    .resumen-usuario-cabecera button.btn-icono.boton-icono-area-usuario span.i-usuario.i-usuario-area-usuario{
        display: block;
        position: static;
        float: left; 
        margin-right: 0;
        border: 0;
        width: 20px;
    }
    .boton-icono-area-usuario{
        position: static;
        margin-left: 0;
        float: left;    
        border: 0;
    }
    #botonSalir{
        text-transform:none; 
        font-size:15.6px; 
        margin-left: 8px !important;
        float: right; 
        margin-top:2px;
    }
    .boton-area-usuario.textoAreaUsuario{
        margin-top: 1px;
    }
  
            /*    barra de busqueda */
  #search-box{
    background: rgb(234,234,234);
    text-transform: none;
  }
  .buscador-productos{
    width: 39%;
    margin: 0 auto;
    position: static !important;
  }
/*barra de busqueda fin  */

 /***********   ********************/
    .hamburguesaPos{
        position: absolute;
        top: 23px;
        left: 60px;
    }
    .cont-desplegable-menu-responsivo{
        margin-top: 55px;
    }
    
    
 /* traductor */
    .traductor{
        /*position: absolute;*/
        top: -1px;
        right: 19px;
        float:left;
        margin-top: -1px;
    }
    .traductor img{
        display: none !important;
    }
    .traductor table{
        color: black !important;
    }
    .goog-te-banner-frame.skiptranslate{
        top: initial !important;
        bottom: 0 !important;
        display: none;
    }
    .goog-te-gadget-simple{
        border: 0 !important;
    }
    a.goog-te-menu-value span{
        border: 0 !important;
    }
    .divisor{
        width: 2px;
        height: 20px;
        background: rgba(0,0,0,0.5);
        float: right;
        margin: 0 5px;
        position: relative;
        top: 2px;
        display: block;
    }
    .resumen-usuario-cabecera button,
    .resumen-usuario-cabecera a,
    #botonSalir,
    .contactoText
    
    {
        margin-left: 0;
        margin-right: 0;
    }
    .contenedor-cabecera span {
        margin-right: 0;
    }
    .cont-cabecera-sidebar{
        transition: top 0.2s ease-in-out;
    }
    .nav-up {
        top: -145px !important;
    }
    .imgEuropea {
    border: 1px solid rgba(0, 128, 0, 0.42);
    border-radius: 6px;
    /*box-shadow: 0 5px 8px 0px rgba(0,0,0,0.25);*/
    height:85px;
    }
    
    .catalogo-listado .item .medicamento .producto-imagen .contenedor-foto img {
	height: 155px;
        width: 100%;
    }
    .producto.medicamento .producto-imagen img {
        height: auto;
    }
    .grafico-dashboard-ventas-mes-pedidos, 
    .grafico-dashboard-ventas-semestre-pedidos , 
    .grafico-dashboard-ventas-anuales-pedidos, 
    .grafico-dashboard-ventas-semana-pedidos {
        position: absolute;
        margin: 0 auto !important;
        width: 94%;
    }
    .grafico-dashboard-ventas-mes-pedidos > canvas,
    .grafico-dashboard-ventas-semestre-pedidos > canvas ,
    .grafico-dashboard-ventas-anuales-pedidos > canvas,
    .grafico-dashboard-ventas-semana-pedidos > canvas{
        margin: 0 auto !important;
        width: 80%;
        height: 170px !important;
    }
    .grafico-dashboard-ventas-anuales,
    .grafico-dashboard-ventas-semestre, 
    .grafico-dashboard-ventas-mes,
    .grafico-dashboard-ventas-semana{
        position: absolute;
        margin: 0 auto;
        width: 92%;
    }
/*1***** ICONOS REDES SOCIALES ********/
    /*1.1*** Default ****/
    .dvIcoIn {
        background: #c9c9c9;
        text-align: center;
        border-radius: 50%;
        overflow: hidden;
        vertical-align: middle;
        line-height: 32px;
        text-shadow: 
            1px 1px 2px rgba(138, 138, 138, 0.2),
            2px 2px 2px rgba(138, 138, 138, 0.2),
            3px 3px 2px rgba(138, 138, 138, 0.2),
            4px 4px 2px rgba(138, 138, 138, 0.15),
            5px 5px 2px rgba(138, 138, 138, 0.15),
            6px 6px 2px rgba(138, 138, 138, 0.15),
            7px 7px 3px rgba(138, 138, 138, 0.1),
            8px 8px 3px rgba(138, 138, 138, 0.1),
            9px 9px 3px rgba(138, 138, 138, 0.05),
            10px 10px 4px rgba(138, 138, 138, 0.05),
            10px 10px 4px rgba(138, 138, 138, 0.05);

        cursor: pointer;
            
    }
    /*1.2*** Twitter ****/
    .cabecera-contenedor .redes-sociales .dvIcoIn.i-twitter:hover,
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-twitter:hover{
        background: #b4e2fa;
        text-shadow: 
            1px 1px 2px rgba(60, 181, 242, 0.2),
            2px 2px 2px rgba(60, 181, 242, 0.2),
            3px 3px 2px rgba(60, 181, 242, 0.2),
            4px 4px 2px rgba(60, 181, 242, 0.15),
            5px 5px 2px rgba(60, 181, 242, 0.15),
            6px 6px 2px rgba(60, 181, 242, 0.15),
            7px 7px 3px rgba(60, 181, 242, 0.1),
            8px 8px 3px rgba(60, 181, 242, 0.1),
            9px 9px 3px rgba(60, 181, 242, 0.05),
            10px 10px 4px rgba(60, 181, 242, 0.05),
            10px 10px 4px rgba(60, 181, 242, 0.05);
        box-shadow: 0 0 4px 1px rgba(60, 181, 242, 0.2);
        transition: background 0.5s, text-shadow 0.5s, transform 0.2s, box-shadow 0.2s;
        transform: scale(1.1);
            
        /*animation: rotarEjeX90 0.5s;*/

    }
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-Y-Youtube2:hover,
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-Y-Youtube1:hover{
        font-size: 18px;
    }
    
    /*1.3*** Youtube ****/
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-Y-Youtube2:hover,
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-Y-Youtube1:hover{
        background: #f38e89;
        text-shadow: 
            1px 1px 2px rgba(230, 33, 23, 0.2),
            2px 2px 2px rgba(230, 33, 23, 0.2),
            3px 3px 2px rgba(230, 33, 23, 0.2),
            4px 4px 2px rgba(230, 33, 23, 0.15),
            5px 5px 2px rgba(230, 33, 23, 0.15),
            6px 6px 2px rgba(230, 33, 23, 0.15),
            7px 7px 3px rgba(230, 33, 23, 0.1),
            8px 8px 3px rgba(230, 33, 23, 0.1),
            9px 9px 3px rgba(230, 33, 23, 0.05),
            10px 10px 4px rgba(230, 33, 23, 0.05),
            10px 10px 4px rgba(230, 33, 23, 0.05);
        box-shadow: 0 0 4px 1px rgba(230, 33, 23, 0.2);
        transition: background 0.5s, text-shadow 0.5s, transform 0.2s, box-shadow 0.2s;
        transform: scale(1.1);
        font-size: 18px;
    }
    /*1.4*** Google + ****/
    .cabecera-contenedor .redes-sociales .dvIcoIn.-i-googleplus:hover,
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-googleplus:hover{
        background: #f38e89;
        text-shadow: 
            1px 1px 2px rgba(230, 33, 23, 0.2),
            2px 2px 2px rgba(230, 33, 23, 0.2),
            3px 3px 2px rgba(230, 33, 23, 0.2),
            4px 4px 2px rgba(230, 33, 23, 0.15),
            5px 5px 2px rgba(230, 33, 23, 0.15),
            6px 6px 2px rgba(230, 33, 23, 0.15),
            7px 7px 3px rgba(230, 33, 23, 0.1),
            8px 8px 3px rgba(230, 33, 23, 0.1),
            9px 9px 3px rgba(230, 33, 23, 0.05),
            10px 10px 4px rgba(230, 33, 23, 0.05),
            10px 10px 4px rgba(230, 33, 23, 0.05);
        box-shadow: 0 0 4px 1px rgba(230, 33, 23, 0.2);
        transition: background 0.5s, text-shadow 0.5s, transform 0.2s, box-shadow 0.2s;
        transform: scale(1.1);
        font-size: 18px;
    }
    /*1.5*** facebook ****/
    .cabecera-contenedor .redes-sociales .dvIcoIn.i-facebook:hover,
    .cabecera-contenedor .redes-sociales .dvIcoIn.icon-facebook:hover
    {
        background: #839ccf;
        text-shadow: 
            1px 1px 2px rgba(59, 89, 152, 0.2),
            2px 2px 2px rgba(59, 89, 152, 0.2),
            3px 3px 2px rgba(59, 89, 152, 0.2),
            4px 4px 2px rgba(59, 89, 152, 0.15),
            5px 5px 2px rgba(59, 89, 152, 0.15),
            6px 6px 2px rgba(59, 89, 152, 0.15),
            7px 7px 3px rgba(59, 89, 152, 0.1),
            8px 8px 3px rgba(59, 89, 152, 0.1),
            9px 9px 3px rgba(59, 89, 152, 0.05),
            10px 10px 4px rgba(59, 89, 152, 0.05),
            10px 10px 4px rgba(59, 89, 152, 0.05);
        box-shadow: 0 0 4px 1px rgba(59, 89, 152, 0.2);
        transition: background 0.5s, text-shadow 0.5s, transform 0.2s, box-shadow 0.2s;
            transform: scale(1.1);
    }
    /*1.6*** Medidas y posiciones*/
        .cabecera-contenedor .redes-sociales .dvIcoIn {
            line-height: 25px;
            width: 25px;
            height: 25px;
            font-size: 16px;
            
            color: #ffffff;
            margin: 0 3px;
            float: right;
        }
        
        .cabecera-contenedor .redes-sociales{
            float: right;
            margin-top: 45px;
            margin-right: 25px;
        }
        


        
        /******* iconos footer ********/
        
        
        .enlaces-redes-sociales.linea-detalle{
            text-align: center;
        }
        .enlaces-redes-sociales.linea-detalle a {
            margin-bottom: 11px;
            text-align: center;
            display: inline-block;
        }
/****** FIN ICONOS REDES SOCIALES ********/