/****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600); @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); /* TAGS */ * { margin: 0px; padding: 0px; } body { height: auto; font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 16px; line-height: 25px; color: #555555; text-align: center; margin: 0px; } body * { text-align: left; } ul { list-style-type: none; margin: 0px; padding: 0px; } img { border: none; } input { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 16px; line-height: 25px; margin: 0px; background: none; border: none; } textarea { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 16px; line-height: 25px; margin: 0px; background: none; border: none; } select { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 16px; line-height: 25px; margin: 0px; background: none; border: none; } h1 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 31px; line-height: 35px; color: #575652; letter-spacing: -2px; margin: 0px; } h2 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 21px; line-height: 28px; color: #555555; letter-spacing: -1px; margin: 0px; } h3 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 22px; line-height: 20px; color: #555555; letter-spacing: -1px; margin: 0px; } span { font-family: "Open Sans", Sans-Serif; font-weight: 400; margin: 0px; } p { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 16px; line-height: 22px; color: #555555; margin: 0px; } a { color: #555555; margin: 0px; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; } /****************************************************************************************************************************************/ /* CLASSES */ .clear-all { margin: 0px !important; float: none !important; width: auto !important; clear:both !important; height: 1px !important; font-size: 1px !important; line-height:1px !important; padding: 0px !important; border: none !important; background: none !important; } .hide { display: none; } .page-blog .legenda { padding: 10px 10px 10px 0px; } /****************************************************************************************************************************************/ /* HEADER */ #header { text-align: center; z-index: 5; height: 90px; position: fixed; top: 0px; width: 100%; } #header .bg1 { background:#fff; width: 100%; height: 90px; position:absolute; z-index:1; } #header .bg2 { background:#3F3F3F; width: 100%; height: 90px; display:none; position:absolute; z-index:2; } #header * { text-align: left; } #header .content-header { width: 980px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center; position: relative; z-index:3; } #header .content-header a span { display: none; } #header .content-header .logo { float: left; width: 224px; height: 60px; display: inline-block; margin: 14px 0px 0px 16px; background: url('https://www.go2web.com.br/imagens/logo.png') no-repeat; } #header .content-header .menu { float: right; } #header .content-header .menu ul { margin: 0px 2px 0px 0px; } #header .content-header .menu ul li { float: left; height: 71px; margin: 0px 0px 0px 20px; } #header .content-header .menu ul li div { height: 71px; padding: 0px 4px; } #header .content-header .menu ul li div img { padding: 0px 8px; margin: 34px 0px 0px 0px; text-align: center; } #header .content-header .menu ul li div img.acento { margin: 30px 0px 0px 0px; } #header .content-header .menu ul li a { font-family: "Open Sans Condensed", sans-serif; padding:5px; color:#000; line-height:90px; height:90px; letter-spacing:-1px; font-size:1.45em; text-decoration:none; text-transform:uppercase; } #header .content-header .menu ul li a:hover { color:#CCC;} #header .content-header .bt-menu-responsive { display:none;} .content-header .menu-idiomas { position: absolute;right: 0;} .content-header .menu-idiomas li { float: left; margin: 0 6px;} #header .content-header .menu-idiomas li a { font-size: 0.55em; color: #333; text-transform: uppercase; cursor: pointer; } #header.inverse .content-header .menu-idiomas li a { font-size: 0.55em;color: #ccc;text-transform: uppercase; cursor: pointer; } /****************************************************************************************************************************************/ /* HEADER 2 */ .page-blog #header, .page-content #header.inverse { display: block; } #header.inverse { text-align: center; z-index: 6; height: 90px; position: fixed; top: 0px; width: 100%; } #header.inverse * { text-align: left; } #header.inverse .content-header .logo { float: left; width: 224px; height: 60px; display: inline-block; margin: 14px 0px 0px 16px; background: url('https://www.go2web.com.br/imagens/logo2.png') no-repeat; } #header.inverse .content-header .menu { float: right; } #header.inverse .content-header .menu ul { margin: 0px 2px 0px 0px; } #header.inverse .content-header .menu ul li { float: left; height: 73px; margin: 0px 0px 0px 20px; } #header.inverse .content-header .menu ul li .menu-esquerdo { float: left; height: 73px; width: 4px; } #header.inverse .content-header .menu ul li .menu-direito { float: left; height: 73px; width: 4px; } #header.inverse .content-header .menu ul li .menu-meio { float: left; height: 73px; } #header.inverse .content-header .menu ul li .menu-meio img { padding: 0px 8px; margin: 34px 0px 0px 0px; text-align: center; } #header.inverse .content-header .menu ul li .menu-meio img.acento { margin: 30px 0px 0px 0px; } #header.inverse .content-header .menu ul li.selecionado { background: url('https://www.go2web.com.br/imagens/fundo_menu_inferior_meio.png') repeat-x; } #header.inverse .content-header .menu ul li a { font-family: "Open Sans Condensed", sans-serif; padding:5px; color:#fff; line-height:90px; height:90px; letter-spacing:-1px; font-size:1.45em; text-decoration:none; text-transform:uppercase; } #header.inverse .content-header .menu ul li a:hover { color:#CCC;} #header.inverse .bg1 { background:#fff; width: 100%; height: 90px; position:absolute; z-index:1; display:none !important;} #header.inverse .bg2 { background:#3F3F3F; width: 100%; height: 90px; display:block !important; position:absolute; z-index:2;} /****************************************************************************************************************************************/ /* CORPO */ #container { margin-top:50px;} .content { width: 960px; margin: 150px auto;} .content h2.titulo { text-align: left !important; margin: 32px 0px 20px 0px !important; font-size: 32px !important; font-weight: normal !important; color:#4c4c4c !important; } .content h3.header-section { background: url('https://www.go2web.com.br/imagens/fundo_tit.png') 0px 48px no-repeat;width: 100%; text-transform: uppercase; clear: both; text-align: center; display: inline-block; float: none; font-family: "Open Sans", sans-serif; letter-spacing: -3px; font-size: 64px;font-weight: lighter;color: #f09b56;height: 110px;} .content h2.subtitulo { font-size: 2.5em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; letter-spacing: -3px;} .laranja { color: #fad874;} /****************************************************************************************************************************************/ /* Titulos */ #corpo h2.titulo { text-align: right; margin: 30px 0px 0px 0px; font-size: 30px; font-weight: normal; color:#4c4c4c; } #corpo h3.header-section, #corpo span.header-section { background: url('https://www.go2web.com.br/imagens/fundo_tit.png') 0px 48px no-repeat;width: 100%; text-transform: uppercase; clear: both; text-align: center; display: inline-block; float: none; font-family: "Open Sans", sans-serif; letter-spacing: -3px; font-size: 64px;font-weight: lighter;color: #f09b56;height: 110px;} .listagem-solucoes { margin:0;} .listagem-solucoes li { margin: 0px 0px 50px 0px; border-bottom: 1px solid #ccc; padding-bottom: 50px;} .listagem-solucoes li .subtitulo { margin-bottom:20px; font-size: 18px; color: #000; } #corpo { text-align: center; position: relative; z-index: 1; } #corpo * { text-align: left; } #corpo .div-corpo { width: 980px; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center; position: relative; } #corpo .div-corpo .espaco { height: 90px; } .page-blog #corpo .div-corpo .espaco, .page-content #corpo .div-corpo .espaco { height: 130px;} /****************************************************************************************************************************************/ /* LINGUAGEM */ #linguagem h2 { margin: 10px 0px 0px 0px; } #linguagem table { border-style:solid; border-width: 1px; } #linguagem table tr th { text-align: center; } #linguagem table tr td { border-style:solid; border-width: 1px; } #linguagem table tr td input { width:300px; } #linguagem table.editar tr td:first-child input { width: 30px; background: LightGray; text-align: center; } #linguagem input.botao { background-color: LightGray; width:auto; } #linguagem input.botao-editar { background-color: LightGray; width:auto; border-width: 1px; border-style: solid; margin: 10px 0px 0px 0px; } /****************************************************************************************************************************************/ /* BLOG -- POSTS -- DIREITA */ #corpo .blog .posts { margin: 45px 0px 0px 0px; } #corpo .blog .posts .esquerda { float: left; width: 600px; margin: 0px 0px 0px 30px; } #corpo .blog .posts .direita { float: left; width: 300px; margin: 0px 0px 0px 50px; } #corpo .blog .posts .direita h2 { font-size: 40px; } #corpo .blog .posts .direita .imagem-texto { margin: 0px 0px 52px 0px; } #corpo .blog .posts .direita .busca { /*width: 317px;*/ height: 38px; background: #f2f2f2; border-radius: 8px; } #corpo .blog .posts .direita .busca .text { float: left; width: 240px; height: 38px; line-height: 38px; padding: 0px 10px; } #corpo .blog .posts .direita .busca .bt { float: left; margin-top: 3px; } #corpo .blog .posts .direita .posts-recentes { margin: 40px 0px 0px 0px; } #corpo .blog .posts .direita .posts-recentes h3 {font-weight: lighter; font-family: 'Open Sans Condensed'; font-size: 32px; letter-spacing: -1px; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 20px;} #corpo .blog .posts .direita .posts-recentes li { float: left; width: 48%; height: 240px; margin: 0 4% 0 0; } #corpo .blog .posts .direita .posts-recentes li.sem-margin { margin: 0px 0px 0px 0px; } #corpo .blog .posts .direita .posts-recentes li span { font-size: 11px; color: #A5A5A5; } #corpo .blog .posts .direita .posts-recentes li img { /*width: 150px; height: 85px;*/ max-width:106px; } #corpo .blog .posts .direita .posts-recentes li p { font-size: 15px; line-height: 17px; font-weight: bold; } .page-blog a.todos-posts, #corpo .blog .posts .direita .posts-recentes a.todos-posts, #corpo .blog .posts a.todos-posts { background-color: #b31d1e; margin: 50px 0px 50px 0px; text-align:center !important; color: #FFFFFF; text-align: center; vertical-align: middle; font-size: 20px; display: block; line-height: 40px; width: 300px; float: right; } #corpo .blog .posts .direita .posts-mais-ativos { margin: 20px 0px 0px 0px; } #corpo .blog .posts .direita .posts-mais-ativos li { float: left; margin: 0px 25px 0px 0px; /*width: 150px; height: 230px; */} #corpo .blog .posts .direita .posts-mais-ativos li.sem-margin { margin: 0px 0px 0px 0px; } #corpo .blog .posts .direita .posts-mais-ativos li span { font-size: 11px; color: #A5A5A5; } #corpo .blog .posts .direita .posts-mais-ativos li img { /*width: 150px;*/ max-width:100%; } #corpo .blog .posts .direita .posts-mais-ativos li p { font-size: 15px; line-height: 17px; font-weight: bold; } .categoria-direita { margin: 30px 24px 0px 0px; } .categoria-direita .separador { color: #dbdbdb; background-color: #dbdbdb; height: 2px; border-width:0px; } .categoria-direita hr { margin: 20px 0px; } .categoria-direita ul { margin: 0px 0px 0px 0px; } .categoria-direita ul li { line-height: 25px; height: 35px !important; width: 276px !important; } .categoria-direita ul li.interna { text-align: right !important; font-size: 16px !important; } .categoria-direita ul li a { color: #C0C0C0; } /****************************************************************************************************************************************/ /* BLOG -- POSTS -- ESQUERDA */ #corpo .blog .posts .esquerda h1 { margin: 0px 0px 25px 0px; } #corpo .blog .posts .esquerda img { padding: 10px 0px 0px 0px; } /****************************************************************************************************************************************/ /* BLOG -- POSTS -- DIREITA */ /****************************************************************************************************************************************/ /* FOOTER */ .footer { padding-top: 0px; padding-bottom:0px;} .footer .footer-row { width:100%;} .footer .footer-row .container { width:980px; margin:0 auto; margin-bottom: 20px;} .footer .footer-row .container .nav-footer { margin:20px 0; display: inline-block;} .footer .footer-row .container .nav-footer li { float:left; width: 160px;} .footer .footer-row .container .nav-footer li a { color:#FFF; font-size: 13px; font-weight: normal; text-transform: uppercase;} .footer .footer-row .container .nav-footer li .subnav-footer { margin:0;} .footer .footer-row .container .nav-footer li .subnav-footer li { float:none; padding-left:5px; height: 15px;} .footer .footer-row .container .nav-footer li .subnav-footer li a { color: #CCC;font-weight: normal; font-size: 10px; line-height: 9px; text-transform:inherit;} .footer .row-top { background:#353535; display: inline-block;} .footer .row-bottom { background:#2c2c2c; display: inline-block; padding-top: 25px;} .footer .row-bottom a { color:#ff9137; } .footer .row-bottom .telefone { color:#ff9137; } .footer .row-bottom p.endereco { color:#FFF;} .footer hr { margin: 1px 0 20px} .footer a { color: #555555; margin: 0px; text-decoration: none; cursor: pointer; font-size: 21px; font-weight: bold; } .footer .telefone { color: #555555; margin: 0px; text-decoration: none; cursor: pointer; font-size: 21px; font-weight: bold; } .footer .telefone { text-align:center;} .footer .redes { margin: 50px 0px 0px 15px; } .footer .redes a { float: left; display: inline-block; height: 83px; width: 83px; margin: 0px 10px 10px 0px; } .footer .redes a.facebook { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') 0px -83px; } .footer .redes a.twitter { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -83px -83px; } .footer .redes a.google { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -166px -83px; } .footer .redes a.linkdin { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -249px -83px; } /****************************************************************************************************************************************/ /* FOOTER MOBILE */ .footer-mobile { } .footer-mobile div div { width: auto; } .footer-mobile div div ul { height: 300px; background: red; width: 100%; position: relative; margin: 0px; background:#353535; } .footer-mobile div div ul li { border-bottom: 1px solid #5F5F5F; padding: 5px 0px 5px 0px; } .footer-mobile div div ul li p { text-align: center; } .footer-mobile div div ul li p a { color: #FFFFFF; } .footer-mobile div div ul li ul { display: none; } /****************************************************************************************************************************************/ /* PORCENTAGEM */ .porcentagem { width: 100%; text-align: right !important; display: inline-block; } .porcentagem span { font-size: 14px; font-weight: bold; padding: 0px 10px 0px 0px; } .porcentagem .preenchimento { width: 99%; height: 20px; border: 1px solid #CCC; } .porcentagem .preenchimento .cor { height: 100%; background-color: #0087E3; } /****************************************************************************************************************************************/ /* VIDEOS */ .interna-video { width: 49%; float: left; } .interna-video.margin { margin-right: 1%; } .interna-video div { z-index: 0; } .interna-video p { text-align: center; }div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px} div.pp_default .pp_top .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat} div.pp_default .pp_top .pp_middle{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_x.png) top left repeat-x} div.pp_default .pp_top .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat} div.pp_default .pp_content .ppt{color:#f8f8f8} div.pp_default .pp_content_container .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px} div.pp_default .pp_content_container .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px} div.pp_default .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer} div.pp_default .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer} div.pp_default .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer} div.pp_default .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px} div.pp_default .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer} div.pp_default .pp_close{width:30px;height:30px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer} div.pp_default .pp_gallery ul li a{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa} div.pp_default .pp_social{margin-top:7px} div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto} div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px} div.pp_default .pp_nav .pp_pause{background-position:-51px -29px} div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0} div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px} div.pp_default .pp_content_container .pp_details{margin-top:5px} div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative} div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px} div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7} div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0} div.pp_default .pp_bottom .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat} div.pp_default .pp_bottom .pp_middle{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x} div.pp_default .pp_bottom .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat} div.pp_default .pp_loaderIcon{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/default/loader.gif) center center no-repeat} div.light_rounded .pp_top .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat} div.light_rounded .pp_top .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat} div.light_rounded .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.light_rounded .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_rounded .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_rounded .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_rounded .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_rounded .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_rounded .pp_close{width:75px;height:22px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_rounded .pp_nav .pp_play{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_rounded .pp_arrow_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat} div.light_rounded .pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat} div.light_rounded .pp_bottom .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat} div.light_rounded .pp_bottom .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_top .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat} div.dark_rounded .pp_top .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat} div.dark_rounded .pp_content_container .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y} div.dark_rounded .pp_content_container .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y} div.dark_rounded .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer} div.dark_rounded .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer} div.dark_rounded .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_rounded .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_rounded .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_rounded .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_rounded .pp_close{width:75px;height:22px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_rounded .pp_description{margin-right:85px;color:#fff} div.dark_rounded .pp_nav .pp_play{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_rounded .pp_arrow_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat} div.dark_rounded .pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat} div.dark_rounded .pp_bottom .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat} div.dark_rounded .pp_bottom .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat} div.dark_rounded .pp_loaderIcon{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat} div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000} div.dark_square .pp_description{color:#fff;margin:0 85px 0 0} div.dark_square .pp_loaderIcon{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat} div.dark_square .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.dark_square .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.dark_square .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.dark_square .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.dark_square .pp_close{width:75px;height:22px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.dark_square .pp_nav{clear:none} div.dark_square .pp_nav .pp_play{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.dark_square .pp_arrow_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat} div.dark_square .pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat} div.dark_square .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer} div.dark_square .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.light_square .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer} div.light_square .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer} div.light_square .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer} div.light_square .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer} div.light_square .pp_close{width:75px;height:22px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer} div.light_square .pp_nav .pp_play{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px} div.light_square .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px} div.light_square .pp_arrow_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat} div.light_square .pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat} div.light_square .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer} div.light_square .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_top .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat} div.facebook .pp_top .pp_middle{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x} div.facebook .pp_top .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat} div.facebook .pp_content_container .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y} div.facebook .pp_content_container .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y} div.facebook .pp_expand{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer} div.facebook .pp_expand:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer} div.facebook .pp_contract{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer} div.facebook .pp_contract:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer} div.facebook .pp_close{width:22px;height:22px;background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer} div.facebook .pp_description{margin:0 37px 0 0} div.facebook .pp_loaderIcon{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/loader.gif) center center no-repeat} div.facebook .pp_arrow_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default} div.facebook .pp_arrow_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px} div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default} div.facebook .pp_nav{margin-top:0} div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px} div.facebook .pp_nav .pp_play{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px} div.facebook .pp_nav .pp_pause{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px} div.facebook .pp_next:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer} div.facebook .pp_previous:hover{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer} div.facebook .pp_bottom .pp_left{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat} div.facebook .pp_bottom .pp_middle{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x} div.facebook .pp_bottom .pp_right{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat} div.pp_pic_holder a:focus{outline:none} div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500} div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000} .pp_content{height:40px;min-width:40px} * html .pp_content{width:40px} .pp_content_container{position:relative;text-align:left;width:100%} .pp_content_container .pp_left{padding-left:20px} .pp_content_container .pp_right{padding-right:20px} .pp_content_container .pp_details{float:left;margin:10px 0 2px} .pp_description{display:none;margin:0} .pp_social{float:left;margin:0} .pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden} .pp_social .twitter{float:left} .pp_nav{clear:right;float:left;margin:3px 10px 0 0} .pp_nav p{float:left;white-space:nowrap;margin:2px 4px} .pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px} a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px} .pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000} .pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000} .pp_gallery div{float:left;overflow:hidden;position:relative} .pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0} .pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden} .pp_gallery ul a img{border:0} .pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0} .pp_gallery li.default a{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px} .pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important} a.pp_next{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%} a.pp_previous{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%} a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000} a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px} .pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px} #pp_full_res{line-height:1!important} #pp_full_res .pp_inline{text-align:left} #pp_full_res .pp_inline p{margin:0 0 15px} div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px} div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff} div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000} div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff} div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative} div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff} div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px} div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important} div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default} div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default} div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat} div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(<%=URL_SITE%>/libjs_geral/PrettyPhoto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat} div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4} div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff} .pp_top,.pp_bottom{height:20px;position:relative} * html .pp_top,* html .pp_bottom{padding:0 20px} .pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px} .pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px} * html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static} .pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px} .pp_fade,.pp_gallery li.default a img{display:none}/****************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600); /* TAGS */ * { margin: 0px; padding: 0px; } body { height: auto; font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 15px; line-height: 17px; color: #555555; text-align: center; margin: 0px; } body * { text-align: left; } ul { list-style-type: none; margin: 0px; padding: 0px; } img { border: none; } input { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 32px; line-height: 40px; margin: 0px; background: none; border: none; } textarea { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 32px; line-height: 40px; margin: 0px; background: none; border: none; } select { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 32px; line-height: 40px; margin: 0px; background: none; border: none; } h1 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 40px; line-height: 44px; color: #484848; letter-spacing: -2px; margin: 0px; padding-left: 0px !important; padding-right: 0px !important; } h2 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 32px; line-height: 40px; color: #414141; letter-spacing: -1px; margin: 0px; padding-left: 0px !important; padding-right: 0px !important; } h3 { font-family: "Open Sans", Sans-Serif; font-weight: 600; font-size: 24px; line-height: 28px; color: #414141; letter-spacing: -1px; margin: 0px; padding-left: 0px !important; padding-right: 0px !important; } span { font-family: "Open Sans", Sans-Serif; font-weight: 400; margin: 0px; } p { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 32px; line-height: 36px; color: #555555; margin: 0px; padding-left: 0px !important; padding-right: 0px !important; } a { color: #555555; margin: 0px; text-decoration: none; cursor: pointer; } a:hover { text-decoration: none; } /****************************************************************************************************************************************/ /* CLASSES */ .clear-all { margin: 0px !important; float: none !important; width: auto !important; clear:both !important; height: 1px !important; font-size: 1px !important; line-height:1px !important; padding: 0px !important; border: none !important; background: none !important; } .ancora { margin-bottom: 40px; } /****************************************************************************************************************************************/ /* HEADER */ #header { text-align: center; z-index: 5; background:#fff; height: 70px; position: absolute; top: 0px; width: 100%; } #header .bg1 { background:#fff; width: 100%; height: 70px; position:absolute; z-index:1;} .page-content #header.inverse .bg2 { display: block; } #header.inverse { text-align: center; z-index: 6; height: 70px; position: fixed; top: 0px; width: 100%; } #header.inverse .bg2 { background:#3F3F3F; width: 100%; height: 70px; display:none; position:absolute; z-index:2;} #header * { text-align: left; } #header .content-header { width: 100%; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center; position: relative; } #header .content-header .logo { float: left; width: 150px; height:41px; display: inline-block; margin: 14px 0px 0px 16px; background: url('https://www.go2web.com.br/imagens/logo_go2web.png') no-repeat; background-size:100%; } #header.inverse .content-header .logo { float: left; width: 150px; height:41px; display: inline-block; margin: 14px 0px 0px 16px; background: url('https://www.go2web.com.br/imagens/logo_go2web.png') no-repeat 0 -43px; background-size:100%; } #header .content-header .menu, #header.inverse .content-header .menu { float: none; position: absolute; background: #eaeaea; width: 100%; top: 71px; display:none;} #header .content-header .menu ul, #header.inverse .content-header .menu ul { margin: 0px 2px 0px 0px; } #header .content-header .menu ul li, #header.inverse .content-header .menu ul li { float: none; height: inherit;margin: 0px 0px 0px 0px; border-bottom: 1px solid #fff; } #header .content-header .menu ul li p, #header.inverse .content-header .menu ul li p { text-align: right; } #header .content-header .menu ul li a, #header.inverse .content-header .menu ul li a { font-family: "Open Sans Condensed", sans-serif;padding: 5px;color: #000;line-height: 40px;height: 40px;letter-spacing: -1px;font-size: 0.7em;text-decoration: none;text-transform: uppercase;} #header .content-header .menu ul li a:hover, #header.inverse .content-header .menu ul li a:hover { color:#CCC;} #header .content-header .bt-menu-responsive { display:block; position:absolute; cursor:pointer; right:20px; top:20px; background: url('https://www.go2web.com.br/imagens/ico_responsive_menu.png') no-repeat; width:32px; height:32px; background-size:100%;} #header.inverse .content-header .bt-menu-responsive { display:block; position:absolute; cursor:pointer; right:20px; top:20px; background: url('https://www.go2web.com.br/imagens/ico_responsive_menu.png') no-repeat 0 -32px; width:32px; height:32px; background-size:100%;} #header .content-header .menu-idiomas, #header.inverse .content-header .menu-idiomas { position: absolute; right: 53px; top: 20px;} #header .content-header .menu-idiomas li, #header.inverse .content-header .menu-idiomas li { line-height:32px; font-size:0; position:relative; float: left; height: 32px; text-align: center !important; width: 32px; background: #ccc; margin: 0 7px 0px 0px;} #header .content-header .menu-idiomas li a { font-size: 9px; text-align:center; color: #333; text-transform: uppercase; line-height: 32px; display: inline-block; width: 32px; height: 32px; overflow: hidden;} #header.inverse .content-header .menu-idiomas li a { font-size: 9px; text-align:center; color: #333; text-transform: uppercase; line-height: 32px; display: inline-block; width: 32px; height: 32px; overflow: hidden;} #painel { min-width:100%; text-align: center; position: relative; z-index: 3; height: auto; margin: 70px 0px 0px 0px; overflow:hidden; font-size:10px; } #painel img { max-width:100%; } .swipe { overflow: hidden; visibility: inherit; position: relative;} .swipe-wrap { overflow: hidden; position: relative;} .swipe-wrap > div { float:left; width:100%; position: relative;} .content { width: 100%; margin: 90px auto;} .content h2.subtitulo { margin-top:25px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; letter-spacing: -3px;} #corpo h2.titulo { text-align: right; margin: 30px 0px 0px 0px; font-size: 30px; font-weight: normal; color:#4c4c4c; } #corpo h3.header-section { background: url('https://www.go2web.com.br/imagens/fundo_tit.png') 0px 36px no-repeat; width: 100%; text-transform: uppercase; clear: both; text-align: center; display: inline-block; float: none; font-family: "Open Sans", sans-serif; letter-spacing: -3px; font-size: 35px; font-weight: lighter;color: #f09b56; height: 80px;background-size: 100%;} #corpo span.header-section { background: url('https://www.go2web.com.br/imagens/fundo_tit.png') 0px 36px no-repeat; width: 100%; text-transform: uppercase; clear: both; text-align: center; display: inline-block; float: none; font-family: "Open Sans", sans-serif; letter-spacing: -3px; font-size: 35px; font-weight: lighter;color: #f09b56; height: 80px;background-size: 100%;} #corpo p { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 15px; line-height: 17px; color: #555555; margin: 0px; } #corpo content p { font-family: "Open Sans", Sans-Serif; font-weight: 400; font-size: 15px; line-height: 17px; color: #555555; margin: 0px; } #corpo .div-corpo { width: 96%; margin: 0px auto; padding: 0px 0px 0px 0px; text-align: center; position: relative; } #corpo .div-corpo .espaco { height: 90px; } #corpo .page-blog #corpo .div-corpo .espaco { height: 130px;} #corpo .page-content #corpo .div-corpo .espaco { height: 130px;} /****************************************************************************************************************************************/ /* DESTAQUE */ #corpo .destaque { background-color: #FBFBFB; margin: 0px 0px 0px 0px; } #corpo .destaque .esquerda { float: none; width: 96%; margin:0% 2% 2% 2%; } #corpo .destaque .esquerda h1 { padding: 20px 15px 20px 15px; font-size: 25px; line-height: 25px; } #corpo .destaque .esquerda p { padding: 0px 15px 20px 15px; text-align: justify; font-size: 15px; line-height: 17px; } #corpo .destaque .direita { display:none;} /****************************************************************************************************************************************/ /* DESTAQUE BLOG */ #corpo .destaque-blog { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .destaque-blog ul { text-align: center; width: 100%; } #corpo .destaque-blog ul li { float: none; margin: 0px 0px 30px 0px; border-bottom: 1px solid #ccc; padding-bottom: 30px; width: auto; text-align: center; } #corpo .destaque-blog ul li h2 { font-size: 21px; line-height: 22px; height: inherit; } #corpo .destaque-blog ul li img { max-width:100%; margin: 0px; } #corpo .destaque-blog .paginacao ul li { float: left; width: 20%; margin: 0px; padding: 0px; border: 0px; width: 20%; } /****************************************************************************************************************************************/ /* PROJETO EM MENTE */ #corpo .projeto-em-mente { margin: 50px 0px 0px 0px; text-align: center; position: relative; } #corpo .projeto-em-mente h3 { background: url('https://www.go2web.com.br/imagens/fundo_tit.png') 0px no-repeat; width: 100%; text-transform: uppercase; clear: both; text-align: center; display: inline-block; float: none; font-family: "Open Sans", sans-serif; letter-spacing: 1px; font-size: 18px; font-weight: lighter; color: #999; line-height: 22px; height: 63px; background-size: 100%;} #corpo .projeto-em-mente h3 span { background: #fff; padding: 0 10px 0 10px;} #corpo .projeto-em-mente .titulo { text-align: center; margin: 0 auto; } #corpo .projeto-em-mente ul { width: 100%; text-align: center; margin: 10px auto 0px auto; } #corpo .projeto-em-mente ul li { float: none; margin: 0 10px; } #corpo .projeto-em-mente ul li.email { width: 100%; margin: 10px 0px 0px 0px; } #corpo .projeto-em-mente ul li.email img { float: left; margin: 0px 10px 0px 0px; width:40px; } #corpo .projeto-em-mente ul li.email p { float: left;font-size: 16px;line-height: 42px;vertical-align: middle; } #corpo .projeto-em-mente ul li.telefone { width: 100%; margin: 10px 0px 0px 0px; } #corpo .projeto-em-mente ul li.telefone img { float: left; margin: 0px 10px 0px 0px; } #corpo .projeto-em-mente ul li.telefone div { float: left; } #corpo .projeto-em-mente ul li.telefone div p { font-size:21px; line-height: 26px; } #corpo .projeto-em-mente ul li.telefone div .first { margin-top: 0px; } #corpo .projeto-em-mente ul li.redes { width: 100%; height:inherit; display: inline-block; margin:0 0 1em 0; } #corpo .projeto-em-mente ul li.redes a { float: left; display: inline-block; height: 54px; width: 54px; margin: 20px 20px 0px 0px; } #corpo .projeto-em-mente ul li.redes a.facebook { background: url('https://www.go2web.com.br/imagens/sprite_redes.png') 0px 0px; margin-left: 0px; } #corpo .projeto-em-mente ul li.redes a.twitter { background: url('https://www.go2web.com.br/imagens/sprite_redes.png') -61px 0px; } #corpo .projeto-em-mente ul li.redes a.google { background: url('https://www.go2web.com.br/imagens/sprite_redes.png') -122px 0px; } #corpo .projeto-em-mente ul li.redes a.linkdin { background: url('https://www.go2web.com.br/imagens/sprite_redes.png') -183px 0px; } /****************************************************************************************************************************************/ /* QUEM SOMOS */ #corpo .quem-somos { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .quem-somos .quem-somos-apresentacao { } #corpo .quem-somos .quem-somos-apresentacao .esquerda { float: none; width: 100%; } #corpo .quem-somos .quem-somos-apresentacao .esquerda p { padding: 0px 30px 0px 30px; text-align: justify; } #corpo .quem-somos .quem-somos-apresentacao .esquerda .imagens { padding: 0px 30px 0px 30px; text-align: center; } #corpo .quem-somos .quem-somos-apresentacao .esquerda .imagens .left { float: none; margin: 1em 0 0 0; } #corpo .quem-somos .quem-somos-apresentacao .esquerda .imagens .right { float: none; width: 100%; } #corpo .quem-somos .quem-somos-apresentacao .direita { float: none; width: 100%; text-align: center; position: relative; display: none; } #corpo .quem-somos .quem-somos-apresentacao .direita img { margin: 5px auto; text-align: center; } #corpo .quem-somos .quem-somos-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: #76b5d2; letter-spacing: -3px;} #corpo .quem-somos .quem-somos-apresentacao .direita span { font-size: 16px; letter-spacing: -1px; color: #dcc77b; } /****************************************************************************************************************************************/ /* NOSSOS SERVICOS */ #corpo .nossos-servicos { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .nossos-servicos .nossos-servicos-apresentacao { } #corpo .nossos-servicos .nossos-servicos-apresentacao .esquerda { float: none; width: 100%; } #corpo .nossos-servicos .nossos-servicos-apresentacao .esquerda p { padding: 0px 40px 0px 30px; text-align: justify; } #corpo .nossos-servicos .nossos-servicos-apresentacao .direita { float: none; width: 100%; text-align: center; position: relative; display: none; } #corpo .nossos-servicos .nossos-servicos-apresentacao .direita img { margin: 15px auto 0px auto; text-align: center; } #corpo .nossos-servicos .nossos-servicos-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: #fad874; letter-spacing: -3px;} #corpo .menu-servicos { width: 100%; } #corpo .menu-servicos ul li { border: 1px solid #FFFFFF; width: 96%; margin: 0 2%; padding: 0; text-align: center; } #corpo .menu-servicos ul li.selecionado { border: 1px solid #E7E7E7; } /****************************************************************************************************************************************/ /* Solucoes */ #corpo .solucoes { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .solucoes .solucoes-apresentacao { } #corpo .solucoes .solucoes-apresentacao .esquerda { float: none; width: 100%; } #corpo .solucoes .solucoes-apresentacao .esquerda h1 { padding: 0px 60px 20px 30px;font-size: 24px;line-height: 22px;} #corpo .solucoes .solucoes-apresentacao .esquerda p { padding: 0px 60px 0px 30px; text-align: justify; } #corpo .solucoes .solucoes-apresentacao .direita { float: none; width: 100%; text-align: center; position: relative; display: none; } #corpo .solucoes .solucoes-apresentacao .direita img { margin: 40px auto 0 auto; text-align: center; } #corpo .solucoes .solucoes-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: #fad874; letter-spacing: -3px;} #corpo .menu-solucoes { width: 100%; } #corpo .menu-solucoes ul li { border: 1px solid #FFFFFF; width: 96%; margin: 0 2%; padding: 0; text-align: center; } #corpo .menu-solucoes ul li.selecionado { border: 1px solid #E7E7E7; } /****************************************************************************************************************************************/ /* Clientes */ #corpo .clientes { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .clientes .clientes-apresentacao { } #corpo .clientes .clientes-apresentacao .esquerda { float: none; width: 100%; } #corpo .clientes .clientes-apresentacao .esquerda h1 { padding: 0px 60px 20px 30px;font-size: 24px;line-height: 22px;} #corpo .clientes .clientes-apresentacao .esquerda p { padding: 0px 60px 0px 30px; text-align: justify; } #corpo .clientes .clientes-apresentacao .direita { float: none; width: 100%; text-align: center; position: relative; display: none; } #corpo .clientes .clientes-apresentacao .direita img { margin: 40px auto 0 auto; text-align: center; } #corpo .clientes .clientes-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: ##b96525; letter-spacing: -3px;} #corpo .clientes .box-clientes ul li { float: left; width: 29%; height:inherit; padding: 2%; position: relative;} #corpo .clientes .box-clientes ul li img { width: 100%; height:inherit;} #corpo .clientes .box-clientes ul li .efeito { display:none;} #corpo .menu-clientes { width: 100%; } #corpo .menu-clientes ul li { border: 1px solid #FFFFFF; width: 96%; margin: 0 2%; padding: 0; text-align: center; } #corpo .menu-clientes ul li.selecionado { border: 1px solid #E7E7E7; } /****************************************************************************************************************************************/ /* Blog */ #corpo .blog { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .blog .blog-apresentacao { } #corpo .blog .blog-apresentacao .esquerda { float: none; width: 100%; } #corpo .blog .blog-apresentacao .esquerda h1 { padding: 0px 60px 20px 30px;font-size: 29px; line-height: 35px;} #corpo .blog .blog-apresentacao .esquerda p { padding: 0px 60px 0px 30px; text-align: justify; } #corpo .blog .blog-apresentacao .direita { float: none; width: 100%; text-align: center; position: relative; display: none; } #corpo .blog .blog-apresentacao .direita img { margin: 40px auto 0 auto; text-align: center; } #corpo .blog .blog-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: #38a2f0; letter-spacing: -3px;} #corpo .blog .direita { min-width: 100%; } #corpo .blog .titulo { float: none; } #corpo .blog .categoria-direita ul { float: right; } .destaque-blog { min-width: 100%; } .destaque-blog ul { min-width: 100%; } .destaque-blog ul li { } /****************************************************************************************************************************************/ /* CONTATO */ #corpo .contato { margin: 35px 0px 0px 0px; text-align: center; position: relative; } #corpo .contato .contato-apresentacao { } #corpo .contato .contato-apresentacao .esquerda { float: none; width: 100%; } #corpo .contato .contato-apresentacao .esquerda h1 { padding: 0px 60px 20px 30px;font-size: 24px;line-height: 22px; } #corpo .contato .contato-apresentacao .esquerda p { padding: 0px 30px 0px 30px; } #corpo .contato .contato-apresentacao .direita { float: left; width: 100%; text-align: center; position: relative; } #corpo .contato .contato-apresentacao .direita img { margin: 20px auto 0px auto; text-align: center; } #corpo .contato .contato-apresentacao .direita h2 { margin-top:10px; font-size: 1.1em; font-weight: bold; line-height: 0.9em; text-align: right; padding: 0 0.5em; color: #38a2f0; letter-spacing: -3px; display: none; } #corpo .contato .contato-apresentacao .esquerda .email { float: left; margin: 50px 0px 0px 0px; font-size: 17px; font-weight: bold; } #corpo .contato .contato-apresentacao .esquerda .telefone { float: left; margin: 50px 0px 0px 0px; font-size: 22px; font-weight: bold; } #corpo .contato .contato-apresentacao .esquerda .formulario { padding: 0px 0px 0px 30px; margin: 50px 0px 0px 0px; } #corpo .contato .contato-apresentacao .esquerda .formulario .text { float: left; font-size: 13px; width: 80%; margin: 0px 10px 10px 0px; padding: 6px 12px; border: 1px solid #C9C9C9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #corpo .contato .contato-apresentacao .esquerda .formulario textarea { float: left; font-size: 13px; width: 80%; height: 100px; margin: 0px 10px 10px 0px; padding: 6px 12px; border: 1px solid #C9C9C9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #corpo .contato .contato-apresentacao .esquerda .formulario .erro { background-color: #FFEFEF; } #corpo .contato .contato-apresentacao .esquerda .formulario .mensagem { float: left; width: 100%; padding: 0px; } #corpo .contato .contato-apresentacao .esquerda .formulario .bt { float: right; font-size: 13px; margin: 0px 27px 0px 0px; padding: 6px 12px; color: #FFF; cursor: pointer; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: -moz-linear-gradient(top, #535353 0%, #3f3f3f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535353), color-stop(100%,#3f3f3f)); background: -webkit-linear-gradient(top, #535353 0%,#3f3f3f 100%); background: -o-linear-gradient(top, #535353 0%,#3f3f3f 100%); background: -ms-linear-gradient(top, #535353 0%,#3f3f3f 100%); background: linear-gradient(to bottom, #535353 0%,#3f3f3f 100%); background-color: #535353; box-shadow: none !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; } #corpo .contato .contato-apresentacao .direita .endereco { margin: 30px 0px 0px 15px; } #corpo .contato .contato-apresentacao .direita .redes { margin: 50px 0px 0px 10px; } #corpo .contato .contato-apresentacao .direita .redes a { float: left; display: inline-block; height: 83px; width: 83px; margin: 0px 16px 15px 0px; } #corpo .contato .contato-apresentacao .direita .redes a.facebook { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') 0px 0px; } #corpo .contato .contato-apresentacao .direita .redes a.twitter { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -83px 0px; } #corpo .contato .contato-apresentacao .direita .redes a.google { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -166px 0px; } #corpo .contato .contato-apresentacao .direita .redes a.linkdin { background: url('https://www.go2web.com.br/imagens/sprite_redes_grande.png') -249px 0px; } #corpo .contato .encontrenos { padding: 20px 0px 20px 30px; text-align: left; } #corpo .contato .mapa { text-align: center; position: absolute; bottom: -36px; display: none; } #corpo .contato .mapa img { margin: 0 auto; text-align: center; } #corpo .itens li { float: left; width: 80%; height: inherit; margin: 0; text-align: center;position: relative; padding: 10%;} #corpo .itens li img { width: 65px; height:inherit; margin-bottom: 16px;} #corpo .blog .posts .esquerda { float: none; width: inherit; margin: 0px 0px 0px 0px; } #corpo .blog .posts .esquerda h1 { margin: 0px 0px 25px 0px; line-height: 20px; font-size: 22px; } #corpo .blog .posts .esquerda img { max-width: 100%; } .row {margin-left:inherit;} .span8, .span4, .span12{ width:inherit; float:none; margin-left:inherit; margin:10px;} a.bt-cotacao {color: #0088cc;text-decoration: none; font-size: 18px;} #corpo .div-corpo .espaco { height: 46px !important;} #corpo .div-corpo .espaco { height: 46px !important;} #corpo .blog .posts { margin: 0px 0px 0px 0px !important;} #corpo .blog .posts .esquerda {float: none; width: inherit; margin: 40px 0px 0px 0px;} #corpo .blog .posts .direita { float: none; width: 300px; margin: 20px 0px 0px 0px; } .footer-mobile .row-bottom p { font-size: 15px; line-height: 17px; } #corpo .destaque .esquerda h2 { padding-top 0px; } #corpo .itens li .materia { left: 0px; } #corpo .itens li .materia .materia-cabeca { display:none; } #corpo .itens li .materia .materia-corpo { width: 90%; padding: 5%; } #corpo .itens li .materia .materia-rodape { display:none; } #corpo .itens li .materia .materia-espaco { display:none; } .post-unico { font-size: 15px; line-height: 17px; } .subtitulo { font-size: 18px !important; line-height: 20px !important; margin-bottom: 20px !important; color: #000 !important; }