* {font-family: 'Open Sans', sans-serif;outline:none !important;}
a:hover {text-decoration:none;}
body {background-color:#1c1b17;}
.cb {clear:both;}

#navegacao {background-image:url('../img/topo-bg.png');background-position:top;background-repeat:repeat-x;overflow:hidden;}
#logo {margin-top:8px;float:left;padding-bottom:30px;}

.bg-topo {background-color:#b1c6d9;}
.relative {position:relative;}
.rodape-padding {padding-left:60px}

.menu {position:absolute;top:50px;left:420px;padding-left:25px;}
.menu li {float:left;list-style:none;margin-left:0px;}
.menu a {color:#FFF;padding-bottom:29px;/* width:60px; */text-align:center;display:inline-block;}
.menu a:hover, .menu a.ativo {border-bottom:3px solid #f4be00;}
.icowebmail {position:absolute;right:100px;top:46px;}
.icofacebook {position:absolute;right:50px;top:46px;}
.icologin {position:absolute;right:10px;top:47px;color:#FFF;}
.icologin:hover {color:#FFF;}

.banner {width:1140px !important;position:relative;overflow:auto;overflow:hidden;border-radius:5px 5px 0 0;box-shadow:1px 1px 6px #555;padding-bottom:20px;height:420px !important;}
.banner li {list-style:none;}
.banner ul {padding-left:0;}
.banner ul li {float:left;}

.efeito {background-color:#ffca11;line-height:30px;text-align:center;border-radius:50px;box-shadow:1px 1px 3px #000;margin-top:50px;margin-bottom:40px;}
.efeito span {background-color:#fff;border-radius:100px;line-height:30px;padding:0 20px;text-transform:uppercase;text-shadow:3px 2px 6px #333;}

.servicos h3 {font-size:18px;}
.servicos p {font-size:13px;}

#corpo {background-color:#FFF;/*padding-bottom:50px;*/}

#rodape {background-color:#1c1b17;padding-top:50px;padding-bottom:50px}
#rodape h4 {color:#FFF;margin-bottom:25px;}
#rodape ul {padding:1px 0 0px 0px;}
#rodape li {margin-bottom:15px;list-style:none;}
#rodape a {color:#ddd;}
#rodape a:hover {color:#fff;}
#rodape address, #rodape p {color:#FFF;}
#rodape address li{margin-bottom:5px;}
#rodape address i{margin-right:10px;}
#rodape p {margin-bottom:20px;}

.site {padding-bottom:50px;}

.site h1,
.contato h1 {margin:30px 0 20px 0;border-bottom:1px solid #aaa;padding-bottom:10px;}

.ckeditorPg h1 {margin:inherit;border-bottom:inherit;padding-bottom:inherit;}
.ckeditorPg .h1EstiloReset {margin:30px 0 20px 0;border-bottom:1px solid #aaa;padding-bottom:10px;}

.clientesPg h2, .servicosPg h2 {border-bottom:1px solid #FEC50A;color:#9F7E17;padding-bottom:5px;font-weight:300;font-size:24px;}
.servicosPg img {margin-bottom:10px;}

@keyframes efeitoLogo { from {filter: grayscale(1);opacity:0.5;} to {filter: grayscale(0);opacity:1;} }
.clienteLogo {filter: grayscale(1);opacity:0.5;}
.clienteLogo:hover {animation-name:efeitoLogo;animation-duration:0.5s;animation-fill-mode: forwards;opacity:0.5;}

.contato {margin-bottom: 50px;}

.portfolio .imagem img {border:1px solid silver;box-shadow:2px 2px 2px #666;}

.servicos h3 {color:#000;}
.servicos p {color:#666;}
.servicos .col-md-4 .a {position:relative;}
.leia-mais {position:absolute;top:168px;right:15px;width:113px;padding-bottom:5px;padding-top:4px;height:29px;max-height:29px}
.leia-mais .texto {background-color:#212D38;padding:4px 10px 5px 10px;color:#FFF;}
.leia-mais .seta {position:absolute;right:0;bottom:0px;margin:0 !important;}
.servicosPg .leia-mais {top:114px;}
.servicosPg h3 {color:#000;font-size:18px;}
.servicosPg h4{color:#000;font-size:20px;margin:30px 0 20px 0 !important;border-bottom:1px solid #aaa;padding-bottom:10px;}
.servicosPg p {color:#666;}