@charset "utf-8";
/**
 * CSS Paginas - CSS que contém estilos de partes do site que estarão nas páginas
 */

/*****************
 Blog
*****************/
.solucoes .boxEsquerdo {float:left; width:50%; padding-top:50px;}
.solucoes .boxEsquerdo .tituloBox {margin-bottom:50px; color:#464646;}
.solucoes .boxEsquerdo .textoEsquerdo {padding:0 60px;}
.solucoes .boxEsquerdo .textoEsquerdo p {font-family:'GothamBook', Arial, Helvetica, sans-serif; font-size:23px; margin-bottom:30px;}
.solucoes .boxDireito {float:right; width:50%; background:#5ba044; padding:50px 0 30px;}
.solucoes .boxDireito .nomeSolucoes {}
.solucoes .boxDireito .nomeSolucoes li {font-size:22px; color:#FFF; padding-left:50px; font-family:'GothamRoundedBold', Arial; position:relative; margin-bottom:20px; padding-bottom:5px; cursor:pointer;}
.solucoes .boxDireito .nomeSolucoes li:before {position:absolute; left:25px; width:10px; height:10px; border-radius:50%; background:#FFF; content:''; top:50%; transform:translateY(-50%);}
.solucoes .boxDireito .nomeSolucoes li:hover:after {content:''; position:absolute; bottom:0; width:25%; background:#FFF; height:3px; left:50px;}
.solucoes .boxDireito .nomeSolucoes .active a {color:#ddff22;}
.solucoes .boxDireito .nomeSolucoes .active:before {background:#ddff22;}
.solucoes .boxDireito .nomeSolucoes .active:hover:after {background:#ddff22;}
.solucoes .boxDireito .nomeSolucoes li a {text-decoration:none; color:#FFF; text-transform:uppercase;}