/*@ CSS Document */ body {font:300 16px 'Source Sans Pro', sans-serif;font-weight: lighter;color: #000;background-color: #011521;} body > iframe{ display:none;} /*@ Zera margens p e form */ p, form{margin:0;} a, a:hover{color: #285f93;} .goog-te-banner-frame skiptranslate{ display: none;} /*@ pagination */ .pagination{width: 100%;clear: both;overflow: hidden;margin: 0 0 30px 0;color: #999;font-size: .8em;} .pagination a{color: #999;} .pagination img{margin: 0 1px;} .pagination > table{} /*@ Fotos */ .fotoTopo{margin:0 0 20px 0;text-align:center;display: block;clear:both;overflow: hidden;} .fotoTopo img{clear: both;display: block;width: 100% !important;} .fotoright{float:right;text-align:right;padding:0 0 10px 0;} .fotoleft{float:left;text-align:left;padding:0 0 10px 0;} .fotoinferior{margin:0 20px 20px 0;display: inline-table;} .containerfotoleft{margin:0 20px 0 0;float:left;} .containerfotoright{margin:0 0 0 20px;float:right;} .containerfotoinferior{margin:20px 0 0 0;text-align:justify;overflow: hidden;clear:both;display: block;} .fotolegenda{font-size:.75em;text-align:center;line-height:140%;padding:5px 10px;display: block;text-align: center;} .fotocreditos{font-size:.7em;text-align:right;} .foto {background: white;border:1px solid #ddd;padding: 4px;} /*@ hx */ h1, h2, h3, h4, h5, h6{margin: 0 0 20px 0;padding: 0;line-height: normal;} h1{font-weight:300;color:#092B5E;text-shadow: 1px 1px 0 #fff;font-size: 2.5em;text-transform:uppercase;} h1 small{text-transform: none;color: #999;font-weight: 300;font-size: .5em;display: block;font-style: italic;} h2{color: #072849;font-weight: 700;font-size: 1.6em;line-height: 1.2em;} h3{color: #333;font-weight: 700;font-size: 1.3em;line-height: 1em;} h3.h-produtos-projeto{color: #285f93;margin-top: 15px;} h3.h-produtos-projeto i{margin-right: 5px;vertical-align: middle;} h3.h-compartilhe{margin-top: 50px;color: #285f93;} h3.h-compartilhe i{margin-right: 5px;vertical-align: middle;} h4{font-family: 'nova_light_condensed_ssiLtCn', sans-serif;font-size: 1.2em;} h5{color: #0277a9;font-weight: 700;font-style: italic;font-size: 1em;margin-bottom: 6px;} h6{color: #666;font-size: .8em;} fieldset{padding-bottom: 30px;} fieldset legend{color: #1A518E;font-weight: 300;font-size: 1.8em;line-height: 1em;border: none;margin-bottom: 20px;} fieldset legend small{display: block;color: #999;font-size: .6em;} /*---------------------------- Start S I T E --------------------------*/ /*@ reset navbar-default */ .navbar{margin-bottom: 0;} .navbar-default{background-color: #011521;border-color: transparent;border-radius: 0;} /*@ header */ header{clear: both;width: 100%;z-index: 1000;position: fixed;top: 0;left: 0;box-shadow: 0 5px 10px rgba(0, 0, 0, .2);} header .container{padding-top: 15px;padding-bottom: 15px;} /*@ menu-suspenso */ header.menu-suspenso{} /*@ logo */ .logo{width: 199px;height: 41px;text-indent: -999em;outline: none;background: url(../images/sprite.png) no-repeat -20px -20px;display: block;position: absolute;top: 37px;left: 30px;} /*@ lista-content-topo */ ul.lista-content-topo{float: right;clear: left;color: #fff;font-size: .9em;margin: 15px 15px 0 0;padding: 0;list-style: none;} ul.lista-content-topo li{float: left;} ul.lista-content-topo li{ float:left; margin:0 10px 0 0; position:relative;} ul.lista-content-topo li a{background-image: url(../images/sprite.png);background-repeat: no-repeat; display: block;text-indent:-9999px;outline: none;} ul.lista-content-topo li.icon-facebook a{width:16px; height:16px;background-position: -260px -20px;} ul.lista-content-topo li.icon-facebook a:hover{background-position: -260px -50px;} ul.lista-content-topo li.icon-twitter a{width:21px; height:15px;background-position: -287px -21px;} ul.lista-content-topo li.icon-twitter a:hover{background-position: -287px -51px;} ul.lista-content-topo li.icon-googleplus a{width:16px; height:16px;background-position: -317px -20px;} ul.lista-content-topo li.icon-googleplus a:hover{background-position: -317px -50px;} ul.lista-content-topo li.icon-youtube a{width:16px; height:16px;background-position: -345px -20px;} ul.lista-content-topo li.icon-youtube a:hover{background-position: -345px -50px;} ul.lista-content-topo li.icon-linkedin a{width:16px; height:16px;background-position: -371px -20px;} ul.lista-content-topo li.icon-linkedin a:hover{background-position: -371px -50px;} ul.lista-content-topo li.icon-rss a{width:16px; height:16px;background-position: -396px -20px;} ul.lista-content-topo li.icon-rss a:hover{background-position: -396px -50px;} ul.lista-content-topo li:first-child{margin-right: 50px;} ul.lista-content-topo li:first-child a{text-indent: 0px;color: #fff;} /*@ wrap-slider */ .wrap-slider{clear: both;background-color: #fff;} /*@ wrap-conteudo */ .wrap-conteudo{clear: both;border-top:1px solid #FFF;border-bottom:1px solid #FFF; background:#fff;box-shadow: inset 0 200px 200px #f3f3f3;} .wrap-conteudo .container{padding-top: 20px;padding-bottom: 20px;} /*@ article */ article{clear: both;line-height: 1.45em;font-weight: 400;} article:after{visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;padding-bottom: 20px;} article .blococontainer{width: 100%;clear: both;padding-bottom: 20px;} article .blococontainer:after{visibility: hidden;display: block;font-size: 0;content: "";clear: both;height: 0;} article h3 small{display: block;margin-top: 5px;} article.item{border-bottom: 1px solid #ddd;padding-bottom: 30px;margin-bottom: 30px;} article.item:after{padding-bottom: 0;} article.item h2{font-size: 1.6em;margin: 0 0 7px 0;} /*@ submenu */ ul.submenu{width: 100%;clear: both;overflow: hidden;border-radius: 5px;list-style: none;margin:0 0 50px 0;padding:0;font-weight: 400;} ul.submenu li{display: block;border-bottom: 1px solid #fff;background: #e1e1e1;} ul.submenu li a{display: block;padding: 15px;color: #999;text-decoration: none;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} ul.submenu li a:before{content: '\e013';opacity: .2;margin: 0 10px 0 0;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} ul.submenu li a:hover, ul.submenu li.active a{color: #002;text-decoration: none;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} ul.submenu li a:hover:before, ul.submenu li.active a:before{content: '\e013';opacity: 1;color: #ffcb19;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;display: inline-block;} ul.submenu-clientes{margin-bottom: 10px;} .goog-te-banner-frame.skiptranslate{display: none!important;} .header #google_translate_element{ display: block; width: auto; position: absolute; right: 410px; top: 80px; height: 25px; overflow: hidden;padding: 0 0 0 40px;} .header.menu-suspenso #google_translate_element{ display: none;} .header #google_translate_element::before{ content: "Idioma:"; font-size: 11px; top: 5px; color: #fff; position: absolute; left:0px;} /*@ wrap-produtos */ .wrap-produtos{clear: both;background-color: #fff;} .wrap-produtos .container{padding-top: 40px;padding-bottom: 20px;} /*@ wrap-institucional */ .wrap-institucional{border-bottom:2px solid #014D6F; border-top:5px solid rgba(21,90,124,0.5); padding:4px 0; background:#2f85ab; float:left; display:block; position:relative; width:100%; margin:0; padding-bottom:10px;} .wrap-institucional .container{padding-top: 20px;padding-bottom: 20px;color: #fff;} /*@ box-institucional */ .box-institucional{width: 100%;overflow: hidden;clear: both;} .box-institucional h2{text-shadow: rgba(255,255,255,0.1) 1px 1px 0;margin: 0 0 5px 0;} .box-institucional h4{margin-bottom: 20px;color: #ccc;} .box-institucional .blococontainer{width: 100%;overflow: hidden;clear: both;padding-bottom: 30px;line-height: 1.3em;} /*@ box-projetos */ .box-projetos{width: 100%;overflow: hidden;clear: both;} /*@ wrap-contatos */ .wrap-contatos{clear: both;border-top:1px solid #FFF;border-bottom:1px solid #FFF; background:#FFF; background-image:linear-gradient(to bottom, #e4e4e4, #FFF 25%, #FFF 80%, #e4e4e4 100%); padding:30px 0;} .wrap-contatos .container{padding-top: 20px;padding-bottom: 20px;} /*@ box-agende */ .box-agende{width: 100%;overflow: hidden;clear: both;} /*@ box-newsletter */ .box-newsletter{width: 100%;overflow: hidden;clear: both;} .box-newsletter h2{margin: 0 0 5px 0;} .box-newsletter h4{margin-bottom: 20px;color: #999;} aside .box-newsletter h4{font-size: 1em;margin-bottom: 10px;} .box-newsletter .form-control{margin-bottom: 7px;} .box-newsletter .row {padding-left: 12px;padding-right: 12px;} .box-newsletter .row .col-md-6, .box-newsletter .row .col-md-12{padding-left: 3px;padding-right: 3px;} /*@ box-clientes */ .box-clientes{width: 100%;clear: both;} .box-clientes h2{margin: 0;} /*@ busca de clientes */ .list-busca{ padding: 0px; margin: 30px 0 0 0; list-style: none; } .list-busca li{text-align: center;} .list-busca input[type]{ max-width: 500px; float: none; clear: none; display: inline; margin-bottom: 15px;} .list-busca button{ margin-top: -5px;} /*@ footer */ footer{clear: both;color: #0277a9;background: #011521;} footer .container{padding-top: 50px;padding-bottom: 50px;} footer a, footer a:hover{color: #0277a9;} /*@ logo-footer */ .logo-footer{width: 100px;height: 20px;background: url(../images/sprite.png) no-repeat -20px -80px;text-indent: -999em;text-decoration: none;display: block;opacity: 0.7;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-o-transition: opacity 0.5s;} .logo-footer:hover{opacity: 1;} /*@ menu-footer */ ul.menu-footer{margin: 0;padding: 0;list-style: none;font-size: 1em;} ul.menu-footer li{display: inline-block;} ul.menu-footer li a{color:#0277a9; font-style: italic; font-weight:600;padding: 0 0 0 15px;border-left:1px solid #03364c;padding: 0 15px;} ul.menu-footer li:first-child a{border: none;padding-left: 0;} /*@ box-apoio */ .box-apoio{float: right;} /*@ lista-parceiros */ ul.lista-parceiros{margin: 0;padding: 0;list-style: none;} ul.lista-parceiros li{display: inline-block;margin: 3px;} ul.lista-parceiros li img{width: 60px;} /*@ escondendo elementos menu suspenso */ header.menu-suspenso ul.lista-content-topo{display: none;} header.menu-suspenso .logo{position: relative;top: auto;left: auto;float: left;margin: 5px 0 0 15px;} /*@ box-contatorapido */ .box-contatorapido{padding:20px; border-radius:10px; background: url(../images/bg-formCorreio.png) repeat-x bottom #fff; box-shadow: 0 1px 4px #e7e7e7; border: 1px solid #ddd;width: 100%;clear: both;overflow: hidden;margin-bottom: 50px;} /*@ box-fieldset */ .box-fieldset{padding:20px; border-radius:10px;box-shadow: 0 1px 4px #e7e7e7; border: 1px solid #ddd;width: 100%;clear: both;overflow: hidden;margin-bottom: 50px;} .box-fieldset legend{margin: 20px 0 0 0;width: auto;padding: 0 20px;background: #fff;} /*@ box404 */ .box404{border:1px solid #ddd;padding:20px;line-height:160%;overflow: hidden;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;box-shadow: inset 0 0 10px #e7e7e7;text-align:center;margin-top: 20px;} .link-broken{ width:100%; float:left; display:block; position:relative; text-align:center; margin:20px 0;} .link-broken img{ max-width:150px;margin-bottom: 20px;} .box404 ul{ margin:0 0 0 30px; display: block; list-style:none;} /*@ wrap-description-projeto */ .wrap-description-projeto{clear: both;background: #fff;} .wrap-description-projeto > .container{padding-bottom: 30px;padding-top: 40px;background: #fff;} /*@ nav-thumb */ ul.nav-thumb{margin: 15px 0;padding: 0;list-style: none;width: 100%;clear: both;list-style: none;text-align: center;overflow: hidden;} ul.nav-thumb li{display: inline-block;margin-bottom: 3px;} /*@ buscarCliente */ label.buscarCliente{text-align: center;display: block;font-style: italic;font-weight: 300;color: #999;} /*@ stage */ ul#stage{list-style: none;margin: 30px 0 0 ;padding: 0;} ul#stage li{} .col-thumb-cliente{width: 100%;clear: both;overflow: hidden;border-radius: 4px;display: block;cursor: pointer;margin-bottom: 30px;position: relative;border: 1px solid #e7e7e7;box-shadow: 0 0 10px rgba(0, 0, 0, .1);-webkit-transition: all .5s ease-in-out;} .col-thumb-cliente:hover{box-shadow: 10px 10px 10px rgba(0, 0, 0, .1);-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} .col-thumb-cliente a{border-radius: 4px;display: block;} .col-thumb-cliente img{width: 100%;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;opacity: .5;border-radius: 4px; filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } .col-thumb-cliente:hover img{/* -webkit-transform: scale(1.1); */opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } .col-thumb-cliente strong{background-color: #011521;color: #fff;display: block;position: absolute;left: 5px;bottom: 5px;z-index: 10;padding: 5px 10px;width: auto;text-align: left;font-weight: 300;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;opacity: 0;font-size: .75em;border-radius: 4px;line-height: 1.2em;margin-right: 10px;} .col-thumb-cliente:hover strong{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;opacity: .85;} /*@ midias-sociais */ ul.midias-sociais{list-style: none;margin: 0 0;padding: 0;} ul.midias-sociais li{margin: 0;padding: 0;} ul.midias-sociais li a{display: block;background: #e7e7e7;margin: 0 2px;border-radius: 4px;text-align: center;padding: 15px 0;font-size: 1.2em;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;color: #999;} ul.midias-sociais li a:hover{box-shadow: inset 0 -23px 0 rgba(0, 0, 0, .1);text-decoration: none;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;} ul.midias-sociais li:first-child a{margin-left: 0px;} ul.midias-sociais li:last-child a{margin-right: 0px;} ul.midias-sociais li.ms-facebook a:hover{background-color: #3a589b;color: #fff;} ul.midias-sociais li.ms-twitter a:hover{background-color: #00acee;color: #fff;} ul.midias-sociais li.ms-googleplus a:hover{background-color: #cf1d0b;color: #fff;} ul.midias-sociais li.ms-linkedin a:hover{background-color: #2c71b7;color: #fff;} ul.midias-sociais li.ms-pinterest a:hover{background-color: #cc2127;color: #fff;} /*@ select-clientes */ .select-clientes{display: none;visibility: hidden;margin-bottom: 15px;} /*@ Formulário trabalhe conosco */ #trabalheConoscoForm fieldset > a > i.glyphicon {top: 2px;} #trabalheConoscoForm fieldset a.collapsed > i.glyphicon:before {content: "\e114";} #trabalheConoscoForm fieldset > a > i.glyphicon:before {content: "\e113";margin-right: 7px;} .ati-contato .panel-group {margin-bottom: 40px;} .vagas .panel {background: transparent;font-size: 20px;} .vagas .panel-heading {padding: 0;background: #fff; border: 0;} .vagas .panel-title {font-size: 0.9em;font-weight: 400;} .vagas .panel-title a{display: block;padding: 10px;text-decoration: none;} .vagas .panel-title i {padding-right: 5px; padding-top:1px;} .vagas .panel-body {font-size: 16px;font-weight: 400;line-height: 1.45em;color: #383838;} .vagas .panel-default {border-color: #ddd;border-radius: 10px;} /*@ Login Trabalhe Conosco */ .area-login .box-login p{font-size: 14px;line-height: 18px;margin-bottom: 20px;} a.esqueciMinhaSenha {margin: 15px 0 0;display: block;} #esqueciMinhaSenha {display: none;margin-top: 15px;} /*---------------------------- start-responsive --------------------------*/ /*--------------------------------------- Large desktop ---------------------------------------*/ @media (min-width: 1200px) { /*@ CSS Document */ body{padding-top: 113px;} /*@ header */ header{height: 113px;} header.menu-suspenso{height: 80px;} /*@ ----------------------------- start nav -----------------------------*/ /*@ navbar-nav */ .navbar-nav{font-size: 1em;float: right;width: auto;padding: 0;margin: 0;} /*@ navbar */ .navbar-default {background-color: none;border: none;} .navbar-default .navbar-nav > li{margin: 0;} .navbar-default .navbar-nav li a{-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;} .navbar-default .navbar-nav > li > a {color: #666;padding: 15px;font-weight: 400;background-color: #e7e7e7;text-shadow: #fff 1px 1px 0;} .navbar-default .navbar-nav > li > a:hover {color: #2477a6;text-shadow: #fff 1px 1px 0;background-color: #e7e7e7;} .navbar-default .navbar-nav > li:first-child > a{border-radius:5px 0 0 5px;} .navbar-default .navbar-nav > li:last-child > a{border-radius:0 5px 5px 0;} /*@ ativando menus */ body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTE1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #011522 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#011522)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#011522 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#011522 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#011522 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#011522 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#011522',GradientType=0 ); /* IE6-8 */ } /*@ excecao border radius extremidades */ .navbar-default .navbar-nav > li.nav-home > a, .navbar-default .navbar-nav > li.nav-home > a:hover{border-radius: 5px 0 0 5px;} .navbar-default .navbar-nav > li.nav-contato > a, .navbar-default .navbar-nav > li.nav-contato > a:hover{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-home > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-home > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-home > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-home > a, body.ati-contato .navbar-default .navbar-nav > li.nav-home > a{border-radius: 5px 0 0 5px;} body.ati-home .navbar-default .navbar-nav > li.nav-contato > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-contato > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-contato > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-contato > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-contato > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a:hover, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a:hover, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a:hover, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a:hover, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a:hover, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a:hover{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVkODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #005d82 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#005d82)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#005d82 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#005d82 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#005d82',GradientType=0 ); /* IE6-8 */ } /*deixa o submenu aparecendo como mouse hover*/ header ul.nav li.dropdown:hover ul.dropdown-menu, header ul.nav li.open ul.dropdown-menu{display: block;width: 200px;border-radius: 0;padding: 10px;background-color: #e7e7e7;left: -1px;} header ul.nav li.dropdown:last-child:hover ul.dropdown-menu, header ul.nav li.open:last-child ul.dropdown-menu{left: auto;right: 0;} header ul.nav li.dropdown:hover ul.dropdown-menu > li, header ul.nav li.open ul.dropdown-menu > li{text-align: left;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a, header ul.nav li.open ul.dropdown-menu > li > a{text-align: left;padding: 5px;height: auto;border: none;background-color: #e7e7e7;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a:hover{color: #fff;background-color: #008fc7;padding: 5px 10px;height: auto;border: none;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: relative;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{color: #2477a6;text-shadow: none;text-shadow: #fff 1px 1px 0;background: #e7e7e7;} .navbar-nav .open .dropdown-menu, .navbar-nav .dropdown-menu{} .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu > li > a{} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:active{} /*@ ----------------------------- end nav -----------------------------*/ aside .box-newsletter, aside .box-clientes, aside .box-agende{margin-bottom: 50px;} /*@ logo-footer */ .logo-footer{margin-top: 40px;} /*@ menu-footer */ ul.menu-footer{margin-top: 38px;} } /*--------------------------------------- Portrait tablet to landscape and desktop ---------------------------------------*/ @media (min-width: 979px) and (max-width: 1200px) { /*@ CSS Document */ body{padding-top: 113px;} /*@ header */ header{height: 113px;} header.menu-suspenso{height: 80px;} .header #google_translate_element{ right: 0!important; top: 115px!important; padding: 0 0 0 40px;} .header #google_translate_element::before{ content: "Idioma:"; font-size: 11px; top: 5px; color: #fff; position: absolute; left:0px;} /*@ ----------------------------- start nav -----------------------------*/ /*@ navbar-nav */ .navbar-nav{font-size: 1em;float: right;width: auto;padding: 0;margin: 0;} /*@ navbar */ .navbar-default {background-color: none;border: none;} .navbar-default .navbar-nav > li{margin: 0;} .navbar-default .navbar-nav li a{-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;} .navbar-default .navbar-nav > li > a {color: #666;padding: 15px;font-weight: 400;background-color: #e7e7e7;text-shadow: #fff 1px 1px 0;} .navbar-default .navbar-nav > li > a:hover {color: #2477a6;text-shadow: #fff 1px 1px 0;background-color: #e7e7e7;} .navbar-default .navbar-nav > li:first-child > a{border-radius:5px 0 0 5px;} .navbar-default .navbar-nav > li:last-child > a{border-radius:0 5px 5px 0;} /*@ ativando menus */ body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTE1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #011522 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#011522)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#011522 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#011522 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#011522 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#011522 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#011522',GradientType=0 ); /* IE6-8 */ } /*@ excecao border radius extremidades */ .navbar-default .navbar-nav > li.nav-home > a, .navbar-default .navbar-nav > li.nav-home > a:hover{border-radius: 5px 0 0 5px;} .navbar-default .navbar-nav > li.nav-contato > a, .navbar-default .navbar-nav > li.nav-contato > a:hover{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-home > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-home > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-home > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-home > a, body.ati-contato .navbar-default .navbar-nav > li.nav-home > a{border-radius: 5px 0 0 5px;} body.ati-home .navbar-default .navbar-nav > li.nav-contato > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-contato > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-contato > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-contato > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-contato > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a:hover, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a:hover, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a:hover, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a:hover, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a:hover, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a:hover{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVkODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #005d82 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#005d82)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#005d82 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#005d82 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#005d82',GradientType=0 ); /* IE6-8 */ } /*deixa o submenu aparecendo como mouse hover*/ header ul.nav li.dropdown:hover ul.dropdown-menu, header ul.nav li.open ul.dropdown-menu{display: block;width: 200px;border-radius: 0;padding: 10px;background-color: #e7e7e7;left: -1px;} header ul.nav li.dropdown:last-child:hover ul.dropdown-menu, header ul.nav li.open:last-child ul.dropdown-menu{left: auto;right: 0;} header ul.nav li.dropdown:hover ul.dropdown-menu > li, header ul.nav li.open ul.dropdown-menu > li{text-align: left;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a, header ul.nav li.open ul.dropdown-menu > li > a{text-align: left;padding: 5px;height: auto;border: none;background-color: #e7e7e7;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a:hover{color: #fff;background-color: #008fc7;padding: 5px 10px;height: auto;border: none;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: relative;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{color: #2477a6;text-shadow: none;text-shadow: #fff 1px 1px 0;background: #e7e7e7;} .navbar-nav .open .dropdown-menu, .navbar-nav .dropdown-menu{} .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu > li > a{} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:active{} /*@ ----------------------------- end nav -----------------------------*/ aside .box-newsletter, aside .box-clientes, aside .box-agende{margin-bottom: 50px;} /*@ col-thumb-cliente */ .col-thumb-cliente{} /*@ logo-footer */ .logo-footer{margin-top: 40px;} /*@ menu-footer */ ul.menu-footer{margin-top: 38px;} ul.menu-footer li a{margin: 0 0 0 6px;padding: 0 0 0 6px;} } /*--------------------------------------- Portrait tablet to landscape and desktop ---------------------------------------*/ @media (min-width: 768px) and (max-width: 979px) { /*@ CSS Document */ body{padding-top: 103px;} /*@ header */ header{height: 103px;} header.menu-suspenso{height: 76px;} .header #google_translate_element{ right: 0!important; top: 105px!important; padding: 0 0 0 40px;} .header #google_translate_element::before{ content: "Idioma:"; font-size: 11px; top: 5px; color: #fff; position: absolute; left:0px;} /*@ ----------------------------- start nav -----------------------------*/ /*@ navbar-nav */ .navbar-nav{font-size: .85em;float: right;width: auto;padding: 0;margin: 0;} /*@ navbar */ .navbar-default {background-color: none;border: none;} .navbar-default .navbar-nav > li{margin: 0;} .navbar-default .navbar-nav li a{-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;} .navbar-default .navbar-nav > li > a {color: #666;padding: 10px;font-weight: 400;background-color: #e7e7e7;text-shadow: #fff 1px 1px 0;} .navbar-default .navbar-nav > li > a:hover {color: #2477a6;text-shadow: #fff 1px 1px 0;background-color: #e7e7e7;} .navbar-default .navbar-nav > li:first-child > a{border-radius:5px 0 0 5px;} .navbar-default .navbar-nav > li:last-child > a{border-radius:0 5px 5px 0;} /*@ ativando menus */ body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTE1MjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #011522 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#011522)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#011522 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#011522 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#011522 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#011522 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#011522',GradientType=0 ); /* IE6-8 */ } /*@ excecao border radius extremidades */ .navbar-default .navbar-nav > li.nav-home > a, .navbar-default .navbar-nav > li.nav-home > a:hover{border-radius: 5px 0 0 5px;} .navbar-default .navbar-nav > li.nav-contato > a, .navbar-default .navbar-nav > li.nav-contato > a:hover{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-home > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-home > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-home > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-home > a, body.ati-contato .navbar-default .navbar-nav > li.nav-home > a{border-radius: 5px 0 0 5px;} body.ati-home .navbar-default .navbar-nav > li.nav-contato > a, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-contato > a, body.ati-produtos .navbar-default .navbar-nav > li.nav-contato > a, body.ati-clientes .navbar-default .navbar-nav > li.nav-contato > a, body.ati-suporte .navbar-default .navbar-nav > li.nav-contato > a, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a{border-radius: 0 5px 5px 0;} body.ati-home .navbar-default .navbar-nav > li.nav-home > a:hover, body.ati-a-empresa .navbar-default .navbar-nav > li.nav-a-empresa > a:hover, body.ati-produtos .navbar-default .navbar-nav > li.nav-produtos > a:hover, body.ati-clientes .navbar-default .navbar-nav > li.nav-clientes > a:hover, body.ati-suporte .navbar-default .navbar-nav > li.nav-suporte > a:hover, body.ati-contato .navbar-default .navbar-nav > li.nav-contato > a:hover{ color: #fff;text-shadow: none;text-shadow: #011522 1px 1px 0; background: #008fc7; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOGZjNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVkODIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #008fc7 0%, #005d82 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008fc7), color-stop(100%,#005d82)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #008fc7 0%,#005d82 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #008fc7 0%,#005d82 100%); /* IE10+ */ background: linear-gradient(to bottom, #008fc7 0%,#005d82 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008fc7', endColorstr='#005d82',GradientType=0 ); /* IE6-8 */ } /*deixa o submenu aparecendo como mouse hover*/ header ul.nav li.dropdown:hover ul.dropdown-menu, header ul.nav li.open ul.dropdown-menu{display: block;width: 200px;border-radius: 0;padding: 10px;background-color: #e7e7e7;left: -1px;} header ul.nav li.dropdown:last-child:hover ul.dropdown-menu, header ul.nav li.open:last-child ul.dropdown-menu{left: auto;right: 0;} header ul.nav li.dropdown:hover ul.dropdown-menu > li, header ul.nav li.open ul.dropdown-menu > li{text-align: left;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a, header ul.nav li.open ul.dropdown-menu > li > a{text-align: left;padding: 5px;height: auto;border: none;background-color: #e7e7e7;} header ul.nav li.dropdown:hover ul.dropdown-menu > li > a:hover{color: #fff;background-color: #008fc7;padding: 5px 10px;height: auto;border: none;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;position: relative;} /*@ dropdown */ .nav .open > a, .nav .open > a:hover, .nav .open > a:focus, .nav > li:hover > a, .nav > li:hover > a:hover, .nav > a:focus{color: #2477a6;text-shadow: none;text-shadow: #fff 1px 1px 0;background: #e7e7e7;} .navbar-nav .open .dropdown-menu, .navbar-nav .dropdown-menu{} .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .dropdown-menu > li > a{} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .dropdown-menu > li > a:active{} /*@ ----------------------------- end nav -----------------------------*/ aside .box-newsletter, aside .box-clientes, aside .box-agende{margin-bottom: 50px;} /*@ col-thumb-cliente */ .col-thumb-cliente{} /*@ box-institucional */ .box-institucional{margin-bottom: 40px;} /*@ box-newsletter */ .box-newsletter{margin-bottom: 40px;} /*@ box-clientes */ .box-clientes{margin-bottom: 10px;} /*@ logo-footer */ .logo-footer{margin: 0 auto;} /*@ menu-footer */ ul.menu-footer{margin-top: 40px;margin-bottom: 40px;} /*@ box-apoio */ .box-apoio{float: none;width: 100%;overflow: hidden;clear: both;text-align: center;} } /*--------------------------------------- Landscape phone to portrait tablet ---------------------------------------*/ @media (max-width: 767px) { /*@ CSS Document */ body{padding-top: 113px;} /*@ header */ header{height: auto;} header.menu-suspenso{height: auto;} .header #google_translate_element{ left: 20px; right: auto!important; top: 105px!important; padding: 0 0 0 40px;} .header #google_translate_element::before{ content: "Idioma:"; font-size: 11px; top: 5px; color: #fff; position: absolute; left:0px;} /*@ header */ header.menu-suspenso ul.lista-content-topo{display: none;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #011521;border-color: #333;} /*@ logo */ .logo{width: 130px;height: 27px;background: url(../images/sprite.png) no-repeat -260px -100px;position: relative;left: auto;top: auto;float: left;margin: 5px 0 15px 15px;} /*@ navbar-toggle */ .navbar-default .navbar-toggle{float: right;top: auto;bottom: auto;left: auto;right: auto;margin: 0 15px 0 0;border-color: #2477a6;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active{background-color: #011521;} .navbar-default .navbar-toggle .icon-bar{background-color: #2477a6;} .wrap-navbar-toggle{text-align: center;padding: 0 0 20px 0;} .navbar-default .wrapper-nav .navbar-toggle{float: right;margin-top: 15px;} .navbar-default .container .wrapper-nav{padding-top: 10px;padding-bottom: 10px;} /*@ lista-content-topo */ ul.lista-content-topo{float: left;clear: both;width: 100%;margin: 0;padding: 15px 0 0 0;border-top: 1px solid #333;text-align: center;} ul.lista-content-topo li{float: right;margin: 0 0 0 6px;} ul.lista-content-topo li:first-child{margin-right: 0px;float: left;} ul.lista-content-topo li:first-child a i, ul.lista-content-topo li:first-child a small{display: none;} /*@ navbar */ .navbar-default .navbar-nav > li > a {font-weight: 400;background-color: #011521;} .navbar-default .navbar-nav > li > a:hover {background-color: #011521;color: #fff;} .navbar-default .navbar-nav{margin-top: 0;margin-bottom: 0;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #011521;color: #fff;} header.menu-suspenso .navbar-header{margin-bottom: 13px;} header.menu-suspenso .container{padding-bottom: 2px;} /*@ box-institucional */ .box-institucional{margin-bottom: 40px;} /*@ box-newsletter */ .box-newsletter{margin-bottom: 40px;} /*@ box-clientes */ .box-clientes{margin-bottom: 30px;} /*@ logo-footer */ .logo-footer{margin: 0 auto;} /*@ menu-footer */ ul.menu-footer{margin-top: 40px;margin-bottom: 40px;} /*@ box-apoio */ .box-apoio{float: none;width: 100%;overflow: hidden;clear: both;text-align: center;} /*@ col-thumb-cliente */ .col-thumb-cliente{} .col-thumb-cliente strong, .col-thumb-cliente:hover strong{display: none;} .col-thumb-cliente img{opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } /*@ select-clientes */ .select-clientes{display: block;visibility: visible;} ul.nav-thumb{display: none;visibility: hidden;} } /*--------------------------------------- Landscape phones and down ---------------------------------------*/ @media (max-width: 480px) { /*@ CSS Document */ body{padding-top: 113px;} /*@ header */ header{height: auto;} header.menu-suspenso{height: auto;} /*@ header */ header.menu-suspenso ul.lista-content-topo{display: none;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color: #011521;border-color: #333;} /*@ logo */ .logo{width: 130px;height: 27px;background: url(../images/sprite.png) no-repeat -260px -100px;position: relative;left: auto;top: auto;float: left;margin: 5px 0 15px 15px;} /*@ navbar-toggle */ .navbar-default .navbar-toggle{float: right;top: auto;bottom: auto;left: auto;right: auto;margin: 0 15px 0 0;border-color: #2477a6;} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active{background-color: #011521;} .navbar-default .navbar-toggle .icon-bar{background-color: #2477a6;} .wrap-navbar-toggle{text-align: center;padding: 0 0 20px 0;} .navbar-default .wrapper-nav .navbar-toggle{float: right;margin-top: 15px;} .navbar-default .container .wrapper-nav{padding-top: 10px;padding-bottom: 10px;} /*@ lista-content-topo */ ul.lista-content-topo{float: left;clear: both;width: 100%;margin: 0;padding: 15px 0 0 0;border-top: 1px solid #333;text-align: center;} ul.lista-content-topo li{float: right;margin: 0 0 0 6px;} ul.lista-content-topo li:first-child{margin-right: 0px;float: left;} ul.lista-content-topo li:first-child a i, ul.lista-content-topo li:first-child a small{display: none;} /*@ navbar */ .navbar-default .navbar-nav > li > a {font-weight: 400;background-color: #011521;} .navbar-default .navbar-nav > li > a:hover {background-color: #011521;color: #fff;} .navbar-default .navbar-nav{margin-top: 0;margin-bottom: 0;} .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background-color: #011521;color: #fff;} header.menu-suspenso .navbar-header{margin-bottom: 13px;} header.menu-suspenso .container{padding-bottom: 2px;} /*@ box-institucional */ .box-institucional{margin-bottom: 40px;} /*@ box-newsletter */ .box-newsletter{margin-bottom: 40px;} /*@ box-clientes */ .box-clientes{margin-bottom: 30px;} /*@ logo-footer */ .logo-footer{margin: 0 auto;} /*@ menu-footer */ ul.menu-footer{margin-top: 40px;margin-bottom: 40px;} ul.menu-footer li{display: inline-block;} ul.menu-footer li a{border: none;padding: 4px 10px;display: inline-block;} ul.menu-footer li:first-child a{} /*@ box-apoio */ .box-apoio{float: none;width: 100%;overflow: hidden;clear: both;text-align: center;} /*@ breadcrumb */ ol.breadcrumb li:nth-child(3){display: block;} ol.breadcrumb li:nth-child(3):before{content: '';padding: 0;margin: 0;} /*@ col-thumb-cliente */ .col-thumb-cliente{} .col-thumb-cliente strong, .col-thumb-cliente:hover strong{display: none;} .col-thumb-cliente img{opacity: 1; filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } /*@ select-clientes */ .select-clientes{display: block;visibility: visible;} ul.nav-thumb{display: none;visibility: hidden;} /*@ fotos */ .containerfotoleft{margin:0;float:left;clear: both;width: 100% !important;} .containerfotoright{margin:0;float:left;clear: both;width: 100% !important;} .containerfotoinferior{margin:20px 0 0 0;text-align:justify;overflow: hidden;clear:both;display: block;} .fotoright{float:none;text-align: center;padding:0 0 10px 0;display: block;margin: 0 auto;max-width: 100% !important;} .fotoleft{float:none;text-align: center;padding:0 0 10px 0;display: block;margin: 0 auto;max-width: 100% !important;} .fotoleft img, .fotoright img{width: 100% !important;} } /*@ 404 */ /*@ Acoes */ .video {padding-bottom: 56.25%; padding-top: 30px; width: 100%; position: relative; overflow: hidden;} .video iframe, .video object, .video embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 0;} /*@ erro 404 */ body.erro404{background: none;} body.erro404 .container .header{overflow: hidden;height: auto;clear: both;} body.erro404 .logo-404{position: relative;margin: 20px auto;display: block;width: 167px;height: 59px;background: url(../images/sprite.png) no-repeat -20px -20px;outline: none;} body.erro404 .logo-404 span{display: none;visibility: hidden;} body.erro404 h1{float: none;margin: 30px 0;color: #ccc;font-style: normal;text-align: center;font-size: 1em;text-transform: uppercase;} body.erro404 h3{text-transform: none;} body.erro404 p, body.erro404 ul{font-size: .8em;line-height: 180%;;} body.erro404 ul{margin-bottom: 20px;} /*@ utils */ .ilion-hidden{display: none;} .error{color: #999;font-weight: normal;} .positionRelative{position: relative;} .alert-detect-old-browser{display: none;visibility: hidden;position: fixed;top: 0;left: 0;z-index: 2000;border-radius: 0;text-align: center;width: 100%;} /*@ captcha */ .captcha{display: block;margin-bottom: 25px;} .captcha img{display: block;margin: 0;padding: 0;} .captcha label{font-weight: normal;font-size: .85em;display: block;line-height: 1.4em;margin-bottom: 15px;} /*@ checkbox */ .checkbox label{font-weight: normal;font-size: .85em;display: block;line-height: 1.4em;} /*@ changing the color of the selection */ ::selection {color: #000;background: #ddd;} ::-moz-selection {color: #000;background: #ddd;}