/* =========================================================================================== =========================================================================================== SPANISH SITE CSS =========================================================================================== =========================================================================================== */ #container { position: relative; width: 740px; margin: 0 auto; text-align: left;} #header { position: relative; z-index:50; } #h_search { position: absolute; top: 10px; right: 0px; width: 553px; height: 30px; background: url(http://www.femsa.com/es/images/search_back.gif); } #h_search form { padding: 5px;} .searchbox { border: 1px solid #999; height: 16px; font-size: 10px; height:20px; } .searchbtn { color: #8b3b3e; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; } #h_search a:link, #h_search a:visited { padding: 0 0 0 10px; background: url(http://www.femsa.com/es/images/arrow_red.gif) no-repeat 4px 4px; color: #8b3b3e; font-size: 10px; text-decoration: none; } #h_search span { float: right; margin: 6px 6px 0 0;} /* navigation -------------------------------------------- */ #nav { position: absolute; top: 48px; right: 0px; height: 34px; width: 553px; z-index: 50;} #nav li { position: relative; height: 34px; width: 93px; list-style: none; float: left;} #nav li a, #nav li div { position: relative; height: 34px; width: 93px; display:block; text-decoration:none; } #nav li a { cursor: pointer; } #nav li strong { position: absolute; top: 0px; left: 0px; display: block; height: 34px; width: 93px; z-index: 10;} #nav li, #nav li a, #nav li strong, #nav li div { background-image: url(http://www.femsa.com/es/images/nav.gif); } #nav li.about, #nav li.about a, #nav li.about a strong { background-position: 0 0; } #nav li.business, #nav li.business a, #nav li.business a strong { background-position: -93px 0px; } #nav li.investor, #nav li.investor a, #nav li.investor a strong { background-position: -186px 0px; } #nav li.press, #nav li.press a, #nav li.press a strong { background-position: -279px 0px; } #nav li.social, #nav li.social a, #nav li.social a strong { background-position: -372px 0px; } #nav li.career, #nav li.career a, #nav li.career a strong { background-position: -465px 0px; width: 88px;} /* HOVER STATE */ #nav li.about, #nav li.about a:hover strong { background-position: 0px -34px; } #nav li.business, #nav li.business a:hover strong { background-position: -93px -34px; } #nav li.investor, #nav li.investor a:hover strong { background-position: -186px -34px; } #nav li.press, #nav li.press a:hover strong { background-position: -279px -34px; } #nav li.social, #nav li.social a:hover strong { background-position: -372px -34px; } #nav li.career, #nav li.career a:hover strong { background-position: -465px -34px; width: 88px; } /* ON STATE */ #nav li.abouton, #nav li.abouton strong { background-position: 0px -68px; } #nav li.businesson, #nav li.businesson strong { background-position: -93px -68px; } #nav li.investoron, #nav li.investoron strong { background-position: -186px -68px; } #nav li.presson, #nav li.presson strong { background-position: -279px -68px; } #nav li.socialon, #nav li.socialon strong { background-position: -372px -68px; } #nav li.careeron, #nav li.careeron strong { background-position: -465px -68px; width: 88px; } /* NAVIGATION: css drop downs */ /* controls width of drop down menus for each button */ #nav li.about ul li a , #nav li.abouton ul li a { width: 76px; } #nav li.business ul li a, #nav li.businesson ul li a { width: 76px; } #nav li.investor ul li a, #nav li.investoron ul li a { width: 76px; } #nav li.press ul li a, #nav li.presson ul li a { width: 76px; } #nav li.social ul li a, #nav li.socialon ul li a { width: 76px; } #nav li.career ul li a, #nav li.careeron ul li a { width: 76px; } /* controls links on drop down */ #nav li ul li a:link, #nav li ul li a:visited { display: block; padding: 5px 6px; background: #fff; color: #666; text-decoration: none; cursor: pointer; /* for IE */ font-size: 9px; height: 100%; border-bottom: 1px solid #ddd; } #nav li ul li { height: auto; width: auto;} #nav li ul li a:hover { background: #eee; none; color: #333; } #nav ul { list-style: none; } /* all lists */ #nav li ul { display: none; position: absolute; top: 34px; left: 0px; z-index: 50; } /* second-level lists */ #nav li>ul { top: 34px; left: 0px; } /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ /* lists nested under hovered list items */ #nav li:hover ul, #nav li.over ul { display: block; padding: 0px; opacity: .95; filter: alpha(opacity=95); border-bottom: 4px solid #bbb;} /* controls colors for each dropdown section */ #nav li.about ul li a:link, #nav li.about ul li a:visited { border-bottom: 1px solid #EBA400;} #nav li.business ul li a:link, #nav li.business ul li a:visited { border-bottom: 1px solid #D0511D;} #nav li.investor ul li a:link, #nav li.investor ul li a:visited { border-bottom: 1px solid #366;} #nav li.press ul li a:link, #nav li.press ul li a:visited { border-bottom: 1px solid #FF0105;} #nav li.social ul li a:link, #nav li.social ul li a:visited { border-bottom: 1px solid #306;} #nav li.career ul li a:link, #nav li.career ul li a:visited { border-bottom: 1px solid #8B3B3E;} #nav li.about:hover ul, #nav li.over.about ul { border-bottom: 4px solid #EBA400;} #nav li.business:hover ul, #nav li.over.business ul { border-bottom: 4px solid #D0511D;} #nav li.investor:hover ul, #nav li.over.investor ul { border-bottom: 4px solid #366;} #nav li.press:hover ul, #nav li.over.press ul { border-bottom: 4px solid #FF0105;} #nav li.social:hover ul, #nav li.over.social ul { border-bottom: 4px solid #306;} #nav li.career:hover ul, #nav li.over.career ul { border-bottom: 4px solid #8B3B3E;} .sh_img{ padding-top:10px; } /* BEGIN footer */ .footer { position: relative; height: 34px; padding: 0 5px; color: #b2b2b2; background: #e5e5e5; font-size: 10px; line-height: 16px; clear: both;} .footer span { position: absolute; top: 0px; right: 5px; text-align: right; } .footer a:link, .footer a:visited { color: #666; text-decoration: none; } .footer a:hover { text-decoration: underline; } #s_footer { padding: 30px 0 0;} #copyright { text-align: right; color: #9F9F9F; } /* END footer */