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

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

    a {text-decoration:none;
    }
    body {
        background-color:
    }
     /* 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%;
        }

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

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

    .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%;
        }

    /* 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;
        min-height:100%;
        
    }

    .contenidoreceta {
        width: 100%;
           height: auto;
         min-height:100%;
    }

    .contenidomenus {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-right: 0px;
        height: auto;
         min-height:100%;
    }
     .contenidoinicio {
    width: 98%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: -2%;
        margin-right: 1%;
    height: auto;
    min-height: 100%;
}

    .titulo {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: orange;
    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: 8px;
        color: #231F20;
        text-align: center;
        width: 90%;
        float: left;
        line-height: 16px;
        height: 30px;
    }

    .numreceta {
        font-size: 6px;
        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: 7px;
    }

    .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: 6px;
    }

    .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: 6px;
        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: 6px;
        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: 6px;
        text-align: center;
        color: #231F20;
    }


    .precio p {
        font-size: 7px;
        text-align: center;
    }
    .precio2 p {
        font-size: 7px;
        text-align: center;
    }
    .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: 70%;
        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: 28%;
        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;
        }


    /* 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: 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;
        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: xx-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: xx-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;
             font-size: xx-small;
    }

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

        /* 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: 90%;
    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: 85%;
        text-align: center;
        height: 20px;
        margin-top: 5px;
    }




    /*PAGINA INICIO*/
    .logo777grande {
        width: 62%;
        float: left;
        text-align: center;
        padding-top: 10px;
        margin-left: 20%;
    }

        .logo777grande img {
            height: 66px;
            width: 112px;
        }


    .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: #11063e;
            border: solid 1px rgb(142,203,231);
            font-size: 8px;
            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;
        }
        .usuariobienvenido {
        float: left;
        width: 100%;
        font-size: x-small;
        color: rgb(76,88,118);
        padding-bottom: 5px;
        padding-top: 5px;
        word-wrap: break-word;
    }

        .usuariobienvenido span {
            font-size: 12px;
            font-weight: bold;
        }

        .RedesSociales {
    float: left;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 5px;
}

    .RedesSociales div {
        float: left;
        width: 30%;
        height: 37px;
        margin-left: 1%;
    }


    .RedesSociales img {
        max-width: 37px;
        max-height: 37px;
        width: 100%;
    }


    .imgmenuderechaInicio {
        float: left;
        width: 98%;
        padding-left: 1%;
        padding-right: 1%;
        color: rgb(151,25,39);
        font-size: x-small;
        margin-top: 0px;
        margin-bottom: 5px;
        text-align: center;
    }

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

        .imgmenuderechaInicio span a {
            line-height: 16px;
            color: rgb(151,25,39);
            font-size: 7px;
        }

    .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: xx-small;
        margin-bottom: 10px;
        line-height: 16px;
    }

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


    /*Textos automaticos*/

    .Frases777 {
        float: left;
        width: 98%;
        height: 30px;
        margin-top: 10px;
        margin-bottom: 15px;
        margin-left: 1%;
        margin-right: 1%;
        font-size: 10px;
        color: #283c8e;
    }

    /* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(imagenes/btnIzqlig.png) no-repeat;
    background-size: 50%;
    margin-left:-10px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(imagenes/btnderlig.png) no-repeat ;
     background-size: 50%;
         margin-right:-22px;

}

.bx-wrapper .bx-prev:hover {
    background: url(imagenes/btnIzq.png) no-repeat;
        background-size: 50%;
}

.bx-wrapper .bx-next:hover {
	background: url(imagenes/btnDer.png)  no-repeat;
     background-size: 50%;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top:50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}


/* PAGER */


.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -35px;
	width: 100%;
    margin-left:-10px;
}



    /*Explicación recetas menus y lista compra*/

    .ExplRecetas {
        float: left;
        width: 95%;
        height: auto;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 20px;
        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%;
        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-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: 35%;
        height: 15px;
        margin-left: 7%;
        padding-top: 7px;
        padding-bottom: 3px;
        color: white;
        font-size: 9px;
        text-align: center;
        background: rgb(43,59,144);
    }



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

    }


    .divCuadroTextNovedadesArriba {
        float: left;
        width: 100%;
        height: 35px;
        margin-bottom: 5px;
        text-align: center;
        font-size: x-small;
        color: rgb(43,59,144);
    }

        .divCuadroTextNovedadesArriba p {
            vertical-align: text-bottom;
        }

        .divNovedades {
    float: left;
    width: 98%;

    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0px;
    margin-bottom: 40px;
    padding-bottom: 5px;
    border-bottom: solid 4px rgb(43,59,144);
    border-top: solid 4px rgb(43,59,144);
    background-color: white;
    height: 180px;
}

    /* Contenedor slider */
    .slider {
        position: relative;
        width: 100%;
        padding-bottom: 50%; /* Aspect ratio */
        overflow: hidden;
        border: 4px solid rgb(43,59,144);
        border-radius: 5%/10%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        background: white;
    }

        .slider > a {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            min-height: 100%;
        }
        /* Ajuste de las imágenes */
        .slider img {
            max-width: 100%;
            margin-top: 12%;
        }


        /* Texto que acompaña a cada imagen */
        .slider p {
            position: absolute;
            top: 4%;
            display: block;
            overflow: hidden;
            width: 80%;
            height: 5%;
            padding-top: 0px;
                    padding-bottom: 10px;
            border-radius: 0 20px 20px 0;
            color: #eee;
            background: rgb(43,59,144);
            font-size: 7px;
            text-align: center;
        }
    /* Flechas de navegación */

    a.mas {
        float: left;
        margin-top: 15%;
        margin-left: 3px;
        z-index: 10;
        width: 10px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        color: white;
        background: rgb(43,59,144);
        text-decoration: none;
        transition: .5s margin ease;
        visibility: hidden;
    }

    a.menos {
        float: left;
        margin-top: 15%;
        margin-left: 1px;
        z-index: 10;
        width: 10px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        color: white;
        background: rgb(43,59,144);
        text-decoration: none;
        transition: .5s margin ease;
        visibility: hidden;
    }



    .slider-wrapper:hover a.mas {
        margin-left: -40px;
    }



    .slider-wrapper:hover a.menos {
        margin-left: 20px;
    }

    /* 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;
        }

  


   /* 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;
}


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


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

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

        .fildificultad img {
            padding-top: 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: xx-small;
            }


            .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;
            font-size: 6px;
        }


        .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: xx-small;
            }


            .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: 29%;
        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: xx-small;
            }


            .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: 5px;
}

.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: 6px;
}

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

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

/* UNIDADES DE MEDIDA */

.contenidoUnidades {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto; /* 871px */
}
.UnidadesTabla {
    float: left;
    width: 92%;
    margin-top: 30px;
    margin-right: 4%;
    margin-left: 4%;
    text-align: center;
    font-size:x-small;
}
.UnidadesTabla table {
        width: 100%;
        text-align: center;
    }

    .UnidadesTabla th {
    }

    .UnidadesTabla td {
        text-align: center;
        border: 1px dotted #5BB7E7;
    }

        .UnidadesTabla td input {
            width: 90%;
            border: none;
            text-align: center;
            height: 25px;
            float: right;
            font-size:x-small;
        }

        /*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;
}

 /*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: 7px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 2%;
    font-weight: bold;
    text-align: center;
    background-color: white;
    border: 1px #FFD900 solid;
}









}