/* 
    Document   : hazmimenu
    Created on : 15/04/2010, 10:32:09 AM
    Author     : Administrador
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-family: Arial,Helvetica,sans-serif;
    background-color: white;
    position: relative;
    margin: auto;
    padding:0;
    text-align:center;
    color: #E5702E;
}

h1 {
    font-size: 120%;
    padding: 0;
}

h2 {
    font-size: 110%;
    padding: 0;
}

p {
    margin: 0 30px;
}

.mensaje_left550 {
    color: #000;
}

.hazmimenu {
    color: #E5702E;
    font-size: 120%;
}

#informacion_nutrimental {
    width: 550px;
}

#informacion_nutrimental .nombre {
    color: #555;
    text-align: right;
}

#informacion_nutrimental .cantidad {
    color: #555;
    text-align: right;
}

#principal {
    width: 904px;
    margin: auto;
    background:url(todos_marg.jpg) repeat-y bottom center;
    text-align:left;
}

#principal2 {
    width: 904px;
    height: auto;
    margin: auto;
    padding: 0 0 200px 0;
    background:url(todos_bot.jpg) no-repeat bottom center;
}

#logo {
    position: relative;
    top: 10px;
    left:175px;
    width: 235px;
    height: 242px;
    background: url(logo.gif) no-repeat top left;
    z-index: 7;
}

#encabezado span {
    position: absolute;
    top: 0;
    width: 904px;
    height: 238px;
    margin: auto;
    padding:0;
    background: url(todos_top.PNG) no-repeat #ffffff top center;
}

#menu {
    position: relative;
    top: -130px;
    left:  -70px;
    width: 530px;
    height: 70px;
    padding: 0;
    margin: -0px 0 0 410px;
    z-index: 8;
}

	#menu ul {
            list-style: none;
            margin: 0;
            padding: 0;
	}

	#menu li {
            float: left;
            margin: 0;
	}

	#menu_inicio a {
		display: block;
                position: relative;
                top: 50px;
		background: url(menu_inicio.png) top left no-repeat;
                width: 70px;
                height: 55px;
                padding: 0;
	}

	#menu_inicio_selected a, #menu_inicio a:hover {
                display: block;
                position: relative;
                top: 44px;
		background: url(menu_inicio_selected.png) top left no-repeat;
                width: 79px;
                height: 61px;
	}

	#menu_menus a {
		display: block;
                position: relative;
                top: 50px;
		background: url(menu_menu.png) top left no-repeat;
                width: 70px;
                height: 55px;
                padding: 0;
	}

	#menu_menus_selected a, #menu_menus a:hover {
                display: block;
                position: relative;
                top: 44px;
		background: url(menu_menu_selected.png) top left no-repeat;
                width: 79px;
                height: 61px;
	}

	#menu_recetas a {
		display: block;
                position: relative;
                top: 50px;
		background: url(menu_recetas.png) top left no-repeat;
                width: 74px;
                height: 55px;
                padding: 0;
	}

	#menu_recetas_selected a, #menu_recetas a:hover {
                display: block;
                position: relative;
                top: 44px;
		background: url(menu_recetas_selected.png) top left no-repeat;
                width: 85px;
                height: 61px;
	}

	#menu_descargar a {
                display: block;
                position: relative;
                top: 20px;
		background: url(menu_descargar.png) top left no-repeat;
                width: 56px;
                height: 91px;
                padding: 0;
	}

	#menu_descargar_selected a, #menu_descargar a:hover {
                display: block;
                position: relative;
                top: 0px;
		background: url(menu_descargar_selected.png) top left no-repeat;
                width: 70px;
                height: 113px;
	}

	#menu_version a {
                display: block;
                position: relative;
                top: 35px;
		background: url(menu_version.PNG) top left no-repeat;
                width: 56px;
                height: 91px;
                padding: 0;
	}

	#menu_version_selected a, #menu_version a:hover {
                display: block;
                position: relative;
                top: 14px;
		background: url(menu_version_selected.PNG) top left no-repeat;
                width: 70px;
                height: 113px;
	}

	#menu_soporte a {
                display: block;
                position: relative;
                top: 34px;
		background: url(menu_soporte.png) top left no-repeat;
                width: 56px;
                height: 91px;
                padding: 0;
	}

	#menu_soporte_selected a, #menu_soporte a:hover {
                display: block;
                position: relative;
                top: 11px;
		background: url(menu_soporte_selected.PNG) top left no-repeat;
                width: 70px;
                height: 113px;
	}

	#menu_contacto a {
                display: block;
                position: relative;
                top: 36px;
		background: url(menu_contacto.PNG) top left no-repeat;
                width: 56px;
                height: 91px;
                padding: 0;
	}

	#menu_contacto_selected a, #menu_contacto a:hover {
                display: block;
                position: relative;
                top: 14px;
		background: url(menu_contacto_selected.png) top left no-repeat;
                width: 70px;
                height: 113px;
	}

#submenu {
    width: 530px;
    height: 70px;
    padding: 0;
    margin: -20px 0 0 210px;
    font-size: 130%;
    font-weight: normal;
    clear: both;
}

	#submenu ul {
            list-style: none;
            margin: 0;
            padding: 0;
	}

        #submenu li {
            float: left;
        }

        #submenu #desayuno a {
		display: block;
                height: 67px;
                width: 86px;
		background: url(desayuno.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #desayuno a:hover {
		display: block;
                height: 85px;
                width: 86px;
		background: url(desayuno_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #desayuno #submenu_selected a {
		display: block;
                height: 85px;
                width: 86px;
		background: url(desayuno_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }


            #submenu #desayuno_fruta a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(desayuno_fruta.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_fruta a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_fruta_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_fruta #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_fruta_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_principal a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(desayuno_principal.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_principal a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_principal_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_principal #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_principal_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }


            #submenu #desayuno_bebida a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(desayuno_bebida.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_bebida a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_bebida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #desayuno_bebida #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(desayuno_bebida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }


        #submenu #comida a {
		display: block;
                height: 67px;
                width: 86px;
		background: url(comida.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #comida a:hover {
		display: block;
                height: 85px;
                width: 86px;
		background: url(comida_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #comida #submenu_selected a {
		display: block;
                height: 85px;
                width: 86px;
		background: url(comida_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

            #submenu #comida_sopa a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(comida_sopa.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_sopa a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_sopa_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_sopa #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_sopa_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_guisado a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(comida_guisado.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_guisado a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_guisado_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_guisado #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_guisado_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_postre a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(comida_postre.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_postre a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_postre_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_postre #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_postre_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }


            #submenu #comida_bebida a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(comida_bebida.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_bebida a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_bebida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #comida_bebida #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(comida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

        #submenu #cena a {
		display: block;
                height: 67px;
                width: 86px;
		background: url(cena.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #cena a:hover {
		display: block;
                height: 85px;
                width: 86px;
		background: url(cena_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }

        #submenu #cena #submenu_selected a {
		display: block;
                height: 85px;
                width: 86px;
		background: url(cena_selected.gif) top left no-repeat;
		color: #ffc;
		text-decoration: none;
        }
            #submenu #cena_fruta a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(cena_fruta.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_fruta a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_fruta_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_fruta #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_fruta_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_principal a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(cena_principal.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_principal a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_principal_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_principal #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_principal_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }


            #submenu #cena_bebida a {
                    display: block;
                    height: 50px;
                    width: 53px;
                    background: url(cena_bebida.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_bebida a:hover {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_bebida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

            #submenu #cena_bebida #detalle_selected a {
                    display: block;
                    height: 65px;
                    width: 63px;
                    background: url(cena_bebida_selected.gif) top left no-repeat;
                    color: #ffc;
                    text-decoration: none;
            }

#redes {
    position: absolute;
    top: 0;
    width: 150px;
    height: 110px;
    margin: 10px 0 0 50px;
}

.separador35 {
    height: 35px;
    width: auto;
    clear: both;
}

.separador20 {
    height: 20px;
    width: auto;
    clear: both;
}

.separador10 {
    height: 10px;
    clear: both;
}

.separador1 {
    height: 1px;
    width: auto;
    clear: both;
}



#contenido {
    margin:0;
    padding:0;
    padding: 0 25px;
}

#regresar {
    display: block;
    position: relative;
    top: -100px;
    left: 750px;
    width: 100px;
}

    #regresar_inicio a {
        background: url(regresar_inicio.png) top right no-repeat;
        height: 51px;
        width: 41px;
        float: right;
    }

    #regresar_anterior a {
        background: url(regresar_anterior.png) top right no-repeat;
        height: 51px;
        width: 41px;
        float: right;
    }

#floatIzquierdo {
    float: left;
}

#floatDerecho {
    float: left;
}

/*------------ BORDE DE 200px*/
.left200 {
    margin: 0;
}

.right200 {
    margin: 0 0 0 620px;
    position: absolute;
    top: 380px;
}

.esquinaBSup200 {
    background: url(borde_naranja_superior.jpg) 0 0 repeat-x;
    width: 200px;
}
.esquinaBVSup200 {
    background: url(borde_naranja_verde_superior.jpg) 0 0 repeat-x;
    width: 200px;
}
.esquinaBInf200 {
    background: url(borde_naranja_inferior.jpg) 100% 100% repeat-x;
    width: 200px;
}
.esquinaBDer200 {
    background: url(borde_naranja_derecho.jpg) 100% 0 repeat-y;
    width: 200px;
}
.esquinaBIzq200 {
    background: url(borde_naranja_izquierdo.jpg) 0 100% repeat-y;
    width: 200px;
}

.esquinaSI200 {
    background: url(margen_naranja_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 200px;
}
.esquinaVSI200 {
    background: url(margen_naranja_verde_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 200px;
}
.esquinaSD200 {
    background: url(margen_naranja_superior_derecha.jpg) 100% 0% no-repeat;
    width: 200px;
}

.esquinaVSD200 {
    background: url(margen_naranja_verde_superior_derecha.jpg) 100% 0% no-repeat;
    width: 200px;
}
.esquinaII200 {
    background: url(margen_naranja_inferior_izquierda.jpg) 0% 100% no-repeat;
    width: 200px;
    text-align: center;
}
.esquinaID200 {
    background: url(margen_naranja_inferior_derecha.jpg) 100% 100% no-repeat;
    width: 200px;    
}

.esquinaID200 h1 {
    padding: 10px 15px;
    width: 180px;
    color: #000000;
    font-size: 130%;
}

.esquinaID200 p {
    margin: 0 15px;
    width: 3em;
    padding: 0;
    color: #000000;
}

.esquinaID200 a {
    margin: 0px;
    padding: 0 10px;
    text-decoration: none;
    background-image: url(subrayado_verde.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #000000;
}

.esquinaID200 a:hover {
    background: #BAD90A;
    background-image: none;
}

.esquinaID200 #selected {
    background: #BAD90A;
    background-image: none;
}

/*------------ BORDE DE 550px*/
.left550 {
    position: relative;
    width: 550px;
    margin: 0 20px;
}

.right550 {
    margin: 0 0 0 395px;
}

.center550 {
    margin: 0 0 0 97px;
}

.esquinaBSup550 p {
    padding: 25px;
}

.esquinaBSup550 {
    background: url(borde_naranja_superior.jpg) 0 0 repeat-x;
    width: 550px;
}
.esquinaBVSup550 {
    background: url(borde_naranja_verde_superior.jpg) 0 0 repeat-x;
    width: 550px;
}
.esquinaBInf550 {
    background: url(borde_naranja_inferior.jpg) 100% 100% repeat-x;
    width: 550px;
}
.esquinaBDer550 {
    background: url(borde_naranja_derecho.jpg) 100% 0 repeat-y;
    width: 550px;
}
.esquinaBIzq550 {
    background: url(borde_naranja_izquierdo.jpg) 0 100% repeat-y;
    width: 550px;
}

.esquinaSI550 {
    background: url(margen_naranja_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 550px;
}
.esquinaVSI550 {
    background: url(margen_naranja_verde_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 550px;
}
.esquinaSD550 {
    background: url(margen_naranja_superior_derecha.jpg) 100% 0% no-repeat;
    width: 550px;
}

.esquinaVSD550 {
    background: url(margen_naranja_verde_superior_derecha.jpg) 100% 0% no-repeat;
    width: 550px;
}
.esquinaII550 {
    background: url(margen_naranja_inferior_izquierda.jpg) 0% 100% no-repeat;
    width: 550px;
    text-align: left;
}
.esquinaID550 {
    background: url(margen_naranja_inferior_derecha.jpg) 100% 100% no-repeat;
    width: 550px;
}

.esquinaID550 h1 {
    padding: 10px 15px;
    width: 530px;
    text-align: center;
    color: #000000;
    font-size: 130%;
}

.esquinaID550 h2 {
    padding: 0;
    margin: 10px 15px;
    width: 530px;
    text-align: left;
    color: #E5702E;
}

.esquinaID550 p {    
    margin: 0 15px;
    width: 530px;
    padding: 0;
    color: #E5702E;
}

.esquinaID550 table {
    margin: 0 20px;
}
.esquinaID550 tr {
    color: #E5702E;
}

.esquinaID550 td {
    padding: 5px 0 5px 1em;
    color: #E5702E;
    text-align: right;
}

#tiempo_de_comida {
    text-align: right;
}

#receta {
    text-align: left;
    position: relative;
    top: 0;
}

#ingrediente {
    text-align: left;
    font-style: italic;
    background: none;
}
#ingrediente a {
    background-image: url(subrayado_verde.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.esquinaID550 a {
    padding: 0;
    text-decoration: none;
    background-image: url(subrayado_naranja.gif);
    background-position: bottom;
    background-repeat: repeat-x;
    color: #000000;
}

.esquinaID550 a:hover {
    color: #E5702E;
    background-image: url(subrayado_naranja.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.esquinaID200 #selected {
    background: #BAD90A;
    background-image: none;
}

/*------------ BORDE DE 450px*/
.left450 {
    margin: 0;
}

.right450 {
    margin: 0 0 0 395px;
}

.center450 {
    margin: 0 0 0 200px;
}

.esquinaBSup450 p {
    padding: 25px;
}

.esquinaBSup450 {
    background: url(borde_naranja_superior.jpg) 0 0 repeat-x;
    width: 450px;
}
.esquinaBInf450 {
    background: url(borde_naranja_inferior.jpg) 100% 100% repeat-x;
    width: 450px;
}
.esquinaBDer450 {
    background: url(borde_naranja_derecho.jpg) 100% 0 repeat-y;
    width: 450px;
}
.esquinaBIzq450 {
    background: url(borde_naranja_izquierdo.jpg) 0 100% repeat-y;
    width: 450px;
}

.esquinaSI450 {
    background: url(margen_naranja_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 450px;
}
.esquinaSD450 {
    background: url(margen_naranja_superior_derecha.jpg) 100% 0% no-repeat;
    width: 450px;
}
.esquinaII450 {
    background: url(margen_naranja_inferior_izquierda.jpg) 0% 100% no-repeat;
    width: 450px;
}
.esquinaID450 {
    background: url(margen_naranja_inferior_derecha.jpg) 100% 100% no-repeat;
    width: 450px;
}

.esquinaID450 p {
    margin: 0 20px;
    width: 410px;
    padding: 1em 0;
}

.esquinaID450 h1 {
    padding: 0;
    margin: 0 20px;
    width: 410px;
}

.esquinaID450 h2 {
    padding: 0;
    margin: 0 20px;
    width: 410px;
}

.esquinaID450 li {
    padding: 0;
    margin: 0 10px;
    width: 380px;
}

/*------------ BORDE ANCHO*/
.esquinaBSupAncho p {
    padding: 25px;
    width: 804px;
    margin: auto;
}

.esquinaBSupAncho {
    background: url(borde_naranja_superior.jpg) 0 0 repeat-x;
    width: 804px;
    margin: auto;
}
.esquinaBInfAncho {
    background: url(borde_naranja_inferior.jpg) 100% 100% repeat-x;
    width: 804px;
    margin: auto;
}
.esquinaBDerAncho {
    background: url(borde_naranja_derecho.jpg) 100% 0 repeat-y;
    width: 804px;
    margin: auto;
}
.esquinaBIzqAncho {
    background: url(borde_naranja_izquierdo.jpg) 0 100% repeat-y;
    width: 804px;
    margin: auto;
}

.esquinaSIAncho {
    background: url(margen_naranja_superior_izquierda.jpg) 0% 0% no-repeat;
    width: 804px;
    margin: auto;
}
.esquinaSDAncho {
    background: url(margen_naranja_superior_derecha.jpg) 100% 0% no-repeat;
    width: 804px;
    margin: auto;
}
.esquinaIIAncho {
    background: url(margen_naranja_inferior_izquierda.jpg) 0% 100% no-repeat;
    width: 804px;
    margin: auto;
}
.esquinaIDAncho {
    background: url(margen_naranja_inferior_derecha.jpg) 100% 100% no-repeat;
    width: 804px;
    margin: auto;
}

.esquinaIDAncho p {
    margin: 0 20px;
    width: 804px;
    padding: 1em 0;
}

.esquinaIDAncho h1 {
    padding: 0;
    margin: 0 20px;
    width: 804px;
}

.esquinaIDAncho h2 {
    padding: 0;
    margin: 0 20px;
    width: 804px;
}

.esquinaIDAncho li {
    padding: 0;
    margin: 0 10px;
    width: 734px;
}
/*------------------*/

#contenido h1 {
    font-size: 130%;
    font-weight: bold;
}

#receta_nombre {
    width: 400px;
    margin-left: 225px;
    text-align: center;
}

#receta_imagen {
    width: 400px;
    margin-left: 225px;
}

#receta_ingredientes {
    display: block;
    float: left;
    color: #000;
    padding-top: 32px;
    margin-left: 20px;
    background: url(ingredientes.gif) no-repeat;
    width: 300px;
}

    #receta_ingredientes a {
        background: url(subrayado_verde.gif) bottom left repeat-x;
        text-decoration: none;
        color: #E5702E;
    }

#receta_preparacion {
    display: block;
    float: left;
    margin-top: 0px;
    color: #000;
    padding-top: 32px;
    margin-left: 20px;
    background: url(preparacion.gif) 0% 0% no-repeat;
    width: 500px;
}

#receta_informacion_nutrimental {
    display: block;
    float: left;
    padding: 32px 0 0 0;
    margin: 0 0 0 20px;
    color: #E5702E;
    background: url(informacion_nutrimental.gif) 0% 0% no-repeat;
    width: 500px;    
}

    #receta_informacion_nutrimental p{
        margin-top: 10px;
        margin-left: 0px;
        font-weight: normal;
    }

    #receta_informacion_nutrimental p.macro {
        margin-top: 0;
        margin-left: 30px;
        color: #000;
    }

    #receta_informacion_nutrimental .kcal {
        font-weight: bold;
    }

    #receta_informacion_nutrimental .gr {
        font-weight: bold;
        color: #E5702E;
    }

    #receta_informacion_nutrimental .porcion {
        font-weight: bold;
    }

    #receta_informacion_nutrimental .encabezado_equivalentes {
        margin-left: 30px;
        font-weight: bold;
    }

    #receta_informacion_nutrimental .equiv {
        margin-left: 60px;
        margin-top: 0;
        font-weight: normal;
        color: #000;
    }

#receta_comentario {
    float: left;
    display: block;
    padding: 32px 0 0 0;
    margin: 0;
    color: #000;
    background: url(comentario.gif) 0% 0% no-repeat;
    width: 300px;
}

#receta_comentario p {
    margin-left: 0px;
}

#nota_informacion_nutrimental {
    padding: 10px;
    color: #000;
}

.referencias_otras_recetas {
    width: 800px;
    height: 160px;
    padding: 0 10px;
    margin: 0;
    color: #E5702E;
    font-weight: bold;
}

        .referencias_otras_recetas p {
            margin: 20px 0 0 0;
        }

	.referencias_otras_recetas ul {
            list-style: none;
            margin: 0;
            padding: 0;
	}

	.referencias_otras_recetas li {
            width: 180px;
            height: 170px;
            float: left;
            background: url(referencia.gif) top left no-repeat;
            padding: 10px 10px 10px 10px;
	}

	.referencias_otras_recetas img {
            margin: 0 0 0 10px;
            border-color: white;
	}

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

	.referencias_otras_recetas a:hover {
		color: #B6DA09;
	}

        .referencia_texto {
            display: block;
            width: 160px;
            height: 5em;
            text-align: center;
        }

        a .referencia_categoria{
            background: url(subrayado_verde.gif) bottom left repeat-x;
            text-decoration: none;
            color: #E5702E;
        }

	a:hover .referencia_categoria  {
            background: url(subrayado_naranja.gif) bottom left repeat-x;
            color: #B6DA09;
	}

.listado_recetas_nombre {
    text-transform: uppercase;
    margin-left: 30px;
}

#nota_final {
    color: black;
}

#nota_final a {
    background: url(subrayado_verde.gif) bottom left repeat-x;
    color: #E5702E;
}

#nota_final a:hover {
    background: url(subrayado_verde.gif) bottom left repeat-x;
    font-weight: bold;
    color: #E5702E;
}

.listado_imagen {
    float: left;
    margin: 0 20px 0 30px;
}

.listado_recetas {
    margin: 0;
    padding: 0;
    font-weight: normal;    
}

    .listado_recetas_nombre {
        font-size: 130%;
        padding: 0 0 20px 0;
    }

    .listado_recetas ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .listado_recetas li {
        float: left;
        background: url(encabezado_listado_derecho.jpg) top left no-repeat;
        margin: auto;
        padding: 0.40em 0.75em 0.25em 0.75em;
        color: white;
    }

    .listado_recetas #primero {
            background: url(encabezado_listado.jpg) top left no-repeat;
    }

    .listado_recetas .no_mostrar {
            color: #B6DA09;
    }

    .ver_receta{
        display: block;
        background: url(ver_receta.jpg) bottom left no-repeat;
        margin: 110px 0 0 300px;
        padding: 2px 0 0px 12px;
        text-decoration: none;
        color: white;
        text-transform: uppercase;        
    }

    hr {
        margin: 10px 30px;
        color: #E5702E;
    }

.nombre_comida {
    margin-left: 350px;
    color: #B6DA09;
    text-transform: uppercase;
}

.nombre_tiempo_de_comida {
}

.nombre_tiempo_de_comida a {
    background: none;
    font-size: 120%;
    font-weight: bold;
    margin-left: 150px;
    color: #E5702E;
    background-image: url(subrayado_verde.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

.nombre_tiempo_de_comida a:hover {
    color: #B6DA09;
    background-image: url(subrayado_naranja.gif);
    background-position: bottom;
    background-repeat: repeat-x;
}

#contacto {
    width: 800px;
    margin-left: 50px;
}

#contacto h1 {
    margin-left: 300px;
}

#soporte {
    width: 400px;
    margin-left: 200px;
}

#descarga_programa {
    width: 750px;
    margin-left: 50px;
}

#descarga_programa a {
    font-size: 150%;
    color: #000;
    margin-left: 200px;
}

#pie_de_pagina {
    height: auto;
    margin: auto;
    padding:0;
    width: 904px;
    font-style: italic;
}

#descarga_aplicacion {
    padding:5px 15px;
    margin: 0;
    font-style: italic;
    background: url(encabezado_listado.jpg) top left no-repeat;
    text-decoration: underline;

}

#descarga_datos {
    text-align: center;
    color: #000000;
}

#texto_naranja {
    color: #E5702E;
}