/*------------------------------------------------------------- Latin American Association - (Home Page) ------------------------------------------------------------ Description: Stylesheet for Latin American Association Filename: styles.css -------------------------------------------------------------*/ /* ========================================================================// Index of styles used in specific elements and components for the project within this CSS. 1. HOME 2. INTERNAL PAGE Used in: ========================================================================// /* ========================================================================// 1. HOME: These selectors are only applied to the elements mentioned below. ========================================================================// */ .test { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; color: #006699; } body {margin:0px; background:url(../images/home_bg.jpg); background-repeat:repeat-x; font-family:Arial, Helvetica, sans-serif;} p {font-size:12px; color:#6c6b6b; line-height:16px} p a {color:#2d8cbb; text-decoration: none} h1 {font-size:52px; color:#f97217; line-height:65px} h2 {font-size:22px; color:#f97217; line-height:29px} h2 a {font-size:17px; color:#f97217; text-decoration: none;} h3 {font-size:17px; color:#5c5b5b; font-weight:bold; line-height:21px} h3 a {font-size:17px; color:#2d8cbb; text-decoration: none; font-weight:bold} h4 {font-size:12px; color:#3f3d3d; line-height:16px} h4 a {color:#2d8cbb; text-decoration: none} h5 {font-size:11px; color:#3f3d3d; line-height:15px} h5 a {color:#2d8cbb; text-decoration: none} h6 {font-size:11px; color:#7b8b32; font-weight:normal; line-height:15px} h6 a {color:#7b8b32; font-weight:bold; text-decoration: none} #content { margin:auto; width:985px} #header_home { background-image: url(../images/home_header_bg.jpg); background-repeat:no-repeat; height:110px; width:983px} .header_home_txt {font-size:16px; color:#fdfcfb; padding-top:8px; line-height:25px} .header_home_txt a {text-decoration:none; color:#fdfcfb;} .header_home_txt hover {text-decoration:underline} #home_top_menu { width:983px; height:49px; } #content_bg {background: url(../images/home_content_bg.jpg); background-repeat:repeat-y} #home_menuleft { width:240px; float:left; vertical-align:top;} #home_news_col { width:365px; float:left; padding:0 5px 0 18px; } #home_video_container { width:355px; float:left; } #home_video_col { background:url(../images/home_video_content_bg.jpg); background-repeat:repeat-y; width:295px; float:left; padding:0 35px 0 25px;} #home_video_bottom { background:url(../images/home_video_bottom.png); background-repeat:no-repeat; width:355px; height:27px;} #home_content_bottom { background:url(../images/home_content_bottom.jpg); background-repeat:no-repeat; width:983px; height:97px;} #home_banner { background:url(../images/home_banner_bg.jpg); background-repeat:no-repeat; width:983px; height:263px;} .home_banner {width:230; margin:59px 330px 0 413px; text-align:left; height:212px;} .home_ttl_banner {font-size:52px; color:#f97217; text-align:left; font-weight:bold; width:300px; padding:55px 45px 10px 0; height:45px; line-height:5px} .home_txt_banner {font-size:17px; color:#5c5b5b; font-weight:bold; width:468px; padding:5px 45px 0 470px; height:123px; line-height:25px} .home_txt_banner a {font-size:17px; color:#2d8cbb; text-decoration: none; font-weight:bold} .leftmenu_ttl {font-size:12px; color:#050901; font-weight:bold;} .leftmenu_txt {font-size:11px; color:#050901;} .leftmenu_txt a {font-size:11px; color:#2d8cbb; text-decoration:none;} .give_now_btn { width:200px; height:100px; padding:0 0 0 20px} .banner_latin { width:220px; height:100px; padding:0 0 0 20px;} .banner2 { width:200px; height:110px; padding:0 0 0 20px;} .banner3 { width:200px; height:110px; padding:0 0 0 20px;} .gsign_up_btn { width:220px; height:112px; padding:0 0 0 20px;} .become_volunteer_btn { width:220px; height:100px; padding:0 0 0 20px;} #col_highlights {width:368px; padding:5px 0 0 20px} .col_highlights_ttl {font-size:22px; color:#f97217; width:365px; line-height:24px} .col_highlights_txt {font-size:12px; color:#5c5b5b; width:365px; padding-bottom:10px; line-height:13px} .col_highlights_txt a {font-size:12px; color:#2d8cbb; text-decoration:none;} #col_video {width:315px; height:550px; background:url(../images/bg_video.png); background-repeat:no-repeat; padding:17px 20px 0 20px;} .col_video_ttl {font-size:18px; color:#f97217; width:290px; line-height:20px} .bgimage_video {width:290px; height:232px; background:url(../images/preloader_video.jpg); background-repeat:no-repeat;} .col_video_txt {font-size:12px; color:#5c5b5b; width:290px; padding:0 0 10px 0; line-height:13px} .col_video_txt a {color:#2d8cbb; text-decoration: none} .col_video_txt2 {font-size:12px; color:#5c5b5b; width:190px; padding:0 0 5px 100px; line-height:13px; text-align:right;} .col_video_txt2 a {color:#2d8cbb; text-decoration: none} .img_video {background: url(../images/img_video.jpg); background-repeat:no-repeat; height:232px} .img_dots {background: url(../images/img_dots.gif); background-repeat:no-repeat; height:18px} .img_sponsor_logo {background: url(../images/spo_log_hom.gif); background-repeat:no-repeat; height:88px} #footer {background:#dfebab;} #footer_bg { background:#dfebab; margin:auto;} #footer_content { width:985px;height:190px; margin:auto} .footer1 {width:200px; font-size:11px; color:#7b8b32; padding:22px 35px 0 0; margin-left:40px; line-height:13px;float:left} .footer2 {width:200px; font-size:11px; color:#7b8b32; padding:22px 35px 0 0; line-height:13px;float:left} .footer3 {width:200px; font-size:11px; color:#7b8b32; padding:22px 35px 0 0; line-height:13px;float:left} .footer4 {width:200px; font-size:11px; color:#7b8b32; padding:22px 35px 0 0; line-height:13px;float:left} .footer5 {font-size:11px; color:#7b8b32; font-weight:bold; padding:10px 15px 0 0; margin-left:40px; line-height:13px;float:left} .footer5 a { color:#7b8b32; text-decoration:none} #footer_design {width:583px; margin:auto; font-size:11px; color:#7b8b32; padding:22px 0 0 400px; line-height:18px;float:left} .submenu {position:absolute;display:none;text-align:left;} .submenu ul {background:#fff;padding:10px 10px 4px 10px;border:1px solid #1977a7;font:12px Arial, Helvetica, sans-serif;} .submenu li {margin:0 0 6px 0;} .submenu li a {color:#1977a7;font-weight:bold;text-decoration:none;} .submenu li a:hover {text-decoration:underline;} .clear { clear:both} .interior_txt_banner {font-size:17px; color:#5c5b5b; font-weight:bold; width:468px; padding:0 45px 0 470px; height:128px;} .interior_breadcrumb {width:688px; padding:0 0 0 40px; float:left;} span.interior_breadCrumb_origen{color:#024062; text-decoration: none; font-size:11px; line-height:15px;} /*float:left; background-color:#FFFF00; font-size:50px;*/ #interior_banner {background:url(../images/interior_banner_bg.jpg); background-repeat:no-repeat; width:983px; height:263px} #interior_body_left{ background:url(../images/interior_body_left_bg.jpg); background-repeat:no-repeat; width:256px; float:left; vertical-align:top; padding:13px 20px 0 40px;} #interior_body_center{ width:312px; float:left; vertical-align:top; padding:13px 0 0 0;} #internal_page_banner {background:url(../images/internal_page_banner_bg.jpg); background-repeat:no-repeat; width:983px; height:263px} #inspira_page_banner {background:url(../images/inspira_page_banner_bg.jpg); background-repeat:no-repeat; width:983px; height:263px} #internal_content{ background:url(../images/interior_body_left_bg.jpg); background-repeat:no-repeat; width:687px; float:left; vertical-align:top; padding: 0 35px 0 40px;} /*////////////Header////////////////////*/ #home_header{ width: 528px; height:110px; background-image:url(../images/home_header_bg.jpg); padding:0 0 0 455px;} #home_header_join{width:145px; float:left; padding:8px 0 0 122px;} #home_header_join_esp{width:257px; float:left; padding:8px 0 0 10px;} #home_header_contact{width:98px; float:left; padding:8px 0 0 6px;} #home_header_contact_esp{width:98px; float:left; padding:8px 0 0 6px;} #home_header_separator{width:14px; height:27px; background-image:url(../images/home_eng_header_separator.gif); float:left;} a.header_home_txt{font-size:16px; color:#FFF; font-family:Arial, Helvetica, sans-serif; } #home_header_btn_eng, #home_header_btn_esp, #home_header_btn_esp_stat, #home_header_btn_eng_stat {height:27px; float:left; display:block;} #home_header_btn_eng{width:66px; background:url(../images/home_header_btn_eng.jpg) top; } #home_header_btn_esp{width:73px; background:url(../images/home_header_btn_esp.jpg) top; } #home_header_btn_eng_stat{width:66px; background:url(../images/home_header_btn_eng.jpg) bottom; } #home_header_btn_esp_stat{width:73px; background:url(../images/home_header_btn_esp.jpg) bottom; } #home_header_donate_container{width:141px; height:62px; float:left; padding:14px 0 0 383px; } #home_header_donate_eng{width:139px; height:25px; background:url(../images/home_header_btn_donate_eng.jpg) top; display:block;} #home_header_donate_esp{width:139px; height:25px; background:url(../images/home_header_btn_donate_esp.jpg) top; display:block;} #home_header_btn_eng:hover, #home_header_btn_esp:hover, #home_header_donate_esp:hover, #home_header_donate_eng:hover, #home_header_donate_esp:hover{background-position:bottom;} a span{display:none;} /*////////////Menú////////////////////*/ ul span{display:none;} #menu_home, #menu_programs, #menu_locations, #menu_involved, #menu_sponsorship, #menu_recruitment, #menu_newsroom, #menu_about {display:block; height:49px;} ul li.main { float:left;} ul li.main ul { display:none; margin:-3px 0 0 0; border:#1977a7 thin solid; padding: 10px 12px; background-color:#FFFFFF; } ul li:hover ul { display:block; position:absolute;} ul li ul a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:15px; color:#1977a7;} /* MENU INGLES */ #menu_home:hover, #menu_programs:hover, #menu_locations:hover, #menu_involved:hover, #menu_sponsorship:hover, #menu_recruitment:hover, #menu_newsroom:hover, #menu_about:hover {background-position:bottom;} #menu_home{width: 87px; background:url(../images/menu_home_btn_eng.jpg) top; } #menu_programs{width: 112px; background:url(../images/menu_programs_btn_eng.jpg) top;} #menu_locations{width: 106px; background:url(../images/menu_locations_btn_eng.jpg) top;} #menu_involved{width: 97px; background:url(../images/menu_involved_btn_eng.jpg) top;} #menu_sponsorship{width: 154px; background:url(../images/menu_sponsorship_btn_eng.jpg) top;} #menu_recruitment{width: 169px; background:url(../images/menu_recruitment_btn_eng.jpg) top;} #menu_newsroom{width: 112px; background:url(../images/menu_newsroom_btn_eng.jpg) top;} #menu_about{width: 146px; background:url(../images/menu_about_btn_eng.jpg) top;} /* MENU ESPAÑOL */ #menu_home_esp, #menu_programs_esp, #menu_locations_esp, #menu_involved_esp, #menu_sponsorship_esp, #menu_recruitment_esp, #menu_newsroom_esp, #menu_about_esp {display:block; height:49px;} #menu_home_esp:hover, #menu_programs_esp:hover, #menu_locations_esp:hover, #menu_involved_esp:hover, #menu_sponsorship_esp:hover, #menu_recruitment_esp:hover, #menu_newsroom_esp:hover, #menu_about_esp:hover {background-position:bottom;} #menu_home_esp{width: 84px; background:url(../images/menu_home_btn_esp.jpg) top; } #menu_programs_esp{width: 110px; background:url(../images/menu_programs_btn_esp.jpg) top;} #menu_locations_esp{width: 119px; background:url(../images/menu_locations_btn_esp.jpg) top;} #menu_involved_esp{width: 119px; background:url(../images/menu_involved_btn_esp.jpg) top;} #menu_sponsorship_esp{width: 167px; background:url(../images/menu_sponsorship_btn_esp.jpg) top;} #menu_recruitment_esp{width: 191px; background:url(../images/menu_recruitment_btn_esp.jpg) top;} #menu_newsroom_esp{width: 85px; background:url(../images/menu_newsroom_btn_esp.jpg) top;} #menu_about_esp{width: 108px; background:url(../images/menu_about_btn_esp.jpg) top;} /*ul {list-style-type:none;}*/ /* INTERNA MENU RIGHT*/ #interna_menu_right_container{ width:220px; background-image:url(../images/interna_menu_rigth_bg.jpg); background-repeat:repeat-y; float:left} #interna_menu_right_top{ width:218px; height:147px;} #interna_menu_right_top_right{ width:7px; height:147px; background-image:url(../images/interna_menu_rigth_topImageLeft.jpg); background-repeat:no-repeat; float:left; } #interna_menu_right_top_center{ width:209px; height:147px; background-image:url(../images/interna_menu_rigth_topImage.jpg); float:left; } .menu_right_internal_arrow_Down{width:15px; height:15px; float:left; background-image:url(../images/arrow_down.gif); background-repeat:no-repeat; margin-top:2px; margin-left:14px;} #interna_menu_right_center{ width:190px; background-image:url(../images/interna_menu_rigth_center_bg.jpg); background-repeat:repeat-y;padding:5px 15px;} #right_menu_title{ width:170px; font-size:13px; font-weight:bold; float:left; color:#024062; } .interna_menu_right_title{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#024062; } #interna_menu_right_title_arrow{ width:11px; height:6px; background-image:url(../images/interna_menu_rigth_arrow.jpg); background-repeat:no-repeat; float:left; margin-top:4px; padding-right:3px; } .inter_menu_rigth_programs{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#024062; padding-top:0px; padding-left:15px; line-height:22px;} .inter_menu_rigth_programs a {color:#2d8cbb; text-decoration: none;} .inter_breadcrumb_a{color:#2d8cbb; text-decoration: none; font-size:11px; line-height:15px;} .inter_breadcrumb{color:#024062; text-decoration: none; font-size:11px; line-height:15px;} /*template_txt_right*/ /* CSS 1*/ .template_ttl_right { width:175px;background-image: url(../images/arrow_down.gif); background-repeat:no-repeat;font-size:16px; color:#024062; padding:0 0 0 15px; line-height:22px} .template_ttl_right a {color:#024062; text-decoration: none} .template_txt_right {font-size:11px; width:180px; color:#024062; padding:0 50px 0 25px;} .template_txt_right a {color:#2d8cbb; text-decoration: none} .template_breadcumb {font-size:11px; width:569px; color:#024062; padding:18px 0 0 18px;} .template_breadcumb a {color:#2d8cbb; text-decoration: none} .template_ttl {font-size:25px; width:540px; color:#f97217; padding:15px 18px 0 29px; line-height:30px} .template_ttl a {color:#f97217; text-decoration: none} .template_subttl {font-size:14px; width:540px; color:#f97217; padding:15px 18px 0 29px;} .template_subttl a {color:#f97217; text-decoration: none} .template_txt {font-size:12px; width:540px; color:#6c6b6b; padding:15px 18px 0 29px; line-height:16px} .template_txt a {color:#2d8cbb; text-decoration: none}bre