@charset "utf-8";
/* CSS Document */

BODY{background-color:#f3f3f3; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align:justify; color:#333; height:auto;}
IMG { border:none;}
A, OBJECT {outline:none}
P{ text-align:justify}
#wrapper{ width:767px; margin:0 auto; text-align:left;}
#header{ width:767px; height:132px; background-color:#fff; float:left}
#boxbanner{width:767px; height:269px; background-color:#fff; float:left }
#contenido{ width:738px; height:auto; margin:0 0 0 1px; padding:10px 14px 25px 14px; background-color:#fff; float:left; border-bottom:outset #093}
#footer{ width:746px; height:15px; margin:0 0 0 1px; padding:15px 10px 10px 10px; background-color:#fff; font-size:10px; float:left;}
#legales{ width:766px; height:25px; margin:0 0 0 1px; padding:5px 0 0 0; background-color:#fff; font-size:10px; float:left;}

/* Header*/
#header .logotipo{ width:266px; height:112px; margin:10px 0 10px 14px ; float:left; display:block;}
#header .logo{ width:266px; height:45px; margin:30px 0 0 0; display:block; background-image:url('../images/logo-acelmex.jpg'); background-repeat:no-repeat; text-indent:-1500px}
#header .logo A { width:266px; height:45px; margin:0;display:block}
#header .menu { width:197px; height:82px; margin:25px 10px 25px 10px; float:left; border-left:solid 1px #ccc}
#header .menu UL { width:auto; margin:5px 0 0 25px; padding:0}
#header .menu LI{ width:auto; height:13px; margin:10px 0 0 0; list-style-image:url('../images/titulo_menu.jpg')}
#header .menu LI A {width:auto; height:13px; display:block; text-indent:-1500px}
#header .menu .asociacion{ background-image:url('../images/menu-asociacion.jpg'); background-repeat:no-repeat}
#header .menu .enfermedad{ background-image:url('../images/menu-enfermedad.jpg'); background-repeat:no-repeat}
#header .menu .dieta{ background-image:url('../images/menu-dieta.jpg'); background-repeat:no-repeat}
#header .menu .recetas{ background-image:url('../images/menu-recetas.jpg'); background-repeat:no-repeat}
#header .menu .faq{ background-image:url('../images/menu-faq.jpg'); background-repeat:no-repeat}
#header .menu .contacto{ background-image:url('../images/menu-contacto.jpg'); background-repeat:no-repeat}
#header .index{ width:11px; height:13px; display:block; margin:15px 13px 105px 25px; float:left; background-image:url('../images/home.jpg'); background-repeat:no-repeat; text-indent:-1500px;}
#header .index H2{ width:11px;height:10px; margin:0;display:block}
#header .index a{ width:11px; height:10px; display:block}


/*Footer*/
#footer UL{ width:690px; margin:0; list-style-type:disc; float:left; background-color:#fff}
#footer LI{height:10px; margin:0 25px 0 0; padding:0; float:left; color:#666}
#footer LI A:LINK, #footer LI A:VISITED{ text-decoration:none; color:#666}
#footer LI A:HOVER{ text-decoration:underline; color:#060}

/*Legales*/
#legales UL{width:640px; margin:0; padding:0 10px 0 90px; list-style:none; float:left}
#legales LI{width:175px; height:18px; margin:0 0 0 30px; padding:0; float:left; color:#999}
#legales .center{ margin-left:10px}
#legales .proyekto{width:175px;}
#legales LI A{ color:#999; text-decoration:none; margin:0; padding:0}


/*Home*/
#contenido #home{ width:260px; height:auto;; float:left}
#contenido #home #eventos{ width:260px; height:260px;  margin: 0;background-color:#ececec; float:left}
#contenido #home #eventos .titulo_evento{width:245px; height:13px; margin:30px 0 15px 15px; background-image:url('../images/titulo_noticias_y_eventos.jpg'); background-repeat:no-repeat;float:left; text-indent:-1500px}
#contenido #home #eventos .titulo_evento H2{ margin:0; font-size:10px}
#contenido #home #eventos .evento{ width:230px; height:45px; margin:10px 15px 5px 15px; float:left; border-bottom:dotted thin;}
#contenido #home #eventos .evento P{ font-size:11px; margin:5px 0 0 0; color:#333}
#contenido #home #eventos A:LINK, #contenido #home #eventos A:VISITED{ text-decoration:none; color:#333}
#contenido #home #eventos A:HOVER{ text-decoration:underline; color:#060}
#contenido #home #donaciones{ width:260px; height:173px; margin-top:20px; float:left; background-color:#ececec}
#contenido #home #donaciones .titulo_donaciones{ width:260px; height:15px; float:left}
#contenido #home #donaciones H3{ color:#666; margin:0; padding:0 0 0 20px; font-size:12px}
#contenido #home #donaciones .banner_donaciones{ width:240px; height:153px; float:left; padding:5px 10px 0 10px}
#contenido #home #boletin{ width:260px; height:140px; margin:20px 0 0 0; float:left; background-color:#ececec; color:#666}
#contenido #home #boletin FORM{width:220px; height:120px;}
#contenido #home #boletin H3{ margin:5px 0 0 6px; color:#666; font-size:12px}
#contenido #home #boletin UL{ width:200px; margin:10px 0 0 25px; padding:0}
#contenido #home #boletin UL LI{ float:left; margin:5px 0 3px 0; list-style:none}
#contenido #home #boletin UL LI.datos{ width:60px; font-size:10px; color:#666; float:left; clear:left}
#contenido #home #boletin INPUT {width:auto; height:10px; font-size:9px;}
#contenido #home #boletin .campo{width:120px; float:left}
#contenido #home #boletin .registrar{ clear:left}
#contenido #home #boletin .send_boton{ height:30px; height:20px; margin:8px 0 0 20px}
#contenido #home #boletin .send{ width:140px; margin:0; width:35px; height:20px; border:solid thin #666;}
#contenido #home_bienvenida{ width:462px; padding:0 0 0 15px; float:left}


#contenido #bienvenida{ width:462px; height:auto; margin-top:20px; float:left}
#contenido #bienvenida .titulo_bienvenida{width:462px; height:45px; float:left; background-image:url('../images/titulo_bienvenidos.jpg'); background-repeat:no-repeat; text-indent:-1500px}
#contenido #bienvenida .titulo_bienvenida H2{ margin:0; font-size:10px}
#contenido #bienvenida .bienvenida{width:462px; height:143px; float:left; text-align:justify; border-bottom:solid #ececec}
#contenido #articulos{width:462px; height:auto; margin-top:20px; float:left}
#contenido #articulos H3{ font-size:11px}
#contenido #articulos .titulo_articulos{width:462px; height:45px;float:left; background-image:url('../images/titulo_articulos_de_interes.jpg'); background-repeat:no-repeat; text-indent:-1500px}
#contenido #articulos .titulo_articulos H2{margin:0}
#contenido #articulos .articulo{width:462px; height:147px; float:left; text-align:justify}
#contenido #articulos .articulo A:LINK, #contenido #articulos .articulo A:VISITED{text-decoration:none; color:#000}
#contenido #articulos .articulo A:HOVER{ text-decoration:underline; color:#060}
#contenido #articulos .articulo .next{margin:0; padding:0}
#contenido #articulos .articulo IMG{ margin-right:10px}
#contenido #home_bienvenida .video-alternativo{ width:220px; height:190px; padding:0; margin:0; float:left;}
#contenido #home_bienvenida .video-alternativo ul{width:220px; height:190px; list-style:none; margin:0; padding:0}
#contenido #home_bienvenida .video-alternativo li{ width:220px; height:190px;float:left}
#contenido #home_bienvenida .vid_right{ margin-left:21px;}


/*Contenido General*/
#contenido #seccion{width:485px; height:auto; margin-right:20px; float:left}
#contenido #seccion .breadcumb{ width:485px; height:30px; margin-bottom:15px; float:left; font-size:10px; color:#666}
#contenido #seccion .breadcumb UL{ margin:10px 0; padding:0;list-style:none;}
#contenido #seccion .breadcumb LI{ width:auto; height:auto; margin:0 10px 0 0 ;float:left;}
#contenido #seccion .breadcumb .activo{ font-weight:bold; color:#060}
#contenido #seccion .breadcumb A:LINK, #contenido #seccion .breadcumb A:VISITED{text-decoration:none; color:#666}
#contenido #seccion .breadcumb A:HOVER{ text-decoration:underline; color:#060}

/*Titulo de las secciones*/
#contenido #seccion .titulo_seccion{width:485px; height:30px; float:left;}
#contenido #seccion .titulo_seccion H2{ margin:0; font-size:10px; text-indent:-1500px}
#contenido #seccion .cumplimiento{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .cumplimiento LI{ margin-top:10px}
#contenido #seccion .recomendaciones_generales{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .recomendaciones_generales UL{margin:0}
#contenido #seccion .recomendaciones_generales UL LI{ margin:0 30px 10px 0; text-align:justify}
#contenido #seccion .listado{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .listado UL{ width:420px}
#contenido #seccion .listado UL LI{width:auto; margin-top:10px; height:auto; float:left; list-style:none}
#contenido #seccion .listado .usuario{ width:140px; height:auto; margin-right:15px; float:left}
#contenido #seccion .listado INPUT{ width:190px; height:15px}
#contenido #seccion .listado .clear{ clear:both;}
#contenido #seccion .listado .clearboton{ width:60px; height:18px; margin:20px 0 0 125px; background-color:#FFF; border:solid thin #666; color:#999}


/*Contenido de la nota*/
#contenido #seccion .nota{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .nota A:LINK, #contenido #seccion .nota A:VISITED{ text-decoration:none; color:#333}
#contenido #seccion .nota A:HOVER{ text-decoration:underline; color:#060}
#contenido #seccion .nota H3{width:459px; margin:30px 0 20px 0; padding:0; color:#666; float:left}
#contenido #seccion .nota H4{ font-size:11px; color:#060; margin:0; padding:0;}
#contenido #seccion .directivo{ width:459px; height:55px; float:left; margin:0; padding:10px 0 0 0}
#contenido #seccion .directivo P{ margin:0 0 0 25px; padding:0; color:#333}
#contenido #seccion .directivo IMG{ margin:0 15px 0 2px}
#contenido #seccion .directivo .nombre{ color:#060; font-weight:bold; margin:0;}
#contenido #seccion .directivo P A:LINK, #contenido #seccion .directivo P A:VISITED{ text-decoration:none; color:#333}
#contenido #seccion .directivo P A:HOVER{ text-decoration:underline; color:#060}
#contenido #seccion .pais{ width:459px; height:auto; float:left; margin-top:30px; padding:0}
#contenido #seccion .pais_top{ margin:0}
#contenido #seccion .pais .nombre_pais{ width:459px; height:auto; float:left; border-bottom:solid #d5ebc5 }
#contenido #seccion .pais .nombre_pais H3{ margin:0 0 5px 0; padding:0; font-size:11px; color:#060}
#contenido #seccion .pais .contenido_pais{ width:459px; height:auto; float:left}
#contenido #seccion .pais .contenido_pais H4{ margin:15px 0 10px 0; padding:0; font-size:11px; color:#333}
#contenido #seccion .pais .contenido_pais P{margin:5px 0 0 0; padding:0}
#contenido #seccion .pais .contenido_pais P A:LINK, #contenido #seccion .pais .contenido_pais P A:VISITED{ text-decoration:none; color:#333}
#contenido #seccion .pais .contenido_pais P A:HOVER{ text-decoration:underline; color:#060}
#contenido #seccion .alimentos{ width:459px; height:auto; float:left; margin:0; padding:10px 0 0 0}
#contenido #seccion .alimentos P{ margin:0 0 0 25px; padding:0; color:#333}
#contenido #seccion .alimentos IMG{ margin:0 15px 0 2px}
#contenido #seccion .alimentos .nombre{ color:#060; font-weight:bold; margin:0;}
#contenido #seccion .piramide{ width:415px; height:536px; margin:15px 35px 0 35px; float:left; background-image:url(../images/piramide_de_alimentos_sin_riesgos.jpg); background-repeat:no-repeat; text-indent:-1500px;}
#contenido #seccion .piramide UL{ list-style:none}
#contenido #seccion .receta_etapa_aguda{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .receta_etapa_aguda H2{ margin:0 0 10px 0}
#contenido #seccion .receta_etapa_aguda .nombre_receta{ color:#060; font-weight:normal; font-size:11px} 
#contenido #seccion .receta_etapa_aguda IMG{ margin-right:5px;}
#contenido #seccion .receta_etapa_aguda h3{ margin:0; color:#333; font-size:11px}
#contenido #seccion .receta_etapa_aguda UL{ margin:10px 0 20px 20px; padding:0}
#contenido #seccion .receta_etapa_aguda LI{ margin:6px 20px 0 0; list-style:none}
#contenido #seccion .recetas_generales{width:459px; height:auto; padding:5px 8px 0 17px; float:left;}
#contenido #seccion .recetas_generales UL{margin-bottom:15px;}
#contenido #seccion .recetas_generales UL LI{margin-top:7px; font-weight:bold; list-style-image:url('../images/sintoma.jpg');}
#contenido #seccion .recetas_generales A:LINK, #contenido #seccion .recetas_generales A:VISITED{ text-decoration:none; color:#333}
#contenido #seccion .recetas_generales A:HOVER{ text-decoration:underline; color:#060}
#contenido #seccion .faq{width:459px; height:auto; padding:5px 8px 0 17px; float:left}
#contenido #seccion .faq H3{font-size:11px; margin:30px 0 5px 0}
#contenido #seccion .faq P{ margin:0}
#contenido #seccion .contacto{width:459px; height:auto; padding:5px 8px 0 17px; float:left}

/** Historicos**/
#contenido #seccion .historicos{width:459px; height:auto; padding:5px 8px 0 17px; float:left;}
#contenido #seccion .historicos ul{ width:459px; margin:0; padding:0 0 7px 0; color:#666;}
#contenido #seccion .historicos ul li{ list-style:none; float:left; padding-right:7px}
#contenido #seccion .historicos .txt_noticia{ color:#666; clear:both}
#contenido #seccion .historicos .mas_noticia{ list-style-image:url(../images/siguiente.jpg); padding-left:10px}
#contenido #seccion .historicos a:link, #contenido #seccion .historicos a:visited{color:#666; text-decoration:none}
#contenido #seccion .historicos a:hover{color:#060; text-decoration:underline}
#contenido #seccion .anteriores { padding-top:30px; margin:0}
#contenido #seccion .flecha-sig{ background-image:url(../images/siguiente.jpg); background-repeat:no-repeat; background-position:left; margin:0; padding:0 0 0 15px}


/**** Noticia****/
#contenido #seccion .noticia{width:459px; height:auto; margin:0; padding:5px 8px 0 17px; float:left; color:#333}
#contenido #seccion .noticia h3{ margin:0; padding:0; font-size:12px}
#contenido #seccion .noticia a:link, #contenido #seccion .noticia a:visited{ color:#333; text-decoration:none}
#contenido #seccion .noticia a:hover{ color:#060; text-decoration:underline}



#contenido #menu_seccion{width:233px; height:auto; float:left; margin-top:47px; }
#contenido #menu_seccion .submenu_seccion{width:231px; height:auto; background-color:#f5f5f5; border:inset thin #030 ;}
/*Titulo del submenu*/
#contenido #menu_seccion .submenu_seccion .titulo_submenu{ width:216px; height:15px; margin:10px 0 10px 15px; background-repeat:no-repeat;}
#contenido #menu_seccion .submenu_seccion .white{width:auto; height:25px; background-color:#fff;}
#contenido #menu_seccion .submenu_seccion .white H4{margin:7px 0 0 15px; padding:0; font-size:11px; font-weight:normal}
#contenido #menu_seccion .submenu_seccion .white IMG{ margin:7px 5px 0 0}
#contenido #menu_seccion .submenu_seccion .white A:LINK, #contenido #menu_seccion .submenu_seccion .white A:VISITED{ text-decoration:none; color:#666}
#contenido #menu_seccion .submenu_seccion .white A:HOVER{ text-decoration:underline; color:#060}
#contenido #menu_seccion .submenu_seccion .green{width:auto; height:25px; background-color:#f5f5f5}
#contenido #menu_seccion .submenu_seccion .green H4{margin:7px 0 0 15px; padding:0; font-size:11px; font-weight:normal}
#contenido #menu_seccion .submenu_seccion .green P{ margin:0; padding:5px 0 0 28px; color:#666}
#contenido #menu_seccion .submenu_seccion .green IMG{margin:7px 5px 0 0}
#contenido #menu_seccion .submenu_seccion .green A:LINK, #contenido #menu_seccion .submenu_seccion .green A:VISITED{ text-decoration:none; color:#666}
#contenido #menu_seccion .submenu_seccion .green A:HOVER{ text-decoration:underline; color:#060}
#contenido #menu_seccion .banner{ width:233px; height:auto; margin-top:25px; float:left;}
#contenido #menu_seccion .banner IMG{width:233px}

#contenido #menu_seccion .submenu_seccion .green_1{width:auto; height:auto; background-color:#f5f5f5; margin:0 10px; padding-bottom:5px; border-top:dotted #666 1px}
#contenido #menu_seccion .submenu_seccion .green_1 H4{margin:7px 0 0 0; padding:0; font-size:11px; font-weight:normal}
#contenido #menu_seccion .submenu_seccion .green_1 P{ margin:0; padding:5px 0 5px 13px; color:#666; font-weight:bold}
#contenido #menu_seccion .submenu_seccion .green_1 IMG{margin:7px 5px 0 0}
#contenido #menu_seccion .submenu_seccion .green_1 A:LINK, #contenido #menu_seccion .submenu_seccion .green_1 A:VISITED{ text-decoration:none; color:#666}
#contenido #menu_seccion .submenu_seccion .green_1 A:HOVER{ text-decoration:underline; color:#060}

#contenido #seccion .sintoma{ width:459px; height:auto; float:left; margin:0; padding:0}
#contenido #seccion .sintoma_bottom{ margin-top:20px}
#contenido #seccion .sintoma .etapa{ width:459px; height:auto; float:left; border-bottom:solid #d5ebc5 }
#contenido #seccion .sintoma .etapa H3{ margin:0 0 5px 0; padding:0; font-size:11px; color:#060}
#contenido #seccion .sintoma .contenido_sintoma{ width:459px; height:auto; float:left}
#contenido #seccion .sintoma .contenido_sintoma IMG{margin:0 5px 0 0}
#contenido #seccion .sintoma .contenido_sintoma H4{ margin:15px 0 10px 0; padding:0; font-size:11px; color:#333}
#contenido #seccion .sintoma .contenido_sintoma P{margin:5px 0 0 0; padding:0}

#contenido #contacto{width:233px; height:auto; float:left; margin-top:47px; padding:0}
#contenido #contacto .submenu_seccion{width:231px; height:auto; background-color:#f5f5f5; border:inset thin #030 ;}
#contenido #contacto .submenu_seccion .titulo_submenu{ width:216px; height:15px; margin:15px 0 5px 15px; background-repeat:no-repeat;}
#contenido #contacto .submenu_seccion FORM{ margin:0; padding:0}
#contenido #contacto .submenu_seccion UL{width:200px; height:auto; list-style:none; margin:15px; padding:0}
#contenido #contacto .submenu_seccion LI{ margin:10px 0 10px 0; padding:0; width:200px; height:auto}
#contenido #contacto .submenu_seccion .user{margin:0; font-weight:bold}
#contenido #contacto .submenu_seccion .shield{width:200px; height:15px}
#contenido #contacto .submenu_seccion .textarea{width:200px;}
#contenido #contacto .submenu_seccion .boton_enviar{margin:0 0 0 80px}
#contenido #contacto .submenu_seccion .enviar{ width:50px; height:22px;background-color:#f3f3f3; border:solid thin; color:#666}