/* ------------------------------------ CSS Desenvolvido pela pianoLab | Agencia Interativa Author: Luiz Paulo Ultima Atualização: Alterado Por: Valdênia Andrade Favor não quebrar meu código ------------------------------------ */ /* reset */ 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;vertical-align:baseline;text-decoration:none} strong{font-weight:bold;} :focus{outline:0} ol, ul{list-style:none} table{border-collapse: separate;border-spacing:0} caption, th, td{text-align: left;font-weight: normal} blockquote:before, blockquote:after, q:before, q:after {content: ""} blockquote, q{ quotes: "" ""} html{overflow:-moz-scrollbars-vertical} a{color:#989898} a:hover{text-decoration:none;} .clear {clear: both;} .radius{-moz-border-radius: 8px;border-radius: 8px;-webkit-border-radius: 8px;} .shadow{box-shadow:0px 0px -10px #575757;-moz-box-shadow:0px 0px 1px #575757;-webkit-box-shadow:0px 0px 1px #575757} cite {font-style:italic; display:block} /* global */ body{font-family:Tahoma, Verdana, Helvetica, sans-serif; font-size:11px; background:#e3e3e3} #container {} a.more {color:#666; font-size:12px; float:right; margin:5px 5px 5px 0} a.more:hover {color:#464646} a.nav-tab-more {margin:7px 5px 5px 7px; float:left} /* alert */ #alert-message {background:#000; font-size:14px; text-align:center; color:#fff; font-weight:bold; padding:20px;} /* header */ #header {height:232px} #header #wrap-info-header {width:982px; height:196px; margin:0 auto} #header #wrap-info-header .date-event {width:726px; height:234px;float:right; display:block; background:url(../images/3d-header.jpg) no-repeat 0 0} #header #wrap-info-header .date-event p {width:355px; height:54px; background-position:-133px -534px; float:right; margin:64px 76px 0 0} #header #wrap-info-header .nav-presentation {width:256px; height:56px; display:block; padding:10px 0 0 0;} #header #wrap-info-header .nav-presentation h2 {width:94px; height:12px; background-position:0 -499px; margin-top:0px} #header #wrap-info-header .nav-presentation ul {width:256px; height:56px; display:block; margin-top:5px; position:relative} #header #wrap-info-header .nav-presentation ul li {float:left; display:block; margin-right:12px; margin-bottom:0px;} #header #wrap-info-header .nav-presentation ul li a {padding:4px 0} #header #wrap-info-header .nav-presentation ul li a.ministry {width:86px; height:20px; background-position:0 8px} #header #wrap-info-header .nav-presentation ul li a.culture {width:33px; height:51px; background-position:0 -21px; position:relative; top:-10px;} #header #wrap-info-header .nav-presentation ul li a.government {width:61px; height:21px; background-position:-152px 6px; position:absolute;bottom:0;left:0;} #header #wrap-info-header .nav-presentation ul li a.bank {width:72px; height:16px; background-position:-279px 0; margin-top:8px} #header #wrap-info-header h1.logo {width:284px; height:22px; background-position:-394px 0; margin-top:45px; position:absolute} #header #wrap-info-header h1.logo a {width:284px; height:22px; display:block} #header #wrap-nav-main {height:36px; background:#eee} #header #wrap-nav-main .info-nav {width:982px; height:36px; margin:0 auto; background:#eee; position:relative} #header #wrap-nav-main .info-nav ul {position:absolute; left:-8px} #header #wrap-nav-main .info-nav ul li {float:left; display:block; margin-right:5px} #header #wrap-nav-main .info-nav ul li a {padding:12px 15px; height:12px} #header #wrap-nav-main .info-nav ul li a.about {background-position:-553px -486px; width:84px} #header #wrap-nav-main .info-nav ul li a.about:hover {background-position:-553px -525px} #header #wrap-nav-main .info-nav ul li a.programming {background-position:-674px -486px; width:70px} #header #wrap-nav-main .info-nav ul li a.programming:hover {background-position:-674px -525px} #header #wrap-nav-main .info-nav ul li a.photos {background-position:-770px -486px; width:38px} #header #wrap-nav-main .info-nav ul li a.photos:hover {background-position:-770px -525px} #header #wrap-nav-main .info-nav ul li a.videos {background-position:-840px -486px; width:33px} #header #wrap-nav-main .info-nav ul li a.videos:hover {background-position:-840px -525px} #header #wrap-nav-main .info-nav ul li a.news {background-position:-911px -486px; width:38px; margin-left:2px} #header #wrap-nav-main .info-nav ul li a.news:hover {background-position:-911px -525px} #header #wrap-nav-main .info-nav ul li a.contact {background-position:-990px -486px; width:43px; margin-left:8px} #header #wrap-nav-main .info-nav ul li a.contact:hover {background-position:-990px -525px} #header #wrap-nav-main .info-nav ul#nav-main li#navigation .sub-nav {position:absolute; z-index:1} #header #wrap-nav-main .info-nav ul#nav-main li#navigation .sub-nav ul {left:0; background:#ededed; min-height:60px; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; width:150px} #header #wrap-nav-main .info-nav ul#nav-main li#navigation .sub-nav ul li {display:block} #header #wrap-nav-main .info-nav ul#nav-main li#navigation .sub-nav ul li a {background:none; color:#131313; text-indent:0; display:block; padding:8px 15px 10px 15px; width:120px} #header #wrap-nav-main .info-nav ul#nav-main li#navigation .sub-nav ul li a:hover {background:#333; color:#fff} #header #wrap-nav-main .info-nav form {position:absolute; right:15px; width:190px; right:173px; top:8px} #header #wrap-nav-main .info-nav form input {float:left; background:#fff; border:none; padding:3px 5px; color:#191919; height:14px} #header #wrap-nav-main .info-nav form input.search {margin-left:5px; width:20px; height:20px; background:url(../images/sprite.png) no-repeat -252px -109px; display:block; cursor:pointer} #header #wrap-nav-main .info-nav .language {height:20px; width:60px; position:absolute; right:25px; top:8px} #header #wrap-nav-main .info-nav .language ul {left:0; top:6px} #header #wrap-nav-main .info-nav .language ul li {float:left; display:block; margin-right:8px} #header #wrap-nav-main .info-nav .language ul li a {width:20px; height:8px; padding:0} #header #wrap-nav-main .info-nav .language ul li a.pt {background-position:-327px -108px} #header #wrap-nav-main .info-nav .language ul li a.en {background-position:-327px -132px} /* content */ #content {width:982px; margin:0 auto; padding:40px 0; overflow:hidden} #content .highlights-banner {width:470px; height:348px; float:left; margin-right:24px;position:relative;} #content .highlights-banner h3, #content .registration h3, #content .programming h3 {width:105px; background-position:-1155px -500px} #content .highlights-banner .title-highlights {top:220px; position:absolute} #content .highlights-banner .title-highlights h4 {background: none repeat scroll 0 0 #EC4346; color: #FFFFFF;float: left;font-family:arial; font size: 12px;font-weight: bold; letter-spacing: 0;opacity: 0.8;padding: 5px 10px;text-transform: none;width: 239px} #content .registration {width:450px; height:120px; float:left} #content .registration h3 {background-position:-1281px -500px} #content .registration .wrap-info, #content .programming .wrap-info, .showcases .wrap-info {background:#fff; border:7px solid #ededed; height:74px; width:420px; padding:5px 0 8px 6px} #content .registration .wrap-info p {background:url(../images/registration-01.png) no-repeat; display:block; text-indent:-6000px; width:416px; height:42px;margin:18px 0 0 12px} #content .registration .wrap-info a {width:158px; height:16px; background-position:-1408px -546px; margin:6px 0 0 14px} #content .programming {width:450px; height:183px; float:left; margin-top:35px} #content .programming h3 {background-position:-1408px -500px; width:95px} #content .programming ul.nav-tabs {float:left; margin-top:5px} #content .programming ul.nav-tabs li {float:left; display:block; margin-right:5px} #content .programming ul.nav-tabs li a {padding:4px 8px 11px 8px; font-weight:700; color:#333; display:block} #content .programming ul.nav-tabs li a.current, #content .programming ul.nav-tabs li a:hover {background-position:-983px 0; text-indent:0; color:#fff} #content .programming ul.nav-scroll, .showcases ul.nav-scroll {float:right; background:#fff; border-left:7px solid #ededed; border-top:7px solid #ededed; border-right:7px solid #ededed; height:28px; margin-right:1px; width:50px} #content .programming ul.nav-scroll li, .showcases ul.nav-scroll li {float:left; display:block; margin:10px 0 0 9px} #content .programming ul.nav-scroll li a {width:11px; height:9px} #content .programming ul.nav-scroll li a.scroll-top {background-position:-1061px 0} #content .programming ul.nav-scroll li a.scroll-bottom {background-position:-1061px -11px} #content .programming .wrap-info {height:108px; width:409px; clear:both; position:absolute;top:457px; padding:10px 0 0 15px} #content .programming .wrap-info p {font-size:14px; margin-bottom:10px} #content .programming .wrap-info p a {color:#999} #content .programming .wrap-info p a:hover {text-decoration:underline} #content .programming .wrap-info ul {float:left; display:block} #content .programming .wrap-info ul li {float:left; display:block} #content .programming .wrap-info ul li.conference {margin:0 111px 0 25px} #content .programming .wrap-info .scroll-info-programming {overflow:hidden; clear:both; height:90px} #content .programming .wrap-info .scroll-info-programming ul {} #content .programming .wrap-info .scroll-info-programming ul li {display:block} #content .programming .wrap-info .scroll-info-programming ul li table {margin-top:14px} #content .programming .wrap-info .scroll-info-programming ul li table tr {} #content .programming .wrap-info .scroll-info-programming ul li table tr td {float:left; height:62px; overflow:hidden} #content .programming .wrap-info .scroll-info-programming ul li table tr td.date {margin-top:28px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-1 {margin-right:8px; background:#acc23c; padding:5px 10px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-1 h4, #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-2 h4 {font-weight:700; font-size:13px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-1 span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-2 span {font-size:12px; display:block; margin-bottom:6px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-1 cite, #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-2 cite {font-size:10px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.conference-2 {margin-right:8px; background:#87d1f1; padding:5px 10px} #content .wrap-left, #content .wrap-right {float:left; margin-top:30px} #tab-wrap {clear:both; overflow:hidden} #content .wrap-left {width:472px;clear:both} #content .wrap-left .latest-news {} #content .wrap-left .latest-news h3 {background-position:-1554px -500px; width:114px} #content .wrap-left .latest-news ul {border:7px solid #ededed; background:#fff; overflow:hidden} #content .wrap-left .latest-news ul li {float:left; display:block; margin:9px; min-height:165px; width:184px} #content .wrap-left .latest-news ul li a {display:block; width:164px; padding:10px; color:#505050} #content .wrap-left .latest-news ul li a h4 {font-size:16px; font-weight:700} #content .wrap-left .latest-news ul li a p {margin:5px 0} #content .wrap-left .latest-news ul li a:hover {background:#f5f5f5} .showcases {width:621px; float:left; margin:35px 0} .showcases h3 {background-position:-1826px -500px; width:75px; margin-top:8px; float:left} .showcases ul.nav-scroll {background:#14b3a1; width:80px; height:34px; position:relative; right:-1px} .showcases ul.nav-scroll li {margin:8px 5px 0 9px} .showcases ul.nav-scroll li a {width:17px; height:25px} .showcases ul.nav-scroll li a.scroll-prev {background-position:-133px -109px; margin-left:8px} .showcases ul.nav-scroll li a.scroll-next {background-position:-179px -109px} .showcases .wrap-info {background:#14b3a1; width:595px; height:232px; margin-top:34px; padding-left:12px; *margin-top:-7px} .showcases .wrap-info ul.scroll-info-showcases {} .showcases .wrap-info ul.scroll-info-showcases li {float:left; display:block; margin-right:8px} .showcases .wrap-info ul.scroll-info-showcases li h5 {text-transform:uppercase; font-size:9px} .showcases .wrap-info ul.scroll-info-showcases li img {margin:8px 0} .showcases .wrap-info ul.scroll-info-showcases li h6 {color:#fff; font-size:12px;margin-bottom:4px} .showcases .wrap-info ul.scroll-info-showcases li cite {font-style:normal; color:#131313; margin:4px 0} .showcases .wrap-info ul.scroll-info-showcases li a {text-transform:uppercase; color:#131313; margin-top:10px; font-style:italic; font-size:9px} .showcases .wrap-info ul.scroll-info-showcases li a:hover {color:#fff} .showcases .wrap-info ul.scroll-info-showcases li span {font-style:italic} #content .wrap-left .wrap-video {width:471px;float:left} #content .wrap-left .wrap-video h3 {background-position:-1156px -540px; width:52px} #content .wrap-left .wrap-video #player {border:7px solid #ededed} .newsletter {width:300px; height:225px; float:left} .newsletter h3 {background-position:-1283px -540px; width:78px} .newsletter form {background:#ededed; padding:20px} .newsletter form input {font-size:11px; color:#666; background:#f5f5f5; padding:6px; border:0; margin-bottom:17px; width:247px} .wrap-left-secundary form input.send-news {width:56px; height:20px; background:url(../images/sprite.png) no-repeat -1718px -540px; margin:14px 0 0 0; cursor:pointer} #content .wrap-right {width:450px; margin-left:22px;/*IE7*/ *margin-left:2px} #content .wrap-right .wrap-gallery {height:242px;width:454px} #content .wrap-right .wrap-gallery h3 {background-position:-1718px -500px; width:60px} .wrap-facebook {margin-top:35px; float:left} .wrap-twitter {width:300px;float:left;margin-left:20px} .backpage-wrap-right .wrap-twitter {margin:60px 0 0 0} .wrap-twitter h3 {background-position:-1944px -500px; width:56px} /* footer */ #footer {background:#eee; border-top:1px solid #ccc; margin-top:20px; padding-top:20px; overflow:hidden} #footer .wrap-info-footer {width:982px; margin:0 auto} #footer .wrap-info-footer ul {float:left; margin-right:50px; height:150px; width:75px} #footer .wrap-info-footer ul li {margin-bottom:6px} #footer .wrap-info-footer ul li a {height:14px} #footer .wrap-info-footer ul li a:hover {text-decoration:underline} #footer .wrap-info-footer ul li a.home {width:28px; background-position:0 -612px; margin-bottom:15px} #footer .wrap-info-footer ul li a.about-footer {width:75px; background-position:0 -638px} #footer .wrap-info-footer ul li a.programming-footer {width:65px; background-position:0 -653px} #footer .wrap-info-footer ul li a.photos-footer {width:26px; background-position:0 -666px} #footer .wrap-info-footer ul li a.videos-footer {width:30px; background-position:0 -679px} #footer .wrap-info-footer ul li a.news-footer {width:40px; background-position:0 -693px} #footer .wrap-info-footer ul li a.ft{width:66px; background-position:-75px -708px} #footer .wrap-info-footer ul li a.contact-footer {width:40px; background-position:0 -709px} #footer .wrap-info-footer ul li a.about-project {width:90px; background-position:-113px -613px; margin-bottom:15px} #footer .wrap-info-footer ul li a.presentation {width:71px; background-position:-113px -638px} #footer .wrap-info-footer ul li a.revision {width:94px; background-position:-113px -653px} #footer .wrap-info-footer ul li a.recife {width:31px; background-position:-113px -666px} #footer .wrap-info-footer ul li a.womex {width:31px; background-position:-113px -679px} #footer .wrap-info-footer ul li a.programming-event {width:76px; background-position:-243px -613px; margin-bottom:13px; height:16px} #footer .wrap-info-footer ul li a.show {background-position:-243px -638px; width:30px} #footer .wrap-info-footer ul li a.lectures {background-position:-243px -653px; width:47px} #footer .wrap-info-footer ul li a.photos {width:30px; background-position:-365px -613px} #footer .wrap-info-footer ul li a.videos {width:36px; background-position:-432px -613px} #footer .wrap-info-footer ul li a.news {width:46px; background-position:-513px -613px} #footer .wrap-info-footer ul li a.contact {width:44px; background-position:-594px -613px} #footer .wrap-info-footer .partners {float:left; clear:both; margin-top:35px; width:420px} #footer .wrap-info-footer .partners h4 {background-position:-678px -617px; width:47px; height:9px; margin-bottom:10px} #footer .wrap-info-footer .partners ul {width:470px; margin-left:10px; margin-right:0!important; height:auto} #footer .wrap-info-footer .partners ul li {float:left; display:block; margin-top:15px; min-height:44px} #footer .wrap-info-footer .realization ul, #footer .wrap-info-footer .cooperation ul {margin-left:10px; margin-right:0!important; height:auto; width:auto} #footer .wrap-info-footer .partners ul li a, #footer .wrap-info-footer .realization ul li a, #footer .wrap-info-footer .cooperation ul li a {background: url(../images/brands.jpg) no-repeat; display:block; text-indent:-6000px} #footer .wrap-info-footer .cooperation ul li {float:left; display:block; margin-top:15px} #footer .wrap-info-footer .partners ul li a.government-pernambuco {width:96px; height:42px; background-position:0 -8px} #footer .wrap-info-footer .partners ul li a.government-pernambuco:hover {background-position:0 -127px} #footer .wrap-info-footer .partners ul li a.prefecture {width:86px; height:29px; background-position:-118px -19px; margin:9px 0 0 21px} #footer .wrap-info-footer .partners ul li a.prefecture:hover {background-position:-118px -138px} #footer .wrap-info-footer .partners ul li a.abrafin {width:104px; height:17px; background-position:-224px -27px; margin:19px 22px 0 20px} #footer .wrap-info-footer .partners ul li a.abrafin:hover {background-position:-224px -146px} #footer .wrap-info-footer .partners ul li a.cesar {width:43px; height:26px; background-position:-351px -21px; margin:9px 0 0 0px} #footer .wrap-info-footer .partners ul li a.cesar:hover {background-position:-351px -140px} #footer .wrap-info-footer .partners ul li a.correios {width:83px; height:33px; background-position:-418px -14px; margin:3px 0 0 0px} #footer .wrap-info-footer .partners ul li a.correios:hover {background-position:-418px -133px} #footer .wrap-info-footer .partners ul li a.redbull {width:122px; height:30px; background-position:-917px -10px; margin:5px 0 0 16px} #footer .wrap-info-footer .partners ul li a.redbull:hover {background-position:-917px -129px} #footer .wrap-info-footer .partners ul li a.aeso {width:130px; height:30px; background-position:-1057px -10px; margin:5px 0 0 11px} #footer .wrap-info-footer .partners ul li a.aeso:hover {background-position:-1057px -128px} #footer .wrap-info-footer .partners ul li a.government_footer {width:62px; height:30px; background-position:-1206px -10px; margin:5px 0 0 5px} #footer .wrap-info-footer .partners ul li a.government_footer:hover {background-position:-1206px -127px} #footer .wrap-info-footer .partners ul li a.culture_footer {width:40px; height:39px; background-position:-1299px -4px; margin:5px 0 0 5px} #footer .wrap-info-footer .partners ul li a.culture_footer:hover {background-position:-1299px -121px} #footer .wrap-info-footer .realization {float:left; width:108px; margin:37px 74px 0 74px} #footer .wrap-info-footer .realization h4 {background-position:-764px -617px; width:93px; margin-bottom:10px} #footer .wrap-info-footer .realization ul li {float:left; display:block} #footer .wrap-info-footer .realization ul li a {width:45px} #footer .wrap-info-footer .realization ul li a.astro-nave {width:36px; height:45px; background-position:-535px -2px} #footer .wrap-info-footer .realization ul li a.astro-nave:hover {background-position:-535px -121px} #footer .wrap-info-footer .realization ul li a.fina {width:39px; height:37px; background-position:-599px -13px; margin:13px 0 0 18px} #footer .wrap-info-footer .realization ul li a.fina:hover {background-position:-596px -135px} #footer .wrap-info-footer .cooperation {float:left; margin-top:38px; width:300px} #footer .wrap-info-footer .cooperation h4 {background-position:-857px -617px; width:93px; margin-bottom:10px} #footer .wrap-info-footer .cooperation ul li a.womex {width:95px; height:28px; background-position:-668px -18px} #footer .wrap-info-footer .cooperation ul li a.womex:hover {background-position:-668px -137px} #footer .wrap-info-footer .cooperation ul li a.porto-digital {width:110px; height:19px; background-position:-789px -22px; margin-left:11px} #footer .wrap-info-footer .cooperation ul li a.porto-digital:hover {background-position:-789px -141px} #footer .wrap-info-footer p {float:left; clear:both; margin:20px 0; width:788px; height:14px; background-position:-989px -614px} #footer .wrap-info-footer a.address {width:73px; height:16px; clear:both; float:right; margin:-40px 90px 0 0; background-position:-1357px -315px; *margin:200px 90px 0 -150px} /* Backpage */ #backpage {} #backpage .backpage-wrap-left {width:606px; float:left} #backpage .backpage-wrap-left .backpage-info {border:7px solid #ededed; background:#fff; padding:20px; overflow:hidden} #backpage .backpage-wrap-right {width:300px; float:left; margin-left:25px} /* Speakers */ #backpage .backpage-wrap-left h3.speakers {width:70px; background-position:0 -737px} #backpage .backpage-wrap-left .backpage-info ul.default-list {} #backpage .backpage-wrap-left .backpage-info ul.default-list li.border-none {border:none; padding-top:0} #backpage .backpage-wrap-left .backpage-info ul.default-list li {display:block; font-size:12px; border-top:1px dotted #ccc; min-height:40px; padding-top:15px; margin-bottom:10px; overflow:hidden} #backpage .backpage-wrap-left .backpage-info ul.news-margin li p, #backpage .backpage-wrap-left .backpage-info ul.news-margin li p a {margin-top:0!important; padding:0!important} #backpage .backpage-wrap-left .backpage-info ul.default-list li p {float:left; padding:4px 0; width:476px} #backpage .backpage-wrap-left .backpage-info ul.default-list li img {display:block; float:left; margin:0 10px 0 0} #backpage .backpage-wrap-left .backpage-info ul.default-list li a {display:block; margin-top:10px; color:#000; padding:0; margin:0} #backpage .backpage-wrap-left .backpage-info ul.default-list li a:hover, #backpage .backpage-wrap-left .backpage-info ul.default-list li a.showcases:hover, #backpage .backpage-wrap-left .backpage-info ul.default-list li a.more-list:hover {color:#191919} #backpage .backpage-wrap-left .backpage-info ul.default-list li a.more-list {float:right; color:#f8a823; margin-top:22px} #backpage .backpage-wrap-left .backpage-info a.back {color:#000; display:block; margin-bottom:20px} #backpage .backpage-wrap-left .backpage-info a.back:hover {text-decoration:underline} #backpage .backpage-wrap-left .backpage-info img {float:left; margin:0 15px 0 0} #backpage .backpage-wrap-left .backpage-info h4 {font-weight:700; font-size:16px} #backpage .backpage-wrap-left .backpage-info h5 {font-size:14px} #backpage .backpage-wrap-left .backpage-info ul.networking {margin-top:6px} #backpage .backpage-wrap-left .backpage-info ul.networking li {float:left; display:block; margin-right:5px; font-style:italic; text-transform:uppercase; font-size:9px} #backpage .backpage-wrap-left .backpage-info ul.networking li a {color:#000; margin-right:5px} #backpage .backpage-wrap-left .backpage-info ul.networking li a:hover {color:#f8a722} #backpage .backpage-wrap-left .backpage-info .wrap-text {clear:both; margin-top:40px; float:left} #backpage .backpage-wrap-left .backpage-info .wrap-text h3 {background:none; text-indent:0} #backpage .backpage-wrap-left .backpage-info .wrap-text h6 {font-weight:700; font-size:14px} #backpage .backpage-wrap-left .backpage-info .wrap-text p, #backpage .backpage-wrap-left .backpage-info .info-news p, #backpage .backpage-wrap-left .backpage-info #content-tab #tab-wrap p, .backpage-wrap-left .about p, #backpage .backpage-wrap-left .backpage-info p {line-height:22px; font-size:12px} #backpage .backpage-wrap-left .backpage-info .wrap-text a.download {height:20px; width:128px; background-position:-1827px -540px; margin:30px 0 10px 0} /* End Speakers */ /* News */ #backpage .backpage-wrap-left h3.latest-news {width:114px; background-position:-1554px -500px} #backpage .backpage-wrap-left .backpage-info ul.default-list li h4 {font-size:14px} #backpage .backpage-wrap-left .backpage-info ul.default-list li h4 a, #backpage .backpage-wrap-left .backpage-info ul.news-margin li p a {color:#505050; float:left; display:block} #backpage .backpage-wrap-left .backpage-info ul.default-list li h4 a:hover, #backpage .backpage-wrap-left .backpage-info ul.news-margin li p a:hover {color:#6143d6} #backpage .backpage-wrap-left .backpage-info ul.default-list li cite {display:block; clear:both; font-size:11px} #pagination {margin-top:15px} #pagination ul {} #pagination ul li {display:block; float:left; background:#ccc; color:#333; margin-right:5px} #pagination ul li a {color:#333; padding:4px 7px; display:block} #pagination ul li.current, #pagination ul li a:hover {background:#6143d6; color:#fff; padding:4px 7px} #backpage .backpage-wrap-left .backpage-info .info-news {} #backpage .backpage-wrap-left .backpage-info .info-news img {margin:20px 23px 10px 0} #backpage .backpage-wrap-left .backpage-info .info-news p, #backpage .backpage-wrap-left .backpage-info #content-tab #tab-wrap p, .backpage-wrap-left .about p, #backpage .backpage-wrap-left .backpage-info p {margin-top:13px} /* End News */ /* Previous */ #backpage .backpage-wrap-left h3.previous {width:122px; background-position:-114px -737px} ul.nav-tabs li {float:left; display:block; margin-right:5px} #backpage .backpage-wrap-left ul.nav-tabs li a {padding:4px 8px 11px 8px; font-weight:700; color:#333; display:block} #backpage .backpage-wrap-left ul.nav-tabs li a.current, #backpage .backpage-wrap-left ul.nav-tabs li a:hover {background-position:-983px 0; text-indent:0; color:#fff} #backpage .backpage-wrap-left ul.nav-scroll {float:right; background:#fff; border-left:7px solid #ededed; border-top:7px solid #ededed; border-right:7px solid #ededed; height:28px; margin-right:1px; width:50px} #backpage .backpage-wrap-left .backpage-info #content-tab #tab-wrap {margin-top:10px; float:left; min-height:500px; overflow:hidden} #backpage .backpage-wrap-left .backpage-info #content-tab #tab-wrap h4 {margin:20px 0} /* End Previous */ /* ShowCases */ #backpage .backpage-wrap-left h3.showcases {width:75px; background-position:-1826px -500px} #backpage .backpage-wrap-left .backpage-info ul.default-list li a.showcases, #backpage .backpage-wrap-left .backpage-info ul.showcases li a:hover {color:#14a596} #backpage .backpage-wrap-left .backpage-info .showcases a.download, #backpage .backpage-wrap-left .backpage-info .wrap-text a.divulgation {height:20px; width:128px; background-position:-1827px -540px} #backpage .backpage-wrap-left .backpage-info .showcases a.download {background-position:-1155px -314px; margin-top:30px} #backpage .backpage-wrap-left .backpage-info .wrap-text a.divulgation {background-position:-1827px -567px; margin:0} .wrap-left-secundary .showcases a img {border:7px solid #EDEDED} /* End ShowCases */ /* About */ #backpage .backpage-wrap-left h3.about {width:105px; background-position:-278px -737px} #backpage .backpage-wrap-left .about img {margin-bottom:40px} #backpage .backpage-wrap-left .about h4 {margin:10px 0} /* End About */ /* Programming */ #backpage .full {width:944px} #backpage .full h3.programming-backpage {width:93px; background-position:-431px -737px} #backpage .full .backpage-info table {width:893px} #backpage .full .backpage-info table tr {} #backpage .full .backpage-info table tr th {color:#333; font-weight:700} #backpage .full .backpage-info table tr th h4 {font-size:11px; padding:4px 8px; background:#d7d7d7; display:block; float:left} #backpage .full .backpage-info table tr td {margin-right:10px} #backpage .full .backpage-info table tr td span {} #backpage .full .backpage-info table tr td .green, #backpage .full .backpage-info table tr td .blue, #backpage .full .backpage-info table tr td .orange, #backpage .full .backpage-info table tr td .pink, #backpage .full .backpage-info table tr td .yellow, #backpage .full .backpage-info table tr td .default {float:left; width:110px; min-height:182px; padding:5px 10px} #backpage .full .backpage-info table tr td .green, #backpage .full .legend ul li.brazil span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.green {background:#acc23d} #backpage .full .backpage-info table tr td .blue, #backpage .full .legend ul li.international span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.blue {background:#87d1f1} #backpage .full .backpage-info table tr td .orange, #backpage .full .legend ul li.digital span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.orange {background:#f8af39} #backpage .full .backpage-info table tr td .pink, #backpage .full .legend ul li.special span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.pink {background:#f08ab3} #backpage .full .backpage-info table tr td .yellow, #backpage .full .legend ul li.roundtable span, #content .programming .wrap-info .scroll-info-programming ul li table tr td.yellow {background:#fef883} #backpage .full .backpage-info table tr td .date-margin {display:block; height:15px; width:50px; float:left; position:relative; top:-107px; *top:107px} #content .programming .wrap-info .scroll-info-programming ul li table tr td.default {background:#fff} #backpage .full .backpage-info table tr td .date-margin p {font-size:11px} #backpage .full .backpage-info table tr td .spacing {margin-right:5px} #backpage .full .backpage-info table tr td .gray {height:32px; width:834px; background:#ededed} #backpage .full .backpage-info table tr td .gray p {text-align:center; font-size:13px; font-weight:700; padding-top:5px; *padding-top:0px;} #backpage .full .backpage-info table tr td .small {top:-28px} #backpage .full .backpage-info table tr td .medio {top:-21px; *top:-48px} #backpage .full .backpage-info table tr td .gray-medio {width:265px; height:50px; background:#ededed} #backpage .full .legend {height:15px; clear:both; float:left; margin-top:10px} #backpage .full .legend ul {} #backpage .full .legend ul li {display:block; float:left; margin-right:23px; font-style:italic; font-size:9; text-transform:uppercase} #backpage .full .legend ul li span {width:20px; height:10px; display:block; float:left; margin:2px 5px 0 0} #backpage .full .backpage-info table tr td div h5 {font-weight:700; font-size:13px; margin-bottom:5px} #backpage .full .backpage-info table tr td div h6 {font-size:12px} #backpage .full .backpage-info table tr td .gray-medio h5 {text-align:center; padding-top:13px; font-size:11px} #backpage .full .backpage-info table tr td .room {float:left; display:block; width:130px} #backpage .full .backpage-info table tr td .room p {font-size:17px; text-align:center; margin:0} #backpage .full .backpage-info table tr td .right {float:right} /* End Programming */ /* Videos */ #backpage .backpage-wrap-left h3.videos {width:93px; background-position:-1156px -540px} #backpage .backpage-wrap-left .wrap-video-backpage {width:524px; min-height:172px; background:#f5f5f5; margin-bottom:30px; padding:14px} #backpage .backpage-wrap-left .wrap-video-backpage .print-image-video {width:250px; height:170px; float:left; margin-right:25px} #backpage .backpage-wrap-left .wrap-video-backpage a.title-view-video {color:#000; font-size:22px; font-weight:700; display:block; text-indent:0; width:auto; background-image:none; float:none; height:auto} #backpage .backpage-wrap-left .wrap-video-backpage h5 {font-size:16px; font-weight:700} #backpage .backpage-wrap-left .wrap-video-backpage p {font-size:12px; margin:10px 0 20px 0} #backpage .backpage-wrap-left .wrap-video-backpage a {width:64px; height:19px; float:left; background-position:-1155px -378px} #backpage .backpage-wrap-left .wrap-video-backpage a.play-video:hover {background-position:-1155px -431px} #backpage .backpage-wrap-left #player-full {margin:20px 0} /* End Videos */ /* Photos */ #backpage .backpage-wrap-left h3.photos-backpage {width:44px; background-position:-573px -737px} #backpage .backpage-wrap-left ul.listing-photos {} #backpage .backpage-wrap-left ul.listing-photos li {width:260px; min-height:235px; float:left; display:block; background:#f5f5f5; margin-bottom:20px} #backpage .backpage-wrap-left ul.listing-photos li.spacing-left {margin-left:32px} #backpage .backpage-wrap-left ul.listing-photos li a {color:#666; font-weight:700; min-height:235px; display:block; float:left; width:260px} #backpage .backpage-wrap-left ul.listing-photos li a:hover {background:#e92668; color:#fff} #backpage .backpage-wrap-left ul.listing-photos li a h4 {font-size:11px; float:left; margin:15px 0 15px 11px} #backpage .backpage-wrap-left ul.listing-photos li img {margin:0} /* End Photos */ /* Recife */ #backpage .backpage-wrap-left h3.recife {width:53px; background-position:-670px -737px} /* End Recife */ /* WOMEX */ #backpage .backpage-wrap-left h3.womex {width:53px; background-position:-670px -781px} #backpage .backpage-wrap-left .backpage-info a.womex-backpage {color:#000; font-size:12px; margin:30px 0; font-weight:700; float:left} #backpage .backpage-wrap-left .backpage-info a.womex-backpage:hover {text-decoration:underline} /* End WOMEX */ /* Contact */ #backpage .backpage-wrap-left h3.contact {width:65px; background-position:-765px -781px} #backpage .backpage-wrap-left .backpage-info .more-contact {margin-top:30px} #backpage .backpage-wrap-left .backpage-info .more-contact h4 {font-size:14px} #backpage .backpage-wrap-left .backpage-info .more-contact p {margin:0} /* End Contact */ /* Subscribes */ #backpage .backpage-wrap-left h3.subscribes {width:74px; background-position:-955px -737px} #backpage .backpage-wrap-left .subscribes-info {} #backpage .backpage-wrap-left .subscribes-info h4 {margin-bottom:20px} #backpage .backpage-wrap-left .subscribes-info h5 {font-size:14px; font-weight:700; margin-bottom:30px} #backpage .backpage-wrap-left .terms {background:#ccc; padding:10px 20px 15px 20px; margin:-15px 0 25px 0} #backpage .backpage-wrap-left .terms p {margin-top:0; font-size:11px} /* Select Subscribes */ .stylish-select ul.newList {left:-9999px; overflow-y:scroll; height:150px!important} .selCont {margin:50px 0 0 336px;} ul.newList * {margin:0; padding:0;} ul.newList a {color: #000; text-decoration:none; display:block; font-weight:500} ul.newList {margin:0; padding:0; list-style:none; color:#000; width:400px; background:#f5f5f5; position:absolute; top:43px!important; left:0; overflow:auto; z-index:9999; height:auto!important} .newListSelected {color:#000; font-weight:700; font-size:12px; padding:7px 6px; float:left; background:url(../images/sprite.png) no-repeat -1155px -730px; width:400px; height:36px} .newListSelected span {width:284px; display:block;} ul.newList li a {padding:5px 8px; display: block;} ul.newList li a:focus {-moz-outline-style: none;} .selectedTxt {width:393px; overflow:hidden; height:22px; margin-top:10px; font-weight:500} .hiLite {color:#000!important} .hiLite a {background:#650101!important; color:#fff!important;} .newListHover {background:#e1e1e1!important; color:#000!important; cursor:default;} .newListOptionTitle {font-weight:bold;} .newListOptionTitle ul {margin:3px 0 0} .newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;} /* End Select Subscribes */ /* End Subscribes */ /* Payment */ #backpage .backpage-wrap-left .backpage-info {} .backpage-info a.payment-bank, .backpage-info a.payment-pay-pal, .backpage-info a.payment-deposit {font-weight:700; font-size:14px; color:#000; margin-top:20px} /* End Payment */ /* text/titles */ h1, h2, h3, #header #wrap-info-header .nav-presentation ul li a, .date-event p, .info-nav ul li a, .info-nav ul li a:hover, .language ul li a, .registration .wrap-info a, ul.nav-tabs li a.current, ul.nav-tabs li a:hover, .programming ul.nav-scroll li a, .showcases ul.nav-scroll li a, .newsletter form input.send-news, .wrap-info-footer ul li a, .wrap-info-footer .partners h4, .wrap-info-footer .partners ul li a, .wrap-info-footer .realization h4, .wrap-info-footer .realization ul li a, .wrap-info-footer .cooperation h4, .wrap-info-footer .cooperation ul li a, .wrap-info-footer p, .backpage-wrap-left .backpage-info h3, .backpage-info .wrap-text a.download, .backpage-wrap-left ul.nav-tabs li a.current, .backpage-wrap-left ul.nav-tabs li a:hover, .backpage-info .showcases a.download, .backpage-wrap-left .wrap-video-backpage a, form.contact input.send-news, .wrap-info-footer a.address, .backpage-info .wrap-text a.divulgation, .wrap-info-footer ul li a, a.ft, h3.factsheet {background:url(../images/sprite.png) no-repeat; display:block; text-indent:-6000px} h3 {height:20px; margin-bottom:8px} /* navegation */ /* forms */ form.contact {} form.contact label {display:block; font-size:12px; line-height:25px} form.contact input, form.contact textarea {border:none; background:#f5f5f5; padding:5px; margin-bottom:15px; height:22px; width:391px} form.contact textarea {height:auto; font-family:tahoma; font-size:15px} form.contact input.send-news {width:56px; height:20px; background-position:-1718px -539px; margin:14px 0 0 0; cursor:pointer} form.contact input.send-news:hover {background-position:-1718px -568px} form.contact input.input-radio {width:20px; height:auto; background:none} form.contact input.checkbox {float:left; margin-top:6px} form.contact input.next-payment {width:158px; height:20px; background-position:-955px -781px} form.contact input.next-payment:hover {background-position:-955px -781px} /* End forms */ /* Elements */ .newsletter {width:300px; height:225px; float:left; margin:0 0 35px 0px; clear:both} .newsletter form input.send-news {width:56px; height:20px; background:url(../images/sprite.png) no-repeat -1718px -540px; margin:14px 0 0 0; cursor:pointer} /* Elements */ .wrap-left-secundary {width:621px;float:left} .wrap-right-secundary {float:left;width:300px;margin-left:22px} /* extra */ /* Galery Home */ #simplegallery1 {position: relative; visibility: hidden; border:7px solid #ededed;width:435px!important;height:262px!important} #simplegallery1 .gallerydesctext{text-align: left;padding: 2px 5px} .gallerystatus {display:none} /* End Galery Home */ /* Tweet Home */ .tweet {border:7px solid #ededed; background:#fff} .tweet .tweet_list, .query .tweet_list {margin-bottom:5px} .tweet .tweet_list li, .query .tweet_list li {padding:9px} .tweet .tweet_list li a {margin-top:5px; color:#1391cc; font-size:11px} .tweet .tweet_list .tweet_avatar {padding-bottom:10px;} .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {padding-right:8px; float:left} .tweet .tweet_list li span.tweet_text {color:#131313; display:block; margin-top:5px} .tweet .tweet_list li.tweet_first {padding-top:10px} .tweet .tweet_list .tweet_time a {display:block; color:#131313; clear:both; font-size:9px} /* End Tweet Home */ /* ShowCases Home */ ul.scroll-info-showcases li#view ul#images li .jq-ss-crop {height:160px!important} #screen{width:621px;padding:0} #screen li{float:left;list-style:none} #screen .jq-ss-crop {margin-right:8px; float:left} #view{width:585px;overflow:hidden} #images{width:3818px !important;width:3822px;padding:0} #images li img{border:0} ul.scroll-info-showcases li#view ul#images li {width:140px; float:left; display:block;margin-top:20px} /* End ShowCases Home */ /* Banner Main Header */ .container {width:458px;height:298px; overflow:hidden; position:relative; cursor:pointer; border:7px solid #ededed} .slides {position:absolute;top:0;left:0;} .slides > div {position:absolute;top:0;width:458px;display:none;} ul.pagination {list-style:none; padding:0; margin:0; position:absolute; top:347px; left:388px} ul.pagination li {float:left; display:block; width:8px; height:8px; margin-right:5px} ul.pagination li a {text-indent:-4000px;float:left; background:url(../images/hover-rotator.png) no-repeat; display:block; width:8px; height:8px;} ul.pagination li.active a, ul.pagination li a:hover {background:url(../images/hover-rotator-current.png) no-repeat;} /* End */ /* Gallery Photos */ #gallery {} #descriptions {/*position: relative;*/height:50px; background:#EEE; margin-top:10px; width:640px; padding:10px; overflow:hidden; background:red; display:block;} .ad-image-description {position: absolute} .ad-image-description .ad-description-title {display: inline !important; background:#000000 !important; color:#ffffff !important; padding:2px 4px !important;} .ad-image-description span {display:none !important; } /* End Gallery Photos */ h3.factsheet{background-position:-1044px -737px; width: 105px;}