@font-face{
    font-family: FuentePersonalizada1;
    src: url('./ClementePDag-Book.ttf');
    /*     ,url('Sansation_Light.eot');  IE9 */
}

/*imagen gota paginas excepto inicio*/
div.divTodo{
    position: absolute;
    top: 210px;
    left: 984px;
    padding: 0px;
    width: 294px;
    height: 932px;
    overflow: hidden;
    text-align: center; 
}
div.divTodo img{
    opacity:0.5;
    filter:alpha(opacity=50);
}
/*subir y atras en productos, categorias y otros*/
div.divContenido div.divCuerpo div.divAtras{
    float: none;
    position: fixed;
    bottom: 15px;
    right: 25px;
    width: 32px;
    height: 32px;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
}
div.divContenido div.divCuerpo div.divSubir{
    bottom: 35px;
}
div.divContenido div.divCuerpo div.divAtras img{
    width: 32px;
    height: 32px;
    padding: 2px;
    border-radius: 50px;
    background-color: #DDD;
    opacity:0.55;
    filter:alpha(opacity=55);
}
div.divContenido div.divCuerpo div.divAtras img:hover{
    background-color: #FFF;
    opacity:1;
    filter:alpha(opacity=100);
}
/*ENCABEZADO CON INFORMACION LLAMATIVA*/
/*div.divInformacionImportante{
    width: 80%;
    margin: 5px 8%;
    padding: 6px 2%;
    border: 5px double #ffe83c;
    border-radius: 8px;
    background-color: #222;
    font-family: ZektonCSS;
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
    color: #ffe700;
}*/
/*div popup, para mostrar una oferta destacada*/
div.divPopUp{
    position: absolute;
    left:0;
    right:0;
    top: 50px;
    width: 796px;
    margin-left: auto;
    margin-right: auto;
    background-color: #191919;
    border: 1px solid #333333;
    border-top: 3px solid #666666;
    border-radius:4px;
    overflow: hidden;
    display: none;
    z-index: 99;
}
div.divPopUp div{float:left;}
div.divPopUp div.divEncabezadoPopUp{
    width: 500px;
    height: 26px;
    padding-top: 2px;
    padding-left: 20px;
    color: #ffe700;
    font-size: 15pt;
    font-weight: bold;
    font-variant: small-caps;
}
div.divPopUp div.divCerrarVentanaPopUp{
    float: right;
    width: 10px;
    height: 10px;
    padding: 3px;
    margin: 5px 6px 0px 0px;
    border: 2px solid white;
    border-radius: 25px;
    cursor: pointer;
}
div.divPopUp div.divCerrarVentanaPopUp img{
    height: 10px;
    width: 10px;
    vertical-align: top;
}
div.divPopUp div.divContenidoPopUp{
    width: 796px;
    background-color: #f9f9f9;
}
div.divPopUp div.divContenidoPopUp img{
    width: 796px;
}
/*capa transparente para cubrir todo el contenido de la pagina*/
div.divCapaTransparente{
    position: fixed;
    top:0px;
    left: 0px;
    display:none;
    width: 100%;
    height: 100%;
    background-color: #CCC;
    opacity:0.85;
    filter:alpha(opacity=85);
    z-index: 2;
}
div.divCapaCookiesLegal{
    float: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 80%;
    height: 110px;
    padding: 0px 10%;
    background-color: #30d1ff;
    opacity:0.93;
    filter:alpha(opacity=93);
    font-size: 10pt;
    text-align: center;
}
/*estilos genericos*/
img{border:none;}
/*a:visited{color:#660000;}*/
/*a:focus{color:#063cc0;}*/
input.inpEspecial{  /*input ocultos en la pagina para envio de datos no modificables*/
    position: absolute;
    top:0px;
    left: 0px;
    visibility: hidden;
}
.inpTxtNoValido{
    background-color: #ff6666 !important;
    border-color: #990000 !important;
}





/*estilos pagina*/
body{
    margin: 0px;
    padding: 0px;
    overflow-y: scroll;
    font-family: 'FuentePersonalizada1','serif';
    font-size: 12pt;
    background-color: #edf1f1;
    background-image: url('../imagenes/mosaico1.jpg');
}
/*encabezado flotante*/
div.divEncabezado{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 25px;
    padding: 15px 0px;
    background-color: #3091ff;
    background: linear-gradient(to bottom, #3091ff, #3091ff, #3091ff, #3091ff, #edf1f1); 
    font-size: 12pt;
    font-weight: bold;
    color: #fefefe;
    text-align: center;
}
div.divEncabezado a img.imgRedes{
    height: 25px;
    /*margin: 8px 5px;*/
    margin: 0px;
    margin: -8px 3px 0px 3px;
    padding: 0px;
    border-radius: 20px;
    border: 1px solid white;
    vertical-align: middle;
}
div.divEncabezado div.divContactoRapido{
    width: 350px;
    margin-top: 15px;
}
div.divEncabezado div.divContactoRapido > div{
    width: 100%;
    text-align: right;
    font-size: 11pt;
}
div.divEncabezado div.divContactoRapido > div.divTelefono{
    font-size: 16pt;
    margin-top: 4px;
    color: #003399;
}
/*div.divEncabezado div.divLogoCertificacion{
    float:right;
    width: 140px;
    height: 80px;
}
div.divEncabezado div.divLogoCertificacion img{
    width: 140px;
}*/

div.divContenido{
    width: 1200px;
    height: auto;
    min-width: 1200px;
    margin: 50px auto 30px auto;
    overflow: hidden;
}
div.divContenido div{
    float: left;
}
div.divImagenLogoGrande{
    width: 1074px;
    padding: 10px 60px;
    height: 90px;
    max-height: 90px;
    background-color: #edf1f1;
    border-left: 2px #c2c2c2 solid;
    border-right: 2px #c2c2c2 solid;
    
}
div.divImagenLogoGrande a img{
    height: 90px;
    max-height: 90px;
}
div.divImagenLogoGrande a:last-child img{
    float: right;
}
div.divImagenLogoGrande a img.imgRedes:hover{
    border-color: #666;
}
/*menu principal*/
div.divContenido div.divMenuPrincipal{
    width: 100%;
    /*height: 1px;*/
    min-width: 1200px;
    font-weight: bold;
    text-align: center;
}
div.divContenido div.divMenuPrincipal .nav *{
    z-index: 3;
}
div.divContenido div.divMenuPrincipal .nav{
    z-index: 3;
    margin:0;
    padding:0;
    list-style:none;
}
div.divContenido div.divMenuPrincipal .nav ul{
    z-index: 1;
    margin:0;
    padding:0;
    list-style:none;
}
div.divContenido div.divMenuPrincipal .nav > li {
    float:left;
}
div.divContenido div.divMenuPrincipal .nav li {
    position:relative;
}
div.divContenido div.divMenuPrincipal .nav li a{
    display:block;
    padding: 11px 27px 8px 27px;
    font-size: 11pt;
    text-decoration: none;
    text-align: center;
    color: #222222;
    background-color: #c2c2c2;
}
.aJSActive,
div.divContenido div.divMenuPrincipal .nav li a:hover {
    border-radius: 3px;
    background-color: #30d1ff;
}
div.divContenido div.divMenuPrincipal .nav li ul{
    display:none;
    position:absolute;
    left: 0px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}
div.divContenido div.divMenuPrincipal .nav li ul li a{
    font-size: 10pt;
    padding: 4px 10px 4px 6px;
    border-right: 2px solid #3091ff;
    border-left: 2px solid #3091ff;
    text-align: left;
    text-decoration: none !important;
}
div.divContenido div.divMenuPrincipal .nav li ul li a nobr{
    /*font-size: 12pt;*/
}
div.divContenido div.divMenuPrincipal .nav li ul li a:hover{
    background-color: #30d1ff;
}
div.divContenido div.divMenuPrincipal .nav li ul li:last-child{
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}
div.divContenido div.divMenuPrincipal .nav li ul li:last-child a{
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom: 2px solid #3091ff;
}
div.divContenido div.divMenuPrincipal .nav li:hover > ul {
    display:block;
}
div.divContenido div.divMenuPrincipal .nav li ul li ul {
    right:-120px;
}
div.divContenido div.divMenuPrincipal li.liAreaclientes a{
    background-color: #cd0a0a !important;
    padding: 9px 25px 5px 26px;
    border-right: 2px solid #c2c2c2;
}
div.divContenido div.divMenuPrincipal li.liAreaclientes img{
    height: 18px;
    margin: 0px 6px 5px 0px;
    padding: 0px;
    vertical-align: middle;
}

div.divContenido div.divMenuPrincipal li.liInicio a{
    width: 44px;
    padding: 5px 6px 6px 6px;
}
div.divContenido div.divMenuPrincipal li.liInicio img{
    height: 26px;
    margin: 0px;
    padding: 0px;
    vertical-align: bottom;
}
/*base del cuerpo*/
div.divContenido div.divCuerpo{
    width: 1184px;
    min-width: 1184px;
    min-height: 940px;
    padding: 0px 5px;
    height: auto;
    background-color: white;
    border: 2px solid #c2c2c2;
    border-top: none;
}
div.divContenido div.divCuerpo p{
    line-height: 23px;
    /*text-align: justify;*/
    padding: 4px 28px;
    border-radius: 4px;
    clear: both;
}
div.divContenido div.divCuerpo ul{
    clear: both;
    /*background-color: white;*/
    min-width: 300px;
}
div.divContenido div.divCuerpo h4{
    margin-left: 28px;
}
div#divSlideShowInicio{
    overflow: hidden;
    border: 2px solid #c2c2c2;
    border-left: none;
    margin-top: 4px;
}
/*CAPTCHAS*/
div.divCaptcha{
    width: 100%;
    height: 26px;
    margin: 10px 0px 4px 0px;
    text-align: center;
}
div.divCaptcha > div{
    float: none;
    display: inline;
    padding: 10px 14px 12px 14px;
    border: 2px solid #666;
    border-radius: 4px;
    background-color: #ddd;
}
div.divCaptcha > div > div{
    float: none;
    display: inline;
    font-size: 9pt;
}
div.divCaptcha input{
    padding: 2px 3px !important;
}
div.divCaptcha img#imgCaptcha{
    height: 24px;
    border-radius: 4px;
    vertical-align: middle;
}
div.divCaptcha img#imgRefrescarCaptcha{
    height: 20px;
    margin: 2px;
    cursor: pointer;
    border-radius: 4px;
    vertical-align: middle;
}
div.divCaptcha img#imgRefrescarCaptcha:hover{
    border: 2px solid #003399;
    margin: 0px;
}

/*INICIO-CUERPO*/
div.divContenido div.divCuerpo div.divInicioBlog{
    float: right;
    width: 320px;
    background-color: #f0f0f0;
    /*background-color: #30d1ff;*/
    border: 2px solid #c2c2c2;
    border-right: none;
    margin-top: 4px;
    overflow-x: hidden;
    overflow-y: scroll;
}
div.divContenido div.divCuerpo div.divInicioBlog div.divTexto{
    width: 290px;
}
div.divContenido div.divCuerpo div.divInicioBlog > div.divTituloBlog{
    width: 100%;
    padding: 8px 0px;
    text-align: center;
    background-color: #c2c2c2;
    font-weight: bold;
}

div.divContenido div.divCuerpo div.divLaboratorio div.divCaja1{
    width: 100%;
}
div.divContenido div.divCuerpo div.divCajasNutricion_1,
div.divContenido div.divCuerpo div.divCajasLaboratorio,
div.divContenido div.divCuerpo div.divInicioCajas{
    width: 880px;
    margin-top: 5px;
    border-radius: 2px;
}
div.divContenido div.divCuerpo div.divInicioCajas{
    width: 1190px;
    margin: 15px 0px;
}
div.divContenido div.divCuerpo div.divCajasNutricion_1 > div,
div.divContenido div.divCuerpo div.divCajasLaboratorio > div,
div.divContenido div.divCuerpo div.divInicioCajas > div{
    width: 248px;
    height: 222px;
    margin: 19px;
    border-radius: 6px;
    border: 2px solid #c2c2c2;
}
div.divContenido div.divCuerpo div.divCajasNutricion_1 img,
div.divContenido div.divCuerpo div.divCajasLaboratorio img,
div.divContenido div.divCuerpo div.divInicioCajas img{
    width: 248px;
    height: 222px;
    border-radius: 4px;
}
div.divContenido div.divCuerpo img.imgCajasSinEnlace{
    margin-top: 40px;
    margin-right: 225px;
    border-radius: 3px;
    border: 3px solid #c2c2c2;
}


div.divEtiquetaNutricion_1,
div.divEtiquetaNutricion_2,
div.divEtiquetaNutricion_1_1,
div.divEtiquetaNutricion_1_2,
div.divEtiquetaNutricion_1_3,
div.divEtiquetaLaboratorio_1,
div.divEtiquetaLaboratorio_2,
div.divEtiquetaLaboratorio_3,
div.divEtiquetaLaboratorio_4,
div.divEtiquetaCalidad,
div.divEtiquetaLaboratorio,
div.divEtiquetaAsesoria,
div.divEtiquetaNutricion{
    position: absolute;
    width: 246px;
    height: 46px;   
    padding: 5px 1px 1px 1px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background-color: #c2c2c2;
    opacity: 0.96;
    filter: alpha(opacity=96);
    text-align: center;
    /*font-family: 'FuentePersonalizada1','serif';*/
    font-weight: bold;
    color: #222222;
    line-height: 40px;
}


div.divEtiquetaNutricion_2,
div.divEtiquetaNutricion_1_2{
    line-height: normal;
}

div.divContenido div.divCuerpo div.divCajasLaboratorio > div{
    margin: 16px 40px 16px 105px;
}
/*div.divBurbujaTipo2{
    width: 440px;
    margin: 10px 780px 10px 0px;
    padding: 6px 0px 7px 20px;
    font-size: 14pt;
    color: #333;
    font-weight:  bold;
    background-color: #c2c2c2;
}
div.divBurbujaAño{
    width: 12%;
    margin: 0px 90% 0px 0px;
    font-size: 12pt;
    padding: 3px 1px;
    border-right: 4px double #ccccff;
    border-bottom: 4px double #ccccff;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-radius: 30px;
}
div.divBurbujaMes{
    width: 12%;
    margin: 0px 74% 0px 6%;
    font-size: 11pt;
    padding: 3px 1px;
    border-right: 3px double #ccccff;
    border-bottom: 3px double #ccccff;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-radius: 30px;
}*/
div.divArchivos{
    width: 100%;
    font-family: sans-serif;
    font-size: 10pt;
}
div.divArchivos div.divTextoArchivo{
    height: 33px;
    line-height: 30px;
}
div.divBurbujaTipo2{
    width: 84%;
    margin: 20px 8%;
    padding: 12px 0px;
    font-size: 28pt;
    color: white;
    font-weight:  bold;
    text-align: center;
    border-right: 8px double #ccccff;
    border-bottom: 8px double #ccccff;
    border-top: 2px solid #ccccff;
    border-left: 2px solid #ccccff;
    border-radius: 50px;
    background: -webkit-linear-gradient(top bottom,white, #548cd3, #4574af, #2b486d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top bottom,white, #548cd3, #4574af, #2b486d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top bottom,white, #548cd3, #4574af, #2b486d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom, #548cd3, #4574af, #2b486d); /* Standard syntax */
}
div.divBurbujaAño{
    width: 12%;
    margin: 0px 90% 0px 0px;
    font-size: 12pt;
    padding: 3px 1px;
    border-right: 4px double #ccccff;
    border-bottom: 4px double #ccccff;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-radius: 30px;
}
div.divBurbujaMes{
    width: 12%;
    margin: 0px 74% 0px 6%;
    font-size: 11pt;
    padding: 3px 1px;
    border-right: 3px double #ccccff;
    border-bottom: 3px double #ccccff;
    border-top: 1px solid #ccccff;
    border-left: 1px solid #ccccff;
    border-radius: 30px;
}
div.divArchivos div.divLinea_NoHover{
    width: 86%;
    height: 30px;
    border-bottom: 0px;
    padding: 6px 1% 1px 13%;
}
div.divArchivos div.divLinea_NoHover div.divTipo img{
    height: 30px;
    width: 26px;
}
div.divArchivos div.divLinea_NoHover div{
    margin-left: 10px;
}
/*CONTACTO*/
div.divContenido div.divCuerpo div.divContactoEmail,
div.divContenido div.divCuerpo div.divContactoTipos,
div.divContenido div.divCuerpo div.divContactoMapa{
    width: 350px;
    margin: 2px 2px 2px 30px;
    border-radius: 3px;
}
div.divContenido div.divCuerpo div.divContactoMapa{
    float: right;
}
div.divContenido div.divCuerpo div.divContactoMapa div.divBurbujaTipo2{
    width: 330px;
    text-align: center;
}
div.divContenido div.divCuerpo div.divContactoTipos li{
    margin: 5px 0px;
    font-size: 10pt;
}
div.divContenido div.divCuerpo div.divContactoEmail{
    padding-bottom: 20px;
    font-weight: bold;
}
div.divContenido div.divCuerpo div.divContactoEmail textarea{ 
    resize: none;
}
div.divContenido div.divCuerpo div.divContactoEmail input:focus,
div.divContenido div.divCuerpo div.divContactoEmail textarea:focus{
    /*border-color: #063cc0;*/
}
div.divContenido div.divCuerpo div.divContactoEmail div.divCajaErroresVisible,
div.divContenido div.divCuerpo div.divContactoEmail div.divCajaErroresVisible div.divError{
    width: 360px !important;
}

/*QUIEN SOMOS*/
div.divContenido div.divCuerpo p.pNuestraEmpresa{
    margin-top: 38px;
    /*text-align:justify;*/
}

/*CONDICIONES, LOPD Y OTROS*/
div.divContenido div.divCondiciones{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 76%;
    height: 20px;
    padding: 6px 12% 1px 12%;
    background-color: #3091ff;
    background: linear-gradient(to bottom, #FFFFFF, #3091ff, #3091ff, #3091ff, #3091ff); 
}
div.divContenido div.divCondiciones div{
    margin: 0px 30px;
}
div.divContenido div.divCondiciones div a{
    font-size: 8pt;
    text-decoration: none;
    color: #FFFFFF;
}
div.divContenido div.divCondiciones div a:hover{
    text-decoration: underline;
}
@-webkit-keyframes blink {
   from { color: red; }
   to { color: white; }
  }
 @-moz-keyframes blink {
   from { color: red; }
   to { color: white; }
 }
 @-ms-keyframes blink {
   from { color: red; }
   to { color: white; }
 }
 @-o-keyframes blink {
   from { color: red; }
   to { color: white; }
 }
 @keyframes blink {
   from { color: red; }
   to { color: white; }
 }
div.divContenido div.divCondiciones div a.aDonde{
    -webkit-animation: blink 0.5s 10 alternate;
    -moz-animation: blink 0.5s 10 alternate;  
    -ms-animation: blink 0.5s 10 alternate;  
    -o-animation: blink 0.5s 10 alternate;  
    animation: blink 0.5s 10 alternate;   
}
div.divContenido div.divCondicionesContenido{
    width: 760px;
    padding: 5px 20px;
    background-color: white;
    border-radius: 3px;
    font-size: 10pt;
    line-height: 22px;
    text-align: justify;
}

div.divLogin{
    position: fixed;
    width: 376px;
    height: 160px;
    margin-left: auto;
    margin-right: auto;
    left:0;
    right:0;
    top: 40%;
    padding: 10px;
    border: 2px solid #2b486d;
    border-radius:3px;
}