/* COP16 | D.Sargent PINTa */ /* BASIC ELEMENTS ------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption { margin:0; padding:0; } table, th, td { margin:0; } html { min-height:100%; padding:0 0 1px; } body { min-width:970px; color:#666; font-size:12px; line-height:15px; font-family:'Trebuchet MS',helvetica,sans-serif; text-align:center; background:#f6f3e2 url(../images/bg-body.jpg) repeat-x 0 0; } table, th, td { color:#666; font-size:12px; line-height:15px; font-family:'Trebuchet MS',helvetica,sans-serif; } input, td input, select, td select, textarea, td textarea { color:#633f00; font-size:11px; line-height:15px; font-family:'Trebuchet MS',helvetica,sans-serif; background:#fbfbfb; border:1px solid #a6a082; } label[for] { cursor:pointer; } fieldset { border:0; } ol.list-ordinal li h3 { cursor:pointer; } a img, :link img, :visited img { border:none; } a { color:#633f00; text-decoration:none; } a:hover { color:#633f00; text-decoration:underline; } abbr { border-bottom:1px dotted #ccc; cursor:help; } em { font-style:italic; } hr { margin:20px 0; padding:0; width:100%; height:1px; color:#e8e7e4; font-size:1px; overflow:hidden; background:none; border:4px solid #ffd200; border-width:4px 0px 0px; } iframe { background:none; border:0; } ul { margin:0 0 12px 15px; } ol { margin:0 0 12px 31px; } p { margin:0 0 30px 10px; } /* margin:0 0 30px; */ /* Headlines */ h1, .h1, .sectionTitle { margin:0 0 25px; color:#633f00; font-size:1.9em; line-height:26px; font-weight:normal; } h2, .h2 { margin:0 0 15px; color:#633f00; font-size:1.5em; line-height:20px; font-weight:normal; } h2.alt { margin-top:-26px; color:#6b6b6b; } h2.box { padding:11px 0 9px 20px; min-height:26px; font-size:24px; line-height:26px; background:url(../images/bg-title.png) no-repeat 0 0; } h3, .h3 { margin:0 0 15px; color:#6b6b6b; font-size:14px; line-height:16px; font-weight:normal; } h3.alt { padding:3px 0 0 8px; width:184px; height:20px; overflow:hidden; color:#633f00; font-weight:bold; background:url(../images/bg-sprite.png) no-repeat -450px -140px; } h4, .h4 { margin:0 0 15px; color:#633f00; font-size:12px; line-height:14px; font-weight:normal; } h5, .h5 { margin:0 0 15px; color:#633f00; font-size:11px; line-height:13px; font-weight:normal; } h6, .h6 { margin:0 0 15px; color:#633f00; font-size:10px; line-height:12px; font-weight:normal; } /* SHARED ------------------------------------------------------------------------------------- */ .inner { position:relative; margin:0 auto; width:970px; text-align:left; } #container { position:relative; margin:0 auto; padding:164px 0 0; text-align:left; background:url(../images/bg-container.jpg) no-repeat 50% 0; z-index:40; } .login #container { background:url(../images/bg-container-login.jpg) no-repeat 50% 0; } /* Intro */ #intro { position:absolute; top:0; left:0; width:100%; height:164px; } #logo { position:absolute; top:16px; left:18px; width:168px; height:145px; display:block; z-index:100; } #logo-anim { position:absolute; top:4px; left:13px; z-index:90; } #page-tools { position:absolute; top:150px; left:778px; font-size:10px; line-height:12px; z-index:100; } #page-tools a { color:#fff; } #list-languages { margin:11px 18px 0 0; width:76px; float:left; display:inline; } /* width:97px; */ #page-tools .component-sizer { margin:7px 0 0; float:left; display:inline; } /* Header */ #header { position:absolute; top:0; left:0; width:100%; height:181px; } #tertnav { position:absolute; top:8px; right:240px; } /* right:168px; */ #tertnav li { margin:0 0 0 18px; float:left; display:inline; font-size:11px; list-style:none; } #tertnav a { color:#fff; } #header-search { position:absolute; top:6px; left:813px; width:143px; height:19px; overflow:hidden; background:url(../images/bg-sprite.png) no-repeat -450px 0; } #header-search fieldset { border:0; } #header-search label { display:none; } #header-search input { margin:0 2px 0 3px; padding:2px 0 2px 2px; width:117px; float:left; display:inline; color:#fff; font-size:11px; line-height:11px; overflow:hidden; background:none; border:none; } #header-search .btn { margin:0; padding:0; width:19px; height:19px; cursor:pointer; background:none; text-indent:-9999px; } #header p { margin: 0 !important; } #header .component-social { position:absolute; top:160px; left:569px; z-index:60; } #list-affiliates { position:absolute; top:44px; right:7px; margin:0; } #list-affiliates li { position:relative; margin:0 15px 0 0; float:left; display:inline; list-style:none; } #list-affiliates .link { padding-left:0; background:none !important; text-decoration:none; } #list-affiliates .link:hover { text-decoration:none; } #list-affiliates .last { margin:0; } /* Main Navigation */ #nav { position:absolute; top:9px; left:0; margin:0; width:966px; height:46px; clear:both; z-index:50; } #nav li { margin:0 0 0 11px; width:230px; height:29px; float:left; display:inline; list-style:none; font-size:17px; background:url(../images/bg-sprite.png) no-repeat 0 10000px; } #nav a { padding:6px 0 12px 32px; display:block; } /* padding:6px 0 0 32px; */ #nav .globe { background-position:0 0; } #nav .temp { background-position:0 -60px; } #nav .people { background-position:0 -120px; } #nav .lines { background-position:0 -180px; } /* Drop Down */ #nav ul { display:none; } /* display:none; */ #nav ul li { font-size:11px; width:242px; margin:0; overflow:visible; min-height:27px; height:auto !important; } #nav ul li a { color:#77755e; text-decoration:none; padding:0; margin:0; display:block; width:242px; min-height:27px; height:auto !important; } #nav ul li a:hover { color:#383428; text-decoration:none; } #nav ul li a em { font-style:normal; display:block; padding:4px 0 0 17px; } #nav li strong { width:142px; display:block; height:27px; position:absolute; top:0px; } /* width:242px; */ #nav li table { margin: 0 -1px -1px; border-collapse: collapse; } #nav li.lines strong { margin-left:-130px; margin-top:-15px; } /* #nav li ul, #nav li a ul { display:block; width:242px; background:url(../images/bg_nav_drop_off.jpg) no-repeat 0 0; position:absolute; top:37px; left:1px; } */ #nav li:hover ul, #nav li a:hover ul { display:block; width:242px; background:url(../images/bg_nav_drop_off_new.jpg) no-repeat 0 0; position:absolute; top:34px; left:1px; } #layout-homepage #nav li:hover ul, .layout-homepage #nav li a:hover ul { top:33px; } #nav ul li a:hover { background:url(../images/bg_nav_drop_hover_new.jpg) no-repeat 0 0; } #nav li.globe:hover ul, #nav li.globe a:hover ul { left:-11px; } #nav li.temp:hover ul, #nav li.temp a:hover ul { left:709px; } #nav li.people:hover ul, #nav li.people a:hover ul { left:231px; } #nav li.lines:hover ul, #nav li.lines a:hover ul { left:471px; } /* HOME PAGE ------------------------------------------------------------------------------------- */ #layout-homepage.content { background:url(../images/bg-homepage-divider.jpg) no-repeat 50% 100%; } #layout-homepage .inner { padding:43px 0 40px; background:url(../images/bg-homepage.jpg) no-repeat 50% 0; } #layout-homepage #col1 { padding:24px 11px 0 0; width:682px; background:url("../images/bg-shadow-y2.jpg") no-repeat scroll 100% 40px transparent; padding:24px 3px 0 0; } #layout-homepage #col2 { padding:12px 0 0; background:none; } /*#layout-homepage #banners { width:970px; }*/ #layout-homepage #banners { margin:0 0 0 26px; float:left; clear:left; width:623px; } /* width:682px;margin:25px 0 0; */ #h-intro { color:#633f00; line-height:1.8em; background:url(../images/bg-h-intro.png) no-repeat 0 100%; } /* margin:0 -22px 0 -23px; */ #h-intro .wrap { padding:0 30px 20px 282px; min-height:330px; background:url(../images/bg-welcome.jpg) no-repeat 0 34px; } #h-intro strong { font-size:1.4em; font-weight:normal; } #h-news { position:relative; margin:0 18px 0 0; padding:23px 0 0; width:281px; min-height:278px; float:left; display:inline; background:url(../images/bg-h-news.png) no-repeat 100% 0; z-index:20; } #h-news h2 { position:relative; padding:0 0 0 19px; z-index:40; } #h-news .icon-rss { position:absolute; top:25px; right:20px; } #h-news p.more { margin:0; padding:0 19px 0 0; } #h-news .list-listing strong { height:27px; display:block; overflow:hidden; font-weight:normal; } #h-news .news-thumb-box img { float:left; } #h-news .news-thumb-box p { margin-bottom:0; margin-left:18px; width:187px; float:left; } /* width:202px; */ #h-gallery { margin-left:22px; padding:23px 0 25px; width:350px; float:left; display:inline; } #h-gallery h2 { color:#996800; } /* SUBPAGE ------------------------------------------------------------------------------------- */ .content .inner { padding:0 0 40px; min-height:100px; line-height:1.5em; } #breadcrumb { position:absolute; top:107px; left:20px; margin:0; width:660px; height:15px; clear:both; } /* width:940px; */ #breadcrumb li { margin:0 5px 0 0; float:left; display:inline; list-style:none; color:#434343; font-size:10px; font-weight:bold; } #breadcrumb a { padding:0 7px 0 0; color:#434343; font-weight:normal; background:url(../images/bg-sprite.png) no-repeat 100% -896px; } #breadcrumb a:hover { color:#807f7f; } .subnav { margin:0 0 0 20px; padding:13px 0 0; } .subnav a { color:#6b480c; } .subnav a:hover { color:#6b480c; } .subnav li { margin:0; padding:14px 0 14px 5px; list-style:none; font-size:11px; font-weight:bold; text-transform:uppercase; background:url(../images/bg-lines.png) no-repeat -297px 100%; } .subnav .li-active { padding:0; } .subnav .li-active>a { padding:14px 0 14px 5px; display:block; background:url(../images/bg-subnav.png) repeat-y 0 0; } .subnav .open { padding-bottom:0; background:none; } .subnav ul { margin:0 0 -10px; padding:21px 0 0; background:url(../images/bg-lines.png) no-repeat 0 -11px; } .subnav li li { margin:0 0 7px; padding:0 0 9px 13px; font-weight:normal; text-transform:none; background-position:-594px 100%; } .subnav li .last { background:none; } .subnav-title { margin:15px 0 -13px 20px; padding:0 0 3px 5px; font-size:13px; font-weight:bold; border-bottom:1px solid #e4e2d6; } #sitemap { margin:0; } #sitemap li { margin:0 0 10px; padding:0 0 0 15px; list-style:none; font-size:1.2em; font-weight:bold; background:url(../images/bg-arrow.png) no-repeat 0 4px; } #sitemap ul { margin:7px 0 15px 15px; } #sitemap li li { margin:0 0 2px; padding:0; font-size:.8em; font-weight:normal; background:none; } #sitemap li li a { text-decoration:underline; } #sitemap li li a:hover { text-decoration:none; } #sitemap li li li { font-size:1em; list-style:disc; } #sitemap li li li a { text-decoration:none; } #sitemap li li li a:hover { text-decoration:underline; } #sitemap a[href^="http:"] { padding-right:15px; background:url(../images/bg-sprite.png) no-repeat 100% -2020px; } /* Homepage Facebook Plugin */ #facebook { margin:0 0 20px 19px; background-color:#fefefe; } .facebook-frame .iframe {width:650px !important; height:580px !important;} /* Subpage Social-Media Options */ .js-enabled #subpage-social-options { position:relative; margin:35px 0 0; padding:0; height:40px; border-top:4px solid #ccc; z-index: 1;} .js-enabled .socialMedia { position:absolute; top:4px; left:220px; text-align:right; clear:both; font-size:11px; z-index: 30; } /* right:5px; */ .js-enabled .socialMedia span { float:left; } .js-enabled .socialMedia a { margin:0 5px; float:left; display:inline; color:#0123fe !important; } .js-enabled #ck_sharethis img { margin:0 4px -3px 0; display:inline-block; } /* margin:0 4px 0 0; */ .js-enabled #facebook-like { position:absolute; top:10px; left:5px; clear:both; z-index: 30; } #btn-print { margin:3px 4px 0 0; width:12px; height:11px; display:inline-block; background:url(../images/bg-sprite.png) no-repeat -350px -127px; cursor:pointer; } /* Sidebar 'banner' link styles */ .swb-banner { margin:5px 0 0 20px; display:block; background:none !important; } /* News Main list 'Month Links w/ Icon' */ .month-drawer { margin:0 0 20px; } .month-drawer-trigger { margin:0 0 20px; padding:4px 0 5px 40px; display:block; background:url(../images/bg-sprite.png) no-repeat 0 -2370px; } /* EcoTweet Plugin (Right-Sidebar) */ #twitter { margin-left:9px; z-index: 1; } #twitter #EcoWidget { height:321px !important; } /* height:389px !important; */ /* Layout Styles */ .content { background:url(../images/bg-sub-wbread2.png) no-repeat 50% 100px; } .content .inner { padding-top:133px; } /* padding-top:123px; */ .content #col1 { position:relative; margin:0 0 0 1px; padding:24px 5px 40px 22px; width:649px; min-height:605px; background:url(../images/bg-shadow-y.png) no-repeat 100% 0; } /* padding:24px 22px 40px; */ #layout-2col.page_news #col1 { width:679px; } .content #col2 { padding:0 0 0px; width:269px; } /* padding:0 0 20px; */ /* #layout-2col #col1 { margin:0 0 0 1px; padding:24px 10px 40px 0; width:661px;background:url(../images/bg-shadow-y2.jpg) repeat-y right; position:relative; } #layout-2col #col1 p, #layout-2col #col1 h2, #layout-2col #col1 h3 { width:630px; margin-left:20px; } #layout-2col #col1 .listaLinks { width:630px; margin-left:20px; } #layout-2col #col1.col h1 { margin-left:20px; } */ .dir_press-center .content #col1 { font-family:"Arial Unicode MS"; } .dir_sala-de-prensa .content #col1 { font-family:"Arial Unicode MS"; } #layout-3col #col1 { padding:0 0 0 17px; width:676px; } #layout-4col #col1 { padding:0 7px 0 17px; width:669px; } /* Layout Specifics */ .content .list-events { width:600px; } .content .component-social { position:absolute; bottom:5px; right:10px; clear:both; } #col1 .indent { padding:0 22px; } #col1 .component-social { margin:4px 0 0; float:right; display:inline; } #col2 .list-line { margin-left:17px; width:252px; } #col2 .link { padding-left:42px; } /* padding-left:65px; */ #col2 .title { margin-bottom:10px; margin-left:17px; color:#6b480c; font-size:11px; font-weight:bold; text-transform:uppercase; } /* Sidebar Banner Button */ #col2 .indent { width:260px; margin-top:-5px; margin-bottom:10px; } #col2 hr { display:none; } #col2 .indent img { margin-left:16px; } /* margin-left:26px; */ .column { min-height:600px; background:url(../images/bg-shadow-y.png) no-repeat 100% 0; } .column .title { margin:0; padding-right:30px; min-height:100px; line-height:1em; } .column .link { padding-top:8px; font-size:18px; } .colset-2 .column { padding:24px 16px 0; width:232px; position:relative; } .colset-2 .first h2 { font-size:20px; } .colset-2 .first .component-article { padding:0; overflow:hidden; } .colset-2 .first h3{ color:#6b6b6b; font-size:14px; line-height:16px; } .colset-2 .first p { margin:0 0 15px; text-align:justify; } .colset-2 em { color:#633f00; } .colset-2 .more { margin:0; } #comunicados { margin:0 0 10px; padding:0 0 10px; background:url(../images/bg-lines.png) no-repeat -1025px 100%; text-align:justify; } #discursos { text-align:justify; } .colset-2 .last { padding:0; width:410px; } .colset-3 .column { padding:24px 16px 0; width:194px; } .colset-3 .last { padding-right:0; } /* FOOTER ------------------------------------------------------------------------------------- */ .footer { padding:0 0 30px; } .footer .inner { background:#7a9c00 url(../images/bg-sprite.png) no-repeat 0 -320px; } .footer .wrap { height:168px; overflow:hidden; color:#fff; font-size:11px; background:url(../images/bg-sprite.png) no-repeat 0 10000px; } .es .footer .wrap { background-position:0 -500px; } .en .footer .wrap { background-position:0 -680px; } .footer a { color:#f4ff9e; } .footer a:hover { color:#f4ff9e; } .footer p { margin:0 0 3px; color:#fff; font-weight:bold; } .footer ul { margin:0; } .footer li { position:relative; padding:0; list-style:none; } #footerlinks1 { position:absolute; top:12px; left:152px; } #footerlinks1 li { margin:0 0 3px; } #footerlinks2 { position:absolute; top:12px; left:306px; } #footerlinks2 ul { float:left; display:inline; } #footerlinks2 li { margin:0 0 3px; padding:0 34px 0 0; float:left; clear:left; } #copyright { position:absolute; top:144px; left:0; width:100%; } #copyright p { margin:0; width:100%; color:#f4ff9e; font-weight:normal; text-align:center; } #copyright a { color:#c9ff00; } /* COMPONENTS (WIDGETS) - [ .component- ] ------------------------------------------------------------------------------------- */ /* Accordion (custom) */ .accordion h3 { cursor:pointer; } /* Articles Box */ .component-article { padding:0 22px; } .component-article h3 { margin:0 0 6px; color:#633f00; font-size:18px; line-height:20px; font-weight:normal; } .component-article ul { margin:0 0 15px; list-style: none; } .component-article li { color:#6b6b6b; font-size:11px; line-height:1.3em; } .component-article li li { } .component-article em { color:#6b480c; font-style:normal; } .component-article .list-ordinal { margin-left:10px; } /* Text/'More' Blurb box */ .component-blurb { min-height:265px; } /* Button Box */ .component-buttons { margin:0 -22px 0 -23px; padding:0 0 0 24px; min-height:34px; font-size:14px; background:url(../images/bg-component-buttons.png) no-repeat 0 0; } .component-buttons a { padding:6px 5px 0 27px; width:217px; height:24px; overflow:hidden; display:inline-block; background:url(../images/bg-component-buttons.png) no-repeat -751px 0; } /* Small Calendar */ .component-calendar-sm { margin:15px 30px 0; font-weight:bold; } .component-calendar-sm p { margin:0; color:#633f00; font-size:15px; text-align:center; } .component-calendar-sm abbr { border:0; } .component-calendar-sm table { margin:14px 0 0; width:100%; border-collapse:collapse; } .component-calendar-sm th { color:#b9b8b7; text-align:center; } .component-calendar-sm td { color:#87774d; text-align:center; } .component-calendar-sm span { padding:3px 0 0; width:23px; height:19px; display:inline-block; } .component-calendar-sm strong { padding:3px 0 0; width:23px; height:19px; display:inline-block; background:url(../images/bg-sprite.png) no-repeat 0 -939px; } /* Large Calendar */ .component-calendar { position:relative; margin:0 0 20px; width:640px; color:#363636; background:url(../images/bg-calendar.png) no-repeat 0 0; } .component-calendar .wrap { padding:29px 0 0 2px; background:url(../images/bg-calendar.png) no-repeat -640px 100%; } .component-calendar ul { margin:0; width:637px; } .component-calendar li { position:relative; margin:0 2px 2px 0; padding:17px 0 0 3px; width:86px; height:73px; float:left; display:inline; list-style:none; } #offset1 { margin-left:91px; } #offset2 { margin-left:182px; } #offset3 { margin-left:273px; } #offset4 { margin-left:364px; } #offset5 { margin-left:455px; } #offset6 { margin-left:546px; } .component-calendar span { position:absolute; top:0; left:4px; display:block; color:#826713; font-size:11px; font-weight:bold; } .component-calendar a { margin:0 0 3px; padding:3px 0 0 7px; width:74px; height:30px; display:block; color:#633f00; font-size:10px; line-height:13px; overflow:hidden; background:url(../images/bg-sprite.png) no-repeat -450px -60px; } .component-calendar a:hover { text-decoration:none; } .days { position:absolute; top:7px; left:2px; width:635px; } .days li { margin:0 2px 0 0; padding:0; width:89px; height:19px; color:#826713; font-weight:bold; text-align:center; } .days abbr { border:0; } /* 'Featured Box' with shadow */ .component-feature { margin:0 -22px 30px -23px; padding:0 22px 15px 38px; line-height:21px; background:url(../images/bg-feature.png) no-repeat 0 100%; } .component-feature .floatright { margin:0 0 20px 50px; } /* POPEYE Image Gallery ( http://dev.herr-schuessler.de/jquery/popeye/demo.html ) */ .ppy-caption { display:none; } /* 'News' style selector (hover/click to reveal detail article) */ .component-selector { margin:0 0 0 -17px; padding:0 0 2px; height:256px; overflow:hidden; background:url(../images/bg-lines.png) no-repeat -1267px 100%; } .selector-list { margin:0; width:289px; float:left; display:inline; } .selector-list li { width:289px; height:64px; overflow:hidden; list-style:none; font-size:10px; line-height:14px; background:url(../images/bg-component-selector.png) no-repeat 0 0;} .selector-list li h2 { margin:0 0 0 25px; color:#633f00; font-size:1.5em; line-height:20px; font-weight:700; } .selector-list a { padding:9px 39px 0 31px; width:219px; height:55px; display:block;font-weight:bold; } .selector-list a:hover { text-decoration:none; } .selector-list strong { display:block; color:#6b6b6b; font-size:11px; font-weight:normal; } .selector-list .active { background-position:0 -64px; } .selector-list .last { background-position:0 -128px; } .selector-list .last-active { background-position:0 -192px; } .selector-body { padding:15px 0 0; width:404px; float:left; display:inline; } .selector-body .text { height:110px; overflow:hidden; text-align:justify; } .selector-body .more { margin:5px 0 0; padding:0; } .component-selector-faq {width:684px;margin:-24px 0 0 -17px; padding:0 0 2px; overflow:hidden; background:url(../images/bg-lines.png) no-repeat -1267px 100%;} .selector-body-faq { padding:15px 0 0 0; width:394px; float:left; display:inline; } .selector-body-faq .component-article{ padding:0 10px 0 10px; } .selector-body-faq li h3 { text-align:justify; font-size:14px; } .selector-list-faq { margin:0; width:289px; float:left; display:inline; } .selector-list-faq li { cursor:pointer;width:289px; height:64px; overflow:hidden; list-style:none; font-size:10px; line-height:14px; background:url(../images/bg-component-selector.png) no-repeat 0 0;} .selector-list-faq li h2 { background:url(../images/faq-bullet.png) no-repeat 3px 3px; margin:20px 0 0 25px;padding-left:30px; color:#633f00; font-size:1.5em; line-height:20px; font-weight:700; } .selector-list-faq a { padding:9px 39px 0 31px; width:219px; height:55px; display:block;font-weight:bold; } .selector-list-faq a:hover { text-decoration:none; } .selector-list-faq strong { display:block; color:#6b6b6b; font-size:11px; font-weight:normal; } .selector-list-faq .active { background-position:0 -64px; } .selector-list-faq .last { background-position:0 -128px; } .selector-list-faq .last-active { background-position:0 -192px; } .selector-body-faq ul.list-normal { list-style: circle; } /* Font Re-sizer */ .component-sizer ul { margin:0; } .component-sizer li { float:left; display:inline; list-style:none; } .component-sizer a, .component-sizer span { position:relative; width:19px; height:19px; display:block; overflow:hidden; outline:none; cursor:pointer; } /* width:18px; */ .component-sizer span { position:absolute; top:0; left:0; } .component-sizer a:hover { text-decoration:none; } /* Social Media Links */ .component-social { } .component-social p { margin:10px 0 0; float:left; display:inline; } .component-social ul { margin:0; float:left; display:inline; } .component-social li { margin:0 0 0 8px; float:left; display:inline; list-style:none; } /* Banners */ #banners { margin:0 0 20px; width:950px; clear:both; } /* margin:0 0 20px; */ #banners div { float:left; display:inline; } .banner { position:relative; background:#c7cfaa; z-index:10; } .banner img { position:relative; z-index:20; } .banner span { position:absolute; width:9px; height:9px; display:block; background:url(../images/bg-frame.png) no-repeat 0 10000px; z-index:30; } .banner .tl { top:0; left:0; background-position:0 0; } .banner .tr { top:0; right:0; background-position:100% 0; } .banner .bl { bottom:0; left:0; background-position:0 100%; } .banner .br { bottom:0; right:0; background-position:100% 100%; } .banner-full { margin:0 40px 0 0; width:649px; height:133px; } .banner-quarter { width:241px; height:133px; } .banner-2quarter { margin:0 20px; width:371px; height:133px; } .banner-162 { margin:0 4px 0 0; width:162px; height:133px; } .banner-171 { margin:0 4px 0 0; width:171px; height:133px; } .banner-254 { margin:0 0 0 31px; width:254px; height:133px; } .banner-280 { margin:0 20px 0 0; width:280px; height:133px; } .banner-365 { margin:0 20px 0 0; width:365px; height:133px; } #slider { overflow:hidden; position:relative; padding: 0; margin: 0; } #slider ul { position:relative; list-style:none; padding: 0; margin: 0; } #slider li { float:left; padding: 5px; } #banners div#slider { width:857px !important; } .slider-nav { padding: 0px; } .h-sliding { width:857px !important; } /* Flag pages */ .wrapper-pais { font-size: 12px; width:553px; margin: 0 auto; overflow: hidden; } .wrapper-pais div.col1 { float: left; width: 32%; } .wrapper-pais div.col2 { float: left; width: 32%; } .wrapper-pais div.col3 { float: left; width: 32%; } .wrapper-pais div div.bloque { height:60px; margin-bottom:5px; } .bloque img { float: left; width: 30px; display: inline-block; clear: left; } .bloque span.item-pais { float: left; width: 135px; display: inline-block; padding-left:5px; } .bloque span.item-pais a { padding-right: 15px; background:url(../images/bg-sprite.html) no-repeat 100% -2020px; } /* Contact Form Pop-up */ #contact-us-form { background:url(../images/f_contacto.jpg) repeat scroll 0 0 #F6F3E2; width:450px; height:330px; padding:25px 0 0 25px; text-align:left; } #contact-us-form p {padding:5px 0 0; width:400px; } /* 'Search Options' containing box */ .search { position:relative; margin:0 0 25px; padding:0 0 3px; width:650px; background:url(../images/bg-search.png) no-repeat -650px 100%; } .search .search { margin:0; padding:14px 0 12px 9px; width:641px; color:#4d5d05; font-size:11px; background-position:0 0; } .search .submit { position:absolute; top:16px; right:7px; width:46px; height:46px; overflow:hidden; text-indent:-9999px; background:#8a9a43 url(../images/bg-search.png) no-repeat -1304px 0; border:0; } .search .submit:hover { background:#8a9a43 url(../images/bg-search.png) no-repeat -1304px 0 !important; } .search .date-input { width:55px; } .search input { padding:2px 3px; height:17px; border:1px solid #7c9215; } .search-content { margin:0; } .search-content label { margin-top:3px; float:left; display:inline; } .search .custom-select { position:relative; margin:0 2px; padding:0; width:142px; height:24px; float:left; display:inline; background:url(../images/bg-sprite.png) no-repeat 0 -2500px; } .search .custom-select label { position:absolute; top:0; left:0; margin:0; padding:3px 0 0 5px; width:137px; height:21px; float:none; font-size:11px; font-style:italic; cursor:pointer; z-index:1; } .search .custom-select select { position:relative; width:142px; height:24px; font-size:11px; opacity:0; cursor:pointer; z-index:2; } .search .custom-select option { padding:3px 6px; font-size:11px; } /* FORMS - [ .form- ] ------------------------------------------------------------------------------------- */ #searchsubmit, input[type="submit"], input[type="reset"] { padding:3px 2px 4px 5px; color:#fff; background:#c1c088; cursor:pointer; } #searchsubmit:hover, input[type="submit"]:hover, input[type="reset"]:hover { background:#cfcfa5; } /* ICONS - [ .icon- ] ------------------------------------------------------------------------------------- */ .icon, .icon span { position:relative; display:block; overflow:hidden; font-size:11px;line-height:11px; text-indent:-9999px; background:url(../images/bg-sprite.png) no-repeat 0 10000px; } .icon:hover { text-decoration:none; } .icon span { position:absolute; top:0; left:0; } .icon-facebook, .icon-facebook span { width:14px; height:14px; background-position:-350px 0; } .icon-twitter, .icon-twitter span { width:14px; height:14px; background-position:-350px -25px; } .icon-flickr, .icon-flickr span { width:14px; height:14px; background-position:-350px -50px; } .icon-rss, .icon-rss span { width:15px; height:16px; background-position:-350px -100px; z-index:40; } .component-social .db-digger { margin:-1px 0 0; display:inline-block; } .icon-youtube, .icon-youtube span { width:14px; height:14px; background-position:-350px -150px; } .rev2 .icon-youtube, .rev2 .icon-youtube span { width:30px; height:30px; background-position:-76px -2811px; } .rev2 .icon-twitter, .rev2 .icon-twitter span { width:30px; height:30px; background-position:-38px -2811px; } .rev2 .icon-facebook, .rev2 .icon-facebook span { width:30px; height:30px; background-position:-0px -2811px; } .icon-text-normal, .icon-text-normal span { width:18px; height:19px; background-position:0 -270px; } .icon-text-large, .icon-text-large span { width:18px; height:19px; background-position:-18px -270px; } .icon-text-larger, .icon-text-larger span { width:19px; height:19px; background-position:-36px -270px; } /* LINK STYLES - [ .link- ] ------------------------------------------------------------------------------------- */ .link { padding:6px 0 11px 60px; min-height:24px; display:block; font-size:14px; font-weight:bold; background:url(../images/bg-sprite.png) no-repeat 0 10000px; } /* padding:15px 0 22px 60px; min-height:28px; display:block; font-size:15px; font-weight:bold; background:url(../images/bg-sprite.png) no-repeat 0 10000px; */ h2.title .link { min-height:33px; } span.link { color:#cbbfa3; } strong.link { color:#633f00; } /* .link-leaf { padding:9px 0 13px 65px; background-position:0 -1040px; } span.link-leaf { background-position:0 -1140px; } .link-lines { background-position:0 -1240px; } span.link-lines { background-position:0 -1340px; } .link-photo { background-position:0 -1440px; } span.link-photo { background-position:0 -1540px; } .link-temp { background-position:0 -1640px; } span.link-temp { background-position:0 -1740px; } .link-briefcase { background-position:-350px -1040px; } span.link-briefcase { background-position:-350px -1140px; } .link-science { background-position:-350px -1240px; } span.link-science { background-position:-350px -1340px; } .link-society { background-position:-350px -1440px; } span.link-society { background-position:-350px -1540px; } */ .link-leaf { padding:9px 0 11px 65px; background-position:0 -1041px; } span.link-leaf { background-position:0 -1140px; } .link-lines { background-position:0 -1241px; } span.link-lines { background-position:0 -1340px; } .link-photo { background-position:0 -1440px; } span.link-photo { background-position:0 -1442px; } .link-temp { background-position:0 -1640px; } span.link-temp { background-position:0 -1642px; } .link-org { background-position:0px -2593px; } span.link-org { background-position:0px -2595px; } .link-briefcase { background-position:-350px -1040px; } span.link-briefcase { background-position:-350px -1140px; } .link-science { background-position:-350px -1240px; } span.link-science { background-position:-350px -1340px; } .link-society { background-position:-350px -1440px; } span.link-society { background-position:-350px -1540px; } .external-link { padding-right:15px; display:inline-block; background:url(../images/bg-sprite.png) no-repeat 100% -2020px; } .banner .external-link { background:none; } .pdf-link { padding-right:16px; background:url(../images/bg-sprite.png) no-repeat 100% -2198px; } /* LIST STYLES - [ .list- ] ------------------------------------------------------------------------------------- */ .list-dates { margin:0; } .list-dates li { margin:0 0 10px; padding:0 0 21px; min-height:91px; list-style:none; background:url(../images/bg-lines.png) no-repeat -833px 100%; } .list-dates .last { padding:0; background:none; } .list-dates a { display:block;} .list-dates strong { margin:0 13px 0 0; padding:0 2px 0 2px; width:32px; float:left; display:inline; color:#633f00; font-size:1.3em; line-height:1em; letter-spacing:-1px; text-align:right;} .list-dates div { width:137px; float:left; display:inline; line-height:1.4em; } .list-events { margin:35px 0 15px; } .list-events li { margin:0 0 21px; list-style:none; line-height:16px; } .list-events .line { margin:0 0 15px; } .list-events ul { margin:10px 0 10px 22px; } .list-events li li { margin:0 0 4px; } .list-events strong { margin:0 17px 0 0; width:85px; float:left; display:inline; color:#633f00; font-size:1.3em; line-height:1.1em; letter-spacing:-1px; text-align:right;} .list-events div { width:495px; float:left; display:inline; } .list-line { margin:5px 0 15px; } .list-line li { padding:0 0 0px; list-style:none; background:url(../images/bg-lines.png) no-repeat 0 14px; } /* padding:0 0 29px; list-style:none; background:url(../images/bg-lines.png) no-repeat 0 44px; */ .es .list-line li { padding:0 0 0px; list-style:none; background:url(../images/bg-lines.png) no-repeat 0 19px; } /* padding:0 0 29px; list-style:none; background:url(../images/bg-lines.png) no-repeat 0 44px; */ .list-line .last { padding:0; background:none; } .es .list-line .last { padding-bottom:0px; background:none; } .list-line li.no-line { background:none !important; } .list-line li.end-line { height:20px; background:url("../images/bg-lines.png") no-repeat scroll 0 -10px transparent !important; } .list-listing { position:relative; margin:-31px 0 0; padding:0 0 27px; background:url(../images/bg-listing.png) no-repeat -558px 100%; z-index:30; } .list-listing ul { margin:0; padding:25px 0 0; background:url(../images/bg-listing.png) no-repeat -837px 0; } .list-listing li { width:279px; height:56px; list-style:none; font-size:11px; line-height:13px; background:url(../images/bg-listing.png) no-repeat 0 0; } .list-listing small { display:block; font-size:10px; } .list-listing a { padding:10px 22px 0 19px; width:238px; height:46px; display:block; color:#6b6b6b; } .list-listing a:hover { background:url(../images/bg-listing.png) no-repeat -279px 0; text-decoration:none; } .list-listing a small { color:#816a00; } .list-nobull { margin:0; } .list-nobull li { list-style:none; } .list-ordinal { margin:0 0 60px; } .list-ordinal li { margin:15px 0 0; padding:15px 0 0; border-top:1px solid #e4e2d6; } .list-ordinal li li { margin:3px 0 0; padding:0; border:0; list-style:disc; } .list-ordinal h3 { color:#633f00; font-weight:bold; } .list-ordinal p { margin:0 0 15px; } .listaLinks { margin:0; width:90%; } .listaLinks li { padding:6px 0 6px 20px; list-style:none; font-size:1.1em; background:url(../images/bg-sprite.png) no-repeat 0 -1890px; border-top:1px solid #dfddd1; } .listaLinks li:first-child { border:0; } .listaLinks ul { margin:5px 0 10px 10px; } .listaLinks li li { padding-left:0; background:none; font-size:.9em; } /* News Paging */ .paging-links-wrapper { text-align: center; margin-bottom: 10px; } .paging-links a, .paging-links span { background: none !important; border: 1px solid; margin: 2px; padding: 2px !important; text-decoration: none; text-align: center; display: inline-block; min-width: 20px; } .paging-links .inline { display: inline !important; padding: 2px 4px; } .paging-links .invisible { visibility: hidden; } /* TABLE STYLES - [ .tbl- ] ------------------------------------------------------------------------------------- */ /* Right-side column 'aside' box */ .tbl-aside { margin:0 0 15px 15px; float:right; border-collapse:collapse; } .tbl-aside td { padding:5px 7px; border:1px solid #adaaa2; } /* General Form */ .tbl { border-collapse:collapse; } .tbl td { padding:0 10px 5px 0; vertical-align:top; } .tbl input { width:200px; } .tbl select { padding:2px 0; width:204px; cursor:pointer; } .tbl textarea { padding:2px 0; width:200px; } /* Registration Form */ .tbl-register { border-collapse:collapse; width:460px; margin:0 auto; } .tbl-register td { padding:0 10px 5px 0; vertical-align:top; } /* text-align:right; */ .tbl-register td.even { text-align:right; width:120px; } .tbl-register input { width:273px; } .tbl-register select { padding:2px 0; width:274px; cursor:pointer; } .tbl-register textarea { padding:2px 0; width:200px; } /* Contact Form */ .tbl-contact { border-collapse:collapse; } .tbl-contact td { padding:0 10px 5px 0; vertical-align:top; } .tbl-contact input { width:200px; } .tbl-contact select { padding:2px 0; width:204px; cursor:pointer; } .tbl-contact textarea { padding:2px 0; width:200px; } /* Lined Table */ .tbl-line { margin-top:-10px; border-collapse:collapse; } .tbl-line td { padding:10px 0; background:url(../images/bg-lines.png) no-repeat -1025px 100%; } .tbl-line .last td { padding:10px 0 0; background:none; } /* Lined Table */ .tbl-sep { margin-top:-10px; border-collapse:collapse; } .tbl-sep td { padding:10px 0 20px; background:url(../images/bg-lines.png) no-repeat -1025px 100%; } .tbl-sep .last td { padding:10px 0 0; background:none; } .tbl-sep p { margin:0 0 15px; } /* TABLES */ #links td { vertical-align:top; } #links ul { margin:0 0 0 15px; } #links ul li { margin:0 0 10px; } #links .td-width-1 { width:22%; } #links .td-width-2 { width:30%; } #links .td-width-3 { width:23%; } #links .td-width-4 { width:25%; } /* TAB STYLES ------------------------------------------------------------------------------------- */ /* JQuery Tabs */ .tabs { position:relative; width:269px; } .tabs-jsenabled { padding:30px 0 0; } /* 'Tabs' styles */ .tabs .tabbox, .tabs.ui-widget-content { margin-left:10px; background: none !important; background-color: transparent !important; border: none !important; z-index:5; height:338px !important; min-height:338px !important; } .tabs .tab-links { position:absolute; top:0; left:0; margin:0; } .tabs .tab-links li { margin:0 2px 0 0; padding:0 2px 0 0; height:30px; float:left; display:inline; font-size:15px; line-height:14px; list-style:none; cursor:pointer; } .tabs .tab-links li a { padding:0 8px 0 0; height:30px; display:inline-block; color:#f5f1e5; font-weight:bold; background:url(../images/bg-tabs.png) no-repeat 100% -30px; outline:none; cursor:pointer; } .tabs .tab-links li a span { padding:8px 3px 6px 9px; display:inline-block; background:url(../images/bg-tabs.png) no-repeat 0 -30px; } .tabs .tab-links .ui-state-hover a, .tab-links .ui-tabs-selected a { background-position:100% 0; color:#000; font-weight:bold; text-decoration:none; } .tabs .tab-links .ui-state-hover a span, .tab-links .ui-tabs-selected a span { background-position:0 0; } .tabs .ui-state-active a { color: black !important; } .tabs .ui-state-default, .tabs .ui-widget-header, .tabs .ui-widget-content .ui-state-default, .tabs .ui-widget-header .ui-state-default { background: none !important; border: none !important; } #ui-datepicker-div { z-index: 9999 !important; } /* Tabbox Styles */ .tabs .tabbox { margin:-1px 0 0px; padding:0px; min-height:374px; color:#000; background:none; } /* min-height:480px; margin:-1px 0 15px; padding:10px; background:#fff; border:1px solid #b1c36d; */ .tabs .ui-tabs-hide { display:none; } /* Tabbox 'Title' Styles */ .tabs .tab-title { margin:0 !important; } .tabs .tab-title span { width:14px; height:28px; display:inline-block; background:url(../images/bg-tab-arrow.png) no-repeat 100% 8px; } .tabs .tab-links { margin-left:34px; } /* MISC. CLASSES & IDS ------------------------------------------------------------------------------------- */ #skip { display:none; } .show { display:block; } .hide { display:none; } .clear { clear:both; } br.clear { line-height:0; height:0; } .last { border:none !important; background:none; } .col, .column { float:left; display:inline; } .pint { display:none !important; } .right { text-align:right; } .center, .centered { text-align:center; } .req, .required { color:#ff0000; font-size:1.1em; } .line { padding-bottom:15px; background:url(../images/bg-line.png) no-repeat 50% 100%; } p.more { margin:-20px 0 0; font-size:10px; } .box-shadow { margin:0 -22px 0 -23px; padding:20px 0 0 23px; min-height:14px; background:url(../images/bg-component-buttons.png) no-repeat 0 0; } .justify { text-align:justify; } /* jQuery 'Media' plugin overrides */ .iframe div, .iframe-like div { display:none !important; } .media div { display:none; } .clearfix:after, .content .inner:after, .bloque:after, .list-events li:after, .list-dates li:after, .list-listing ul:after, #banners:after, .component-selector:after, .component-feature:after, .component-calendar .wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .clearfix, .content .inner, .bloque, .list-events li, .list-dates li, .list-listing ul, #banners, .component-selector, .component-feature, .component-calendar .wrap { display:inline-block; } .clearfix, .content .inner, .bloque, .list-events li, .list-dates li, .list-listing ul, #banners, .component-selector, .component-feature, .component-calendar .wrap { /*\*/display:block;/**/ } .container-box:after, .content .inner:after, .bloque:after, .list-events li:after, .list-dates li:after, .list-listing ul:after, #banners:after, .component-selector:after, .component-feature:after, .component-calendar .wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* PLEASE LEAVE BOTH THESE LINES, FIX FOR IE7 */ .container-box, .content .inner, .bloque, .list-events li, .list-dates li, .list-listing ul, #banners, .component-selector, .component-feature, .component-calendar .wrap { display:inline-block; } .container-box, .content .inner, .bloque, .list-events li, .list-dates li, .list-listing ul, #banners, .component-selector, .component-feature, .component-calendar .wrap { /*\*/display:block;/**/ } /* FIX FOR PWP RETYPE PASSWORD STYLING */ .PWPRetypePromptText { display:block; } .floatleft { float:left; display:inline; } .floatright { float:right; display:inline; } img.floatleft { margin:0 10px 5px 0; } img.floatright { margin:0 0 5px 10px; } /* SPAN STYLES MAINLY ADDED FOR IE PNGFIX SUPPORT. PNGFIX REPLACES THE WITH */ span.floatleft { margin:0 10px 5px 0; } span.floatright { margin:0 0 5px 10px; } /* MEDIA GALLERY CSS CODE * jquery.popeye.style.css 2.0 * Example styles for jQuery.popeye * Copyright (C) 2010 Christoph Schuessler (schreib@herr-schuessler.de) */ .ppy-outer { display: none; } .ppy-active .ppy-outer { display:block; } .ppy-stage { background-repeat:no-repeat !important; background-position:center center !important; position:relative; } .ppy-placeholder { position:relative; } .ppy-caption, .ppy-captionwrap { overflow:hidden; } .ppy-hidden { display:none !important; } /* fallback styles for image list */ .ppy-imglist { width:100%; display:block; overflow:hidden; } .ppy-imglist li { padding:10px; border:1px solid #f0f0f0; background:#fdfdfd; list-style:none; float:left; display:block; margin:0 10px 10px 0; } .ppy-imglist li a img { display:block; border:0; } /* Instance */ .ppy { margin:0 0 50px; } .ppy .ppy-stage { width:629px; height:404px; overflow:hidden; } .ppy .ppy-stagewrap { background:#343434; } .ppy .ppy-caption { margin:10px 0 0 0; padding:0 5px 3px 0; height:60px; color:#676767; font-size:0.9em; line-height: 1.3em; overflow:auto; border-bottom:1px solid #dedede; } .ppy.ppy-expanded .ppy-caption { margin:0; padding:10px; color:#fefefe; background:#686868; border-bottom:1px solid #343434; } .ppy .ppy-counter { position:absolute; bottom:0; right:0; padding:1px 14px 2px 9px; color:#fff; font-size:0.8em; background:#343434; } .ppy .ppy-loading { background:#343434 url(../images/loading.gif) no-repeat center !important; } .ppy .ppy-nav { width:100%; height:100%; text-align:center; background:#343434; } .ppy .nav-wrap { margin:0 auto; padding:29% 0 0 0; width:65px; height:32px; } .ppy .ppy-nav a { padding:5px; height:22px; float:left; display:block; overflow:hidden; text-indent:-900em; } .ppy .ppy-prev { width:22px; background:url(../images/prev.png) no-repeat center; } .ppy .ppy-next { width:22px; background:url(../images/next.png) no-repeat center; } .ppy .ppy-nav a:hover { background-color:#343434; cursor:pointer; } .list-break { width:640px !important; min-height:1px !important; height:1px !important; margin-bottom:1px !important; clear:both !important; } /* Gallery */ h2 .small { font-size:17px; } hr.thin { border:1px solid #DFDDD1; border-width:1px 0 0 !important; margin:5px 0; clear:both; } hr.thick { border-color:#C5C5C5; clear:both; } .picker { margin-left:25px; } .green-btn { color:#555756; background-color:#a3cc6e; display:block; padding:5px; cursor:pointer; } .green-btn:hover { color:#555756; text-decoration:none; } #img-gallery { width:640px; margin-bottom:48px; } #img-gallery hr { border-color:#C5C5C5; clear:both; } #img-gallery ul { margin-left:0; } #img-gallery ul li { min-height:82px; margin-bottom:16px; border-bottom:1px solid #C5C5C5; } #minaturas #img-gallery ul li a { display:block; width:148px; margin-right:18px; } #img-gallery ul li a:hover { text-decoration:none; } #img-gallery ul img { float:left; margin:0 10px 0px 25px; } #img-gallery.img-category ul img { width:134px; float:none; margin:0 18px 0 0; } #img-gallery.img-category li { width: 143px; margin-right:16px; border:none; float:left; margin-bottom:30px; min-height: 120px; } /* width: 155px; */ #img-gallery.img-slider ul { margin-left:25px; } #img-gallery.img-slider ul img { margin:0 0 15px 0; } #img-gallery.img-slider li { border:none; } #img-gallery .img-title { width:300px; min-height:28px; float:left; background:url("../images/bg_gallery_img.jpg") no-repeat 0 0 transparent; } #img-gallery .vid-title { width:300px; min-height:28px; float:left; background:url("../images/bg_gallery_vid.jpg") no-repeat 0 0 transparent; } .gallery-intro-box #img-col { width:300px; float:left; margin-right:20px; } .gallery-intro-box #vid-col { width:300px; float:left; } /* Activities, Calendar, Events */ .days li { color:#000; } .component-calendar { background-color:#f3efe3 !important; position:relative; z-index:10; } .component-calendar span { color:#000; } .calender-controls { margin-bottom:5px; } .calender-controls .cal-month { margin-left:240px; font-size:20px; color:#4a4c4b; padding-bottom:2px; } .calender-controls .next { margin-right:11px; } .component-calendar .more { position:relative; } .component-calendar .more a { width:auto !important; background-color:transparent; position:absolute; right:0; } .component-calendar a { margin:0 0 3px; padding:3px 0 0 7px; width:74px; height:30px; display:block; color:#4c4c4c; font-size:10px; line-height:14px; overflow:hidden; background-image:none; background-color:#a3cc6e; } .component-calendar a.even { background-image:none; background-color:#4c4c4c; color:#fff; } .component-calendar li { position:relative; } .component-calendar li span { position:absolute; } .component-calendar li .cal-event-detail { z-index:100!important; } .cal-event-detail { width:155px; background-color:#f3efe3; border:2px solid #000; position:absolute; top:0; left:0; } .cal-event-detail a { width:138px; margin:0 0 3px 5px; line-height:14px; z-index: 30;} .cal-event-detail .day { color:#000; font-size:20px; margin: 7px 0 0 5px; } .cal-event-detail .close { display:block; height:21px; background-color:#f3efe3; color:#000; width:auto; margin: 7px 5px 0 0; cursor:pointer; } /* Events */ .event-listing table { width:516px; margin-bottom:5px; background:url("../images/section-divider.jpg") no-repeat scroll 55px 100% transparent; } .event-listing table strong { color:#8b6b3a; display:block; } .event-listing table tr { vertical-align:top; } .event-listing table td { padding-bottom: 1em; padding-right:15px; } .event-listing table td.first { width:95px; text-align:right; } .event-listing table a { color:#d97132; } .event-listing table.last { background:none; } /* Registration Form */ #recaptcha_response_field { border:1px solid #A6A082 !important; } #recaptcha_image img { border:1px solid #A6A082 !important; } #recaptcha_table { margin:0 auto; } .swb-registration { margin-left:273px; } #recaptcha_response_field { width:296px; } #recaptcha_logo, #recaptcha_tagline { display: none !important; } .recaptchatable .recaptcha_image_cell { background-color: transparent !important; } .recaptchatable { border: none !important; } .recaptchatable #recaptcha_response_field { background:none repeat scroll 0 0 #FBFBFB; border:1px solid #A6A082 !important; color:#633F00; font-family:'Trebuchet MS',helvetica,sans-serif; font-size:11px; line-height:15px; } .recaptchatable .recaptcha_image_cell center img { border:1px solid #A6A082 !important; } .recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th { height: auto !important; } .recaptchatable .recaptcha_image_cell { padding: 0 7px 7px !important; } /* Advanced Search */ .page_advanced_search #facebook { width:250px !important; margin-left:20px !important; } .page_advanced_search #twitter { margin-left:16px !important; } .error { color: #C31; } /* New Subnav */ .inner-subnav ul.subnav { margin-left:29px; padding-top:0px; } .inner-subnav ul.subnav li { text-transform:none; margin-bottom:5px; padding-left:13px; background:url("../images/bg_arrow_brown.gif") no-repeat scroll 0% 5px transparent !important;} .inner-subnav ul.subnav li a { font-weight:normal; color:#4d4d4d; } .inner-subnav .subnav .li-active > a { background:none; padding:0; } .inner-subnav ul.subnav li ul.subnav li { padding:0 0 0 13px; background:url("../images/bg_arrow_tan.gif") no-repeat scroll 0% 5px transparent !important; font-style:italic; } .inner-subnav .list-line li { background:none; } .inner-subnav .subnav ul { background:none; padding:0; margin:6px 0 0; } .inner-subnav ul.subnav ul.subnav ul.subnav li { } /* font-style:normal; */ /* Login Page */ .login .footer { background:url(../images/bg-login-bottom.jpg) repeat-x; } .login .footer .inner { background:url(../images/bg-footer-login.jpg) no-repeat; width:1207px; } .login .footer .inner .wrap { background:none; } .login #container { text-align:center; position:relative; } .login #intro { position:relative; } .login #logo { position:relative; left:110px; } .login #logo-anim { position:absolute; margin-left:109px; margin-top:0px; } .login #login-container { width: 402px; margin:0 auto; text-align:left; position:relative; } .login #login-user-box { width:402px; height:192px; margin-top:31px; background:url(../images/bg-login-box.jpg) no-repeat; position:relative; z-index:10; } .login #login-user-box input { width:199px; position:absolute !important; top:142px; left:98px; border:none; } /* password */ .login #login-user-box #email { top:71px; } .login #login-submit-box { width:402px; height:99px; background:url(../images/bg-login-submit-box.jpg) no-repeat; text-align:center; } .login #login-submit-box input { border:none; margin:13px auto 0; } .login #login-submit-box a { display:block; margin:17px auto 0; color:#5a5a5a; font-style:italic; } /* display:block; */ .login .error-msg { position:absolute; margin-top:27px; margin-left:101px; color:red; z-index:30;} .login form { z-index:0; } .login .media-long { margin-top:30px; margin-bottom:30px; margin-left:-380px; padding-top:30px; padding-bottom:30px; } /* margin-left:-127px; */ body.login .media-long { width:1170px !important; height:800px; } body.login .iframe { width:1170px !important; height:800px; } /* Press Page Updated */ h2.box-long { padding:11px 0 9px 322px; margin-bottom:0; min-height:30px; font-size:24px; line-height:26px; background:url(../images/bg-title-long.png) no-repeat 0 0; } /* bg-title.png */ #press-intro { margin-left:0px; } #press-intro img { float:left; margin-left:-16px; margin-top:1px; } #press-intro h2 { float:left; width:352px; margin-left:-1px; overflow:hidden; } /* width:388px; */ #press-box .col1-left-body ul { margin-left:0; } #press-box .col1-left-body li { margin:0 0 14px; color:#434247 !important; list-style:none; } /*.dir_press-center #banners.sliding { width:650px; margin: 0 0 0 26px; padding: 24px 0 0 20px; background:url("../images/bg_slider_top.jpg") no-repeat 0 0px transparent; }*/ /*.dir_sala-de-prensa #banners.sliding { width:650px; margin: 0 0 0 26px; padding: 24px 0 0 20px; background:url("../images/bg_slider_top.jpg") no-repeat 0 0px transparent; }*/ /* Press Page Sidebar Updated */ #press-main-left.colset-2 #comunicados { background:none; } #press-main-left.colset-2 .press-list-bg #comunicados { background:url(../images/bg-lines.png) no-repeat -1025px 100%; } #press-main-left.colset-2 .first { padding:0; width:264px; } #press-main-left.colset-2 .first h2 { margin-left:18px; margin-top:9px; } #press-main-left.colset-2 .first h3 { margin-left:18px; width:220px; margin-top:10px; } #press-main-left.colset-2 .first .press-list-bg h3 { margin-top:30px; } #press-main-left.colset-2 .first p { margin-left:18px; width:220px; } #press-main-left .press-list-bg { margin-left:0px; margin-top:-2px; background:url("../images/bg_press_left.jpg") no-repeat -41px 0 transparent; } #press-main-left .press-list-bg .component-article { margin-left:0px; } /* Date on Every Page */ #cop16-date-range { position:absolute; top:57px; right:41px; font-size:13px; color:#613F00; } /* Home Intro */ #h-intro .wrap .intro-text { width:640px; height:110px; } #h-intro .wrap { padding:218px 0 0px 19px; min-height:127px; background:url("../images/homecop16_en.jpg") no-repeat 16px 0px transparent; } /* padding:218px 0 0px 45px; background:url("../images/homecop16_en.jpg") no-repeat 43px 0px transparent; */ .es #h-intro .wrap { padding:218px 0 20px 19px; min-height:127px; background:url("../images/homecop16_es.jpg") no-repeat 16px 0px transparent; } /* padding:218px 0 0px 45px; background:url("../images/homecop16_es.jpg") no-repeat 43px 0px transparent; */ /* Calculator Box */ .calculator-box { margin-left:20px; margin-bottom:10px; padding-bottom:10px; } .villa-box { margin-left:20px; margin-bottom:10px; } .prensa-box { margin-left:20px; margin-bottom:10px; } /* Large Social Media */ .component-social-large { position:absolute; left:589px; top:147px; width:167px; z-index:100; } .component-social-large #follow { color:#633F00; font-size:14px; margin:0; float:left; margin-right:9px; padding-top:8px; } .component-social-large img { margin-right:2px } /* Civil Society Notice */ #notice { width:672px; height:89px; margin-left:-10px; margin-top:20px; background:url("../images/bg_notice.jpg") no-repeat 0px 0px; } #notice p { padding-top:5px; margin-bottom:0px; font-size:11px; color:#943f00; text-align:center; } #notice a, #notice a:hover, #notice a:visited, #notice a:active { color:#160dfa; background:none !important; } /* NEW HOMEPAGE LAYOUT */ .rev2 #container { background:url(../images/bg-container2.jpg) no-repeat 50% 0; } .rev2 #tertnav a { color:#485900; } .rev2 #head-cancun-en { width:290px; height:74px; position:absolute; top:90px; left:210px; background:url(../images/bg_head_cancun_en.png) no-repeat 0 0; } .rev2 #head-cancun-es { width:290px; height:74px; position:absolute; top:90px; left:210px; background:url(../images/bg_head_cancun_es.png) no-repeat 0 0; } .rev2 #head-cancun em, #head-cancun-en em, #head-cancun-es em { visibility:hidden; } .rev2 .component-social { position:absolute; left:803px; top:132px; z-index:100; } .rev2 #page-tools { left:869px; top:131px; } .rev2 #page-tools a { color:#4e4e4e; } .rev2 #header-search { background:url(../images/bg-sprite.png) no-repeat -450px 0; } .rev2 #header-search input { color:#425900; } .rev2 #layout-homepage .inner { background:none; } .rev2 #nav { background:url(../images/mainNavBg.png) no-repeat 0px 0; width:973px; top:8px; height:35px; } /* top:-11px; */ .rev2 #nav li { width:145px; font-size:12px; font-weight:bold; background:url(../images/division.gif) no-repeat 0 0; height:34px; } .rev2 #nav li ul { margin-top:2px; width:232px; background:url(../images/bg-dropdown.png) no-repeat 0 100%; } .rev2 #nav li li { width:auto; background:url(../images/bg-nav-divider.png) no-repeat 50% 100%; } .rev2 #nav li .last { padding-bottom:10px; background:none; } .rev2 #nav .globe { background-position:0 0; } .rev2 #nav .temp { background-position:0 0; } .rev2 #nav .people { background-position:0 0; } .rev2 #nav .lines { background-position:0 0; } .rev2 #nav a { color:#5e5e5e; padding:9px 0 12px 40px; } .rev2 #nav a:hover { text-decoration:none; } .es #nav a { padding:9px 0 12px 28px; } .rev2 #nav ul li a { padding:0 !important; } .rev2 #nav li li a { padding:6px 5px 1px 0 !important; width:228px; height:auto; color:#485900; } .rev2 #nav li li a:hover { color:#5e5e5e; background:none; } .rev2 #nav li.one { background:none; } .es #nav li.one { width:170px; } /* 180px */ .es #nav li.two { width:119px; } .es #nav li.six { } /* width:150px; */ .es #nav li.two:hover ul, .es #nav li.two a:hover ul { left:180px !important; } .rev2 #nav li.one:hover ul, .rev2 #nav li.one a:hover ul { left:-12px; } .rev2 #nav li.two:hover ul, .rev2 #nav li.two a:hover ul { left:153px; } .rev2 #nav li.three:hover ul, .rev2 #nav li.three a:hover ul { left:309px } .rev2 #nav li.four:hover ul, .rev2 #nav li.four a:hover ul { left:465px; } .rev2 #nav li.five:hover ul, .rev2 #nav li.five a:hover ul { left:621px; } .rev2 #nav li.six:hover ul, .rev2 #nav li.six a:hover ul { left:723px; } .rev2 #nav li.one a { padding:9px 1px 12px 21px; } .rev2 #layout-homepage.content { background:url(../images/bg-homepage-divider2.png) no-repeat 50% 80%; } /* 100%; */ .rev2 #h-intro { background:none; margin-top:20px;} .rev2 #h-intro .wrap { background:none; padding: 0 0 0 19px; } .rev2 #banners { padding-top:13px; width:970px; height:154px; margin: 0 0 -40px 0; background-color:#CFCDBF; border-top:3px solid #AEACA2; border-bottom:3px solid #AEACA2; overflow:hidden; } .rev2 #banners table { margin-left:34px; } .rev2 #layout-homepage #banners { padding-top:13px; width:970px; height:154px; margin: 0 0 -40px 0; background-color:#CFCDBF; border-top:3px solid #AEACA2; border-bottom:3px solid #AEACA2; } .rev2 #layout-homepage #banners table { margin-left:34px; } .rev2 #layout-homepage #col2 { margin-top:70px; } .rev2 .relevantes { margin-bottom:7px; margin-top:-29px; } .rev2 .blogs { margin-bottom:7px; margin-top:0px; } .rev2 #h-news { width:330px; min-height:600px; margin:-5px 5px 0 0; padding-top:0; background:url(../images/h-bg-news2.png) no-repeat 100% 0; } .rev2 #h-gallery { width:332px; margin-top:-5px; margin-left:-4px; padding-top:0px; } .rev2 #top-stories-box { width:664px; } .rev2 #top-stories-box .top-stories-header { margin-left:-13px; margin-bottom:-7px; } .rev2 .top-stories-col { width:192px; margin-top:36px; background:url("../images/h-bg-news2.png") no-repeat scroll 100% 0 transparent; } .rev2 .unfccc-col { width:241px; margin-top:36px; background:url("../images/h-bg-news2.png") no-repeat scroll 100% 0 transparent; } .rev2 .documentos-col { width:220px; margin-top:36px; padding-right:7px; margin-right:-10px; } .rev2 .top-stories-col img { margin-top:8px; } .rev2 #top-stories-box .greenlist { margin-left:14px; margin-top:26px; } .rev2 #top-stories-box .greenlist li { width:209px; } .greenlist li .external-link { background-position:100% -2015px; } .rev2 .centro { margin-left:-4px; } .rev2 #h-news .noticias-header { margin-left:-4px } .rev2 #h-gallery .webcast-header { margin-left:0px; } .rev2 #h-gallery .vid-box { margin:0 0 10px 16px ; } .rev2 #col2 .navegacionLateral { margin-left:20px; } .icon-film, .icon-film span { width:14px; height:15px; background:url(../images/bg-sprite.png) no-repeat -0px -2682px; } .icon-img, .icon-img span { width:14px; height:15px; background:url(../images/bg-sprite.png) no-repeat -0px -2716px; } .icon-aud, .icon-aud span { width:14px; height:15px; background:url(../images/bg-sprite.png) no-repeat -0px -2751px; } .h-news-list { list-style:none; margin-bottom:5px; margin-top:15px; } .h-news-list li { margin-bottom:6px; width:300px; background:url("../images/bg_news_divisor.jpg") no-repeat 0px 100%; padding-bottom:15px; } /* padding-bottom:16px; */ .h-news-list li em { color:#9f5723; } .h-news-list li strong { font-weight:normal; color:#434343; } .media-links { margin-top:3px; } .media-links p { margin:0 5px 0 0; float:left; } .h-news-list .media-links { width:70px; height:20px; overflow:hidden; position: absolute; margin-left:-7px; margin-top:48px; } .news-thumb-box { position:relative; } .h-news-list .news-thumb-box .media-links p { margin:0 0 5px 10px !important; float:none; width: 10px !important; } .ent-list { list-style:none; margin-top:13px; margin-bottom:15px; color:#434345; } .ent-list li { margin-bottom:9px; width:300px; background:url("../images/bg_news_divisor.jpg") no-repeat 0px 100%; padding-bottom:16px; } .ent-list div { width:310px; clear:both; } .ent-list img { float:left; } .ent-list p { width:225px; margin-left:13px; margin-bottom:0px; float:left } .ent-list a { color:#434345; } .more a { color:#274018; } p.more a { display:block; background:url("../images/orangeArrow.png") no-repeat 100% 0; padding-right:24px; padding-bottom:2px; font-size:12px; } #h-news p.more { margin:0 0 10px; } /* Timeline Detail */ .js-enabled #share-bar #subpage-social-options { border-top:none; } .js-enabled #share-bar .socialMedia { left:87px; right:0; top:2px; } #header-section { margin-top:-14px; } #header-section h2, h2.header-section { margin:0 0 10px; padding:0 0 9px; font-size:18px; color:#597b3b; border-bottom:1px solid #d4d4c8; } #detail-date small, small.detail-date, #detail-date p { font-size:11px; line-height:13px; color:#4b4b4b; } #detail-date p { margin:0 0 10px; } #detail-title h2, h2.detail-title { margin:0 0 5px; font-size:20px; color:#494b4a; } #detail-title h3, h3.detail-title { font-size:16px; color:#4b4b4b; } #day-detail { background:url("../images/bg_day.png") no-repeat 0 0; } #day-detail .col-one { width:370px; font-size:.9em; line-height:1.7em; } #day-detail .col-one .text-box { width:340px; margin-top:25px; } #day-detail .col-two { width:270px; font-size:11px; } #day-detail .col-two .text-box { width:250px; margin-top:25px; } #day-detail .col-two .text-box .orangelist { position:relative; margin-left:6px; } #day-detail .col-two .text-box .orangelist a { } /* padding-left:25px; */ /* #day-detail .col-two .text-box .orangelist span { width:20px; height:20px; margin-left:188px; padding-right:15px; vertical-align:top; background:url("../images/bg_magnify_list.gif") no-repeat scroll 0 0 ; } */ #day-detail .col-two .orangelist { margin-top:0px; } /* margin-top:8px; */ #day-detail .col-two .orangelist li { background-position:0 100%; line-height:16px; padding:9px 0 0px; } /* padding:2px 0 24px; background-position:0 26px; padding:2px 0 14px; */ #day-detail .col-two .orangelist li a { margin-top:1px; } /* position:absolute; */ #day-detail .col-two #en-video { margin-top:20px; width:285px; } #day-detail .col-two #en-video .video-list { margin-left:6px; margin-top:20px; } #featimg { position:relative; } #featimg .mag { position:absolute; left:4px; bottom:8px; } .thumb-slider { margin:0 0 0 5px; width:208px; height:56px; overflow:hidden; } .thumb-slider li { list-style:none; display:block; float:left; margin:5px 5px 5px 0px ; } h2.short-box { background:url("../images/time_bg_head_short.jpg") no-repeat scroll 0 0 transparent; } #day-detail .col-two h2 { font-size:15px; line-height:15px; min-height:16px; padding:11px 0 9px 20px; margin-bottom:0; margin-left:-14px; color:#733900; font-weight:bold; } #day-detail .col-two p { width:172px; } h2.nobg-header { background:url("../images/divisionNotas.png") no-repeat -14px 25px; margin-bottom:11px !important; padding-top:3px !important; } #en-video { margin-top:20px; } h2.long-box { background:url("../images/time_bg_head_long.jpg") no-repeat scroll 0 0 transparent; color:#733900; font-size:15px; font-size:15px; font-weight:bold; line-height:15px; min-height:16px; padding:11px 0 9px 20px; } h2.shorter-box { background:url("../images/time_bg_head_long.jpg") no-repeat scroll 90% 0 transparent; color:#733900; font-size:15px; font-size:15px; font-weight:bold; line-height:15px; min-height:16px; padding:11px 0 9px 20px; } #en-video .video-list {} #en-video .video-list li { list-style:none; float:left; margin-right:15px; } #en-video .video-list li.last { margin-right:0px; } #en-video .video-list li span { display:block; width:110px; font-size:10px; } #sidetabs .tabbox { margin-left:20px; } /* min-height:313px; */ #sidetabs .ui-tabs-hide { display:none; } #sidetabs .tab-title { display:none; } #sidetabs .orangelist { margin-top:25px; } #sidetabs .orangelist li { width:211px; height:auto; min-height:18px; margin-bottom:20px; line-height:14px; background-position:0 100%; } #sidetabs .orangelist li a { display:block; margin-left:25px; margin-top:-15px; } #sidetabs .tab-links { width:254px; height:40px; clear:both; list-style:none; } #sidetabs .ui-state-default, #sidetabs .ui-state-default a, #sidetabs .ui-state-default a span { width:127px; height:40px; float:left; } #sidetabs .ui-state-selected, #sidetabs .ui-state-selected a, #sidetabs .ui-state-selected a span { width:127px; height:40px;float:left; } #sidetabs .ui-state-default a:hover { text-decoration:none; } #sidetabs .ui-state-default a span em { visibility:hidden; } #sidetabs .ui-state-default a, #sidetabs .ui-state-default a span { background:url(../images/time_bg_tabs_timeline_en.jpg) no-repeat 0 -42px; } #sidetabs .ui-state-active.ui-state-default a, #sidetabs .ui-state-active.ui-state-default a span { background:url(../images/time_bg_tabs_timeline_en.jpg) no-repeat 0 -2px; } #sidetabs .ui-state-default.tab-1 a, #sidetabs .ui-state-default.tab-1 a span { background:url(../images/time_bg_tabs_timeline_en.jpg) no-repeat -127px -2px; } #sidetabs .ui-state-active.ui-state-default.tab-1 a, #sidetabs .ui-state-active.ui-state-default.tab-1 a span { background:url(../images/time_bg_tabs_timeline_en.jpg) no-repeat -127px -42px; } .es #sidetabs .ui-state-default a, .es #sidetabs .ui-state-default a span { background:url(../images/time_bg_tabs_timeline_es.jpg) no-repeat 0px -42px; } .es #sidetabs .ui-state-active.ui-state-default a, .es #sidetabs .ui-state-active.ui-state-default a span { background:url(../images/time_bg_tabs_timeline_es.jpg) no-repeat 0 -2px; } .es #sidetabs .ui-state-default.tab-1 a, .es #sidetabs .ui-state-default.tab-1 a span { background:url(../images/time_bg_tabs_timeline_es.jpg) no-repeat -127px -2px; } .es #sidetabs .ui-state-active.ui-state-default.tab-1 a, .es #sidetabs .ui-state-active.ui-state-default.tab-1 a span { background:url(../images/time_bg_tabs_timeline_es.jpg) no-repeat -127px -42px; } #buttons-before { background:url(../images/time_hor_bar.jpg) no-repeat 0 100%; } #subpage-sizer { position:absolute; top:26px; left:592px; } h2.head1 { color:#733900; font-size:18px; line-height:22px; margin-bottom:0; margin-left:0px; min-height:38px; padding:11px 0 9px 20px; background:url("../images/h_col2_bg1.jpg") no-repeat scroll 0 0 transparent; } h2.head1 {} h2.head2 { color:#733900; font-size:18px; line-height:17px; margin-bottom:0; margin-left:0px; min-height:31px; padding:11px 0 9px 20px; background:url("../images/h_col2_bg2.jpg") no-repeat scroll 0 0 transparent; } h2.top-stories { color:#597b3b; font-size:18px; line-height:18px; margin-bottom:0; margin-left:-16px; min-height:19px; padding:11px 0 9px 20px; width:187px; background:url("../images/h_bg_top_stories.jpg") no-repeat scroll 0 0 transparent; } /* min-height:38px; */ h2.unfccc { color:#597b3b; font-size:18px; line-height:18px; margin-bottom:0; margin-left:-14px; min-height:19px; padding:11px 0 9px 20px; width:221px; background:url("../images/h_bg_unfccc.jpg") no-repeat scroll 0 0 transparent; } h2.documentos { color:#597b3b; font-size:18px; line-height:18px; margin-bottom:0; margin-left:-13px; min-height:19px; padding:11px 0 9px 20px; width:221px; background:url("../images/h_bg_documentos.jpg") no-repeat scroll 0 0 transparent; } .header-table { width:680px; height:35px; border-collapse:collapse; position:absolute; margin-left:0px; margin-top:261px; } h2.centro { color:#597b3b; font-size:18px; line-height:29px; margin-bottom:0; margin-left:0px; min-height:31px; padding:11px 0 9px 20px; background:url("../images/h_bg_centro.jpg") no-repeat scroll 0 0 transparent; } h2.noticias { color:#434343; font-size:15px; font-weight:bold; line-height:37px; margin-bottom:0; margin-left:-4px; min-height:37px; padding:11px 0 9px 20px; background:url("../images/h_bg_noticias.jpg") no-repeat scroll 0 0 transparent; } h2 .rss { width:15px; height:16px; position:absolute; left:298px; top:10px; background:url("../images/bg_rss.jpg") no-repeat scroll 0 0 transparent; } #h-gallery h2.webcast { color:#434343; font-size:15px; font-weight:bold; line-height:15px; margin-bottom:0; margin-left:0px; min-height:37px; padding:11px 0 9px 20px; width:333px; background:url("../images/h_bg_webcast.jpg") no-repeat scroll 0 0 transparent; } #h-gallery h2.noticias { color:#434343; font-size:15px; font-weight:bold; line-height:15px; margin-bottom:0; margin-left:0px; min-height:37px; padding:11px 0 9px 20px; width:333px; background:url("../images/h_bg_entrevistas.jpg") no-repeat scroll 0 0 transparent; } #h-gallery #gal-media-list { margin-top:0px; margin-bottom:25px; } #h-gallery #gal-media-list p { width:204px; margin-bottom:0px; margin-left:18px; } #h-gallery .ent-list { margin-bottom:10px; } #h-gallery h2.entrevistas { color:#434343; font-size:15px; font-weight:bold; line-height:15px; margin-bottom:0; margin-left:0px; min-height:37px; padding:11px 0 9px 20px; width:333px; background:url("../images/h_bg_entrevistas.jpg") no-repeat scroll 0 0 transparent; } /* Press */ .page_news#layout-2col #col1 { position:relative; top:-1px; padding:0px; } .page_news#layout-2col .col1-full { margin-left:10px; } .rev2 .page_news#layout-2col #banners.sliding { margin-bottom:-40px; margin-left:0px; width:949px; background:none repeat 0 0 #CFCDBF; padding:13px 0 0; } .page_news#layout-2col #col2 .big-btn-container { margin-bottom:15px; } .rev2 .page_news #mainStage { background:url("../images/banner_press.jpg") no-repeat 0 0; } .rev2 .page_news #header-section { width:650px; height:30px; margin-top:15px; } .rev2 .page_news #header-section h2 { margin-left:10px; } .rev2 .page_news .header-mas { position:absolute; left:552px; top:17px; color:#2b3d15; } .rev2 .page_news .header-mas a { color:#2B3D15; } .rev2 .page_news .header-mas span { display:block; float:right; margin-left:5px; width:19px; height:19px; background:url("../images/greenArrow.png") no-repeat 0 0; } .rev2 .page_news #mainStage { margin-top:0px; } .rev2 .page_news #col2 .side-list-header h2, .presscenter { color:#733900; font-size:18px; line-height:14px; } /* Timeline only on Press Section */ #non-press .content { background-position:50% 41px; } #non-press #breadcrumb { top:49px; } #non-press .content .inner { padding-top:77px; } #non-press .content#layout-homepage .inner { padding-top:0px; } #non-press #layout-homepage #col1 { margin-top:-10px; } #non-press #layout-homepage #col2 { margin-top:31px; } /* Timeline */ .timeline-box { position:absolute; top:43px; left:0px; } #layout-homepage .timeline-box { position:absolute; top:43px; left:0px; } .timeline-box .timeline-title { float:left; background:url(../images/cop16-timeline-title.png) no-repeat left top; width:132px; height:57px; } /* Spanish banner for spanish side */ .es .timeline-box .timeline-title { background:url(../images/cop16-timeline-title-es.png) no-repeat left top !important; } .timeline-box .timeline-day { float:left; font-family:'Trebuchet MS',helvetica,sans-serif; width:58px; font-size:18px; color:#5d813d; background:url(../images/timeline-day-bg.png) no-repeat right; height:39px; padding:18px 0 0; } .timeline-box .timeline-text { float:left; background:url(../images/timeline-text-bg.png) no-repeat left; height:57px; width:160px; font-size:10px; } .timeline-box ul.timeline-arrows { float:right; list-style:none; margin:0; padding:0; margin-left:-5px; /*width:820px;*/ width:843px; } .timeline-box ul.timeline-arrows li { float:left; background:url(../images/timeline-arrow-on.png) no-repeat; /*width:71px;*/ width:65px; height:38px; padding:20px 0 0 25px; margin-left:-36px; cursor:pointer; } .timeline-box ul.timeline-arrows li.on{ float:left; background:url(../images/timeline-arrow-off.png) no-repeat left bottom; width:65px; height:38px; padding:20px 0 0 25px; margin-left:-36px; color:#444; } .timeline-box ul.timeline-arrows li.wide{ float:left; background:url(../images/timeline-arrow-wide.png) no-repeat -1px 0; width:263px; height:58px; padding: 0 6px 0 20px; margin-left:-32px; color:#485800; } /* width:273px; margin-left:-36px; padding:0 0 0 20px; */ .timeline-box ul.timeline-arrows li.wide .day-num { float:left; padding:20px 0; font-size:20px; font-weight:bold; margin-left: 3px; } .day-text { display:none; } .timeline-box ul.timeline-arrows li.wide .day-text { float:left; padding:10px 5px 5px 10px; width:140px; font:10px arial; } .timeline-box ul.timeline-arrows li .day-num { margin-left:-3px; } .timeline-box ul.timeline-arrows li.wide .day-text a { color:#495700; } .timeline-box ul.timeline-arrows li.last{ float:right; background:url(../images/timeline-arrow-last.png) no-repeat top right; width:50px; height:38px; padding:20px 0 0 31px; margin-left:-36px; } /* padding:20px 0 0 25px; */ .timeline-box ul.timeline-arrows li.on.last{ background:url(../images/timeline-arrow-last.png) no-repeat scroll 0 0 transparent; } .timeline-box ul.timeline-arrows li.on.last.wide{ float:right; background:url(../images/timeline-arrow-wide-last.png) no-repeat top left; width:249px; height:58px; padding:0px 0 0 28px; margin-left:-36px; } /* padding:0px 0 0 25px; */ .timeline-box ul.timeline-arrows li.future{ color:#888; cursor:pointer; } /* .rev2 .link { background:url(../images/orangeArrow.png) no-repeat 0 0; } */ /* -- stage --*/ .rev2 #mainStage { background-repeat: no-repeat; background-position: center top; float: left; width: 650px; height: 230px; margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } /* background-image: url(../images/h-mainstageBG.jpg); */ .rev2 .fechaStage { color: #FFFFFF; background-image: url(../images/fechaBG.png); background-repeat: no-repeat; background-position: right top; height: 24px; padding: 0px; margin-left: 20px; margin-bottom:0px; width: 82px; text-indent: 10px; } .text-alignment { position:absolute; bottom:38px; left:0; } .rev2 .stageTitle { font-size: 24px; color: #FFFFFF; text-decoration: none; background-image: url(../images/decoOne.png); background-repeat: no-repeat; background-position: left bottom; padding-top: 40px; padding-right: 0px; padding-bottom: 20px; padding-left: 20px; width: 250px; line-height: 24px; font-weight: normal; } .rev2 .stageKicker { font-size: 12px; color: #FFFFFF; text-decoration: none; background-image: url(../images/decoTwo.png); background-repeat: no-repeat; background-position: left bottom; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 20px; margin-top:-20px; margin-bottom:0px; width: 250px; line-height: 16px; font-weight: normal; } .carousellink {padding:0 0 3px 5px; background:none !important; float:none !important; display:inline !important; font-size:11px !important; line-height:16px !important;text-decoration:underline !important; } .rev2 #stageButtons{ padding-left: 20px; padding-top: 10px; margin-bottom:0px; } .rev2 #mainStage a { line-height: 22px; color: #FFFFFF; text-decoration: none; background-image: url(../images/stageSel.png); background-repeat: no-repeat; background-position: left top; text-align: center; vertical-align: middle; display: block; height: 22px; width: 22px; float: left; } .rev2 #mainStage a:hover, .rev2 #mainStage a.on { background-image: url(../images/stageSelOver.png); background-repeat: no-repeat; background-position: left top; } /* --Subnav-- */ .navegacionLateral, .greenlist, .orangelist { font-size: 12px; color: #333333; text-decoration: none; display: list-item; line-height: 19px; text-align: left; vertical-align: top; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; clear: both; list-style-type: none; } /* float: left; */ .navegacionLateral li, .orangelist li { background-image: url(../images/divisionNotas.png); background-repeat: no-repeat; background-position:0 6px; width: 240px; padding:2px 0 9px; line-height: 19px; min-height: 18px; list-style-position: inside; list-style-image: url(../images/orangeArrow.png); list-style-type: none; } /* height: 18px; */ .greenlist li { background-image: url(../images/divisionNotas.png); background-repeat: no-repeat; background-position:0 6px; width: 240px; padding:2px 0 9px; line-height: 19px; height: 18px; list-style-position: inside; list-style-image: url(../images/greenArrow.png); list-style-type: none; } .navegacionLateral li a, .greenlist li a { color:#6a6c6b; display:block; height:25px; margin-left:27px; margin-top:-19px; } /* FANCYBOX (JQUERY) OVERLAY CONTROL ------------------------------------------------------------------------------------- */ #fancybox-loading { position:fixed; top:50%; left:50%; margin-top:-20px; margin-left:-20px; width:40px; height:40px; display:none; cursor:pointer; overflow:hidden; z-index:1104; } #fancybox-loading div { position:absolute; top:0; left:0; width:40px; height:480px; background-image:url(../images/fancybox.png); } #fancybox-overlay { position:fixed; top:0; left:0; bottom:0; right:0; display:none; background:#000; z-index:1100; } #fancybox-tmp { padding:0; margin:0; border:0; display:none; overflow:auto; } #fancybox-wrap { position:absolute; top:0; left:0; margin:0; padding:20px; display:none; z-index:1101; } #fancybox-outer { position:relative; width:100%; height:100%; background:#fff; } #fancybox-inner { position:absolute; top:0; left:0; margin:0; padding:0; width:1px; height:1px; outline:none; overflow:hidden; text-align:left; } #fancybox-hide-sel-frame { position:absolute; top:0; left:0; width:100%; height:100%; background:transparent; } #fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; display:none; cursor:pointer; background-image:url(../images/fancybox.png); background-position:-40px 0; z-index:1103; } #fancybox-close:hover { border:0; } #fancybox_error { margin:0; padding:7px; color:#444; font:normal 12px/20px arial,sans-serif; } #fancybox-content { padding:0; margin:0; height:auto; width:auto; } #fancybox-img { margin:0; padding:0; width:100%; height:100%; line-height:0; vertical-align:top; outline:none; border:none; } #fancybox-frame { position:relative; width:100%; height:100%; display:block; border:none; } #fancybox-title { position:absolute; bottom:0; left:0; font:normal 11px/13px arial,sans-serif; z-index:1102; } .fancybox-title-inside { padding:10px 0; color:#333; text-align:center; } .fancybox-title-outside { padding-top:5px; color:#fff; text-align:center; font-weight:bold; } .fancybox-title-over { color:#999; text-align:left; display:block !important; position:relative; padding:8px 0 0px; height:13px; background:#fff url(../images/bg-white-cover.png) no-repeat 107% -720px; text-align:center; } #fancybox-title-index { position:absolute; top:8px; left:10px; text-align:left; } #fancybox-title-wrap { display:inline-block; } #fancybox-title-wrap span { height:32px; float:left; } #fancybox-title-left { padding-left:15px; background:url(../images/fancybox.png) no-repeat -40px -90px; } #fancybox-title-main { color:#000; font-weight:bold; line-height:29px; background-image:url(../images/fancybox-x.png); background-position:0 -40px; } #fancybox-title-right { padding-left:15px; background:url(../images/fancybox.png) no-repeat -55px -90px; } #fancybox-left, #fancybox-right { position:absolute; bottom:8px; width:15px; height:12px; display:none; cursor:pointer; outline:none; background:url(../images/bg-white-cover.png) no-repeat 0 0; z-index:1112; } #fancybox-left:hover, #fancybox-right:hover { border:0; } #fancybox-left { right:26px; background-position:0 -712px; } #fancybox-right { right:12px; background-position:0 -736px; } #fancybox-left-ico, #fancybox-right-ico { position:absolute; top:50%; left:-9999px; margin-top:-7px; width:15px; height:12px; display:block; cursor:pointer; z-index:1102;} #fancybox-left-ico { } #fancybox-right-ico { } #fancybox-left:hover, #fancybox-right:hover { visibility:visible; } #fancybox-left:hover { background-position:0 -700px; } #fancybox-right:hover { background-position:0 -724px; } .fancy-bg { position:absolute; padding:0; margin:0; border:0; width:20px; height:20px; z-index:1001; } #fancy-bg-n { top:-20px; left:0; width:100%; background-image:url(../images/fancybox-x.png); } #fancy-bg-ne { top:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -162px; } #fancy-bg-e { top:0; right:-20px; height:100%; background-image:url(../images/fancybox-y.png); background-position:-20px 0; } #fancy-bg-se { bottom:-20px; right:-20px; background-image:url(../images/fancybox.png); background-position:-40px -182px; } #fancy-bg-s { bottom:-20px; left:0; width:100%; background-image:url(../images/fancybox-x.png); background-position:0 -20px; } #fancy-bg-sw { bottom:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -142px; } #fancy-bg-w { top:0; left:-20px; height:100%; background-image:url(../images/fancybox-y.png); } #fancy-bg-nw { top:-20px; left:-20px; background-image:url(../images/fancybox.png); background-position:-40px -122px; } /* ////////////////////// mike template edit ///////////////////////////// */ /* ////////////////////// mike template edit ///////////////////////////// */ #col2 .side-list-header { background:url(../images/2col-header.png) no-repeat; font-family:'Trebuchet MS',helvetica,sans-serif; font-size:18px; color:#630; width:288px; height:32px; text-align:left; padding:13px 0 0 20px; } .side-list { list-style:none; } .side-list li { background:url(../images/hr-divider.png) no-repeat bottom left; width:288px; padding:8px 3px; } .side-list li span { background:url(../images/side-list-bullet.png) no-repeat; padding: 0 0 0 30px; display:block; } .side-list li ul { margin:5px 0 2px 45px; } .side-list li li { padding:0 !important; width:auto; background:none; } .side-list li li span { padding:0; background:none; } .side-list .external-link { background:none; } #col2 .big-btn-container { padding:10px 0 0 15px; } #col-full { width:100%; float:left; } #col-full .timeline-title { float:left; background:url(../images/cop16-timeline-title.png) no-repeat left top; width:132px; height:57px; } #col-full .timeline-day { float:left; font-family:'Trebuchet MS',helvetica,sans-serif; width:58px; font-size:18px; color:#5d813d; background:url(../images/timeline-day-bg.png) no-repeat right; height:39px; padding:18px 0 0; } #col-full .timeline-text { float:left; background:url(../images/timeline-text-bg.png) no-repeat left; height:57px; width:160px; font-size:10px; } #col-full ul.timeline-arrows { float:right; list-style:none; margin:0; padding:0; margin-left:-5px; width:820px; } #col-full ul.timeline-arrows li { float:left; background:url(../images/timeline-arrow-off.png) no-repeat; width:71px; height:38px; padding:20px 0 0 25px; margin-left:-36px; cursor:pointer; } #col-full ul.timeline-arrows li.on{ float:left; background:url(../images/timeline-arrow-on.png) no-repeat left top; width:71px; height:38px; padding:20px 0 0 25px; margin-left:-36px; } #col-full ul.timeline-arrows li.wide{ float:left; background:url(../images/timeline-arrow-wide.png) no-repeat; width:258px; height:58px; padding:0 0 0 20px; margin-left:-36px; } #col-full ul.timeline-arrows li.wide .day-num { float:left; padding:20px 0; font-size:20px; font-weight:bold; } #col-full ul.timeline-arrows li.wide .day-text { float:left; padding:10px 5px 5px 10px; width:140px; font:10px arial; } #col-full ul.timeline-arrows li.last{ float:right; background:url(../images/timeline-arrow-last.png) no-repeat top left; width:48px; height:38px; padding:20px 0 0 25px; margin-left:-36px; } #col-full ul.timeline-arrows li.future{ color:#888; cursor:default; } #col1.col h1 { margin:5px 0 5px 10px; } .col1-full { background:url(../images/rotator.png) no-repeat; width:650px; height:231px; } .col1-left { width:316px; padding:0; margin:0; float:left; } .col1-left-header-top { background:url(../images/col1-header-top.png) no-repeat bottom left; height:27px; font-family:'Trebuchet MS',helvetica,sans-serif; font-size:18px; color:#5d813d; padding:15px 0 0 20px; margin:0 0 10px 0; } .col1-left-body { font-size:11px; padding:0 10px 0 20px; } .col1-left-header { background:url(../images/col1-header-default.png) no-repeat left; height:27px; font-family:'Trebuchet MS',helvetica,sans-serif; font-size:18px; color:#5d813d; padding:17px 0 0 20px; margin:10px 0; } .ver-mas-link { float:right; color:#000; font-size:11px; background:url(../images/side-list-bullet.png) no-repeat right top; margin:0 10px 0 0; padding:3px 30px 0 0; } .col1-right { float:left; width:343px; background:url(../images/2col-bg.png) repeat-y left; padding:0 0 0 2px; } .col1-right .col1-right-header-top { font-family:'Trebuchet MS',helvetica,sans-serif; font-size:18px; color:#5d813d; background:url(../images/col1-right-header-top.png) no-repeat left; float:left; height:25px; width:321px; padding:17px 0 0 20px; } .col1-right-entry { font-size:11px; float:left; width:300px; padding:10px 20px 0 20px; margin:0; background:url(../images/col1-hr.png) no-repeat bottom; } .col1-right .last { background:none; } .col1-right-entry h4 { font-style:italic; font-size:11px; margin-bottom:5px; } .col1-right-entry p { margin:0 0 10px; } .col1-right-header { font-family:'Trebuchet MS',helvetica,sans-serif; font-size:18px; color:#5d813d; float:left; background:url(../images/col1-right-header.png) no-repeat; height:25px; padding:12px 0 0 20px; width:321px; } .content #col1 { margin:0 0 0 1px; padding:24px 20px 40px 0; width:651px; } /* Webcast */ h2.webcast .rss { left:646px; top:528px; z-index:100; } #h-gallery .webcast-list { margin-left:6px; list-style:none; position:relative; } #h-gallery .webcast-list span { position:absolute; left:0px; width:29px; height:21px; background:url(../images/icon_webcast.jpg) no-repeat 0 0; } #h-gallery .webcast-list li { background:url("../images/bg_news_divisor.jpg") no-repeat 0 100% transparent; margin-bottom:9px; padding-bottom:16px; width:300px; } #h-gallery .webcast-list em.date { color:#a05627; font-style:normal; } #h-gallery .webcast-list div.title { margin-left:44px; } #h-gallery p { margin-bottom:20px; margin-left:26px; width:288px; } #h-gallery p small { color:#434343; } /* Header Social */ .rev2 #social-box { width:900px; position:relative; margin:0 auto; z-index:1000; } .rev2 #social-box .component-social { left:659px; } .rev2 #social-box .component-social ul { width:115px; } /* Homepage Banners */ #mid-container { width:970px; } /* Homepage Gallery Media List */ #gal-media-list em { color:#9F5723; } #gal-media-list strong { color: #666666; } /* color:#000; */ /* Homepage Inverview List */ #h-gallery .entrevistas-box { margin-top:-15px; } #h-gallery .entrevistas-box p { width:300px; margin-left:15px; margin-top:0px; margin-bottom:-5px; } #h-gallery .entrevistas-box .ent-list p { width:210px; } /* Gallery Slider */ #gallery-slider .ppy-stagewrap { background-color: transparent !important; } #gallery-slider .ppy-nav { background-color: transparent !important; } #gallery-slider .nav-wrap { width: 100% !important; padding: 0 !important; height: 100% !important; } #gallery-slider .ppy-next { float: right !important; } #gallery-slider .ppy-nav a { background-color: transparent; height: 100% !important; opacity: 0.6; } #gallery-slider .ppy-nav a:hover { opacity: 1; } .ppy-placeholder { margin-bottom: 10px !important; } .image-details { display: none; } /* Homepage table width */ .tbl-col1 { width:207px; } .tbl-col2 { width:240px; } .tbl-col3 { width:232px; } /* Press */ .col1-right-entry .media-links p { margin-right:5px; } /* Media Gallery Paging */ #day-gallery-paging-links { margin-bottom:10px; text-align:center; } #day-gallery-paging-links a, #day-gallery-paging-links span { background: none !important; border: 1px solid; margin: 2px; padding: 2px !important; text-decoration: none; text-align: center; display: inline-block; min-width: 4px; } #day-gallery-paging-links .inline { display: inline !important; padding: 2px 4px; } #day-gallery-paging-links .invisible { visibility: hidden; } #image-gallery-paging-links { margin-bottom:10px; text-align:center; } #image-gallery-paging-links a, #image-gallery-paging-links span { background: none !important; border: 1px solid; margin: 2px; padding: 2px !important; text-decoration: none; text-align: center; display: inline-block; min-width: 4px; } #image-gallery-paging-links .inline { display: inline !important; padding: 2px 4px; } #image-gallery-paging-links .invisible { visibility: hidden; } #video-gallery-paging-links { margin-bottom:10px; text-align:center; } #video-gallery-paging-links a, #video-gallery-paging-links span { background: none !important; border: 1px solid; margin: 2px; padding: 2px !important; text-decoration: none; text-align: center; display: inline-block; min-width: 4px; } #video-gallery-paging-links .inline { display: inline !important; padding: 2px 4px; } #video-gallery-paging-links .invisible { visibility: hidden; } /* News Detail */ #day-detail .col-two .orangelist .external-link { background:url("../images/bg_magnify_list.gif") no-repeat 100% 0; } #layout-2col #day-detail .col-two .text-box .orangelist span { background:none; } /* Media Gallery */ .gallery-3col-headers h2 { width:196px; margin-bottom:0px; float:left; color:#5b7b3c; font-size:18px; line-height:11px; } .gallery-3col-headers h2.dia-title { background:url("../images/bg_gallery_dia2.jpg") no-repeat 0 0; } .gallery-3col-headers h2.img-title { background:url("../images/bg_gallery_img2.jpg") no-repeat 0 0; } .gallery-3col-headers h2.vid-title { background:url("../images/bg_gallery_video2.jpg") no-repeat 0 0; } .gallery-3col-box { margin-bottom:20px } .gallery-3col-box ul { } .gallery-3col-box ul li { clear:both; line-height:14px; margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #C5C5C5; color:#7b797a; font-size:11px; } /* min-height:82px; min-height:117px; min-height:100px; */ .gallery-3col-box ul li.first { } .gallery-3col-box ul li a { color:#7b797a; } .gallery-3col-box ul li img { float:left; margin:0 10px 0px 11px; } .gallery-3col-box #vid-col li a { } /* display:block; width:100px; float:right; */ .gallery-3col-box ul li div.media { float:left; width:62px; } .gallery-3col-box ul li span.text { display:block; width:104px; float:left; } .gallery-3col-box #dia-col {float:left; margin-right:16px; width:202px; } .gallery-3col-box #img-col {float:left; margin-right:16px; width:215px; } .gallery-3col-box #vid-col {float:left; margin-right:0px; width:200px; } .gallery-3col-box #dia-col span.text em { font-style:normal; color:#806432; } .gallery-3col-box #img-col span.text em { font-style:normal; color:#806432; } .gallery-3col-box #vid-col span.text em { font-style:normal; color:#806432; } /* New Press Main */ .junglelist { margin-left:14px; margin-top:10px; } .junglelist li { background-image: url(../images/divisionNotas.png); background-repeat: no-repeat; background-position: 0 100%; width: 178px; padding:2px 0 9px; line-height: 12px; font-size:10px; height: auto; list-style-type: none; text-align:justify; } .junglelist li a { color:#42655f; } .press-bottom .header-table { margin-top:0px; } .rev2 #col1 .press-bottom { width:664px; margin-top:-59px; } .rev2 .press-bottom .top-stories-col { width:222px; } .rev2 .press-bottom .unfccc-col { width:220px; } .rev2 .press-bottom .documentos-col { width:220px;} .press-bottom h2.top-stories { width:222px; margin-left:2px; } .press-bottom h2.unfccc { width:221px; marign-left:-13px; background: url("../images/h_bg_unfccc2.jpg") no-repeat 0 0; } .press-bottom h2.documentos { width:221px; marign-left:-25px; background: url("../images/h_bg_documentos2.jpg") no-repeat 0 0; } .col1-left-body a { color:#666; } /* color:#424242; */ #press-bottom-headers { width:676px; height:64px; overflow:hidden; } #press-bottom-headers #press-discursos { width:200px; float: left; border-right: 1px solid #D0CCC0; } #press-bottom-headers #press-comunicados { width:200px; float: left; border-right: 1px solid #D0CCC0; } #press-bottom-headers #press-articulos { width:200px; float: left; } .press_v2 .col1-left-header { margin: -2px 0 10px; } .press_v2 #h-news { min-height:486px; } .press_v2 .col1-right-entry { background:none; } .press_v2 .press-divider { border-bottom:1px solid #cccec3; width:664px; height:2px; } .rev2 .press_v2 #h-news { background:none; } .press_v2 #h-news .news-thumb-box p { min-height:56px; } #h-news .news-thumb-box p { min-height:56px; } /* Timeline Day 12 */ .timeline-box2 { position:absolute; top:43px; left:0px; width:968px; } #layout-homepage .timeline-box2 { position:absolute; top:43px; left:0px; } .timeline-box2 .timeline-title { float:left; background:url(../images/cop16-timeline-title.png) no-repeat left top; width:132px; height:57px; } /* Spanish banner for spanish side */ .es .timeline-box2 .timeline-title { background:url(../images/cop16-timeline-title-es.png) no-repeat left top !important; } .timeline-box2 .timeline-day { float:left; font-family:'Trebuchet MS',helvetica,sans-serif; width:58px; font-size:18px; color:#5d813d; background:url(../images/timeline-day-bg.png) no-repeat right; height:39px; padding:18px 0 0; } .timeline-box2 .timeline-text { float:left; background:url(../images/timeline-text-bg.png) no-repeat left; height:57px; width:160px; font-size:10px; } .timeline-box2 ul.timeline-arrows { float:right; list-style:none; margin:0; padding:0; margin-left:-5px; width:817px; } .timeline-box2 ul.timeline-arrows li { float:left; background:url(../images/timeline-arrow-on.png) no-repeat; width:71px; height:38px; padding:20px 0 0 25px; margin-left:-36px; cursor:pointer; } .timeline-box2 ul.timeline-arrows li.on{ float:left; background:url(../images/timeline-arrow-off.png) no-repeat left bottom; height:38px; margin-left:-36px; color:#444; width: 67px; padding: 20px 0 0 21px; } .timeline-box2 ul.timeline-arrows li.wide{ float:left; background:url(../images/timeline-arrow-wide.png) no-repeat -1px 0; width:273px; height:58px; padding:0 0 0 20px; margin-left:-36px; color:#485800; } .timeline-box2 ul.timeline-arrows li.wide .day-num { float:left; padding:20px 0; font-size:20px; font-weight:bold; } .day-text { display:none; } .timeline-box2 ul.timeline-arrows li.wide .day-text { float:left; padding:10px 5px 5px 10px; width:140px; font:10px arial; } .timeline-box2 ul.timeline-arrows li.wide .day-text a { color:#495700; } .timeline-box2 ul.timeline-arrows li.last{ float:right; background:url(../images/timeline-arrow-last.png) no-repeat top right; width:50px; height:38px; padding:20px 0 0 25px; margin-left:-36px; } .timeline-box2 ul.timeline-arrows li.on.last{ background:url(../images/timeline-arrow-last.png) no-repeat scroll 0 0 transparent; } .timeline-box2 ul.timeline-arrows li.on.last.wide{ float:right; background:url(../images/timeline-arrow-wide-last.png) no-repeat top left; width:249px; height:58px; padding:0px 0 0 25px; margin-left:-36px; } .timeline-box2 ul.timeline-arrows li.future{ color:#888; cursor:pointer; } .test .timeline-box2 { top:184px; left:56px; width:970px; } #img-col a span.text, #dia-col a span.text, #vid-col a span.text { cursor:pointer; }