html {
    overflow-y: scroll;
    font-size: 100%;
    height: 100%;
}

body {
    text-align: center;
    margin: 0 auto;
    font-family: Century Gothic, sans-serif;
    width: 100%;
    display: block;
    z-index: 1;
    height: 100%;
}

* {
    margin: 0;
}

a > img {
    border: 0;
}

a > div > img {
    border: 0;
}

a {
    cursor: pointer;
}

a, input, button, textarea {
    -ms-touch-action: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: auto !important;
    -webkit-touch-callout: none;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    width: auto;
    height: auto;
}

.ocultar {
    display: none;
}



@font-face {
    font-family: 'Gotham Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Gotham Pro Medium'), url('GothaProMed.woff') format('woff');
}

textarea {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}
/* CONTENDOR GENERAL */
.contenedor {
    width: 96%;
    text-align: center;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: auto;
    clear: both;
}





/* PIE DE PÁGINA */

.pie {
    position: relative;
    margin-top: -60px; /* 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;
    font-size: x-small;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #11063e;
    color: white;
    margin-bottom: 15px;
}

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

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

        

.pieceicid {
    float: left;
    width: 30%;
}

.piecopyright {
    float: left;
    width: 38%;
    text-align: center;
}

.pieinicio {
    float: right;
    width: 5%;
    text-align: center;
    border-right: 3px solid white;
}

.pieavisos {
    float: right;
    width: 8%;
    text-align: center;
    border-right: 3px solid white;
}

.piecookies {
    float: right;
    width: 10%;
    text-align: center;
    margin-right: 20px;
}

/* NAVEGADOR PRINCIPAL IZQUIERDA*/

.navprincipal {
    float: left;
    width: 10%;
    height: auto;
    margin: 0%;
}

.logo {
    float: left;
    width: 96%;
    height: 5%;
    text-align: center;
    vertical-align: central;
    margin-top: 10px;
    font-size: x-small;
    color: rgb(6,45,98);
}

    .logo img {
        max-width: 119px;
        max-height: 70px;
        width: 100%;
    }

.botonesNav {
    float: left;
    width: 96%;
    margin-top: 15px;
    height: auto;
}

    .botonesNav a {
        text-decoration: none;
    }

.BotonNav {
    float: left;
    width: 100%;
    margin: 4px;
    border-radius: 30px;
}

    .BotonNav img {
        max-width: 85px;
        max-height: 85px;
        width: 100%;
        margin-bottom: 0px;
    }

.BotonNavPeq {
    float: left;
    width: 100%;
    margin: 4px;
    border-radius: 30px;
}

    .BotonNavPeq img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
    }

.BotonMaquina {
    float: left;
    width: 100%;
    margin: 4px;
}

    .BotonMaquina img {
        width: 45px;
        height: 45px;
    }


    /* Filtro precio */

.PrecioCosteFiltro {
    float: left;
    width: 98%;
    padding-top: 10px;
    margin-top: -5px;
    margin-bottom: 5%;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 12px;
    font-weight:bold;
    border-radius: 2px;
    background-color:white;
    color: #231F20;
    text-align: center;
}

.PrecioCosteFiltroBarra {
    float: left;
    width: 100%;
   text-align:center;
  
    
    margin-top:10px;
    margin-bottom: 20px;
   
 
    
}
.costeSelect {
    float:left;
    margin-left:40%;
    margin-right:40%;
    margin-bottom:10px;
    width:20%;
    text-align:center;
    color:#2a3a8f;
  font-size:11px;
  font-weight:400;
  border: 1px solid #2a3a8f;
}
.costeSelect input {
    float:left;
    margin-left:40%;
    margin-right:40%;
    margin-bottom:10px;
    width:20%;
    text-align:center;
    color:#2a3a8f;
  font-size:11px;
  font-weight:400;
  border: 1px solid #2a3a8f;
}


.desdecoste {
     float:left;
    width:48%;
    text-align:left;
    color:#2a3a8f;
  font-size:11px;
  font-weight:400;
  margin-top:5px;
  padding-left:2%;
}
.hastacoste {
     float:left;
    width:48%;
    text-align:right;
    color:#2a3a8f;
  font-size:11px;
  font-weight:400;
   margin-top:5px;
   padding-right:2%;
}
.maxmincoste {
    float:left;
 margin-left:1%;
  margin-right:2%;
  width: 5%;
  color:#2a3a8f;
  font-size:11px;
  font-weight:400;
  text-align:center;
}
input[type='range'] {
    float:left;
  display: block;
  width: 75%;
  margin-left:1%;
  margin-right:1%;
 background-color: transparent;

}

input[type='range']:focus {
  outline: none;
}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]::-webkit-slider-thumb {
  background-color:#93d1d5;
  width: 15px;
  height: 15px;
  border: 3px solid #2a3a8f;
  border-radius: 50%;
  margin-top: -5px;
  cursor:pointer;
}

input[type=range]::-moz-range-thumb {
  background-color: #93d1d5;
  width: 7px;
  height: 7px;
  border: 3px solid #2a3a8f;
  border-radius: 50%;
    cursor:pointer;
}

input[type=range]::-ms-thumb {
  background-color: #93d1d5;
  width: 10px;
  height: 10px;
  border: 3px solid #2a3a8f;
  border-radius: 50%;
  cursor:pointer;
}

input[type=range]::-webkit-slider-runnable-track {
  background-color: #2a3a8f;
  height: 4px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  outline: none;
}

input[type=range]::-moz-range-track {
  background-color: #2a3a8f;
  height: 4px;
}

input[type=range]::-ms-track {
  background-color: #2a3a8f;
  height: 4px;
}

input[type=range]::-ms-fill-lower {
  background-color: #2a3a8f;
}

input[type=range]::-ms-fill-upper {
  background-color: #dbd0d0;
}
input[type=range]::-webkit-fill-upper {
  background-color: #dbd0d0;
}
/* LISTADO RECETAS */


#cmb1 {
    width: 100%;
    height: 20px;
    margin-bottom: 5px;
    float: left;
}

.contenido {
    width: 70%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    min-height: 100%;
    height: auto;
    padding-bottom: 60px;
}

.contenidoinicioppal {
    width: 72%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto;
    min-height: 100%;
    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 */
}

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


.notacoste {
    float: left;
    width: 100%;
   text-align: justify;
    font-size: 12px;
    margin-left: 10px;
    color: black;
    margin-bottom: 10px;
    height: auto;
}

.titulo {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 30px;
}



.fichasrecetas {
    float: left;
    width: 100%;
    margin: 0%;
}

.recetas1 {
    float: left;
    width: 48%;
    background-color: #FFD900;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}

    .recetas1 a {
        text-decoration: none;
    }

    .recetas1 img {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        height: 18px;
    }

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

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



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

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

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


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

    .favoritas div {
        float: left;
        width: 16%;
        margin-left: 3%;
        height: 13px;
    }

    .favoritas img {
        max-width: 18px;
        min-height: 18px;
        width: 100%;
        height: 100%;
    }

.precio {
    padding: 1%;
    float: left;
    width: 12%;
    height: 19px;
    margin-bottom: 1%;
    margin-left: 2%;
    margin-right: 1%;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    font-size: 8px;
    color: black;
}

    .precio p {
        font-size: 10px;
        text-align: center;
    }

.precio2 {
   padding: 1%;
    float: left;
    width: 12%;
    height: 19px;
    margin-bottom: 1%;
    margin-left: 2%;
    margin-right: 1%;
    background-color: white;
    border-radius: 2px;
    text-align: center;
    font-size: 8px;
  
    color: red;
}

    .precio2 p {
        font-size: 10px;
        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%;
    }


.MensajeyVer {
    float: left;
    width: 97%;
    height: 30px;
    margin-left: 1%;
    margin-right: 2%;
}

.MensajeFecha {
    float: left;
    width: 80%;
    margin-top: 7px;
    font-size: small;
    color: black;
}

    .MensajeFecha div {
        float: right;
        width: 40%;
        text-align: left;
    }

.VerReceta {
    float: right;
    width: 20%;
}

.BotonVer {
    float: right;
    display: block;
    width: 30px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid rgba(0,0,0,.8);
    padding: 5px 14px;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    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;
}

    .BotonVer:hover {
        background: #1a2d37;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #084212;
        color: white;
    }


.recetas2 {
    float: left;
    width: 48%;
    background-color: #C3D940;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}

    .recetas2 a {
        text-decoration: none;
    }

    .recetas2 img {
        border: none;
    }



.recetas3 {
    float: left;
    width: 48%;
    background-color: #009AD9;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}


    .recetas3 a {
        text-decoration: none;
    }

    .recetas3 img {
        border: none;
    }

.Proiedadde {
    font-size: x-small;
    color: #343232;
    margin-bottom: 3px;
}



/* SUGERENCIAS LISTADO RECETAS*/

.Sugerencias {
    float: left;
    width: 100%;
    padding-bottom: 60px;
}

.tituloSugerencias {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: black;
    margin-top: 20px;
    margin-bottom: 20px;
}

.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: 46%;
        margin-bottom: 10px;
        padding-left: 2%;
        padding-right: 2%;
    }

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

.verReceta1 {
    font-size: small;
    color: #6c0909;
}

.verReceta3 {
    font-size: small;
    color: #11063e;
}


/* PÁGINAS */

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

    .divpag a {
        text-decoration: none;
        color: rgb(144,157,175);
        font-size: 12px;
    }

.botonpag {
    float: left;
    width: 20px;
    height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    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;
}

    .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: 20px;
    height: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    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;
}

.botonpagflechas {
    float: left;
    height: 20px;
    margin-top: 15px;
    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;
    }



/* LEYENDA LISTADO RECETAS */

.leyendaListRecetas {
    width: 100%;
    float: left;
}

    .leyendaListRecetas table {
        width: 100%;
    }

.leyendalistrecetastext {
    width: 20%;
    font-size: small;
    text-align: right;
}



/* MENU DERECHA LISTADO RECETAS */

.menuderecha {
    float: right;
    width: 15%;
    height: auto;
    min-height: 60px;
    padding-bottom: 10px;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #A8D3F1;
}

.MenuderechaAzul {
    float: right;
    width: 15%;
    height: auto;
    padding-bottom: 30px;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #A8D3F1;
}

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

/* Bienvenido */

.bienvenido {
    float: left;
    width: 100%;
    margin-bottom: 0%;
    margin-top: 4%;
}

.usuariobienvenido {
    float: left;
    width: 100%;
    font-size: small;
    color: rgb(76,88,118);
    padding-bottom: 5px;
    padding-top: 5px;
    word-wrap: break-word;
}

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

.usuariobienvenidomenus {
    float: left;
    width: 100%;
    font-size: small;
    color: rgb(76,88,118);
    padding-bottom: 5px;
    padding-top: 5px;
    word-wrap: break-word;
}

    .usuariobienvenidomenus span {
        font-size: 16px;
        font-weight: bold;
    }

.logoalargadoCeicid {
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 25px;
    padding: 0px;
    height: 16px;
    line-height: none;

}

    .logoalargadoCeicid img {
        float:left;
        width: 98%;
        height: auto;
        margin-left:1%;
    }

.blogvideos {
    float: right;
    position: relative;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    height: 16px;
    line-height: none;
    text-decoration: none;
}

.cerrarsesion {
    float: left;
    width: 100%;
    margin-top: 12px;
    margin-bottom: 15px;
    padding: 0px;
    height: 16px;
    line-height: none;
    text-decoration: none;
}

    .cerrarsesion input:hover {
        background-color: #d2d2d2;
        border: solid 1px rgba(0,0,0,.8);
        color: black;
    }

    .cerrarsesion input {
        color: #fff;
        border: solid 1px rgba(0,0,0,.8);
        font-size: 11px;
        height: 18px;
        width: 100%;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        background: #231F20;
        text-align: center;
    }

/* Boton nueva receta */

.newreceta {
    float: left;
    width: 96%;
    height: auto;
    text-align: center;
    vertical-align: central;
    text-decoration: none;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .newreceta img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
    }

/* Buscador recetas */

.buscadorRecetas {
    float: left;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
}

    .buscadorRecetas img {
        width: 24px;
        height: 22px;
    }

    .buscadorRecetas form {
        width: 100%;
        float: left;
        height: auto;
    }

.buscadorRecetasOpciones {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 10px;
    font-weight: normal;
    text-align: left;
    color: rgb(109,130,146);
}


    .buscadorRecetasOpciones input {
        text-align: left;
        vertical-align: middle;
        margin: 0px;
        border-radius: 5px;
    }

    .buscadorRecetasOpciones tablet {
        width: 100%;
    }

    .buscadorRecetasOpciones td {
    }

.buscadorRecetasOpcionestd1 {
    width: 40%;
    text-align: left;
}




.buscadorcampo {
    background: #fff;
    padding: 1%;
    width: 78%;
    height: 25px;
    border: solid 2px #6D8292;
    outline: none;
    float: left;
}

    .buscadorcampo input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.FiltrarIngrediente {
    background: #fff;
    padding: 5px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 26px;
    border: solid 1px #575454;
    outline: none;
    float: left;
}

    .FiltrarIngrediente input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }


.buscadorboton {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    width: 15%;
    height: 22px;
    padding-top: 5px;
    margin-left: 2%;
    background: #6D8292;
    border-radius: 2px;
}




    .buscadorboton:hover {
        background-color: rgb(246,212,2);
        background: -webkit-linear-gradient(#050c35,white); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#050c35,white); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#050c35,white); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#050c35,white); /* Standard syntax */
        color: #050c35;
    }



/* FICHA INDIVIDUAL RECETA */

.contenidoreceta {
    width: 73%;
    float: left;
    text-align: center;
    margin-top: 0px;
    padding-bottom: 60px;
    margin-right: 0px;
    height: auto;
    min-height: 100%;
}


/* Volver al listado */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .ProgresComplRecetas span {
        float: right;
        width: 60%;
        font-size: x-small;
        padding-right: 5px;
        text-align: right;
    }

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

.progressCompletado[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    width: 30%;
    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: 30%;
    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;
}

/* Encabezado receta */

.ImgEncabRecetaDiv1 {
    float: left;
    width: 24%;
    margin-top: 1%;
    margin-left: 1%;
    background-color: #FFD900;
    height: 120px;
}

.ImgEncabRecetaDiv2 {
    float: left;
    width: 24%;
    margin-top: 1%;
    margin-left: 1%;
    background-color: #C3D940;
    height: 120px;
}

.ImgEncabRecetaDiv3 {
    float: left;
    width: 24%;
    margin-top: 1%;
    margin-left: 1%;
    background-color: #009AD9;
    height: 120px;
}

.ImgEncabReceta {
    float: left;
    width: 100%;
    height: 120px;
}

    .ImgEncabReceta img {
        max-width: 250px;
        max-height: 120px;
        width: 100%;
        height: 100%;
    }

.ImgEncabRecetaEdit {
    float: left;
    width: 85%;
    height: 80px;
}

    .ImgEncabRecetaEdit img {
        max-width: 250px;
        max-height: 100px;
        width: 100%;
        height: 100%;
    }

.EliminFotoEncab {
    float: left;
    width: 15%;
    margin-top: 50px;
}

    .EliminFotoEncab img {
        width: 25px;
        height: 25px;
    }

.ModifFoto {
    float: left;
    width: 100%;
    height: 20px;
    margin-top: 3px;
    font-size: x-small;
}

    .ModifFoto input {
        width: 98%;
    }

.InfEditFoto {
    float: left;
    width: 100%;
    margin-top: 3px;
    height: 12px;
    font-size: x-small;
}

.ModifFotoGaleria {
    float: left;
    width: 60%;
    margin-left: 13%;
    height: 20px;
}

    .ModifFotoGaleria input {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }



.DatosEncabRecetaDiv1 {
    float: left;
    width: 74%;
    margin-top: 1%;
    margin-right: 1%;
    height: 120px;
    background-color: #FFD900;
}

.DatosEncabRecetaDiv2 {
    float: left;
    width: 74%;
    margin-top: 1%;
    margin-right: 1%;
    height: 120px;
    background-color: #C3D940;
}

.DatosEncabRecetaDiv3 {
    float: left;
    width: 74%;
    margin-top: 1%;
    margin-right: 1%;
    height: 120px;
    background-color: #009AD9;
}


.DatosEncabReceta {
    float: left;
    width: 100%;
}

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

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

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


    .DatosEncabRecetaTituloEdit input {
        text-decoration: none;
        width: 100%;
        color: white;
        text-align: center;
        font-size: 20px;
        background-color: transparent;
        border: 1px solid #bfbcbc;
    }

.DatosEncabRecetaNumEdit {
    float: left;
    width: 8%;
    height: 15px;
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    line-height: 10px;
    display: table;
    vertical-align: middle;
}

    .DatosEncabRecetaNumEdit input {
        text-decoration: none;
        width: 100%;
        color: white;
        text-align: center;
        font-size: 16px;
        background-color: transparent;
        border: 1px solid #bfbcbc;
    }


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

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

.DatosEncabFechaServicio {
    float: right;
    width: 39%;
    height: 17px;
    padding-left: 1%;
    margin-right: 2%;
    padding-top: 3px;
    font-size: 12px;
    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: 11px;
        border: none;
        text-align: center;
        border-radius: 2px;
        background-color: white;
        align-content: center;
        padding-bottom: 2px;
    }


.DatosEncabRecetaClasif {
    float: left;
    width: 53%;
    height: 45px;
    background-color: white;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 1%;
    margin-right: 2%;
    border-radius: 2px;
    text-align: center;
    font-size: 10px;
    color: rgba(000,000,000,0.6);
}

    .DatosEncabRecetaClasif table {
        width: 100%;
    }




.DatosEncabRecetaSimbolosEdit {
    float: left;
    width: 100%;
    height: 35px;
    text-align: center;
    font-size: 10px;
    color: rgba(000,000,000,0.6);
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    margin-top: 10px;
}

.DatosEncabRecetaClasif img {
    width: 23px;
    text-align: center;
    height: 20px;
}

.FavoritasyDietas {
    float: left;
    width: 40%;
    height: 45px;
    margin-top: 10px;
    margin-bottom: 5px;
    margin-left: 2%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
    border-radius: 2px;
    text-align: center;
}

.DatosEncabRecetaFavoritas {
    float: left;
    width: 85%;
    height: 20px;
    padding-top: 1px;
    padding-left: 15%;
}

    .DatosEncabRecetaFavoritas div {
        float: left;
        width: 15%;
    }

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



.DatosEncabRecetaDietas {
    float: left;
    width: 100%;
    height: 20px;
    padding-top: 5px;
    display: inline-block;
    padding-left: 1%;
}

    .DatosEncabRecetaDietas div {
        float: left;
        width: 11%;
        height: 15px;
    }

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


/* 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: 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: 23px;
    background-color: #f7ea55;
}

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

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

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

.etiquetasReducida3 {
    float: left;
    width: 100%;
    height: 23px;
    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: 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: small;
        line-height: 12px;
        color: black;
        text-align: center;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }


/* Contenido fichas recetas */

.datosfichas1 {
    float: left;
    width: 93%;
    height: auto;
    min-height: 820px;
    padding-bottom: 15px;
    background-color: #FFD900;
    margin-bottom: 1%;
    margin-top: 1%;
}

    .datosfichas1 a {
        text-decoration: none;
    }

.datosfichas2 {
    float: left;
    width: 93%;
    height: auto;
    padding-bottom: 15px;
    min-height: 820px;
    background-color: #C3D940;
    margin-bottom: 1%;
    margin-top: 1%;
}

    .datosfichas2 a {
        text-decoration: none;
    }

.datosfichas3 {
    float: left;
    width: 93%;
    height: auto;
    min-height: 820px;
    padding-bottom: 15px;
    background-color: #009AD9;
    margin-bottom: 1%;
    margin-top: 1%;
}

    .datosfichas3 a {
        text-decoration: none;
    }

.datosfichas img {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    width: 29px;
    height: 37px;
}

.divdatosfichas {
    float: left;
    width: 96%;
    height: auto;
    min-height: 850px;
    padding-bottom: 15px;
    margin-top: 2%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-right: 2%;
    padding-top: 7px;
    border-radius: 5px;
    background-color: #fbf6f6;
}

    .divdatosfichas p {
        font-size: 15px;
        font-weight: bold;
        color: #6c0909;
    }

/* FICHA RECETA */

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

    .divComensales input {
        width: 10%;
        text-align: center;
    }

.divIngredientes {
    float: left;
    width: 100%;
    height: auto;
    margin: 0px;
}

    .divIngredientes p {
        color: #5BB7E7;
        font-size: medium;
    }

.divIngredientesEdit {
    float: left;
    width: 100%;
    height: auto;
}

    .divIngredientesEdit p {
        float: left;
        color: #5BB7E7;
        font-size: medium;
        width: 100%;
    }

    .divIngredientesEdit input {
        float: left;
        width: 21%;
    }

.BotonIngredientes {
    float: left;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 3px 3px;
    width: 89px;
    font-size: 16px;
    font-weight: normal;
    color: #6285cb;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4), 0px 0px 25px rgba(0,0,0,0.3);
    border: 1px solid #6285cb;
    border-radius: 2px;
    cursor: pointer;
    background: rgb(242,245,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(242,245,246) 0%, rgb(227,234,237) 37%, rgb(200,215,220) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(242,245,246)), color-stop(37%,rgb(227,234,237)), color-stop(100%,rgb(200,215,220))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* IE10+ */
    background: rgb(242,245,246); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

    .BotonIngredientes:hover {
        background: rgb(242,245,246); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%, rgb(227,234,237) 37%, rgb(200,215,220) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(242,245,246)), color-stop(37%,rgb(227,234,237)), color-stop(100%,rgb(200,215,220))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        color: #11063e;
    }

.Ingredientes {
    float: left;
    text-align: left;
    border: 1px solid #6c0909;
    margin-left: 8px;
    float: left;
    width: 98%;
    height: auto;
}

.TableIngredientes {
    float: left;
    width: 100%;
    color: black;
    font-size: small;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    margin-top: -5px;
}

    .TableIngredientes table {
        width: 100%;
    }

    .TableIngredientes tr {
        height: 25px;
    }

    .TableIngredientes td {
        font-size: small;
    }

.TableIngredientesEdit {
    float: left;
    width: 100%;
    color: black;
    font-size: small;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    margin-top: -5px;
    margin-left: 5px;
}

    .TableIngredientesEdit th {
        font-size: small;
    }

        .TableIngredientesEdit th img {
            width: 25px;
            height: 25px;
        }

    .TableIngredientesEdit table {
        width: 98%;
    }

    .TableIngredientesEdit tr {
        height: 25px;
    }



.Ingrediente {
    width: 20%;
    font-size: small;
    text-align: left;
    padding-left: 10px;
    text-align: left;
}

    .Ingrediente input {
        width: 100%;
        font-size: small;
        text-align: left;
        padding-left: 5px;
        text-align: left;
    }

.IngredienteEdit {
    width: 35%;
    font-size: small;
    text-align: left;
    padding-left: 15px;
    text-align: center;
}

    .IngredienteEdit input {
        width: 100%;
        font-size: small;
        text-align: left;
        padding-left: 15px;
        text-align: center;
    }

.IngredienteNotas {
    width: 50%;
    font-size: small;
    text-align: left;
    padding-left: 40px;
    text-align: left;
    font-weight: bold;
    color: #5BB7E7;
}

    .IngredienteNotas input {
        width: 100%;
        font-size: small;
        text-align: left;
        padding-left: 40px;
        text-align: left;
        font-weight: bold;
        color: #5BB7E7;
    }

.IngredienteNotasEdit {
    width: 40%;
    font-size: small;
    text-align: left;
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
    color: #5BB7E7;
}

    .IngredienteNotasEdit input {
        width: 100%;
        font-size: small;
        text-align: left;
        text-align: center;
        font-weight: bold;
        color: #5BB7E7;
    }

.CantidadUnidad {
    width: 10%;
    font-size: 12px;
    text-align: right;
}

    .CantidadUnidad input {
        width: 100%;
        font-size: 12px;
        text-align: right;
    }

.Precio2 {
    width: 10%;
    font-size: 12px;
    text-align: right;
    padding-right: 5%;
    color: #2a3a8f;
}

    .Precio2 input {
        width: 100%;
        font-size: 12px;
        text-align: right;
        color: #2a3a8f;
    }

.Precio1 {
    width: 20%;
    font-size: 10px;
    text-align: left;
}

    .Precio1 input {
        width: 100%;
        font-size: 10px;
        text-align: left;
    }

.Cantidad {
    width: 10%;
    font-size: 12px;
    text-align: center;
}

    .Cantidad input {
        width: 100%;
        font-size: 12px;
        text-align: center;
    }


.Unidad {
    width: 5%;
    font-size: 12px;
    text-align: left;
    text-align: center;
}

    .Unidad input {
        width: 15%;
        font-size: 12px;
        text-align: left;
        text-align: center;
    }

.Equivalea {
    width: 35%;
    font-size: 12px;
    text-align: left;
}

    .Equivalea input {
        width: 100%;
        font-size: 12px;
        text-align: left;
    }

.Previsualizacion {
    width: 10%;
    font-size: 12px;
    text-align: center;
}

    .Previsualizacion span {
        width: 100%;
        font-size: 12px;
        text-align: center;
    }

.EquivaleaEdit {
    width: 25%;
    font-size: 12px;
    text-align: center;
}

    .EquivaleaEdit input {
        width: 100%;
        font-size: 12px;
        text-align: center;
    }

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

    .Eliminar input {
        width: 10%;
        text-align: center;
    }

    .Eliminar img {
        width: 25px;
        height: 25px;
    }

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

    .divPuntosclave p {
        color: #5BB7E7;
        font-size: medium;
        text-align: center;
    }

.Puntosclave {
    text-align: left;
    padding-left: 2%;
}


    .Puntosclave textarea {
        border-style: none;
        border-color: none;
        border-width: medium;
        width: 96%;
        min-height: 80px;
        text-align: left;
        font-size: small;
        margin: 0px;
        padding: 0px;
        background-color: transparent;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        padding-left: 5px;
    }

.divPuntosclaveEdit {
    float: left;
    width: 100%;
}

    .divPuntosclaveEdit p {
        color: #5BB7E7;
        font-size: medium;
    }

.PuntosclaveEdit {
    text-align: left;
    margin-left: 2%;
    margin-top: 0px;
}


    .PuntosclaveEdit textarea {
        border-style: none;
        border-color: none;
        border-width: medium;
        width: 96%;
        height: 142px;
        text-align: left;
        font-size: small;
        margin: 0px;
        padding: 0px;
        background-color: transparent;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        padding-left: 5px;
    }

.divElbaoracion {
    float: left;
    width: 100%;
    margin-top: 0px;
}

    .divElbaoracion p {
        color: #5BB7E7;
        font-size: medium;
    }

.Elaboracion {
    text-align: left;
    margin-left: 2%;
    user-select: none;
    margin-top: 0px;
}

    .Elaboracion textarea {
        border-style: none;
        border-color: inherit;
        border-width: medium;
        width: 90%;
        min-height: 250px;
        text-align: justify;
        font-size: small;
        padding-left: 10px;
        padding-left: 5px;
        padding: 0px;
        background-color: transparent;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.divObservReceta {
    float: left;
    width: 100%;
    margin-top: 5px;
}

    .divObservReceta p {
        color: #5BB7E7;
        font-size: medium;
    }

.ObservReceta {
    text-align: left;
    margin-left: 2%;
    margin-top: 0px;
}

    .ObservReceta textarea {
        width: 98%;
        height: 100px;
        text-align: left;
        font-size: small;
        border: none;
        padding-left: 5px;
        padding: 0px;
        background-color: transparent;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

/* FICHA RECETA EDIT */

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


.fildificultad {
    width: 25%;
    background: #fff;
    float: left;
    margin-left: 3%;
    margin-right: 1%;
    padding: 3px;
}

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



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

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

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


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


        .fildificultad > ul > li > a > span {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 5px;
            text-align: left;
            font-size: 10px;
        }


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


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

        .fildificultad ul ul a {
            display: block;
            text-decoration: none;
            color: #595959;
            font-size: 12px;
            background-color: white;
        }

.filValorEnerg {
    width: 33%;
    background: #fff;
    float: left;
    margin-right: 1%;
    padding: 3px;
}

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

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

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


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


        .filValorEnerg > ul > li > a > span {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 5px;
            text-align: left;
            font-size: 10px;
        }


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


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

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

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

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

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

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



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


        .filDigestib > ul > li > a > span {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 5px;
            text-align: left;
            font-size: 10px;
        }


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


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

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




/* EMERGENTE INGREDIENTES  */

.ContenEmergIngred {
    display: none;
    content: " ";
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
}

.window-containerIngred {
    float: left;
    display: block;
    background: #fcfcfc;
    margin-left: 10%;
    margin-bottom: 100px;
    margin-top: 40px;
    width: 80%; /* Tamaño pantalla emergente */
    height: auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
    border: 5px groove #48a753;
}

.window-container-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}





.EmergenteIngredientesRecetas {
    float: left;
    width: 100%;
    margin-top: 20px;
}

.close {
    float: right;
    display: block;
    width: 40px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #aaa;
    padding: 5px 14px;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    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;
}

    .close:hover {
        background: #fefefe;
        background: -moz-linear-gradient(top, #fefefe 0%, #f8f8f8 40%, #e9e9e9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(40%,#f8f8f8), color-stop(100%,#e9e9e9));
        background: -webkit-linear-gradient(top, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
        background: -o-linear-gradient(top, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
        background: -ms-linear-gradient(top, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
        background: linear-gradient(to bottom, #fefefe 0%,#f8f8f8 40%,#e9e9e9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e9e9e9',GradientType=0 );
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #aaa;
    }

    .close:active {
        background: #f4f4f4;
        background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
        background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: -o-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: -ms-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 );
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.divbotoncerrar {
    float: right;
    margin-right: 1%;
    width: 9%;
}

.buscadoringred {
    background: #fff;
    padding: 5px;
    width: 50%;
    height: 26px;
    border: solid 2px #1b8b35;
    outline: none;
    float: left;
}




    .buscadoringred input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.buscadorbotonIngred {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    width: 24px;
    height: 20px;
    padding-top: 5px;
    margin-left: 3px;
    background: #1b8b35;
    border-radius: 2px;
}

    .buscadorbotonIngred:hover {
        background-color: #48a753;
        color: #050c35;
    }

    .buscadorbotonIngred img {
        width: 24px;
        height: 21px;
    }

.AñadirIngred {
    float: left;
    margin-left: 10px;
}

    .AñadirIngred img {
        width: 24px;
        height: 24px;
    }

.IngredientesTabEmergente {
    width: 100%;
}


    .IngredientesTabEmergente tr:hover {
        background-color: #9cff61;
    }

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

.columIngredientesEmerg {
    width: 70%;
    height: auto;
}

.columIngredientesEmergSelect {
    width: 70%;
    height: auto;
    background-color: #b7e08d;
}

    .columIngredientesEmergSelect input, .columIngredientesEmergSelect select {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        height: auto;
        background-color: white;
    }



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

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

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

.ColumEliminarCategSelect {
    width: 3%;
    text-align: center;
    background-color: #b7e08d;
}

    .ColumEliminarCategSelect img {
        width: 25px;
        height: 25px;
    }

.columCategorias {
    width: 70%;
    height: auto;
}

.columCategoriasSelect {
    width: 70%;
    height: auto;
    background-color: #b7e08d;
}

    .columCategoriasSelect input, .columCategoriasSelect select {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        height: auto;
        background-color: white;
    }

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

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

.columSeleccionarCategSelect {
    width: 5%;
    text-align: center;
    background-color: #b7e08d;
}

.columClasificacion {
    width: 15%;
    height: auto;
}

.columClasificacionSelect {
    width: 15%;
    height: auto;
    background-color: #b7e08d;
}

    .columClasificacionSelect input, .columClasificacionSelect select {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
        height: auto;
        background-color: white;
    }

.columIngredientesEmerg input {
    width: 99%;
    border: none;
    background-color: transparent;
}

.columUnidadEmerg {
    width: 6%;
    height: auto;
    text-align: center;
}

.columUnidadEmergSelect {
    width: 15%;
    height: auto;
    background-color: #b7e08d;
}

    .columUnidadEmergSelect input, .columUnidadEmergSelect select {
        width: 100%;
        margin-left: 1%;
        margin-right: 1%;
        height: auto;
        background-color: white;
    }



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

.columUnidadEmerg input {
    margin-left: 0.5%;
    margin-right: 0.5%;
    width: 98%;
    border: none;
    background-color: transparent;
}

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

    .ColumEliminarEmerg img {
        width: 25px;
        height: 25px;
    }

.ColumEliminarEmergSelect {
    width: 3%;
    text-align: center;
    background-color: #b7e08d;
}



    .ColumEliminarEmergSelect img {
        width: 25px;
        height: 25px;
    }

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

.columSeleccionarSelect {
    width: 5%;
    text-align: center;
    background-color: #b7e08d;
}


.seleccionar {
    float: right;
    width: 100%;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #aaa;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    border-radius: 3px;
    box-shadow: 0 1px 3px #ddd;
    cursor: pointer;
}

    .seleccionar:hover {
        background: #48a753;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #084212;
        color: white;
    }

/* FICHA CLASIFICACIÓN */

.categoriasEdit {
    float: left;
    width: 96%;
    margin: 2%;
}

.titcategoriasreceta {
    float: left;
    text-align: center;
    width: 93%;
    color: #1b8b35;
    font-size: medium;
    font-weight: bold;
    margin: 2%;
    height: 23px;
}

.divtabCategorias {
    float: left;
    width: 50%;
}

.tabCategorias {
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    margin-top: 1%;
    margin-bottom: 1%;
    padding: 0px;
}

    .tabCategorias table {
        width: 100%;
    }


    .tabCategorias input, .tabCategorias select {
        border: 1px #1b8b35 solid;
        width: 100%;
        margin: 0px;
        padding: 0px;
        text-align: center;
    }

.columcategorias {
    width: 100%;
    background-color: #8cc63f;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    color: white;
    border: 1px #1b8b35 solid;
}

.buscadorcateg {
    background: #fff;
    padding: 5px;
    width: 60%;
    height: 25px;
    border: solid 2px #1b8b35;
    outline: none;
    float: left;
}

    .buscadorcateg input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.CategoriasTabEdit {
    width: 96%;
    margin-top: 60px;
    background: white;
    padding: 2%;
}


    .CategoriasTabEdit tr:hover {
        /* Filas celeste al pasar el mouse */
        background-color: #9cff61;
    }

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

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


.columIngredientesEmergSelect {
    width: 70%;
    height: auto;
    background-color: #b7e08d;
}



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

.columUnidadEmergth {
    width: 6%;
    color: white;
    text-align: center;
    background-color: #1b8b35;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #1b8b35 solid;
    font-weight: 100;
    font-size: small;
}

.columIngredientesEmerg input {
    width: 99%;
    border: none;
    background-color: transparent;
}

.columUnidadEmerg {
    width: 15%;
    height: auto;
}

.columUnidadEmergSelect {
    width: 15%;
    height: auto;
    background-color: #b7e08d;
}

.columIngredientesEmerg {
    width: 20%;
    height: auto;
}

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

.columUnidadEmerg input {
    margin-left: 0.5%;
    margin-right: 0.5%;
    width: 98%;
    border: none;
    background-color: transparent;
    text-align: center;
}

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

    .ColumEliminarEmerg img {
        width: 25px;
        height: 25px;
    }

.ColumEliminarEmergSelect {
    width: 3%;
    text-align: center;
    background-color: #b7e08d;
}



    .ColumEliminarEmergSelect img {
        width: 25px;
        height: 25px;
    }

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

.columSeleccionarSelect {
    width: 3%;
    text-align: center;
    background-color: #b7e08d;
}


/* 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: 45%;
    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:medium;
    text-align: left;
    padding-left: 1%;
    padding-top:5px;
}


/* FICHA DIETAS */

.divInfDietas {
    float: left;
    width: 90%;
    margin-top: 40px;
    height: auto;
    background-color: transparent;
}

    .divInfDietas p {
        font-size: 20px;
        color: #1b8b35;
        width: 465px;
    }


.TableInfDietas {
    float: left;
    width: 100%;
    margin-left: 3%;
}

    .TableInfDietas tr {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .TableInfDietas table {
        width: 100%;
        font-size: small;
        color: black;
    }

    .TableInfDietas img {
        width: 25px;
        height: 25px;
    }

.ColumDietas {
    width: 25%;
    font-size: medium;
    text-align: left;
    padding-left: 15px;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
}


.ColumComentarioDieta {
    width: 60%;
    text-align: center;
    padding-left: 15px;
}

    .ColumComentarioDieta input, .ColumEstadoDieta select {
        text-decoration: none;
        border: none;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
        background-color: transparent;
        text-align: center;
        width: 100%;
    }

.ColumComentarioDietaEdit {
    width: 60%;
    text-align: center;
    padding-left: 15px;
}

    .ColumComentarioDietaEdit input, .ColumEstadoDietaEdit select {
        text-decoration: none;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
        text-align: center;
        width: 100%;
    }

.ColumEstadoDieta {
    width: 25%;
    text-align: center;
    padding-left: 15px;
}

    .ColumEstadoDieta input, .ColumEstadoDieta select {
        text-decoration: none;
        border: none;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
        background-color: transparent;
        text-align: center;
        width: 100%;
    }

.ColumEstadoDietaEdit {
    width: 25%;
    text-align: center;
    padding-left: 15px;
}

    .ColumEstadoDietaEdit input, .ColumEstadoDietaEdit select {
        text-decoration: none;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
        text-align: center;
        width: 100%;
    }

.ColumImgDieta {
    width: 5%;
    font-size: 16px;
    text-align: center;
    padding-left: 15px;
}

    .ColumImgDieta img {
        width: 25px;
        height: 25px;
    }

.leyendaDietas {
    width: 100%;
    float: left;
    margin-top: 3%;
    margin-bottom: 15px;
    text-align: center;
    color: black;
    font-size: xx-small;
}

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

.leyendaDietasimg {
    width: 10%;
}

.leyendaDietastxt1 {
    text-align: left;
    width: 10%;
    color: #aaa4a4;
    font-weight: 200;
    font-size: x-small;
}

.leyendaDietastxt2 {
    text-align: left;
    width: 22%;
    color: #aaa4a4;
    font-weight: 200;
    font-size: x-small;
}

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

    .explDietas p {
        text-align: justify;
        font-size: small;
        color: black;
        padding-left: 2%;
        padding-right: 2%;
    }

.explDietasEncab {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 15px;
}

    .explDietasEncab div {
        float: left;
        width: 20%;
    }

    .explDietasEncab img {
        max-width: 42px;
        max-height: 42px;
        width: 100%;
    }

    .explDietasEncab span {
        float: left;
        width: 80%;
        text-align: left;
        font-size: medium;
        font-weight: bold;
        color: #009245;
        padding-top: 10px;
    }


/* FICHA GALERIA DE FOTOS */

.fotograndecont {
    float: left;
    width: 80%;
    height: 414px;
    overflow: hidden;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    margin-right: 10px;
    margin-left: 80px;
    border-radius: 5px;
}

.Eliminarfoto {
    float: left;
    margin-top: 100px;
}

    .Eliminarfoto img {
        width: 60px;
        height: 60px;
    }

.fotogrande {
    list-style: none;
    position: relative;
    width: 500px;
    height: 400px;
    overflow: hidden;
    text-align: center;
    padding: 0px;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 10px;
}

    .fotogrande img {
        width: 500px;
        height: 400px;
        text-align: center;
        border-radius: 10px;
    }

    .fotogrande li:not(:target) {
        -webkit-animation-name: moveIt;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: 1;
        top: 0px;
        left: 0px;
        border-radius: 10px;
    }

    .fotogrande li:target {
        width: 500px;
        height: 400px;
        position: absolute;
        display: list-item;
        text-align: -webkit-match-parent;
        display: inline;
        border-radius: 10px;
    }


.fotograndeEdit {
    list-style: none;
    position: relative;
    width: 500px;
    height: 400px;
    overflow: hidden;
    text-align: center;
    padding: 0px;
    margin-left: 10%;
    margin-right: 10%;
    border-radius: 10px;
}

    .fotograndeEdit img {
        width: 500px;
        height: 400px;
        text-align: center;
        border-radius: 10px;
    }

    .fotograndeEdit li:not(:target) {
        -webkit-animation-name: moveIt;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-iteration-count: 1;
        top: 0px;
        left: 0px;
        border-radius: 10px;
    }

    .fotograndeEdit li:target {
        width: 500px;
        height: 400px;
        position: absolute;
        display: list-item;
        text-align: -webkit-match-parent;
        display: inline;
        border-radius: 10px;
    }

.galeria img {
    width: 59px;
    height: 58px;
    -webkit-border-radius: 10px;
    margin-top: 0px;
}

.divgaleria {
    overflow: no-content;
    -webkit-border-radius: 10px;
    list-style: none;
    position: relative;
    overflow: auto;
    width: 80%;
    display: block;
    text-align: left;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    margin-right: 10px;
    margin-left: 80px;
    top: -4px;
    left: 0px;
    height: 125px;
}

.galeria {
    overflow: no-content;
    -webkit-border-radius: 10px;
    list-style: none;
    position: relative;
    overflow: auto;
    width: 91%;
    display: block;
    text-align: left;
    color: #a09797;
    -moz-box-shadow: 1px 3px 7px rgba(000,000,000,0.6), inset -2px -3px 16px rgba(000,000,000,0.9);
    -webkit-box-shadow: 1px 3px 7px rgba(000,000,000,0.6), inset -2px -3px 16px rgba(000,000,000,0.9);
    box-shadow: 1px 3px 7px rgba(000,000,000,0.6), inset -2px -3px 16px rgba(000,000,000,0.9);
    background-image: linear-gradient(to bottom, #eae5e5, #a09797);
    padding-left: 7px;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
}

    .galeria li {
        display: inline;
        text-align: center;
        color: #3d3627;
        position: relative;
    }

.galeriaimg {
    border: 6px solid #d4c8c8;
}

.galeriaimgPubli {
    border: 6px solid #8CC63F;
}

/* Animación para la: imagen de destino. */

@-webkit-keyframes moveTarget {
    0% {
        left: -700px;
    }

    100% {
        left: 10px;
    }
}


.fotogrande li:target {
    -webkit-animation-name: moveTarget;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: 1;
    top: 0px;
    left: 0px;
    z-index: 10;
}


.fotogrande li:not(:target) {
    -webkit-animation-name: moveIt;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: 1;
    top: 0px;
    left: 0px;
}


/* FICHA PRODUCCIÓN */

.divPrepaPrevias {
    float: left;
    width: 100%;
    color: #5BB7E7;
}

    .divPrepaPrevias p {
        color: #5BB7E7;
    }

    .divPrepaPrevias textarea {
        width: 94%;
        border: 1px #5BB7E7 solid;
        margin-bottom: 5px;
        color: black;
        padding: 10px;
        border-radius: 2px;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
    }

.tiempoestimado {
    float: left;
    width: 40%;
    text-align: left;
    margin-left: 2%;
    margin-bottom: 1%;
    margin-top: 1%;
    height: 14px;
    color: black;
    font-size: small;
}

    .tiempoestimado input {
        text-align: center;
    }

    .tiempoestimado img {
        width: 14px;
        height: 14px;
    }

.divProcElab {
    float: left;
    width: 100%;
}

    .divProcElab p {
        color: #5BB7E7;
    }

    .divProcElab textarea {
        width: 94%;
        border: 1px #5BB7E7 solid;
        margin-bottom: 5px;
        color: black;
        padding: 10px;
        border-radius: 2px;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: small;
    }

.ProcElab {
    text-align: left;
    margin-left: 2%;
}

.divRecurNecesarios {
    float: left;
    width: 100%;
}

    .divRecurNecesarios p {
        font-size: medium;
        color: #5BB7E7;
    }

.contRecurNecesarios {
    float: left;
    width: 92.5%;
    height: auto;
    margin-left: 1.5%;
    margin-bottom: 5px;
    color: #6c0909;
    padding: 15px;
    background-color: white;
    border: 1px #5BB7E7 solid;
    color: black;
    border-radius: 2px;
}

.divRecurNecesarios table {
    width: 97%;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px #5BB7E7 solid;
    float: left;
}

    .divRecurNecesarios table td {
        border: 1px #5BB7E7 solid;
    }

.npersonas {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px;
    margin: 0;
    font-size: small;
    color: black;
}

    .npersonas input {
        padding-left: 10px;
    }

.utensilios {
    float: left;
    width: 100%;
    text-align: left;
    padding: 5px;
    margin: 0;
    font-size: small;
    color: black;
}


    .utensilios input {
        width: 86%;
        padding-left: 10px;
    }


.tabmaquinas {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}


    .tabmaquinas input {
        border: none;
        width: 100%;
        margin: 0px;
        padding: 0px;
    }



.maquinaria {
    width: 74%;
    background-color: #5BB7E7;
    border: 1px #5BB7E7 solid;
    color: white;
}

.potenciatiempo {
    width: 13%;
    background-color: #5BB7E7;
    border: 1px #5BB7E7 solid;
    color: white;
    font-size: small;
}

    .potenciatiempo img {
        width: 25px;
        height: 25px;
    }

/* FICHA MIS NOTAS */
.MisNotas {
    float: left;
    width: 100%;
    margin-top: -10px;
}

    .MisNotas p {
        color: #5BB7E7;
        font-size: larger;
    }

    .MisNotas textarea {
        width: 94%;
        height: 500px;
        border: 1px #5BB7E7 solid;
        margin-bottom: 5px;
        color: #7a7272;
        padding: 10px;
        border-radius: 5px;
        margin-top: -10px;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
        font-size: medium;
        padding-left: 15px;
        padding-top: 15px;
    }

/* FIN FICHA INDIVIDUAL RECETA */


/* MENU DERECHA RECETA */
.menuderechaReceta {
    float: right;
    width: 15%;
    height: 130px;
    margin-bottom: 10px;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #EEEEEB;
}

.menuderechaRecetaBotones {
    float: right;
    width: 11%;
    height: auto;
    margin-left: 2%;
    margin-right: 2%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #EEEEEB;
}

.MenuDerechaGris {
    float: right;
    width: 10%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 15px;
    background-color: #EEEEEB;
}

    .MenuDerechaGris a {
        text-decoration: none;
    }


.botonesReceta {
    float: left;
    width: 96%;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .botonesReceta a {
        text-decoration: none;
    }

.BotonReceta {
    float: left;
    width: 100%;
    margin: 3px;
    height: auto;
}

    .BotonReceta img {
        max-width: 75px;
        max-height: 75px;
        width: 100%;
    }

    .BotonReceta input {
        width: 75px;
        height: 75px;
    }

.BotonesImprimir {
    float: left;
    width: 100%;
    margin: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.BotonImprimir {
    float: left;
    width: 100%;
    margin: 3px;
}

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

.ImprComensales {
    float: left;
    width: 100%;
    margin: 3px;
    font-size: small;
    text-align: center;
    font-weight: bold;
}

    .ImprComensales input {
        float: left;
        width: 75%;
        margin-left: 10%;
        margin-right: 10%;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
    }



/* FILTROS MENUS DERECHA*/

.Ordenarpor {
    float: left;
    width: 99%;
    margin-top: 5%;
    margin-bottom: 7%;
    margin-left: 1%;
    margin-right: 1%;
    display: block;
}

    .Ordenarpor table {
        width: 100%;
    }

    .Ordenarpor td {
        text-align: left;
        font-size: 10px;
        width: 50%;
        line-height: 10px;
        padding: 0;
    }

    .Ordenarpor Checkbox {
        background-color: #BCC1C6;
    }

    .Ordenarpor2 {
    float: left;
    width: 99%;
    margin-top: 30px;
    margin-bottom: 7%;
    margin-left: 1%;
    margin-right: 1%;
    display: block;
}

    .Ordenarpor2 table {
        width: 100%;
    }

    .Ordenarpor2 td {
        text-align: left;
        font-size: 10px;
        width: 50%;
        line-height: 10px;
        padding: 0;
    }

    .Ordenarpor2 Checkbox {
        background-color: #BCC1C6;
    }

.FiltroImg {
    float: left;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-bottom: -15px;
    display: block;
    width: 95%;
    overflow: hidden;
}

    .FiltroImg img {
        height: 50px;
        width: 55px;
    }

.filtrosMov {
    float: left;
    width: 100%;
}

.tipoplatoFiltro {
    float: left;
    width: 99%;
    margin-top: -5px;
    margin-bottom: 10%;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 12px;
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #231F20;
    display: block;
}

    .tipoplatoFiltro table {
        width: 100%;
    }

    .tipoplatoFiltro td {
        text-align: left;
        font-size: 10px;
        width: 50%;
        line-height: 10px;
        padding: 0;
    }

    .tipoplatoFiltro Checkbox {
        background-color: #BCC1C6;
    }

.Flechafiltro {
    float: left;
    width: 100%;
    height: 21px;
    margin: 0;
    padding: 0;
}


.FavoritaFiltroImg {
    float: right;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-right: 15px;
    margin-bottom: -15px;
}

    .FavoritaFiltroImg img {
        height: 50px;
        width: 55px;
    }

.FavoritaFiltro {
    float: left;
    width: 98%;
    padding-top: 10px;
    margin-top: -5px;
    margin-bottom: 5%;
    margin-left: 1%;
    margin-right: 1%;
    font-size: 12px;
    font-weight:bold;
    border-radius: 2px;
    background-color: #FFFFFF;
    color: #231F20;
    text-align: center;
}

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



.quitarfiltros {
    float: left;
    width: 5%;
    margin-left: 3px;
    margin-top: -30px;
}

    .quitarfiltros img {
        width: 25px;
        height: 25px;
    }

    .quitarfiltros a {
        margin: 0;
        padding: 0;
        border: 0;
        list-style: none;
        font-weight: normal;
        text-decoration: none;
        line-height: 1;
        font-size: 12px;
        position: relative;
    }

.quitarfiltrosfav {
    float: left;
    width: 5%;
    margin-left: 3px;
    margin-top: -40px;
}

    .quitarfiltrosfav img {
        width: 25px;
        height: 25px;
    }

.filcategorias {
    width: 100%;
    background: #fff;
}


.ClasifCateg {
    color: #6c0909;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
}



.filcategorias ul, .filcategorias li, .filcategorias a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    font-weight: normal;
    text-decoration: none;
    line-height: 1;
    font-size: 12px;
    position: relative;
}


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


    .filcategorias > ul > li > a > span {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-right: 10px;
        text-align: center;
    }


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


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

    .filcategorias ul ul a {
        display: block;
        color: #595959;
        font-size: 12px;
    }


.Ordenarpordesplimg {
    text-align: right;
}

    .Ordenarpordesplimg th {
        width: 10%;
        text-align: right;
    }

    .Ordenarpordesplimg img {
        width: 25px;
        height: 25px;
        text-align: right;
    }

.Ordenarpordespl {
    width: 100%;
    background: #fff;
}

    .Ordenarpordespl td {
        width: 80%;
        margin: 0px;
    }


    .Ordenarpordespl ul, .Ordenarpordespl li, .Ordenarpordespl a {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        text-decoration: none;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
    }


    .Ordenarpordespl > ul > li > a {
        font-size: 12px;
        display: block;
        color: black;
        background-color: #efeeee;
        border: 1px solid #999;
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        border-radius: 2px;
        box-shadow: 5px 5px 5px #888888;
        -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
        -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,.4);
        box-shadow: inset 0 3px 8px rgba(0,0,0,.24);
    }


        .Ordenarpordespl > ul > li > a > span {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 10px;
            text-align: center;
        }


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


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

        .Ordenarpordespl ul ul a {
            display: block;
            color: #595959;
            font-size: 12px;
        }

.DietasDespleg {
    width: 100%;
    background: #fff;
    float: left;
    margin-top: 30px;
    margin-bottom: 15px;
    border: solid 2px #7FB3CA;
}

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

    .DietasDespleg table {
        width: 100%;
    }

        .DietasDespleg table tr {
            width: 100%;
            height: 30px;
        }

    .DietasDespleg td input {
        width: 10%;
        float: left;
        text-align: left;
        margin-top: -2px;
    }

    .DietasDespleg td label {
        width: 70%;
        float: left;
        text-align: left;
        font-size: 10px;
    }

    .DietasDespleg td div {
        width: 10%;
        float: left;
        text-align: left;
        margin-top: -2px;
    }



    .DietasDespleg input {
        float: left;
    }


    .DietasDespleg ul, .DietasDespleg li, .DietasDespleg a {
        border-style: none;
        border-color: inherit;
        border-width: 0;
        margin: 0;
        padding: 0;
        font-weight: normal;
        text-decoration: none;
        line-height: 1;
        font-size: 12px;
        position: relative;
        top: 0px;
        left: 0px;
        width: 100%;
        list-style:none
    }


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


        .DietasDespleg > ul > li > a > span {
            display: block;
            padding-top: 5px;
            padding-bottom: 5px;
            margin-right: 5px;
            text-align: left;
            font-size: 12px;
            width: 95%;
            padding-left: 5px;
            color: #0C3082;
        }


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


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

        .DietasDespleg ul ul a {
            display: block;
            color: #595959;
            font-size: 12px;
            background-color: white;
        }

.DietasNoDespleg {
    width: 100%;
    background: #fff;
    float: left;
    margin-top: 30px;
    margin-bottom: 15px;
    border: solid 2px #7FB3CA;
}

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

    .DietasNoDespleg table {
        width: 100%;
    }

        .DietasNoDespleg table tr {
            width: 100%;
            height: 30px;
        }



    .DietasNoDespleg td label {
        width: 80%;
        float: left;
        text-align: left;
        font-size: 10px;
        padding-left: 5px;
    }

    .DietasNoDespleg span {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 5px;
        text-align: center;
        font-size: 14px;
        width: 100%;
        color: #0C3082;
    }





/* LISTADO MENÚS */

.contlistmenus {
    float: left;
    width: 97%;
    margin-left: 1%;
    margin-right: 2%;
    margin-top: 1%;
    margin-bottom: 1%;
}

    .contlistmenus a {
        text-decoration: none;
    }

.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: small;
            color: #FFD900;
            font-weight: normal;
        }

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

.fechalistmenus {
    width: 11%;
}

.nombrelistmenus {
    width: 18%;
}

.autorlistmenus {
    width: 14%;
}

.completadotmenus {
    width: 14%;
}

.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: small;
            color: #C3D940;
            font-weight: normal;
        }

        .fichalistmenus2 table td {
            font-size: 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: small;
            color: #009AD9;
            font-weight: normal;
        }

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

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


/* Barra progreso (Esto seguro que lo haces tú mejor progrmandolo */

.progress1[value] {
    /* Elimino la apariencia por defecto */
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    /* Quito el borde que aparece en Firefox */
    border: none;
    /* Añado mis propios estilos */
    width: 60%;
    height: 15px;
    overflow: hidden;
    /*  Estos estilos solo se aplicaran al fondo de la barra en mozilla */
    border: 1px inset #666;
    background-color: #D8D8D8;
    border-radius: 20px;
}

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

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

.progress1::-webkit-progress-bar {
    background-color: #D8D8D8; /* Color fondo barra */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset; /*esta sombra es para simular el borde que he aplicado arriba para Mozilla*/
    border-radius: 20px;
}

.progress2[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    width: 60%;
    height: 15px;
    overflow: hidden;
    border: 1px inset #666;
    background-color: #D8D8D8;
    border-radius: 20px;
}

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

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

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

.progress3[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    width: 60%;
    height: 15px;
    overflow: hidden;
    border: 1px inset #666;
    background-color: #D8D8D8;
    border-radius: 20px;
}

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

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

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




/* MENÚS  */

.contenidomenus {
    width: 76%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto; /* 871px */
}







.FlechaIzq {
    float: left;
    width: 3%;
    margin-top: 300px;
}

    .FlechaIzq img {
        width: 30px;
        height: 30px;
    }

.FlechaDerecha {
    float: left;
    width: 5%;
    margin-top: 15px;
}

.ContFichasMenuSem {
    float: left;
    width: 100%;
    padding-bottom: 60px;
}


.SemanaMenus {
    float: left;
    width: 100%;
}
/* Estilo 1 AMARILLO */

.EnacabezadoMenu11 {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 3px double #6c0909;
    border-top: 3px double #6c0909;
    font-size: small;
}

    .EnacabezadoMenu11 table {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .EnacabezadoMenu11 table input {
            float: left;
            width: 98%;
            text-align: center;
            border: 1px dotted #2d3e8d;
            margin-right: 1%;
            margin-left: 1%;
            font-size: 12px;
            color: #6c0909;
        }

        .EnacabezadoMenu11 table select {
            float: left;
            width: 98%;
            text-align: center;
            border: 1px dotted #2d3e8d;
            margin-right: 1%;
            margin-left: 1%;
            font-size: 12px;
            color: #6c0909;
        }

    .EnacabezadoMenu11 tr {
        font-size: 12px;
        color: #6c0909;
    }

.EnacabezadoMenu1 {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 3px double #6c0909;
    border-top: 3px double #6c0909;
    font-size: small;
}

    .EnacabezadoMenu1 table {
        float: left;
        width: 90%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .EnacabezadoMenu1 table input {
            float: left;
            width: 98%;
            text-align: center;
            border: 1px dotted #2d3e8d;
            margin-right: 1%;
            margin-left: 1%;
            font-size: 12px;
            color: #6c0909;
        }

        .EnacabezadoMenu1 table select {
            float: left;
            width: 98%;
            text-align: center;
            border: 1px dotted #2d3e8d;
            margin-right: 1%;
            margin-left: 1%;
            font-size: 12px;
            color: #6c0909;
        }

    .EnacabezadoMenu1 tr {
        font-size: 12px;
        color: #6c0909;
    }

.FechaEncabMenus {
    width: 20%;
    font-size: small;
    color: black;
}

.FechaEncabMenus11 {
    width: 15%;
    font-size: small;
    color: black;
}

.ImgEncabMenus {
    width: 10%;
    float: left;
}

    .ImgEncabMenus img {
        width: 55px;
        height: 55px;
    }

.NombreEncabMenus {
    width: 35%;
    font-size: small;
    color: black;
}

.NombreEncabMenus11 {
    width: 30%;
    font-size: small;
    color: black;
}




.PlantillaEncabMenus {
    width: 25%;
    font-size: small;
    color: black;
}

.PlantillaEncabMenus11 {
    width: 20%;
    font-size: small;
    color: black;
}


.FichaMenuSemSelect1 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#FFD900,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD900,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD900,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD900,white); /* Standard syntax */
    border: 2px #6c0909 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemSelect1 p {
        display: table-cell;
        vertical-align: middle;
    }


.MenuSemFechaSelect1 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #6c0909;
}


.MenuSemNotasSelect1 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
}

    .MenuSemNotasSelect1 textarea {
        width: 96.5%;
        min-height: 20px;
        height: auto;
        padding-left: 2px;
        padding-top: 4px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: x-small;
        color: #6c0909;
        border: 1px solid #6c0909;
        text-align: center;
    }


.MenuSemSelect1 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #6c0909;
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}

    .MenuSemSelect1 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


    .MenuSemSelect1 table {
        margin: 1%;
        width: 98%;
        height: 98%;
        float: left;
    }


    .MenuSemSelect1 th {
        text-align: center;
        color: #6c0909;
    }

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

.MenuSemSelectTipoComida {
    width: 90%;
    font-weight: bold;
    text-align: center;
}

.MenuSemSelectAñadir {
    width: 10%;
}

    .MenuSemSelectAñadir img {
        width: 20px;
        height: 20px;
    }



.MenuSemSelectTipo {
    width: 30%;
}

    .MenuSemSelectTipo input {
        width: 100%;
        text-align: center;
        color: #6c0909;
        font-size: x-small;
        font-weight: bold;
    }

.MenuSemSelectReceta {
    width: 65%;
}

.MenuSemSelectImg {
    width: 2.5%;
}

.MensajeGuardar {
    width: 459px;
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    left: 255px;
    top: 53px;
    height: 216px;
    
}


.CuadradoMesajeGuardar {
    float: left;
    width: 100%;
    height: auto;
    border: 3px solid #11063e;
    height: 116px;
    padding-top: 40px;
    background-color: white;
}

.InputCuadradoMesajeGuardar {
    float: left;
    width: 90%;
    margin-left: 1%;
    text-align: center;
    margin-top: 5px;
    height: 36px;
    padding-left: 40px;
}



    .InputCuadradoMesajeGuardar a {
        margin-right: 35px;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
        background-color: #eae2e2;
        border: 1px solid #11063e;
        text-align: center;
        vertical-align: central;
        padding: 5px;
    }

        .InputCuadradoMesajeGuardar a:hover {
            color: white;
            background: #11063e;
        }

.MensajeAlerta {
    width: 459px;
    font-weight: bold;
    position: absolute;
    left: 455px;
    top: 53px;
    height: 216px;
}

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

    .CuadradoMesajeAlerta span {
        float: left;
        width: 100%;
        font-size: 20px;
        color: #BB0719;
    }

    .CuadradoMesajeAlerta p {
        float: left;
        width: 80%;
        font-size: small;
        padding-top: 20px;
        margin-left: 10%;
        text-align: justify;
    }

.InputCuadradoMesajeAlerta {
    float: left;
    width: 90%;
    margin-left: 1%;
    text-align: center;
    margin-top: 20px;
    height: 36px;
    padding-left: 40px;
}



    .InputCuadradoMesajeAlerta a {
        margin-right: 35px;
        border-radius: 5px;
        font-size: 14px;
        text-decoration: none;
        background-color: #eae2e2;
        border: 1px solid #BB0719;
        text-align: center;
        vertical-align: central;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .InputCuadradoMesajeAlerta a:hover {
            color: white;
            background: #BB0719;
        }

.MensajeRecalcular {
    width: 303px;
    font-size: small;
    font-weight: bold;
    position: absolute;
    left: 561px;
    top: 595px;
    height: 82px;
}

.CuadradoMesajeRecalcular {
    float: left;
    width: 242px;
    border: 2px solid #BB0719;
    height: 64px;
    padding-top: 10px;
    background-color: white;
}

.MensajeEliminar {
    width: 212px;
    font-size: small;
    font-weight: bold;
    position: absolute;
    left: 561px;
    top: 295px;
    height: 82px;
}

.CuadradoMesajeElminar {
    float: left;
    width: 170px;
    border: 2px solid #BB0719;
    height: 64px;
    padding-top: 10px;
    background-color: white;
}

.InputCuadradoMesajeElminar {
    float: left;
    width: 100%;
    margin-left: 1%;
    text-align: center;
    margin-top: 5px;
    font-size: xx-small;
}



    .InputCuadradoMesajeElminar a {
        margin-right: 20px;
        border-radius: 40px;
        font-size: small;
        text-decoration: none;
        background-color: #ddd2d2;
        border: 1px solid #817e7e;
        text-align: center;
        vertical-align: central;
        padding: 7px;
    }

        .InputCuadradoMesajeElminar a:hover {
            color: white;
            background: #BB0719;
        }

.imgMesajeElminar {
    float: left;
    margin-left: 1%;
    margin-right: -5px;
    width: 30px;
    height: 34px;
}

    .imgMesajeElminar img {
        width: 20px;
        height: 30px;
    }


.FichaMenuSem1 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#FFD900,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD900,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD900,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD900,white); /* Standard syntax */
    border: 2px #FFD900 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSem1 p {
        display: table-cell;
        vertical-align: middle;
    }

.FichaMenuSemNoEdit1 {
    float: left;
    width: 12.5%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#FFD900,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD900,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD900,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD900,white); /* Standard syntax */
    border: 2px #FFD900 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemNoEdit1 p {
        display: table-cell;
        vertical-align: middle;
    }

.MenuSemFecha1 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}


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

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



.MenuSemNotas1 {
    float: left;
    width: 100%;
    height: auto;
    min-height: 30px;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #6c0909;
}

    .MenuSemNotas1 textarea {
        width: 96.5%;
        min-height: 15px;
        height: auto;
        padding-left: 2px;
        padding-top: 2px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: xx-small;
        color: #6c0909;
        background-color: transparent;
        text-align: center;
    }

.MenuSem1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #FFD900;
    margin-bottom: 3px;
    background-color: white;
    display: table;
}

    .MenuSem1 table {
        float: left;
        width: 100%;
    }

    .MenuSem1 tr {
        height: 25px;
    }

    .MenuSem1 th {
        color: #6c0909;
        font-size: x-small;
    }

        .MenuSem1 th input {
            width: 100%;
            text-align: center;
            color: #6c0909;
            font-size: x-small;
            font-weight: bold;
        }

    .MenuSem1 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


.txtPlan {
    color: #c2bdbd;
    font-weight: bold;
}

.MenuSemPlantilla1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #FFD900;
    margin-bottom: 3px;
    background-color: white;
    display: table;
    color: #D8D8D8;
}




/* Estilo 2 VERDE */

.EnacabezadoMenu22 {
    width: 98%;
    float: left;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    border-bottom: 3px double #185307;
    border-top: 3px double #185307;
    font-size: small;
}

    .EnacabezadoMenu22 table input {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #185307;
    }

    .EnacabezadoMenu22 table select {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #185307;
    }

    .EnacabezadoMenu22 table {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .EnacabezadoMenu22 tr {
        font-size: 12px;
        color: #185307;
    }


.EnacabezadoMenu2 {
    width: 98%;
    float: left;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    border-bottom: 3px double #185307;
    border-top: 3px double #185307;
    font-size: small;
}

    .EnacabezadoMenu2 table input {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #185307;
    }

    .EnacabezadoMenu2 table select {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #185307;
    }

    .EnacabezadoMenu2 table {
        float: left;
        width: 90%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .EnacabezadoMenu2 tr {
        font-size: 12px;
        color: #185307;
    }



.FichaMenuSemSelect2 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#C3D940,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3D940,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3D940,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3D940,white); /* Standard syntax */
    border: 2px #185307 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemSelect2 p {
        display: table-cell;
        vertical-align: middle;
    }


.MenuSemFechaSelect2 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #185307;
}

.MenuSemNotasSelect2 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
}

    .MenuSemNotasSelect2 textarea {
        width: 96.5%;
        min-height: 20px;
        height: auto;
        padding-left: 2px;
        padding-top: 4px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: x-small;
        color: #185307;
        border: 1px solid #185307;
        text-align: center;
    }






.MenuSemSelect2 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #185307;
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}

    .MenuSemSelect2 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


    .MenuSemSelect2 table {
        margin: 1%;
        width: 98%;
        height: 98%;
    }

    .MenuSemSelect2 th {
        text-align: center;
    }

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


.FichaMenuSem2 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#C3D940,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3D940,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3D940,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3D940,white); /* Standard syntax */
    border: 2px #C3D940 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSem2 p {
        display: table-cell;
        vertical-align: middle;
    }

.FichaMenuSemNoEdit2 {
    float: left;
    width: 12.5%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#C3D940,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3D940,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3D940,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3D940,white); /* Standard syntax */
    border: 2px #C3D940 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemNoEdit2 p {
        display: table-cell;
        vertical-align: middle;
    }

.MenuSemFecha2 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}

.MenuSemNotas2 {
    float: left;
    width: 100%;
    height: auto;
    min-height: 30px;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #185307;
}

    .MenuSemNotas2 textarea {
        width: 96.5%;
        min-height: 15px;
        height: auto;
        padding-left: 2px;
        padding-top: 2px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: xx-small;
        color: #185307;
        background-color: transparent;
        text-align: center;
    }



.MenuSem2 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #C3D940;
    margin-bottom: 3px;
    background-color: white;
    display: table;
}

    .MenuSem2 table {
        float: left;
        width: 100%;
    }

    .MenuSem2 tr {
        height: 25px;
    }

    .MenuSem2 th {
        color: #185307;
        font-size: x-small;
    }

        .MenuSem2 th input {
            width: 100%;
            text-align: center;
            color: #185307;
            font-size: x-small;
            font-weight: bold;
        }

    .MenuSem2 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


.MenuSemPlantilla2 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #C3D940;
    margin-bottom: 3px;
    background-color: white;
    display: table;
    color: #D8D8D8;
}




/* Estilo 3 AZUL */

.EnacabezadoMenu33 {
    width: 98%;
    float: left;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    border-bottom: 3px double #11063e;
    border-top: 3px double #11063e;
    font-size: small;
    height: auto;
}

    .EnacabezadoMenu33 table input {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #11063e;
    }

    .EnacabezadoMenu33 table select {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #11063e;
    }

    .EnacabezadoMenu33 table {
        float: left;
        width: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .EnacabezadoMenu33 tr {
        font-size: 12px;
        color: #11063e;
    }

.EnacabezadoMenu3 {
    width: 98%;
    float: left;
    margin-top: 10px;
    margin-right: 1%;
    margin-left: 1%;
    border-bottom: 3px double #11063e;
    border-top: 3px double #11063e;
    font-size: small;
    height: auto;
}

    .EnacabezadoMenu3 table input {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #11063e;
    }

    .EnacabezadoMenu3 table select {
        float: left;
        width: 98%;
        text-align: center;
        border: 1px dotted #2d3e8d;
        margin-right: 1%;
        margin-left: 1%;
        font-size: 12px;
        color: #11063e;
    }

    .EnacabezadoMenu3 table {
        float: left;
        width: 90%;
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .EnacabezadoMenu3 tr {
        font-size: 12px;
        color: #11063e;
    }



.FichaMenuSemSelect3 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#009AD9,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009AD9,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009AD9,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009AD9,white); /* Standard syntax */
    border: 2px #11063e solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemSelect3 p {
        display: table-cell;
        vertical-align: middle;
    }


.MenuSemFechaSelect3 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #11063e;
}

.MenuSemNotasSelect3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
}

    .MenuSemNotasSelect3 textarea {
        width: 96.5%;
        min-height: 20px;
        height: auto;
        padding-left: 2px;
        padding-top: 4px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: x-small;
        color: #11063e;
        border: 1px solid #11063e;
        text-align: center;
    }


.MenuSemSelect3 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #11063e;
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}

    .MenuSemSelect3 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }

    .MenuSemSelect3 table {
        margin: 1%;
        width: 98%;
        height: 98%;
    }

    .MenuSemSelect3 th {
        text-align: center;
    }


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



.FichaMenuSem3 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#009AD9,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009AD9,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009AD9,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009AD9,white); /* Standard syntax */
    border: 2px #009AD9 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSem3 p {
        display: table-cell;
        vertical-align: middle;
    }

.FichaMenuSemNoEdit3 {
    float: left;
    width: 12.5%;
    margin-left: 0.3%;
    margin-right: 0.3%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(#009AD9,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009AD9,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009AD9,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009AD9,white); /* Standard syntax */
    border: 2px #009AD9 solid;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
}

    .FichaMenuSemNoEdit3 p {
        display: table-cell;
        vertical-align: middle;
    }

.MenuSemFecha3 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}

.MenuSemNotas3 {
    float: left;
    width: 100%;
    height: auto;
    min-height: 30px;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #11063e;
}

    .MenuSemNotas3 textarea {
        width: 96.5%;
        min-height: 15px;
        height: auto;
        padding-left: 2px;
        padding-top: 2px;
        margin-top: 5px;
        margin-left: 1%;
        margin-right: 2%;
        margin-bottom: 3px;
        border: none;
        font-size: xx-small;
        color: #11063e;
        background-color: transparent;
        text-align: center;
    }



.MenuSem3 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #009AD9;
    margin-bottom: 3px;
    background-color: white;
    display: table;
}

    .MenuSem3 table {
        float: left;
        width: 100%;
    }

    .MenuSem3 tr {
        height: 25px;
    }

    .MenuSem3 th {
        color: #11063e;
        font-size: x-small;
    }

        .MenuSem3 th input {
            width: 100%;
            text-align: center;
            color: #11063e;
            font-size: x-small;
            font-weight: bold;
        }

    .MenuSem3 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }




.MenuSemPlantilla3 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #009AD9;
    margin-bottom: 3px;
    background-color: white;
    display: table;
    color: #D8D8D8;
}


/* FIN MENÚS */

/* EMERGENTE SELECCIONAR RECETA */

.ContenEmergMenu {
    display: none;
    content: " ";
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
}





.window-containerSelectReceta {
    float: left;
    display: block;
    background: #fcfcfc;
    margin-left: 2%;
    margin-top: 30px;
    width: 90%; /* Tamaño pantalla emergente */
    height: auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
    border: 5px groove #7FB3CA;
}



.window-containerSelectReceta-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


.divbotoncerrarMenu {
    float: right;
    width: 1%;
    margin-top: -20px;
    margin-right: -20px;
}



.closeMenu {
    float: right;
    display: block;
    width: 25px;
    height: 20px;
    padding-top: 5px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    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;
    border: 1px solid #11063e;
    background: #1a2d37;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border: 1px solid #084212;
    color: white;
}

    .closeMenu:hover {
        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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
        border: 2px solid #11063e;
        color: #444;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        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;
    }



.EmergenteContenidoRecetas {
    float: left;
    width: 99%;
    margin-top: -20px;
    height: 480px;
    overflow-x: hidden;
    overflow-y: scroll;
}

    .EmergenteContenidoRecetas:after {
        width: 100%;
        height: 150px;
        display: block;
        clear: both;
    }

.RecetaExterna {
    float: left;
    width: 98%;
    margin: 0px auto -25px auto;
    border: 5px groove #7FB3CA;
    padding: 10px;
    height: 30px;
}

.tituloExterna {
    float: left;
    width: 15%;
    text-align: left;
    height: 20px;
}

    .tituloExterna p {
        font-size: medium;
        font-weight: bold;
        color: black;
        margin: 0px;
        margin-top: 3px;
    }

.TitRectExt {
    float: left;
    width: 7%;
    text-align: right;
    height: 20px;
    padding-right: 1%;
    margin-top: 3px;
}

    .TitRectExt p {
        font-size: medium;
        color: black;
        margin: 0px;
    }

.InputTitRectExt {
    float: left;
    width: 28%;
    font-size: small;
    text-align: left;
    height: 20px;
    margin-top: 3px;
}

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


.SelectRectExterna {
    float: left;
    width: 7%;
    height: 20px;
    text-align: center;
}

.BotonSelectRectExterna {
    float: left;
    display: block;
    width: 100%;
    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 );
    padding: 5px 14px;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    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;
    margin-left: 23px;
    border: 1px solid #1a2d37;
    height: 15px;
    text-align: center;
}

    .BotonSelectRectExterna:hover {
        background: #1a2d37;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #084212;
        color: white;
    }


.contenidoEmergente {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    min-height: 871px;
    overflow: scroll;
}

.buscadorrecetaemergente {
    background: #fff;
    padding: 5px;
    width: 50%;
    height: 26px;
    border: solid 2px #7FB3CA;
    outline: none;
    float: left;
}




    .buscadorrecetaemergente input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.buscadorbotonRecetas {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    width: 24px;
    height: 20px;
    padding-top: 5px;
    margin-left: 3px;
    background: #7FB3CA;
    border-radius: 2px;
}

    .buscadorbotonRecetas:hover {
        background-color: #456778;
        color: #050c35;
    }

    .buscadorbotonRecetas img {
        width: 24px;
        height: 21px;
    }

/* MENU DERECHA MENÚS  */

.menuderechaRecetaBotonesMenus {
    float: right;
    width: 10%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 1%;
    padding-right: 1%;
    background-color: #EEEEEB;
}

/* LISTADO PLANTILLAS */

/* LISTADO PLANTILLAS AMARILLO */

.PlantillaList {
    float: left;
    width: 48%;
    background-color: #FFD900;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}

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





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

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

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

.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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

    .PlantillaAutor1 td {
        font-size: 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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

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

.PlantillaList2 {
    float: left;
    width: 48%;
    background-color: #C3D940;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}

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






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

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

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

.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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

    .PlantillaAutor2 td {
        font-size: 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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

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

/* LISTADO PLANTILLAS AZUL */

.PlantillaList3 {
    float: left;
    width: 48%;
    background-color: #009AD9;
    margin-bottom: 1%;
    margin-top: 1%;
    margin-left: 1%;
    border-radius: 2px;
    border: 1px solid #fff;
}

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






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

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

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

.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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

    .PlantillaAutor3 td {
        font-size: 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: x-small;
        font-weight: 100;
        color: #9a9393;
    }

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

/* PLANTILLAS */

/* Plantilla amarillo 1*/
.EnacabezadoPlantilla1 {
    width: 99%;
    float: left;
    margin-top: 10px;
    margin-left: 1%;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 3px double #6c0909;
    border-top: 3px double #6c0909;
    font-size: small;
}

    .EnacabezadoPlantilla1 table input {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #6c0909;
        text-align: center;
    }

    .EnacabezadoPlantilla1 table {
        float: left;
        width: 98%;
    }

    .EnacabezadoPlantilla1 tr {
        font-size: 12px;
        color: #6c0909;
    }

.NombreEncabPlantilla {
    width: 30%;
    font-size: small;
    color: black;
}

.ConfigEncabPlantilla {
    width: 30%;
    font-size: small;
    color: black;
}

.ObsEncabPlantilla {
    width: 40%;
    font-size: small;
    color: black;
}


.FichaPlantillaSemSelect1 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    background: -webkit-linear-gradient(#FFD900,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD900,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD900,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD900,white); /* Standard syntax */
    border: 2px #6c0909 solid;
}

    .FichaPlantillaSemSelect1 p {
        display: table-cell;
        vertical-align: middle;
    }


.PlantillaSemFechaSelect1 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #6c0909; /* Color 1.2*/
}


.PlantillaSemNotasSelect1 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
    color: #6c0909; /* Color 1.2*/
    margin-bottom: 2px;
}


.PlantillaSemSelect1 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #6c0909; /* Color 1.2*/
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}


    .PlantillaSemSelect1 table {
        margin: 1%;
        width: 98%;
        height: 98%;
    }

    .PlantillaSemSelect1 caption {
        width: 100%;
        font-weight: bold;
        color: #6c0909; /* Color 1.2*/
        height: auto;
        font-size: 11px;
    }

        .PlantillaSemSelect1 caption p {
            float: left;
            width: 85%;
            font-weight: bold;
            color: #6c0909; /* Color 1.2*/
        }

        .PlantillaSemSelect1 caption img {
            width: 20px;
            height: 20px;
            float: right;
            margin-right: 3px;
        }



    .PlantillaSemSelect1 th {
        text-align: left;
        color: #6c0909; /* Color 1.2*/
    }

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

    .PlantillaSemSelect1 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }

.PlantillaSemSelectTipo {
    width: 30%;
}


.PlantillaSemSelectReceta {
    width: 65%;
}

.PlantillaSemSelectImg {
    width: 3%;
}

.PlantillaSemSelectTipoComida {
    width: 90%;
    font-weight: bold;
    text-align: center;
}

.PlantillaSemSelectAñadir {
    width: 10%;
}

    .PlantillaSemSelectAñadir img {
        width: 20px;
        height: 20px;
    }

.PlantillaSemSelectTipo {
    width: 30%;
}

.PlantillaSemSelectReceta {
    width: 65%;
}

.PlantillaSemSelectTipo input {
    width: 100%;
    text-align: center;
    color: #6c0909;
    font-size: x-small;
    font-weight: bold;
}

.PlantillaSemSelectReceta {
    width: 65%;
}

.PlantillaSemSelectImg {
    width: 2.5%;
}

.FichaPlantillaSem1 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    background: -webkit-linear-gradient(#FFD900,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFD900,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFD900,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#FFD900,white); /* Standard syntax */
    border: 2px #FFD900 solid;
}

    .FichaPlantillaSem1 p {
        display: table-cell;
        vertical-align: middle;
    }

.PlantillaSemFecha1 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}


.PlantillaSemNotas1 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #6c0909; /* Color 1.2*/
}


.PlantillaSem1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 65px;
    border: 1px solid #FFD900; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}

    .PlantillaSem1 table {
        float: left;
        width: 100%;
    }

    .PlantillaSem1 tr {
        height: 25px;
    }

    .PlantillaSem1 th {
        color: #6c0909;
        font-size: x-small;
    }

        .PlantillaSem1 th input {
            width: 100%;
            text-align: center;
            color: #6c0909;
            font-size: x-small;
            font-weight: bold;
        }

    .PlantillaSem1 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


.PlantillaSemAperitivo1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 60px;
    border: 1px solid #FFD900; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


.PlantillaSemComida1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 120px;
    border: 1px solid #FFD900; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


.PlantillaSemMerienda1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 80px;
    border: 1px solid #FFD900; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


.PlantillaSemCena1 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 100px;
    border: 1px solid #FFD900; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


/* Fin plantilla amarillo*/

/* Plantilla verde 2*/

.EnacabezadoPlantilla2 {
    width: 99%;
    float: left;
    margin-top: 10px;
    margin-left: 1%;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 3px double #185307;
    border-top: 3px double #185307;
    font-size: small;
}

    .EnacabezadoPlantilla2 table input {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #185307;
        text-align: center;
    }

    .EnacabezadoPlantilla2 table {
        float: left;
        width: 98%;
    }

    .EnacabezadoPlantilla2 tr {
        font-size: 12px;
        color: #185307;
    }


.FichaPlantillaSemSelect2 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    background: -webkit-linear-gradient(#C3D940,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3D940,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3D940,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3D940,white); /* Standard syntax */
    border: 2px #185307 solid; /* Color 1.2*/
}

    .FichaPlantillaSemSelect2 p {
        display: table-cell;
        vertical-align: middle;
    }


.PlantillaSemFechaSelect2 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #185307; /* Color 1.2*/
}


.PlantillaSemNotasSelect2 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
    color: #185307; /* Color 1.2*/
    margin-bottom: 2px;
}


.PlantillaSemSelect2 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #185307; /* Color 1.2*/
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}


    .PlantillaSemSelect2 table {
        margin: 1%;
        width: 98%;
        height: 98%;
    }

    .PlantillaSemSelect2 caption {
        width: 100%;
        font-weight: bold;
        color: #185307; /* Color 1.2*/
        height: auto;
        font-size: 11px;
    }

        .PlantillaSemSelect2 caption p {
            float: left;
            width: 85%;
            font-weight: bold;
            color: #185307; /* Color 1.2*/
        }

        .PlantillaSemSelect2 caption img {
            width: 25px;
            height: 25px;
            float: right;
            margin-right: 3px;
        }



    .PlantillaSemSelect2 th {
        text-align: left;
        color: #185307; /* Color 1.2*/
        width: 15px;
    }

    .PlantillaSemSelect2 img {
        width: 25px;
        height: 25px;
    }

    .PlantillaSemSelect2 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }



.FichaPlantillaSem2 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    /* Color 1*/
    background: -webkit-linear-gradient(#C3D940,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#C3D940,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#C3D940,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#C3D940,white); /* Standard syntax */
    border: 2px #C3D940 solid;
    /* Color 1*/
}

    .FichaPlantillaSem2 p {
        display: table-cell;
        vertical-align: middle;
    }

.PlantillaSemFecha2 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}


.PlantillaSemNotas2 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #185307; /* Color 1.2*/
}


.PlantillaSem2 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 65px;
    border: 1px solid #C3D940; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


    .PlantillaSem2 table {
        float: left;
        width: 100%;
    }

    .PlantillaSem2 tr {
        height: 25px;
    }

    .PlantillaSem2 th {
        color: #185307;
        font-size: x-small;
    }

        .PlantillaSem2 th input {
            width: 100%;
            text-align: center;
            color: #185307;
            font-size: x-small;
            font-weight: bold;
        }

    .PlantillaSem2 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }

/* Fin plantilla verde 2*/


/* Plantilla Azul 3*/

.EnacabezadoPlantilla3 {
    width: 99%;
    float: left;
    margin-top: 10px;
    margin-left: 1%;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 3px double #11063e;
    border-top: 3px double #11063e;
    font-size: small;
}

    .EnacabezadoPlantilla3 table input {
        float: left;
        width: 100%;
        font-size: 12px;
        color: #11063e;
        text-align: center;
    }

    .EnacabezadoPlantilla3 table {
        float: left;
        width: 98%;
    }

    .EnacabezadoPlantilla3 tr {
        font-size: 12px;
        color: #11063e;
    }


.FichaPlantillaSemSelect3 {
    float: left;
    width: 22%;
    margin-left: 1%;
    margin-right: 1%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    background: -webkit-linear-gradient(#009AD9,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009AD90,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009AD9,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009AD9,white); /* Standard syntax */
    border: 2px #11063e solid; /* Color 1.2*/
}

    .FichaPlantillaSemSelect3 p {
        display: table-cell;
        vertical-align: middle;
    }


.PlantillaSemFechaSelect3 {
    float: left;
    width: 100%;
    font-size: small;
    font-weight: bold;
    display: table;
    margin-bottom: 1px;
    color: #11063e; /* Color 1.2*/
}


.PlantillaSemNotasSelect3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    text-align: center;
    display: table;
    color: #11063e; /* Color 1.2*/
    margin-bottom: 2px;
}


.PlantillaSemSelect3 {
    float: left;
    width: 98%;
    height: auto;
    min-height: 60px;
    border: 1px solid #11063e; /* Color 1.2*/
    background-color: white;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 3px;
}


    .PlantillaSemSelect3 table {
        margin: 1%;
        width: 98%;
        height: 98%;
    }

    .PlantillaSemSelect3 caption {
        width: 100%;
        font-weight: bold;
        color: #11063e; /* Color 1.2*/
        height: auto;
        font-size: 11px;
    }

        .PlantillaSemSelect3 caption p {
            float: left;
            width: 85%;
            font-weight: bold;
            color: #11063e; /* Color 1.2*/
        }

        .PlantillaSemSelect3 caption img {
            width: 25px;
            height: 25px;
            float: right;
            margin-right: 3px;
        }



    .PlantillaSemSelect3 th {
        text-align: left;
        color: #11063e; /* Color 1.2*/
        width: 15px;
    }

    .PlantillaSemSelect3 img {
        width: 25px;
        height: 25px;
    }

    .PlantillaSemSelect3 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


.FichaPlantillaSem3 {
    float: left;
    width: 11%;
    margin-left: 0.2%;
    margin-right: 0.2%;
    padding-left: 0.3%;
    padding-right: 0.3%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    font-size: x-small;
    text-align: center;
    background: -webkit-linear-gradient(#009AD9,white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#009AD9,white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#009AD9,white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#009AD9,white); /* Standard syntax */
    border: 2px #009AD9 solid; /* Color 1*/
}

    .FichaPlantillaSem3 p {
        display: table-cell;
        vertical-align: middle;
    }

.PlantillaSemFecha3 {
    float: left;
    width: 100%;
    font-size: small;
    display: table;
    margin-bottom: 1px;
    color: white;
    font-weight: bold;
}


.PlantillaSemNotas3 {
    float: left;
    width: 100%;
    height: auto;
    font-size: xx-small;
    display: table;
    margin-bottom: 2px;
    color: #6c0909; /* Color 1.2*/
}


.PlantillaSem3 {
    float: left;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    min-height: 65px;
    border: 1px solid #009AD9; /* Color 1*/
    margin-bottom: 3px;
    background-color: white;
    display: table;
}


    .PlantillaSem3 table {
        float: left;
        width: 100%;
    }

    .PlantillaSem3 tr {
        height: 25px;
    }

    .PlantillaSem3 th {
        color: #11063e;
        font-size: x-small;
    }

        .PlantillaSem3 th input {
            width: 100%;
            text-align: center;
            color: #11063e;
            font-size: x-small;
            font-weight: bold;
        }

    .PlantillaSem3 td a {
        color: black;
        font-size: x-small;
        text-decoration: none;
    }


/* Fin plantilla Azul 3*/


/* EMERGENTE RESUMEN PLANTILLA */

.ContenEmergPlantillaResum {
    display: none;
    content: " ";
    height: auto;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
}

.window-containerResum {
    float: left;
    display: block;
    background: #fcfcfc;
    margin-left: 7%;
    margin-bottom: 100px;
    margin-top: 40px;
    width: 80%; /* Tamaño pantalla emergente */
    height: auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 3;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
    border: 5px groove #48a753;
}



.window-containerResum-visible {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}



.BotonResumPlantilla {
    float: right;
    height: 35px;
    width: 98%;
    margin-left: 2%;
    margin-bottom: 15px;
    padding: 5px 5px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    cursor: pointer;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #4b4780;
    border: solid 2px #7FB3CA;
    box-shadow: #7FB3CA 1px 1px 0 1px;
    background: white;
}

    .BotonResumPlantilla:hover {
        border: solid 2px #F2CE00;
        font-size: 16px;
        box-shadow: #F2CE00 1px 1px 0 1px;
        color: #7FB3CA;
    }



.close {
    float: right;
    display: block;
    width: 40px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #aaa;
    padding: 5px 14px;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    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;
}

    .close:hover {
        border: 1px solid #aaa;
        background: #48a753;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #084212;
        color: white;
    }

    .close:active {
        background: #f4f4f4;
        background: -moz-linear-gradient(top, #f4f4f4 0%, #efefef 40%, #dcdcdc 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(40%,#efefef), color-stop(100%,#dcdcdc));
        background: -webkit-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: -o-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: -ms-linear-gradient(top, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        background: linear-gradient(to bottom, #f4f4f4 0%,#efefef 40%,#dcdcdc 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#dcdcdc',GradientType=0 );
        box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
    }

.divbotoncerrar {
    float: right;
    margin-right: 1%;
    width: 9%;
}

.divbotonunidades {
    float: left;
    margin-right: 1%;
    margin-left: 3%;
    width: 25%;
}

.botonunidades {
    float: right;
    display: block;
    width: 130px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
    border: 1px solid #aaa;
    padding: 5px 14px;
    color: #444;
    font-family: Helvetica, sans-serif;
    font-size: 13px;
    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;
}

    .botonunidades:hover {
        border: 1px solid #aaa;
        background: #48a753;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        border: 1px solid #084212;
        color: white;
    }

.titresumen {
    float: left;
    width: 90%;
    color: #48a753;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
}

.resummenplantilla {
    width: 98%;
    padding: 1%;
}

    .resummenplantilla table {
        margin-top: 40px;
        width: 100%;
        border-collapse: collapse;
    }

    .resummenplantilla th {
        font-size: small;
        width: 10%;
        padding: 5px;
        border: none;
        border-bottom: 1px solid #006600;
        text-align: center;
    }

    .resummenplantilla td {
        text-align: center;
        border-bottom: 1px solid #006600;
    }

    .resummenplantilla tr {
        height: 25px;
        font-size: small;
        padding: 5px;
    }

.filaalimentosytipos {
    background: #48a753;
    color: white;
    text-align: center;
}

.resumcategorias {
    width: 20%;
    font-size: medium;
    background-color: white;
}

.resumtotal {
    width: 10%;
    font-size: medium;
    font-weight: bold;
}

.EmergenteGruposPlantillas {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.GruposRecetasTabEmergente {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .GruposRecetasTabEmergente tr {
        height: 25px;
    }

        .GruposRecetasTabEmergente tr:hover {
            background-color: #9cff61;
        }

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

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

.VertodosEmer {
    float: left;
    width: 30%;
    font-size: small;
    text-align: right;
}

    .VertodosEmer span {
        float: left;
        display: block;
        width: 50%;
        margin-left: 10%;
        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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e5e5e5',GradientType=0 );
        border: 1px solid #aaa;
        padding: 5px 14px;
        color: #444;
        font-family: Helvetica, sans-serif;
        font-size: 12px;
        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;
    }

        .VertodosEmer span:hover {
            border: 1px solid #aaa;
            background: #48a753;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
            border: 1px solid #084212;
            color: white;
        }


/* CONFIGURACION MENUS INICIO*/

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

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

.ConfMenus {
    float: left;
    width: 96%;
    margin-top: 10px;
    margin-left: 2%;
    margin-right: 1%;
    min-height: 50px;
    height: auto;
}

    .ConfMenus a {
        text-decoration: none;
        cursor: pointer;
    }

.divListConfMenus {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

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

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

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

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

    .NombreConfMenus:hover {
        background: #EAC400;
        border-radius: 5px;
        color: #11063e;
    }


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

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

    .ExplicacionConfMenus fieldset {
        border: 1px dotted #009AD9;
    }

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

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

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

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

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

    .AñadirCalendario select {
        float: left;
        width: 50%;
    }

        .AñadirCalendario select option {
            text-align: center;
        }

.Calendarios {
    float: left;
    width: 100%;
    height: auto;
    min-height: 100px;
    padding-bottom: 10px;
}

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

/* CONFIGURACION MENUS */
.encabconfigmenus {
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-right: 10px;
    margin-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    height: 30px;
}

    .encabconfigmenus span {
        float: left;
        font-size: medium;
    }

    .encabconfigmenus input {
        width: 30%;
        height: 20px;
        float: left;
        margin-left: 5px;
        margin-right: 30px;
    }

    .encabconfigmenus img {
        float: left;
        margin-left: 5px;
        width: 24px;
        height: 24px;
    }

.contentconfigmenus {
    float: left;
    width: 98%;
    margin: 1%;
}

.explicacionconfigmenu {
    float: left;
    width: 100%;
    height: auto;
    margin: 2%;
}

    .explicacionconfigmenu h2 {
        font-size: medium;
        text-align: left;
    }

    .explicacionconfigmenu h3 {
        font-size: small;
        text-align: left;
        font-weight: 100;
    }


.AvisoConfigMenu {
    float: left;
    width: 100%;
    color: red;
    font-size: medium;
    margin-top: 5px;
}

.tipocomida {
    float: left;
    width: 20%;
}

    .tipocomida a {
        text-decoration: none;
    }

.tittipocomida {
    float: left;
    width: 96%;
    padding-top: 5px;
    height: 25px;
    margin: 2%;
    color: #11063e;
    font-weight: bold;
    font-size: medium;
}

.fichatipocomida {
    float: left;
    width: 98%;
    min-height: 35px;
    height: auto;
    margin: 1%;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #d9eef7;
    border: solid 1px #1f628d;
    background: #3498db;
    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);
}

    .fichatipocomida input {
        float: left;
        text-align: left;
        width: 10%;
        margin-left: 2%;
        margin-top: 10px;
    }

    .fichatipocomida label {
        float: left;
        text-align: center;
        width: 85%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        padding-top: 10px;
        font-size: small;
    }



    .fichatipocomida:hover {
        float: left;
        width: 98%;
        margin: 1%;
        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);
    }

.imgordenyplantilla {
    float: left;
    margin-left: 1%;
    margin-top: 35px;
    width: 27px;
}

    .imgordenyplantilla img {
    }

.ordenyplantilla {
    float: left;
    width: 25%;
    margin-top: 0%;
    margin-bottom: 1%;
    height: auto;
    border: 2px solid #f2760c;
    padding-left: 2%;
    padding-bottom: 10px;
}

    .ordenyplantilla table {
        width: 100%;
    }

        .ordenyplantilla table a {
            text-decoration: none;
        }


.orden {
    width: 70%;
    color: #6c0909;
    font-size: medium;
    font-weight: bold;
}




.fichaorden {
    float: left;
    width: 98%;
    min-height: 35px;
    height: auto;
    margin: 1%;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    color: #fef4e9;
    border: solid 1px #da7c0c;
    background: #f78d1d;
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background: -moz-linear-gradient(top, #faa51a, #f47a20);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}

    .fichaorden input {
        float: left;
        text-align: left;
        width: 10%;
        margin-left: 2%;
        margin-top: 5px;
    }

    .fichaorden label {
        float: left;
        text-align: center;
        width: 85%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        font-size: small;
        margin-top: 5px;
    }

    .fichaorden:hover {
        float: left;
        width: 98%;
        background: #f47c20;
        background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
        background: -moz-linear-gradient(top, #f88e11, #f06015);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
    }


.inluirenplantilla {
    width: 30%;
    color: #6c0909;
    font-size: small;
}




.fichainluirenplantilla {
    float: left;
    width: 50%;
    margin-left: 45%;
    text-align: center;
}

.inluirenplantillainput {
    float: left;
    text-align: center;
}

.imgtiposygruposalim {
    float: left;
    margin-left: 1%;
    margin-top: 75px;
    width: 27px;
}

    .imgtiposygruposalim img {
    }

.tiposygruposalim {
    float: left;
    width: 40%;
    margin-top: 0%;
    margin-bottom: 1%;
    height: auto;
    border: 2px solid #1b8b35;
    padding-left: 1%;
    padding-right: 1%;
    padding-bottom: 10px;
}

.grupoalim {
    float: left;
    width: 49%;
    margin-right: 1%;
}



.titgrupoalim {
    float: left;
    width: 96%;
    padding-top: 5px;
    height: 25px;
    margin: 2%;
    color: #185307;
    font-size: medium;
    font-weight: bold;
}

.fichagrupoalimTODOS {
    float: left;
    width: 98%;
    margin: 1%;
    height: 32px;
}

    .fichagrupoalimTODOS label {
        float: left;
        text-align: left;
        width: 80%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        padding-top: 5px;
        font-size: x-small;
        color: #6f6868;
    }

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

.fichagrupoalim {
    float: left;
    width: 98%;
    margin: 1%;
    min-height: 35px;
    height: auto;
    border: solid 1px #185307;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    background: #57c764;
    background-image: -webkit-linear-gradient(top, #57c764, #2bb834);
    background-image: -moz-linear-gradient(top, #57c764, #2bb834);
    background-image: -ms-linear-gradient(top, #57c764, #2bb834);
    background-image: -o-linear-gradient(top, #57c764, #2bb834);
    background-image: linear-gradient(to bottom, #57c764, #2bb834);
}

    .fichagrupoalim label {
        float: left;
        text-align: center;
        width: 85%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        padding-top: 5px;
        font-size: small;
    }

    .fichagrupoalim input {
        float: left;
        text-align: left;
        width: 10%;
        margin-left: 2%;
        margin-top: 5px;
    }



    .fichagrupoalim:hover {
        float: left;
        width: 98%;
        margin: 1%;
        background: #3cfc59;
        background-image: -webkit-linear-gradient(top, #3cfc59, #42d934);
        background-image: -moz-linear-gradient(top, #3cfc59, #42d934);
        background-image: -ms-linear-gradient(top, #3cfc59, #42d934);
        background-image: -o-linear-gradient(top, #3cfc59, #42d934);
        background-image: linear-gradient(to bottom, #3cfc59, #42d934);
    }

.tipos {
    float: left;
    width: 49%;
    margin-left: 1%;
}

    .tipos a {
        text-decoration: none;
    }

.tittipos {
    float: left;
    width: 96%;
    padding-top: 5px;
    height: 25px;
    margin: 2%;
    color: #185307;
    font-size: medium;
    font-weight: bold;
}

.fichatiposTODOS {
    float: left;
    width: 98%;
    margin: 1%;
    height: 32px;
}

    .fichatiposTODOS label {
        float: left;
        text-align: left;
        width: 80%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        padding-top: 5px;
        font-size: x-small;
        color: #6f6868;
    }

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

.fichatipos {
    float: left;
    width: 98%;
    margin: 1%;
    min-height: 35px;
    height: auto;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    border: solid 1px #185307;
    background: #57c764;
    background-image: -webkit-linear-gradient(top, #57c764, #2bb834);
    background-image: -moz-linear-gradient(top, #57c764, #2bb834);
    background-image: -ms-linear-gradient(top, #57c764, #2bb834);
    background-image: -o-linear-gradient(top, #57c764, #2bb834);
    background-image: linear-gradient(to bottom, #57c764, #2bb834);
}

    .fichatipos label {
        float: left;
        text-align: center;
        width: 85%;
        text-shadow: 0 1px 1px rgba(0,0,0,.3);
        padding-top: 5px;
        font-size: small;
    }

    .fichatipos input {
        float: left;
        text-align: left;
        width: 10%;
        margin-left: 2%;
        font-size: small;
        margin-top: 5px;
    }



    .fichatipos:hover {
        float: left;
        width: 98%;
        margin: 1%;
        background: #3cfc59;
        background-image: -webkit-linear-gradient(top, #3cfc59, #42d934);
        background-image: -moz-linear-gradient(top, #3cfc59, #42d934);
        background-image: -ms-linear-gradient(top, #3cfc59, #42d934);
        background-image: -o-linear-gradient(top, #3cfc59, #42d934);
        background-image: linear-gradient(to bottom, #3cfc59, #42d934);
    }

/* INICIO SESIÓN */



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

.login {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 50%;
    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: 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;
    }

    .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: 14px;
    color: #041440;
    text-align: left;
    width: 100%;
}

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

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

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

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

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 13px;
}



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

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





.loginbot {
    width: 97px;
    height: 25px;
    color: #fff;
    border: solid 1px #494949;
    font-size: 14px;
    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: 50%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

.login2 {
    position: relative;
    margin: 0 auto;
    padding: 20px 20px 20px;
    width: 80%;
    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: 12px;
    text-align: center;
    margin-bottom: 90px;
}

    .AvisoContrase p {
        color: #484545;
    }

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

    .AvisoErrorRegistro p {
        color: red;
    }

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

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

    .RegistDirecc th {
        color: #555;
    }

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

.tdnombre {
    width: 15%;
}

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

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

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

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




/* PANTALLA EMERGENTE CARGANDO */

.overlay-containerCargando {
    display: none;
    content: " ";
    height: 930px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%, rgba(127,127,127,0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(127,127,127,0)), color-stop(100%,rgba(127,127,127,0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    background: radial-gradient(center, ellipse cover, rgba(127,127,127,0) 0%,rgba(127,127,127,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007f7f7f', endColorstr='#e67f7f7f',GradientType=1 );
}

.window-containerCargando {
    display: block;
    background: #fcfcfc;
    margin: 8em auto;
    width: 500px;
    padding: 10px 20px 20px;
    text-align: left;
    z-index: 100;
    border-radius: 3px;
    box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    -ms-transition: 0.4s ease-out;
    -o-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    opacity: 0;
}




.vent {
}

    .vent img {
        width: 200px;
        height: 200px;
    }



/* BORRAR RECETA */

.ContBorrarReceta {
    float: left;
    width: 96%;
    margin: 2%;
}

    .ContBorrarReceta span, .ContBorrarReceta h1 {
        color: red;
    }

    .ContBorrarReceta h3 {
        text-align: center;
        font-size: 14px;
        padding-bottom: 30px;
    }

    .ContBorrarReceta input {
        width: 70px;
        height: 25px;
        border: 1px solid black;
        font-weight: bold;
    }

        .ContBorrarReceta input:hover {
            width: 70px;
            border: 1px solid red;
            font-weight: bold;
            color: red;
        }




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

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

.UnidadColum {
    width: 30%;
    color: white;
    font-weight: 100;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #11063e;
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

.TextoColum {
    width: 30%;
    color: #11063e;
    font-weight: 100;
    text-align: center;
    border: 1px solid #11063e;
    border-radius: 5px;
    background: #cfe7fa; /* Old browsers */
    background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

.ConversorColum {
    width: 35%;
    color: #11063e;
    font-weight: 100;
    text-align: center;
    border: 1px solid #11063e;
    border-radius: 5px;
    background: #3498db;
    background: #cfe7fa; /* Old browsers */
    background: -moz-linear-gradient(top, #cfe7fa 0%, #6393c1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#6393c1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cfe7fa 0%,#6393c1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #cfe7fa 0%,#6393c1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

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

    .EliminarColum img {
        width: 25px;
        height: 25px;
    }

.Mayorque {
    color: white;
    text-align: center;
    font-weight: 100;
    border-radius: 5px;
    border: 1px solid #11063e;
    background: #606c88; /* Old browsers */
    background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#606c88), color-stop(100%,#3f4c6b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}


/* EDITAR, CREAR Y BORRAR */

/* EDITAR AZUL */
.contenidoUnidades1 {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto; /* 871px */
}

    .contenidoUnidades1 fieldset {
        border: 3px groove #009AD9;
        border-radius: 5px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .contenidoUnidades1 a {
        color: #11063e;
        font-size: 14px;
        text-decoration: underline;
    }

        .contenidoUnidades1 a:hover {
            color: #009AD9;
            font-size: 14px;
            text-decoration: underline;
            font-size: medium;
        }


    .contenidoUnidades1 legend {
        border: 3px groove #009AD9;
        color: #11063e;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: bold;
        background: white;
        text-align: center;
    }

.Editor1 {
    color: #009AD9;
}



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

    .titUnd1 select {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
        width: 320px;
    }

    .titUnd1 label {
        color: #11063e;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
    }

    .titUnd1 input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
        width: 320px;
        text-align: center;
    }


.titEstado {
    text-align: center;
    color: #11063e;
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 20px;
}

    .titEstado input {
        text-align: center;
        margin-bottom: 5px;
        height: 15px;
        width: 15px;
        text-align: center;
    }



.guardar1 {
    border-radius: 5px;
    width: 94px;
    height: 30px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
    margin-top: 20px;
}

    .guardar1:hover {
        font-size: medium;
        color: #11063e;
        border: 1px solid #11063e;
        font-weight: bold;
    }



/* CREAR 2 VERDE */
.contenidoUnidades2 {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto; /* 871px */
}

    .contenidoUnidades2 fieldset {
        border: 3px groove #0ab800;
        border-radius: 5px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
        padding-bottom: 20px;
    }

    .contenidoUnidades2 a {
        color: #1b5213;
        font-size: 14px;
        text-decoration: underline;
    }

        .contenidoUnidades2 a:hover {
            color: #0ab800;
            font-size: 14px;
            text-decoration: underline;
            font-size: medium;
        }


    .contenidoUnidades2 legend {
        border: 3px groove #0ab800;
        color: #1b5213;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: bold;
        background: white;
        text-align: center;
    }

.Editor2 {
    color: #0ab800;
}



.titUnd2 {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    font-size: 12px;
}

    .titUnd2 label {
        color: #1b5213;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
    }

    .titUnd2 input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
    }

.titUnd11 {
    text-align: center;
    width: 100%;
    float: left;
    margin-top: 20px;
    font-size: 12px;
    margin-bottom: 28px;
}

    .titUnd11 label {
        color: #1b5213;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
        width: 10%;
    }

    .titUnd11 input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
        width: 80%;
    }

.titUnd22 {
    text-align: center;
    width: 33%;
    float: left;
    margin-top: 10px;
    font-size: 12px;
}

    .titUnd22 label {
        color: #1b5213;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
    }

    .titUnd22 input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
        width: 80%;
    }

    .titUnd22 select {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
        width: 80%;
        margin-left: 10%;
    }


.titUndale {
    text-align: center;
    width: 100%;
    margin-top: 30px;
    font-size: 12px;
}

    .titUndale label {
        color: #1b5213;
        font-size: 14px;
        font-weight: bold;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
    }

    .titUndale input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
    }

.CrearMenu {
    float: left;
    width: 100%;
}

.DietasCrear {
    width: 48%;
    margin-top: 15px;
    margin-bottom: 25px;
    float: left;
}

    .DietasCrear label {
        color: #1b5213;
        font-size: 14px;
        font-weight: bold;
    }

    .DietasCrear table {
        float: left;
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .DietasCrear td {
        width: 100%;
        text-align: left;
    }

        .DietasCrear td label {
            width: 100%;
            text-align: left;
            color: black;
            font-size: 14px;
            font-weight: 100;
        }

        .DietasCrear td input {
            float: left;
            width: 4%;
            margin-left: 10%;
            text-align: right;
        }

        .DietasCrear td label {
            float: left;
            width: 50%;
            text-align: left;
        }

        .DietasCrear td div {
            float: left;
            width: 30%;
        }

    .DietasCrear img {
        width: 25px;
        height: 25px;
    }

.DivDietasCrear {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
    font-size: medium;
    color: #1b5213;
    font-weight: bold;
}

.AleatorioCrear {
    width: 48%;
    margin-top: 15px;
    margin-bottom: 25px;
    float: left;
}

    .AleatorioCrear label {
        color: black;
        font-size: small;
    }

.AleatorioCrearDiv {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 10px;
    margin-top: 15px;
    font-size: small;
    text-align: justify;
}

.divaleatorio {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    text-align: center;
}

    .divaleatorio label {
        font-size: medium;
        color: #1b5213;
        font-weight: bold;
    }

.divaleatorioOpc {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 15px;
    text-align: left;
}

.divaleatorioCatg {
    float: left;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
}

    .divaleatorioCatg table {
        width: 100%;
    }

        .divaleatorioCatg table td {
            width: 50%;
            text-align: left;
        }

.texterror {
    color: red;
    font-size: 12px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.guardar2 {
    border-radius: 5px;
    width: 94px;
    height: 30px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
}

    .guardar2:hover {
        font-size: medium;
        color: #1b5213;
        border: 1px solid #1b5213;
        font-weight: bold;
    }

/* BORRAR ROJO (3) */
.contenidoUnidades3 {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-right: 0px;
    height: auto; /* 871px */
}


    .contenidoUnidades3 fieldset {
        border: 3px groove red;
        border-radius: 5px;
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .contenidoUnidades3 a {
        color: black;
        font-size: 14px;
        text-decoration: underline;
    }

        .contenidoUnidades3 a:hover {
            color: red;
            font-size: 14px;
            text-decoration: underline;
            font-size: medium;
        }


    .contenidoUnidades3 legend {
        border: 3px groove red;
        color: black;
        padding: 4px 20px;
        font-size: 16px;
        font-weight: bold;
        background: white;
        text-align: center;
    }

.Editor3 {
    color: red;
}

.mensajeborrar3 {
    color: black;
    font-size: 14px;
}

.titUnd3 {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .titUnd3 label {
        color: #6b6a6a;
        font-size: 14px;
        line-height: 22px;
        padding-bottom: 3px;
        margin-top: 20px;
    }

    .titUnd3 input {
        text-align: center;
        margin-bottom: 5px;
        height: 20px;
    }

.texterror3 {
    color: red;
    font-size: 10px;
}

.guardar3 {
    border-radius: 5px;
    width: 94px;
    height: 30px;
    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: linear-gradient(to bottom, #fafafa 0%,#f4f4f4 40%,#e5e5e5 100%);
}

    .guardar3:hover {
        font-size: medium;
        color: red;
        border: 1px solid red;
        font-weight: bold;
    }



/* CALENDARIO */


.BotonCalendarioAdm {
    float: left;
    width: 40%;
    margin-left: 10%;
    margin-right: 50%;
    height: auto;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .BotonCalendarioAdm 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: 18px;
        padding: 5px 15px 5px 15px;
        text-decoration: none;
    }

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

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


.titcalendario {
    float: left;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    font-size: small;
    margin-top: 10px;
}

    .titcalendario input {
        width: 50%;
        color: #009AD9;
        font-size: medium;
        text-align: center;
    }

.IncluirFiestas {
    float: right;
    width: 100%;
    margin-top: 10px;
}

    .IncluirFiestas div {
        float: right;
        width: 13%;
        font-size: small;
        text-align: right;
    }

    .IncluirFiestas select {
        float: right;
        width: 33%;
    }

.CalendarioEventos {
    float: left;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #009AD9;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

    .CalendarioEventos img {
        width: 25px;
        height: 25px;
        padding-left: 10px;
    }

.CalendarioEventos2 {
    float: left;
    width: 20%;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #009AD9;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}

    .CalendarioEventos2 img {
        width: 25px;
        height: 25px;
        float: right;
    }

.CalendarioEventos input {
    text-align: center;
    width: 98%;
    height: 90%;
    padding-left: 3px;
    padding-right: 3px;
    border: 1px solid #D8D8D8;
}


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

    .Calendario img {
        width: 25px;
        height: 25px;
    }

    .Calendario fieldset {
        border: 2px dotted #009AD9;
        padding-bottom: 20px;
    }

    .Calendario legend {
        color: #009AD9;
        text-align: left;
        font-size: 24px;
        font-weight: bold;
    }

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

    .Calendario td {
        text-align: center;
    }

    .Calendario th {
        text-align: center;
    }

    .Calendario tr {
        height: 20px;
    }

    .Calendario table input {
        text-align: center;
        width: 100%;
        padding-left: 3px;
        padding-right: 3px;
        border: 1px solid #D8D8D8;
    }

.ColorFiesta {
    color: #009AD9;
    font-weight: bold;
}

.FechaCalendario {
    width: 15%;
    color: black;
    font-size: small;
    text-align: center;
}

.NotaEvento {
    width: 60%;
    color: black;
    font-size: small;
    text-align: center;
}

.NotaCalendario {
    width: 75%;
    color: black;
    font-size: small;
    text-align: center;
}

.ReptAñoCalendario {
    width: 5%;
    color: black;
    font-size: small;
    text-align: center;
}


.ImgCalendario {
    width: 5%;
    color: black;
    font-size: small;
    text-align: center;
}



.MensajeDietas {
    width: 233px;
    font-size: small;
    font-weight: bold;
    position: absolute;
    left: 229px;
    top: 289px;
}

.imgMesajeDietas {
    float: left;
    margin-left: 1%;
    margin-right: -5px;
    width: 30px;
    height: 34px;
}

.CuadradoMesajeDietas {
    float: left;
    width: 193px;
    border: 2px solid #BB0719;
    min-height: 100px;
    height: auto;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: white;
}


/* CONFIGURACIÓN INGREDIENTES */
.ContConfigIngr {
    width: 98%;
    float: left;
    margin-top: 20px;
    padding-left: 1%;
    padding-right: 1%;
}

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

.buscadoringred2 {
    background: #fff;
    padding: 5px;
    width: 80%;
    height: 25px;
    border: solid 2px #11063e;
    float: left;
}


    .buscadoringred2 input {
        font: normal 11px/100%;
        font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    }

.buscadorbotonIngred2 {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    float: left;
    width: 6%;
    min-width: 25px;
    height: 20px;
    padding-top: 5px;
    margin-left: 3px;
    background: #11063e;
    border-radius: 2px;
}

    .buscadorbotonIngred2:hover {
        background-color: #009AD9;
        color: #050c35;
    }

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

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

.botonunidades2 {
    float: left;
    display: block;
    width: 46%;
    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: 13px;
    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;
    }

.IngredientesTabEmergente2 {

    width: 100%;
    margin-top: 10px;
    padding-bottom: 60px;
}

    .IngredientesTabEmergente2 a img {
        width: 26px;
        height: 28px;
    }

    .IngredientesTabEmergente2 td {
        font-size: 11px;
    }

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

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

.columIngredientesEmergth2 {
    width: 20%;
    height: 25px;
    color: black;
    text-align: center;
    background-color: #C3D940;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #11063e solid;
    font-weight: 100;
    font-size: 10px;
}

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

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

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

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

.columIngPrecios {
    width: 7%;
    color: black;
    text-align: center;
    background-color: #C3D940;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #11063e solid;
    font-weight: 100;
    font-size: 10px;
}

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

.columIngUnidth {
    width: 5%;
    color: black;
    text-align: center;
    background-color: #C3D940;
    font-family: 'Gotham Pro Medium',Century Gothic, sans-serif;
    border: 1px #11063e solid;
    font-weight: 100;
    font-size: 10px;
}

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

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

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

.SeUsaRecetas {
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

    .SeUsaRecetas a {
        text-decoration: none;
    }

.tituloSeUsaRecetas {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
    color: black;
    margin-top: 20px;
    margin-bottom: 20px;
}

.SeUsaRecetasContenido {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    height: auto;
    text-align: left;
}

    .SeUsaRecetasContenido a {
        float: left;
        width: 46%;
        height: 20px;
        padding-left: 2%;
        padding-right: 2%;
        font-weight: 100;
    }

        .SeUsaRecetasContenido a:hover {
            color: #009AD9;
            text-decoration: none;
        }

.verRecetaUso {
    font-size: small;
    color: #11063e;
}

.volverlistado {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    float: left;
    margin-top: 15px;
    text-align: center;
}

/* CONFIGURACIÓN CATEGORÍAS */
.ContConfigCateg {
    width: 98%;
    float: left;
    margin-top: 20px;
    padding-left: 1%;
    padding-right: 1%;
}

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

    .filtrarporCateg div {
        width: 15%;
        float: left;
        color: #11063e;
        font-size: medium;
        font-weight: bold;
        text-align: right;
        padding-right: 2%;
    }

    .filtrarporCateg select {
        width: 32%;
        float: left;
    }

.CategoriasTabEdit2 {
    width: 98%;
    margin-top: 20px;
    margin-bottom: 40px;
    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;
    }

.columNombreCategth2 {
    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;
}
/* USUARIOS */
.Usuarios {
    width: 90%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-right: 0px;
    height: auto; /* 871px */
    min-height: 871px;
}

.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: 24px;
        font-weight: bold;
        margin-bottom: 20px;
    }

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

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

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

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

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

.tabusuario {
    width: 25%;
    height: 25px;
    color: white;
    text-align: center;
    background-color: #11063e;
}

.tabestado {
    width: 10%;
    height: 25px;
    color: white;
    text-align: center;
    background-color: #11063e;
}

.tabnombre {
    width: 12%;
    height: 25px;
    color: white;
    text-align: center;
    background-color: #11063e;
}

.tabacceso {
    width: 9%;
    height: 25px;
    color: white;
    text-align: center;
    background-color: #11063e;
}

.tabedit {
    width: 12%;
}

    .tabedit img {
        width: 25px;
        height: 25px;
    }


/*SECCIONES SUPERMERCADO */

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


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

/*IMPRIMIR RECETA Y MENÚS */

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

    .ContImprimirReceta fieldset {
        border: 2px dotted #009AD9;
        margin-bottom: 10px;
    }

    .ContImprimirReceta legend {
        color: #009AD9;
        text-align: left;
        font-size: 24px;
        font-weight: bold;
    }

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

.ncomensales {
    width: 40%;
    float: left;
    text-align: left;
    color: #11063e;
    font-size: 18px;
    font-weight: bold;
}

    .ncomensales input {
        width: 30%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #11063e;
    }

.ncomensalesCompra {
    width: 96%;
    float: left;
    text-align: left;
    color: black;
    font-size: medium;
    margin-top: 20px;
    margin-left: 4%;
}

    .ncomensalesCompra input {
        width: 20%;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        color: #11063e;
    }

.enviarpara {
    width: 96%;
    float: left;
    text-align: left;
    color: #11063e;
    font-size: 18px;
    font-weight: bold;
}

    .enviarpara input {
        width: 84%;
        text-align: left;
        font-size: 18px;
        font-weight: bold;
        color: #11063e;
    }

.Selectversion {
    width: 50%;
    float: left;
    text-align: center;
}

    .Selectversion input {
        width: 20px;
    }

.SelectApartadosReceta {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5px;
    text-align: left;
}

    .SelectApartadosReceta input {
        width: 20px;
    }

    .SelectApartadosReceta h3 {
        color: #11063e;
        font-size: 18px;
        font-weight: bold;
    }

.volver {
    width: 96%;
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    text-align: right;
    color: #0C3082;
}

    .volver a {
        text-decoration: none;
        font-size: medium;
    }

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

    .volver img {
        width: 27px;
        height: 21px;
    }

.Selectopcionmenu {
    width: 100%;
    float: left;
    text-align: left;
    color: #11063e;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
}

    .Selectopcionmenu input {
        width: 20px;
    }

.SelectApartadosMenu {
    width: 49%;
    float: left;
    margin-left: 2%;
    margin-right: 0%;
    margin-bottom: 5px;
    text-align: left;
}

    .SelectApartadosMenu input {
        width: 20px;
    }

    .SelectApartadosMenu h3 {
        color: #11063e;
        font-size: 18px;
        font-weight: bold;
    }



.ImprFechaFusionarMenu {
    width: 44%;
    float: left;
    margin-left: 2%;
    margin-right: 0%;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: left;
    border: 1px dotted #009AD9;
}

.ImpMenMenuIndv {
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-left: 4%;
}

    .ImpMenMenuIndv label {
        width: 41%;
        float: left;
        text-align: center;
    }

    .ImpMenMenuIndv div {
        width: 30%;
        float: left;
        color: #11063e;
        font-size: 18px;
        font-weight: bold;
    }

.ImpMenFechas {
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-left: 4%;
}

    .ImpMenFechas input {
        width: 41%;
        float: left;
        text-align: center;
    }

    .ImpMenFechas div {
        width: 30%;
        float: left;
    }

.ImpFusionarMenus {
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 4%;
    font-size: small;
}

    .ImpFusionarMenus input {
        width: 20px;
    }


.SelectApartadosFormato {
    width: 48%;
    float: left;
    margin-left: 2%;
    margin-right: 0%;
    margin-bottom: 5px;
    text-align: left;
    height: 170px;
}

    .SelectApartadosFormato table {
        width: 98%;
        float: left;
        margin-left: 2%;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .SelectApartadosFormato tr {
        font-size: medium;
        text-align: left;
    }

.ImpDetalleCompra {
    width: 96%;
    float: left;
    margin-top: 20px;
    margin-left: 4%;
    font-size: small;
}

    .ImpDetalleCompra input {
        width: 20px;
    }

/*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: 24px;
        font-weight: bold;
    }

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

.ConfigUsuariotit {
    float: left;
    width: 23%;
    height: 25px;
    margin-left: 4%;
    color: #1c4d76;
    text-align: left;
    font-size: 18px;
    padding-top: 5px;
}

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

.ConfigUsuariotxt {
    float: left;
    width: 62%;
    height: 25px;
    margin-right: 2%;
    text-align: left;
    font-size: 15px;
    padding-top: 3px;
}

    .ConfigUsuariotxt input {
        width: 100%;
        height: 20px;
    }


.ConfigContras {
    float: left;
    width: 23%;
    height: 25px;
    margin-left: 4%;
    color: #1c4d76;
    text-align: left;
    font-size: 14px;
    padding-top: 3px;
}

.BotCambiarContra {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 27%;
    width: 23%;
    height: 30px;
}

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



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

    .ConfigUsuarioContra input {
        width: 40%;
        text-align: center;
        height: 20px;
    }

/* 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: 10px;
    height: 10px;
    margin-top: 15px;
}

/* FORMULARIO CONTACTO*/

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

.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: 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;
        height: auto;
    }



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

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

    .miemail input {
        float: left;
        width: 78%;
    }

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

    .miemail textarea {
        float: left;
        width: 94%;
        min-height: 100px;
        padding: 5px;
        margin-top: 5px;
    }

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

    .usuariosacttivos span {
        float: left;
        width: 25%;
        font-size: small;
        padding-top: 5px;
    }

    .usuariosacttivos input {
        float: left;
        width: 20px;
        height: 20px;
    }

    .usuariosacttivos textarea {
        float: left;
        width: 94%;
        min-height: 100px;
        padding: 5px;
        margin-top: 5px;
    }

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

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


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

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

/* MENU MVL*/

.MenuMvl {
    display: none;
}


/* QUITAR TODOS LOS FILTROS*/

.divquitartodosfiltros {
    float: left;
    width: 100%;
}

    .divquitartodosfiltros img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
    }

    .divquitartodosfiltros td {
        text-align: center;
        padding-left: 5px;
        font-size: 10px;
        color: #bb0719;
        font-weight: bold;
    }

.divquitartodosfiltrosgris {
    float: left;
    width: 100%;
}

    .divquitartodosfiltrosgris img {
        max-width: 70px;
        max-height: 70px;
        width: 100%;
    }

    .divquitartodosfiltrosgris td {
        text-align: center;
        padding-left: 5px;
        font-size: 10px;
        color: #747171;
        font-weight: bold;
    }


/* BUSCANDO.....*/

.buscando {
    float: left;
    width: 100%;
    height: 200px;
    margin: 0%;
}

    .buscando img {
        text-align: center;
        align-content: center;
        padding-top: 85px;
    }


/* PAGINA INICIO*/


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

    .logo777grande img {
        height: 136px;
        width: 228px;
    }


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


/* Novedades*/

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

.divNovedades {
    float: left;
    width: 98%;
    height: auto;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0px;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 4px rgb(43,59,144);
    border-top: solid 4px rgb(43,59,144);
    background-color: white;
    height: 180px;
}

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

.flechaNovedadesDcha {
    float: right;
    width: 4%;
    margin-left: 1%;
    height: 85px;
    margin-top: 60px;
}

.divCuadrosNovedades {
    float: left;
    width: 100%;
    height: auto;
    max-height: 175px;
}

    .divCuadrosNovedades a:hover > .divCuadroTextNovedades {
        color: rgb(151,25,39);
    }

    .divCuadrosNovedades a:hover > .divCuadroTextNovedadesArriba {
        color: rgb(151,25,39);
    }



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

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

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




.divCuadroNovedades {
    float: left;
    width: 96%;
    margin-left: 2%;
    height: 80px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    border: solid 1px #1b8b35;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 20px;
    vertical-align: central;
}

    .divCuadroNovedades img {
        width: 100%;
        height: 100%;
    }





/*Slider automa*/

/* Contenedor general */

.divVentajas {
    float: left;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}

.slider-wrapper {
    overflow: hidden;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
}
/* 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: 8%;
    }

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

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

a.menos {
    float: left;
    margin-top: 20%;
    margin-left: 7%;
    margin-right: 5px;
    z-index: 10;
    width: 20px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    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;
}

/*Textos automaticos*/

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

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

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

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

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

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

.ExplRecetasContenido {
    float: left;
    width: 93%;
    margin-left: 1%;
    text-align: left;
    font-size: 14px;
    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%;
        height: 10px;
        margin-right: 30px;
        margin-bottom: 15px;
        font-size: 14px;
        display: block;
    }

.ExplRecetasContenidoOculto {
    display: none;
    min-height: 280px;
}

    .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: 14px;
    color: #3e3c3c;
}

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




/*Menu Derecha INICIO*/

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

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


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

.textmenuderechaInicio {
    float: left;
    width: 98%;
    margin-top: 30px;
    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: small;
    margin-bottom: 10px;
    line-height: 20px;
}

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

.textmenuderechaInicio:hover > .textmenuderechaInicio2 {
    font-size: large;
    line-height: 20px;
}

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

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

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



/*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: 98%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 10px;
}

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

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




    .PreciosTablaDiv th {
        width: 25%;
        text-align: left;
        padding-left: 20px;
    }

        .PreciosTablaDiv th a {
            width: 30px;
            float: right;
        }

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



    .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: medium;
        font-weight: bold;
        color: #555;
        text-align: right;
    }

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

.FilaComprar {
    background: white;
}

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

    .FilaComprar td {
        padding: 10px;
        border: 7px solid white;
        font-size: large;
        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: large;
            font-weight: bold;
            border: 7px solid white;
            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 {
    width: 52%;
    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: large;
        width: 16%;
    }




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

    .DescripIncluido th {
        font-size: 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: 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: 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: 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: 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: 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: small;
}

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

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

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

    .LeyendaPrecios h2 {
        font-size: medium;
        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;
        }




/*RESUMEN PRECIOS*/


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

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

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

    .ContConfigGnralCompra table {
        width: 100%;
        float: left;
        margin-top: 20px;
    }

    .ContConfigGnralCompra tr {
        height: 35px;
    }


    .ContConfigGnralCompra th {
        color: #1c4d76;
        text-align: left;
        width: 25%;
        font-weight: bold;
    }

    .ContConfigGnralCompra td {
        text-align: left;
    }

        .ContConfigGnralCompra td span {
            color: #1c4d76;
            font-weight: bold;
        }

        .ContConfigGnralCompra td a {
            color: #1c4d76;
            font-weight: bold;
            text-decoration: none;
        }

.BotonesCompras {
    width: 50%;
    float: left;
    margin-top: 20px;
}

    .BotonesCompras h2 {
        font-size: 24px;
        margin-bottom: 2px;
        color: #1c4d76;
    }

    .BotonesCompras span {
        font-size: 12px;
        text-align: left;
        font-weight: normal;
        margin-top: 0px;
    }

    .BotonesCompras div {
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

    .BotonesCompras button {
        cursor: pointer;
        padding: 10px;
        border: 7px solid white;
        font-size: large;
        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 */
    }

        .BotonesCompras button:hover {
            font-size: large;
            font-weight: bold;
            border: 7px solid white;
            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 */
        }

    .BotonesCompras p {
        font-size: 10px;
        margin-bottom: 2px;
        color: #7c7575;
    }

    .BotonesCompras img {
        width: 80px;
        height: 40px;
    }

.PagoManual {
    float: left;
    margin-left: 4%;
    width: 96%;
    margin-top: 50px;
    text-align: left;
}

    .PagoManual table {
        float: left;
        width: 100%;
        height: 97px;
    }

    .PagoManual tr {
        height: 25px;
    }

    .PagoManual th {
        color: #1c4d76;
        font-size: 16px;
        text-align: right;
        width: 25%;
    }

    .PagoManual td {
        font-size: 12px;
        text-align: left;
    }

    .PagoManual input {
        width: 100%;
    }

.BotonesComprasEnviar input {
    cursor: pointer;
    text-align: center;
    padding: 5px;
    border: 7px solid white;
    font-size: medium;
    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 */
}

    .BotonesComprasEnviar input:hover {
        border: 7px solid white;
        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 */
    }

.avisopago {
    float: left;
    margin-left: 4%;
    margin-top: 10px;
    width: 96%;
    color: red;
}

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

        .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: 15px;
    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 */


/* Aviso legal */

.AvisoLegal {
    width: 82%;
    float: left;
    text-align: center;
    margin-top: 0px;
    margin-bottom: 40px;
    margin-right: 4%;
    margin-left: 4%;
    font-family: 'Century Gothic';
    height: auto; /* 871px */
    min-height: 871px;
}

    .AvisoLegal h1 {
        font-size: 28px;
        text-align: left;
        font-weight: bold;
        margin-top: 60px;
        color: #11063e;
        border-bottom: 2px solid #11063e;
    }

    .AvisoLegal h2 {
        font-size: 20px;
        text-align: left;
        color: #2a3a8f;
        font-weight: bold;
        margin-bottom: 15px;
        margin-top: 25px;
    }

    .AvisoLegal h3 {
        font-size: 16px;
        text-align: justify;
        line-height: 25px;
        color: #262525;
        font-weight: normal;
    }

    .AvisoLegal ul {
        font-size: 16px;
        text-align: justify;
        line-height: 25px;
        color: #262525;
    }

/* AYUDA */

.divvideos {
    float: left;
    width: 46%;
    margin-top: 30px;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 30px;
}

.divvideostit {
    float: left;
    width: 100%;
    border-bottom: 2px solid #0c3082;
    margin-bottom: 20px;
}

    .divvideostit img {
        float: left;
        margin-left: 3%;
        margin-right: 3%;
    }

    .divvideostit p {
        float: left;
        font-size: medium;
        color: #0c3082;
        font-weight: bold;
        text-align: left;
    }

.divvideos iframe {
    float: left;
    width: 50%;
    height: 200px;
}

.apartadosvideos {
    float: left;
    width: 46%;
    margin-left: 1%;
    margin-right: 1%;
}

    .apartadosvideos p {
        text-align: center;
        color: #0c3082;
        font-size: large;
        text-decoration: underline;
    }

    .apartadosvideos ul {
        font-size: medium;
        text-align: left;
        margin-top: 10px;
        text-decoration: none;
    }

        .apartadosvideos ul li {
            font-size: medium;
            text-align: left;
            text-decoration: none;
        }

.BotonMasInfo {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
    padding: 3px 3px;
    width: 50%;
    font-size: 12px;
    font-weight: normal;
    color: #6285cb;
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.4), 0px 0px 25px rgba(0,0,0,0.3);
    border: 1px solid #6285cb;
    border-radius: 2px;
    cursor: pointer;
    background: rgb(242,245,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(242,245,246) 0%, rgb(227,234,237) 37%, rgb(200,215,220) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(242,245,246)), color-stop(37%,rgb(227,234,237)), color-stop(100%,rgb(200,215,220))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* IE10+ */
    background: rgb(242,245,246); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}

    .BotonMasInfo:hover {
        background: rgb(242,245,246); /* Old browsers */
        background: -moz-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%, rgb(227,234,237) 37%, rgb(200,215,220) 100%); /* FF3.6+ */
        background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(242,245,246)), color-stop(37%,rgb(227,234,237)), color-stop(100%,rgb(200,215,220))); /* Chrome,Safari4+ */
        background: -webkit-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* Opera 12+ */
        background: -ms-radial-gradient(center, ellipse cover, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* IE10+ */
        background: radial-gradient(ellipse at center, rgb(242,245,246) 0%,rgb(227,234,237) 37%,rgb(200,215,220) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
        color: #11063e;
    }

    .divTextNoticias {
        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);
    }
    .divNoticias {
    float: left;
    width: 98%;
    height: auto;
   
    margin-left: 1%;
    margin-right: 1%;
    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;

}
.noticias {
     float: left;
    margin-top: 5px;
       margin-right: 1%;
    margin-left: 1%;
    width: 94%;
     text-align:justify;
    font-size: 14px;
   white-space: pre-line;
}

    .noticias h3 {
        float:left;
        width:100%;
        color:#11063e;
         text-align: center;
    font-size: 18px;
    padding-bottom:10px;
    
    }
   

.noticiasimg {
    float: right;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 1%;
    margin-left: 1%;
    width: 42%;
    text-align: center;
}

    .noticiasimg img {
        float: left;
        width: 98%;
        text-align: center;
    }

.field-validation-error {
    color:red;
}

.divExport {
    float:left;
    width:90%;
    margin-top:10px;
     margin-bottom:10px;
    text-align:left;
    min-height:110px;
    height:auto;
        margin-left:50px;
}
.divExport  h3{
   
    margin-bottom:20px;
    color:#625d5d;
    
}
.divExport  a{
   
    margin-left:40px;
    
}
.divExport  input{
  
    margin-left:40px;
    margin-top:20px;
    
    
}
    .divExport a {
        text-decoration:none;
    }
.NoAlergenos {
    float:left;
    width:90%;
    text-align:left;
    margin-bottom:20px;
    margin-left:7%;
    font-weight:bold;
}
    .NoAlergenos input {
        margin-right:3%;
        border:1px solid black;
    }
.NotasAlergenos {
     float:left;
    width:90%;
    text-align:left;
    margin-bottom:20px;
    margin-left:6%;
            text-align:justify;
}
    .NotasAlergenos h2 {
        font-size:medium;
        font-weight:bold;
    }
    .NotasAlergenos h3 {
        font-size:small;
        font-weight:normal;
        margin-top:10px;

    }