/*...............................RESPONSIVE MVL 670 ...................................................*/

@media all and (max-width : 670px) {

   
     body {
        background-color:
    }
     /* ALÉRGENOS */

.divInfAlergenos {
    float: left;
    width: 90%;
    margin-top: 20px;
    margin-bottom: 20px;
    height: auto;
    background-color: transparent;
    text-align: center;
}

    .divInfAlergenos p {
        font-size: 20px;
        color: #1b8b35;
        width: 100%;
        margin-bottom: 20px;
    }

.TableInfAlergenos {
    float: left;
    width: 95%;
    margin-left: 5%;
    height: 35px;
    margin-top: 10px;
    margin-bottom: 10px;
}



.ColumImgalergeno {
    float: left;
    width: 15%;
}
.ColumCheckalergeno {
    float: left;
    width: 10%;
    padding-top:7px;
}

.Columalergenos {
    float: left;
    width: 69%;
        font-size:small;
    text-align: left;
    padding-left: 1%;
    padding-top:5px;
}






    
     /* MENU MVL*/



    .MenuMvl {
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        position: fixed;
        z-index: 100;
        bottom: 0 !important;
        background: white;
        border-top: 3px solid #A8D3F1;
        display: block;
    }

    .BotonNavMvlLogo {
        float: left;
        width: 14%;
        text-align: center;
        margin-top: 5px;
    }

        .BotonNavMvlLogo img {
            max-width: 70px;
            max-height: 58px;
            width: 100%;
        }
         .BotonNavMvlLogo p {
            text-align:center;
            width: 100%;
            color:#b1dcf0;
            font-size:8px;
        }
         .BotonNavMvlLogo a {
           text-decoration:none;
        }

    .BotonNavMvl {
        float: left;
        width: 14%;
        text-align: center;
    }

        .BotonNavMvl img {
            max-width: 60px;
            max-height: 60px;
            width: 100%;
        }
         .BotonNavMvl p {
            text-align:center;
            width: 100%;
            color:red;
            font-size:small;
        }

    .BotonNavMvl2 {
        float: left;
        width: 10%;
        text-align: center;
        margin-top: 5px;
    }

        .BotonNavMvl2 img {
            max-width: 50px;
            max-height: 50px;
            width: 100%;
        }

    .BotonNavMvl3 {
        float: right;
        width: 7%;
        text-align: center;
        margin-top: 10px;
        margin-right: 7px;
    }

        .BotonNavMvl3 img {
            max-width: 50px;
            max-height: 50px;
            width: 100%;
        }

          /* menu mas MVL*/

    
.MenuMas {
       
    width: 80px;
    font-size: small;
    font-weight: bold;
    position: fixed;
    left: 330px;
    top:343px;
     
}



.CuadradoMenuMas {
    float: left;
    width: 100%;
    height:auto;
    border: 3px solid #A8D3F1;
    min-height: 100px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: white;
  
}

.imgCuadradoMenuMas {
    float: left;
   text-align:center;
    width: 100%;
   
}
.imgCuadradoMenuMas img{
   
    width: 41px;
    height: 19px;
    margin-top:-2px;
}

 .BotonMasMvl {
        float: left;
        width: 100%;
        text-align: center;
    }

        .BotonMasMvl img {
            max-width: 60px;
            max-height: 60px;
            width: 100%;
        }




    /* OCULTAR MENUS Y FORMATO XA CND SE MUESTREN */

    .navprincipal {
        display: none;
    }

    .menuderecha {
        display: none;
    }

    .MenuderechaAzul {
        display: none;
        position: absolute;
        width: 190px;
        height: auto;
        right: 0px;
        padding-bottom: 30px;
        padding-left: 1%;
        padding-right: 1%;
        background-color: #A8D3F1;
    }

    .menuderechaReceta {
        display: none;
    }

    .MenuDerechaGris {
        display: none;
        position: absolute;
        right: 0px;
        width: 60px;
        height: auto;
        padding-left: 1%;
        padding-right: 1%;
        background-color: #EEEEEB;
    }

    .menuderechaRecetaBotones {
        display: none;
        position: absolute;
        right: 0px;
        width: 60px;
        height: auto;
        padding-left: 1%;
        padding-right: 1%;
        background-color: #EEEEEB;
    }

    .leyendaListRecetas {
        display: none;
    }

    .menuderechaRecetaBotonesMenus {
        display: none;
    }

    /* AJUSTAR CONTENIDOS SIN MENUS IZQ NI DERECHA*/

    .contenido {
        width: 95%;
        float: left;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 0px;
        height: auto;
    }

    .contenidoreceta {
        width: 100%;
    }

    .contenidomenus {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 0px;
        height: auto; /* 871px */
    }
     .contenidoinicio {
    width: 98%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 1%;
        margin-right: 1%;
    height: auto;
    min-height: 100%;
}
  
     .titulo {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: yellow;
    margin-bottom: 5px;
     margin-top:5px;
  height: 30px;
}

    /* LISTADO RECETAS*/

        
    
.datosrecetas {
    padding: 1%;
    float: left;
    width: 55%;
    height: 96px;
    background-color: white;
    margin-bottom: 1%;
    margin-top: 2%;
    margin-left: 1%;
    margin-right: 2%;
    border-radius: 2px;
}

.titnumreceta {
    float: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 2px;
    height: 30px;
}

.tituloreceta {
    font-size: 14px;
    color: #231F20;
    text-align: center;
    width: 90%;
    float: left;
    line-height: 16px;
    height:30px;
}

.numreceta {
    font-size: xx-small;
    color: #231F20;
    text-align: center;
    display: table;
    vertical-align: middle;
    width: 10%;
        height:30px;
    float: left;
}
.autorlistreceta { 
    float: left;
    margin-top:2px;
    margin-bottom:2px;
     width: 100%;
    height: 10%;
    text-align:center;
    color:#646262;
       font-size:9px;

   
}
.datos {
    float: left;
    text-align: left;
    color: #231F20;
    width: 100%;
    height: 55%;
    margin-left: 3px;
    margin-right: 3px;
    line-height: 16px;
}

    .datos table {
        width: 100%;
    }

.datosimagenes {
    float: left;
    width: 100%;
    height: auto;
    margin-top:3px;
}

.datostexto {
    float: left;
    width: 100%;

    padding-bottom: 5px;
}


.dificultad {
    float: left;
    width: 25%;
    display: block;
    text-align: center;
    vertical-align: bottom;
    margin-top: 5px;
}

    .dificultad img {
        max-width: 26px;
        max-height: 18px;
        width: 100%;
        height: 100%;
    }

.dificultadtxt {
    float: left;
    width: 25%;
    font-size: 8px;
    text-align: center;
    color: #231F20;
}


.valorenergetico {
    float: left;
    width: 40%;
    display: block;
    text-align: center;
}

    .valorenergetico img {
        max-width: 15px;
        max-height: 28px;
        width: 100%;
        height: 100%;
    }

.valorenergeticotxt {
    float: left;
    width: 40%;
    font-size: 8px;
    text-align: center;
    color: #231F20;
    line-height: 90%;
}

.digestibilidad {
    float: left;
    width: 35%;
    display: block;
    text-align: center;
    margin-top: 8px;
}

    .digestibilidad img {
        max-width: 15px;
        max-height: 15px;
        width: 100%;
        height: 100%;
    }

.digestibilidadtxt {
    float: left;
    width: 35%;
    font-size: 8px;
    text-align: center;
    color: #231F20;
}


.dietas {
    float: left;
    width: 57%;
    height: 19px;
    padding-bottom: 1%;
    padding-top: 1%;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-right: 2%;
    background-color: white;
    border-radius: 2px;
}

    .dietas div {
        float: left;
        width: 11%;
    }

    .dietas img {
        max-width: 20px;
        max-height: 20px;
        width: 100%;
        height: 100%;
    }


    .imagrecetas {
        float: left;
        width: 37%;
        height: 100px;
        margin-bottom: 1%;
        margin-top: 2%;
        margin-left: 2%;
        margin-right: 1%;
        border-radius: 2px;
    }

        .imagrecetas img {
            width: 100%;
            height: 100%;
            border-radius: 2px;
        }

    .SugerenciasContenido {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 15px;
        padding-bottom: 15px;
        height: 300px;
        overflow-y: scroll;
        overflow-x: hidden;
        text-align: left;
    }

        .SugerenciasContenido a {
            float: left;
            width: 96%;
            margin-bottom: 10px;
            padding-left: 2%;
            padding-right: 2%;
            font-size: x-small;
        }

            .SugerenciasContenido a:hover {
                color: #009AD9;
            }

    .divpag {
        float: left;
        width: 3%;
        margin-top: 100px;
        margin-right: 0%;
        margin-left: 2%;
    }

    .botonpag {
        float: left;
        width: 10px;
        height: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: center;
        vertical-align: central;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #606c88;
        background-color: #eae2e2;
        font-size: 7px;
    }

        .botonpag:hover {
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: 1px solid #606c88;
            background-color: #606c88;
            background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
            background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b);
            background-image: -moz-linear-gradient(top, #606c88, #3f4c6b);
            background-image: -ms-linear-gradient(top, #606c88, #3f4c6b);
            background-image: -o-linear-gradient(top, #606c88, #3f4c6b);
            background-image: linear-gradient(to bottom, #606c88, #3f4c6b);
            color: white;
        }

    .botonpagselect {
        float: left;
        width: 10px;
        height: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: center;
        vertical-align: central;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid #606c88;
        background-color: #606c88;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#606c88), to(#3f4c6b));
        background-image: -webkit-linear-gradient(top, #606c88, #3f4c6b);
        background-image: -moz-linear-gradient(top, #606c88, #3f4c6b);
        background-image: -ms-linear-gradient(top, #606c88, #3f4c6b);
        background-image: -o-linear-gradient(top, #606c88, #3f4c6b);
        background-image: linear-gradient(to bottom, #606c88, #3f4c6b);
        color: white;
        font-size: 7px;
    }

    .botonpagflechas {
        float: left;
        height: 15px;
        margin-top: 10px;
        margin-bottom: 15px;
        padding-bottom: 2px;
        padding-top: 2px;
        text-align: center;
        vertical-align: central;
    }

        .botonpagflechas img {
            border-style: none;
            border-color: inherit;
            text-align: justify;
            height: 10px;
            width: 10px;
        }




    /* PÁGINA INICIO (INDEX)*/

    .contenidoinicioppal {
        width: 80%;
        float: left;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 0px;
        height: auto;
        background: #f2f5f6; /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, #f2f5f6 0%, #e3eaed 54%, #a8d3f1 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(54%,#e3eaed), color-stop(100%,#a8d3f1)); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* IE10+ */
        background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#a8d3f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    }

    .menuderechainicio {
        float: right;
        width: 18%;
        height: auto;
        padding-bottom: 30px;
        padding-left: 1%;
        padding-right: 1%;
    }



    /* CONFIGURACIÓN*/


    .ConfigUsuariotxt {
        float: left;
        width: 58%;
        height: 25px;
        margin-right: 1%;
        text-align: left;
        font-size: small;
        padding-top: 3px;
    }

        .ConfigUsuariotxt input {
            width: 100%;
        }

    .ConfigUsuariotit {
        float: left;
        width: 40%;
        height: 25px;
        margin-left: 1%;
        color: #1c4d76;
        text-align: left;
        font-size: small;
    }

    .ConfigDirecc {
        float: left;
        width: 30%;
        height: 25px;
        margin-left: 1%;
        color: #1c4d76;
        text-align: right;
        font-size: x-small;
        padding-right: 2%;
        padding-top: 3px;
    }

    .ConfigUsuarioContra {
        float: left;
        width: 40%;
        height: 25px;
        margin-right: 1%;
        text-align: left;
        font-size: 15px;
        padding-top: 3px;
    }

        .ConfigUsuarioContra input {
            width: 100%;
            text-align: center;
        }

    .ConfigContras {
        float: left;
        width: 35%;
        height: 25px;
        margin-left: 2%;
        color: #1c4d76;
        text-align: left;
        font-size: small;
    }

    .BotCambiarContra {
        float: left;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 24%;
        width: 150px;
        height: 30px;
        font-size: small;
    }

        .BotCambiarContra:hover {
            color: white;
            background: #1c4d76;
        }


 /* INICIO SESIÓN */



.contlogin {
    float: left;
    width: 90%;
    margin-left: 5%;
    height: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.login {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 98%;
    top: 0px;
     left: -26px;
    height: auto;
}

    .login:before {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        z-index: -1;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }

    .login h1 {
        margin: -20px -20px 21px;
        line-height: 40px;
        font-size: 16px;
        font-weight: bold;
        color: #555;
        text-align: center;
        text-shadow: 0 1px white;
        background: #f3f3f3;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 3px 3px 0 0;
        background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
        background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
        -webkit-box-shadow: 0 1px whitesmoke;
        box-shadow: 0 1px whitesmoke;
    }

    .login p.submit {
        text-align: right;
        background-color: red;
    }

    .login p {
        margin: 25px 0 0 0;
        width: 98%;
    }

        .login p:first-child {
            margin-top: 0;
            height: 24px;
        }

    .login input[type=text], .login input[type=password] {
        width: 100%;
        height: 25px;
        padding-right: 10px;
    }

.login-help {
    margin: 5px 0;
    font-size: 11px;
    color: #041440;
    text-align: center;
}

    .login-help p {
        color: #464444;
    }

    .login-help a {
        color: #11063e;
        text-decoration: none;
    }

        .login-help a:hover {
            text-decoration: underline;
        }

.login-regist {
    font-size: 10px;
    color: #041440;
    text-align: left;
    width: 100%;
}

    .login-regist p {
        margin-top: 20px;
        margin-right: 10px;
        text-align: center;
    }

    .login-regist a {
        color: #6c0909;
        text-decoration: none;
        font-size: 10px;
    }

        .login-regist a:hover {
            text-decoration: underline;
        }

:-moz-placeholder {
    color: #c9c9c9 !important;
    font-size: 13px;
}

::-webkit-input-placeholder {
    color: #ccc;
    font-size: x-small;
}



.diventrar {
    margin: 10px 0 0 0;
    width: 98%;
}

    .diventrar input {
        width: 40%;
        height: 35px;
        padding-right: 10px;
        font-size: x-small;
    }





.loginbot {
    width: 97px;
    height: 25px;
    color: #fff;
    border: solid 1px #494949;
    font-size:medium;
    text-shadow: 0 1px 1px rgba(0,0,0,.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #606c88;
    background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#454545));
    background: #606c88;
    text-align: center;
}

    .loginbot:hover {
        background-color: rgb(144,157,175);
        background: -webkit-linear-gradient(white,rgb(144,157,175)); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(white,rgb(144,157,175)); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(white,rgb(144,157,175)); /* For Firefox 3.6 to 15 */
        background: linear-gradient(white,rgb(144,157,175)); /* Standard syntax */
        color: #120326;
    }

/* REGISTRO */

.contlogin2 {
    float: left;
     width: 90%;
    margin-left: 5%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.login2 {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 98%;
    height: auto;
}

    .login2:before {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        z-index: -1;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 4px;
    }

    .login2 h1 {
        margin: -20px -20px 21px;
        line-height: 40px;
        font-size: 20px;
        font-weight: bold;
        color: #555;
        text-align: center;
        text-shadow: 0 1px white;
        background: #f3f3f3;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 3px 3px 0 0;
        background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
        background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
        -webkit-box-shadow: 0 1px whitesmoke;
        box-shadow: 0 1px whitesmoke;
    }

    .login2 p.submit {
        text-align: right;
        background-color: red;
    }

    .login2 p {
        margin: 25px 0 0 0;
        width: 98%;
    }

        .login2 p:first-child {
            margin-top: 0;
            height: 24px;
        }



.AvisoContrase {
    margin-top: 3px;
    font-size: x-small;
    text-align: center;
    margin-bottom: 90px;
}

    .AvisoContrase p {
        color: #484545;
          font-size: x-small;
    }

.AvisoErrorRegistro {
    margin-top: 3px;
    font-size: x-small;
    text-align: center;
    margin-top: 20px;
}

    .AvisoErrorRegistro p {
        color: red;
           font-size: x-small;
    }

.Camposoblig {
    width: 100%;
    text-align: right;
    font-size: small;
    color: #606c88;
    margin-right: 5px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.RedistUsuario {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #555;
    font-size: medium;
}

    .RedistUsuario input {
        width: 95%;
        height: 20px;
        padding-left: 10px;
        margin-top: 5px;
    }

.RegistDirecc {
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #606c88;
    font-size:x-small;
}

    .RegistDirecc table {
        width: 100%;
        text-align: center;
    }

    .RegistDirecc th {
        color: #555;
    }

    .RegistDirecc td {
        font-size: x-small;
        color: #9f9393;
        text-align: right;
        padding-right: 5px;
    }

.tdnombre {
    width: 15%;
}

.RegistDirecc tr {
    height: 30px;
    margin-bottom: 40px;
}

.RegistDirecc td input {
    width: 95%;
    height: 20px;
    text-align: center;
}

.RedistNombre {
    width: 48%;
    float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 15px;
    color: #555;
    font-size:x-small;
}

    .RedistNombre input {
        width: 87%;
        text-align: center;
        height: 20px;
        margin-top: 5px;
    }





    /* FORMULARIO DE CONTACTO*/

    .contlogin3 {
        float: left;
        width: 90%;
        height: auto;
        margin-top: 50px;
        margin-bottom: 50px;
        margin-left: 5%;
    }

    .login3 {
    position: relative;
    margin: 0 auto;
    padding: 20px;
    width: 90%;
    height: auto;
    top: 0px;
    left: 11px;
    min-height: 550px;
}


    .login3:before {
        content: '';
        position: absolute;
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        z-index: -1;
        background: rgba(0, 0, 0, 0.08);
        border-radius: 4px;
        height: auto;
    }

    .login3 h1 {
        margin: -20px -20px 21px;
        line-height: 40px;
        font-size: 18px;
        font-weight: bold;
        color: #555;
        text-align: center;
        text-shadow: 0 1px white;
        background: #f3f3f3;
        border-bottom: 1px solid #cfcfcf;
        border-radius: 3px 3px 0 0;
        background-image: -webkit-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -moz-linear-gradient(top, whiteffd, #eef2f5);
        background-image: -o-linear-gradient(top, whiteffd, #eef2f5);
        background-image: linear-gradient(to bottom, whiteffd, #eef2f5);
        -webkit-box-shadow: 0 1px whitesmoke;
        box-shadow: 0 1px whitesmoke;
        height: auto;
    }



    miemail {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        text-align: left;
    }

    .miemail span {
        float: left;
        width: 17%;
        font-size: x-small;
    }

    .miemail input {
        float: left;
        width: 78%;
        font-size: x-small;
    }

    .miemail select {
        float: left;
        width: 79%;
        height: 20px;
        margin-left: -0px;
        border: 1px solid #a09d9d;
        font-size: x-small;
    }

    descripciponSugerencia {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        text-align: left;
    }

    .descripciponSugerencia textarea {
        float: left;
        width: 94%;
        min-height: 100px;
        padding: 5px;
        font-size: x-small;
    }

    

    /* MENUS*/


    .fichalistmenus1 {
        float: left;
        width: 100%;
        border: 2px solid #FFD900;
        border-radius: 5px;
        margin-top: 1%;
        margin-bottom: 1%;
        box-shadow: 3px 3px 5px #FFD900;
    }

        .fichalistmenus1 table {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .fichalistmenus1 table th {
                font-size: x-small;
                color: #FFD900;
                font-weight: normal;
            }

            .fichalistmenus1 table td {
                font-size: x-small;
                color: black;
            }

    .fichalistmenus2 {
        float: left;
        width: 100%;
        border: 2px solid #C3D940;
        border-radius: 5px;
        margin-top: 1%;
        margin-bottom: 1%;
        box-shadow: 3px 3px 5px #C3D940;
    }

        .fichalistmenus2 table {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .fichalistmenus2 table th {
                font-size: x-small;
                color: #C3D940;
                font-weight: normal;
            }

            .fichalistmenus2 table td {
                font-size: x-small;
                color: black;
            }

                .fichalistmenus2 table td span {
                    padding-bottom: 5px;
                }

    .fichalistmenus3 {
        float: left;
        width: 100%;
        border: 2px solid #009AD9;
        border-radius: 5px;
        margin-top: 1%;
        margin-bottom: 1%;
        box-shadow: 3px 3px 5px #009AD9;
    }

        .fichalistmenus3 table {
            width: 100%;
            margin-top: 10px;
            margin-bottom: 10px;
        }

            .fichalistmenus3 table th {
                font-size: x-small;
                color: #009AD9;
                font-weight: normal;
            }

            .fichalistmenus3 table td {
                font-size: x-small;
                color: black;
            }

                .fichalistmenus3 table td span {
                    padding-bottom: 5px;
                }

    /* INGREDIENTES*/

    .divBuscadoringredientes {
        width: 64%;
        float: left;
        display: block;
    }

    .divbotonunidades2 {
        float: left;
        width: 35%;
    }


    .botonunidades2 {
        float: left;
        display: block;
        width: 90%;
        margin-left: 3%;
        margin-right: 1%;
        height: 15px;
        text-align: center;
        background: #fafafa;
        background: -moz-linear-gradient(top, #fafafa 0%, #f4f4f4 40%, #e5e5e5 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(40%,#f4f4f4), color-stop(100%,#e5e5e5));
        background: -webkit-linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
        background: -o-linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
        background: -ms-linear-gradient(top, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
        background: #fafafa;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
        border: 1px solid #aaa;
        padding: 5px 5px;
        color: #444;
        font-family: Helvetica, sans-serif;
        font-size: x-small;
        border-radius: 3px;
        box-shadow: 0 1px 3px #ddd;
        -webkit-transition: 0.2s linear;
        -moz-transition: 0.2s linear;
        -ms-transition: 0.2s linear;
        -o-transition: 0.2s linear;
        transition: 0.2s linear;
        cursor: pointer;
    }

        .botonunidades2:hover {
            background: #009AD9;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
            border: 1px solid #11063e;
            color: white;
        }

    .abededario {
        float: left;
        width: 96%;
        height: 31px;
        margin-top: 20px;
        margin-bottom: 20px;
    }

        .abededario a {
            font-size: x-small;
            color: black;
            padding-right: 8px;
        }

            .abededario a:hover {
                font-size: small;
                color: #5BB7E7;
            }

    .IngredientesTabEmergente2 {
        width: 100%;
        margin-top: 10px;
    }

        .IngredientesTabEmergente2 a img {
            width: 20px;
            height: 20px;
        }

        .IngredientesTabEmergente2 tr:hover {
            background-color: #5BB7E7;
        }

        .IngredientesTabEmergente2 input {
            width: 100%;
            border: none;
            background-color: transparent;
        }

        .IngredientesTabEmergente2 span {
            font-size: x-small;
        }

        .IngredientesTabEmergente2 th {
            font-size: x-small;
        }

    /* CATEGORIAS RECETAS*/

    .CategoriasTabEdit2 {
        width: 98%;
        margin-top: 20px;
        background: white;
        padding: 1%;
    }


        .CategoriasTabEdit2 tr:hover {
            /* Filas celeste al pasar el mouse */
            background-color: #5BB7E7;
        }

        .CategoriasTabEdit2 input {
            width: 100%;
            border: none;
            background-color: transparent;
        }

        .CategoriasTabEdit2 span {
            font-size: X-small;
        }

        .CategoriasTabEdit2 th {
            font-size: x-small;
        }

        .CategoriasTabEdit2 td {
            font-size: x-small;
        }

    .columSeleccionarCateg {
        width: 5%;
        text-align: center;
    }

        .columSeleccionarCateg img {
            width: 20px;
            height: 20px;
        }

    .ColumEliminarCateg {
        width: 3%;
        text-align: center;
    }

        .ColumEliminarCateg img {
            width: 20px;
            height: 20px;
        }

    .ImgCircPubl {
        float: left;
        text-align: left;
        width: 10px;
        height: 10px;
    }

    .filtrarporCateg {
        width: 98%;
        float: left;
        margin-left: 1%;
        margin-right: 1%;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .filtrarporCateg div {
            width: 25%;
            float: left;
            color: #11063e;
            font-size: small;
            font-weight: bold;
            text-align: left;
        }

        .filtrarporCateg select {
            width: 32%;
            float: left;
            font-size: small;
        }

    /* PLANTILLAS*/

    .PlantillaNombre1 {
        float: left;
        width: 100%;
        padding-top: 3px;
        height: auto;
        border-style: none;
        border-color: inherit;
        border-width: medium;
        text-align: center;
        font-size: x-small;
        font-weight: bold;
        color: white;
        background-color: transparent;
        text-decoration: none;
    }

    .PlantillaNombre2 {
        float: left;
        width: 100%;
        padding-top: 3px;
        height: auto;
        border-style: none;
        border-color: inherit;
        border-width: medium;
        text-align: center;
        font-size: x-small;
        font-weight: bold;
        color: white;
        background-color: transparent;
        text-decoration: none;
    }

    .PlantillaNombre3 {
        float: left;
        width: 100%;
        padding-top: 3px;
        height: auto;
        border-style: none;
        border-color: inherit;
        border-width: medium;
        text-align: center;
        font-size: x-small;
        font-weight: bold;
        color: white;
        background-color: transparent;
        text-decoration: none;
    }

    .PlantillaAutor1 {
        float: left;
        width: 48%;
        margin: 1%;
        height: 40px;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaAutor1 table {
            width: 100%;
        }

        .PlantillaAutor1 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .PlantillaAutor1 td {
            font-size: x-small;
            font-weight: 200;
            color: #6c0909;
            height: 20px;
            width: 50%;
            overflow: hidden;
        }

    .Plantillacompletado1 {
        float: left;
        width: 48%;
        height: 40px;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .Plantillacompletado1 table {
            width: 100%;
        }

        .Plantillacompletado1 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .Plantillacompletado1 td {
            width: 50%;
            font-size: x-small;
            font-weight: 200;
            color: #6c0909;
        }

    .PlantillaObs1 {
        float: left;
        width: 98%;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaObs1 p {
            width: 100%;
            font-size: xx-small;
            color: #9a9393;
            margin-bottom: 3px;
        }

        .PlantillaObs1 div {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            width: 100%;
            font-size: xx-small;
            color: #6c0909;
            height: 20px;
            margin-top: 5px;
            text-align: center;
            line-break: normal;
            padding-right: 4px;
            padding-left: 2px;
        }

    .PlantillaObs2 {
        float: left;
        width: 98%;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaObs2 p {
            width: 100%;
            font-size: xx-small;
            color: #9a9393;
            margin-bottom: 3px;
        }

        .PlantillaObs2 div {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            width: 100%;
            font-size: xx-small;
            color: #185307;
            height: 20px;
            margin-top: 5px;
            text-align: center;
            line-break: normal;
            padding-right: 2px;
            padding-left: 4px;
        }

    .PlantillaAutor2 {
        float: left;
        width: 48%;
        margin: 1%;
        height: 40px;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaAutor2 table {
            width: 100%;
        }

        .PlantillaAutor2 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .PlantillaAutor2 td {
            font-size: x-small;
            font-weight: 200;
            color: #185307;
            height: 20px;
            width: 50%;
            overflow: hidden;
        }


    .Plantillacompletado2 {
        float: left;
        width: 48%;
        height: 40px;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .Plantillacompletado2 table {
            width: 100%;
        }

        .Plantillacompletado2 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .Plantillacompletado2 td {
            width: 50%;
            font-size: xx-small;
            font-weight: 200;
            color: #185307;
        }

    .PlantillaObs3 {
        float: left;
        width: 98%;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaObs3 p {
            width: 100%;
            font-size: xx-small;
            color: #9a9393;
            margin-bottom: 3px;
        }

        .PlantillaObs3 div {
            border-style: none;
            border-color: inherit;
            border-width: medium;
            width: 100%;
            font-size: xx-small;
            color: #11063e;
            height: 20px;
            margin-top: 5px;
            text-align: center;
            line-break: normal;
            padding-right: 2px;
            padding-left: 4px;
        }

    .PlantillaAutor3 {
        float: left;
        width: 48%;
        margin: 1%;
        height: 40px;
        background-color: white;
        border-radius: 2px;
    }

        .PlantillaAutor3 table {
            width: 100%;
        }

        .PlantillaAutor3 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .PlantillaAutor3 td {
            font-size: x-small;
            font-weight: 200;
            color: #11063e;
            height: 20px;
            width: 50%;
            overflow: hidden;
        }


    .Plantillacompletado3 {
        float: left;
        width: 48%;
        height: 40px;
        margin: 1%;
        background-color: white;
        border-radius: 2px;
    }

        .Plantillacompletado3 table {
            width: 100%;
        }

        .Plantillacompletado3 th {
            width: 50%;
            font-size: xx-small;
            font-weight: 100;
            color: #9a9393;
        }

        .Plantillacompletado3 td {
            width: 50%;
            font-size: xx-small;
            font-weight: 200;
            color: #11063e;
        }


    /* CONSFIGURACIÓN MENÚS*/

    .ImgConfMenus {
        float: left;
        width: 5%;
        margin-top: 25%;
    }

        .ImgConfMenus IMG {
            width: 20px;
            height: 22px;
        }

    .NombreConfMenus {
        float: left;
        width: 87%;
        min-height: 40px;
        height: auto;
        text-align-last: center;
        color: black;
        font-size: x-small;
    }

        .NombreConfMenus table {
            float: left;
            width: 95%;
            height: auto;
            min-height: 40px;
            border-bottom: 1px dotted #FFD900;
            border-top: 1px dotted #FFD900;
        }

            .NombreConfMenus table th {
                width: 100%;
                margin: 0;
                text-align: center;
                padding-left: 2%;
            }

            .NombreConfMenus table td {
                width: 100%;
                margin: 0;
                text-align: center;
                font-size: x-small;
            }

                .NombreConfMenus table td span {
                    font-size: xx-small;
                    color: #5c5858;
                }

    .ExplicacionConfMenus {
        float: right;
        width: 32%;
        margin-right: 2%;
        margin-top: 10px;
        text-align: center;
        padding: 1%;
    }

        .ExplicacionConfMenus fieldset {
            border: 1px dotted #009AD9;
            font-size: x-small;
        }

        .ExplicacionConfMenus legend {
            color: #009AD9;
            text-align: left;
            font-size: small;
        }

    .titListadoConfig {
        float: left;
        width: 100%;
        font-size: medium;
        color: #009AD9;
        margin-bottom: 15px;
        text-align: center;
        text-decoration: underline;
    }

    .CalendarioConfMenus {
        float: right;
        width: 32%;
        height: auto;
        min-height: 200px;
        margin-right: 2%;
        margin-top: 10px;
        text-align: center;
        padding: 10px 1% 10px 1%;
    }

        .CalendarioConfMenus fieldset {
            border: 1px dotted #009AD9;
            font-size: x-small;
        }

        .CalendarioConfMenus legend {
            color: #009AD9;
            text-align: left;
            font-size: small;
        }

    .AñadirCalendario {
        float: left;
        width: 100%;
        margin-bottom: 0px;
        height: 30px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

        .AñadirCalendario div {
            float: left;
            width: 50%;
            font-size: xx-small;
            text-align: left;
        }

        .AñadirCalendario select {
            float: left;
            width: 48%;
            font-size: xx-small;
        }

        .BotonCalendarioAño {
        float: left;
        width: 40%;
        margin-left: 30%;
        margin-right: 30%;
        height: auto;
        margin-bottom: 10px;
        margin-top: 10px;
    }

        .BotonCalendarioAño a {
            float: left;
            width: 100%;
            height: 20px;
            background: #3498db;
            text-align: center;
            background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
            background-image: -moz-linear-gradient(top, #3498db, #2980b9);
            background-image: -ms-linear-gradient(top, #3498db, #2980b9);
            background-image: -o-linear-gradient(top, #3498db, #2980b9);
            background-image: linear-gradient(to bottom, #3498db, #2980b9);
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            font-family: Arial;
            color: #ffffff;
            font-size: 12px;
            padding: 5px 15px 5px 15px;
            text-decoration: none;
        }

            .BotonCalendarioAño a:hover {
                background: #3cb0fd;
                background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
                background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
                background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
                text-decoration: none;
                font-weight: bold;
            }
    /*PAGINA INICIO*/
    .logo777grande {
    width: 62%;
    float: left;
    text-align: center;
    padding-top: 10px;
    margin-left: 20%;
}

    .logo777grande img {
        height: 96px;
        width:161px;
    }


.txtpresentacion {
    width: 100%;
    float: left;
    margin-top: 60px;
    margin-bottom: 60px;
}

.cerrarsesionInicio {
    float: left;
    width: 100%;
    margin-top: 12px;
    padding: 0px;
    height: 25px;
    line-height: none;
}

    .cerrarsesionInicio input:hover {
        background-color: rgb(19,35,91);
        border: solid 1px rgb(19,35,91);
        color: white;
        border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    }

    .cerrarsesionInicio input {
        color: white;
        border: solid 1px rgb(142,203,231);
        font-size: x-small;
        height: 25px;
        width: 100%;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        background: rgb(142,203,231);
        text-align: center;
        font-weight: bold;
    }

    /*Textos automaticos*/

.Frases777 {
    float: left;
    width: 98%;
    height: 30px;
    margin-top: 18px;
    margin-bottom: 30px;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 14px;
    color: #283c8e;
}
    
    /*Explicación recetas menus y lista compra*/

.ExplRecetas {
   float: left;
    width: 95%;
    height:auto;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #2a3a8f;
    border-radius: 10px;
}

.ImgExpRecetas {
    float: left;
    width: 100%;
    border-top: 1px solid #fbdb00;
}

    .ImgExpRecetas img {
        margin-top: -25px;
        width: 40px;
        height: 40px;
    }

.ExplRecetasTit {
    float: left;
    width: 96%;
    height:20px;
    margin-left: 3%;
    margin-right: 1%;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    font-size: small;
    color: #2a3a8f;
    font-weight: bold;
}

.ExplRecetasContenido {
    float: left;
    width: 93%;
    margin-left: 1%;
    text-align: left;
    font-size: 10px;
    color: #3e3c3c;
}

    

    .ExplRecetasContenido li {
        list-style-type: circle;
        text-align: justify;
        line-height: 20px;
        margin-bottom: 10px;
    }

        .ExplRecetasContenido li span {
            color: #2a3a8f;
        }

    .ExplRecetasContenido div {
        text-align: right;
        width: 100%;
        margin-right: 30px;
        margin-bottom: 15px;
        font-size: 12px;
        display: block;
    }

.ExplRecetasContenidoOculto {
      display: none;
        
}

    .ExplRecetasContenidoOculto li {
        list-style-type: circle;
        text-align: justify;
        line-height: 20px;
        margin-bottom: 10px;
    }

        .ExplRecetasContenidoOculto li span {
            color: #2a3a8f;
        }

.ExplCompras {
    float: left;
    width: 95%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: white;
    border: 1px solid #2a3a8f;
    border-radius: 10px;
}



.ExplComprasContenido {
    float: left;
    width: 93%;
    margin-left: 1%;
    margin-bottom: 10px;
    padding-right: 1%;
    text-align: left;
    font-size: 10px;
    color: #3e3c3c;
}

    .ExplComprasContenido li {
        list-style-type: circle;
        text-align: justify;
        line-height: 20px;
        margin-bottom: 10px;
    }

    /*Textos automaticos*/



    .flechaNovedadesIzq {
        float: left;
        width: 3%;
        margin-right: 1%;
        height: 85px;
        margin-top: 45%;
    }

        .flechaNovedadesIzq img {
            width: 18px;
            height: 41px;
        }

    .flechaNovedadesDcha {
        float: left;
        width: 3%;
        margin-left: 1%;
        height: 85px;
        margin-top: 45%;
    }

        .flechaNovedadesDcha img {
            width: 18px;
            height: 41px;
        }


         /* Novedades*/

.divTextNovedades {
    float: left;
    width: 28%;
    height: 15px;
    margin-left: 7%;
    padding-top: 7px;
    padding-bottom: 3px;
    color: white;
    font-size:small;
    text-align: center;
    background: rgb(43,59,144);
}



.divCuadroTextNovedades {
    float: left;
    width: 100%;
    font-size: x-small;
    color: #7e7d7d;
    padding-top: 3px;
}

/* Volver al listado */

.encabvolverlist {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    height: auto;
}

.RecetaAnterior {
    float: left;
    width: 5%;
    text-align: right;
}

    .RecetaAnterior img {
        width: 15px;
        height: 15px;
    }

.volverlistado1 {
    float: left;
    width: 30%;
    padding-top: 3px;
}

    .volverlistado1 a {
        text-decoration: underline;
        color: #6c0909;
        font-size:xx-small;
    }

.volverlistado2 {
    float: left;
    width: 30%;
    padding-top: 3px;
}

    .volverlistado2 a {
        text-decoration: underline;
        color: #185307;
                font-size:xx-small;
    }

.volverlistado3 {
    float: left;
    width:30%;
    padding-top: 3px;
}

    .volverlistado3 a {
        text-decoration: underline;
        color: #11063e;
                font-size:xx-small;
    }

.RecetaSiguiente {
    float: left;
    width: 5%;
}

    .RecetaSiguiente img {
        width: 15px;
        height: 15px;
    }

.recetacopiade1 {
    float: left;
    width: 30%;
    padding-top: 5px;
    font-size: xx-small;
    text-align: left;
    padding-right: 5px;
    padding-left: 1%;

}

    .recetacopiade1 a {
        text-decoration: underline;
        color: #6c0909;
    }

.recetacopiade2 {
    float: left;
     width: 30%;
    padding-top: 5px;
    font-size: xx-small;
    text-align: right;
    padding-right: 5px;
}

    .recetacopiade2 a {
        text-decoration: underline;
        color: #185307;
    }

.recetacopiade3 {
    float: left;
     width: 30%;
    padding-top: 5px;
    font-size: xx-small;
    text-align: right;
    padding-right: 5px;
}

    .recetacopiade3 a {
        text-decoration: underline;
        color: #11063e;
    }

.ProgresComplRecetas {
    float: left;
    width: 20%;
    text-align: right;
    margin-top: 5px;
}

    .ProgresComplRecetas span {
        float: right;
        width: 1%;
        font-size: xx-small;
        padding-right: 5px;
        text-align: right;display:none;
    }

    .ProgresComplRecetas img {
        float: right;
        width: 11px;
        height: 11px;
        margin-left: 3px;
    }

.progressCompletado[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    width: 70%;
    height: 10px;
    overflow: hidden;
    border: 1px inset #666;
    background-color: #D8D8D8;
    border-radius: 10px;
    float: right;
}

.progressCompletado::-moz-progress-bar {
    background: #C3D940; /* Color progreso */
    border-radius: 20px;
}

.progressCompletado::-webkit-progress-value {
    background: #C3D940; /* Color progreso */
    border-radius: 20px;
}

.progressCompletado::-webkit-progress-bar {
    background-color: #D8D8D8;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    border-radius: 20px;
}

.progressInf[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    width: 70%;
    height: 10px;
    overflow: hidden;
    border: 1px inset #666;
    background-color: #D8D8D8;
    border-radius: 10px;
    float: right;
}

.progressInf::-moz-progress-bar {
    background: #009AD9; /* Color progreso */
    border-radius: 20px;
}

.progressInf::-webkit-progress-value {
    background: #009AD9; /* Color progreso */
    border-radius: 20px;
}

.progressInf::-webkit-progress-bar {
    background-color: #D8D8D8;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    border-radius: 20px;
}



        /* Bloque Fichas Receta */

    .bloquefichas {
        float: left;
        width: 5%;
        margin-bottom: 1%;
        margin-top: 1%;
        margin-left: 1%;
    }

        .bloquefichas a {
            text-decoration: none;
            font-size-adjust: inherit;
            color: #041440;
        }

    .etiquetasSelect1 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #FFD900;
        background: -moz-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: linear-gradient(10deg, transparent 20px, #FFD900 1px);
    }

    .etiquetasSelect2 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #C3D940;
        background: -moz-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: linear-gradient(10deg, transparent 20px, #C3D940 1px);
    }

    .etiquetasSelect3 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #009AD9;
        background: -moz-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: linear-gradient(10deg, transparent 20px, #009AD9 1px);
    }

    .etiquetasGrandesSelect1 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #FFD900;
        background: -moz-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #FFD900 1px);
        background: linear-gradient(10deg, transparent 20px, #FFD900 1px);
    }

    .etiquetasGrandesSelect2 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #C3D940;
        background: -moz-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #C3D940 1px);
        background: linear-gradient(10deg, transparent 20px, #C3D940 1px);
    }

    .etiquetasGrandesSelect3 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #009AD9;
        background: -moz-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #009AD9 1px);
        background: linear-gradient(10deg, transparent 20px, #009AD9 1px);
    }

    .etiquetastextoSelect {
        float: left;
        text-align: center;
        width: 100%;
        height: 80px;
        margin-bottom: 0px;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

        .etiquetastextoSelect p {
            -ms-transform: rotate(270deg); /* IE 9 */
            -moz-transform: rotate(270deg); /* Firefox */
            -webkit-transform: rotate(270deg); /* Safari and Chrome */
            -o-transform: rotate(270deg); /* Opera */
            font-size: xx-small;
            line-height: 12px;
            color: black;
            text-align: center;
            font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        }

    .AvisoSinCompletar {
        float: left;
        width: 100%;
        height: 20px;
        margin-bottom: 0px;
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
        -ms-transform: rotate(270deg); /* IE 9 */
        -moz-transform: rotate(270deg); /* Firefox */
        -webkit-transform: rotate(270deg); /* Safari and Chrome */
        -o-transform: rotate(270deg); /* Opera */
    }

        .AvisoSinCompletar img {
            width: 18px;
            height: 14px;
        }

    .AvisoCompletado {
        float: left;
        width: 100%;
        height: 20px;
        margin-bottom: 0px;
        margin-top: 5px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
        -ms-transform: rotate(270deg); /* IE 9 */
        -moz-transform: rotate(270deg); /* Firefox */
        -webkit-transform: rotate(270deg); /* Safari and Chrome */
        -o-transform: rotate(270deg); /* Opera */
    }

        .AvisoCompletado img {
            width: 18px;
            height: 18px;
        }




    .etiquetastextoClasifSelect {
        float: left;
        text-align: center;
        width: 100%;
        height: 80px;
        margin-bottom: 0px;
        margin-top: 50px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

        .etiquetastextoClasifSelect p {
            -ms-transform: rotate(270deg); /* IE 9 */
            -moz-transform: rotate(270deg); /* Firefox */
            -webkit-transform: rotate(270deg); /* Safari and Chrome */
            -o-transform: rotate(270deg); /* Opera */
            font-size: small;
            line-height: 12px;
            color: black;
            text-align: center;
            font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        }




    .etiquetas1 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #f7ea55;
        background: -moz-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: linear-gradient(10deg, transparent 20px, #f7ea55 1px);
    }

        .etiquetas1:hover {
            background-color: #FFD900;
            background: -moz-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -o-linear-gradient(10deg, transparent 20px,#FFD900 1px);
            background: linear-gradient(10deg, transparent 20px,#FFD900 1px);
        }


            .etiquetas1:hover p {
                color: white;
            }

    .etiquetas2 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #d7f595;
        background: -moz-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: -ms-linear-gradient(10deg, transparent 20px,#d7f595 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: linear-gradient(10deg, transparent 20px, #d7f595 1px);
    }

        .etiquetas2:hover {
            background-color: #C3D940;
            background: -moz-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -o-linear-gradient(10deg, transparent 20px,#C3D940 1px);
            background: linear-gradient(10deg, transparent 20px,#C3D940 1px);
        }


            .etiquetas2:hover p {
                color: white;
            }

    .etiquetas3 {
        float: left;
        width: 100%;
        height: 120px;
        background-color: #c5dcef;
        background: -moz-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: -ms-linear-gradient(10deg, transparent 20px,#c5dcef 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: linear-gradient(10deg, transparent 20px, #c5dcef 1px);
    }

        .etiquetas3:hover {
            background-color: #009AD9;
            background: -moz-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -o-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: linear-gradient(10deg, transparent 20px,#009AD9 1px);
        }


            .etiquetas3:hover p {
                color: white;
            }

    .etiquetasGrandes1 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #f7ea55;
        background: -moz-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #f7ea55 1px);
        background: linear-gradient(10deg, transparent 20px, #f7ea55 1px);
    }

        .etiquetasGrandes1:hover {
            background-color: #FFD900;
            background: -moz-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #FFD900 1px);
            background: -o-linear-gradient(10deg, transparent 20px,#FFD900 1px);
            background: linear-gradient(10deg, transparent 20px,#FFD900 1px);
        }


            .etiquetasGrandes1:hover p {
                color: white;
            }

    .etiquetasGrandes2 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #d7f595;
        background: -moz-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: -ms-linear-gradient(10deg, transparent 20px,#d7f595 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #d7f595 1px);
        background: linear-gradient(10deg, transparent 20px, #d7f595 1px);
    }

        .etiquetasGrandes2:hover {
            background-color: #C3D940;
            background: -moz-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #C3D940 1px);
            background: -o-linear-gradient(10deg, transparent 20px,#C3D940 1px);
            background: linear-gradient(10deg, transparent 20px,#C3D940 1px);
        }


            .etiquetasGrandes2:hover p {
                color: white;
            }


    .etiquetasGrandes3 {
        float: left;
        width: 100%;
        height: 140px;
        background-color: #c5dcef;
        background: -moz-linear-gradient(10deg, transparent 20px,#c5dcef 1px);
        background: -webkit-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: -ms-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: -o-linear-gradient(10deg, transparent 20px, #c5dcef 1px);
        background: linear-gradient(10deg, transparent 20px, #c5dcef 1px);
    }

        .etiquetasGrandes3:hover {
            background-color: #009AD9;
            background: -moz-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -webkit-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -ms-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: -o-linear-gradient(10deg, transparent 20px, #009AD9 1px);
            background: linear-gradient(10deg, transparent 20px,#009AD9 1px);
        }

            .etiquetasGrandes3:hover p {
                color: white;
            }


    .etiquetasReducida1 {
        float: left;
        width: 100%;
        height: 45px;
        background-color: #f7ea55;
    }

        .etiquetasReducida1:hover {
            background-color: #FFD900;
        }

    .etiquetasReducida2 {
        float: left;
        width: 100%;
        height: 45px;
        background-color: #d7f595;
    }

        .etiquetasReducida2:hover {
            background-color: #C3D940;
        }

    .etiquetasReducida3 {
        float: left;
        width: 100%;
        height: 45px;
        background-color: #c5dcef;
    }

        .etiquetasReducida3:hover {
            background-color: #009AD9;
        }






    .etiquetastexto {
        float: left;
        text-align: center;
        width: 100%;
        height: 80px;
        margin-bottom: 0px;
        margin-top: 10px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

        .etiquetastexto img {
            width: 18px;
            height: 14px;
        }

        .etiquetastexto p {
            -ms-transform: rotate(270deg); /* IE 9 */
            -moz-transform: rotate(270deg); /* Firefox */
            -webkit-transform: rotate(270deg); /* Safari and Chrome */
            -o-transform: rotate(270deg); /* Opera */
             font-size: xx-small;

            line-height: 12px;
            color: black;
            text-align: center;
            font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        }

    .etiquetasGrandestexto {
        float: left;
        text-align: center;
        width: 100%;
        height: 80px;
        margin-bottom: 0px;
        margin-top: 43px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline-block;
    }

        .etiquetasGrandestexto p {
            -ms-transform: rotate(270deg); /* IE 9 */
            -moz-transform: rotate(270deg); /* Firefox */
            -webkit-transform: rotate(270deg); /* Safari and Chrome */
            -o-transform: rotate(270deg); /* Opera */
         font-size: xx-small;
            line-height: 12px;
            color: black;
            text-align: center;
            font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        }

       


         /*DESPLEGABLE DIFICULTADA, VALOR ENERGÉTICO Y DIGESTIBILIDAD */


   
    .fildificultad {
        width: 25%;
        background: #fff;
        float: left;
    }

        .fildificultad img {
            width: 20px;
            height: 20px;
        }



        .fildificultad ul {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }

        .fildificultad li {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
            list-style: none;
        }

        .fildificultad a {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }

        .fildificultad > ul > li > a {
            display: block;
            color: black;
            background-color: white;
        }


            .fildificultad > ul > li > a > span {
                width: 100%;
                display: block;
                padding-top: 5px;
                padding-bottom: 5px;
                text-align: left;
         font-size: 7px;
            }


            .fildificultad > ul > li > a:hover {
                text-decoration: none;
            }


        .fildificultad ul ul {
            padding-bottom: 6px;
            display: none;
        }

            .fildificultad ul ul a {
                display: block;
                color: #595959;
                background-color: white;
            }

    .filValorEnerg {
        width: 30%;
        background: #fff;
        float: left;
    }

        .filValorEnerg ul {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
            list-style: none;
        }

        .filValorEnerg li {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }

        .filValorEnerg a {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }


        .filValorEnerg > ul > li > a {
            display: block;
            color: black;
            background-color: white;
        }


            .filValorEnerg > ul > li > a > span {
                width: 100%;
                display: block;
                padding-top: 5px;
                padding-bottom: 5px;
                text-align: left;
                font-size: 7px;
            }


            .filValorEnerg > ul > li > a:hover {
                text-decoration: none;
            }


        .filValorEnerg ul ul {
            padding-bottom: 6px;
            display: none;
        }

            .filValorEnerg ul ul a {
                display: block;
                color: #595959;
                background-color: white;
            }

    .filDigestib {
        width:30%;
        background: #fff;
        float: left;
    }

        .filDigestib ul {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }

        .filDigestib li {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
            list-style: none;
        }

        .filDigestib a {
            margin: 0;
            padding: 0;
            border: 0;
            font-weight: normal;
            text-decoration: none;
            line-height: 1;
            position: relative;
        }


        .filDigestib > ul > li > a {
            font-size: 12px;
            display: block;
            color: black;
            background-color: white;
        }


            .filDigestib > ul > li > a > span {
                width: 100%;
                display: block;
                padding-top: 5px;
                padding-bottom: 5px;
                text-align: left;
               font-size: 7px;
            }


            .filDigestib > ul > li > a:hover {
                text-decoration: none;
            }


        .filDigestib ul ul {
            padding-bottom: 6px;
            display: none;
        }

            .filDigestib ul ul a {
                display: block;
                color: #595959;
                background-color: white;
            }


/* PIE DE PÁGINA */

.pie {
    position: relative;
    margin-top: -200px; /* ponga en negativo el alto de su pie de página para nuestro    ejemplo usamos 63, usted debe remplazarlo según su diseño   */
    height: 10px;
    clear: both;
    width: 100%;
    font-weight: normal;

    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #11063e;
    color: white;
    margin-bottom: 180px;
}

    .pie a {
        color: white;
        text-decoration: none;
    }

        .pie a:hover {
            font-size: 8px;
            color: white;
        }

.pieceicid {
    float: left;
    width: 25%;
       font-size: 6px;
}

.piecopyright {
    float: left;
    width: 18%;
    text-align: center;
       font-size: 6px;
}

.pieinicio {
    float: right;
    width: 11%;
    text-align: center;
    border-right: 1px solid white;
       font-size: 7px;
}

.pieavisos {
    float: right;
    width:13%;
    text-align: center;
    border-right: 1px solid white;
       font-size: 7px;
}

.piecookies {
    float: right;
    width: 13%;
    text-align: center;
    margin-right: 20px;
       font-size: 7px;
}


/* Cookies */

@keyframes desaparecer {
    0% {
        bottom: 0px;
    }

    80% {
        bottom: 0px;
    }

    100% {
        bottom: -50px;
    }
}

@-webkit-keyframes desaparecer /* Safari and Chrome */
{
    0% {
        bottom: 0px;
    }

    80% {
        bottom: 0px;
    }

    100% {
        bottom: -50px;
    }
}

@keyframes aparecer {
    0% {
        bottom: -38px;
    }

    10% {
        bottom: 0px;
    }

    90% {
        bottom: 0px;
    }

    100% {
        bottom: -38px;
    }
}

@-webkit-keyframes aparecer /* Safari and Chrome */
{
    0% {
        bottom: -38px;
    }

    10% {
        bottom: 0px;
    }

    90% {
        bottom: 0px;
    }

    100% {
        bottom: -38px;
    }
}

#cookiesms1:target {
    display: none;
}

.cookiesms {
    width: 100%;
    height: 40px;
    margin: 0 auto;
    padding-left: 5px;
    padding-top: 10px;
    font-size:xx-small;
    clear: both;
    color: #333;
    bottom: 0px;
    position: fixed;
    left: 0px;
    background-color: #FFF;
    filter: alpha(opacity=70); /* For IE8 and earlier */
    transition: bottom 1s;
    -webkit-transition: bottom 1s; /* Safari */
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    z-index: 999999999;
}

    .cookiesms:hover {
        bottom: 0px;
    }

    .cookiesms button {
        cursor: pointer;
          font-size:xx-small;
    }

        .cookiesms button:hover {
            cursor: pointer;
            background-color: #11063e;
            color: white;
        }

.cookies2 {
    background-color: #FFF;
    display: inline;
    opacity: 0.95;
    filter: alpha(opacity=95);
    position: absolute;
    left: 1%;
    top: -30px;
    font-size:11px;
    height: 30px;
    padding-top: 5px;
    padding-left: 25px;
    padding-right: 25px;
    -webkit-border-top-right-radius: 15px;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topright: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    -webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    -moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
    cursor: pointer;
    color: #11063e;
}

/* Fin del CSS para cookies */


/*SECCIONES SUPERMERCADO */

.SeccSupermercado {
    width: 90%;
    margin-top: 60px;
    background: white;
    padding: 1%;
    margin-left: 5%;
    font-size:small;
}


    .SeccSupermercado tr:hover {
        /* Filas celeste al pasar el mouse */
        background-color: #5BB7E7;
    }

    .SeccSupermercado input {
        width: 100%;
        border: none;
        background-color: transparent;
    }

.columSeccion {
    width: 60%;
    height: 25px;
    color: white;
    text-align: center;
    background-color: #11063e;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #11063e solid;
    font-weight: 100;
}

.columCategth2 {
    width: 20%;
    color: white;
    text-align: center;
    background-color: #11063e;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #11063e solid;
    font-weight: 100;
}

/* CONFIGURACION MENUS INICIO*/

.ListConfMenus {
    float: left;
    width: 56%;
    height: auto;
    min-height: 800px;
    margin-right: 2%;
    margin-top: 10px;
    text-align: center;
}

/* IMAGEN CIRCULO VERDE: PÚBLICO*/

.ImgCircPubl {
    float: left;
    text-align: left;
    width: 10px;
    height: 10px;
    margin-top: 5px;
}

.ImgCircPublConfigMenu {
    float: left;
    text-align: left;
    width: 5px;
    height: 5px;
    margin-top: 10px;
}

/*USUARIOS Y PAGOS REALIZADOS*/

.contenidoUsuarios {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 40px;
    margin-bottom: 40px;
}

    .contenidoUsuarios caption {
        color: #1c4d76;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 20px;
    }

    .contenidoUsuarios table {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }

    .contenidoUsuarios tr {
        height: 30px;
        font-size: xx-small;
    }

        .contenidoUsuarios tr a {
            color: #11063e;
            font-size: xx-small;
        }

            .contenidoUsuarios tr a:hover {
                color: white;
            }

        .contenidoUsuarios tr:hover {
            background-color: #5BB7E7;
        }


        .tabacceso {
        width: 20%;
        height: 25px;
        color: white;
        text-align: center;
        background-color: #11063e;
                 font-size: x-small;
    }
         .tabestado {
        width: 20%;
        height: 25px;
        color: white;
        text-align: center;
        background-color: #11063e;
        font-size: x-small;
    }


        /*CONFIGURACIÓN GENERAL */

.ContConfigGnral {
    width: 98%;
    float: left;
    margin-top: 20px;
    padding-left: 1%;
    padding-right: 1%;
}

    .ContConfigGnral fieldset {
        border: 2px dotted #1c4d76;
        padding-bottom: 40px;
        margin-left: 5%;
        margin-right: 3%;
        width: 90%;
    }

    .ContConfigGnral legend {
        color: #1c4d76;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
    }

     /*PRECIOS*/
    .contenidoinicioppalPrecios {
        width: 72%;
        float: left;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 100px;
        margin-right: 0px;
        height: auto;
        min-height: 800px;
    }

    .DivContenidoPrecios {
        float: left;
        width: 100%;
        margin-top: 10px;
    }

    .PreciosTablaDiv {
   
        float: left;
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 10px;
    }

        .PreciosTablaDiv table {
                   float: left;
            width: 98%;
            padding-left: 1%;
            padding-right: 1%;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: small;
            border: none;
        }

        .PreciosTablaDiv caption {
            height: 30px;
            margin-bottom: 10px;
            margin-left: 20px;
            font-size: 20px;
            font-weight: bold;
            color: #2a3a8f;
            text-align: center;
            vertical-align: middle;
        }




        .PreciosTablaDiv th {

            text-align: left;
     
        }

            .PreciosTablaDiv th a {
              width: 90%;
                float: right;
            }

                .PreciosTablaDiv th a span {
                    width: 100%;
                    float: right;
                }

                
        .PreciosTablaDiv td img {

            width: 10px;
            height:10px
        }

        .PreciosTablaDiv tr {
            height: 60px;
            background: #f5f5f5;
            border-color: #dedede #d8d8d8 #d3d3d3;
            box-shadow: 0 1px 1px #eaeaea, inset 0 1px 0 #fbfbfb;
            color: #555;
            text-shadow: 0 1px 0 #fff;
            background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0);
            background: -webkit-linear-gradient(top, #f9f9f9, #f0f0f0);
            background: linear-gradient(top, #f9f9f9, #f0f0f0);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f0f0f0');
        }




            .PreciosTablaDiv tr:first-child {
                height: 30px;
            }

            .PreciosTablaDiv tr:last-child {
                height: 30px;
            }


        .PreciosTablaDiv td {
            font-size: x-small;
            text-align: center;
        }

    .FilaPrecio {
        color: #555;
    }

        .FilaPrecio th {
            font-size: small;
            font-weight: bold;
            color: #555;
            text-align: right;
        }

        .FilaPrecio td {
            font-size: medium;
            font-weight: bold;
            color: #555;
        }

    .FilaComprar {
        background: white;
    }

        .FilaComprar th {
            background: white;
            border: none;
        }

        .FilaComprar td {
            padding: 10px;
            border: 7px solid white;
            font-size: small;
            font-weight: bold;
            color: #2a3a8f;
            background: #f2f5f6; /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #f2f5f6 0%, #e3eaed 54%, #a8d3f1 100%); /* FF3.6+ */
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(54%,#e3eaed), color-stop(100%,#a8d3f1)); /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* IE10+ */
            background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#a8d3f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        }

            .FilaComprar td:hover {
                  font-size: small;
                color: #2a3a8f;
                background: #2a3a8f; /* Old browsers */
                background: -moz-radial-gradient(center, ellipse cover, #f2f5f6 0%, #e3eaed 54%, #2a3a8f 100%); /* FF3.6+ */
                background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(54%,#e3eaed), color-stop(100%,#2a3a8f)); /* Chrome,Safari4+ */
                background: -webkit-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#2a3a8f 100%); /* Chrome10+,Safari5.1+ */
                background: -o-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#2a3a8f 100%); /* Opera 12+ */
                background: -ms-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#2a3a8f 100%); /* IE10+ */
                background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 54%,#2a3a8f 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#2a3a8f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            }

    .ApartadosPrecios {
        
        background: white;
    }

    .PerfilesPrecios {
        background: white;
    }


        .PerfilesPrecios th {
            color: #2a3a8f;
            background: #f2f5f6; /* Old browsers */
            background: -moz-radial-gradient(center, ellipse cover, #f2f5f6 0%, #e3eaed 54%, #a8d3f1 100%); /* FF3.6+ */
            background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#f2f5f6), color-stop(54%,#e3eaed), color-stop(100%,#a8d3f1)); /* Chrome,Safari4+ */
            background: -webkit-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Chrome10+,Safari5.1+ */
            background: -o-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* Opera 12+ */
            background: -ms-radial-gradient(center, ellipse cover, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* IE10+ */
            background: radial-gradient(ellipse at center, #f2f5f6 0%,#e3eaed 54%,#a8d3f1 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#a8d3f1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
            text-align: center;
            font-size: small;
                width:10%;
           
        }

          .PerfilesPrecios td {
        width:70%;
    }




    .DescripIncluido {
        background: white;
        display: none;
    }

        .DescripIncluido th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluido td {
            background: white;
            height: auto;
        }

    .DescripIncluidoMenu {
        background: white;
        display: none;
    }

        .DescripIncluidoMenu th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluidoMenu td {
            background: white;
            height: auto;
        }

    .DescripIncluidoCompra {
        background: white;
        display: none;
    }

        .DescripIncluidoCompra th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluidoCompra td {
            background: white;
            height: auto;
        }

    .DescripIncluidoPlantilla {
        background: white;
        display: none;
    }

        .DescripIncluidoPlantilla th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluidoPlantilla td {
            background: white;
            height: auto;
        }

    .DescripIncluidoConfigMenu {
        background: white;
        display: none;
    }

        .DescripIncluidoConfigMenu th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluidoConfigMenu td {
            background: white;
            height: auto;
        }

    .DescripIncluidoCalendario {
        background: white;
        display: none;
    }

        .DescripIncluidoCalendario th {
            font-size: x-small;
            font-weight: normal;
            background: white;
            padding-left: 3%;
            padding-right: 0%;
            height: auto;
        }

        .DescripIncluidoCalendario td {
            background: white;
            height: auto;
        }


    .LetyendaIncluido {
        float: left;
        width: 100%;
        height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: x-small;
    }

        .LetyendaIncluido table {
            float: right;
            width: 50%;
        }

        .LetyendaIncluido td {
            text-align: left;
            width: 40%;
            color: #898484;
        }

    .LeyendaPrecios {
        float: left;
        width: 98%;
        margin-left: 2%;
        color: #555;
    }

        .LeyendaPrecios h2 {
            font-size: small;
            text-align: left;
            margin-bottom: 15px;
        }

        .LeyendaPrecios h3 {
            font-size: small;
            text-align: left;
        }

        .LeyendaPrecios ul {
            font-size: small;
            text-align: left;
        }

            .LeyendaPrecios ul li {
                margin-bottom: 5px;
            }

    .textmenuderechaInicio {
        float: left;
        width: 96%;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 1%;
        padding-right: 1%;
        padding-top: 15px;
        padding-bottom: 15px;
        border: 5px groove rgb(43,59,144);
        text-align: center;
        background: rgb(43,59,144);
        color: white;
    }

    .textmenuderechaInicio1 {
        font-size: x-small;
        margin-bottom: 10px;
        line-height: 16px;
    }

    .textmenuderechaInicio2 {
        font-size: small;
        line-height: 20px;
    }

    .divComensales {
    float: left;
    width: 28%;
    color: black;
    font-size: 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 2%;
    font-weight: bold;
    text-align: center;
    background-color: white;
    border: 1px #FFD900 solid;
}

    .DatosEncabRecetaTitulo {
    float: left;
    width: 88%;
    height: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 1%;
    padding-right: 1%;
    color: white;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 10px;
    display: table;
    vertical-align: middle;
}
    .DatosEncabRecetaNum {
    float: left;
    width:7%;
    height: 15px;
    padding-bottom: 5px;
    padding-top: 10px;
    padding-left: 1%;
    padding-right: 1%;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    line-height: 10px;
    display: table;
    vertical-align: middle;
}

    .DatosEncabRecetaAutor {
    float: left;
    width: 50%;
    height: 17px;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 3px;
    font-size: 10px;
    color: rgba(000,000,000,0.6);
}

    .DatosEncabRecetaAutor input {
        float: left;
        width: 50%;
        height: 10px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 3px;
        margin-right: 5px;
        font-size: 12px;
        color: rgba(000,000,000,0.6);
    }

.DatosEncabFechaServicio {
    float: right;
    width: 43%;
    height: 17px;
    padding-left: 1%;
    margin-right: 2%;
    padding-top: 3px;
    font-size: 10px;
    color: rgba(000,000,000,0.6);
    text-align: right;
}

    .DatosEncabFechaServicio select {
        float: right;
        width: 49%;
        height: 17px;
        
        padding-top: 0px;
        margin-right: 5px;
        font-size: 10px;
        border: none;
        text-align: center;
        border-radius: 2px;
        background-color: white;
        align-content: center;
        padding-bottom: 2px;
    }
    .divNoticias {
    float: left;
    width: 100%;
    height: auto;
   
   
    margin-top: 0px;
  margin-bottom:0px;
  
    border-bottom: solid 4px rgb(43,59,144);
    border-top: solid 4px rgb(43,59,144);
    background-color: white;

}
    .notacoste {
    float: left;
    width: 100%;
    text-align: justify;
    font-size: 9px;
    margin-left: 10px;
    color: black;
    margin-bottom: 10px;
    height: auto;
}
     .noticias {
     float: left;
    margin-top: 5px;
   
    margin-right: 1%;
    margin-left: 1%;
    width: 99%;
     text-align:justify;
    font-size: 10px;
    white-space: pre-line;
  
}




}