/* Comentario */

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

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

	header{
		position: fixed;
		width: 100%;
		height: 90px;
		background-color: #474973;
		border-bottom: 4px solid #474973;
		z-index: 2;
	}

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

	footer{
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
		background-color: #474973;

	}

	footer p{
		font-size: 17px;
		margin-bottom:10px;
		color: aliceblue;
		text-align: center;
		font-family: "roboto-slab", serif;
	}


	footer a{
		text-decoration: none;
	}

	footer a p:hover{
		color:#071558;
		text-decoration: underline;
	}

	nav{

	}


	h2{
		text-align: center;
	}

	p{
		text-align: center;
		line-height: 30px!important;
	}


	.logo{

		font-size: 40px;
		color: aliceblue;

	}

	.menu{
		list-style-type: none;
		display: flex;

	}

	.menu li a{
		color: aliceblue;
		padding-left: 10px;
		padding-right: 10px;
		text-decoration: none;
	}

	.menu a:hover{
		color:#071558;
		text-decoration: underline;
	}


	/* IMG */
	img{
		display: block;
	}

	img .img-destaque{
		border-radius: 10px;
	}

	.img-destaque{
		width: 100%;
		padding-top: 15px;
		padding-bottom:0px;
	}

	.img-col-1-3{
		width: 100%;
		padding-top: 15px;
		padding-bottom:15px;
	}

	.img-col-1-2{
		width: 100%;
		padding-top: 15px;
		padding-bottom:15px;
		border-radius: 20px;
	}

	

	/* Tipografia */
	span{
		font-weight: 900;
	}


	.col-1-2 p, .col-1-3 p, .col-1-4 p, .container-txt p, .container-txt-menu p, .container-txt-intro p, .container-txt-intro p{
		font-size: 20px;
		color: white;
		line-height: 26px;
		margin-bottom: 5px;
		font-family: "Roboto", sans-serif;
		font-weight: 400;
		font-style: normal;
	}

	.legenda{
		font-size: 15px!important;
		font-family: "Roboto Slab", serif!important;
		font-weight: 500!important;
		text-align: center;
	}

	.titulo{
		font-size: 30px;
		color: white;
		margin-bottom: 10px;
		font-family: "Roboto Slab", serif;
		font-weight: 800;
		font-style: normal;
	}


	.titulo-intro{
		font-size: 30px;
		color: white;
		margin-bottom: 10px;
		font-family: "Merriweather", serif;
		font-weight: 700;
		font-style: normal;
	}

	

	.txt-escuro{
		color:#4a4e69!important;
	}

	
	.txt-destaque{
		color:#fff2f2;
		font-size: 30px;
		text-align: center;
		position: absolute;
		padding-bottom: 40px;
		font-family: "Roboto Slab", serif;
		font-weight: 500;
		font-style: normal;
	}

	.txt-descricao{
		line-height: 32px!important;
		text-align: center;
	}

	.txt-menu{
		color:white;
		font-size: 30px;
		font-family: "Roboto", sans-serif;
		font-weight: 500;
		font-style: normal;
		font-style: italic;
	}

	.txt-button{
		color:#fff2f2;
		font-family: "Roboto-slab", serif;
		font-weight: 400;
		font-style: normal;
		font-size: 17px;
	}
	
	.txt-data{
		color:#7f83d4;
	}

	.txt-centro{
		padding-top: 30px;
		padding-bottom: 30px;
		text-align: left;
	}
	
	.txt-intro{
		font-weight: 800!important;
		font-size: 40px !important;
		line-height: 52px !important;
		font-style: italic !important;
		font-family: "Roboto Slab", serif!important;
	}


	/* Divs */

	.container-destaque-img{
		width:100%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 15px solid #474973;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		
	}

	.container-largo-img{
		width:100%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		display: flex;
		justify-content: center;
		align-items: flex-end;
		
		
	}


	.container-col{
		width: 100%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		display: flex;
		justify-content: space-between;
	}
	
	
	.container-txt{
		width: 100%;
		max-width: 600px;
		margin-right: auto;
		margin-left: auto;
	}

	.container-txt-intro{
		width: 100%;
		max-width: 700px;
		margin-right: auto;
		margin-left: auto;
	}


	.container-txt-menu{
		width: 100%;
		max-width: 480px;
		margin-right: auto;
		margin-left: auto;
	}

	/* Colunas */

	.col-1-2{
		width: 48%;
		margin-bottom: 10px;
	}


	.col-1-3{
		width: 31%;	
		margin-bottom: 10px;
	}


	.col-1-4{
		width: 23%;
		border-radius: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
	}


	/* Formas */

	.retangulo-active{
		width: 23%;
		background-color: #0d0c1d;
		border-radius: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
		color: white;
		font-size: 16px;
		font-family: Roboto , sans-serif;
		font-weight: 580;
		font-style: normal;
		line-height: 26px;
	}

	.retangulo-inative{
		width: 23%;
		background-color: #0d0c1d;
		border-radius: 20px;
		padding-bottom: 20px;
		padding-top: 20px;
		padding-left: 5px;
		padding-right: 5px;
		color: #6d6d6d;
		font-size: 16px;
		font-family: Roboto , sans-serif;
		font-weight: 580;
		font-style: normal;
		line-height: 26px;
	}




	/* Cores */
	.bc-escuro{
		background-color: #161b33;
	}

	.bc-meio-tom3{
		background-color: #f1f1f1;
	}

	.bc-meio-tom2{
		background-color: #9c93a2;
	}

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

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

	.bc-menu{
		background-color:#a69cac;
	}




	/* Margens e Paddings */
	.pad-t-b-alto{
		padding-top: 80px;
		padding-bottom: 80px;
	}

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

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

	.pad-t-b-s-baixo{
		padding-top: 10px;
		padding-bottom: 5px;
	}

	.pad-t-b-s-alto{
		padding-top: 140px;
		padding-bottom:140px;
	}
	
	.pad-b-txt{
		padding-bottom: 30px;
		padding-top: 0px;
	}

	.pad-t-txt{
		padding-bottom: 0px;
		padding-top: 70px;
	}


	.pad-menu{
		padding-top: 93px;
		padding-bottom: 20px;
	}