body { font-family: "trebuchet MS", Verdana; font-size: 12px; color: #333333; margin:0; padding:0; background:#ddeef7 url(../images/bg.gif) top repeat-x; text-align:center; width:auto; height:100%; }

#page{ width:760px; background-color:#FFFFFF;  margin:0 auto; text-align:left; }
#page .wrapper{ margin:0 15px 0 15px; padding:0;}

/* encabezado */
#header{ margin:0; padding:0; height:25px; background-color:#0a74a9; font-size:15px; color:#FFFFFF; }


/* ####### inicio menu ####### */
#menu { width:217px; height:auto; float:left; }
#menu .logo{ height:103px; background:url(../images/bgLogo.gif) left repeat-y; text-align:center;}
#menu .logowrapper { padding:15px 25px 0 25px; margin:0;}
/* listado para menu y hover*/
#menu ul{ color:#0066cc; font-size:15px; width:217px; margin:0; padding:0; }
#menu ul li{ border-bottom:#ddeef7 solid 1px; list-style:none; padding:5px 10px 5px 15px; }
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:active{ text-decoration:none; color:#0066cc;  }
#menu ul li.boton:hover{ background-color:#f7f7f7;}
.wrapperli{ padding:5px 0 0 0; }
/* estilos extras para el menu */
#menu ul li.none { line-height:15px; }
#menu ul li.none:hover{ background:#FFFFFF; }
#menu ul li.blank{ background:#FFFFFF; border-bottom:none;}
#menu ul li.blank:hover{ background:#FFFFFF; }
#menu ul li.inicio{ background:#fefffe; }
#menu ul li.sobre{ background:#fdfffd; }
#menu ul li.convenios{ background:#fcfffc; }
#menu ul li.donaciones{ background:#fbfffb; }
#menu ul li.acciones{ background:#fafffa; }
#menu ul li.grande{ font-size:20px; line-height:24px; background-color:#f8fff7;color:#003366; }
#menu ul li.grande a:link, #menu ul li.grande a:visited, #menu ul li.grande a:active, #menu ul li.mediano a:link, #menu ul li.mediano a:active, #menu ul li.mediano a:visited { color:#003366; }
#menu ul li.donde { background-color:#f7fff5;}
#menu ul li.mediano{ font-size:17px; color:#003366; background-color:#f4fff2; }
#menu ul li.faq { background-color:#f3fff0; line-height:22px; }
#menu ul li.enlaces { background-color:#f2ffee; }
#menu ul li.ayudar{ font-size:20px; color:#0066cc; background-color:#f6fff3; }
#menu ul li.contacto{ font-size:15px; color:#0066cc; font-weight:bold; background-color:#f1ffed; }
#menu ul li.video { background:url(../images/bgBotonVideo.gif) top repeat-x; height:59px; color:#0066cc; font-size:12px; line-height:13px; text-align:right; border-bottom:none; padding:0 10px 0 15px; }
#menu ul li.video strong { font-size:17px; line-height:18px; font-weight:normal; }
#menu ul li.video:hover { background:url(../images/bgBotonVideo2.gif) repeat-x; }
#menu ul li.video strong a { color:#0066cc; }

#menu ul li.faqcontenido{ font-size:12px; color:#999; background: #FFFFFF url(../images/bgAcotacion.gif) top center no-repeat; width:187px; font-family:Arial, Helvetica, sans-serif;  }
#menu ul li.faqcontenido .wrapper{ padding:5px; margin:0; }
#menu ul li.faqcontenido u{font-size:15px; text-decoration:none;  }
#menu ul li.faqcontenido em{font-size:15px; color:#87d77a; font-style:normal;  }
#menu ul li.faqcontenido b{ color:#666; font-weight:normal; }
#menu ul li.faqcontenido strong{ color:#666; font-weight:normal; font-size:11px; }
#menu ul li.faqcontenido i{ color:#339933; font-style:normal;  }


#menu ul li.faqcontenido:hover{ background: #FFFFFF url(../images/bgAcotacion.gif) top center no-repeat;}


/* ####### fin menu ####### */

/* contenido de la pagina */
#contenido { width:543px; margin:50px 0 0 0; padding:0; float:right; color:#666666; font-size:15px; line-height:18px; }
#contenido .cargando { color:#FF0000; }

/* estilo para los titulos de las páginas internas */
#titulo{ height:95px; text-align:right; color:#87d77a; font-size:40px; line-height:30px; background:url(../images/bgTop.gif) top repeat-x; width:100%; }
#titulo .wrapper{ padding:50px 25px 0 0; margin:0; }

#textos{ width:440px; float:left; text-align:left; }
#textos .wrapper{ padding:10px 0 0 25px; margin:0; }
#textos .header{ font-size:20px; line-height:20px; color:#87d77a; height:40px;}
#textos .titulo { color:#339933; font-size:25px; line-height:25px; margin-bottom:5px; }

/* pie de pagina */
DIV#footer{ height:230px;}
ul#footer { color:#FFFFFF; font-size:13px; line-height:15px; list-style:none; margin:0; padding:0;   }
ul#footer li.footer1{ background:url(../images/bgAzul1.gif) left repeat-y; height:100px; font-size:15px; padding:0 25px 0 25px; }
ul#footer li.footer1 a { color:#FFFFFF; text-decoration:none; }
ul#footer li.footer1 a:hover { color:#dae8ef; }
ul#footer li.footer1 strong{ color:#a4dcf9; font-size:12px;}
ul#footer li.footer2{ background:url(../images/bgAzul2.gif) left repeat-y; height:55px; padding:0 25px 0 25px;  }
ul#footer li.footer2 strong{ color:#a4dcf9; font-size:12px;}
ul#footer li.footer3{ background:url(../images/bgAzul3.gif) top repeat-x; height:75px; padding:0 25px 0 25px;  }

/* estilos extras */
.magic{ clear:both; }
br, a, p { margin:0; padding:0; }

a:link, a:visited, a:active{ color:#0066cc; text-decoration:none;}
a:hover{ color:#0075ea; text-decoration:none;}