/* =========================================================================================== =========================================================================================== SPANISH SITE CSS =========================================================================================== =========================================================================================== */ /* basic elements * ------------------------------------------------------------------------------------- */ * { margin: 0px; padding: 0px; } html { min-height: 100%; margin-bottom: 1px; } body { text-align: center; font-family: arial, verdana, sans-serif; font-size: 11px; color: #333; } table, th, td { font-family: arial, verdana, sans-serif; font-size: 11px; color: #333; } #skip { display: none; } a img, a img:visited, a img:hover, a img:active {text-decoration:none; color:fff; } img { display: block; border:0 !important; } a:link { color: #777; text-decoration: underline; } a:visited { color: #bbb; text-decoration: underline; } a:hover, a:active { color: #333; text-decoration: none; border:none;} /* end basic elements * ------------------------------------------------------------------------------------- */ /* START Global Classes */ .clear { clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .inline { display: inline; } .more a:link, .more a:visited, a.more:link, a.more:visited { padding: 0 0 0 5px; background: url(../images/arrow_grey.gif) no-repeat 0px 4px; color: #666; font-size: 10px;} .float_R { float: right; padding: 0 0 3px 3px;} .floatright { float: right; padding: 0 0 3px 3px; display:block; } .floatleft { float: left; padding: 0 3px 3px 0px; display:block;} .pdf { padding: 2px 0 2px 20px; background: url(../images/icon_pdf.gif) no-repeat 0% 50%; } .flv { padding: 2px 0 2px 20px; background: url(../images/icon_ft_flash.gif) no-repeat 0% 50%; } .wmv { padding: 2px 0 2px 20px; background: url(../images/icon_wm.gif) no-repeat 0% 50%; } #container { position: relative; width: 740px; margin: 0 auto; text-align: left;} #header { position: relative; z-index:50; } #femsa-black-ribbon { position:absolute; top:24px; left:151px; } #h_search { position: absolute; top: 10px; right: 0px; width: 553px; height: 30px; background: url(../images/search_back.gif); } #h_search form { padding: 5px;} .searchbox { border: 1px solid #999; height: 16px; font-size: 10px;} .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(../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; } /*#h_search span { position:absolute; top:6px; right:82px; }*/ /* Social Icons (container list in header) */ .list-social { position:absolute; top:15px; right:4px; margin:0; height:22px; } .list-social li { margin:0 0 0 4px; float:left; display:inline; list-style:none; } /* Social Icons (header) */ .icon, .icon span { position:relative; display:block; overflow:hidden; background:url(../images/bg-social.png) no-repeat 0 100px; text-decoration:none !important; } .icon:hover, .icon:hover span { text-decoration:none !important; } .icon span { position:absolute; top:0; left:0; } .icon-twitter, .icon-twitter span { width:20px; height:20px; background-position:0 0; } .icon-facebook, .icon-facebook span { width:20px; height:20px; background-position:-24px 0; } .icon-youtube, .icon-youtube span { width:20px; height:20px; background-position:-48px 0; } /* Social Media Page Subnav Icons */ #socialv2 .subnav li a:link, #socialv2 .subnav li a:visited { margin-left:0; padding-left:22px; padding-bottom:3px; } #socialv2 .subnav li a:hover { background-position:0 0 !important; } .icon2 { display:block; background-repeat:no-repeat; background-position:0 0; } .icon2-facebook, .icon2-facebook:hover { background-image:url(../images/icon_facebook.jpg) !important; } .icon2-twitter, .icon2-twitter:hover { background-image:url(../images/icon_twitter.jpg) !important; } .icon2-youtube, .icon2-youtube:hover { background-image:url(../images/icon_youtube.jpg) !important; } .icon2-flickr, .icon2-flickr:hover { background-image:url(../images/icon_flicker.jpg) !important; } /* 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(../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; 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;} /* homepage elements ===============================*/ #headnav { margin: 15px 0 5px; padding: 3px 2px 5px; background: #E5E5E5; font-size: 10px; color: #999; } #headnav span { float: right;} #headnav a:link, #headnav a:visited { color: #666; text-decoration: none;} #headnav img { display: inline; margin-bottom: -4px; } .intro { position: relative; height: 142px; background: #FCEDCC url(../images/intro_back.gif) no-repeat;} .intro p { position: absolute; top: 15px; left: 10px; width: 270px; color: #8b3b3e; font-size: 12px; line-height: 16px;} .intro #h_info { position: absolute; top: 100px; left: 95px; width: 240px;} .intro #h_info li { float: left; padding: 0 0 3px; list-style: none;} .h_info_col1 { width: 45px; } .h_info_col2 { width: 78px; } .h_info_col3 { width: 117px; } .intro #h_info li a:link, .intro #h_info li a:visited { padding: 0 0 0 6px; background: url(../images/arrow_red.gif) no-repeat 0px 4px; text-decoration: none; color: #8b3b3e;} .h_products { position: absolute; top: 0px; right: 10px;} .h_products img { float: left; } * html .h_products a { float: left; } .h_news, .h_events, .h_investor, .h_highlights { position: relative; float: left; font-size: 10px; line-height: 11px;} .h_news p, .h_events p, .h_investor p, .h_highlights p { padding: 5px; border-bottom: 1px dotted #ccc;} .h_news strong, .h_events strong { color: #f00;} .h_investor {color: #366;} .updates { padding-bottom:15px; } .updates div { float:left; width:355px; margin-left:10px; display:inline; } .updates div.two { margin-left:10px; } /* Homepage iFrame */ .h-iframe { margin:20px 0 5px; } .h_cols { } .h_news { width: 178px; padding: 0 0 0 10px;} * html .h_news { width: 188px; w\idth: 178px;} .h_events { width: 178px; padding: 0 0 0 5px; } * html .h_events { width: 183px; w\idth: 178px;} .h_investor { width: 223px; padding: 0 0 0 5px; background: url(../images/investor_back.gif) no-repeat 0 65px; } .h_investor p.none { border: 0; } * html .h_investor { width: 228px; w\idth: 223px;} .h_highlights { width: 124px; padding: 0 0 0 5px; line-height: 10px; } * html .h_highlights { width: 129px; w\idth: 124px;} .h_news p.more, .h_events p.more, .h_investor p.more, .h_highlights p.more { border: 0;} /* BEGIN rolling effect on logos on homepage */ .h_awards { position: relative; clear: both; border-top: 1px dotted #ccc; width: 360px; min-height:55px; margin: 10px 0 0 10px; } * html .h_awards { height:55px; } * html .h_awards a:hover { cursor:pointer; } .h_awards img { display: inline;} .h_awards.ul { list-style: none; clear: both; } .h_awards li.esr, .h_awards li.esr a, .h_awards li.esr a strong { background: url(../images/esr.gif) no-repeat top left; list-style: none; text-decoration: none; } .h_awards li.esr, .h_awards li.esr a:hover strong { background: url(../images/esr_roll.gif) no-repeat top left; } .h_awards li.esr strong { position: absolute; top: 3px; left: 0px; display: block; height: 53px; width: 110px; } .h_awards li.bestemployer, .h_awards li.bestemployer a, .h_awards li.bestemployer a strong { background: url(../images/bestemployer.gif) no-repeat top left; list-style: none; text-decoration: none; } .h_awards li.bestemployer, .h_awards li.bestemployer a:hover strong { background: url(../images/bestemployer_roll.gif) no-repeat top left; } .h_awards li.bestemployer strong { position: absolute; top: 0px; left: 111px; display: block; height: 54px; width: 63px; } .h_awards li.greatplace, .h_awards li.greatplace a, .h_awards li.greatplace a strong { background: url(../images/greatplace.gif) no-repeat top left; list-style: none; text-decoration: none; } .h_awards li.greatplace, .h_awards li.greatplace a:hover strong { background: url(../images/greatplace_roll.gif) no-repeat top left; } .h_awards li.greatplace strong { position: absolute; top: 13px; left: 187px; display: block; height: 32px; width: 31px; } .h_awards li.empresa, .h_awards li.empresa a, .h_awards li.empresa a strong { background: url(../images/empresa.gif) no-repeat top left; list-style: none; text-decoration: none; } .h_awards li.empresa, .h_awards li.empresa a:hover strong { background: url(../images/empresa_roll.gif) no-repeat top left; } .h_awards li.empresa strong { position: absolute; top: 4px; left: 230px; display: block; height: 53px; width: 46px; } .h_awards li.unglobal, .h_awards li.unglobal a { list-style: none; text-decoration: none; } .h_awards li.unglobal a strong { background: url(../images/unglobal.gif) no-repeat top left; list-style: none; text-decoration: none; } .h_awards li.unglobal a:hover strong { background: url(../images/unglobal_roll.gif) no-repeat top left; } .h_awards li.unglobal strong { position: absolute; top: 11px; left: 284px; display: block; height: 37px; width: 45px; } /* END rolling effect on logos on homepage */ /* BEGIN stock table */ .stocks { margin: 10px 0 30px; } .stocks td { padding: 5px 5px; border-bottom: 1px dotted #ccc; } .stocks .bord_rt { border-right: 1px solid #ccc;} .stocks .amount { color: #009100; font-size: 9px; } .stocks .amount img { display: inline; padding-right: 2px; } .stocks .delay { color: #fff; text-align: center; background: #366; border: 0; font-size: 9px; padding: 2px 5px; } /* END stock table */ .h_highlights select { font-size: 10px;} .newsevents { position: relative; float: left; width: 371px; } /* MAC IE ONLY FIX, NO OTHER BROWSER SEES THIS */ /*\*//*/ .h_cols { padding-top: 150px; } /**/ /* 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 */ /* SUB PAGES ===========================*/ #subhead { margin: 0 0 30px; border-bottom: 5px solid #d6e0e0;} #about #subhead { border-bottom: 5px solid #f6f0e3;} #career #subhead { border-bottom: 5px solid #ffe0cc;} #social #subhead { border-bottom: 5px solid #d6cce0;} #press #subhead { border-bottom: 5px solid #ffcccd;} #business #subhead { margin: 0; border-bottom: 0; } #business2 #subhead { border-bottom: 5px solid #ffcccd;} #business_cola #subhead { border-bottom: 5px solid #FFCCCD;} #business_cerveza #subhead { border-bottom: 5px solid #FFCCCD;} #business_comercio #subhead { border-bottom: 5px solid #FFCCCD;} #s_main { background: url(../images/line.gif) repeat-y; height: 100%; padding: 0 0 5px;} .subnav { position: relative; float: left; width: 148px; padding-left: 10px;} * html .subnav { width: 158px; w\idth: 148px;} .subnav ul { list-style: none; } .subnav ul ul { list-style: none; margin-left: 0;} .subnav li { position: relative; padding: 6px 0 1px; background: url(../images/dots.gif) no-repeat 0px 0px; color: #999; font-weight: bold;} .subnav li a:link, .subnav li a:visited { position: relative; padding-left: 10px; margin-left: -10px; display: block; color: #888; border-right: 1px solid #fff; margin-right: 1px;} .subnav li li a:link, .subnav li li a:visited { padding-left: 20px;} .subnav li li li a:link, .subnav li li li a:visited { padding-left: 30px;} .subnav li a:hover { background: url(../images/arrow_grey.gif) no-repeat 3px 4px; color: #333;} .subnav li.on strong { display: block; padding-left: 10px; margin-left: -10px; color: #366; background: #d6e0e0 url(../images/arrow_green.gif) no-repeat 3px 4px;border-right: 1px solid #fff; margin-right: 1px;} .subnav li li.on strong { padding-left: 20px; } .subnav li li li.on strong { padding-left: 30px; } .subnav li.on ul { background: #fff; margin-right: 1px; } #about .subnav li.on strong { color: #EBA400; background: #F6F0E3 url(../images/arrow_orange.gif) no-repeat 3px 4px;} #business .subnav li.on strong, #business2 .subnav li.on strong { color: #d0511d; background: #f7dcd3 url(../images/arrow_orange.gif) no-repeat 3px 4px;} #business_cola .subnav li.on strong { color: #FE0000; background: #FFDFDF url(../images/arrow_orange.gif) no-repeat 3px 4px;} #business_cerveza .subnav li.on strong { color: #DBA521; background: #FFF1CF url(../images/arrow_orange.gif) no-repeat 3px 4px;} #business_comercio .subnav li.on strong { color: #FF6600; background: #FFE2CF url(../images/arrow_orange.gif) no-repeat 3px 4px;} #press .subnav li.on strong { color: #ff0105; background: #FFCCCD url(../images/arrow_orange.gif) no-repeat 3px 4px;} #social .subnav li.on strong { color: #330066; background: #D6CCE0 url(../images/arrow_orange.gif) no-repeat 3px 4px;} #career .subnav li.on strong { color: #8B3B3E; background: #FFE0CC url(../images/arrow_orange.gif) no-repeat 3px 4px;} .subnav a:link, .subnav a:visited { color: #888; text-decoration: none; } .subnav a:hover { color: #333; text-decoration: underline; } .subnav p { padding: 2px; border-bottom: 1px dotted #ccc; } .subnav p.none { border: 0;} #business .subnav { margin: 30px 0 0 0; } .keydocs { padding: 90px 10px 0 0;} .keydocs p { padding: 4px;} .keydocs span { float: right; padding: 1px;} .box { padding: 5px 1px 5px 5px; margin: 30px 10px 0 0; background: #f6f0e3; border-bottom: 5px solid #EBA400; color: #777; font-style:italic; font-size: 12px; font-weight: bold;} .subnav .box p { padding: 5px;} #about .box strong { color: #EBA400; font-size: 13px; font-style: normal; } #business .box strong, #business2 .box strong, #business_cola .box strong, #business_cerveza .box strong, #business_comercio .box strong { color: #d0511d; font-size: 12px; } #business .box, #business2 .box , #business_cola .box, #business_cerveza .box, #business_comercio .box { background: #ffefe5; border-bottom: 5px solid #d0511d; } #social .box { background: #F7EFFF; border-bottom: 5px solid #330066; } .callout { background: #eba400 url(../images/callout_bg_about.gif) no-repeat; padding: 5px; /*\*/height: 1%;/**/ margin: 20px 10px 0 0;} #test .callout { background: #eba400 url(../images/callout_bg_about2.gif) no-repeat; padding: 5px; /*\*/height: 1%;/**/ margin: 20px 10px 0 0;} .callout h4 { position: relative; color: #fff; font-size: 16px; text-align: center; line-height: 15px; padding: 10px 0;} .callout h4 strong { font-size: 13px; color: #fff;} .subnav .callout p { margin: 3px 0; padding: 5px 10px; color: #892034; border: 0; font-weight: bold; background: #fdf5e2; opacity: .77; filter: alpha(opacity=77); width: 108px; display:block; float:none; line-height:20px; } /* float: left; display: inline; */ * html .subnav .callout p { width: 128px; w\idth: 108px;} .callout strong { color: #eca400; font-size: 16px;} #business .callout { background: #d0511d url(../images/callout_bg_business.gif) no-repeat; } #investor .callout { background: #366 url(../images/callout_bg_investor.gif) no-repeat; } #press .callout { background: #ff0105 url(../images/callout_bg_press.gif) no-repeat; } #social .callout { background: #306 url(../images/callout_bg_social.gif) no-repeat; } #career .callout { background: #8b3b3e url(../images/callout_bg_career.gif) no-repeat; } .best_employers { margin: 70px 2px 0 0; background-color: #f2f2f2; } .best_employers p { border: 0 !important; color: #666; } .best_employers_pic { padding: 100px 0 0 0; } .equal_opportunity { margin: 35px 2px; 0 0; background-color: #f2f2f2; } .equal_opportunity p { border: 0 !important; color: #666; } .equal_opportunity img { margin: 0 5px 0 0; } .s_content { float: left; width: 370px; padding: 0 10px 0 30px; font-size: 12px; line-height: 16px; color: #666;} * html .s_content { padding-right:0; width: 410px; w\idth: 370px; } .s_content ul { padding: 0 0 10px 20px; } .s_content li { list-style: square; padding: 0 0 5px 0; } .s_content p { padding: 0 0 10px; } .s_content2 { width: 540px; } * html .s_content2 { width: 530px; w\idth: 540px; } .s_content3 { width:572px; } #socialv2 .s_content3 { width:571px; float:left; margin-left:10px; } #socialv2 .social-content { font-size:12px; line-height:16px; } #socialv2 .social-content p { margin-bottom:15px; color:#666; } #socialv2 .social-content p strong { color:#999; } #socialv2 .social-content ul { margin-bottom:15px; padding-left:35px; color:#666; } #socialv2 .social-content li { margin-bottom:4px; } #social .s_content2 div.caption { width:172px; float: right; margin-left: 10px; } * html #social .s_content2 div.caption { width: 182px; w\idth: 172px; } #social .s_content2 div.caption p { width: 172px; } * html #social .s_content2 div.caption p { width: 182px; w\idth: 172px; } .s_cols { position: relative; float: left; width: 182px; font-size: 10px; padding: 10px 1px 0;} .s_content .s_cols p { padding: 5px; border-bottom: 1px dotted #ccc; line-height: 11px;} .s_content .s_cols p.none { border: 0;} .s_cols { width: 180px; margin: 0 2px 0 0;} * html .s_cols { width: 182px; w\idth: 180px;} .s_content .s_cols p.more { border: 0;} .press_news { margin: 10px 0 0 0; } .press_news_content { float: left; width: 280px; } .press_news h3 { color: #666 !important; font-size: 12px; } .press_news_content p, .press_news p { font-size: 11px; line-height: 15px; } .press_news_content img { display: inline; } .press_news_side { float: left; } .flag { margin: 3px 3px 0 0; } .date { color: #ff0105; font-size: 11px; } .press_events { color: #666; } .dotted_line { height: 1px; border-bottom: 1px dotted #ccc; } #investor .s_cols strong { color: #366;} #press .s_cols strong { font-size: 11px; } .s_content p.visit { font-size: 9px; background: url(../images/arrow_grey.gif) no-repeat 0 4px; padding-left: 6px; } .visit a:link, .visit a:visited {position: relative; background: url(../images/icon_newwindow.gif) no-repeat 162px 3px; padding-right: 12px; color: #666;} .s_content ol li { list-style-type: decimal; margin-left: 20px; } /* Start Business page CSS */ .s_content_business { position: relative; float: left; width: 582px; padding: 0 0 0 0; font-size: 12px; line-height: 16px; color: #666;} * html .s_content_business { width: 572px; w\idth: 582px;} .s_business_main { padding: 0 10px 0 29px; } .s_business_main ul { padding: 0 0 10px 20px; } .s_business_main li { list-style: square; padding: 0 0 5px 0; } .s_business_main p { padding: 0 0 10px; } .s_business_product { height: 116px; background: url(../images/business_product.jpg) no-repeat top left; width: 572px;} .s_business_product.p { padding:0 !important; } .s_product_descriptions { background: url(../images/business_product_bg.jpg) no-repeat top right; height: 100%; } .s_strategic_business { border-top: 1px dotted #ccc; padding: 10px 0 0 0; background: url(../images/truck_bg.jpg) no-repeat top right; } .s_strategic_business p { padding: 0 160px 10px 0; font-size:11px; } .s_cols_business { position: relative; float: left; width: 178px; font-size: 10px; padding: 10px 0; width: 178px; margin: 0 5px 0 0;} .s_content_business .s_cols_business p { padding: 5px 0 5px 0; border-bottom: 1px dotted #ccc; line-height: 11px;} .s_product_descriptions .s_cols_business p { border: 0; padding: 0 5px 5px 7px; font-size: 11px; line-height: 1.2em; } .s_product_descriptions .s_cols_business { padding: 3px 0 10px 0; } .s_cols_business p.none { border: 0;} .s_cols_business_coca_cola { width: 177px; } .s_cols_business_com { margin: 0; width: 175px; } .s_cols_business_lights { margin: 0 0 0 10px; width: 165px; } .s_content_business .s_cols_business p.more { border: 0;} .date_bus { color: #d0511d; } /* End Business page CSS */ .sidebar { position: relative; float: left; width: 162px;} .sidebar a.pintbox {color:#fff; text-decoration-none;} .box2 { margin: 70px 2px 0 0; background-color: #f2f2f2; } .box2 p { border: 0 !important; color: #666; } .caption { padding: 0 0 30px;} .caption img { position: relative;margin-left: -10px;} .caption p { font-size: 10px; padding: 5px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; } #about .caption p { color: #EBA400;} #social .caption p { color: #330066;} .press_events { margin: 12px 0 0 0; } /* BEGIN IR */ .s_stock { margin: 0 0 10px;font-size: 10px;} .s_stock p { position: relative; border-bottom: 1px dotted #ccc; padding: 1px; } .s_stock img { display: inline;} .s_stock strong { font-size: 11px;} .s_stock span { float: right;} .s_stock .amount { color: #009100;} .s_stock .delay { color: #fff; text-align: center; background: #366; border: 0; font-size: 9px; } /* END IR */ .member_login { background: url(../images/member_login.gif) repeat 0 0; width: 162px; } .member_login input { border: 1px solid #999; } .member_login td { padding: 4px; color:#666; } .memberbutton { color: #8b3b3e; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; cursor: pointer; } .not_member { margin: 9px 0 40px 0; color: #666; } .not_member_press { margin: 9px 0 15px 0; color: #666; } .social_report { margin: 17px 0 0 0; } .tools { background: #D8E0E2; width: 162px;} .tools td { border-bottom: 1px dotted #fff; padding: 4px;} .tools img { display: inline;} .tools a:link, .tools a:visited { text-decoration: none;} .tools a:hover { text-decoration: underline;} .tools_press { background-color: #ffcccd;} .toolsearch { background: #366; color: #fff;} #searchtools { width: 80px;} #toolbutton { color: #8b3b3e; background: #C9CDCC; height: 18px; font-size: 10px; border: 1px solid #999; border-color: #ddd #999 #999 #ddd; } /* About - management */ .management { position: relative; height: 770px; width: 540px; margin: 20px 0 0; font-size: 12px; line-height: 110%; background: url(../images/management_bg.gif) no-repeat 0 20px; z-index: 10;} .management a:link, .management a:visited { display: block; color: #333; background: #f9f9f9; border: 1px solid #999; text-decoration: none; padding: 10px; width: 350px; text-align: center; position: absolute; } * html .management a:link, * html .management a:visited { width: 380px; w\idth: 360px; } .management strong { color: #8B3B3E; display: block; font-size: 13px;} .management a:hover { color: #fff; background: #8B3B3E;} .management a:hover strong { color: #fff;} .management a.one:link, .management a.one:visited, .management a.two:link, .management a.two:visited { width: 360px; } * html .management a.one:link, * html .management a.one:visited, * html .management a.two:link, * html .management a.two:visited { width: 380px; w\idth: 360px; } .management .one { top: 0; left: 0px; } .management .two { top: 60px; left: 0px; } .management .three { top: 224px; left: 190px; } /* Jorge Santos */ .management .four { top: 670px; left: 190px; } /* Eduardo Silva */ .management .five { top: 144px; left: 190px; } /* Carlos Lomelin */ .management .six { top: 368px; left: 190px; } /* Federico Garcia */ .management .seven { top: 598px; left: 190px; } /* Genaro Estrada */ .management .eight { top: 290px; left: 190px; } /* Javier Sanjines */ .management .nine { top: 440px; left: 190px; } /* Alfonso Garza */ .management .ten { top: 518px; left: 190px; } /* Jose Ornelas */ /* .management p { position: absolute; color: #333; background: #fefefe; border: 1px solid #ddd; padding: 5px 10px 10px; width: 140px; text-align: left; font-size: 11px;} * html .management p { width: 160px; w\idth: 140px;} .management p strong { color: #333; padding: 5px 0 0; font-size: 11px;} .management .threeb { top: 240px; left: 0; } .management .fourb { top: 240px; left: 190px; } .management .fiveb { top: 240px; left: 380px; } .management .sevenb { top: 680px; left: 190px; } .management .eightb { top: 680px; left: 380px; } .management .nineb { top: 680px; left: 0; }*/ /* About -- board */ dl { margin-top: 6px; border-top: 1px solid #ccc; } dt { border-collapse: collapse; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; background-color: #f0f0f0; padding: 2px; cursor: pointer; font-family: arial, verdana, sans-serif; font-size: 11px; color: #666; } dt a { text-decoration:none;font-family: arial, verdana, sans-serif; font-size: 11px; color: #666; background-color: #f0f0f0; } dd { margin:0px; padding:5px 5px 5px 22px; border-bottom:1px solid #ccc; } .noprint img { float: right; } /* About -- history -- milestones */ #milestones { width: 540px; background-color: #FDFAF3; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 6px solid #F5B82A; } * html #milestones { width: 522px; w\idth: 540px; } #milestones_subheader_left, #milestones_subheader_right { width: 210px; background-color: #F5B82A; font-size: 13px; font-weight: bold; color: #fff; padding: 2px 0 2px 60px; } #milestones_subheader_left { float: left; } #milestones_subheader_right { float: right; } #milestones_body { width: 540px; } #milestones_body_left, #milestones_body_right { float: left; } #milestones_body_left { width: 270px; } * html #milestones_body_left { width: 262px; w\idth: 270px; } #milestones_body_right { width: 269px; } * html #milestones_body_right { width: 262px; w\idth: 269px; } #milestones_body_right { border-left: 1px solid #ddd; } #milestones_body_left td, #milestones_body_right td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #666; vertical-align: top; } td.milestones_year { padding: 1px; width: 40px; } td.milestones_year, td.milestones_detail { border-bottom: 1px dotted #ddd; padding: 3px 2px 3px 2px; } td.milestones_detail img { float: right; display: inline; padding: 1px; margin: 1px 2px 3px 1px; border: 1px solid #EBA400; } /* About -- history list */ #a_history { width: 520px; text-align: left; font-size: 12px; padding-top: 20px;} * html #a_history { width: 515px; w\idth: 520px; } #a_history_select_decade { margin-top: 15px; padding: 28px 0 23px; border-top: 2px solid #EBA400; } #a_history_select_decade p { float: left; padding-right: 5px; } p.history_p { background: url(../images/arrow_orange.gif) no-repeat 3px 4px; padding-left: 12px; } p.a_history_year { font-weight: bold; color: #EBA400; border-bottom: 1px dotted #EBA400; clear: both; padding-top: 5px; padding-bottom: 2px; margin-bottom: 5px; } .a_history_range { font-size: 13px; color: #A17103; font-weight: bold; font-style: italic; padding-bottom: 7px;} .a_history_item { line-height: 18px; } .a_history_item li { padding-bottom: 8px; } .a_history_item img { display: inline; padding: 3px; margin: 3px 0 3px 4px; float: right; border: 1px solid #ccc; } .a_history_item img.noborder { border: 1px solid #fff; padding-top: 0px; } .a_history_backtotop { clear: both; padding-top: 5px; padding-bottom: 50px; text-align: right; } .a_history_backtotop a:link, .a_history_backtotop a:visited { color: #EBA400; } /* About - FEMSA highlights */ #a_femsa_highlights { width: 330px; float: left; background-color: #FDFAF3; border: 1px solid #EBA400; font-size: 12px; text-align: left; padding: 10px; line-height: 20px; } * html #a_femsa_highlights { width: 310px; w\idth: 330px; } #a_femsa_highlights li { margin-bottom: 5px; } .a_highlight_num { color: #8B3B3E; font-weight: bold; } .ataglance { position: relative; padding: 0 0 50px; } .ataglance div { height: 420px; } .ataglance h4 { text-align: right; padding: 34px 15px 0 0; letter-spacing: -1px; font-size: 22px; color: #517C7C; } .s_content .ataglance p, .ataglance p { text-align: right; padding: 5px 15px 0 170px;color: #333 } .s_content .ataglance ul, .ataglance ul { position: absolute; top: 206px; left: 0; padding: 0; } .s_content .ataglance li, .ataglance li { list-style: none;padding: 0; float: left; width: 540px;} .ataglance strong { width: 120px; display: block; float: left; margin-right: 5px; text-align: right; letter-spacing: -2px;font-size: 20px;color: #517C7C;} .ataglance a:link, .ataglance a:visited { list-style: none; display: block; padding: 7px 0 7px 110px; text-decoration: none; /*\*/height: 1%;/**/ cursor: default; background: #red; font-size: 11px; color: #333} .ataglance a:hover { background: #fff; color: #EBA400; opacity: .75; filter: alpha(opacity=75);} .ataglance0 { background: url(../images/ataglance.jpg) no-repeat; } .ataglance1 { background: url(../images/ataglance1.jpg) no-repeat; } .ataglance2 { background: url(../images/ataglance2.jpg) no-repeat; } .ataglance3 { background: url(../images/ataglance3.jpg) no-repeat; } .ataglance4 { background: url(../images/ataglance4.jpg) no-repeat; } .ataglance5 { background: url(../images/ataglance5.jpg) no-repeat; } .ataglance6 { background: url(../images/ataglance6.jpg) no-repeat; } .ataglance7 { background: url(../images/ataglance7.jpg) no-repeat; } .ataglance8 { background: url(../images/ataglance8.jpg) no-repeat; } .ataglance9 { background: url(../images/ataglance9.jpg) no-repeat; } /* FAQs */ div.about_faq_item, div.social_faq_item { padding-bottom: 30px; padding-top: 20px; } .about_faq_item p.faq_question, .social_faq_item p.faq_question { font-weight: bold; font-size: 15px; margin-bottom: -10px; } .about_faq_item p.faq_question { color: #CB8F04; } .social_faq_item p.faq_question { color: #330066; } .about_faq_item ol, .social_faq_item ol { padding-left: 20px; } .about_faq_item .faq_backtotop a:link, .about_faq_item .faq_backtotop a:visited, .social_faq_item .faq_backtotop a:link, .social_faq_item .faq_backtotop a:visited { float: right; padding-top: 5px; } .about_faq_item .faq_backtotop a:link, .about_faq_item .faq_backtotop a:visited { color: #EBA400; } .social_faq_item .faq_backtotop a:link, .social_faq_item .faq_backtotop a:visited { color: #330066; } /* business unit */ .bu_caption { border-bottom: 1px dotted #A2A1A1; padding-bottom: 4px; font-size: 17px; font-weight: bold; color: #d0511d; } .bu_highlights_box li { list-style-type: decimal; margin-left: -20px; } #bu_highlightsTable { width: 370px; background-color: #fff; padding-top: 3px; } #bu_highlightsTable td { font-size: 11px; padding: 2px 6px; color: #666; border-bottom: 1px solid #eee;border-top: 1px solid #fff} #bu_highlightsTable th { font-size: 12px; padding: 6px; background: #eee;} #bu_highlightsTable .row_coke td, #bu_highlightsTable .row_cerveza td, #bu_highlightsTable .row_cerveza2 td, #bu_highlightsTable .row_commercio td { border-bottom: 0; color: #fff; padding: 5px; } #bu_highlightsTable .row_coke td a:link, #bu_highlightsTable .row_coke td a:visited, #bu_highlightsTable .row_cerveza td a:link, #bu_highlightsTable .row_cerveza td a:visited, #bu_highlightsTable .row_cerveza2 td a:link, #bu_highlightsTable .row_cerveza2 td a:visited, #bu_highlightsTable .row_commercio td a:link, #bu_highlightsTable .row_commercio td a:visited { color: #fff; } #bu_highlightsTable .row_coke td { background: #FE0000; } #bu_highlightsTable .row_cerveza td { background: #DBA521;} #bu_highlightsTable .row_cerveza2 td { background: #e8c46e; } #bu_highlightsTable .row_commercio td { background: #FF6600; } .bu_ht_row_left { width: 114px; } .bu_ht_key { font-size: 10px; color: #999; padding: 10px 15px; line-height: 10px; } .bu_brands_list { padding: 18px 2px 18px; clear: both; margin-bottom: 10px; } #business_cola .bu_brands_list { height: 145px; } .bu_brands_collection { width: 540px; } * html .bu_brands_collection { width: 540px; w\idth: 540px; } .bu_brands_collection img { float: right; padding: 0 5px; margin-top: -10px; } #business2 .bu_brands_list { border-bottom: 1px dotted #FFCCCD; } #business_cola .bu_brands_list { background: url(../images/brand_bg_cola.gif) repeat-x bottom left; } #business_cerveza .bu_brands_list { background: url(../images/brand_bg_cerveza.gif) repeat-x bottom left; } #business_comercio .bu_brands_list { background: url(../images/brand_bg_comercio.gif) repeat-x bottom left; } #business_cerveza .bu_brands_collection img { padding-top: 20px; } /* brands list */ .s_content ul.bu_brands { padding: 0; position: relative; height: 550px; width: 90px; border: 1px solid red; font-size: 9px; background: red; } .bu_brands li { margin: 0 auto; position: relative; height: 48px; width: 90px; list-style: none; /*float: left;*/ } .bu_brands li a:link, .bu_brands li a:visited { position: relative; height: 48px; width: 90px; display: block; text-decoration: none; cursor: pointer; } .bu_brands li strong { position: absolute; top: 0px; left: 0px; display: block; height: 48px; width: 90px; } .bu_brands li, .bu_brands li a, .bu_brands li strong { background-image: url(../images/logo_cervezabrands.gif); background-repeat: no-repeat; } .bu_brands li.one, .bu_brands li.one a, .bu_brands li.one a strong { background-position: 0 0; } .bu_brands li.two, .bu_brands li.two a, .bu_brands li.two a strong { background-position: -90px 0px; } .bu_brands li.three, .bu_brands li.three a, .bu_brands li.three a strong { background-position: -180px 0px; } .bu_brands li.four, .bu_brands li.four a, .bu_brands li.four a strong { background-position: -270px 0px; } .bu_brands li.five, .bu_brands li.five a, .bu_brands li.five a strong { background-position: -360px 0px; } .bu_brands li.six, .bu_brands li.six a, .bu_brands li.six a strong { background-position: -450px 0px; } .bu_brands li.seven, .bu_brands li.seven a, .bu_brands li.seven a strong { background-position: -540px 0px; } .bu_brands li.eight, .bu_brands li.eight a, .bu_brands li.eight a strong { background-position: -630px 0px; } .bu_brands li.nine, .bu_brands li.nine a, .bu_brands li.nine a strong { background-position: -720px 0px; } .bu_brands li.ten, .bu_brands li.ten a, .bu_brands li.ten a strong { background-position: -810px 0px; } .bu_brands li.eleven, .bu_brands li.eleven a, .bu_brands li.eleven a strong { background-position: -900px 0px; } .bu_brands li.twelve, .bu_brands li.twelve a, .bu_brands li.twelve a strong { background-position: -990px 0px; } /* HOVER STATE */ .bu_brands li.one, .bu_brands li.one a:hover strong { background-position: 0 -48px; } .bu_brands li.two, .bu_brands li.two a:hover strong { background-position: -90px -48px; } .bu_brands li.three, .bu_brands li.three a:hover strong { background-position: -180px -48px; } .bu_brands li.four, .bu_brands li.four a:hover strong { background-position: -270px -48px; } .bu_brands li.five, .bu_brands li.five a:hover strong { background-position: -360px -48px; } .bu_brands li.six, .bu_brands li.six a:hover strong { background-position: -450px -48px; } .bu_brands li.seven, .bu_brands li.seven a:hover strong { background-position: -540px -48px; } .bu_brands li.eight, .bu_brands li.eight a:hover strong { background-position: -630px -48px; } .bu_brands li.nine, .bu_brands li.nine a:hover strong { background-position: -720px -48px; } .bu_brands li.ten, .bu_brands li.ten a:hover strong { background-position: -810px -48px; } .bu_brands li.eleven, .bu_brands li.eleven a:hover strong { background-position: -900px -48px; } .bu_brands li.twelve, .bu_brands li.twelve a:hover strong { background-position: -990px -48px; } /* COKE BRANDS */ #business_cola .s_content ul.bu_brands { padding: 0; position: relative; height: 700px; width: 50px; } #business_cola .bu_brands li { margin: 0 auto; position: relative; line-height: 50px; width: 50px; list-style: none; } #business_cola .bu_brands li a:link, #business_cola .bu_brands li a:visited { position: relative; font-size: 5px; /*\*/font-size: 9px;/**/ height: 50px; width: 50px; display: block; text-decoration: none; cursor: pointer; } #business_cola .bu_brands li strong { position: absolute; top: 0px; left: 0px; display: block; height: 50px; width: 50px; } #business_cola .bu_brands li, #business_cola .bu_brands li a, #business_cola .bu_brands li strong { background-image: url(../images/logo_cokebrands.gif); background-repeat: no-repeat; } #business_cola .bu_brands li.one, #business_cola .bu_brands li.one a, #business_cola .bu_brands li.one a strong { background-position: 0px -50px; } #business_cola .bu_brands li.two, #business_cola .bu_brands li.two a, #business_cola .bu_brands li.two a strong { background-position: -50px -50px; } #business_cola .bu_brands li.three, #business_cola .bu_brands li.three a, #business_cola .bu_brands li.three a strong { background-position: -100px -50px; } #business_cola .bu_brands li.four, #business_cola .bu_brands li.four a, #business_cola .bu_brands li.four a strong { background-position: -150px -50px; } #business_cola .bu_brands li.five, #business_cola .bu_brands li.five a, #business_cola .bu_brands li.five a strong { background-position: -200px -50px; } #business_cola .bu_brands li.six, #business_cola .bu_brands li.six a, #business_cola .bu_brands li.six a strong { background-position: -250px -50px; } #business_cola .bu_brands li.seven, #business_cola .bu_brands li.seven a, #business_cola .bu_brands li.seven a strong { background-position: -300px -50px; } #business_cola .bu_brands li.eight, #business_cola .bu_brands li.eight a, #business_cola .bu_brands li.eight a strong { background-position: -350px -50px; } #business_cola .bu_brands li.nine, #business_cola .bu_brands li.nine a, #business_cola .bu_brands li.nine a strong { background-position: -400px -50px; } #business_cola .bu_brands li.ten, #business_cola .bu_brands li.ten a, #business_cola .bu_brands li.ten a strong { background-position: -450px -50px; } #business_cola .bu_brands li.eleven, #business_cola .bu_brands li.eleven a, #business_cola .bu_brands li.eleven a strong { background-position: -500px -50px; } #business_cola .bu_brands li.twelve, #business_cola .bu_brands li.twelve a, #business_cola .bu_brands li.twelve a strong { background-position: -550px -50px; } #business_cola .bu_brands li.thirteen, #business_cola .bu_brands li.thirteen a, #business_cola .bu_brands li.thirteen a strong { background-position: -600px -50px; } #business_cola .bu_brands li.fourteen, #business_cola .bu_brands li.fourteen a, #business_cola .bu_brands li.fourteen a strong { background-position: -650px -50px; } /* HOVER STATE */ #business_cola .bu_brands li.one, #business_cola .bu_brands li.one a:hover strong { background-position: 0px 0px; } #business_cola .bu_brands li.two, #business_cola .bu_brands li.two a:hover strong { background-position: -50px 0px; } #business_cola .bu_brands li.three, #business_cola .bu_brands li.three a:hover strong { background-position: -100px 0px; } #business_cola .bu_brands li.four, #business_cola .bu_brands li.four a:hover strong { background-position: -150px 0px; } #business_cola .bu_brands li.five, #business_cola .bu_brands li.five a:hover strong { background-position: -200px 0px; } #business_cola .bu_brands li.six, #business_cola .bu_brands li.six a:hover strong { background-position: -250px 0px; } #business_cola .bu_brands li.seven, #business_cola .bu_brands li.seven a:hover strong { background-position: -300px 0px; } #business_cola .bu_brands li.eight, #business_cola .bu_brands li.eight a:hover strong { background-position: -350px 0px; } #business_cola .bu_brands li.nine, #business_cola .bu_brands li.nine a:hover strong { background-position: -400px 0px; } #business_cola .bu_brands li.ten, #business_cola .bu_brands li.ten a:hover strong { background-position: -450px 0px; } #business_cola .bu_brands li.eleven, #business_cola .bu_brands li.eleven a:hover strong { background-position: -500px 0px; } #business_cola .bu_brands li.twelve, #business_cola .bu_brands li.twelve a:hover strong { background-position: -550px 0px; } #business_cola .bu_brands li.thirteen, #business_cola .bu_brands li.thirteen a:hover strong { background-position: -600px 0px; } #business_cola .bu_brands li.fourteen, #business_cola .bu_brands li.fourteen a:hover strong { background-position: -650px 0px; } .business_invisible_link { position: absolute; top: -132px; left: 0; display: block; height: 128px; width: 178px; } #business a.backtotop, #business2 a.backtotop { float: right; clear: both; } #business a.backtotop:link, #business a.backtotop:visited, #business2 a.backtotop:link, #business2 a.backtotop:visited { color: #D0511D; } /* Directory */ #dir_shortcuts { float: left; width: 330px; line-height: 25px; text-align: left; font-size: 12px; padding-bottom: 20px; border-bottom: 1px dotted #666666; margin-left: 20px; } #directory_list { float: left; text-align: left; } #directory_list h3 { padding-bottom: 10px; clear: both; padding: 5px; background-color: #f4f4f4; margin-top: 25px; margin-bottom: 12px; } .dir_item { font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 15px; padding-bottom: 20px;} .dir_item_name { font-size: 13px; font-weight: bold; color: #8B3B3E; } .dir_backtotop { float: left; clear: both; margin-bottom: 20px; } .dir_item_title, .dir_item_dept { font-style: italic; } /* Press Center */ .pc_news_item a:link, .pc_in_the_news_item a:link, .pc_events_item a:link { color: #E05D65; } .pc_news_item a:hover, .pc_in_the_news_item a:hover, .pc_events_item a:hover { color: #FFCCCD; } .pc_news_item, .pc_in_the_news_item, .pc_events_item { padding: 10px 0px; } #press a.backtotop:link, #press a.backtotop:visited { float: right; padding: 10px 0 0; color: #FF0105; } #press .pr_table th { text-align: center; font-weight: bold; } #press .pr_table th, #press .pr_table td { vertical-align: top; } #press .press_annual_report img { border: 1px solid #ccc; padding: 3px; margin-right: 10px; float: left; } #press .press_annual_report p { float: left; line-height: 28px; padding: 20px 0 0;} #press .press_annual_report h3 { color: #AF6265; padding: 20px 0 6px; } /* Glossary */ #glossary .s_content span { color: #8B3B3E; font-weight: bold; letter-spacing: 1px; } #glossary p { font-weight: normal; padding: 10px 0 10px; line-height: 18px; } /* For Students, For Clients, For Media, For Consumer, For Job Seekers */ #for_targets ul li { list-style-type: disc; } #for_targets li a:link, #for_targets li a:visited { color: #666; } #for_targets strong a:link, #for_targets strong a:visited { color: #8B3B3E; clear: both; } #for_targets ul, #for_targets ul ul, #for_targets .s_content ul ul ul { line-height: 18px; } #for_targets ul ul, #for_targets ul ul ul { padding-bottom: 0px; margin-bottom: -7px; } #for_targets ul ul li { list-style-type: circle; } /* Terms and Conditions */ #terms .s_content ol li { list-style-type: decimal; } #terms .s_content ol { padding-left: 3px; } #terms .s_content p.level3 { padding-left: 20px; margin-top: -10px; } #terms .s_content ol ol li { list-style-type: lower-alpha; } #terms .s_content li p { padding-top: 10px; } #terms span.terms_header{ font-weight: bold; } #terms .s_content p.subterm { margin-top: -15px; padding-left: 20px; } #terms .s_content li.seventhterm p.subterm { padding-left: 50px; } #terms a.backtotop:link, #terms a.backtotop:visited { color: #8B3B3E; float: right; padding-top: 10px; clear: both; } /* Contact Form */ #contact_form_block { width: 500px; } #contact_form_block table { margin-top: 20px; width:100%; } #contact_form_block th { border: 1px solid #B7B3A7; font-weight: normal; } #contact_form_block td, #contact_form_block th { padding: 9px 2px 9px 5px; background-color: #F7F4F4; } #contact_form_block td.rightcell { padding-right: 10px; width:100%; } #contact_form_block td.leftcell { font-size: 12px; } #contact_form_block input, #contact_form_block textarea { font-size: 12px; border: 1px solid #B7B3A7; } #contact_form_block td.rightcell input:focus, #contact_form_block td.rightcell textarea:focus { background-color: #f3f3f3; } #contact_form_block select { font-size: 11px; } span.required { color: #f00; vertical-align: top; } input.button { background-color: #8B3B3E; font-size: 12px; color: #fff; border: 1px solid #8B3B3E; margin-right: 5px; } #contact_form_block td.leftcell { border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; border-left: 1px solid #B7B3A7; white-space: nowrap; } #contact_form_block td.rightcell { border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; } #contact_form_block td.bottomleft { border-bottom: 1px solid #B7B3A7; border-left: 1px solid #B7B3A7; } #contact_form_block td.bottomright { border-bottom: 1px solid #B7B3A7; border-right: 1px solid #B7B3A7; } /* Social -- map */ #social .maptable { width: 160px; } #social .maptable th, #social .maptable td { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 3px 0; } #social .maptable th { color: #fff; background-color: #330066; text-transform: uppercase; padding-left: 22px; } #social .maptable td { border-bottom: 1px solid #ccc; color: #636563; } #social .maptable td.dark { background-color: #F7EFFF; width: 45px; text-align: right; padding-right: 2px; } #social span.star { color: #8F0071; font-weight: bold; font-size: 9px; } #social .mapkey { padding: 8px 0 0; color: #330066; font-size: 9px; } #social ul.globallist li { padding-bottom: 10px; } #social ul.globallist li a { color: #310063; font-weight: bold; } .shorter_para { width: 365px; } * html .shorter_para { width: 365px; w\idth: 365px; } #business_cerveza .shorter_para { width: 350px; } .social_pdf_link { margin-left: 190px; width: 280px; height: 32px; padding: 12px 0 0 10px; margin-top: 30px; border: 1px solid #D6CFE7; } .social_pdf_link_shorter { float: left; width: 200px; height: 32px; line-height: 34px; margin-top: 30px; border: 1px solid #D6CFE7; font-size: 11px; } .social_pdf_link_shorter a.pdf { margin-left: 12px; } .social_pdf_link img { margin-bottom: -5px; margin-right: 5px; } /* MISC Elements ===========================*/ h1 { font-size: 18px; font-weight: normal; margin: 0 0 5px; color: #8B3B3E; } #investor h1 { color: #346667; border-bottom: 1px dotted #366;} #about h1 { color: #EBA400; border-bottom: 1px dotted #EBA400;} #career h1 { color: #8B3B3E; border-bottom: 1px dotted #8B3B3E; } #social h1 { color: #330066; border-bottom: 1px dotted #330066; } #press h1 { color: #ff0105; border-bottom: 1px dotted #ff0105; } #business h1, #business2 h1 { color: #d0511d; border-bottom: 1px dotted #d0511d; } #business_cola h1 { color: #FE0000; border-bottom: 1px dotted #FE0000; } #business_cerveza h1 { color: #DBA521; border-bottom: 1px dotted #DBA521; } #business_comercio h1 { color: #FF6600; border-bottom: 1px dotted #FF6600; } h2 { font-size: 18px; padding: 0 0 10px; font-weight: normal; line-height: 21px; color: #8B3B3E; } #investor h2 { color: #346667; } #about h2 { color: #EBA400; } #career h2 { color: #8B3B3E; } #social h2 { color: #330066; } #press h2 { color: #ff0105; } #business h2, #business2 h2 { color: #d0511d; } #business_cola h2 { color: #FE0000; } #business_cerveza h2 { color: #DBA521; } #business_comercio h2 { color: #FF6600; } .wider { width: 520px;} h3 { font-size: 15px; padding: 0 0 2px; color: #8B3B3E; } #investor h3 { color: #346667; } #about h3 { color: #EBA400; } #career h3 { color: #8B3B3E; } #social h3 { color: #330066; } #press h3 { color: #ff0105; } #business h3, #business2 h3 { color: #d0511d; } #business_cola h3 { color: #FE0000; } #business_cerveza h3 { color: #DBA521; } #business_comercio h3 { color: #FF6600; } #business_cola h4 { padding: 5px 0 2px; color: #FE0000; } #business_cerveza h4 { padding: 5px 0 2px; color: #DBA521; } #business_comercio h4 { padding: 5px 0 2px; color: #FF6600; } p.totop { text-align: right; } /* email popup window */ #emailpop { background: url(../images/search_back.gif); } #emailpop form { padding: 10px 10px 10px 22px; font-size: 12px; text-align: left; color: #8B3B3E; } #emailpop h3 { padding: 5px 0 0 0; margin-bottom: -5px; margin-left: -20px; } #emailpop input, #emailpop textarea { border: 1px solid #7F7F7F; width: 220px; height: 18px; margin: 2px 0 8px; } #emailpop input:focus, #emailpop textarea:focus { background-color: #F3F3F3; } #emailpop textarea { height: 70px; margin: 3px 0 7px; } input#sendbutton { margin-left: 70px; width: 52px; height: 21px; } #emailSentConfirmation { margin-top: 30px; line-height: 30px; } /* highlights pulldown menu */ .highlightsBox, .highlightsBoxWider { margin-top: 5px; margin-bottom: 5px; font-size: 11px; } .highlightsBox { width: 130px; } .highlightsBoxWider { width: 163px; } /* sitemap */ #sitemap table td { padding-right: 20px; } #sitemap table div.about, .audience div.about_wrap { background: #eba400 url(../images/callout_bg_about.gif) no-repeat; padding: 5px; } #sitemap table div.business, .audience div.business_wrap { background: #d0511d url(../images/callout_bg_business.gif) no-repeat; padding: 5px; } #sitemap table div.investor, .audience div.investor_wrap { background: #366 url(../images/callout_bg_investor.gif) no-repeat; padding: 5px; } #sitemap table div.press, .audience div.press_wrap { background: #ff0105 url(../images/callout_bg_press.gif) no-repeat; padding: 5px; } #sitemap table div.social, .audience div.social_wrap { background: #306 url(../images/callout_bg_social.gif) no-repeat; padding: 5px; } #sitemap table div.career, .audience div.career_wrap { background: #8b3b3e url(../images/callout_bg_career.gif) no-repeat; padding: 5px; } #sitemap table div.wrap, .audience div.wrap { width: 130px; margin: 3px 0; padding: 5px 10px; color: #892034; border: 0; font-weight: bold; background: #fdf5e2; opacity: .77; filter: alpha(opacity=77); } * html #sitemap table div.wrap, * html .audience div.wrap { width: 150px; w\idth: 130px; } #sitemap table div.wrap a, .audience div.wrap a { color: #892034; } #sitemap table td div h5, .audience td div h5 { padding-bottom: 5px; padding-left: 5px; } #sitemap table td div h5 a, .audience td div h5 a { font-size: 12px; font-weight: bold; } #sitemap table div.wrap ul ul, .audience div.wrap ul ul { line-height: 12px; margin-bottom: -8px;} * html #sitemap table div.wrap ul ul, * html .audience div.wrap ul ul { line-height: 14px; margin-bottom: -15px; } .audience td { width: 160px; padding-right: 50px; } /* BRAND IMAGES */ .cola { padding-bottom: 80px; } .cola, .beer, .comercio { clear: both; } .cola h3, .beer h3, comercio h3 { padding-top: 20px; } .cola h3 { border-bottom: 1px dotted #d0511d; } .comercio h3 { color: #FF6600; border-bottom: 1px dotted #FF6600; } #business2 .beer h3 { color: #dba521; border-bottom: 1px dotted #dba521; } .brand_floatleft { margin: 0 5px 10px 0; float: left; position: relative; display: inline; } div.image_group img { float: left; padding: 5px 0 5px 0; display: inline; } /* SURVEY FORM */ .surveytable td { padding-left: 10px; line-height: 20px; font-size: 12px; } .surveytable td input.radiobutton { width: 20px; margin: 0 3px -4px 15px; } .surveytable td td td input.radiobutton { width: 13px; margin: 2px 0 0 0; } .surveytable td select { margin-left: 20px; } .surveytable td input.button { margin-left: 200px; } .surveytable td textarea { margin: 5px 0 5px 17px; width: 470px; height: 150px; overflow: auto; } .surveytable td td table { margin: 5px 0 10px 20px; } .surveytable td div { margin: 5px 0 10px 35px; } .surveytable td td td .colored_row { background: #EBA400; } .surveytable td div#newReceiverYesInfo1 { margin-left: 0; padding-top: 10px; } .surveytable td div#newReceiverYesInfo1 table { margin-left: 0; } /* FORMS ------------------------------------------------------------------------------------- */ .contentform td { padding: 15px 3px; font-size: 12px; line-height: 18px; vertical-align: top; border-bottom: 1px solid #eee; } .contentform td.noborder { border: none; } .contentform td td .colortable td { padding: 8px 5px; background: #F7F4F4; } .contentform td.lft { font-weight: bold; color: #666; white-space: nowrap; } .contentform .required, .contentform .required2 { color: #f00; font-size: 12px; font-weight: bold; } .contentform .required2 { font-size:16px; } .contentform td small { line-height: 11px; } .contentform input, .contentform select { padding: 2px; border: 1px inset #999; } .contentform input.checkbttn, .contentform input.checkbox, .contentform input.radiobutton { padding: 0; border: 0; } .contentform input.checkbox, .contentform input.radiobutton { margin-right:5px; } .contentform input.formbttn { padding: 1px; color: #fff; font-weight: bold; font-size: 11px; background: #660461; border: 1px outset #999; cursor: pointer; } #licensing_table input { width: 160px; } #licensing_table td.longfield input { width: 400px; } #licensing_table input.radiobutton { margin: 0 3px -4px 15px; } #licensing_table input.radiobutton, #licensing_table input.checkbox { margin-left: 10px; border:0; } #licensing_table select { width: 170px; } #licensing_table .multiSelectButtons { padding-top: 10px; } #licensing_table .multiSelectButtons input { width: 40px; } #licensing_table input.radiobutton, #licensing_table input.checkbox { width: 20px; } #licensing_table table { width: 300px; margin-top: 0; } #licensing_table table td { font-size: 12px; } #licensing_table input.formbttn { width: 50px; padding: 1px; margin-left: 200px; color: #fff; font-weight: bold; font-size: 11px; background: #8B3B3E; border: 1px outset #999; cursor: pointer; } /* ADD THIS CLASS TO AN ELEMENT TO FIX THE IE ITALICS BUG, MUST BE THE INNER-MOST BLOCK-LEVEL ELEMENT THAT CONTAINS THE TEXT LIKE p, blockquote OR li MAY REQUIRE A MORE DIRECT PATH TO THE ELEMENT */ * html .italicsfix, * html .s_content2 p { /*\*/overflow: hidden; o\verflow: visible; width: 100%; w\idth: auto; he\ight: 1%;/**/ } /* LIGHTBOX PANEL ------------------------------------------------------------------------------------- */ .yui-overlay, .yui-panel-container{visibility:hidden;position:absolute;z-index:52;} .yui-panel-container form{margin:0;} .mask{z-index:51;display:none;position:absolute;top:0;left:0;right:0;bottom:0;} .mask.block-scrollbars{overflow:auto;} .masked select, .drag select, .hide-select select{_visibility:hidden;} .yui-panel-container select{_visibility:inherit;} .hide-scrollbars, .hide-scrollbars *{overflow:hidden;} .hide-scrollbars select{display:none;} .show-scrollbars{overflow:auto;} .yui-panel-container.show-scrollbars, .yui-tt.show-scrollbars{overflow:visible;} .yui-panel-container.show-scrollbars .underlay, .yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;} .yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;} .yui-effect-fade .underlay{display:none;} .yui-tt-shadow{position:absolute;} .mask{background-color:#000;opacity:.25; filter:alpha(opacity=25);} .yui-panel-container{padding:0 1px;*padding:2px 3px;} .yui-panel{position:relative;*zoom:1;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:52;} .yui-panel .hd, .yui-panel .bd, .yui-panel .ft{text-align:left;*zoom:1;*position:relative;border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;} .yui-panel .hd{border-bottom:solid 1px #ccc;} .yui-panel .bd, .yui-panel .ft{background-color:#F2F2F2;} .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../images/yui-sam-sprite.png) repeat-x 0 -200px;} .yui-panel .bd{padding:10px;} .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;} .yui-panel-container.focused .yui-panel .hd{} .container-close{position:absolute;top:3px;right:3px;width:25px;height:15px;background:url(../images/yui-sam-sprite.png) no-repeat 0 -300px;cursor:pointer;} .yui-panel-container .underlay{right:-1px;left:-1px;} .yui-panel-container.matte{padding:9px 10px;background-color:#fff;} .yui-panel-container.shadow{_padding:2px 5px 0 3px;} .yui-panel-container.shadow .underlay{position:absolute;top:2px;right:-3px;bottom:-3px;left:-3px;*top:3px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_right:0;_bottom:0;_left:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12; filter:alpha(opacity=12);} .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;} .yui-dialog .ft .button-group{display:block;text-align:right;} .yui-dialog .ft button.default{font-weight:bold;} .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;} .yui-dialog .ft span.default .first-child{border-color:#304369;} .yui-dialog .ft span.default button{color:#fff;} .yui-simple-dialog .bd .yui-icon{background:url(../images/yui-sam-sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;} .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;} .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;} .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;} .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;} .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;} .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;} .yui-tt .bd{position:relative;top:0;left:0;z-index:52;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;} .yui-tt.show-scrollbars .bd{overflow:auto;} .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;} .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);} /* New Social Styles */ #social #socialv2 .callout { background: url("../images/callout_bg_about.gif") no-repeat scroll 0 0 #EBA400 !important; } #social #socialv2 .subnav .callout p { } /* background: none repeat scroll 0 0 #f0eeef; color:#099990; opacity:1; filter: alpha(opacity=100); */ .maroon { color:#77193d; } .purple { color:#330066; } .purple a:link { color:#330066; } .gallery-links { clear:both; } .gallery-links img { margin-right:4px; float:left; margin-bottom:10px; display:inline; } .pdf-lg { display:block; padding:10px 0px 3px 28px !important; background:url(../images/pdf_icon_lg.jpg) no-repeat 0% 11px; color:#330067; } a.pdf-lg:link { color:#330067; } #social .h1 { border-bottom: 1px dotted #330066; color: #330066; font-size: 18px; font-weight:normal; margin:0 0 5px; } #social #socialv2 .caption img { margin-left:0px; } #social #socialv2 .rightcol { width:158px; float:right; } #social #socialv2 .rightcol img { float:left; margin-right:2px; margin-bottom:2px; } #social #socialv2 .rightcol img.page-sign { float:none; margin-left:22px; } #social #socialv2 .centercol { width:365px; float:left; } #social #socialv2 .singlecol { width:536px; float:left; padding: 0 10px 0 30px; margin-top:10px; } #social #socialv2 .caption { padding-bottom:20px; } #social #socialv2 .page-sign { float:right; margin-left:10px; margin-bottom:10px; } #social #socialv2 .callout2 { margin-top:30px; font-family:Arial; color:#a67819; font-size:11px; font-weight:bold; width:138px; } #social #socialv2 .callout2 .header { background:url(../images/bg-datos.jpg) no-repeat 0 0; background-color:#f2c15b; height:48px; } #social #socialv2 .callout2 .text { background:url(../images/bg-datos-repeat.jpg) repeat-y 0 0; min-height:226px; width:127px; padding:7px; } #social #socialv2 .callout2 strong { color:#fff; font-size:18px; } #social #socialv2 .subnav p { border:none; margin-bottom:10px; } /* padding:0px; */ .globalvision-table td img { padding-right:10px; padding-bottom:10px; } .video_callout img { margin-left:-5px; } /* warning: this css causes problems, if needed, change the non-popup id to #privacy2 */ #privacy p { text-align: left; margin: 0 0 15px; } #privacy h1 { font-size: 25px; border-bottom: 5px solid #ccc; padding: 0 0 15px; margin: 10px 0 20px; text-align: left; } #privacy div { height: 300px; overflow: auto; } #privacy #pcms_show, #privacy #pcms_form {display: none;} #privacy span { float:left; margin: 20px 0 0 0; } #privacy span a { background:#8B3B3E; height: 30px; padding:10px 20px; font-size: 14px; color:#fff; font-weight:bold; text-decoration: none; height: 30px; } #privacy span.cancel { margin-left: 15px; } body.transparent_widget { background-color:#333333 !important; } /* Social Media */ #socialmedia #subhead { border:0; } #socialv2 { color:#999999; } #socialv2 .subnav ul { padding:0 0 2px; background: url(../images/dots.gif) no-repeat 0 100%; } #socialv2 .subnav li { padding:4px 0 3px; } #socialv2 strong { color:#999999; } #socialv2 .s_content { margin-left:10px; padding:0; } /* -- Social Widgets */ .social-table { margin:0 8px 0 0; width:185px; float:left; display:inline; background:#333; border:0; border-collapse:collapse; } #social-youtube { margin:0; } .social-table td { vertical-align:top; } /* ---- Facebook */ #social-facebook .page_stream_short { background:#333 !important; } #facebook-box { height:53px !important; font-size:9px; padding:0; } /* ---- Twitter */ #socialv2 .twtr-hd { background:#333333; } #socialv2 .twtr-tweet-text { font-size:10px !important; line-height:12px !important; } #socialv2 .twtr-widget-profile img.twtr-profile-img { width:25px !important; height:25px !important; } #socialv2 .twtr-bd { height:265px !important; } #socialv2 .twtr-widget h3 { margin-left:20px !important; font-size:10px !important; line-height:12px !important; } #socialv2 .twtr-widget h4 { margin-left:20px !important; font-size:11px !important; line-height:13px !important; } #socialv2 .twtr-ft { font:normal 9px/11px arial,sans-serif !important; } #socialv2 .twtr-ft img { width:60px !important; height:12px !important; } #socialv2 .twtr-ft span { padding-top:2px !important; }