@charset "utf-8";
/* CSS Document */

/*reset dos elementos através do CSS*/
* { margin: 0; padding: 0; }

/*Fontes*/
@font-face{
	font-family: RobotoBold;
	src:url("fontes/Roboto-Bold.ttf")
}
@font-face{
	font-family: RobotoThin;
	src:url("fontes/Roboto-Thin.ttf")
}
@font-face{
	font-family: Roboto;
	src:url("fontes/Roboto-Regular.ttf")
}

/*Estilos textos*/

.content h1{
	font-family: RobotoBold;
	font-size: 3vw
}

.content h2{
	font-family: RobotoBold;
	font-size: 2.3vw
}

.content h3{
	font-family: RobotoBold;
	font-size: 1.5vw
}

.content p{
	font-family: Roboto;
	font-size: 1vw
}

.content em{
	font-family: Roboto;
	font-size: 0.8vw
}

/*estilo do box onde fica a página*/

.content{
	width: 100%;
	display: flex;
	flex-direction: column;
	}

/* início estilo dos banners*/

.content .banner {
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto
}

.content .banner img{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto
}
/*fim estilo dos banners*/

/* início estilo caixa texto*/

.content .texto{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	padding-top: 5%;
	padding-bottom: 5%;
}

/* fim estilo caixa texto*/

/* início estilo caixa video*/

.content .video{
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	margin: auto;
	
}

/* fim estilo caixa texto*/

/* início estilo box*/

.content .boxes {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
	padding-top: 2%;
	padding-bottom: 2%
}

.boxes .caixaA{
	background-color: #c0c2c4;
	flex-grow: 1;
	margin: 0.3%;
	text-align: center;
	padding: 2%;
  	border-radius: 10px;
}

.boxes .caixaA p{
	font-family: Roboto;
	font-size: 1.3vw;
	line-height: 1.5em
}

/* fim estilo box*/

/* início estilo box2*/

.content .boxes2 {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
	background-color: #0a0e14
}

.content .boxes2 .boxA{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 40%;
	height: auto;
	padding: 0.5%;
	
}

.boxA .caixaB{
	background-color: #343434;
	margin: 1%;
	text-align: center;
	width: 75%;
	height: auto;
	padding: 0.5%;
  	border-radius: 10px;
}

.content .boxes2 .boximagem{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 60%;
	height: auto;
	padding-right: 3%;	
	border-radius: 10px;
	
}

.content .boxes2 .boximagem img{
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
	height: auto;
	border-radius: 10px;
	
	
}

/* fim estilo box2*/

/* inicio estilo 2textos*/
.content .doistextos{
	background-color: #0a0e14;
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	
}

.content .doistextos .caixaC{
	display: flex;
	flex-direction: column;
	width: 50%;
	height: auto;
	margin: auto;
	text-align: center;
	padding-bottom: 5%;
}

/* fim estilo 2textos*/

/* início estilo box3*/

.content .boxes3 {
	background-color: #0a0e14;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: 250px;
	padding-top: 2%;
	padding-bottom: 2%
}

.boxes3 .caixaD{
	background-color: #343434;
	flex-grow: 1;
	margin: 0.3%;
	text-align: center;
	padding: 2%;
  	border-radius: 10px;
	height: 90%
}

.boxes3 .caixaD p{
	font-family: Roboto;
	font-size: 1vw;
	line-height: 1.3em;
	color: white
}

.boxes3 .caixaD h3{
	font-family: Roboto;
	font-size: 1.2vw;
	line-height: 1.3em;
	color: white
}

/* fim estilo box3*/

/* início estilo boxes4*/

.content .boxes4 {
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	height: auto;
	padding-top: 2%;
	padding-bottom: 2%
}

.content .boxes4 .caixaE{
	background-color: #eeeeee;
	display: flex;
	flex-direction: column;
	margin: auto;
	text-align: center;
	width: 33%;
	height: 600px;
	border-radius: 10px;
}

.content .boxes4 .caixaE img{
	width: 100%;
	height: auto;
	border-radius: 10px 10px 0px 0px;
	
}

.boxes4 .caixaE p{
	font-family: Roboto;
	font-size: 1vw;
	line-height: 1.5em;
	padding: 2%
	
}

.boxes4 .caixaE h3{
	font-family: Roboto;
	font-size: 1.3vw;
	line-height: 1.5em;
	margin-top: 2%;
	padding: 2%
	
}

/* inicio estilo 2textosB*/
.content .doistextosB{
	background-image: linear-gradient(to right, #ab63ff , #5c87f5 , #5c87f5);
	display: flex;
	flex-direction: row;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	
}

.content .doistextosB .caixaF{
	display: flex;
	flex-direction: column;
	width: 50%;
	height: auto;
	margin: auto;
	text-align: center;
	
}

/* fim estilo 2textos*/

.boxes3 .caixaG{
	background-color: #343434;
	flex-grow: 1;
	margin: 0.3%;
	text-align: center;
	padding: 2%;
  	border-radius: 10px;
	height: 55%
}

.boxes3 .caixaG p{
	font-family: Roboto;
	font-size: 1vw;
	line-height: 1.5em;
	color: white
}

.boxes3 .caixaG h3{
	font-family: Roboto;
	font-size: 1.3vw;
	line-height: 1.5em;
	color: white
}

.boxes td{
	font-family: Roboto;
	font-size: 1vw;
	
}

.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table;}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}

.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}

.content .bannerB {
	background-image: url("images/bg1.png");
	background-repeat: no-repeat;
  	background-size: 100% auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	
}

.content .bannerC {
	background-image: url("images/bg2.png");
	background-repeat: no-repeat;
  	background-size: 100% auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	
}

.content .bannerB .textoB{
	display: flex;
	flex-direction: column;
	width: 30%;
	height: auto;
	color: white;
	margin: auto;
	margin-left: 10%;
	padding: 10%
	
}

.content .bannerC .textoC{
	display: flex;
	flex-direction: column;
	width: 30%;
	height: auto;
	color: white;
	margin: auto;
	margin-left: 40%;
	padding: 10%
	
}

/*inicio estilo icones garantias*/

.content .caixaicones{
width: 100%;
display: flex;
flex-direction: row;
margin: auto;

}

.content .caixaicones .imagem{
width: 50%;
display: flex;
flex-direction: row;
}

.content .caixaicones .texto2{
width: 50%;
padding-right: 10%;
display: flex;
flex-direction: column;
margin: auto

}

.caixaicones img{
height: 200px;
width: auto;
align-items: center;
display: block;
margin: auto
}



/*fim estilo icones garantias*/

.content .notas{
	background-color: #f0f0f0;
	display: flex;
	flex-direction: column;
	width: 100%;
	height: auto;
	margin: auto;
	text-align: left;
	padding-top: 3%
}

.content .notas p{
	padding-right: 3%;
	padding-left: 3%
}

.content .boxestabela{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 15%;
	height: auto;
	margin: auto;
	padding-top: 2%;
	
}

.boxestabela td{
	font-family: Roboto;
	font-size: 1vw;
	
}