body 		{font-family: 'Open Sans', sans-serif;}
a 			{color: #40ba8d;}
a:hover		{color: #2f906c;}

.topo		{background:#f6f6f6; height: 367px;}
.bg-topo	{background: url(../img/bg-topo.jpg) no-repeat; height: 100%;}
.logo		{margin: 19px 0 0 20px; display: block;}
.cabecalho	{padding-top: 80px; font-size: 1.4em;}
.cabecalho h1 {font-weight: bold; color: #be1e2d; font-size: 3.5em; margin-top: 0}
.cabecalho h2 {font-weight: bold; color: #be1e2d; margin-top: 0}

.apresentacao{background:#be1e2d; color: #FFF;}

.bg-menu	{background:#f6f6f6;/* height: 207px;*/}
.bg-menu p	{font-size: 1.2em;}
.bg-menu li {text-transform: uppercase; margin: 20px 20px 5px 0; font-weight: bold; display: inline-block; background: #ffd540; font-size: 1.2em;}
.bg-menu li.off {padding: 10px 0px; background:#eaeaea; color: #666;}
.bg-menu li.off a {padding: 10px 20px; color: #666;}
.bg-menu li.off a:hover {color: #000; text-decoration: none; background: #ffd540; padding: 10px 20px;}

.nav-container	{background: #be1e2d repeat-x 0 0;}
.f-nav			{background: #be1e2d; z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;/* border-bottom: 2px solid #CCC; opacity: 0.95;*/} /* this make our menu fixed top */
.nav 			{height: 80px;}

.ancora			{margin-top: -100px !important; position: absolute;}

span.titulo	{padding: 10px 20px; text-transform: uppercase; margin: 0 0 30px 0 !important; font-weight: bold; display: inline-block;}
span.titulo.valores	{float: left; height: auto;}
span.titulo-grande	{padding: 10px 20px; text-transform: uppercase; margin: 20px 0 !important; font-weight: bold; display: inline-block; font-size: 1.2em;}
span.titulo.verde {color: #FFF; margin-left: 20px !important;}

.quemsomos	{background:#f6f6f6;}
.amarelo	{background:#ffd540;}
.amarelo2	{background:#eec73b;}
.link-amarelo			{color:#000;}
a:hover.link-amarelo	{color:#ffd540; text-decoration: none;}

.quemsomos2	{background:#eaeaea;}
.missao		{height: 180px;}
.crianca	{background: url(../img/crianca.jpg) no-repeat; height: 300px;}
.valores	{height: 300px;}

.bg-servicos{background:#dddddd;}
.servicos	{height: 350px;}
.verde		{background:#40ba8d; padding-top: 50px; padding-bottom: 50px;}
.verde2		{background:#2f906c; margin: 0; padding: 0; padding-top: 0px;}

.cinza-escuro	{background:#dddddd; height: 200px; padding-top: 60px; padding-bottom: 50px;}
.cinza-claro	{background:#f6f6f6; height: 200px; padding-top: 60px; padding-bottom: 50px;}

.consultores{background: url(../img/bg-consultores.gif) repeat-x #eaeaea; min-height: 500px; height: auto;}
.vermelho	{background:#be1e2d; color:#FFF;}
.consultor	{float: left; margin: -25px 20px 0 0;}

.clientes	{background:#be1e2d; line-height: 2em; padding: 50px 0;}
.clientes li{color: #FFF;}
.vermelho-escuro	{background:#921622;}
.vermelho-escuro img{margin: 20px 0;}

span.titulo-grande.vermelho	{margin: 23px 0 !important;}
span.titulo-grande.verde	{color: #FFF;}

.alerta 	{background: #ffd540; padding: 5px; }
.aviso		{padding: 5px; text-align: center; background: #40ba8d;}
.faleconosco{ padding-top: 50px; padding-bottom: 50px;}



@media (max-width: 1199px) {

.bg-menu li {padding: 10px 10px; margin: 20px 10px 5px 0; font-size: 1.1em;}
svg:not(:root) {overflow: hidden; margin:30px 0 0 -100px;}
}


@media (max-width: 991px) {

.bg-menu li 	{padding: 10px 5px; margin: 20px 5px 5px 0; font-size: .8em;}
.consultores	{background: url(../img/bg-consultores.gif) repeat-x #eaeaea; height: 800px;}
.cinza-escuro 	{height: 400px !important;}
.cinza-claro	{height: 400px !important;}
svg:not(:root) 	{margin:-20px 0 0 20px;}
.apresentacao	{padding: 0px 10px;}
}


@media (max-width: 767px) {

.topo			{height: 167px;}
.logo img		{margin: 0px 0px 0 -30px; display: block; height: 130px; float: left;}
.cabecalho		{padding-top: 5px;}
.cabecalho h1 	{font-weight: bold; color: #be1e2d; font-size: 1.5em; margin-top: 0}
.cabecalho h2 	{font-weight: bold; color: #be1e2d; margin-top: 0}
svg:not(:root) 	{margin: 30px 0 0 20px;}

}


@media (max-width: 460px) {

.bg-topo img	{margin-left: -60px; height: 130px;}
.nav 			{height: auto;}
.bg-menu li 	{margin: 10px 10px 5px 0;}

.missao 		{min-height: 300px}
.visao			{min-height: 300px}
.verde2			{min-height: 350px}
.consultores	{min-height: 1200px;}
.cinza-escuro	{min-height: 650px;}
.cinza-claro	{min-height: 450px;}
svg:not(:root) {overflow: hidden; margin:-20px 0 0 15px;}
}