/* Comentario */

/* 
nome de uma tag{...}
#nome de uma tag com id{...}
.nome de uma tag com uma classe{...}






 */

*{
	margin:0px;
	padding:0px;
	
	}

img{
	display: block;
}



/*tipografia*/

























.texto-destaque2{
	font-size: 18px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
font-style: normal;
	color: #e0e1dd;;
	text-align: center;

   width: 600px;}
   






.titulo{
	font-size: 30px;
	color: #e0e1dd;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 5px;

	
}


.titulomb{
	font-size: 30px;
	color: #e0e1dd;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;

	margin-top: 5px;

	
}
.titulo-bx{
	font-size: 30px;
	color: #e0e1dd;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	margin-bottom: 10px;
margin-top:15px ;
	
}

.texto{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 450;
	color: #0d1b2a; 
	margin-top: 5px;
	margin-bottom: 15px;
	font-style: normal;
	;
}


.texto2{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 450;
	color: #060f1a; 
	margin-top: 15px;
	margin-bottom: 5px;
	font-style: normal
	
	;
}

.texto3{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #060f1a;  
	margin-top: 5px;
	margin-bottom: 15px;
font-style: normal;
	;
}
.texto4{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 700;
	color: #0d1b2a; ;  
	margin-top: 5px;
	margin-bottom: 15px;
font-style: normal;
	;
}









.texto-destaque{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	font-size: 40px;
	color: #e0e1dd;
	text-align: center;

   width: 600px;
   
}

.texto-footer{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 10px; 
	color: #e0e1dd;
	
	
   width: 150px;
   text-align:center
}


footer p{
	font-size: 14px;
	font-family: "Open Sans", sans-serif;
	font-weight: 300;
	font-size: 15px;
color: #e0e1dd;

text-align: center ;

}

/*cores*/

.bc-escuro{
	background-color: #415a77;
	
}


.bc-meio-tom{
	background-color: #7B98B7;
	
}


.bc-claro{
	background-color: #D5DDEC;
	
}


.bc-marca{
	background-color: #2B3D4F;

	
}

/*margens e paddings*/

.pad-t-b-menu{
	padding-top: 170px;
padding-bottom: 80px;

}




.pad-t-b-grande{
padding-top: 80px;
padding-bottom: 80px;

}

.pad-t-b-medio{
	padding-top: 50px;
	padding-bottom: 50px;
	
	}

	.pad-t-b-pequeno{
		padding-top: 20px;
		padding-bottom: 20px;
		
		}

/*divs*/


header{
	width: 100%;
	height: 80px;
	background-color: #0d1b2a;
position: fixed;


}


section{
width: 100%;



}



.container-col{

width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: space-between;
column-gap: 50px;

}




	
	


.container-colulu{

	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	display: flex;
	justify-content: flex-start;
	align-items: center;
text-align: center;
margin-bottom: 50px;
	}
	



.container_centre{
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	flex-direction: column;
	display: flex;
	justify-content: space-between between 5px;
	align-items: center;
text-align: center;
margin-bottom: 50px;
	}






















footer{
width: 100%;
height: 120px;
background-color: #0d1b2a;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}




.header-container{
height: 80px;
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	display:flex;
	justify-content: space-between;
	
	align-items: center
}

nav ul{
	display: flex;
	justify-content: space-between;
	width: 150px; 
	
	
}

 nav li{
	list-style-type: none;
	
 }

 



.container-img-01{
	width: 100%;
	height: 400px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
background-image: url(imagens/popooopp.jpg);
background-repeat: no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center;
}


.container-footer{
	width: 100px;
	height: 120px;

margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
align-items: center;
}
	














/*colunas*/
.col-1-2{
width: 48%;
line-height: 26px;
}
	
	

.col-1-3{
	width: 31%;
	line-height: 26px;
	
}
	


.col-1-4{
	width: 23%;
	line-height: 26px;
	
}



/*links*/

nav a{
	color: antiquewhite;
	text-decoration: none;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
}

nav a:hover{
	color: antiquewhite;
	text-decoration: underline  2px;
	font-family: "Open Sans", sans-serif;
	font-style: normal;
	font-weight: 600;
	
}