/* GENERAL */
* {
    font-family:"Segoe UI", sans-serif;
    color:white;
    box-sizing:border-box;
    margin:0;
    padding:0;
    border:none;
    outline:none;
}

a { text-decoration:none; }

ul { list-style:none; }

img { border:0; }


/* ALTURA BLOCOS AUTOMATICA */
.line::after,
header::after,
.main::after,
.top::after,
.services::after,
article::after,
.clients::after,
.region::after,
.infoproducts::after,
.offers::after,
footer::after {
    content:" ";
    display:block;
    clear:both;
}

/* SEPARATA */
.line {
	width:100%;
	height:5px;
	clear:both;
	background:linear-gradient(to right, #DCB975, #FEEB9C,#DCB975);
}


/* HEADER */
header {
	width:100%;
	clear:both;
	padding:30px;
	background:#001A24;
}

/* LOGO */
header section {
    width:300px;
    float:left;
    overflow:hidden;
}

/* CENTRO HORIZONTAL */
header section p {
    display: flex;
    justify-content: center;
}

header section p img {
    width:250px;
    overflow:hidden;
}

/* MAIN MENU */
header nav {
    width:1000px;
	line-height:80px;
    float:left;
    overflow:hidden;
}

/* CENTRO HORIZONTAL */
header nav ul {
    display: flex;
    justify-content: center;
}

header nav ul li {
	font-size:14pt;
}

header nav ul li a {
    display:block;
    padding:10px 20px;
    float:left;
}    

header nav ul li a:hover {
    color:#f99200;
}

header nav ul li a:active {
    color:#885000;
}

#home header nav ul li.home a,
#reports header nav ul li.reports a,
#projects header nav ul li.projects a,
#aboutUs header nav ul li.aboutUs a, 
#contact header nav ul li.contact a{
	font-weight:bold;
	color:#0582ac;
}


/* MAIN */
.main {
	width:100%;
	clear:both;
	padding:0;
}


/* TOP */
main .top {
	width:100%;
	clear:both;
	padding:30px;
	background:#000C20 url('../img/background - top.png') no-repeat;
	background-position:top right;
	overflow:hidden;
}

/* TOP */
main .top .lx {
    width:50%;
    height:550PX;
    float:left;
    overflow:hidden;
}

main .top h1 {
	font-size:18pt;
	width:350px;
	text-align:left;
}

main .top h2 {
	font-size:14pt;
	font-weight:bold;
	text-align:justify;
	color:transparent;
	width:350px;
	margin:40px 0;
	background-image:linear-gradient(#DCB975, #FEEB9C,#DCB975);
	background-clip:text;
	-webkit-background-clip:text;
}

main .top p {
	font-size:14pt;
	width:350px;
	text-align:justify;
	margin:40px 0;
}

main .top .lx .box{
	width:900px;
	height:300px;
    clear:both;
}

main .top .lx .box .icons{
	width: 150px;
	float:left;
	padding:10px;
}

main .top .lx .box .icons h2 {
	font-size:10pt;
	text-align:center;
	width:auto;
	margin:10px auto;
}

main .top .lx .box .icons img {
	height:50px;
	padding:0 0 5px;
}

main .top .lx .box .icons p {
	font-size:10pt;
	font-weight:normal;
	text-align:center;
	width:auto;
	margin:auto;
}



/* BUDGET */
/* TOP */
main .top .dx {
    width:50%;
    height:550PX;
    float:left;
    overflow:hidden;
}

main .top .dx p {
	text-align:center;
	width:auto;
	margin:400px auto 0;
}



/* SERVICES */
main .services {
	width:100%;
	padding:30px;
	clear:both;
	background:#2B3141;
}

main .services::after {
    content:" ";
    display:block;
    clear:both;
}

main .services div {
	width:50%;
	float:left;
}

main .services div .imgFloat {
	float:left;
	padding-right:20px;
}

main .services div .seta {
	padding-left:10px;
}

main .services div .bullet {
	margin-right:20px;
}

main .services div h1 {
	font-size:16pt;
	line-height:75px;
}

main .services div p {
	font-size:12pt;
	text-align:justify;
	padding:0 20px 0 0;
	margin:20px 0;
}

main .services div ul li {
	display:flex;
    align-items:center;
	font-size:10pt;
	margin:20px 0;
}

main .services div ul li.setaBox {
	font-size:14pt;
	font-weight:bold;
	color:transparent;
	background-image:linear-gradient(#DCB975, #FEEB9C,#DCB975);
	background-clip:text;
	-webkit-background-clip:text;
}

main .services div ul li.arrow {
	clear:right;
}



/* POSTS */
main article {
	width:100%;
	clear:both;
	padding:30px;
	background:#000C20;
	overflow:hidden;
}

/* POSTS */
main article div{
    width:50%;
    float:left;
    overflow:hidden;
}

main article div h2{
	width:80%;
	font-size:16pt;
	text-align:center;
}

main article div p {
	width:80%;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
}

main article div div {
	width:80%;
	height:300px;
	clear:both;
	margin:auto 0 50px;
	overflow-y:scroll;
}

main article div div p {
	font-size:12pt;
	text-align:justify;
	text-indent:20px;
	padding:5px;
	margin:5px 0;
}

main article div form {
	width:80%;
	height:200px;
	clear:both;
	padding:30px 0;
	margin:0;
}

main article div input[type=text] {
	width:45%;
	font-size:12pt;
	color:black;
	float:left;
	padding:15px;
	margin:5px;
	border:thin #D7D7D7 solid;
	border-radius:15px;
}

main article div textarea {
	width:92%;
	font-size:12pt;
	color:black;
	clear:both;
	padding:15px;
	margin:5px;
	border:thin #D7D7D7 solid;
	border-radius:15px;
	resize:none;
}

main article div input[type=submit] {
	width:92%;
	font-size:12pt;
	font-weight:bold;
	color:gray;
	float:left;
	padding:15px;
	margin:5px;
	border:thin #D7D7D7 solid;
	border-radius:15px;
}

main article div .divVideo {
	width:80%;
	height:300px;
	clear:both;
	margin:auto 0 50px;
	overflow:hidden;
}

main article div video {
	width:92%;
	height:270px;
}



/* CLIENTS */
main .clients {
	width:100%;
	clear:both;
	padding:30px;
	background:#000C20;
	overflow:hidden;
}

.clients div {
	display: flex;
    justify-content: center;
	clear:both;
}

.clients div p {
	width:250px;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:10px 40px;
}

.clients div p img {
	display:block;
	width:70px;
	margin:0 auto;
}



/* INFOPRODUCTS */
main .infoproducts {
	width:100%;
	clear:both;
	padding:30px;
	background:#000C20;
}

main .infoproducts div {
	display:flex;
    justify-content:center;
	clear:both;
}

main .infoproducts div p {
	width:300px;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	text-indent:20px;
	float:left;
	padding:10px 30px;
}

main .infoproducts div img {
	display:block;
	width:200px;
	margin:0 auto;
}



/* REGION */
main .region {
	width:100%;
	clear:both;
	padding:30px;
	background:#000613 url('../img/background - mapa brasil.png') no-repeat;
	background-position:top right;
}

/* REGION */
main .region div{
    width:50%;
    float:left;
    overflow:hidden;
}

main .region div .regionLogo {
    width:100%;
    clear:both;
    overflow:hidden;
}

main .region div .regionLogo p {
	text-align:center;
	margin:30px auto;
}

main .region div .regionLogo p img {
 	width:200px;
	display:block;
	margin:0 auto;
}

main .region div .regionServices {
    width:100%;
    clear:both;
    overflow:hidden;
}

main .region div .regionServices div {
    width:100%;
	display:flex;
    justify-content:center;
	clear:both;
}

main .region div .regionServices div p {
	width:300px;
	font-size:14pt;
	font-weight:bold;
	text-align:center;
	float:left;
	padding:10px 30px;
}

main .region div .regionServices div p img {
	display:block;
	width:50px;
	margin:0 auto;
}



/* OFFERS */
main .offers {
	width:100%;
	clear:both;
	padding:30px;
	background:#000C20 url('../img/background - capacete.png') no-repeat;
	background-position:top left;
}

/* OFFERS */
main .offers div {
    width:50%;
    float:left;
    overflow:hidden;
}

/* OFFERS */
main .offers div h2 {
	font-size:20pt;
	text-align:left;
	padding:10px 30px;
}

/* OFFERS */
main .offers div p {
	font-size:14pt;
	text-align:left;
	padding:10px 30px;
	margin:30px auto;
}



/* FOOTER */
footer {
	width:100%;
	clear:both;
	padding:10px;
	background:#2B3141;
}

/* LOGO */
footer section {
    width:34%;
    float:left;
    overflow:hidden;
}

footer section p {
	text-align:center;
	line-height:400px;
	padding:10px 30px;
}

/* MENU SECUNDÁRIO */
footer nav {
    width:33%;
    float:left;
    overflow:hidden;
}

footer nav p {
	font-size:14pt;
	font-weight:bold;
	text-align:left;
	line-height:160px;
	padding:10px 30px;
}

footer nav ul li {
	font-size:14pt;
    padding:10px 20px;
}

footer nav ul li a {
    display:block;
    padding:0px 20px;
}    

footer nav ul li a:hover {
    color:#f99200;
}

footer nav ul li a:active {
    color:#885000;
}

#home footer nav ul li.home a,
#reports footer nav ul li.reports a,
#projects footer nav ul li.projects a,
#aboutUs footer nav ul li.aboutUs a, 
#contact footer nav ul li.contact a{
	font-weight:bold;
	color:#0582ac;
}

footer nav ul li img {
	width:150px;
}