/* -------------------------------- Site: Banco do Brasil (BB) CSS author: Thiago L. Aguiar (AgênciaClickIsobar) Updated: 23/06/2013 Updated by: Thiago L. Aguiar (AgênciaClickIsobar) -------------------------------- */ /* -------------------------------- Reset CSS YUI 3.10.3 (build 2fb5187) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ -------------------------------- */ html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{outline: none; font-family:Arial;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.img-content{border:0;display: block;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none} /*-------------------------------- Font-face -------------------------------- */ @font-face { font-family: HelveticaNeue; src: local("Helvetica Neue"), local("HelveticaNeue"), url(../fonts/HelveticaNeueLTStd-Roman.otf), url(../fonts/HelveticaNeueLTStd-Roman.woff); font-weight: 700; } @font-face { font-family: HelveticaNeueBold; src: local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"), url(../fonts/HelveticaNeueCE75Bold.ttf), url(../fonts/HelveticaNeueCE75Bold.woff); font-weight: 700; } @font-face { font-family: TungstenBold; src: local("Tungsten Bold"), local("Tungsten-Bold"), url(../fonts/TungstenBold.otf), url(../fonts/TungstenBold.woff); /*src: url('../fonts/TungstenBold.otf');*/ } @font-face { font-family: 'TungstenMedium'; src: url('../fonts/Tungsten-Medium.eot'); src: url('../fonts/Tungsten-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Tungsten-Medium.woff') format('woff'), url('../fonts/Tungsten-Medium.ttf') format('truetype'), url('../fonts/Tungsten-Medium.svg#TungstenMedium') format('svg'); font-weight: normal; font-style: normal; /*src: url('../fonts/Tungsten-Medium.otf')*/ } /*-------------------------------- Global -------------------------------- */ #wp-admin-bar-comments , #wp-admin-bar-new-post , #wp-admin-bar-wp-logo , #wp-admin-bar-new-content , #wp-admin-bar-edit , #wp-admin-bar-site-name > div.ab-sub-wrapper , #wp-admin-bar-search{ display: none !important; } html { background: none; } img { border: none;} body { background: url(../img/bg-pattern-hotsite-bb-700x700.jpg) 0 0 scroll repeat; } h1, h2, h3, h4, h5, h6 { font-family: TungstenBold; text-transform: uppercase; color: #005aa4; } h1 { font-size: 35pt; letter-spacing: 1px; } h2 { font-size: 22pt; letter-spacing: 1px; } h3 { font-size: 18pt; letter-spacing: 1px; } p { font-family: HelveticaNeue; font-size: 10pt; display: block; } a { color: #0064a1; text-decoration: none; } a:hover { text-decoration: underline; } a.redirect{ margin: 10px 0; display: block;} .sprite { background: url(../img/sprite.png) 0 0 no-repeat; } .videos { background: url(../img/bg-ver-video.png) center center no-repeat; width: 23px; height: 15px; float: left; margin-right: 5px; } #container { width: 99.5%; height: 100%; border: 0 none; margin: 0 auto; position: relative; border-top: 2px solid #fff201; } .internal { background: url(../img/bg_full-hotsite-bb-1280x4600.jpg) center top no-repeat; } .home { background: url(../img/bg_full-hotsite-bb-1280x720.jpg) center top no-repeat; } #container .modal { width: 100%; height: 100%; background-color: #000000; position: absolute; z-index: 101; opacity:0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); display: none; } #top_anchor_fixed { text-indent: -9999px; background: url(../img/icons-hotsite-bb-50x50.png) 0 0 no-repeat; width: 50px; height: 50px; border: 0 none; position: fixed; top: 50%; right: 0; z-index: 100; zoom: 1; cursor: pointer; display: none;} #top_anchor_fixed:hover { text-decoration: none; } #enterprise { background: url(../img/bg_full-hotsite-bb-1280x4600.jpg) center top no-repeat; width: 960px; height: auto; border: 0 none; margin: 0 auto; padding: 0 0 100px 0; position: relative; } .initial { background: url(../img/bg_full-hotsite-bb-1280x720.jpg) center top no-repeat; background-color: #ededd9; width: 960px; height: 720px; border: 0 none; margin: 0 auto; position: relative; } .initial .row-full{ width: 100%; height: 90%; display:block;} .initial .logos-home {position: relative; width: 100%; display: block;text-align: center;padding-top: 20px;} .initial .logos-home a{display: inline-table; height: auto;/* float: left; */} .subtitle { font-family: TungstenMedium; font-size: 20pt; color: #666666; text-transform: none; } .row-subtitle { width: 610px; margin: 0 auto; text-align: center;} .page-id-741 .row-subtitle{ width: 100%; margin: 10px auto 30px; } .row-subtitle span{ font-family: TungstenMedium; font-size: 17pt; color: #000000; text-transform: none; font-weight: 500;} .page-id-741 .row-subtitle span{ font-size: 24px; line-height: 1.3em; } .arrow_left, .arrow_right { width: 15px; height: 15px; border: 0 none; position: relative; float: left; } .arrow_down { background-position: -60px -28px; width: 16px; height: 14px; border: 1px dotted red; position: relative; display: block; } .arrow_up { background-position: -80px -28px; width: 16px; height: 14px; border: 1px dotted red; position: relative; display: block; } .arrow_down_more { background-position: -24px -8px; width: 30px; height: 30px; border: 0 none; position: relative; display: block; } .arrow_left { background-position: -5px -5px; } .arrow_right { background-position: -5px -23px; } .btn_135x45 { background-position: -6px -99px; width: 135px; height: 43px; border: 0 none; position: relative; display: block; } .btn_280x45 { background-position: top left; width: 280px; height: 43px; border: 0 none; position: relative; display: block; } .btn_150x50 { background-color: #ffffff; width: 105px; height: 45px; border: 0 none; margin: 0; padding: 5px; position: relative; display: block; } .clear { width: 100%; height: 0; display: block; clear: both; } .white { color: #ffffff; } .blue { background-color: #006ba4; } .yellow { color: #fff200; } .nav_clear { background-color: #ffffff; width: 290px; height: 80px; padding: 5px; position: absolute; display: block; right: 330px; top: 0; } .nav_clear .nav_part { width: 287px; height: 78px; border: 1px dashed #999999; } .nav_clear .nav_part li { width: 143px; height: 80px; border-right: 1px dotted #999999; position: relative; float: left; cursor: pointer; } .nav_clear .nav_part li.last { border-right: 0 none; } .nav_clear .nav_part li a { font-family: TungstenMedium; font-size: 18pt; text-transform: uppercase; text-align: center; margin: 0; padding: 28px 0 0; position: relative; display: block; float: none; } .nav_clear .nav_part li .arrow_down_nav { background-position: -60px -10px; width: 20px; height: 15px; border: 0 none; position: absolute; display: none; bottom: -15px; left: 65px; z-index: 30; } .nav_clear .nav_part li:hover { background-color: #006ba4; } .nav_clear .nav_part li:hover a { text-decoration: none; color: #ffffff; } .nav_clear .nav_part li.selected_elem:hover a { text-decoration: none; color: #fff200; } .shadow{ box-shadow: 0 26px 18px -25px #7F7F7F; padding-bottom: 40px; behavior: url(pie/PIE.htc);} /*-------------------------------- Home -------------------------------- */ .initial .logo { text-indent: -9999px; width: 300px; height: 360px; border: 0 none; position: absolute; display: block; left: 330px; top: 0; text-align: right; } .initial .branch_home { background: url(../img/bg-bt-home.jpg) 0 0 no-repeat; width: 220px; height: 87px; border: 0 none; position: absolute; display: block; left: 0px; bottom: 0px; text-decoration: none;} .initial .branch_home:before{ content: ""; background: url(../img/shadow-bt-home.png) 0 0 no-repeat; width: 220px; height: 87px; border: 0 none; position: absolute; display: block; left: -1px; top: 95%; text-decoration: none;} .initial .branch_home span { font-family: TungstenBold; text-transform: uppercase; color: #ffffff; font-size: 22pt; letter-spacing: 2px; text-align: center; margin: 27px 0 0 0; display: block;} .initial .branch_home span.dupla-linha {margin: 20px 0 0 0; line-height: 20pt;} .initial .branch_home.bt_01 {left: 10px; bottom: 100px;} .initial .branch_home.bt_02 {left: 490px; bottom: 85px;} .initial .branch_home.bt_03 {left: 730px; bottom: 100px;} .initial .branch_home.bt_04 {left: 250px; bottom: 84px;} .initial .branch_home:hover span{ color: #fff200;} .initial .mdic { text-indent: -9999px; width: 300px; height: 33px; border: 0 none; position: absolute; left: 333px; bottom: 37px; } /*-------------------------------- Header -------------------------------- */ #enterprise .header { height: 230px; border: 0 none; margin: 0; position: relative; display: block; } #enterprise .header .logo { width: 210px; height: 190px; border: 0 none; margin: 0; position: relative; float: left; } #enterprise .header .nav { width: 740px; height: 190px; border: 0 none; position: relative; float: right; } #enterprise .header .nav .block_1 { width: 100%; height: 60px; border: 0 none; position: relative; float: right; } #enterprise .header .nav .block_1 .reference_1.reference-full { width: 730px; } #enterprise .header .nav .block_1 .reference_1 { width: 430px; height: 40px; border: 0 none; padding: 10px 0 0; position: relative; float: left; } #enterprise .header .nav .block_1 .reference_1 span { margin: 3px 5px 0 0; } #enterprise .header .nav .block_1 .reference_1 a { font-family: TungstenBold; font-size: 14pt; font-weight: 200; color: #0a3559; text-transform: uppercase; letter-spacing: 1px; margin-right: 30px;} #enterprise .header .nav .block_1 .reference_1 a:hover { color: #005aa4; text-decoration: none; } #enterprise .header .nav .block_1 .reference_2 { height: 40px; border: 0 none; margin: 25px 0 0; overflow: hidden; padding: 0; position: relative; float: right; text-indent: -999em; } #enterprise .header .nav .block_1 .reference_2.logo-01 { text-indent: initial !important; width: 128px; } #enterprise .header .nav .block_1 .reference_2.logo-01 a{ background: url(../img/logo-governo-federal.png) 0 0 no-repeat; height: 40px; width: 127px; display: block; overflow: hidden; text-indent: -999em; } #enterprise .header .nav .block_1 .reference_2.logo-02{width: 68px; background: url(../img/logo-ministerio-turismo.png) 0 0 no-repeat;} #enterprise .header .nav .block_1 .reference_2.logo-03{width: 114px; background: url(../img/logo-micro-e-pequena-empresa.png) 0 0 no-repeat;} #enterprise .header .nav .block_1 .reference_2 .mdic { text-indent: -9999px; width: 200px; height: 33px; position: absolute; right: 3px; top: 0; } #enterprise .header .nav .block_1 .reference_2 .mdic:hover { border: 1px dotted #005aa4; } #enterprise .header .nav .block_1 .reference_2 ul { position: absolute; bottom: 0; } #enterprise .header .nav .block_1 .reference_2 ul li { text-indent: -9999px; width: 100px; height: 40px; border: 0 none; margin: 0 6px; position: relative; float: left; } #enterprise .header .nav .block_1 .reference_2 ul li.first { margin-left: 0; } #enterprise .header .nav .block_1 .reference_2 ul li.last { margin-right: 0; } #enterprise .header .nav .block_2 { width: 100%; height: 125px; border: 0 none; margin: 10px 0 0; position: relative; float: right; } #enterprise .header .nav .block_2 ul { margin: 10px 0 0 0; position: relative; float: left; width: 100%; overflow: hidden; } #enterprise .header .nav .block_2 ul li { margin: 0; padding: 0 11px; border-right: 1px solid #999999; position: relative; float: left; height: 40px; display: table; } #enterprise .header .nav .block_2 ul li.quebra-franquia { text-align: center; width: 64px; padding-top: 0px;} #enterprise .header .nav .block_2 ul li.quebra-perguntas { text-align: center; width: 63px; padding-top: 0px;} #enterprise .header .nav .block_2 ul li.quebra-franqueadores { text-align: center; width: 87px; padding-top: 0px;} #enterprise .header .nav .block_2 ul li.first { padding-left: 0; } #enterprise .header .nav .block_2 ul li.last { border-right: 0 none; padding-right: 0; } #enterprise .header .nav .block_2 ul li a { display: table-cell; vertical-align: middle; font-family: TungstenBold; font-size: 12pt; font-weight: 200; color: #0a3559; text-transform: uppercase; letter-spacing: 1px; } #enterprise .header .nav .block_2 ul li a:hover { color: #005aa4; text-decoration: none; } /*-------------------------------- Content -------------------------------- */ #enterprise .section { width: 100%; border: 0 none; position: relative; display: block; } /*-------------------------------- Featured -------------------------------- */ #enterprise .section .featured { width: 100%; height: auto; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 20px 0; padding: 0 0 50px 0; position: relative; display: block; float: left; } #enterprise .section .featured .description { width: 420px; height: 400px; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .featured .description.branch { width: 420px; height: 350px; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .featured .description.branch h3 { font-family: TungstenMedium; font-size: 16pt; color: #333333; } #enterprise .section .featured .description p { margin: 10px 0 0; } #enterprise .section .featured .description .btn_135x45 { background: url('../img/bg-bt.jpg') top center repeat; float: left;font-family: TungstenBold; font-size: 16pt; font-weight: 200; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 10px -2px gray; -moz-border-radius: 0 30px 20px -2px gray; -webkit-border-radius: 0 30px 20px -2px gray; margin: 25px 0 0; z-index: 10; } #enterprise .section .featured .description .btn_135x45 span { text-align: center; position: absolute; display: block; top: 9px; left: 20px; } #enterprise .section .featured .description .btn_135x45:hover span { color: #fff200; } #enterprise .section .featured .description .btn_280x45 { background: url('../img/bg-bt.jpg') top center repeat; float: left; font-family: TungstenBold; font-size: 16pt; font-weight: 200; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 10px 10px -2px gray; -moz-border-radius: 0 30px 20px -2px gray; -webkit-border-radius: 0 30px 20px -2px gray; margin: 25px 0 0 5px; z-index: 10; } #enterprise .section .featured .description .btn_280x45 span { text-align: center; position: absolute; display: block; top: 9px; left: 20px; } #enterprise .section .featured .description .btn_280x45:hover span { color: #fff200; } #enterprise .section .featured .description .art { background: url(../img/icons-hotsite-bb-670x250.png); width: 670px; height: 250px; border: 0 none; position: absolute; bottom: -50px; right: -40px; z-index: 0; z-index: 0; } #enterprise .section .featured .description .art_turismo { background: url(../img/icons-hotsite-bb-turismo.png); width: 588px; height: 169px; border: 0 none; position: absolute; bottom: 20px; right: -40px; z-index: 0; z-index: 0; } #enterprise .section .featured .description .art_universitario { background: url(../img/icons-hotsite-bb-universitario.png); width: 540px; height: 169px; border: 0 none; position: absolute; bottom: 20px; right: -120px; z-index: 0; z-index: 0; } #enterprise .section .featured .description .art_branch { background: url(../img/icons-branch-hotsite-bb-670x250.png); width: 670px; height: 250px; border: 0 none; position: absolute; bottom: -50px; right: -40px; z-index: 0; } #enterprise .section .featured .media { width: 470px; height: 380px; border: 0 none; position: relative; display: block; float: right; } #enterprise .section .featured .media .content-iframe { box-shadow: 0 20px 20px -2px gray; -moz-border-radius: 0 20px 20px -2px gray; -webkit-border-radius: 0 20px 20px -2px gray; width: 470px; height: 300px;} #enterprise .section .featured .media #nav-iframe {height: 91px; width: 470px;} #enterprise .section .featured .media #nav-iframe .texto{margin-top:10px; width: 99px; height: 81px; float: left;} #enterprise .section .featured .media #nav-iframe .texto p.title {font-size: 13px; font-family: "Arial"; font-weight: bold; margin-top: 16px; text-transform: uppercase;} #enterprise .section .featured .media #nav-iframe .texto p.numeracao {font-size: 14px; font-family: "Arial"; font-weight: normal; margin-top: 5px;} #enterprise .section .featured .media #nav-iframe .barra{margin-top:10px; width: 1px; height: 81px; float: left; background: url(../img/barra-pontilhada.png) no-repeat center center;} #enterprise .section .featured .media #nav-iframe .thumbs-content{float: left; height: 91px; width: 370px;} #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs { width: 63px; height: 63px; float: left; overflow: hidden; margin-top: 20px; margin-left: 26px; cursor: pointer;} #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs img{ width: 63px; float: left; height: 63px; } #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs .overlay-thumbs{ width: 63px; height: 63px; margin-top: 0px; position: absolute; background: url(../img/bg-thumb-video.png) no-repeat center center; float: left; } #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs.ativo {margin-top: 9px; height: 75px; width: 72px; cursor: default; } #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs.ativo img {margin-top: 11px; margin-left: 1px; width: 71px; border-radius: 5px;height: 64px;} #enterprise .section .featured .media #nav-iframe .thumbs-content .thumbs.ativo .overlay-thumbs {margin-top: 0px; width: 72px; height: 77px; background: url(../img/bg-thumb-video-ativo.png) no-repeat center center; background-size: 100% 100%; } #enterprise .section .featured .more_featured { width: 100%; height: auto; border: 0 none; margin: 25px 0 0; position: relative; display: block; float: left; } #enterprise .section .featured .more_featured .info { font-size: 14pt; letter-spacing: 1px; margin: 0 0 10px 0; } #enterprise .section .featured .more_featured ul { width: 100%; height: auto; border: 0 none; position: relative; float: left; } #enterprise .section .featured .more_featured ul li { width: 310px; height: auto; margin: 0 0 0 10px; padding: 0 0 20px; position: relative; float: left; } #enterprise .section .featured .more_featured ul li.first { margin-left: 0; border-right: 1px dotted black; } #enterprise .section .featured .more_featured ul li.last { margin-right: 0; border-left: 1px dotted black; } #enterprise .section .featured .more_featured ul li.first div { padding-left: 0; } #enterprise .section .featured .more_featured ul li.last div { padding: 0 0 0 25px; } #enterprise .section .featured .more_featured ul li div { width: 280px; padding: 0 0 0 20px; } #enterprise .section .featured .more_featured ul li div h3 { color: #0a3559; } #enterprise .section .featured .more_featured ul li div .arrow_right { margin: 6px 5px 0 0; } #enterprise .section .featured .more_featured.branch div p { width: 260px; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .featured .more_featured.branch ul li div .arrow_right { margin: 4px 5px 0 0; } /*-------------------------------- Law -------------------------------- */ #enterprise .section .law { width: 100%; height: 300px; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 20px 0; padding: 20px 0 0; position: relative; display: block; float: left; } #enterprise .section .law div { width: 780px; height: 260px; border: 0 none; margin: 0 auto; padding: 0; position: relative; display: block; } #enterprise .section .law h2, #enterprise .section .law p { text-align: center; position: relative; display: block; } #enterprise .section .law p { margin: 20px 0 0; } #enterprise .section .law ul { width: 100%; height: auto; border: 0 none; margin: 35px auto 0 auto; position: relative; display: block; float: left; } #enterprise .section .law ul li { width: 235px; height: 110px; border: 0 none; padding: 0 12px; position: relative; float: left; } #enterprise .section .law ul li span, #enterprise .section .law ul li p { display: block; } #enterprise .section .law ul li p { margin: 5px 0 0 0; } #enterprise .section .law ul li .arrow_down { text-align: center; background-position: -7px -47px; width: 40px; height: 40px; border: 0 none; margin: 0 auto; position: relative; } #enterprise .section .law ul li .arrow_down a { width: 100%; height: 100%; display: block; clear: both; } /*-------------------------------- Simple -------------------------------- */ #enterprise .section .simple { width: 100%; height: auto; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; } #enterprise .section .simple h2 { text-align: center; margin: 0 auto; position: relative; display: block; } #enterprise .section .simple .box_simple { width: 100%; height: auto; border: 0 none; margin: 20px 0 0; position: relative; display: block; float: left; } #enterprise .section .simple .box_simple .nav { background-color: #ffffff; width: 950px; height: 50px; border: 0 none; padding: 5px; position: relative; display: block; } #enterprise .section .simple .box_simple .nav ul { width: 948px; height: 48px; border: 1px dashed #999999; position: relative; display: block; } #enterprise .section .simple .box_simple .nav ul li { height: 48px; border-right: 1px dotted #999999; position: relative; float: left; cursor: pointer; } #enterprise .section .simple .box_simple .nav ul li.last { border-right: 0 none; } #enterprise .section .simple .box_simple .nav ul li.credit { width: 107px; } #enterprise .section .simple .box_simple .nav ul li.investment { width: 220px; } #enterprise .section .simple .box_simple .nav ul li.secure { width: 130px; } #enterprise .section .simple .box_simple .nav ul li.card { width: 120px; } #enterprise .section .simple .box_simple .nav ul li.prices { width: 122px; } #enterprise .section .simple .box_simple .nav ul li.payment { width: 244px; } #enterprise .section .simple .box_simple .nav ul li a { font-family: TungstenMedium; font-size: 18pt; text-align: center; margin: 0; padding: 9px 0 0; position: relative; display: block; float: none; } #enterprise .section .simple .box_simple .nav ul li:hover {background-color: #006ba4; } #enterprise .section .simple .box_simple .nav ul li:hover a { text-decoration: none; color: #ffffff; } #enterprise .section .simple .box_simple .nav ul li.selected_elem:hover a { color: #fff200; } #enterprise .section .simple .box_simple .nav ul li .arrow_down_nav { background-position: -60px -10px; width: 20px; height: 15px; border: 0 none; position: absolute; display: none; bottom: -15px; z-index: 30; } #enterprise .section .simple .box_simple .nav ul li.credit .arrow_down_nav { left: 45px; } #enterprise .section .simple .box_simple .nav ul li.investment .arrow_down_nav { left: 100px; } #enterprise .section .simple .box_simple .nav ul li.secure .arrow_down_nav { left: 57px; } #enterprise .section .simple .box_simple .nav ul li.card .arrow_down_nav { left: 51px; } #enterprise .section .simple .box_simple .nav ul li.prices .arrow_down_nav { left: 52px; } #enterprise .section .simple .box_simple .nav ul li.payment .arrow_down_nav { left: 110px; } #enterprise .section .simple .info { display: none; } #enterprise .section .simple .list_box_simple { width: 100%; height: auto; border: 0 none; margin: 25px 0 0; position: relative; display: block; float: left; } #enterprise .section .simple .list_box_simple ul { width: 100%; position: relative; float: left; } #enterprise .section .simple .list_box_simple ul li { background: url(../img/bg-hotsite-bb-238x140.png) 0 0 no-repeat; width: 218px; height: 120px; border: 0 none; margin: 1px; padding: 10px; float: left; position: relative; } #enterprise .section .simple .list_box_simple ul li .ref { width: 218px; height: 120px; border: 0 none; float: left; display: table;} #enterprise .section .simple .list li.disable { opacity:0.14; -moz-opacity: 0.14; filter: alpha(opacity=14); } #enterprise .section .simple .list_box_simple ul li p { font-family: TungstenMedium; font-size: 21pt; text-transform: uppercase; line-height: 19pt; color: #fbfcfc; letter-spacing: 2px; text-align: center; position: relative; } #enterprise .section .simple .list_box_simple ul li p.line-1 { margin: 50px 0 0; } #enterprise .section .simple .list_box_simple ul li p.line-2 { display: table-cell; vertical-align: middle; } #enterprise .section .simple .list_box_simple ul li p.line-3 { margin: 20px 0 0; } #enterprise .section .simple .list_box_simple ul li p strong{font-weight: normal; color: #fff200; } #enterprise .section .simple .list_box_simple ul li .enable { text-align: center; background: url(../img/bg-hotsite-bb-280x180.png) 0 0 no-repeat; width: 280px; height: 180px; box-shadow: 0 5px 10px 0 #555555; margin: 0; padding: 0; position: absolute; display: none; z-index: 10; overflow: hidden; top: -20px; left: -20px; } #enterprise .section .simple .list_box_simple ul li:hover .enable { display: block; } #enterprise .section .simple .list_box_simple ul li .enable h4 { font-family: TungstenMedium; font-size: 15pt; color: #ffffff; letter-spacing: 1px; margin: 15px auto 10px; padding: 0 10px; position: relative; display: block; } #enterprise .section .simple .list_box_simple ul li .enable h4 strong{font-weight: normal; color: #fff200; } #enterprise .section .simple .list_box_simple ul li .enable div { width: 250px; height: 120px; border-top: 1px dashed #999999; margin: 0 auto; padding: 10px 0 0; position: relative; display: block; overflow: hidden; } #enterprise .section .simple .list_box_simple ul li .enable p { font-family: HelveticaNeue; font-size:9pt; text-transform: none; font-weight: normal; line-height: normal; letter-spacing: 1px; margin: 0; } #enterprise .section .simple .box_simple .list_box_simple ul .more { background: 0 none; width: 218px; height: 120px; padding: 10px; } #enterprise .section .simple .list_box_simple ul .more .info { text-align: center; width: 218px; height: 120px; border: 1px dashed #666666; margin: auto; position: relative; display: block; } #enterprise .section .simple .list_box_simple ul .more .info a { text-decoration: none; width: 218px; height: 60px; margin: auto; padding: 30px 0; position: relative; float: none; display: block; } #enterprise .section .simple .list_box_simple ul .more .info span { text-align: center; margin: 0 auto 5px; position: relative; display: block; } #enterprise .section .simple .list_box_simple ul .more .info h4 { font-family: TungstenMedium; font-size: 18pt; position: relative; display: block; } /*-------------------------------- Simple Part -------------------------------- */ #enterprise .section .simple.part { width: 100%; border: 0 none; margin: 40px 0; position: relative; display: block; float: left; clear: both; min-height: 486px; } #enterprise .section .simple.part h2 { text-align: left; margin: 35px 0 0 0; position: relative; display: block; } #enterprise .section .simple.part .list_box_simple_part { width: 100%; height: auto; border: 1px dashed #666666; margin: 50px 0 0; position: relative; display: block; float: left; } #enterprise .section .simple.part .list_box_simple_part .description { width: 400px; height: auto; border: 0 none; padding: 40px; position: relative; float: left; } #enterprise .section .simple.part .list_box_simple_part .description h3 { margin: 0 0 10px 0; } #enterprise .section .simple.part .list_box_simple_part .description h4 { font-family: TungstenMedium; font-size: 14pt; color: #666666; text-transform: none; letter-spacing: 1px; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric { margin: 20px 0; position: relative; display: block; float: left; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li { width: 380px; border: 0 none; margin: 5px 0; position: relative; display: block; float: left; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .icon_number { background-position: -53px -48px; width: 40px; height: 40px; margin: 0 10px 0 0; border: 0 none; position: relative; float: left; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .icon_number span { font-family: TungstenBold; font-size: 20pt; color: #ffffff; position: absolute; top: 4px; left: 10px; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .item { background-color: #dedede; width: 380px; height: 280px; border: 0 none; position: absolute; display: none; left: 0; top: -150px; z-index: 111; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .item div { width: 370px; height: 270px; border: 1px dashed #666666; margin: 5px; position: relative; display: block; } #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .item h4, #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .item p, #enterprise .section .simple.part .list_box_simple_part .description ul.numeric li .item a { position: relative; display: block; float: none; } #enterprise .section .simple.part .list_box_simple_part .description ul li p { font-family: HelveticaNeue; font-size: 10pt; color: #000000; width: 330px; height: auto; border: 0 none; margin: 4px 0 0; position: relative; float: left; } #enterprise .section .simple.part .list_box_simple_part .description ul li a { cursor: pointer; } #enterprise .section .simple.part .list_box_simple_part .description ul li .box_modal div p { width: 300px; height: auto; position: relative; display: block; clear: none; } #enterprise .section .simple.part .list_box_simple_part .description ul li .ref_modal { color: #005aa4; text-decoration: underline; } #enterprise .section .simple.part .list_box_simple_part .description ul.normal { padding: 0 0 0 15px; list-style-image: url(../img/icons-hotsite-bb-10x10.png); } #enterprise .section .simple.part .list_box_simple_part .description ul.normal li { list-style-type: square; } #enterprise .section .simple.part .list_box_simple_part .description ul.normal li p { width: 360px; float: none; } #enterprise .section .simple.part .list_box_simple_part .description ul.normal li ul li { margin: 0 0 0 20px; list-style-type: disc; } #enterprise .section .simple.part .list_box_simple_part_none { display: none; } /*-------------------------------- Simple Branch -------------------------------- */ #enterprise .section .simple.branch { width: 100%; height: auto; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; clear: both; } #enterprise .section .simple.branch h2 { text-align: left; margin: 35px 0 0 0; position: relative; display: block; } #enterprise .section .simple.branch .list_box_simple_branch { width: 100%; height: auto; border: 1px dashed #000000; margin: 50px 0; padding: 50px 0; position: relative; display: block; float: left; } #enterprise .section .simple.branch .list_box_simple_branch h3 { text-align: center; font-family: TungstenMedium; font-size: 18pt; line-height: 18pt; text-transform: none; width: 550px; height: auto; border: 0 none; margin: 0 auto 40px auto; position: relative; display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul { width: 725px; height: 300px; border: 0; margin: 0 auto; position: relative; display: block; float: none; } #enterprise .section .simple.branch .list_box_simple_branch li.disable { opacity:0.14; -moz-opacity: 0.14; filter: alpha(opacity=14); } #enterprise .section .simple.branch .list_box_simple_branch ul li { background: url(../img/bg-hotsite-bb-238x140.png) 0 0 no-repeat; width: 218px; height: 120px; border: 0 none; margin: 1px; padding: 10px; float: left; position: relative; } #enterprise .section .simple.branch .list_box_simple_branch ul li .ref { width: 218px; height: 120px; border: 0 none; float: left; display: table;} #enterprise .section .simple.branch .list_box_simple_branch ul li p { font-family: TungstenMedium; font-size: 21pt; text-transform: uppercase; line-height: 21pt; color: #fbfcfc; letter-spacing: 2px; text-align: center; position: relative; } #enterprise .section .simple.branch .list_box_simple_branch ul li p.line-1 { margin: 50px 0 0; } #enterprise .section .simple.branch .list_box_simple_branch ul li p.line-2 { vertical-align: middle; display: table-cell; } #enterprise .section .simple.branch .list_box_simple_branch ul li p.line-3 { margin: 20px 0 0; } #enterprise .section .simple.branch .list_box_simple_branch ul li p strong {font-weight: normal; width: 100%; color: #fff200; float: left;} #enterprise .section .simple.branch .list_box_simple_branch ul li p span { color: #ffed00; } #enterprise .section .simple.branch .list_box_simple_branch_none { display: none; } #enterprise .section .simple.branch .list_box_simple_branch_none span.desc { display: none; } #enterprise .section .simple.branch .list_box_simple_branch ul li .enable { background: url(../img/bg-hotsite-bb-280x180.png) 0 0 no-repeat; text-align: center; width: 280px; height: 180px; box-shadow: 0 5px 10px 0 #555555; margin: 0; padding: 0; position: absolute; display: none; z-index: 10; overflow: hidden; top: -20px; left: -20px;} #enterprise .section .simple.branch .list_box_simple_branch ul li:hover .enable { display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul li .enable h4 { font-family: TungstenMedium; font-size: 15pt; color: #ffffff; letter-spacing: 1px; margin: 20px auto 10px; padding: 0 10px; position: relative; display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul li .enable h4 strong{font-weight: normal; color: #fff200; } #enterprise .section .simple.branch .list_box_simple_branch ul li .enable div { width: 250px; height: 100px; border-top: 1px dashed #999999; margin: 0 auto; padding: 10px 0 0; position: relative; display: block; overflow: hidden; z-index: 100; } #enterprise .section .simple.branch .list_box_simple_branch ul li .enable p { font-family: HelveticaNeue; font-size:9pt; text-transform: none; font-weight: normal; line-height: normal; letter-spacing: 1px; margin: 0; } #enterprise .section .simple.branch .list_box_simple_branch ul .more { background: 0 none; width: 218px; height: 120px; padding: 10px; } #enterprise .section .simple.branch .list_box_simple_branch ul .more .info { text-align: center; width: 218px; height: 120px; border: 1px dashed #666666; margin: auto; position: relative; display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul .more .info a { text-decoration: none; width: 218px; height: 60px; margin: auto; padding: 30px 0; position: relative; float: none; display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul .more .info span { text-align: center; margin: 0 auto 5px; position: relative; display: block; } #enterprise .section .simple.branch .list_box_simple_branch ul .more .info h4 { font-family: TungstenMedium; font-size: 18pt; position: relative; display: block; } /*-------------------------------- Want to be -------------------------------- */ #enterprise .section .want_to_be { width: 100%; height: auto; border: 0 none; margin: 40px 0; position: relative; display: block; float: left; clear: both; } #enterprise .section .want_to_be h2 { text-align: left; margin: 35px 0 0 0; position: relative; display: block; } #enterprise .section .want_to_be .container { width: 100%; height: 455px; border: 0 none; margin: 50px 0 0; position: relative; display: block; float: left; } #enterprise .section .want_to_be .container div h3 { margin: 0 0 10px 0; } #enterprise .section .want_to_be .container div h4 { font-family: TungstenMedium; font-size: 14pt; color: #666666; text-transform: none; letter-spacing: 1px; } #enterprise .section .want_to_be .container_none { display: none; } #enterprise .section .want_to_be .container .description { background-color: #f4f4f4; width: 478px; height: 450px; border: 0 none; padding: 0; position: relative; float: left; } #enterprise .section .want_to_be .container .description .info { width: 406px; height: 368px; border: 1px dashed #666666; border-right: 0 none; margin: 10px 0 10px 10px; padding: 30px; position: relative; float: left; overflow: hidden; } #enterprise .section .want_to_be .container .description .info p, #enterprise .section .want_to_be .container .description .info a { margin: 10px 0; } #enterprise .section .want_to_be .container .description .info a { font-family: HelveticaNeue; font-size: 10pt; text-decoration: underline; } #enterprise .section .want_to_be .container .description .info a .arrow_right { margin: 2px 0 0 0; } #enterprise .section .want_to_be .container .description .photo {width: 100%; height: 450px; border: 0 none; position: absolute; display: block; clear: both; right: 0; top: 0; } #enterprise .section .want_to_be .container .description .photo img { width: 100%; height: 470px; position: absolute; display: block; clear: both; right: 0; top: -20px; z-index: 10; } #enterprise .section .want_to_be .container .description .photo .franchising { background: url(../img/bg_want_to_be-franchising-hotsite-bb-300x305.png) 0 0 no-repeat; background-color: none; width: 300px; height: 300px; border: 0 none; position: absolute; display: block; clear: both; right: -20px; bottom: -95px; z-index: 100; } #enterprise .section .want_to_be .container .description .photo .franchising div { text-align: center; width: 230px; height: 200px; border: 0 none; padding: 5px; position: absolute; display: block; left: 30px; top: 55px; overflow: hidden; } #enterprise .section .want_to_be .container .description .photo .franchising div h4 { font-family: TungstenBold; color: #005aa4; text-transform: uppercase; font-size: 14pt; margin: 0 0 10px 0; } #enterprise .section .want_to_be .container .description .photo .franchising div p, #enterprise .section .want_to_be .container .description .photo .franchising div a { font-size: 10pt; position: relative; display: block; font-family: inherit; } #enterprise .section .want_to_be .container .description .photo .franchising div a { text-decoration: underline; width: 137px; border: 0 none; margin: 10px auto auto; } /*-------------------------------- Finance Manager -------------------------------- */ #enterprise .section .finance_manager { width: 100%; height: 300px; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 40px 0 20px; position: relative; display: block; float: left; } #enterprise .section .finance_manager .photo { width: 380px; height: 300px; border: 0 none; position: relative; float: left; } #enterprise .section .finance_manager .photo span { background: url(../img/icons-hotsite-bb-355x285.png) 0 0 no-repeat; width: 355px; height: 285px; border: 0 none; position: absolute; left: -20px; top: -5px; z-index: 10; } #enterprise .section .finance_manager .description { width: 570px; height: 300px; border: 0 none; position: relative; float: right; } #enterprise .section .finance_manager .description p { margin: 20px 0 0; } #enterprise .section .finance_manager .description .line { width: 300px; height: 2px; border-top: 1px dashed #999999; position: absolute; right: -5px; top: 25px; } #enterprise .section .finance_manager .description .btn_150x50 { margin: 20px 0 0; } #enterprise .section .finance_manager .description .btn_150x50:hover { background-color: #005aa4; } #enterprise .section .finance_manager .description .btn_150x50:hover span { color: #ffffff; } #enterprise .section .finance_manager .description .btn_150x50 .side { text-align: center; width: 103px; height: 43px; border: 1px dashed #999999; position: relative; display: block; overflow: hidden; } #enterprise .section .finance_manager .description .btn_150x50 .side span { font-family: HelveticaNeueBold; font-size: 11pt; text-align: center; position: absolute; top: 11px; left: 11px; } /*-------------------------------- Relationship Channels -------------------------------- */ #enterprise .section .relationship_channels { width: 100%; height: 200px; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 20px 0; padding: 0; position: relative; display: block; float: left; } #enterprise .section .relationship_channels .description { width: 650px; height: auto; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .relationship_channels .description .side { width: 610px; height: auto; border: 1px dotted #000000; margin: 10px 0 0; padding: 10px 20px; position: relative; display: block; float: left; } #enterprise .section .relationship_channels .description .side ul { width: 100%; margin: 20px 0 0; position: relative; display: block; float: left; } #enterprise .section .relationship_channels .description .side ul .metropolitan { width: 320px; } #enterprise .section .relationship_channels .description .side ul .other { width: 255px; } #enterprise .section .relationship_channels .description .side ul li { height: 30px; position: relative; display: block; float: left; } #enterprise .section .relationship_channels .description .side ul li h3 { font-size: 15pt; } #enterprise .section .relationship_channels .description .side ul li h3 span { color: #005aa4; font-weight: 700; margin-left: 10px; } #enterprise .section .relationship_channels .description .side ul li.first { text-align: left; } #enterprise .section .relationship_channels .description .side ul li.last { text-align: right; border-left: 1px dotted #999999; } #enterprise .section .relationship_channels .photo { /*background: url(../img/icons-hotsite-bb-300x133.png) 0 0 no-repeat;*/ width: 300px; height: 140px; border: 0 none; margin: 0; position: absolute; display: block; right: 0; top: 42px; } #enterprise .section .relationship_channels .photo .account {background:url(../img/icons-hotsite-bb-300x133.png) 0 0 no-repeat; text-indent: -9999px; width: 149px; height: 115px; border: 0 none; margin: 0; position: absolute; display: block; left: 0; top: 0; } #enterprise .section .relationship_channels .photo .login {background:url(../img/icons-hotsite-bb-300x133.png) -150px 0 no-repeat; text-indent: -9999px; width: 149px; height: 115px; border: 0 none; margin: 0; position: absolute; display: block; right: 0; top: 0; } #enterprise .section .relationship_channels_branch { width: 920px; height: auto; border: 1px dashed black; margin: 20px 0; padding: 20px; position: relative; display: block; float: left; } /*hover*/ #enterprise .section .relationship_channels .photo .account:hover {background:url(../img/icons-hotsite-bb-300x133_hover.png) 0 0 no-repeat;} #enterprise .section .relationship_channels .photo .login:hover {background:url(../img/icons-hotsite-bb-300x133_hover.png) -150px 0 no-repeat;} /**/ #enterprise .section .relationship_channels_branch { width: 920px; height: auto; border: 1px dashed black; margin: 20px 0; padding: 20px; position: relative; display: block; float: left; } #enterprise .section .relationship_channels_branch .description { width: 410px; height: auto; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .relationship_channels_branch .description .side { width: 610px; height: auto; border: 0 none; margin: 0; padding: 0; position: relative; display: block; float: left; } #enterprise .section .relationship_channels_branch h3 { font-size: 16pt; text-transform: uppercase; } #enterprise .section .relationship_channels_branch a { font-size: 10pt; font-family: HelveticaNeue; text-decoration: underline; margin: 10px 0 0; position: relative; display: block; } #enterprise .section .relationship_channels_branch .photo {no-repeat; width: 510px; height: 70px; border: 0 none; margin: 0; position: absolute; display: block; right: 20px; top: 40px; } #enterprise .section .relationship_channels_branch .photo .account { background: url(../img/icons-hotsite-bb-510x70.png) 0 0 no-repeat; text-indent: -9999px; width: 275px; height: 70px; border: 0 none; margin: 0; position: absolute; display: block; left: 0; top: 0; } #enterprise .section .relationship_channels_branch .photo .login { background: url(../img/icons-hotsite-bb-510x70.png) -280px 0 no-repeat; text-indent: -9999px; width: 232px; height: 70px; border: 0 none; margin: 0; position: absolute; display: block; right: 0; top: 0; } /*hover*/ #enterprise .section .relationship_channels_branch .photo .account:hover { background: url(../img/icons-hotsite-bb-510x70_hover.png) 0 0 no-repeat;} #enterprise .section .relationship_channels_branch .photo .login:hover { background: url(../img/icons-hotsite-bb-510x70_hover.png) -280px 0 no-repeat;} /**/ /*-------------------------------- Relationship Channels New -------------------------------- */ #enterprise .section .relationship_channels_new { width: 920px; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 20px 0; position: relative; display: block; float: left; border: dashed 1px #0065a2; padding: 20px 18px;} #enterprise .section .relationship_channels_new header {margin-bottom: 40px;} #enterprise .section .relationship_channels_new .left {float: left;} #enterprise .section .relationship_channels_new .right {float: right;} #enterprise .section .relationship_channels_new .title-channels { width: 380px; } #enterprise .section .relationship_channels_new .title-channels.font-default h2 {font-weight: 300; font-size: 27px;letter-spacing: 1.5px;} #enterprise .section .relationship_channels_new .title-channels h4{ color: #737369; font-family: TungstenMedium; font-size: 20px; letter-spacing: 0.4px;} #enterprise .section .relationship_channels_new .description h3{ color: #666666; font-family: TungstenMedium; font-size: 26px; text-align: center; margin-bottom: 40px; text-transform: none;} #enterprise .section .relationship_channels_new .box-destaques { width: 800px; margin: 0 auto; } #enterprise .section .relationship_channels_new .box-destaques ul { display: table;} #enterprise .section .relationship_channels_new .box-destaques ul li { width: 380px; height: 120px; background: #fff; padding: 5px; float: left; display: table; margin-bottom: 20px;} #enterprise .section .relationship_channels_new .box-destaques ul li:nth-of-type(2n) { float: right;} #enterprise .section .relationship_channels_new .box-destaques ul li.maior { width: 99%;} #enterprise .section .relationship_channels_new .box-destaques ul li.maior .box h3{margin: 25px 30px 0 130px;} #enterprise .section .relationship_channels_new .box-destaques ul li.maior .box h3 a{ color: #00639e; font-size: 24px;} #enterprise .section .relationship_channels_new .box-destaques ul li .box h3 a{ color: #00639e; font-size: 24px;} #enterprise .section .relationship_channels_new .box-destaques ul li.maior .box h4{margin-top: 25px; color: #666666; font-family: TungstenMedium; text-align: center; font-size: 20px; display: block; text-transform: none;} #enterprise .section .relationship_channels_new .box-destaques ul li .box h4{ color: #666666; font-family: TungstenMedium; text-align: center; font-size: 20px; display: block; text-transform: none;} #enterprise .section .relationship_channels_new .box-destaques ul li.maior .box h4 span{font-size: 18px;} #enterprise .section .relationship_channels_new .box-destaques ul li .box { width: 99.5%; min-height: 125px; border: dotted 1px #000; padding-top: 20px;} /*#enterprise .section .relationship_channels_new .box-destaques ul li.color-blue{width: 47.5%;height: 100%;display: block; background: url(../img/bg-hotsite-bb-238x140.png) 0 0; background-size: cover;} #enterprise .section .relationship_channels_new .box-destaques ul li.color-blue .box h3{ color: #ffed00;}*/ #enterprise .section .relationship_channels_new .box-destaques ul li.color-blue .box a{ font-size: 22px; line-height: 26px; letter-spacing: 1px; margin: -15px auto 0; width: 360px; } #enterprise .section .relationship_channels_new .box-destaques ul li .box .apps.smart{ /*margin-left: 10px;*/ text-align: center; } #enterprise .section .relationship_channels_new .box-destaques ul li .box .apps.tablets{ margin-left: 65px;} #enterprise .section .relationship_channels_new .box-destaques ul li .box .apps.redes{ margin-left: 120px;} #enterprise .section .relationship_channels_new .box-destaques ul li .box .apps a{ /*float: left; margin-left: 10px;*/ display: inline-block; margin: 0 5px; } #enterprise .section .relationship_channels_new .box-destaques ul li .box h3{ color: #00639e; font-family: TungstenMedium; text-align: center; margin-bottom: 20px; font-size: 24px;} #enterprise .section .relationship_channels_new .box-destaques ul li .box a{ color: #666666; font-family: TungstenMedium; text-align: center; font-size: 24px; display: block;} #enterprise .section .relationship_channels_new .box-destaques ul li .box.atendimento h4{ font-size: 22px; color: #666; position: relative; top: -15px;} #enterprise .section .relationship_channels_new .photo { width: 510px; display: block; position: relative;} #enterprise .section .relationship_channels_new .photo a{ box-shadow: 5px 15px 25px -10px #7F7F7F; } #enterprise .section .relationship_channels_new .photo .account {background:url(../img/bt-abra-sua-conta.png) 0 0 no-repeat; text-indent: -9999px; width: 265px; height: 46px; border: 0 none; margin: 0; display: block; } #enterprise .section .relationship_channels_new .photo .login {background:url(../img/bt-login.png) top left no-repeat; text-indent: -9999px; width: 225px; height: 46px; border: 0 none; margin: 0 0 0 10px; display: block; } /**/ /*-------------------------------- Questions -------------------------------- */ #enterprise .section .questions { width: 100%; height: auto; box-shadow: 0 26px 18px -25px #7F7F7F; margin: 20px 0; padding: 0 0 50px 0; position: relative; display: block; float: left; z-index: 100; } #enterprise .section .questions .list_questions { width: 470px; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .questions .list_questions ul { width: 100%; height: auto; margin: 30px 0 0; position: relative; float: left; } #enterprise .section .questions .list_questions ul li.list { width: 100%; padding: 20px 0; border-top: 1px dotted #666666; position: relative; display: block; float: left; cursor: pointer; } #enterprise .section .questions .list_questions ul li.list.selected .description{ display: block; } #enterprise .section .questions .list_questions ul li.list.first { border-top: 0 none; } #enterprise .section .questions .list_questions ul li.list .info { width: 100%; border: 0 none; position: relative; float: left; } #enterprise .section .questions .list_questions ul li.list .info .icon_number, #enterprise .section .questions .list_questions ul li.list .info .icon_number_selected, #enterprise .section .questions .list_questions ul li .info p { position: relative; float: left; } #enterprise .section .questions .list_questions ul li.list .info .icon_number { background-position: -97px -48px; width: 40px; height: 34px; margin: 0 10px 0 0; border: 0 none; text-align: center; padding-top: 6px; } #enterprise .section .questions .list_questions ul li.list .info .icon_number_selected { background-position: -53px -48px; width: 40px; height: 40px; margin: 0 10px 0 0; border: 0 none; } #enterprise .section .questions .list_questions ul li.list:hover .info .icon_number { background-position: -53px -48px; } #enterprise .section .questions .list_questions ul li.list .info .icon_number span { font-family: TungstenBold; font-size: 20pt; color: #ffffff; display: inline; } #enterprise .section .questions .list_questions ul li.list .info .icon_number_selected span { font-family: TungstenBold; font-size: 20pt; color: #ffffff; position: absolute; top: 4px; left: 10px; } #enterprise .section .questions .list_questions ul li.list .info p { width: 410px; height: auto; border: 0 none; padding: 4px 0 0; } #enterprise .section .questions .list_questions ul li.list .info p a { font-family: HelveticaNeue; font-size: 11pt; color: #666666; } #enterprise .section .questions .list_questions ul li.list .info p a:hover { color: #0064a1; text-decoration: none; } #enterprise .section .questions .list_questions ul li.list .info p a.selected { color: #0064a1; text-decoration: none; } #enterprise .section .questions .list_questions ul li.list:hover .info a { color: #0064a1; } #enterprise .section .questions .list_questions ul li.list .description { background-color: #ffffff; font-family: HelveticaNeue; font-size: 11pt; width: 390px; height: auto; box-shadow: -3px 5px 20px 0 #9f9f9f; padding: 30px 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: absolute; display: none; left: 485px; top: 0; z-index: 100; cursor: text;} #enterprise .section .questions .list_questions ul li.list .description .arrow_questions_left { background-position: -96px 0; width: 30px; height: 44px; border: 0 none; position: absolute; left: -30px; top: 20px; z-index: 0; } #enterprise .section .questions .list_questions ul li.last .description .arrow_questions_left { top: 150px; } #enterprise .section .questions .list_questions ul li.list .description ul { width: 390px; height: auto; margin: 0 0 20px 0; border: 0 none; position: relative; float: left; } #enterprise .section .questions .list_questions ul li.list .description ul li { list-style-type: square; margin: 0 0 0 10px; padding: 0 0 0 5px; } #enterprise .section .questions .list_questions ul li.list .description ul li a{ word-wrap: break-word; } #enterprise .section .questions .list_questions ul li.list .description p { font-size: 11pt; margin: 10px 0; } #enterprise .section .questions .list_questions ul li.list .description .more { width: 100%; border: 0 none; position: relative; display: block; float: left; } #enterprise .section .questions.tipewhite .list_questions ul li { background-color: white; box-sizing: border-box; z-index: 2; padding: 15px 0;} #enterprise .section .questions.tipewhite .list_questions ul li .description{ left: 515px;} #enterprise .section .questions.tipewhite .list_questions ul li .info{margin: 0 24px 0px 30px; display: block;} #enterprise .section .questions.tipewhite .list_questions ul li .info p{ width: 360px;} #enterprise .section .questions.tipewhite .list_questions ul li:nth-child(10){ border-radius: 0px 0px 10px 10px; position: relative; z-index: 2; } #enterprise .section .questions.tipewhite .list_questions ul li.ver_mais_perguntas{ display: none; } #enterprise .section .questions.tipewhite .list_questions ul li.show-questions{ display: block; background-size: contain; width: 100%; background: url(../img/bg-hotsite-bb-238x140.png); padding: 22px 0px 10px 0; text-align: center; color: white; z-index: 1; border-radius: 0 0 10px 10px; position: relative; top: -12px;} .show-questions{display: none;} .seta-cima:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid white;} .seta-baixo:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 10px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #FFF;} /*-------------------------------- Treinamentos -------------------------------- */ #cursos { width: 100%; height: auto; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; } #cursos ul { width: 100%; height: auto; margin: 10px 0 0; position: relative; display: block; float: left; } #cursos ul li { width: 300px; min-height: 170px; border: 0 none; margin: 0 5px; padding: 15px 5px; position: relative; display: block; float: left; overflow: hidden; } #cursos ul li.first { margin-left: 0; } #cursos ul li.last { margin-right: 0; } #cursos ul li p { margin: 10px 0 0; } #cursos ul li h4 { font-size: 14pt; font-weight: normal; letter-spacing: 1px; } #cursos ul li .redirect { font-family: HelveticaNeue; font-size: 10pt; margin: 10px 0 0; position: relative; display: block; } #cursos ul li .left {float: left;} #cursos ul li .right {float: left; margin-left: 20px;} #cursos ul li.more { background: 0 none; width: 280px; height: 250px; padding: 10px; } #cursos ul li.more .info { text-align: center; width: 278px; height: 248px; border: 1px dashed #666666; margin: auto; position: relative; display: block; } #cursos ul li.more .info a { text-decoration: none; width: 218px; height: auto; margin: auto; padding: 95px 0 90px; position: relative; float: none; display: block; } #cursos ul li.more .info span { text-align: center; margin: 0 auto 5px; position: relative; display: block; } #cursos ul li.more .info h4 { font-family: TungstenMedium; font-size: 18pt; position: relative; display: block; } /*-------------------------------- Courses -------------------------------- */ #enterprise .section .courses { width: 100%; height: auto; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; } #enterprise .section .courses.artigos-ferramentas { box-shadow: 0 26px 18px -25px #7F7F7F; padding-bottom: 40px;} #enterprise .section .courses ul { width: 100%; height: auto; margin: 10px 0 0; position: relative; display: block; float: left; } #enterprise .section .courses ul li { width: 300px; min-height: 170px; border: 0 none; margin: 0 5px; padding: 15px 5px 15px 5px; position: relative; display: block; float: left; overflow: hidden; } #enterprise .section .courses.artigos-ferramentas ul li:nth-child(3n+1) { clear: both;} #enterprise .section .courses ul li.first { margin-left: 0; } #enterprise .section .courses ul li.last { margin-right: 0; } #enterprise .section .courses ul li p { margin: 10px 0 0; } #enterprise .section .courses ul li h4 { font-size: 14pt; font-weight: normal; letter-spacing: 1px; } #enterprise .section .courses ul li .redirect { font-family: HelveticaNeue; font-size: 10pt; margin: 10px 0 0; position: relative; display: block; } #enterprise .section .courses ul li .left {float: left;} #enterprise .section .courses ul li .right {float: left; margin-left: 20px;} #enterprise .section .courses ul li.more { background: 0 none; width: 280px; height: 250px; padding: 10px; } #enterprise .section .courses ul li.more .info { text-align: center; width: 278px; height: 248px; border: 1px dashed #666666; margin: auto; position: relative; display: block; } #enterprise .section .courses ul li.more .info a { text-decoration: none; width: 218px; height: auto; margin: auto; padding: 95px 0 90px; position: relative; float: none; display: block; } #enterprise .section .courses ul li.more .info span { text-align: center; margin: 0 auto 5px; position: relative; display: block; } #enterprise .section .courses ul li.more .info h4 { font-family: TungstenMedium; font-size: 18pt; position: relative; display: block; } /*-------------------------------- Franchisors Insured -------------------------------- */ #enterprise .section .franchisors_insured { width: 100%; height: 500px; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; padding-bottom: 63px; } #enterprise .section .franchisors_insured .subtitle { font-size: 14pt; letter-spacing: 1px; margin: 10px 0; } #enterprise .section .franchisors_insured .list_franchisors { width: 100%; height: auto; border: 0 none; margin: 10px 0; position: relative; display: block; float: left; } #enterprise .section .franchisors_insured .list_franchisors .list { width: 320px; height: auto; border: 0 none; padding: 0 20px 0 0; position: relative; display: block; float: left; } #enterprise .section .franchisors_insured .list_franchisors .list ul li a { font-family: HelveticaNeue; font-size: 10pt; color: #000000; text-decoration: none; } #enterprise .section .franchisors_insured .list_franchisors .list ul li a:hover { color: #005aa4; text-decoration: underline; } #enterprise .section .franchisors_insured .select { background-color: #ffffff; width: 280px; height: 35px; border: 0 none; margin: 20px 0; padding: 5px; position: relative; display: block; cursor: pointer; z-index:999; } #enterprise .section .franchisors_insured .select .content { width: 278px; height: 33px; border: 1px dashed #666666; position: relative; display: block; float: left; } #enterprise .section .franchisors_insured .select .content .info { font-size: 10pt; margin: 10px 0 0 10px; position: relative; display: block; } #enterprise .section .franchisors_insured .select .content .info a { color: #000000; } #enterprise .section .franchisors_insured .select .content .info a .list_franchisors_none { display: none; } #enterprise .section .franchisors_insured .select .content .info a:hover { color: #005aa4; } #enterprise .section .franchisors_insured .select .content .arrow { width: 16px; height: 14px; border: 0 none; position: absolute; display: block; right: 10px; top: 10px; cursor: pointer; } #enterprise .section .franchisors_insured .select ul { background-color: #ffffff; width: 280px; height: auto; border: 1px solid #efefef; padding: 0 5px 5px 5px; position: absolute; display: none; clear: both; left: -7px; top: 33px; z-index: 100; } #enterprise .section .franchisors_insured .select ul li { font-size: 10pt; border-left: 1px dashed #999999; border-right: 1px dashed #999999; padding: 8px 5px 8px 10px; position: relative; display: block; overflow: hidden; } #enterprise .section .franchisors_insured .select ul li:hover { background-color: #005aa4; } #enterprise .section .franchisors_insured .select ul li:hover a { color: #ffffff; text-decoration: none; } #enterprise .section .franchisors_insured .select ul li.autoclave { background-color: #efefef; } #enterprise .section .franchisors_insured .select ul li.autoclave:hover { background-color: #005aa4; } #enterprise .section .franchisors_insured .select ul li.first { border-top: 0 none; } #enterprise .section .franchisors_insured .select ul li.last { border-bottom: 1px dashed #999999; } #enterprise .section .franchisors_insured .select ul li a { color: #000000; } /*-------------------------------- Gallery Videos --------------------------------*/ #enterprise .section #videos { width: 960px; overflow: hidden; border: 0 none; margin: 20px 0; position: relative; display: block; float: left; padding-bottom: 63px;} #enterprise .section #videos .content-vid {float: left; position: relative;} #enterprise .section #videos .content-vid .gallery-video { float: left; margin-top: 30px; width: 960px; margin-right: 10px; } #enterprise .section #videos .content-vid .gallery-video li { float: left; width: 290px; margin-right: 40px; margin-bottom: 50px;} #enterprise .section #videos .content-vid .gallery-video li.last { margin-right: 0px; } #enterprise .section #videos .content-vid .gallery-video li a {position: relative; float: left; width: 100%; height: 160px; box-shadow: 0 15px 20px -7px gray; -moz-border-radius: 0 15px 20px -7px gray; -webkit-border-radius: 0 15px 20px -2px gray; } #enterprise .section #videos .content-vid .gallery-video li a .img-content {float: left; width: 100%; height: 160px; overflow: hidden; position: relative;} #enterprise .section #videos .content-vid .gallery-video li a .box-transparenci {position: absolute; background: url(../img/bg-transparencia-video.png) center bottom no-repeat; width: 100%; height: 191px; float: left; } #enterprise .section #videos .content-vid .gallery-video li a .box-transparenci:hover {background: url(../img/bg-transparencia-video-hover.png) center bottom no-repeat;} #enterprise .section #videos .content-vid .gallery-video li a .img-content img {float: left; width: 100%; border: none;} #enterprise .section #videos .content-vid .gallery-video li h3 {float: left; width: 100%; margin-top: 30px; color: #005aa4;} #enterprise .section #videos .content-vid .gallery-video li p {float: left; width: 100%; font-size: 14px; } #enterprise .section #videos #paginacao {width: 100%; float: left;} #enterprise .section #videos #paginacao .pag-content {margin: 0 auto; width: 200px; height: 80px;} #enterprise .section #videos #paginacao .pag-content .nav-dir {margin-top: 20px; cursor: pointer; float: left; background: url(../img/seta-dir.png) center bottom no-repeat; width: 38px; height: 38px;} #enterprise .section #videos #paginacao .pag-content .nav-esq {margin-top: 20px; cursor: pointer; float: right; background: url(../img/seta-esq.png) center bottom no-repeat; width: 38px; height: 38px;} #enterprise .section #videos #paginacao .pag-content .content-num {margin-left: 22px; float: left; width: 85px; height: 75px; border: 1px #c0c0ab solid;} #enterprise .section #videos #paginacao .pag-content .content-num p {text-align: center; margin-top: 15px;} #enterprise .section #videos #paginacao .pag-content .content-num p span {font-size: 40px; font-family: 'TungstenMedium';} #enterprise .section #videos #paginacao .pag-content .content-num p .ativo{color: #00619f; } #enterprise .section #videos #paginacao .pag-content .content-num p .barra{color: #00619f;} #enterprise .section #videos #paginacao .pag-content .content-num p .total{color: #bbbbbb;} /*-------------------------------- Modal -------------------------------- */ .box_modal { background-color: #f4f4f4; width: 370px; height: auto; box-shadow: -3px 5px 20px 0 #000000; padding: 5px; position: absolute; left: 0; bottom: 30px; z-index: 1000; opacity: 1.0; display: none; } .box_modal div { width: 310px; height: auto; border: 1px dashed #999999; margin: auto; padding: 30px; position: relative; display: block; float: left; clear: both; } .box_modal div h3 { text-transform: none; font-family: TungstenMedium; line-height: 20pt; } .box_modal div a { position: relative; display: block; float: left; } .box_modal div .btn_150x50 { width: 90px; height: 42px; margin: 20px 0 0; display: none; } .box_modal div .btn_150x50:hover { background-color: #005aa4; } .box_modal div .btn_150x50:hover span { color: #ffffff; } .box_modal div .btn_150x50 .side { text-align: center; width: 88px; height: 40px; border: 1px dashed #999999; position: relative; display: block; overflow: hidden; } .box_modal div .btn_150x50 .side span { font-family: HelveticaNeueBold; font-size: 10pt; text-align: center; position: absolute; top: 11px; left: 11px; } .box_modal .arrow_down_modal { background-position: -141px -9px; width: 20px; height: 10px; border: 0 none; position: absolute; left: 170px; bottom: -10px; } .box_modal .close { text-align: center; font-size: 20pt; width: 30px; height: auto; border: 0 none; position: absolute; right: 5px; top: 5px; z-index: 300; } /*-------------------------------- Reformulação da area de BB FACILITA -------------------------------- */ #nav_facilita { width: 950px !important; height: 47px; padding: 5px; position: relative; background: #fff; margin-bottom: 20px; } #enterprise .section .simple .list_box_simple #nav_facilita li { height: 44px; border: 1px dashed #999; border-left: none; background: #fff; margin: 0; padding: 0; position: relative; } #enterprise .section .simple .list_box_simple #nav_facilita li a { font-family: 'TungstenMedium'; font-size: 18pt; padding: 10px 0; text-decoration: none; display: block; text-align: center; } #enterprise .section .simple .list_box_simple #nav_facilita .seta { background: url(../img/sprite.png) -60px -10px no-repeat; width: 20px; height: 15px; border: 0 none; position: absolute; display: none; left: 50%; margin-left: -10px; bottom: -15px; z-index: 30; } #enterprise .section .simple .list_box_simple #nav_facilita .todos { width: 80px; /* border-left: 1px dashed #999; */ } #enterprise .section .simple .list_box_simple #nav_facilita .credit { width: 90px; } #enterprise .section .simple .list_box_simple #nav_facilita .investment { width: 210px; } #enterprise .section .simple .list_box_simple #nav_facilita .secure { width: 100px; } #enterprise .section .simple .list_box_simple #nav_facilita .card { width: 110px; } #enterprise .section .simple .list_box_simple #nav_facilita .prices { width: 112px; } #enterprise .section .simple .list_box_simple #nav_facilita .payment { width: 234px; } #enterprise .section .simple .list_box_simple #nav_facilita .todos { width: 80px; /* border-left: 1px dashed #999; */ } #enterprise .section .simple .list_box_simple #nav_facilita .receber-universitario { width: 320px; } #enterprise .section .simple .list_box_simple #nav_facilita .credit-universitario { width: 70px; } #enterprise .section .simple .list_box_simple #nav_facilita .investment-universitario { width: 165px; } #enterprise .section .simple .list_box_simple #nav_facilita .secure-universitario { width: 155px; } #enterprise .section .simple .list_box_simple #nav_facilita .card-universitario { width: 76px; } #enterprise .section .simple .list_box_simple #nav_facilita .prices-universitario { width: 112px; } #enterprise .section .simple .list_box_simple #nav_facilita .payment-universitario { width: 234px; } /*turismo*/ #enterprise .section .simple .list_box_simple #nav_facilita .credit-turismo { width: 90px; } #enterprise .section .simple .list_box_simple #nav_facilita .payment-turismo { width: 114px; } #enterprise .section .simple .list_box_simple #nav_facilita .receber-turismo { width: 114px; } #enterprise .section .simple .list_box_simple #nav_facilita .investment-turismo { width: 210px; } #enterprise .section .simple .list_box_simple #nav_facilita .secure-turismo { width: 222px; } #enterprise .section .simple .list_box_simple #nav_facilita .card-turismo { width: 110px; } #enterprise .section .simple .list_box_simple #nav_facilita li:hover { background: #0064a1; } #enterprise .section .simple .list_box_simple #nav_facilita li:hover a { color: #fff; } #enterprise .section .simple .list_box_simple #nav_facilita li.active { background: #0064a1; } #enterprise .section .simple .list_box_simple #nav_facilita li.active a { color: #fff200; } #enterprise .section .simple .list_box_simple #nav_facilita li.active .seta { display: block; } #enterprise .section .simple .list_box_simple #nav_facilita li a { outline: none; } #enterprise .section .simple.branch .desc { text-align: center; font-family: 'TungstenMedium'; font-size: 18pt; line-height: 18pt; text-transform: none; color: #005aa4; letter-spacing: 1px; width: 550px; margin: 0 auto 40px auto; display: block; } /*-------------------------------- Box Primeiro Tempo -------------------------------- */ .limpa:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .limpa { display: inline-block; } * html .limpa { height: 1%; } .limpa { display: block; } /* close commented backslash hack */ .saiba{font-family: HelveticaNeue; font-size: 10pt; margin: 10px 0 0; position: relative; display: block; color: #006487;} .content-primeiro-tempo {margin-top: 40px; display: block; } .content-primeiro-tempo h2 {font-size: 20px;} .content-primeiro-tempo .left{float: left;} .content-primeiro-tempo .box-auxiliar{width: 335px; background: url(../img/barra-pontilhada.png) top left repeat-y;} .content-primeiro-tempo .box-auxiliar ul li{background: url(../img/barra-pontilhada-horizontal.png) bottom left repeat-x; padding: 15px 0px 15px 20px;} .content-primeiro-tempo .box-auxiliar ul li h2, .content-primeiro-tempo .box-auxiliar ul li p{margin-bottom: 10px;} .content-primeiro-tempo .box-auxiliar ul li:first-of-type {padding-top: 0px;} .content-primeiro-tempo .box-auxiliar ul li:last-of-type {background: transparent; padding-bottom: 0;} .content-primeiro-tempo .texto-destaque-primeiro-tempo {width: 560px; padding: 5px 10px 0 20px; background: url(../img/icons-hotsite-bb-10x10.png) top 10px left no-repeat; display: block;} .content-primeiro-tempo .texto-destaque-primeiro-tempo p{margin-bottom: 20px; display: block;} /*-------------------------------- Empresas de Turismo -------------------------------- */ .empresas-turismo { display: block; position: relative; float: left; width: 100%; padding: 40px 0;} .empresas-turismo .paginacao-boxs {position: relative;} .empresas-turismo .paginacao-boxs .voltar {color: #0060bc; position: absolute; right: 20px; top: 0;} .empresas-turismo .paginacao-boxs ul {margin: 0 0 30px 45%;} .empresas-turismo .paginacao-boxs ul li{ float: left; color: #005aa4; width: 20px; height: 20px; background: #fff; border-radius: 50%; font-size: 13px; text-align: center; margin-right: 5px;} .empresas-turismo .paginacao-boxs ul li.action{ background: #005aa4; color: #fff;} .empresas-turismo .paginacao-boxs ul li.action a{color: #fff;} .empresas-turismo .paginacao-boxs ul li span{margin: 3px 0 0 0; display: block; font-family: TungstenBold;} .empresas-turismo h2{ text-align: center;} .empresas-turismo .title-empresas, .empresas-turismo .sub-title-empresas{ margin-bottom: 40px; display: block;} .empresas-turismo .title-empresas, .empresas-turismo .sub-title-empresas p{ font-size: 18pt; letter-spacing: 1px; color: #005aa4; font-family: TungstenBold;} .empresas-turismo .sub-title-empresas{ text-transform: none;} .empresas-turismo .text-center{ text-align: center;} .empresas-turismo section{ border: dashed 1px #0065a2; padding: 20px 0;} .empresas-turismo button{ width: 259px; height: 122px; background: url(../img/bt-blue.jpg) no-repeat; border: none; text-transform: uppercase; color: #005aa4; font-family: 'TungstenMedium'; font-size: 26px; float: left; margin: 0 20px 20px 0; cursor: pointer;} .empresas-turismo button span{display: block; text-align: center; display: block; padding: 0 15px;} .empresas-turismo button:hover{background: url(../img/bt-blue-hover.jpg) no-repeat; color: #fff200;} .empresas-turismo button:nth-of-type(2n){ float: right; margin-right: 0;} .empresas-turismo .aba-02 { display: none; } .empresas-turismo .aba-03 { display: none; } .empresas-turismo .aba-03 ul li header{ width: 840px; margin: 35px auto 0; padding: 0 0 20px 20px; border-bottom: dotted 1px #000;} .empresas-turismo .aba-03 ul li:last-of-type header{ border-bottom: 0px;} .empresas-turismo .aba-03 ul li header .titulo{ float: left; } .empresas-turismo .aba-03 ul li header .titulo h4{ color: #000000; font-family: HelveticaNeue; text-transform: none; padding-top: 10px; width: 100%; margin-bottom: 10px;} .empresas-turismo .aba-03 ul li header .titulo a.fechar {display: none;} .empresas-turismo .aba-03 ul li header .titulo a { font-size: 14px; color: #0060bc; display: block; text-decoration: none;} .empresas-turismo .aba-03 ul li header .ico-number{ background: #0062a1; text-align: center; border-radius: 50% 50%; width: 40px; height: 40px; font-family: TungstenBold; font-size: 20pt; color: #ffffff; float: left; margin-right: 15px;} .empresas-turismo .aba-03 ul li header .ico-number span{ padding-top: 5px; display: block;} .empresas-turismo .aba-03 ul li .box-open{display: none; background: #fff; width: 100%; margin-top: -2px; padding: 20px 0; font-family: HelveticaNeue; font-weight: 400; font-size: 16px !important;} .empresas-turismo .aba-03 ul li .box-open p, .empresas-turismo ul li .box-open a{font-size: 16px !important; display: block;} .empresas-turismo .aba-03 ul li .box-open a{margin-bottom: 5px; text-decoration: underline;} .empresas-turismo .aba-03 ul li .box-open p{margin-bottom: 20px;} .empresas-turismo .center2{ width: 550px; margin: 0 auto;} .empresas-turismo .center{ width: 720px; margin: 0 auto;} /*-------------------------------- universitario-empreendedo -------------------------------- */ .universitario-empreendedo{ display: block;} #enterprise .universitario-empreendedo .featured .media{float: left;} .universitario-empreendedo .featured .description.branch {margin-left: 25px;} /*caminhos para o futuro */ .passoapasso { margin-top: 50px;} .passoapasso .content-header{ background-image: url(../img/caminhosfuturoheader.png); width: 100%; height: 168px;} .passoapasso .content-header nav ul li.active:before{ content: " "; background: url(../img/sprite.png) -60px -10px no-repeat; width: 20px; height: 15px; border: 0 none; left: 50%; margin-left: -10px; position: absolute; z-index: 30; bottom: -19px;} .passoapasso .content-header nav ul li:hover{background: url(../img/bg-hotsite-bb-238x140.png) 0 0; /* color: yellow; */border-color: rgb(0, 104, 159);} .passoapasso .content-header nav ul li:hover a{ color: #fff200;} .passoapasso .content-header nav ul{display: table; position: relative; width: 100%;} .passoapasso .content-header nav ul li a span{ display: block; float: left; margin: 11px 10px 2px 13px; font-size: 27px;} .passoapasso .content-header nav ul li a{ box-sizing: border-box; border: 1px dashed #999; display: block; text-transform: uppercase; padding: 13px 35px 8px 15px; font-family: TungstenMedium; font-size: 24px; text-align: center; text-decoration: none;} .passoapasso .content-header nav ul li.active{ background: url(../img/bg-hotsite-bb-238x140.png) 0 0; border-color: rgb(0, 104, 159);} .passoapasso .content-header nav ul li.active a{ color: #fff200; font-size: 24px; font-family: TungstenMedium; border-color: #2290d8;} .passoapasso .content-header nav ul li.passo1{ position: absolute; top: 45px; left: 38px;} .passoapasso .content-header nav ul li.passo2{ position: absolute; top: 55px; left: 370px;} .passoapasso .content-header nav ul li.passo3{ position: absolute; right: 15px; top: 35px;} .passoapasso .content-header nav ul li{ border: 4px solid white; background: #fff; margin: 0; padding: 0;} .passoapasso .content{ background-image: url(../img/caminhosfuturocontent.png); width: 100%; padding: 45px 13px 13px 45px; box-sizing: border-box;} .passoapasso .content p{ font-family: helvetica; color: #000000; font-size: 14px; font-weight: normal; line-height: 25px; text-align: left;} .passoapasso .content .content-passet{ display: none; opacity: 0; } .passoapasso .content .content-passet.show{ display: block; opacity: 1;} .passoapasso .content-footer{ background: url(../img/caminhosfooter.png) no-repeat; width: 100%; height: 40px;} /*banner bb jovem*/ .banner-bbjovem { background-image: url(../img/banner-bb-jovem.png); height: 226px; width: 100%; margin: 40px 0;} .banner-bbjovem .content-left { padding: 0 65px 0 80px;float: left;} .banner-bbjovem .content-right { padding: 70px 65px 0px 0; display: block;} /* GLOSSARIO*/ p.subtitle{color: #005aa4;font-size: 26px;font-weight: 500;line-height: 28px;text-align: left;} .glossario-links { width: 100%; height: auto; border: 0 none; margin: 20px 0px; position: relative; display: block; float: left; box-shadow: 0 26px 18px -25px #7F7F7F; padding: 32px 0;} .glossario-links nav ul li { float: left ; padding: 6px; box-sizing: border-box; background-color: #ffffff; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.15); width: 220px; margin-right: 17px; min-height: 120px; position: relative; line-height: 21px; display: table;} .glossario-links nav ul li:last-child {margin-right: 0px } .glossario-links nav ul li:hover {background: url(../img/bg-hotsite-bb-238x140.png) 0 0 no-repeat } .glossario-links nav ul li:hover a {color: white;} .glossario-links nav ul li a{ border: 1px dashed #999; padding: 10px 4px; text-transform: uppercase; font-weight: 700; text-align: center; font-size: 15px; height: 88px; display: table-cell; vertical-align: middle; text-decoration: none;} .glossario-links nav { margin-top: 21px; } /* GALERIA DE VIDEOS ESPECIALISTAS*/ .galleryespecialista{margin-top: 50px;} .galleryespecialista p.subtitle{ text-transform: uppercase;color: #333333;font-size: 20px;font-weight: 500;line-height: 24px; text-align: left;} .galleryespecialista h2{line-height: 29px;} .galleryespecialista .gallery-video li{ float: left; width: 220px; margin-right: 20px; height: 100%; margin-bottom: 50px; position: relative; margin-top: 34px;} .galleryespecialista .gallery-video li:last-child{ margin-right: 0; } .galleryespecialista .gallery-video li a { display: block;} .galleryespecialista .gallery-video li:hover a .box-transparenci { background: url(../img/bg-transparencia-especialista-hover.png) center bottom no-repeat; height: 169px;} .galleryespecialista .gallery-video li a .box-transparenci {position: absolute; background: url(../img/bg-transparencia-especialista.png) center bottom no-repeat; width: 100%; height: 169px; top: 0;} .galleryespecialista .gallery-video li .img-content { width: 100%; overflow: hidden; height: 140px;} .galleryespecialista .gallery-video li img { width: 100%; } .galleryespecialista .gallery-video li h3 { margin-top: 35px; } .galleryespecialista .gallery-video li p { margin-top: 8px; } .window{ display:none; width: 600px; height: 385px; position:fixed; left:25%; top:25%; background: #f2f2e4; z-index:9900; padding: 10px;} .window .fechar{display:block; text-align:right;margin: 10px;color: black;} #mascara{ display:none; position:absolute; left:0; top:0; z-index:9000; background-color:#000;} .video-embed{ display: block; position: relative; width: 100%; box-sizing: border-box;} .flowplayer{ width: 100%; height: 340px; position: relative !important; } /*botão de redirecionamento*/ .bg_verify_redirect{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 998; display: none; } .button-redirect{ background: white; padding: 17px; width: 528px; height: 240px; position: fixed; top: 40%; left: 33%; display: block; z-index: 999; } .button-redirect .content .close{ background-image: url(../images/btn-close.png); width: 21px; height: 21px; float: right; display: block; top: 4px; position: absolute; right: 4px;} .button-redirect .content{ position: relative; border: 2px dashed #dadcde; padding: 20px; height: 100%; display: inline-table; width: 100%; text-align: center; box-sizing: border-box;} .button-redirect .content h2{ font-size: 45px; font-family: TungstenMedium; letter-spacing: 1.4px;} .button-redirect .content p{ font-size: 24px; font-family: TungstenMedium; text-transform: uppercase; margin-top: 7px; color: #3d4042; letter-spacing: 1.4px;} .button-redirect .content .option{ margin: 0 auto; display: block; width: 300px; position: relative; margin-top: 24px;} .button-redirect .content .option a{ float: left; background: url(../img/bg-hotsite-bb-238x140.png); font-size: 30px; color: white; padding: 5px 44px; margin: 0px 7px 0 17px; text-transform: uppercase; text-decoration: none; font-family: TungstenMedium;} .button-redirect .content .option a:last-child{ margin: 0;} .button-redirect .content .option a:hover{ opacity: 0.7;} .spacetop-90{ margin-top: 90px !important; } @-moz-document url-prefix() { .glossario-links nav ul li { width: 210px;} }