@media screen and (max-width:760px) {
	
	body{
		margin:0px;
		padding:0px;
		background-color:#e0e0e0;
		
	}	
	
	#topoprincipal{
	
	width:100%;
	height:100px;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;

	}

#logomarca{
	
	width:100%;
	height:100px;
	background-image:url('../img/logo.png');
	background-repeat: no-repeat;
	background-size:40%,40%;
	background-position:center center;
		
}

#titulo{/*----------mobile ----------*/
	width:100%;
	height:60px;
	line-height:60px;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	}

#titulo2{/*----------mobile ----------*/
	width:90%;
	height:60px;
	line-height:20px;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	}
	
	
#querocota{/*----------mobile ----------*/
	width:90%;
	height:60px;
	line-height:30px;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	
	margin:auto;
	}
	

	
	#corpo{
	width:100%;
	min-height:100px;
	height:560px;
	
	margin:auto;
	padding-top:30px;
	
	
	/* background-image:url('../img/dados.png');
	background-repeat: no-repeat;
	background-size:80%,80%;
	background-position:center center;
	*/
	}
	#bernardinho{
		display:none;
	}
	#bernardinho2{
	width:90%;
	height:230px;
	
	
	background-image:url('../img/bernardinho.png');
	background-repeat: no-repeat;
	background-size:100%,100%;
	background-position:left 0px;
	
	}
	#berna{
	width:50%;
	height:140px;
	border:solid 3px #f00;
	padding:10px;
	background-image: linear-gradient(to bottom, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
	
	font-family:Arial;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	float:right;
		
	position:relative;
	top:-20px;
	left:20px;
	border-radius:10px;
	box-shadow:#555 5px 5px 5px;
	}
	
	
	#corpoadm{
	width:100%;
	min-height:100px;
	height:300px;
	background-color:#244b76;
	margin:auto;
	
	
	}
	
	#litros{
		width:100%;
		height:300px;
		background-color:#004f83;
		font-family:Arial;
		font-size:22px;
		text-align:center;
		color:#fff;
		background-image:url('../img/litros.jpg');
		background-size:80% 100%;
		background-position:center;
		background-repeat:no-repeat;
	}
	#obs{
		width:100%;
		height:40px;
		line-height:40px;
		font-family:Arial;
		font-size:22px;
		text-align:center;
		color:#004f83;
	}
	
	a.esqueci{
		display:block;
		width:100%;
		text-decoration:none;
		color:#fff;
		font-family:Arial;
		text-align:center;
	}
	
	a.kakax{/*mobile*/
	display:block;
	text-decoration:none;
	width:300px;
	height:50px;
	line-height:50px;
	text-align:center;
	border:solid 2px #DBA741;
	border-radius:5px;
	background-color:#DBA741;
	
	color:#fff;
	font-family:'Arial';
	font-weight:bold;
	font-size:18px;
	margin:auto;
	
	background-image:url('../img/whats.png');
	background-repeat: no-repeat;
	background-size:14%,14%;
	background-position:36px;
}

a.euquero{ /*---------- MOBILE---------------*/
	width:90%;
	height:30px;
	line-height:30px;
	display:block;
	border-radius:10px;
	border:solid 4px #ccc;
	margin:auto;
	background-image: linear-gradient(to top, #008000, #006400);
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:18px;
}

#conteudo{
	width:100%;
	min-height:400px;
	height:auto;
	
	background-color:#fff;
	
}
a.fechar{
		text-decoration:none;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#ff2255;
}

a.sair{
	display:block;
	margin:auto;
	width:200px;
	text-decoration:none;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#ff2255;
}
footer.m{
	
}
footer.d{
	display:none;
}
#rodape{
	
	width:100%;
	height:200px;
	
	position:relative;
	top:5px;
}

table.corretores {

  border-collapse: collapse;
  width: 100%;
  font-family:Arial;
  margin-bottom: 1rem;
  border:solid 1px #333;
  position:relative;
  top:20px;
  margin:auto;
}

td{
	border:solid 1px #222;
	text-align:center;
}

tr.corretores{
	background-color:#eee;
	color:#080808;
	border:solid 2px #000;
	height:30px;
	line-height:30px;
}
th{
	border:solid 1px #000;
}
p.cota{
	width:98%;
	margin:auto;
	font-family:Arial;
	font-size:18px;
	text-align:center;
	color:#fff;	
}

	#corpox{
	width:100%;
	min-height:100px;
	height:120px;
	margin:auto;
	}
	#corpoy{
	width:90%;
	min-height:100px;
	height:auto;
	margin:auto;
	background-color:#fff;
	padding:5px;
	border-radius:10px;
	}
	
	table.cand{
		border:solid 1px #000;
		width:100%;
		background-color:#333;
		border-radius:5px;
		padding:5px;
		font-family:Arial;
		font-size:16px;
		color:#fff;
	}
	
	tr.cand{
		border:solid 2px #333;
		background-color:#fff;
		color:#000;
		padding-left:10px;
		
	}
	
	
	#corpo2{
	width:100%;
	min-height:100px;
	height:300px;
	margin:auto;
	}
	
	#corpo4{
		display:none;
	}
	#corpo3{
	width:100%;
	min-height:80px;
	height:110px;
	line-height:50px;
	
	margin:auto;
	color:#fff;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	padding-top:20px;
	
	}
	
	#faixa{
		width:100%;
		height:10px;
	}
	
	
	/*----- saudacação mobile -------------------*/
	
	#saudacao{
		width:100%;
		height:30px;
		line-height:30px;
		
		margin:auto;
	
		background-image: linear-gradient(to bottom,#39b549,#0a9446);
		text-align:center;
		
		font-family:Arial;
		font-weight:bold;
  
	}
	#ok{
		width:100%;
		height:30px;
		line-height:30px;
		
		margin:auto;
		border-top:solid 1px #e0b15d;
		background-color:#e0b15d;
		text-align:center;
		
		 
		font-family:Arial;
		 font-weight:bold;
  
	}
	
	/*-------- FIM SAUDAÇÃO mobile-------------*/

/*----------formulario ------------------*/

form.cota2{/* mobile*/
		width:90%;
		min-height:10px;
		height:auto;
		
		border:groove 2px #fff;
		border-radius:5px;
		margin:auto;
		padding:10px;
		
		background-color:#ccc;
		font-family:arial; 
		position:relative;
		top:0px;
		
	}
input.cota2{
		width:94%;
		height:30px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:5px;
		
		background-color:#fff;
		
	}
	
	
form.cota{/* mobile*/
		width:90%;
		min-height:200px;
		height:auto;
		
		border:groove 2px #fff;
		border-radius:5px;
		margin:auto;
		padding:10px;
		
		background-color:#efefef;
		font-family:arial; 
		position:relative;
		top:-20px;
		
	}
	
	
	input.cota{
		width:94%;
		height:30px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:5px;
		
		background-color:#fff;
		
	}
	
	select.cota{
		width:94%;
		height:30px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:5px;
		
		background-color:#fff;
		
	}
	
	input.btn2{
	display:block;
	
	width:96%;
	height:50px;
	
	line-height:50px;
	text-align:center;
	
	border-radius:20px;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	
	color:#fff;
	font-family:'Arial';
	font-weight:bold;	
	font-size:20px;
	border:none;

}
h1.cota{
	width:100%;
	height:30px;
	line-height:30px;
	display:block;
	
	font-family:Arial;
	font-size:16px;
	text-align:center;
	
}
/*-----------------------------fim formulario ---------------- mobile*/


/*--------------------------------- LISTA DE BENEFICIOS ---------------*/
#listatop{
	width:90%;
	height:auto;
	margin:auto;
	
}

#listatop2{
	width:100%;
	height:auto;
	background-color:#fff;	
}


.lista {
  list-style: none;
  margin: 0px;
  padding: 30px;
  padding-left:20px;
  font-family:Arial;
  color:#244b76;
}

.lista li {
  min-height: 50px;
  height:170px;
  margin-bottom: 10px;
  position: relative;
  border:groove 2px #fff;
  background-color:#fff;
  border-radius:10px;
  padding:10px;
}

.item {
  display: flex;
  align-items: center;
  height: 100%;
}

.item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 12%;
  height: auto; /* adicione essa linha para definir a altura da imagem */
  border-radius: 5px;
  padding-top:10px;
}

.conteudo {
  flex: 1;
  padding-left:14%;
  padding-top:10px;
  height: 100%; /* adicione essa linha para definir a altura do conteúdo */
}

.conteudo h3 {
  margin: 0;
  font-size: 20px;
  color:#006400;
}

.conteudo p {
  margin: 5px 0 0;
  font-size:18px;
  color:#000;
}


/*------ LISTA 2 -----------*/

.lista2 {
  list-style: none;
  margin: 0px;
  padding: 10px;
  padding-left:10px;
  font-family:Arial;
  color:#244b76;
}

.lista2 li {
  min-height:50px;
  height:150px;
  margin-bottom: 10px;
  position: relative;
  border-bottom:dotted 2px #aaa;
  background-color:#fff;
  
  padding:10px;
}

.item2 {
  display: flex;
  align-items: center;
  height: 100%;
}

.item2 img {
  position: absolute;
  left: 0;
  top: 0;
  width: 8%;
  height: auto; /* adicione essa linha para definir a altura da imagem */
  border-radius: 5px;
  padding-top:10px;
}

.conteudo2 {
  flex: 1;
  padding-left:14%;
  padding-top:10px;
  height: 100%; /* adicione essa linha para definir a altura do conteúdo */
}

.conteudo2 h3 {
  margin: 0;
  font-size: 20px;
}

.conteudo2 p {
  margin: 5px 0 0;
  font-size:20px;
  
}

#xy{	display:none;
		width:100%;
		height:350px;
		background-image: linear-gradient(to bottom, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
		
	}
#x2{
		width:100%;
		height:540px;
		/*background-color:#244b76;*/
		background-color:#efefef;
		background-image: linear-gradient(to bottom, #efefef, #fff);
		
	}
iframe{
		width:90%;
		height:235px;
		border:solid 4px #fff;
		box-shadow:#555 5px 5px 5px;
		margin-left:10px;
	}
	
	
/*--------------------------- FIM LISTA mobile*/

/*---------- LISTA DE IMAGENS DOS VEÍCULOS ESPECIAL */

   
/*---------------        FIM LISTA IMAGEM  ----------------------*/

/*------ link QUERO -*/
a.quero{
	width:90%;
	height:70px;
	line-height:70px;
	display:block;
	border-radius:20px;
	margin:auto;
	
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:22px;
	
}



a.querofinal{
	width:94%;
	height:70px;
	line-height:70px;
	display:block;
	border-radius:20px;
	
	margin-left:2px;
	/*background-image: linear-gradient(to top, #133370, #244b76);*/
	background-color:#fff;
	color:#006400;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:16px;
	
}


h1.cota{
	width:94%;
	height:50px;
	line-height:20px;
	display:block;
	
	margin:auto;
	color:#244b76;
	
}
/*--------------------*/



/*---------------- videos ------------------------------------*/

#corpoprod4{
	width:100%;
	min-height:290px;
	height:auto;

}

#corpoprodconteudo2{
	width:60%;
	min-height:290px;
	height:auto;
	margin:auto;
	background: transparent;	
	
	
	//*border-top:solid 10px #8d52ea;
	border-bottom:solid 10px #8d52ea;
	*/
}

/*-------- llista videos DEPOIMENTOS ---- */

.videos {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.videos ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.videos li {
  margin-bottom: 1rem;
}

.videos video {
  display: block;
  width: 100%;
  height: auto;
}

p.info3{
	width:100%;
	height:30px;
	text-align:center;
	color:#080808;
	font-weight:bolder;
	font-family:Arial;
}


video.blz{
	width:50%;
	height:auto;
	
	display:block;
	margin:auto;
	border:solid 4px #fff;
	box-shadow:0px 0px 5px #333;
	
}


#final{
	width:100%;
	height:300px;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	color:#fff;
	text-align:center;
	font-family:Arial;
	font-size:30px;
	border-bottom:solid 110px #fff;
	padding:10px;
}

p.final{
	font-size:30px;
	font-weight:bold;
	
}
p.final2{
	font-size:20px;
	position:relative;
	top:-30px;
}

textarea.vendedor{
	width:94%;
	height:80px;
	margin:auto;
	border-radius:10px;
	padding:5px;
	border:solid 1px #244b76;
	background-color:#fff;
	color:#244b76;
	font-family:Arial;
	font-size:16px;
}


h1.cota2{
	
	width:100%;
	height:40px;
	line-height:24px;
	display:block;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#fff;
}

#agradecimento{
	width:90%;
	height:110px;
	line-height:20px;
	
	
	font-family:Arial;
	font-size:16px;
	text-align:center;
	color:#fff;
	margin:auto;
	
	
}


footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-image: linear-gradient(to top, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
  background-size: cover;
  border-top:solid 10px #006400;
  
}



/*------------------------------------------------------------*/
/*-------------------- LIMITE --------------------------------*/	
}

/* --->>> VERSÃO DESKTOP <<---------------------------------------------*/

@media screen and (min-width:768px) {

	body{
		margin:0px;
		padding:0px;
		background-color:#e0e0e0;
		
	}	
	
	#topoprincipal{
	
	width:100%;
	height:100px;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	border-bottom:groove 2px #fff;
	
	
	position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; /* Garante que o topo ficará sobre outros elementos */
	}

#logomarca{
	
	width:100%;
	height:100px;
	background-image:url('../img/logo.png');
	background-repeat: no-repeat;
	background-size:15%,15%;
	background-position:center center;
		
	}
	
	
	#x{
		width:100%;
		height:300px;
		/*background-color:#244b76;*/
		background-color:#efefef;
		background-image: linear-gradient(to bottom, #efefef, #fff);
		
	}
	
	#x2{
		width:100%;
		height:280px;
		/*background-color:#244b76;*/
		background-color:#efefef;
		background-image: linear-gradient(to bottom, #efefef, #fff);
		
	}
	#xy{
		width:100%;
		height:200px;
		background-image: linear-gradient(to bottom, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
		
	}
	
.image-slider1{
			display:none;
	}

.image-slider1 { 
    width: 66%;
    height: 180px;
    margin: auto;
}

/* ----------ESPECIAL LINK COM IMAGENS HORIZONTAIS */

.image-list {
    display: flex;
    align-items: center;
	width:60%;
	margin:auto;
	position:relative;
	top:10px;
}

.image-list li {
    display: inline-block;
}

.image-list a {
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 10px;
    overflow: hidden;
    border: 2px groove #fff;
    padding: 10px;
    transition: transform 0.3s ease-in-out; /* Transição suave para o efeito */
}

.image-list a:hover {
    transform: scale(1.1); /* Aumenta o tamanho da imagem em 10% */
	border:none;
}

.image-list img {
    width: 90%;
    height: 90%;
    object-fit: cover;
}


	/*----------------------------------------------------*/
	
	#corpo{ /*---- desktop*/
	position:relative;
	top:4px;
	width:66%;
	height:260px;
	padding:5px;
	margin:auto;
	
	}
	iframe{
		width:400px;
		height:223px;
		border:solid 4px #fff;
		box-shadow:#555 5px 5px 5px;
		margin-left:10px;
		
	}
	img.home{
		width:24px;
		position:relative;
		top:5px;
		left:-380px;
	}
	#bernardinho2{
		display:none;
	}
	#bernardinho{
	width:45%;
	height:300px;
	
	
	background-image:url('../img/bernardinho.png');
	background-repeat: no-repeat;
	background-size:100%,100%;
	background-position:left 50px;
	
	}
	#berna{
	width:50%;
	height:140px;
	border:solid 3px #f00;
	padding:10px;
	background-image: linear-gradient(to bottom, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
	
	font-family:Arial;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	float:right;
		
	position:relative;
	top:10px;
	border-radius:10px;
	box-shadow:#555 5px 5px 5px;
	}
	
	#corpoadm{ /*------ desktop-------------*/
	width:100%;
	min-height:100px;
	height:300px;
	background-color:#244b76;
	margin:auto;
	
	
	}
	
	a.sauda{
		
		width:100%;
		text-decoration:none;
		color:#000;
		font-family:Arial;
		text-align:center;
	}
	a.esqueci{
		display:block;
		width:100%;
		text-decoration:none;
		color:#fff;
		font-family:Arial;
		text-align:center;
	}
	
	a.kakax{/*mobile*/
	display:block;
	text-decoration:none;
	width:300px;
	height:50px;
	line-height:50px;
	text-align:center;
	border:solid 2px #DBA741;
	border-radius:5px;
	background-color:#DBA741;
	
	color:#fff;
	font-family:'Arial';
	font-weight:bold;
	font-size:18px;
	margin:auto;
	
	background-image:url('../img/whats.png');
	background-repeat: no-repeat;
	background-size:14%,14%;
	background-position:36px;
	
	position:relative;
	top:30px;
}

#conteudo{
	width:100%;
	min-height:400px;
	height:auto;
	
	background-color:#fff;
	
}

a.fechar{
		text-decoration:none;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#ff2255;
}

a.sair{
	display:block;
	margin:auto;
	width:200px;
	text-decoration:none;
	font-family:Arial;
	font-size:20px;
	text-align:center;
	color:#ff2255;
}
footer.m{
	display:none;
}
footer.d{
	
}
table.corretores {

  border-collapse: collapse;
  width: 50%;
  font-family:Arial;
  margin-bottom: 1rem;
  border:solid 1px #333;
  position:relative;
  top:20px;
  margin:auto;
}

td{
	border:solid 1px #222;
	text-align:center;
}

tr.corretores{
	background-color:#eee;
	color:#080808;
	border:solid 2px #000;
	height:30px;
	line-height:30px;
}
th{
	border:solid 1px #000;
}


p.cota{
	width:70%;
	margin:auto;
	font-family:Arial;
	font-size:18px;
	text-align:center;
	color:#fff;	
}

	
	#corpox{
	width:100%;
	min-height:100px;
	height:120px;
	margin:auto;
	}
	
	#corpoy{
	width:50%;
	min-height:100px;
	height:auto;
	margin:auto;
	background-color:#fff;
	padding:5px;
	border-radius:10px;
	}
	
	table.cand{
		border:solid 1px #000;
		width:100%;
		background-color:#333;
		border-radius:5px;
		padding:5px;
		font-family:Arial;
		font-size:16px;
		color:#fff;
	}
	
	tr.cand{
		border:solid 2px #333;
		background-color:#fff;
		color:#000;
		padding-left:10px;
		text-align:center;
	}
	
	
	#corpo2{
	width:100%;
	min-height:100px;
	height:300px;
	margin:auto;
	
	}
	
	#corpo4{
	width:100%;
	min-height:50px;
	height:50px;
	line-height:30px;
	
	margin:auto;
	color:#fff;
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	font-family:Arial;
	font-weight:bold;
	text-align:center;
	font-size:30px;
	padding-top:20px;	
	}
	#corpo3{
	display:none;
	
	}
	
	#faixa{
		width:100%;
		height:10px;
	}
	
	
	/*----- saudacação DESKTOP -------------------*/
	/*#toposaudacao{
		width:100%;
		height:130px;
	}*/
	#saudacao{
		/*position: fixed;
		top: 0;
		left: 0;
		z-index: 999; /* Garante que o topo ficará sobre outros elementos */
		
		width:100%;
		height:140px;
		line-height:240px;
		
		margin:auto;

		background-image: linear-gradient(to bottom,#39b549,#0a9446);
		
		text-align:center;
		
		font-family:Arial;
		font-weight:bold;
  
	}
	#ok{
		width:100%;
		height:30px;
		line-height:30px;
		
		margin:auto;
		border-top:solid 1px #e0b15d;
		background-color:#e0b15d;
		text-align:center;
		 
		position:relative;
		top:-2px;
		  
		  font-family:Arial;
		  font-weight:bold;
  
	}
	
	/*-------- FIM SAUDAÇÃO -------------*/

/*----------formulario ------------------*/
form.cota2{/* desktop*/
		width:50%;
		min-height:10px;
		height:auto;
		
		border:groove 2px #fff;
		border-radius:5px;
		margin:auto;
		padding:10px;
		
		background-color:#efefef;
		font-family:arial; 
		position:relative;
		top:0px;
		
	}
input.cota2{
		width:94%;
		height:30px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:5px;
		
		background-color:#fff;
		
	}
	
form.cota{/* ------------- desktop*/
		width:50%;
		min-height:200px;
		height:auto;
		
		border:groove 2px #fff;
		border-radius:5px;
		padding:10px;
		float:right;
		background-color:#efefef;
		font-family:arial; 
		font-size:14px;		
		position:relative;
		top:30px;
	}
	

	
	#pub{/* ------------- desktop*/
		width:52%;
		min-height:250px;
		height:auto;
		
		
		padding:1px;
		float:right;
	
		font-family:arial; 
		font-size:14px;		
		position:relative;
		top:10px;
		
	}
	
	input.cota{
		width:99%;
		height:16px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:2px;
		
		background-color:#fff;
		
	}
	
	select.cota{
		width:94%;
		height:30px;
		border:solid #244b76 1px;
		border-radius:5px;
		padding:5px;
		
		background-color:#fff;
		
	}
	
	input.btn2{
	display:block;
	
	width:99%;
	height:50px;
	
	line-height:50px;
	text-align:center;
	
	border-radius:20px;
	
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	
	
	color:#fff;
	font-family:'Arial';
	font-weight:bold;	
	font-size:20px;
	
	border:none;

}
#titulo2{/*----------mobile ----------*/
	width:100%;
	height:60px;
	line-height:60px;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	}
	
	
#titulo{/*----------desktop ----------*/
	width:100%;
	height:60px;
	line-height:60px;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	}

#querocota{/*----------desktop ----------*/
	width:100%;
	height:60px;
	line-height:60px;
	font-family:Arial;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	}
	
h1.cota2{
	
	width:100%;
	height:50px;
	line-height:50px;
	display:block;
	font-family:Arial;
	font-size:26px;
	text-align:center;
	color:#fff;
}

#agradecimento{
	width:100%;
	height:50px;
	line-height:20px;
	display:block;
	font-family:Arial;
	font-size:26px;
	text-align:center;
	color:#fff;
	
}

	#litros{
		width:100%;
		height:300px;
		background-color:#004f83;
		font-family:Arial;
		font-size:22px;
		text-align:center;
		color:#fff;
		background-image:url('../img/litros.jpg');
		background-size:30% 100%;
		background-position:center;
		background-repeat:no-repeat;
	}
	#obs{
		width:100%;
		height:40px;
		line-height:40px;
		font-family:Arial;
		font-size:22px;
		text-align:center;
		color:#004f83;
	}


/*-----------------------------fim formulario ---------------- DESKTOP*/


/*--------------------------------- LISTA DE BENEFICIOS ---------------*/
#listatop{
	width:68%;
	height:auto;
	margin:auto;
	
}

#listatop2{
	width:64%;
	height:auto;
	background-color:#fff;	
	margin:auto;
	border-radius:10px;
}


.lista {
  list-style: none;
  margin: 0px;
  padding: 20px;
  padding-left:20px;
  font-family:Arial;
  color:#244b76;
  border-radius:10px;
  
}

.lista li {
  min-height: 50px;
  height:80px;
  margin-bottom: 10px;
  position: relative;
  border:groove 2px #fff;
  background-color:#fff;
  border-radius:10px;
  padding:5px;
}

.item {
  display: flex;
  align-items: center;
  height: 100%;
}

.item img {
  position: absolute;
  left: 0;
  top: 0;
  width: 5%;
  height: auto; /* adicione essa linha para definir a altura da imagem */
  border-radius: 5px;
  padding-top:10px;
}

.conteudo {
  flex: 1;
  padding-left:14%;
  padding-top:10px;
  height: 100%; /* adicione essa linha para definir a altura do conteúdo */
}

.conteudo h3 {
  margin: 0;
  font-size: 18px;
    color:#006400;
	}

.conteudo p {
  margin: 5px 0 0;
  font-size:16px;
    color:#000;
}


/*------ LISTA 2 DESKTOP-----------*/

.lista2 {
  list-style: none;
  margin: 0px;
  padding: 20px;
  padding-left:20px;
  font-family:Arial;
  color:#244b76;
}

.lista2 li {
  min-height:80px;
  height:80px;
  margin-bottom: 10px;
  position: relative;
  border-bottom:dotted 2px #aaa;
  background-color:#fff;
  
  padding:10px;
}

.item2 {
  display: flex;
  align-items: center;
  height: 100%;
}

.item2 img {
  position: absolute;
  left: 40px;
  top: 20px;
  width: 3%;
  height: auto; /* adicione essa linha para definir a altura da imagem */
  border-radius: 5px;
  padding-top:10px;
}

.conteudo2 {
  flex: 1;
  padding-left:14%;
  padding-top:10px;
  height: 100%; /* adicione essa linha para definir a altura do conteúdo */
}

.conteudo2 h3 {
  margin: 0;
  font-size: 20px;
}

.conteudo2 p {
  margin: 5px 0 0;
  font-size:20px;
  
}


/*--------------------------- FIM LISTA DESKTOP*/


/*------ link QUERO -*/

a.quero{
	width:64%;
	height:70px;
	line-height:70px;
	display:block;
	border-radius:20px;
	margin:auto;
	
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:22px;
	
}
#link{
	width:90%;
	height:34px;
	display:block;
	
	position:relative;
	top:5px;
}
a.euquero{ /*---------- DESKTOP---------------*/
	width:70%;
	height:30px;
	line-height:30px;
	display:block;
	border-radius:10px;
	border:solid 4px #ccc;
	margin:auto;
	background-image: linear-gradient(to top, #008000, #006400);
	color:#fff;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:18px;
}

a.querofinal{ /*---------- DESKTOP---------------*/
	width:70%;
	height:70px;
	line-height:70px;
	display:block;
	border-radius:20px;
	
	margin:auto;
	background-image: linear-gradient(to top, #eee, #aaa);
	
	color:#244b76;
	text-decoration:none;
	text-align:center;
	font-family:Arial;
	font-size:22px;
	
}


h1.cota{
	width:80%;
	height:50px;
	line-height:20px;
	display:block;
	
	margin:auto;
	color:#244b76;
}
/*--------------------*/



/*---------------- videos ------------------------------------*/

#corpoprod4{
	width:100%;
	min-height:290px;
	height:auto;

}

#corpoprodconteudo2{
	width:60%;
	min-height:290px;
	height:auto;
	margin:auto;
	background: transparent;	
	
	
	//*border-top:solid 10px #8d52ea;
	border-bottom:solid 10px #8d52ea;
	*/
}

/*-------- llista videos DEPOIMENTOS DESKTOP ---- */
.videos {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.videos ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex; /* Utilizando Flexbox para alinhar os vídeos */
  flex-wrap: wrap; /* Quebra de linha automática caso não caibam em uma linha */
}

.videos li {
  flex: 0 0 50%; /* Cada vídeo ocupa metade da largura disponível */
  margin-bottom: 1rem;
}

.videos video {
  display: block;
  width: 100%;
  height: auto;
}


p.info3{
	width:100%;
	height:30px;
	text-align:center;
	color:#080808;
	font-weight:bolder;
	font-family:Arial;
}


video.blz{
	width:50%;
	height:auto;
	
	display:block;
	margin:auto;
	border:solid 4px #fff;
	box-shadow:0px 0px 5px #333;
	
}


#final{
	width:100%;
	height:300px;
	background-color:;
	
	background-image: linear-gradient(to top, #008000, #006400);
	background-color:#006400;
	
	color:#fff;
	text-align:center;
	font-family:Arial;
	font-size:30px;
	border-bottom:solid 110px #fff;
	padding:10px;
}

p.final{
	font-size:40px;
	font-weight:bold;
	
}
p.final2{
	font-size:20px;
	position:relative;
	top:-30px;
}

textarea.vendedor{
	width:99%;
	height:40px;
	margin:auto;
	border-radius:10px;
	padding:5px;
	border:solid 1px #244b76;
	background-color:#fff;
	color:#244b76;
	font-family:Arial;
	font-size:16px;
}


footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px;
  background-image: linear-gradient(to top, #C0C0C0, #E0E0E0, #C0C0C0,#C0C0C0,#E0E0E0);	
  background-size: cover;
  border-top:solid 10px #006400;
}


	


/*------------------------------------------------------------*/
/*-------------------- LIMITE --------------------------------*/
}