/* extraido de css/style.css (Fase 3) - tema: especifico da pagina sobre-empresa. Carregado nas mesmas 18 paginas que ja carregavam style.css. */
@media screen and (min-width:800px) {
	#bannerslat.sobreempresa {
		width: 70%;
	}
}

.tituloh1~.montadedosecuritu {
	/*padding: 0 16px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	border-radius: 18px;
	width: fit-content;
	background: #f2f2f2;
	align-items: center;
	display: inline-flex;*/
	display: inline-block;
	padding: 0 16px;
	height: 36px;
	font-size: 14px;
	line-height: 36px;
	border-radius: 18px;
	width: fit-content;
	background: #f2f2f2;
	margin-left: 10px;
	border: 0;
	cursor: pointer;
}

@media screen and (min-width:10px) and (max-width:320px) {
	.sobreEmpresas #divconteudoleft {
		margin-top: 75px;
	}

	.sobreEmpresas .desce-conteudo {
		margin-top: 120px !important;
	}
}

@media screen and (min-width:321px) and (max-width:640px) {
	.sobreEmpresas #divconteudoright {
		position: relative;
		/*height: 550px;*/
		margin-left: 0px;
		width: 100%;
		top: 15px;
	}

	#bannerslatbaixoest.sobreempresa {
		max-width: 95% !important;
		overflow: hidden;
		margin-right: auto;
		margin-left: auto;
	}
}

@media screen and (min-width:641px) and (max-width:768px) {
	.sobreEmpresas #divconteudoright {
		position: relative;
		/*height: 550px;*/
		margin-left: 0px;
		width: 100%;
		top: 15px;
	}
}

@media screen and (min-width:769px) and (max-width:1000px) {
	.sobreEmpresas #divconteudoleft {
		margin-top: 120px;
	}
}

@media screen and (min-width:800px) {
	.tudo-sobre #divconteudo {
		position: relative;
	}
}

@media screen and (min-width: 800px) {
	#bannerslat.sobreempresa {
		width: 70%;
	}

	body.listaEmpresas #bannerslat.sobreempresa {
		margin: 0 auto;
	}

	.tudo-sobre #bannerslat {
		margin-top: 0;
	}
}

@media screen and (max-width: 700px) {
	body.sobreEmpresas .menorque3{
		display: grid;
        gap: 5px;
        grid-template-columns: repeat(3, 33%);
        grid-template-areas:
        "botao1 botao2 botao3"
        "clearfix clearfix clearfix";
        width: calc(100% - 5px);
        box-sizing: border-box;
	}

	.sobreEmpresas #divconteudo a[target="_blank"]:not([class],[id], :has(img)){
		width: calc(100% - 40px);
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
	}
}

@media screen and (min-device-width: 1024px) {
	body.sobreEmpresas #divconteudoleft, #divlatitude, #bannerslat.sobreempresa, .outrosproxlista {
		width: 100%;
	}
}