/* DIALOGUE CAFÉ CSS Document */ body { background: #e7e8e4 url(../imgs/bg_body.gif) left top repeat; color: #312d1c; font: normal 13px arial; } a { color: #ef5f00; text-decoration: none; } a:hover { text-decoration: underline; } input { border: 0; padding: 0 0 0 5px; vertical-align: middle; font-size: 14px; color: #59574c; height: 20px; background: transparent;} textarea{ border: 0; padding: 0 0 0 5px; vertical-align: middle; font: normal 14px arial; color: #59574c; background: transparent; } select { border: 0; padding: 0 0 0 5px; vertical-align: middle; font: normal 14px arial; color: #59574c; background: #dedfdb; } option { font: normal 14px arial; } h1 { font-size: 36px; letter-spacing: -2px; line-height: 35px; margin-bottom: 5px; text-align: left; color: #ef5f00} h2 { font-size: 22px; letter-spacing: -0.05em; line-height: 20px; margin-bottom: 5px; margin-top: 25px; } h2.subtit { margin-bottom: 25px;} h3 { font-size: 18px; letter-spacing: -0.05em; line-height: 20px; color: #312d1c; margin: 0 0 10px 0} h3.subtitle { font-size: 18px; letter-spacing: -0.05em; line-height: 20px; color: #312d1c; margin: 20px 0 0 0} h3 img { vertical-align: middle} h4 { font-size: 16px; letter-spacing: -0.05em; line-height: 18px; color: #312d1c; margin: 0 0 10px 0} #master { position: relative; float: left; width: 100%; background: url(../imgs/bg_globe.gif) left 530px no-repeat} .smallMaster { background: url(../imgs/bg_globe.gif) left 250px no-repeat !important} #header { position: relative; width: 975px; height: 170px; margin: 0 auto; display: block; position: relative; z-index: 130} #logo { float: left; width: 335px; margin: 40px 0 0 20px; position:absolute; z-index: 999px } #menu { float: right; width: 570px; margin-top: 40px; padding-top: 30px; background: url(../imgs/title_bringPeople.gif) right top no-repeat; position: relative; z-index: 99} #menu ul { float: right; width: 495px; height: 55px; margin-right: 5px; padding-right: 5px; background: url(../imgs/bg_menu.gif) right top no-repeat;} #menu ul li { float: right; display: inline; overflow: hidden; font-size: 18px; font-weight: bold; line-height: 18px; padding: 13px 5px 0 5px; letter-spacing: -0.08em!important } #menu ul li a { display: inline-block; height: 23px; padding: 3px 10px 0 10px; color: #fff; } #menu ul li a:hover { background: #ef5f00; text-decoration: none;} #menu ul .extra a { color: #cd5100} #menu ul .extra a:hover { color: #fff; background: #cd5100;} #banner_rio {position:relative; width:798px; height:507px; top: -105px; margin-left: 105px; z-index: 100; left: 0; margin-right: -637px; margin-bottom: -507px } #banner_rio img {position: relative;} #banner_rio a {position: relative; top: -155px; left: 410px;background: url(../imgs/close_banner.gif) left top no-repeat; width: 46px; height: 14px; display: block} #brandarea { position: relative; width: 975px; height: 335px; margin: 0 auto; padding-bottom: 70px; display: block; background: url(../imgs/bg_content.gif) left bottom no-repeat; margin-bottom:30px} #anim { float: left; width: 640px; height: 360px; margin: 0 0px 0 0px;} #intro { position: relative; float: right; width: 310px; margin: 10px 0 0 0px; font-size: 14px; line-height: 18px; color: #312d1c} #intro h1 { margin-left: 10px; font-size: 34px} #intro p { /*width: 250px;*/ margin: 5px 15px 5px 10px; font-size:12px} #bannerClose { /*position: relative; z-index: 99; left: -105px; top: -215px; height: 130px; margin-bottom:-225px;*/} #close_banner{ position:absolute; top: 155px; left:-55px} .small_banner { position:absolute; height: 130px; top: -90px; left:-310px} #intro .btn { display: block; width: 148px; height: 52px; background:url(../imgs/btn_learnmore.gif) left top no-repeat; float: left} #contentBox { position: relative; width: 950px; margin: 0 auto; padding: 10px 5px 0 20px; display: block; } #content { position: relative; float: left; width: 100%; display: block; background: url(../imgs/bg_footer.gif) center bottom no-repeat; padding-bottom: 80px} .smallMaster #content { padding-bottom: 150px} .lft_area { float: left; width: 300px; } .mdl_area { float: left; width: 285px; margin: 0 35px } .rgt_area { float: left; width: 295px;} #content .rgt_area { height: 280px;} .inner_content { float: left; background: url(../imgs/bg_inner_lft.gif) 595px top no-repeat; padding-bottom: 35px;} .inner_content2 { float: left; background: url(../imgs/bg_content.gif) left bottom no-repeat; padding-bottom: 120px; } .bgClean { background:none!important} .inner_lft { float: left; width: 580px; padding: 0 50px 0 0; text-align: justify; /*margin-bottom: 30px;*/ } .inner_rgt { float: left; width: 320px; padding-bottom: 50px;} .inner_content2 .inner_lft { width: 405px; padding:0; margin-right: 20px; } .inner_content2 .inner_rgt { width: 500px; margin-left: 20px; } #footer { position: relative; width: 950px; padding: 0 5px 60px 20px; clear: both; margin: 0 auto; background: url(../imgs/bg_footer_bot.gif) center top no-repeat} #label { position:absolute; top: -80px;right: 50px; width: 185px; height: 160px; } #logos, #credits{ clear: both; width: 100%; padding: 20px 0 0 0; font-size: 10px; color: #6c643d} #logos { padding-top:35px} #logos img { margin-right: 45px; float: left} #logos .ol img { margin-left: 105px} /* Geral */ .modulo { clear: both; float: left; width: 100% } .inner_content .modulo { padding-bottom: 20px;} .modulo.donate p{margin-bottom:15px;} ul.list li { font-size: 11px; color: #96998e; margin: 0 20px 15px 0 } ul.list li a { font-size: 15px; line-height: 16px; font-weight: bold; letter-spacing: -0.02em;} #footer ul.list li { margin: 0 0 10px 0} #footer ul.list li a { font-size: 12px; line-height: 13px; color: #747269} ul.social { float: left; width: 230px; background: url(../imgs/bg_social.gif) left top no-repeat; padding: 10px 10px } ul.social li { float: left; width: 47%; margin: 5px 0 5px 5px;} ul.social li a { display: inline-block; height: 22px; padding: 2px 0 0 26px; font-size: 14px; letter-spacing: -0.03em; font-weight: bold; color: #747269} .social_youtbe { background: url(../imgs/icon_youtube.gif) left top no-repeat; } .social_twitter { background: url(../imgs/icon_twitter.gif) left top no-repeat; } .social_facebook { background: url(../imgs/icon_facebook.gif) left top no-repeat; } .social_flickr { background: url(../imgs/icon_flickr.gif) left top no-repeat; } .social_slideshare { background: url(../imgs/icon_slideshare.gif) left top no-repeat; } .social_vimeo { background: url(../imgs/icon_vimeo.gif) left top no-repeat; } .fedd_rss { background: url(../imgs/icon_rss.gif) left top no-repeat; } .fedd_mail { background: url(../imgs/icon_mail.gif) left top no-repeat; } .form { display: block; margin: 6px 0 2px 0; } .form input { margin: 3px 15px 0 3px; width: 225px;} .form select{ margin: 3px 15px 0 3px; width: 230px;} .form label { font-size: 14px; font-weight: bold; color: #59574c;} .form195 { background: url(../imgs/form_195px_orange.gif) left top no-repeat; height: 29px; } .form195 a { display: inline-block; color: #fff; font-size: 18px; line-height: 20px; font-weight: bold; letter-spacing: -0.08em; padding: 4px 0 0 8px;} .form240 { background: url(../imgs/form_240px.gif) left top no-repeat; height: 29px; } .note { display: inline-block; float: left; font-size: 9px; color: #6c643d; padding-top: 5px} .btn { display: inline-block; float: right; padding: 5px 40px 0 0;} /* img */ .img_destaque { width: 580px; margin: 5px 0 10px 0} /* txt */ .inner_lft p { margin-top: 15px} .inner_lft p.firstp { margin-top: 0px !important} .intro { color: #f99f29; font-style: italic; font-size: 14px; line-height: 18px; margin-top: 0 !important;} .bold { font-weight: bold; letter-spacing: -0.01em;} .introClean{ clear:both} .smallMaster p { margin: 10px 0} /* NAVIGATION */ .nav { position: relative; float: left; width: 430px; margin: 30px 0 10px 0} .nav a { font-size: 16px; font-weight: bold; letter-spacing: -0.05em; display: inline-block; padding-bottom: 10px; color: #49a1b2} .nav .bck { background: url(../imgs/arrow_older.gif) left bottom no-repeat; padding-left: 10px; margin-right: 10px} .nav .fwd { background: url(../imgs/arrow_newer.gif) right bottom no-repeat; padding-right: 15px; margin-left: 10px} /* Sub Menu*/ .subMenuBid ul{ background:url(../imgs/bg_sub_menu.gif) no-repeat bottom left; padding-bottom:18px; overflow:hidden} .subMenu ul{ background:url(../imgs/bg_sub_menu.gif) no-repeat bottom left; padding-bottom:18px; overflow:hidden} .subMenu ul li{ display:inline; float:left; margin-left:12px; padding-bottom:4px} .subMenu ul li a{ color:#7a7970; font-size:15px; font-weight:bold; padding:0 0 0px 8px; line-height:26px; float:left; } .subMenu ul li a span{ color:#7a7970; font-size:15px; font-weight:bold; padding:0 8px 0px 0; line-height:26px; float:left; cursor:pointer} .subMenu ul li a:hover{ background:url(../imgs/bg_submenu_left.gif) no-repeat top left; text-decoration:none} .subMenu ul li a:hover span{ background:url(../imgs/bg_submenu_right.gif) no-repeat right top; color:#FFFFFF} .subMenu ul li a.selected{ background:url(../imgs/bg_submenu_left.gif) no-repeat top left; text-decoration:none } .subMenu ul li a.selected span{ background:url(../imgs/bg_submenu_right.gif) no-repeat right top; color:#FFFFFF} .tabLineItem{ display:block; overflow:hidden; padding-bottom:12px} .tabLineItemLeft { float:left; width:115px; margin-top:20px} .tabLineItemLeft2 { float:left; width:130px; height: 145px; margin-top:30px; margin-right: 3px; padding-right: 11px;} .tabLineItemRight{ float:right; width:440px; padding-right:20px;} .tabLineItem h2{ margin-top:20px; font-size:18px} .tabLineItem h3{ color:#18767e; font-size:14px; margin-bottom:2px} .tabLineItemLeft2 span { color:#666; font-size:11px; font-weight: bold; text-align: left;} .tabLineItemLeft2 img { margin-bottom: 3px;} .latText{ padding-right:20px; text-align:justify} .latText h3{ font-size:24px; letter-spacing:-2px; padding-top:5px} .latText p{ padding:5px 0 20px 0} .latText p a { background-color:#f99f29; padding:0 3px; color:#FFFFFF} .latText p a:hover { text-decoration: none; background:none;color: #ef5f00;} /*networks*/ .inner_content2 .inner_lft h2 { margin-top: 10px; margin-bottom: 10px;} .inner_content2 .inner_rgt h1 { position: relative; margin-top: -90px } .inner_content2 .inner_rgt h1 a { position: relative; } .inner_content2 .subMenu { background: url(../imgs/bg_tabs2.gif) left bottom no-repeat} .inner_content2 .subMenu ul{ background: none} .networkcafe { margin-top: 30px; /*overflow:hidden*/} .networkcafe .lft { float: left; width: /*272px*/ 192px;} .networkcafe .lft .adress { margin-left: 5px; margin-top: 10px} .networkcafe .rgt { float: right; width: 268px} .networkcafe .rgt .adress { margin-left: 5px; margin-top: 10px} .networkcafe .temp{ background:url(../imgs/network_amester.jpg) left top no-repeat; height:304px; width:550px;overflow:hidden; float:left} .networkcafe .adress{ margin:85px 0 0 295px;/*min-height:240px; */position:relative} .networkcafe .adress .link a{ position:absolute; height:70px; width:210px; display:block} .bigFoto { width: 400px; background: url(../imgs/bigPhoto_botShadow.gif) left bottom no-repeat; padding-bottom: 9px;} .bigFoto span { display: block; width: 390px; background: url(../imgs/bigPhoto_rgtShadow.gif) right top no-repeat; padding-right: 11px;} .bigFoto span img { border-top: 5px solid #fff; border-left: 5px solid #fff } .fotoNav { float: left; width: 100%; display: block; clear: both; margin: 10px 0;} .fotoNav li { float: left; background: url(../imgs/photo_thumb.gif) left top no-repeat; width: 65px; height: 78px; padding: 3px 12px 3px 3px } .fotoNav li.bck,.fotoNav li.fwd { float: left; background: none; width: 24px; height: 78px; padding: 3px 8px 3px 0 } .fotoNav li.fwd { padding-left: 5px; padding-right: 0} .fotoNav li.bck a, .fotoNav li.fwd a {display: block; width: 24px; height: 78px} .fotoNav li.bck a { background: url(../imgs/icon_bck_off.gif) left 20px no-repeat } .fotoNav li.bck a:hover { background-image: url(../imgs/icon_bck_on.gif) } .fotoNav li.fwd a { background: url(../imgs/icon_fwd_off.gif) left 20px no-repeat } .fotoNav li.fwd a:hover { background-image: url(../imgs/icon_fwd_on.gif) } .adress p { margin-bottom: 20px; text-align:left !important} .adress a.map { width: 17px; height: 17px; display: inline-block; background: url(../imgs/linkMap_off.gif) left top no-repeat; vertical-align: middle} .adress a:hover.map { background: url(../imgs/linkMap.gif) left top no-repeat;} .adress .note { float: left; padding: 15px 25px 30px 0} .agendaPresent { float: left; padding-bottom: 30px; margin-bottom: 20px; background: url(../imgs/bg_agendaPresent.gif) 5px bottom no-repeat} .agendaDay { float: left; position: relative;width:487px; background: url(../imgs/agendaDay_sbot.gif) left bottom no-repeat; padding-bottom:6px; margin: 5px 0 8px 0} .agendaDay .innerDay { float: left; width: 355px; overflow: hidden; padding: 15px 30px 15px 100px; background: #efede3 url(../imgs/agendaDay_slat.gif) left top repeat-y; line-height: 18px;} .agendaDay .innerDay h3 { margin-bottom: 3px;} .agendaDay .innerDay p { margin-top: 3px; color: #747269; } .agendaDay .innerDay p .sep { color: #f07728} .agendaDay .day { position: absolute; z-index: 999; left: -8px; top: 15px; width: 92px; height: 96px; margin-bottom: -96px; } .agendaDay .dayA {background: url(../imgs/day_bg_A.gif) left top no-repeat;} .agendaDay .dayB {background: url(../imgs/day_bg_B.gif) left top no-repeat;} .agendaPast { float: left; width: 100%; display: block; position:relative; clear: both; } .agendaPast li { float: left; width: 44px; height: 55px; padding: 10px 11px 0 8px; margin: 0 2px; background-color:#0033CC} .agendaPast li.bck,.agendaPast li.fwd { float: left; background: none; width: 24px; padding: 3px 8px 3px 0 } .agendaPast li.bck a, .agendaPast li.fwd a {display: block; width: 24px; height: 78px} .agendaPast li.bck a { background: url(../imgs/icon_bck_off.gif) left 20px no-repeat } .agendaPast li.bck a:hover { background-image: url(../imgs/icon_bck_on.gif) } .agendaPast li.fwd a { background: url(../imgs/icon_fwd_off.gif) left 20px no-repeat } .agendaPast li.fwd a:hover { background-image: url(../imgs/icon_fwd_on.gif) } .agendaPast .bg_a { background: url(../imgs/pDay_bg_a.gif) left top no-repeat} .agendaPast .bg_b { background: url(../imgs/pDay_bg_b.gif) left top no-repeat} .agendaPast .bg_c { background: url(../imgs/pDay_bg_c.gif) left top no-repeat} .agendaPast li a img { display:block; background: #747269 ;} .agendaPast li a:hover img { background: #ef5f00;} .agendaPast li.select img { background: #ef5f00;} .agendaPast li div { width: 400px; height: 200px; position: absolute; top: 75px; left: 10px; font-size: 11px } .agendaPast li div h4 { margin-bottom: 0} .videoMod{ height:170px; width:290px; background:url(../imgs/bg_video.png) no-repeat top left; padding:7px 0 0 7px} .textOrange{ font-size:15px; color:#ef5f00; font-weight:bold;} .textOrange span{ color:#96998e; font-size:11px; display:block; font-weight:normal} .placeList{ width:100%} .marginTop{ margin-top:60px} .marginBotom{ margin-bottom:20px} /*FAQS*/ .faqsList { margin-top:10px; width:580px} .faqsList li { padding:10px 0 3px 0;overflow:hidden} .faqsList li img{ float:left; width:27px; vertical-align:middle; padding-right:5px} .faqsList li .faqsQuestion{ float:left; font-size:15px; font-weight:bold; width:545px ; color:#ef5f00;cursor:pointer; } .faqsList li .faqsContent{ float:left; clear:both; width:530px; font-size:13px; font-weight:normal; color:#000000; padding:8px 0 0 37px; background:url(../imgs/bg_faqs_list.gif) no-repeat top left; margin-left:7px; line-height:17px} .faqsList li .selected{ text-decoration:underline} .faqsContent ul{ padding:10px 10px 10px 25px} .faqsContent ul li{ list-style:circle!important; overflow:inherit!important} .bannerHome{ margin:-15px 0 34px -12px} .inner_lft650{ width:650px!important; padding-right:0!important} .inner_rgt295{ width:295px!important} .proposalsPdf .proposalsBox{ background:url(../imgs/bg_proposals_pdf.gif) no-repeat top left; padding-left:77px; margin:30px 0 0 20px; font-size:14px; font-weight:bold; display:block; color:#000000; letter-spacing:-1px; padding-bottom:10px} .proposalsBox .proposalsBoxTitle{font-size:18px; font-weight:bold; padding-bottom:5px; display:block} .proposalsPdf a:hover{ text-decoration:none} .proposalsPdf a{ color:#ef5f00; font-size:14px; padding-bottom:10px; display:block} .proposalsPdf_wide { clear: both; display: block;} .proposalsPdf_wide a { margin-left: 0 !important} .textProposals{ text-align:left; padding:15px 0 80px 0} .textProposals h2{ font-weight:normal} .textProposals p{ padding-right:80px} .textProposals p.introText{ font-size:16px;} .textProposals a{ text-decoration:underline} .textProposals .linkpdf{ font-size:14px; font-weight:bold; text-decoration:underline} .fecebookBox{ border-bottom:1px solid #aaaaaa; width:238px} .cafesBox{width:293px; margin:0 42px 0 20px} .listCafes{overflow:hidden} .listCafes li a, .listCafes li{float:left} .moreCafes{font-size:15px;color:#212121;font-weight:bold;padding-top:10px} .redesLinks a{float:left} .redesLinks iframe{float:left;padding:18px 0 0 10px} .smallLink{font-size:12px} .networkcafeLine{ overflow:hidden; padding-bottom:25px; text-align:left}