/* CLEAR */ .clear { clear:both;} span.clear { display:block; height:0; overflow:hidden;} .clearfix:after { clear: both; display: block; height: 0; font-size: 0; visibility: hidden; content: " ";} * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* FLOAT */ .left { float:left;} .right { float:right;} div { backface-visibility:hidden; -webkit-backface-visibility:hidden; /* Chrome and Safari */ -moz-backface-visibility:hidden; /* Firefox */ /* transform-style: preserve-3d; */ } /* DISPLAY */ .none { display:none;} .block { display:block;} .hid { height: 0px; width: 0px; display: block; visibility: hidden; } html, body { height:100%; } /* ie6 hack for height:100% */ adress, article, aside, details, footer, header, hgroup, nav, sidebar, summary { display:block;} /* html 5 */ a { text-decoration:none; color:#6d6d6d; -webkit-tap-highlight-color: rgba(0,0,0,0); outline: none; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; } ul, ol, fieldset, legend, input, th, td { padding:0;} p {line-height:23px; -webkit-text-size-adjust: none; font-size:14px; padding:0; margin:0; white-space: pre-line; } p.letter:first-letter { font-size:43px; float: left; margin: 12px 5px 0 0; font-weight: normal; color: #23A697; } blockquote { float: left; font-style: italic; display: block; font-size: 35px; color:#a3a3a3 } blockquote small { font-style: normal; font-size: 11px; display: block; clear: both; } body, p, ul, ol, form, fieldset, input, select, textarea, h1, h2, h3, h4, h5, h6, blockquote, pre, dl, dd { margin:0; padding:0; -webkit-appearance: none; } ul, ol { list-style:none;} /* you choose */ th, h1,h2,h3,h4,h5,h6 { font-weight:900; font-family: 'Lato', sans-serif; } table, caption { text-align:left;} img, fieldset, iframe { border:none;} label { float:left; line-height: 22px; font-size:13px; } input, select, textarea { box-sizing: border-box; border:1px solid #ccc; color:#999; background-color: #fff; border-radius: 4px; padding:8px 10px; outline:none; font-size:12px; } /* please, define something for chrome and safari */ input, select {} textarea { height: auto; min-height: 163px; max-height: 300px; padding:8px; line-height: 18px; } input[type=password]:focus, input[type=text]:focus, select:focus, textarea:focus { border-color:#616161; } input[type=checkbox] { width: 18px!important; height: 18px!important; margin:-2px 10px 0 0!important; display: inline-block; padding:0px!important; vertical-align: middle; transition: all 0.1s linear; -webkit-transition: all 0.1s linear; } input[type=checkbox]:checked { color: #358f14; background-color: #8bca79; border-color: #155f15; } form label { margin: 0 0 0 20px; } form label.small input, form label.small select, form label.small textarea { width: 300px; margin: 0 0px 0 0; } form label.medium input, form label.medium select, form label.medium textarea { width: 465px; } form label.long input, form label.medium select, form label.medium textarea { width: 950px; } hr { border:none; border-top:1px solid #ccc; margin: 30px 0; display: block; width: 100%; } form hr { float: left; margin: 30px 0 20px 0; } .nomargin { margin: 0!important; } q:before, q:after { content:none; } table { border-spacing:0; border-collapse:collapse;} .helptip { width: 16px; height: auto; display: inline-block; font-style: normal; border-radius: 100px; padding: 3px 0px 3px ; margin-top:3px; margin-left: 10px; line-height: 10px; font-size: 11px; text-align: center; vertical-align: top; float: right; } a.helptip:hover { opacity: 0.7 } .amarelo { background-color: #e5b817; color:#433406; } .vermelho { background-color: #9c0000; color:#fff; } .verde { background-color: #2a8c06; color:#fff; } /* ✱ ✕ ✪ ✔ */ /* Loader */ .logoloading { z-index: 1000; display: none; transition: all 0s linear; -webkit-transition: all 0s linear; width: 60px; height: auto; position: absolute; left: 50%; top: 35%; margin-top: 16px; margin-left: -30px; color:#fff; text-align: center; } #qLoverlay { z-index: 700!important; background-color: #202020!important } #qLbar { background-image: url(assets/img/load_bar.jpg); top:50%!important; margin-top: -3px!important; } #qLpercentage { display: none; position: absolute; left: 50%; top:35%; margin-top: -80px; margin-left:-40px; height: 80px; width: 80px; background: url(assets/img/loader.gif) center center no-repeat #000; box-shadow: 0px 6px 18px rgba(0,0,0,0.3); background-size: 50px auto; } .pageloader { display: block; visibility: hidden; position: absolute; left: 20px; top:20px; z-index: 2100; height: 26px; width: 26px; background: url(../img/miniloader.gif) center center no-repeat #c79e42; background-size: 16px 16px; border-radius: 40px; opacity: 0} #cont { opacity: 0; visibility: hidden; } /* estruture */ @font-face { font-family: 'socialfont'; src: url(assets/css/socialico.eot); src: url(assets/css/socialico.eot?#iefix) format('embedded-opentype'), url(assets/css/socialico.ttf) format('truetype'); } @font-face { font-family: 'socialfontplus'; src: url(assets/css/socialico_plus.eot); src: url(assets/css/socialico_plus.eot?#iefix) format('embedded-opentype'), url(assets/css/socialico_plus.ttf) format('truetype'); } .socialicon { font-family: 'socialfont'; font-weight: normal; font-style: normal; transform:translateZ(0); } .socialiconplus { font-family: 'socialfontplus'; font-weight: normal; font-style: normal; transform:translateZ(0); } body { font-family: 'Roboto', sans-serif; font-size: 12px; color:#000; -webkit-text-size-adjust: none; background-color: #fff; font-weight: 300; background-image: url(assets/img/bg_geral.jpg); } /* TOOLTIP */ span.tipbox { max-width:210px; width:auto; text-align:center; display:block; position:absolute; z-index:1200!important; color:#fff; text-shadow:0px 1px 0px #000; padding: 3px 10px 6px 10px; border-radius: 3px; background:#000000; background:rgba(0,0,0,0.9);} span.tipbox span {position:relative; text-align:center; font-size:11px; } span.tippointer { width:5px; height:5px; display:block; background-color: #000; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top:5px; margin:0 0 -4px auto; right:8px; } /* TOOLTIP */ /* ALERTA MENSAGEM */ .alert {width: 100%; font-weight: 400; line-height: 18px; text-align: center; position: fixed; opacity: 0; top: -40px; left:0px; padding: 15px 0px 15px 0px; z-index: 2110; font-size:13px; } .success, .success:before { color:#fff; background: #13B2A1; } .error, .error:before { color:#fff; background: #BB0D24; } .load, .load:before { color:#81610D; background: url(assets/img/load_gif.gif) no-repeat 11px 12px #FFC42C; background-size:24px 24px; } /* ALERTA MENSAGEM */ .overly { background-color: #fff; opacity: 0; visibility: hidden; width: 100%; height: 100%; display: block; position: fixed; left: 0px; top:0px; z-index: 200 } .bt_geral { display: block; padding:13px 18px 13px 18px; border-radius: 2px; text-transform: uppercase; font-weight: 700; text-align: center; border:none; font-size: 12px; margin: 30px auto; } .bt_cinza { background-color: #72767a; color:#fff; text-shadow: 0px 0px #000; } .no-touch .bt_cinza:hover, .bt_cinza:active { background-color: #91969a; color:#d8d8d8; text-shadow: 0px 0px #000; } .bt_rosa { background-color: #a61a6f; color:#fff; text-shadow: 0px 0px #000; } .no-touch .bt_rosa:hover, .bt_rosa:active { background-color: #b5277d; color:#d9d9d9; text-shadow: 0px 0px #000; } .bt_laranja { background-color: #c85e1e; color:#fff; text-shadow: 0px 0px #000; } .no-touch .bt_laranja:hover, .bt_laranja:active { background-color: #c85e1e; color:#ecb18d; text-shadow: 0px 0px #000; } .bt_vermelho { background-color: #c10f0f; color:#fff; text-shadow: 0px 0px #000; } .no-touch .bt_vermelho:hover, .bt_vermelho:active { background-color: #d32323; color:#fff; text-shadow: 0px 0px #000; } /* POP UP MODAL */ .bt_popup { box-shadow: 0px 2px 3px 0px #ca930f; text-shadow: 0px 1px 0px #ffedc2; color:#3e3e3e; background: rgb(253,213,125); background: -moz-linear-gradient(top, rgba(253,213,125,1) 0%, rgba(253,205,99,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,213,125,1)), color-stop(100%,rgba(253,205,99,1))); background: -webkit-linear-gradient(top, rgba(253,213,125,1) 0%,rgba(253,205,99,1) 100%); background: -o-linear-gradient(top, rgba(253,213,125,1) 0%,rgba(253,205,99,1) 100%); background: -ms-linear-gradient(top, rgba(253,213,125,1) 0%,rgba(253,205,99,1) 100%); background: linear-gradient(to bottom, rgba(253,213,125,1) 0%,rgba(253,205,99,1) 100%); } .bt_popup:hover { opacity: 0.85 } .bt_popup:active { text-shadow: 0px -1px 0px #ffedc2; box-shadow: inset 0px 2px 3px 0px #ca930f; background: rgb(224,175,76); background: -moz-linear-gradient(top, rgba(224,175,76,1) 0%, rgba(242,203,121,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,175,76,1)), color-stop(100%,rgba(242,203,121,1))); background: -webkit-linear-gradient(top, rgba(224,175,76,1) 0%,rgba(242,203,121,1) 100%); background: -o-linear-gradient(top, rgba(224,175,76,1) 0%,rgba(242,203,121,1) 100%); background: -ms-linear-gradient(top, rgba(224,175,76,1) 0%,rgba(242,203,121,1) 100%); background: linear-gradient(to bottom, rgba(224,175,76,1) 0%,rgba(242,203,121,1) 100%); opacity: 1; } div.overlay { position: fixed; left: 0; top:0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 95; } div.popup { color:#333; border-radius:8px 8px 6px 6px; box-shadow: 0 3px 25px -2px #000; position: absolute; left: 50%; top:50px; width: 600px; margin: 0 0 0 -300px; background-color: #fff; z-index: 100; } ul.ulpop { width: auto; height: 28px; padding: 13px 15px 22px 15px; border-radius: 6px 6px 0 0; background-color: #808080 } ul.ulpop li { width: 130px; margin:0; } ul.ulpop li.btleft { float: left; } ul.ulpop li.btright { float: right; position: relative; } ul.ulpop li.titulo { width: auto; margin:0 130px 0 130px; text-align: center; cursor: default; } ul.ulpop li.titulo h1 {font-size:18px; clear: none; font-weight: 700; text-transform: uppercase; color:#fff; text-shadow: 0px 1px 0px #b7850e; padding: 6px 0 0 0;} div.corpopop { padding: 20px;} /* POP UP MODAL */ .js .global { display: none; } .tab { width: 100%; display: table; border-bottom: 1px solid #9b105e; margin: 10px 0 30px 0; } .tab li { display: inline-block; } .tab li a { color:#000; width:auto; display: block; padding: 9px 17px; } .tab li.action a { background-color: #000; color:#fff; } .tab li.action a:hover { background-color: #2aa55e; } .tab li.action { float: right; } .tab li a:hover { background-color: #fff1bc; } .tab li a.act { background-color: #9b105e; color:#fff; } .area { display: none; } .a_a { display: block; } .bt_topo { display: block; position: fixed; padding: 6px 15px; left: 50%; margin-left: -55px; width: 80px; z-index: 1000; text-align: center; bottom:-50px; box-shadow: 0px 10px 20px rgba(0,0,0,0.3); background-color: #23B29C; border-radius: 100px; color:#fff; transition: none; -webkit-transition: none; } .no-touch .bt_topo:hover, .bt_topo:active { background-color: #4be1a8; color:#13593e } .servico { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin: 18px 0 18px 0; padding: 15px 0 17px 0; vertical-align: top; line-height: 20px; } .servico span.ico { display: block; line-height: 76px; vertical-align: top; color:#b3b3b3; font-size: 70px; float: left; margin-right: 10px; } .specialbar { position: relative; display: block; width: 100%; background-color:#f0f0f0; padding: 0px 0; height: 45px; } .specialbar .center_ampliado { position: relative; } .specialbar .search { display: inline-table; padding: 6px 0 0 0; float: left; } .specialbar .search input { border:none; background-color: transparent; background-position: -378px 9px; padding-left: 30px; color:#000; width: 200px; background-repeat: no-repeat; } #resultados_busca { width: 240px; display: block; box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.2); position: absolute; left: 31px; top:46px; z-index: 90; background-color: #f0f0f0; } #resultados_busca li { width: 100%; display: block; } #resultados_busca li a.item_autocomplete { display: block; color:#000; padding: 8px 15px 9px 15px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #fff; } #resultados_busca li a small { font-size: 10px; font-weight: normal; color:#b1b1b1; display: block; } #resultados_busca li a:hover { background-color: #e3bb3d; color:#a61a6f!important; } #resultados_busca li a:hover small { color:#000; } #resultados_busca li:last-child a.item_autocomplete { border-bottom: none; } .specialbar .extranav { padding: 1px 0 0 0; display: inline-table; float: right; } .specialbar .extranav li { margin-left: 10px; display: inline-table; width: auto; vertical-align: top; } .specialbar .extranav li a { padding: 0px 0 0px 0px; width: 40px; background-color: transparent; text-align: center; vertical-align: top; } .specialbar .extranav li.social { padding: 6px 0 0 0; } .specialbar .extranav li.social a { display: block; display: block; width: 30px; height: 30px; background: url(assets/img/icons_topsocial.png); } .specialbar .extranav li.social a.fb { background-position: left top; } .specialbar .extranav li.social a.tw { background-position: -40px top; } .specialbar .extranav li.social a.yt { background-position: -78px top; } .specialbar .extranav li.social a.ins { background-position: -116px top; } .specialbar .extranav li.social a.fli { background-position: right top; } .specialbar .extranav li.social a:hover { opacity: 0.8; } .specialbar .extranav li.flag a { display: block; width: 28px; font-size: 12px; padding: 13px 0; font-weight: 700; } .specialbar .extranav li.br { margin-left: 10px; padding-left: 10px; border-left: 1px solid #ccc; } .specialbar .extranav li.flag a.bract, .specialbar .extranav li.flag a.br:hover { color:#26A396 } .specialbar .extranav li.flag a.enact, .specialbar .extranav li.flag a.en:hover { color:#bd0d24 } .header { background-color: #000; display: block; clear: both; } .header .center_ampliado { padding: 55px 0 20px 0; background-image: url(assets/img/cabecalho_img.jpg); background-position: right 43px; background-repeat: no-repeat; } .btmenu_touch { display: none; } .header .logotop { width: 190px; padding: 1px 0px 0px 0px; height: 90px; display: inline-block; vertical-align: top; } .header .logotop_v1 { background-position: -1px -74px; background-repeat: no-repeat; } .header .logotop_v2 { background-position: -1px -172px; background-repeat: no-repeat; } .header .logotop_v3 { background-position: -1px -270px; background-repeat: no-repeat; } .header .logotop_v4 { background-position: -200px -74px; background-repeat: no-repeat; } .header .logotop_v5 { background-position: -200px -172px; background-repeat: no-repeat; } .header .logotop_v6 { background-position: -200px -270px; background-repeat: no-repeat; } .header .navprincipal { display: inline-table; vertical-align: top; padding: 15px 0 0 35px; } .header .navprincipal li { position: relative; display: inline-block; } .header .navprincipal li.home { display: none; } a.off { cursor: default; } .header .navprincipal li a.item { font-size: 14px; text-align: center; display: block; width: auto; padding: 10px 15px; color:#fff; } .cor_t1 { color:#c15925 } /*Tijolo*/ .cor_t2 { color:#a61a6f } /*Rosa*/ .cor_t3 { color:#be1e2d } /*Vermelho*/ .cor_t4 { color:#df7f48 } /*Laranja*/ .cor_t5 { color:#00b4a4 } /*Verde*/ .cor_t6 { color:#e3bb3d } /*Amarelo*/ .cor_t7 { color:#c25212 } /*Laranja Escuro*/ .no-touch .header .navprincipal li a.item_a:hover, .header .navprincipal li a.item_a:active { color:#eedb96 } .item_a h1, .item_a h2, .item_a h3, .item_a h4 { color:#c15925 } .item_b h1, .item_b h2, .item_b h3, .item_b h4, .item_b .fixed .pagenav li.title, .no-touch .header .navprincipal li a.item_b:hover, .header .navprincipal li a.item_b:active { color:#a61a6f } .item_c h1, .item_c h2, .item_c h3, .item_c h4, .item_c .fixed .pagenav li.title, .no-touch .header .navprincipal li a.item_c:hover, .header .navprincipal li a.item_c:active { color:#00b4a4 } .item_d h1, .item_d h2, .item_d h3, .no-touch .header .navprincipal li a.item_d:hover, .header .navprincipal li a.item_d:active { color:#be1e2d } .item_e h1, .item_e h2, .item_e h3, .no-touch .header .navprincipal li a.item_e:hover, .header .navprincipal li a.item_e:active { color:#a61a6f } .item_f h1, .item_f h2, .item_f h3, .no-touch .header .navprincipal li a.item_f:hover, .header .navprincipal li a.item_f:active { color:#c15925 } .bcat { background-color: #fff!important; border-radius: 30px; color: #9a105e!important; font-weight: bold; padding: 9px 15px 10px 15px!important; } .no-touch .bcat:hover { opacity: 0.8 } .submenu { display: table; opacity: 0; visibility: hidden; z-index: 100; position: absolute; left: 10px; top:8px; padding-top: 89px; } .submenu li { display: block; background-color: #2f2f2f } .submenu li a.subitem{ display: block; width: 180px; background-color: #000; padding: 7px 13px 8px 13px; margin-bottom: 1px; color:#fff; font-size: 12px; } .submenu li:last-child a { margin-bottom: 0px } .no-touch .submenu li a.subitem:hover, .submenu li a.subitem:active { background-color: #2f2f2f; color:#fff; } .center, .center_ampliado { margin: 0 auto; position: relative; } .fixed { width: 230px; display: inline-table; } .fixedleft { float: left; } .fixedright { float: right; } .organic { display: table; width: auto; } .organicleft {margin-left: 290px; } .organicright {margin-right: 290px; } .fixed .pagenav { width: auto; display: table; padding-top: 96px; } .fixed .pagenav li { width: auto; display: block; text-align: center; font-size: 13px; margin-bottom: 30px; color: #5c5c5c } .fixed .pagenav li i.ico { width: 52px; height: 52px; display: block; margin: 0 auto; } .fixed .pagenav li.local i.ico { background-position: -280px -366px; } .fixed .pagenav li.data i.ico { background-position: -332px -366px; overflow: hidden; font-size: 17px; color:#c25212; font-weight: bold; text-align: center; vertical-align: top; padding: 18px 0; height: 14px; } .fixed .pagenav li.hora i.ico { background-position: -229px -366px; } .fixed .pagenav li span.tt { font-size: 15px; text-transform: uppercase; display: block; padding: 10px 0 10px 0; text-align: center; font-weight: bold; } .fixed .pagenav li.title { font-weight: bold; font-size: 16px; padding: 0px 0 15px 0; } .fixed .pagenav li a.pageitem { width: auto; display: block; padding: 8px 0 10px 0; font-size: 13px; border-bottom: 1px solid #f0f0f0; } .fixed .pagenav li:last-child a.pageitem { border-bottom: none; } .no-touch .fixed .pagenav li a.pageitem:hover, .fixed .pagenav li a.pageitem:active { color: #22AC98; } .seta { display: block; position: absolute; padding: 12px 0; left: -50px; width: 15px; height: 13px; z-index: 80; top:73px; border-radius: 100px; transition: none; background-color: #f4f4f4; -webkit-transition: none; } .seta:hover { background-image: url(assets/img/load_gif.gif); background-size: 40px auto; } .seta:hover i { border-color:#fff; } .setaleft { padding-left: 15px; padding-right: 7px; left: -60px; } .setaright { padding-right: 15px; padding-left: 7px; right: -40px; } .seta i { width: 10px; height: 10px; display: block; border:2px solid #000; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .setaright i { border-bottom:none; border-left:none; } .setaleft i { border-top:none; border-right:none; } .home .center { padding: 50px 0 50px 0; } .home .homeblocks { display: table; width: 790px; margin: 0 auto; } .home .homeblocks li { display: inline-block; margin: 0 2px 4px 2px; float: left; } .home .homeblocks .homeblock { display: block; width: 218px; height: 218px; padding: 40px 0 0 40px; color:#fff; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 20px; text-transform: uppercase; background-image: url(assets/img/bloco_home.jpg); transition: none; -webkit-transition: none; } .homeblock small { font-size: 14px; font-weight: 700; text-transform: none; display: block; padding: 7px 9px 8px 11px; color:#fff; border: 1px solid #fff; margin-right: 35px; background-color: rgba(0,0,0,0.2); line-height: 21px; border-radius: 2px; margin-top: 6px; } .home .homeblocks li.li0 { display: none; } .home .homeblocks li a.item1 { background-position: -784px -1px } .home .homeblocks li a.item2 { background-position: -1047px -1px } .home .homeblocks li a.item3 { background-position: -1308px -1px; } .home .homeblocks li a.item4 { background-position: -784px -265px } .home .homeblocks li a.item5 { background-position: -1047px -265px } .home .homeblocks li a.item6 { background-position: -1308px -265px } .home .homeblocks li a.item7 { background-position: -784px -525px } .home .homeblocks li a.item8 { background-position: -1047px -525px } .home .homeblocks li a.item9 { background-position: -1308px -525px } .home .homeblocks li a.item10 { background-position: -784px -789px } .home .homeblocks li a.item11 { background-position: -1047px -789px } .home .homeblocks li a.item12 { background-position: -1308px -789px } .no-touch .home .homeblocks li a.item1:hover { background-position: 0px -1px; } .no-touch .home .homeblocks li a.item2:hover { background-position: -263px -1px; } .no-touch .home .homeblocks li a.item3:hover { background-position: -524px -1px; } .no-touch .home .homeblocks li a.item4:hover { background-position: 0px -265px } .no-touch .home .homeblocks li a.item5:hover { background-position: -263px -265px } .no-touch .home .homeblocks li a.item6:hover { background-position: -524px -265px } .no-touch .home .homeblocks li a.item7:hover { background-position: 0px -525px } .no-touch .home .homeblocks li a.item8:hover { background-position: -263px -525px } .no-touch .home .homeblocks li a.item9:hover { background-position: -524px -525px } .no-touch .home .homeblocks li a.item10:hover { background-position: 0px -789px } .no-touch .home .homeblocks li a.item11:hover { background-position: -263px -789px } .no-touch .home .homeblocks li a.item12:hover { background-position: -524px -788px } .home .homeblocks li.social { display: table; padding: 58px 50px 48px 58px; width: 150px; height: 152px; } .social a.social { opacity: 0.8; display: inline-block; width: 66px; height: 66px; margin: 0px 8px 8px 0px; float: left; } a.social:hover { opacity: 1; } .rodape { display: block; border: 1px solid #f0f0f0; border-left: none; border-right: none; padding: 43px 0 20px 0; margin: 20px 0; } .logosfooter { width: 100%; overflow: hidden; padding: 4px 0 4px 0; } .listalogos { display: table; width: auto; margin: 0 auto; text-align: left; } .listalogos li { display: inline-block; margin: 0 20px 0px 20px; position: relative; vertical-align: bottom; } .listalogos li.first { padding-left: 20px; } .listalogos li.last { padding-right: 50px; height: 60px; margin-bottom: 16px; border-right: 1px solid #f0f0f0; } .listalogos li .tagrepre { position: absolute; left: 0px; top: -6px; font-size: 10px; color:#BABABA; text-transform: lowercase; width: 95px; text-align: left; } .listalogos li .mobile { display: none; } .listalogos .logo { display: block; width: 104px; height: 76px; transition: none; -webkit-transition: none; background-repeat: no-repeat; } .listalogos li .item1 { background-position: -25px -82px; width: 51px; } .listalogos li .item2 { background-position: -102px -82px; width: 110px; } .listalogos li .item3 { background-position: -222px -82px; width: 55px; } .listalogos li .item4 { background-position: -304px -82px; width: 72px; } .listalogos li .item5 { background-position: -390px -80px; width: 90px; } .listalogos li .item6 { background-position: -492px -82px; width: 72px; } .listalogos li .item7 { background-position: -589px -82px; width: 69px; } .listalogos li .item8 { background-position: -686px -82px; width: 119px; } .listalogos li .item9 { background-position: -827px -85px; width: 55px; } .listalogos li .item10 { background-position: -896px -82px; width: 101px; } .listalogos li .item11 { background-position: -1009px -82px; width: 42px; } .listalogos li .item12 { background-position: -1078px -82px; width: 88px; } .listalogos li .item13 { background-position: -1193px -82px; width: 91px; } .listalogos li .item14 { background-position: -1313px -82px; width: 102px; } .listalogos li .item15 { background-position: -1445px -82px; width: 102px; } .listalogos li .item16 { background-position: -1638px -82px; width: 143px; } .listalogos li .item17 { background-position: -1899px -82px; width: 132px; } .listalogos li .item18 { background-position: -2066px -82px; width: 151px; } .listalogos li .item19 { background-position: -2263px -82px; width: 191px; } .listalogos li .item20 { background-position: -2496px -88px; width: 118px; } .listalogos li .item21 { background-position: -2638px -88px; width: 49px; } .listalogos li .item22 { background-position: -2727px -88px; width: 115px; } .listalogos li .item23 { background-position: -2853px -88px; width: 124px; } .listalogos li .item24 { background-position: -2995px -88px; width: 118px; } .listalogos li .item25 { background-position: -3121px -88px; width: 112px; } .listalogos li .item26 { background-position: -3251px -88px; width: 135px; } .listalogos li .item27 { background-position: -3404px -88px; width: 122px; } .listalogos li .item28 { background-position: -3534px -88px; width: 190px; } .listalogos li .item29 { background-position: -3732px -88px; width: 220px; } .listalogos li .item30 { background-position: -3960px -88px; width: 133px; } .listalogos li .item31 { background-position: -4112px -88px; width: 185px; } .listalogos li .item32 { background-position: -4307px -88px; width: 142px; } .listalogos li .item33 { background-position: -4464px -88px; width: 106px; } .listalogos li .item34 { background-position: -4579px -88px; width: 75px; } .listalogos li .item35 { background-position: -4669px -88px; width: 44px; } .listalogos li .item36 { background-position: -4723px -88px; width: 136px; } .listalogos li .item37 { background-position: -4871px -88px; width: 120px; } .listalogos li .item38 { background-position: -5011px -88px; width: 81px; } .listalogos li .item39 { background-position: -5103px -88px; width: 50px; } .listalogos li .logo:hover, .listalogos li .logoact { background-position-y: 6px } .listalogos li .item5:hover, .logospage li .item5 { background-position-y: 8px } .listalogos li .item9:hover, .logospage li .item9 { background-position-y: 3px } .listalogos li .item17:hover, .logospage li .item17 { background-position-y: 5px } .listalogos li .item20:hover, .logospage li .item20 { background-position-y: 0px } .listalogos li .item21:hover, .logospage li .item21 { background-position-y: 0px } .logospage li .item12 { background-position-y: 8px } .logospage li .item22, .logospage li .item23, .logospage li .item24, .logospage li .item25, .logospage li .item26, .logospage li .item27, .logospage li .item28, .logospage li .item29, .logospage li .item30, .logospage li .item31, .logospage li .item32, .logospage li .item33, .logospage li .item34, .logospage li .item35, .logospage li .item36, .logospage li .item37, .logospage li .item38, .logospage li .item39, .listalogos li .item22:hover, .listalogos li .item23:hover, .listalogos li .item24:hover, .listalogos li .item25:hover, .listalogos li .item26:hover, .listalogos li .item27:hover, .listalogos li .item28:hover, .listalogos li .item29:hover, .listalogos li .item30:hover, .listalogos li .item31:hover, .listalogos li .item32:hover, .listalogos li .item33:hover, .listalogos li .item34:hover, .listalogos li .item35:hover, .listalogos li .item36:hover, .listalogos li .item37:hover, .listalogos li .item38:hover, .listalogos li .item39:hover { background-position-y: 0px } div.juridico { text-align: center; padding: 0 0 20px 0; } div.juridico p { font-size: 11px; color:#ccc } .conteudo .center { padding: 50px 0; } .conteudo h1 { font-size: 62px; /* color:#A81265; -webkit-text-fill-color: transparent; background: url(assets/img/bg_clip.jpg); background-size: 0px 0px; -webkit-background-size: 900px auto; -webkit-background-clip: text; background-clip: text; */ text-transform: uppercase; margin: 0 0 20px 0; } .conteudo h2 { font-size: 24px; margin-bottom: 10px; } .conteudo h3 { font-size: 17px; margin-bottom: 10px; text-transform: uppercase; font-weight: 400; } .conteudo h4 { font-size: 24px; margin-bottom: 10px; margin-top: 45px; text-transform: uppercase; font-weight: 400; } .conteudo h5 { color:#383838; font-size: 16px; margin-bottom: 10px; margin-top: 15px; } .conteudo .center p.intro { margin: 0 0 30px 0; color:#6a6a6a } .sharebts { display: inline-table; } .sharebts li { display: inline-block; } .sharebts li.text { font-size: 11px; color:#666; text-align: center; padding: 20px 0 0 0; margin: 0 14px; } .sharebts li a { display: block; font-size: 64px; margin: 10px 7px 0 0; color:#6f6f6f; } .sharebts li a.yt { transition: none; -webkit-transition: none; width: 46px!important; height: 47px!important; border-radius: 100px; background: #737373 url(assets/img/icon_yt_especial_grande.png) left bottom no-repeat!important; margin: 12px 10px 0 3px!important } .sharebts li a.yt:hover { background-position: left 2px!important; background-color: #ca1a27!important } .tw:hover { color:#4995D7 } .fb:hover { color:#384D91 } .ins:hover { color:#3277c1 } .pin:hover { color:#cb192a } .sharebts li a.yt:hover { background-position: left -1px!important; } .fli:hover { color:#FF0084 } .framemapa h3 { margin-bottom: 0px!important; margin-top: 10px; } .framemapa p { margin-bottom: 16px; } .framemapa { width: 100%; height: auto; clear: both; margin-bottom: -24px } .framemapa .center { padding-bottom: 0px!important } .framemapa #mapa { width: 100%!important; height:520px!important; } .framemapa .center { padding: 0px; } .infobox-wrapper { display:none; } .infoBox { width: 300px; color:#A71265; font-family: Arial, Helvetica, sans-serif; font-size: 14px; border: 1px solid #A61164; border-radius: 3px; text-align: left; margin-top: 5px; padding: 10px; } .infoBox p { padding: 0; font-size: 14px; font-weight: bold; } .infoBox:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #A61164; top: -5px; content: ""; height: 0; position: absolute; width: 0; left: 138px } .no-touch .cor_1:hover, .cor1:active { color:#fff; color:#fff; background: #23aa9e; } .no-touch .cor_1:hover span, .cor1:active span {color:#fff;} .no-touch .cor_2:hover, .cor2:active { color:#fff; color:#fff; background: #DFB723; } .no-touch .cor_2:hover span, .cor2:active span {color:#fff;} .no-touch .cor_3:hover, .cor3:active { color:#fff; color:#fff; background: #C0511E; } .no-touch .cor_3:hover span, .cor3:active span {color:#fff;} .no-touch .cor_4:hover, .cor4:active { color:#fff; color:#fff; background: #BF0924; } .no-touch .cor_4:hover span, .cor4:active span {color:#fff;} .no-touch .cor_5:hover, .cor5:active { color:#fff; color:#fff; background: #A71267; } .no-touch .cor_5:hover span, .cor5:active span {color:#fff;} .releases .bt_geral, .clippings .bt_geral, .noticias .bt_geral { width: 150px; margin-top: 60px; } .clippings h1, .noticias h1 { margin-left: 10px!important; } .listagem_news { display: block; padding: 20px 0 0 0; margin: 0 auto;} .listagem_news li { float: left; display: block; vertical-align: top; margin: 0 10px 20px 10px; position: relative; } .listagem_news li a { background: #fff; border-radius: 2px!important; font-size: 14px; display: block; width: 195px; padding: 15px; border-radius: 4px; box-shadow: 0px 1px 0px rgba(0,0,0,0.1); } .listagem_news li a.bt_extra { width: auto; margin-top: 2px; color:#2F2F2F; background-color: #f0f0f0; padding: 6px 15px; font-weight: bold; font-size: 13px; } .listagem_news li a.bt_extra:hover { background-color: #A81265; color:#fff; } .listagem_news li img { width: 195px; height: 195px!important; border-radius: 2px; } .listagem_news li a span.data { text-shadow: 0px 1px 0px rgba(0,0,0,0.2); font-size: 11px; font-weight: bold; color:#20A59E; } .listagem_news li a span.title { padding: 5px 0; font-size: 14px; font-weight: bold; color:#BB1029; display: block; clear: both; } .clipping span.veiculo, .noticia span.data, .clipping span.data { font-size: 14px; font-weight: bold; color:#23aa9e; display: block; clear: both; } .clipping .referencia { color:#9B105E; font-size: 13px; display: table; clear: both; padding: 10px 0; } .clipping span.veiculo, .clippings span.veiculo { font-size: 12px; } .clipping span.veiculo i { font-size: 24px; font-weight: normal; vertical-align: middle; display: inline-block; } .noticia .sharebts li, .clipping .sharebts li { float: right } .noticia .sharebts, .clipping .sharebts { display: block; margin-right: 10px; } .noticia .social, .clipping .social { width: 100%; clear: both; display: block; margin: 30px 0 20px 0; background-color: #f0f0f0; padding: 0px 0; border-radius: 4px; height: 58px; } .noticia .social .sharebts li a, .clipping .social .sharebts li a { font-size: 45px; } .noticia img.capa, .clipping img.capa { margin: 10px 0 30px 0; border-radius: 2px; } .noticia h2, .clipping h2 { margin-bottom: 0px; } .relacionadas { margin: 40px 0 0 0; padding: 20px 0 0 0; border-top: 1px solid #ccc; clear: both } .relacionadas h4 { margin-left: 10px; } .relacionadas ul li { display: inline-block; float:none; margin: 0 8px 20px 8px; } .release .bt_geral, .clipping .bt_geral { display: block; width: 200px; margin: 10px 0 0 0; } .educar .bt_geral { display: block; width: 200px; margin: 10px 0 0 0; } .educar .imgcab { width: 100%; height: auto; margin-bottom: 30px; border-radius: 3px; } .scdesign .mapsc { width: 100%; height: auto; } .scdesign div.contx { width: 475px; float: right; margin: 0 0 0 30px;} .scdesign div.contx iframe { width: 100%; height: 266px; } .scdesign .banner_top { margin-bottom: 30px!important; } .descubrabg { height: 263px; background: url(assets/img/descubra_bg.png) center top; width: 100%; } .introducaodescubra { margin: 0 0 40px 0; } .florianopolis p.pinicial { margin: 30px 0 30px 0; } .historia_timeline { margin-top: 50px; display: table; background: url(assets/img/timeline_line.jpg); background-position: center top; background-repeat: repeat-y; box-shadow: inset 0px 0px 10px #fff } .historia_timeline li { display: inline-block; width: 50%; text-align: right; padding: 0px; vertical-align: top; position: relative; } .historia_timeline li h3 { text-align: right; margin-bottom: 3px; } .historia_timeline li span { display: block; position: absolute; top:50%; width: 8px; height: 8px; margin-top: -8px; background-color: #fff; border-style: solid; border-width: 4px; border-radius: 100px; right: -8px; } .historia_timeline li.b span { right: inherit!important; left: -8px; } .historia_timeline li p { font-size: 13px; line-height: 21px; } .historia_timeline li.first { margin-top: 0px; } .historia_timeline li.b { text-align: left; margin-top: 170px; margin-bottom: 30px; } .historia_timeline li.b h3 { text-align: left; } .historia_timeline li img { float: right; margin-left: 20px; } .historia_timeline li.b img { float: left; margin-right: 20px; margin-left: 0px; } .historia_timeline li.hight img {margin-bottom: 10px; margin-top: 28px; } .historia_timeline li:hover img { opacity: 0.8; transition: all 0.1s linear; -webkit-transition: all 0.1s linear} .transporte h1 { font-size: 66px; } .agencias .bt_geral, .florianopolis .bt_geral { display: inline-block; width: 16%; margin: 25px 13px 10px 0; } .agencia img { float: right; margin-left: 40px; } .institucional h5 { margin-bottom: 5px; font-size: 12px; } .logospage { margin: 0 0 0 0; text-align: left; } .logospage li:first-child { margin-left: 0px; } .logospage li { margin-right: 20px; } .blocklogos { width: auto; display: inline-block; margin-bottom: 20px; margin-right: 20px; } .servicos { display: table; padding-top: 5px; } .servicos li { display: inline-block; vertical-align: top; width: 472px; margin: 0 0px 20px 0; } .servicos li:nth-child(odd) { margin-right: 35px; } .servicos li img { display: block; width: 100%; height: auto; border-radius: 2px; } .servicos li h3 { clear: both; font-size: 18px; font-weight: bold; text-transform: uppercase; margin: 12px 0 5px 0; } p.hsx img { margin-bottom: 60px!important; } .servicos p.detalhe { min-height: 71px; width: 100%; box-sizing: border-box; padding: 10px 15px 12px 15px; background-color: #ebebeb; margin: 20px 0 0 0; position: relative; font-size: 12px; line-height: 20px; } .servicos p.detalhe img { float: left; margin-right: 10px; margin-top: 2px; margin-bottom: 10px; width: 30px!important; vertical-align: top; } .servicos p.detalhe b { display: block; line-height: 17px; } .servicos p.detalhe span.tipx { width: 15px; height: 15px; display: block; background-color: #ebebeb; -moz-transform: rotate(40deg); -webkit-transform: rotate(40deg); -o-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); position: absolute; top:-7px; left: 21px; z-index: 10; } .servicos p.hx img { margin-bottom: 40px } p.detalhe a.bt_geral { display: inline-block; padding: 6px 10px 7px 10px; margin: 4px 7px 4px 0; width: 109px; } p.detalhe a.ls { margin-right: 0!important; } .gallery { display: block; margin-bottom: 20px; } .gallery h2 { font-size: 17px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; } .gallery ul { display: table; border: 1px solid #f0f0f0; border-radius: 2px; padding: 12px 0 0 7px; } .gallery ul li { display: inline-table; margin: 0 6px 12px 6px; } .gallery ul li a.item { display: block; width: 181px; height: 181px; } .gallery ul li a.item img { width: 100%; height: 100%; display: table; border-radius: 2px; } .gallery ul li a.item:hover img { opacity: 0.9 } /* GALERIA */ .galeria { display: table; margin: 35px 0 30px 0; } .galeria li { display: inline-block; width: 900px; float: left; } .treecols li { width: 306px; } .treecols li:nth-child(2) { margin: 0 30px; } .twocols li { width: 495px; } .twocols li:first-child { margin: 0 30px 0 0; } .galeria li a, .fotothumb { display: block; width: 100%; position: relative; color:#a81265 } .galeria li a img, .fotothumb img { width: 100%; border-radius: 2px; } .fotothumb span.lupa { opacity: 0; display: block; position: absolute; bottom: 20px; right: 20px; width: 26px; height: 26px; z-index: 19; border-radius: 100px; border-width: 1px; border-style: solid; } .fotothumb span.lupa:before { border-radius:1px; content: ''; width: 7px; height: 7px; border-width: 2px; border-style: solid; display: block; position: absolute; left: 9px; top: 6px; border-radius: 50px; } .fotothumb span.lupa:after { content: ''; width: 6px; height: 4px; border-width: 0px; border-top-width: 2px; border-style: solid; display: block; position: absolute; left: 7px; top:16px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .fotothumb:hover span { opacity: 1; } .fotothumb:hover img { opacity: 0.9 } .galeriafull { position: absolute; box-shadow: 0px 43px 70px rgba(0,0,0,0.3); left: 50%; text-align: center; overflow: hidden; opacity: 0; z-index: 1000; top: 200px; width: 200px; height: 200px; border-radius: 2px; background: url(assets/img/bg_zebra.jpg) #fff; } .fotothumb span.loader, .galeriafull span.loader { position: absolute; left: 20px; top:20px; width: 36px; height: 36px; border-radius: 100px; background: url(assets/img/load_gif.gif) no-repeat 0px 0px #FFC42C; display: block; } .fotothumb span.loader { left: 50%; top:50%; margin: -18px 0 0 -18px; } .galeriafull p { position: absolute; bottom: 20px; opacity: 0; color:#fff; text-shadow: 0px 1px 1px #000; font-size: 12px; left: 20px; } .galeriafull img { display: table; width: auto; height: auto; } .galeriafull a.fechargaleria { color:#a81265; position: absolute; right: 10px; top: 10px; border-radius: 100px; border-style: solid; border-width: 1px; display: block; z-index: 1010; width: 27px; height: 27px; } .galeriafull a.fechargaleria:after { content: ''; border-width: 0px; border-style: solid; border-left-width: 2px; margin: -1px 0px 0px 10px; height: 15px; display: block; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); left: 3px; top: 7px; position: absolute; } .galeriafull a.fechargaleria:before { content: ''; border-width: 0px; border-style: solid; border-left-width: 2px; margin: 4px 0px 0px 12px; height: 15px; display: block; -moz-transform: rotate(-45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 1px; top: 2px; } .galeriafull a.fechargaleria:hover { opacity: 0.7 } .a_i p .only { margin: 6px 0 20px 0px!important; display: table; clear: both; float: none; } p .only { margin: 6px 0 20px 30px; float: right; border-radius: 2px; width: 473px; } p .only img { border-radius: 2px; } p .floatleft { float: left; margin-left: 0px; margin-right: 30px; } p .foto11 { float: left; width: 430px; margin: 7px 30px 7px -55px; } .foto10 { width: 715px; margin: 0px 0px 17px -55px; } .imagemdesingall { background: url(assets/img/background_design.png) center top; height: 167px; } .no-padding { padding:0px!important; } .colunas { display: table; margin: 30px 0 0 0; } .colunas li { display: inline-block; } .colunas li iframe { width: 100%; height: 263px; } .colunas.c2 li { width: 470px; } .colunas.c2 li:first-child { margin-right: 40px; } h3.faq { margin: 40px 0 20px 0 } ul.faq p a { color:#00b4a4; } ul.faq p { overflow: hidden; } ul.faq li { display: block; padding-bottom: 10px; margin-top: 23px; margin-bottom: 5px; border-bottom: 1px solid #ccc; } ul.faq li a.itemfaq { display: block; font-size: 14px; margin-bottom: 15px; font-weight: bold; color:#000; position: relative; } ul.faq li a.itemfaq span { display: inline-block; width: 5px; height: 5px; margin: 0px 10px 3px 0; border-right:2px solid #c75224; border-bottom:2px solid #c75224; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} /* Banners Top */ .banner_top { display: block; width: 100%; border-radius: 2px!important} .no-touch .banner_top { min-height: 460px; } .banner_top img { height: auto; width: 100%; border-radius: 2px!important; } .banner_top .ui, .setagall { position: absolute; display: block; height: 53px; width: 38px; z-index: 102; margin-top: -25px; } .setagall { opacity: 0.6 } .navleft { background-position: -5px -366px; top:50%; left: 50px; } .navright { background-position: -69px -366px; top:50%; right: 50px; } .seminarios .bt_geral { width: 40% } ul.seminarios { margin-top: 40px } ul.seminarios li span.horario {text-transform: uppercase; position: absolute; left: 10px; top: 141px; z-index: 30; display: inline-table; background-color: rgba(193,15,15,0.6); color:#fff; line-height: 21px; padding: 3px 5px; } ul.seminarios li { display: inline-block; vertical-align: top; width: 225px; margin: 0px 23px 50px 0; position: relative; } ul.seminarios li img { width: 100%; border-radius: 2px; margin-bottom: 10px; } ul.seminarios li h3 { font-size: 18px; margin-bottom: 0px } ul.seminarios li span { display: block; clear: both; color:#727272; font-size: 14px; } ul.seminarios li p { font-style: 11px; margin-top: 7px; } ul.seminarios li.last { margin: 0!important; } /* EXPOSICOES INDIVIDUAL */ .exposicao .designall p.letter:first-letter { font-weight: 300; color:#9D9D9D; } .exposicao .designall h4 { margin-top: 0px; } .designall .bl_3 { margin-bottom: 30px; } .exposicao p.letter { margin: 0 0 40px 0!important; } .exposicao .organicright .fixedleft { width: 270px; } .exposicao .organicright .organicleft { margin-left: 270px; } .exposicao .organicright p.special { font-size: 13px; font-style: italic; } .rodape_expo { margin: 30px 0 0 0; display: table; width: 100%; } .rodape_expo .exposicoeslista li {margin: 0!important; width: 163px; display: inline-block; } .rodape_expo .exposicoeslista { width: 100%; } .rodape_expo .exposicoeslista li a { width: 100%; height: 100px; overflow: hidden; background-size: 100% auto!important; padding: 0!important; background-position: 0px 0px!important; } .rodape_expo .exposicoeslista li a span.namepeople { padding-top: 4px!important; } .rodape_expo .exposicoeslista li span { text-transform: uppercase; padding-top:10px!important; line-height: 20px; padding-right: 10px; font-size: 15px!important; } /* EXPOSICOES LISTA */ .exposicoeslista { display: table; } .exposicoeslista li { display: inline-block; vertical-align: top; } .exposicoeslista li a { text-transform: uppercase; position: relative; display: block; width: 230px; height: 230px; text-align: right; padding: 0 10px 10px 0; } .exposicoeslista li a span { text-align: right; vertical-align: bottom; color:#fff; line-height: 26px; font-size: 23px; display: block; } .exposicoeslista li a.it1 { background: url(assets/img/pt_04.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it1 span { padding-top: 155px; } .exposicoeslista li.itemp1 { margin-right: 240px } .exposicoeslista li a.it2 { background: url(assets/img/pt_02.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it2 span { padding-top: 103px; } .exposicoeslista li.itemp2 { margin-right: 240px } .exposicoeslista li a.it3 { background: url(assets/img/pt_01.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it3 span { padding-top: 181px; } .exposicoeslista li a.it4 { background: url(assets/img/pt_03.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it4 span { padding-top: 129px; } .exposicoeslista li.itemp4 { margin-right: 240px } .exposicoeslista li a.it5 { background: url(assets/img/pt_01.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it5 span { padding-top: 153px; } .exposicoeslista li a.it6 { background: url(assets/img/pt_04.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it6 span { padding-top: 129px; } .exposicoeslista li.itemp6 { margin-left: 0px } .exposicoeslista li a.it7 { background: url(assets/img/pt_02.jpg) no-repeat -10px -10px; background-size: 260px auto; } .exposicoeslista li a.it7 span { padding-top: 153px; } .exposicoeslista li.itemp7 { margin-left: 240px } .exposicoeslista li a img { position: absolute; left: 0px; top:0px; width: 100%; z-index: 100; opacity: 0; visibility: hidden; } .exposicoeslista li a span.namepeople { position: absolute; z-index: 110; right: 10px; bottom: 10px; margin: 0!important; text-transform: uppercase; font-size: 18px; padding: 3px 6px; background-color: rgba(167,0,102,0.7); opacity: 0; visibility: hidden; } .setspace { padding-top: 30px; } .photoall img { width: 100%; } .mblock { width: 100%; display: table; } /* TELA */ @media screen and (max-width: 979px) { .fixed .pagenav { padding-top: 53px; } .rodape_expo .exposicoeslista li { width: 172px!important; } .exposicoes .fixedright { display: block!important; } .exposicoes .organicright .fixedright { display: none!important; } .exposicoeslista li {margin: 0!important; width: 33%; display: inline-block; } .exposicoeslista { width: 100%; } .exposicoeslista li a { width: 100%; height: 124px; overflow: hidden; background-size: 100% auto!important; padding: 0!important; background-position: 0px 0px!important; } .exposicoeslista li span { padding-top:10px!important; padding-right: 10px; font-size: 18px!important; } .conteudo .noticia .capa { width: 100%; } .seminarios .bt_geral { width: 60% } ul.seminarios li span.horario { top:10px; } .gallery { display: block; } .gallery ul { display: table; border: 1px solid #f0f0f0; border-radius: 2px; padding: 12px 12px 0 12px; } .gallery ul li { display: block; margin: 0 0 12px 0; } .gallery ul li a.item { display: block; width: auto; height: auto; } .gallery ul li a.item img { width: 100%; height: 100%; display: table; border-radius: 2px; } .gallery ul li a.item:hover img { opacity: 0.9 } ul.seminarios li { display: inline-block; width: 39%; margin: 0px 5% 40px 5%!important; } ul.seminarios li.last { margin: 0px 5% 40px 5%!important; } ul.seminarios li h3 { font-size: 16px } .scdesign .mapsc { display: none; } .scdesign div.contx { width: 100%; margin: 0 0 30px 0; float: none; } p.detalhe a.bt_geral { width: 100%; box-sizing: border-box; } p.hsx img { margin-bottom: 30px!important; } .servicos li { width: 100%; margin-right: 0px!important; } .historia_timeline li img { display: none; } .historia_timeline li span { top:10px; } .historia_timeline li { padding-right: 30px; box-sizing: border-box; } .historia_timeline li.b { padding-left: 30px; } .imagemdesingall { background-size: 1350px auto; height: 90px; } div.global { width: 100%; } div.center { width: 90%; } div.center_ampliado { width: 90%; } .fixed { display: none; } .organic { margin-left: 0px!important; margin-right: 0px!important; } /* adaptação no menu para mobiles */ .btmenu_touch { display: block; position: absolute; left: 5px; top:41px; width: 35px; height: 35px; border:1px solid #fff; border-radius: 100px; z-index: 199; background-color: #000000; } .btmenu_touch i { display: block; border: 2px solid #fff; height: 7px; margin: 12px 0 0 6px; width: 23px; border-left: none; border-right: none; } .touchact, .no-touch .btmenu_touch:hover, .btmenu_touch:active, .touchact i { opacity: 0.6; color:#ffc444; border-color: #ffc444; } .header .center_ampliado { background-image: none; padding: 25px 0 10px 0; } .header .logotop { margin-left:68px } .header .navprincipal { box-shadow: 0px 8px 15px rgba(0,0,0,0.3); display: table; position: absolute; z-index: 300; left: 5px; top:65px; padding: 0px 0 0 0px; } .touch .header .navprincipal { display: none; opacity: 0; visibility: hidden; border-radius: 6px; overflow: hidden; top:82px; } .header .navprincipal, .header .navprincipal li a.item, .submenu li a.subitem { width: 238px; } .header .navprincipal li { position: relative; display: table; } .header .navprincipal li.home { display: block; } .header .navprincipal li a.item { font-size: 14px; text-align: left; display: block; padding: 8px 20px 10px 20px; color:#fff; background-color: #191919; } .submenu { display: block; opacity: 1; visibility: visible; position: relative; left: inherit; top:inherit; padding-top: 0px; z-index: 250; } .submenu li { background-color: #2f2f2f } .submenu li a.subitem { background-color: #0d0d0d; padding: 7px 15px 8px 25px; color:#fff; font-size: 12px; } .conteudo .center { padding: 30px 0; } .conteudo h1 { font-size: 31px; margin: 0 0 20px 0; } .conteudo h2, .conteudo h4 { font-size: 24px; margin-bottom: 10px; } .conteudo h3 { font-size: 16px; margin-bottom: 10px; } .tab { text-align: center; } .tab li a { padding: 11px 15px; } .home .homeblocks { display: table; width: 300px; text-align: center; background: none; } .home .homeblocks li { display: inline-block; margin: 0 1px 2px 1px; } .home .homeblocks .homeblock { display: block; width: 125px!important; height: 125px; text-align: left; padding: 20px 0 0 20px; color:#fff; font-family: 'Lato', sans-serif; font-weight: 700; font-size: 14px; word-break: break-word; text-transform: uppercase; background-image: url(assets/img/bloco_home.jpg)!important; background-size: 877px auto; transition: none; -webkit-transition: none; } .home .homeblocks li.social { display: table; padding: 58px 50px 50px 54px; width: 155px; height: 152px; } .home .homeblocks li.li2, .home .homeblocks li.li5, .home .homeblocks li.li5, .home .homeblocks li.li8, .home .homeblocks li.li11 { display: none; } .home .homeblocks li a.item1, .home .homeblocks li a.item1:hover { background-position: 0px -1px!important; } .home .homeblocks li a.item3, .home .homeblocks li a.item3:hover { background-position: -293px -1px!important; } .home .homeblocks li a.item4, .home .homeblocks li a.item4:hover { background-position: 0px -148px!important } .home .homeblocks li a.item6, .home .homeblocks li a.item6:hover { background-position: -294px -148px!important } .home .homeblocks li a.item7, .home .homeblocks li a.item7:hover { background-position: -1px -294px!important } .home .homeblocks li a.item9, .home .homeblocks li a.item9:hover { background-position: -294px -294px!important } .home .homeblocks li a.item10, .home .homeblocks li a.item10:hover { background-position:-1px -440px!important } .home .homeblocks li a.item12, .home .homeblocks li a.item12:hover { background-position: -294px -442px!important } .home .homeblocks li a.item2, .home .homeblocks li a.item2:hover { background-position: -147px -1px!important; } .home .homeblocks li a.item5, .home .homeblocks li a.item5:hover { background-position: -147px -148px!important } .home .homeblocks li a.item8, .home .homeblocks li a.item8:hover { background-position: -147px -294px!important } .home .homeblocks li a.item11, .home .homeblocks li a.item11:hover { background-position: -147px -442px!important } .homeblock small { color:#fff; padding: 0px; border:none; background-color: transparent; font-size: 11px; line-height: 16px; } .home .homeblocks li.social { padding: 23px 0px 0px 17px; height:122px; width:128px!important } .social a.social { width: 45px; height: 45px; margin: 0px 5px 9px 5px; background-size: 261px auto!important; } .social a.fb { background-position: 0px 0px; } .social a.yt { background-position: -45px 0px; } .social a.tw { background-position: -89px 0px; } .social a.in { background-position: -134px 0px; } .relacionadas ul li { display: block; margin: 0 0 20px 0; } .relacionadas ul li:last-child { display: none; } .relacionadas ul li a { width: auto; } .relacionadas ul li img { float: left; width: 150px; height: auto; margin-right: 15px; } .relacionadas ul li a span.title { clear: none; } .seta { padding: 10px 3px 7px 13px; left: inherit; right: 0px; top:39px; } .seta i { width: 7px; height: 7px; } .framemapa #mapa { height: 350px!important } .listalogos li .mobile { display: block; } .galeria li { display: inline-block; width: 100%; } .treecols li { width: 100%; } .treecols li:nth-child(2) { margin: 20px 0px; }; .twocols li { width: 100%; } .twocols li:first-child { margin: 0 0 20px 0 }; } @media screen and (max-width: 690px) { .exposicoes .fixedright { display: none!important; } .exposicoes .organicright .fixedright { display: block!important; width: 100%; } .exposicoes .organicright .fixedright img { width: 100%; } .rodape_expo .exposicoeslista li, .exposicoeslista li {margin: 0!important; width: 100%!important; display: inline-block; } .banner_top .ui { display: none; } .seminarios .bt_geral { width: 70% } ul.seminarios li span.horario { top:10px!important; } ul.seminarios li { display: inline-block; width: 100%; margin: 0px auto 40px auto!important; } ul.seminarios li.last { margin: 0px auto 40px auto!important; } ul.seminarios li h3 { font-size: 16px } .specialbar .search { display: none; } ul.extranav { margin: 0 auto; float: none!important; display: table!important; } .foto10, p .only { margin: 0 0 20px 0; float: none; width: 100%; } .relacionadas ul li img { float: left; width: 100%!important; height: auto!important; margin-right: 15px; } .listagem_news li a { width: auto; } .listagem_news li img { /* float: left; margin-right: 15px; width: 84px; */ width: 100%; display: block; height: auto!important; } .listagem_news li a span.title { clear: none; } } @media screen and (min-width: 690px) and (max-width: 980px) { ul.extranav { float: right!important; } .home .homeblocks li.li2, .home .homeblocks li.li5, .home .homeblocks li.li5, .home .homeblocks li.li8, .home .homeblocks li.li11 { display: block; } .home .homeblocks { width: 445px; } .home .homeblocks li.li1 { display: block; } .home .homeblocks li.li0 { display: none; } .listagem_news li a { width:180px; } .listagem_news li img { width: 100%; } .relacionadas ul li a { width: 180px; } .relacionadas ul li { display: inline-block; margin: 0 8px 20px 8px; } .relacionadas ul li:last-child { display: none; } .listalogos li .mobile { display: none; } } @media screen and (min-width: 980px) { .menubackground { display: none; } .header .navprincipal { display: inline-block!important; left: inherit!important; visibility: visible!important; opacity: 1!important; } .playerdesign iframe { width: 100%; height: 750px; } .conteudo .designall .bl_1, .conteudo .designall .bl_2, .conteudo .designall .bl_3, .conteudo .designall .bl_4 { width: 320px; display: inline-block; vertical-align: top; padding-top: 0px; } .conteudo .designall .bl_2 { margin: 0 0px 0 40px } p.col { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 30px; /* Chrome, Safari, Opera */ -moz-column-gap: 30px; /* Firefox */ column-gap: 30px; } } @media screen and (min-width: 980px) and (max-width: 1279px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 980px; } .header .center_ampliado { padding: 25px 0 20px 0; background-position-y: 52px; } .header .logotop { margin: 0 0 0 0px } .header .navprincipal .item_a { padding-left: 0px!important; } .header .navprincipal { padding: 0; clear:both; display: block!important; } .header .submenu { padding-top: 52px; } .seta { padding: 10px 3px 7px 13px; left: -44px; } .seta i { width: 7px; height: 7px; } } @media screen and (min-width: 1280px) and (max-width: 1335px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 1220px; } } @media screen and (min-width: 1336px) and (max-width: 1439px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 1276px; } } @media screen and (min-width: 1440px) and (max-width: 1599px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 1380px; } } @media screen and (min-width: 1600px) and (max-width: 1919px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 1540px; } } @media screen and (min-width: 1920px) { div.global { width: 100%; } div.center { width: 980px; } div.center_ampliado { width: 1860px; } } /* manipulador de imagem para non-retina display */ .ui { background-image: url(assets/img/ui.png); } .logo { background-image: url(assets/img/logos_rodape_retina.png);background-size: 5160px auto; } /* manipulador de imagem para non-retina display */ /* Retina Query */ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and ( min--moz-device-pixel-ratio: 1.5), only screen and ( -o-min-device-pixel-ratio: 1.5/1), only screen and ( min-device-pixel-ratio: 1.5) { .ui { background-image: url(assets/img/ui_retina.png); background-size: 392px auto; } .logo { background-image: url(assets/img/logos_rodape_retina.png); background-size: 5160px auto; } .homeblocks { background-image: url(assets/img/bloco_home_retina.jpg); background-size: 275px auto; } }