@charset "iso-8859-1";
@import url('https://www.redbit.com.br/css/fontes/icomoon/icomoon.css');
@import url('https://www.redbit.com.br/css/fontes/fontawesome/fontawesome.css');
@import url('https://www.redbit.com.br/scripts/animate/css/animate.css');
/* ------- IFRAME ------- */
#IframeForm, #IframeMapa{
	max-width:600px !important;
	width: 100%;
	min-width: 300px;
	overflow: hidden
}
@media (max-width: 600px){
	#IframeForm, #IframeMapa{
	width: 100%	!important;;	
	}	
}
.border-collapse-separate	{border-collapse:separate !important;}
.border-radius-5				{border-radius:5px !important;}
.border-radius-10			{border-radius:10px !important;}
.box-shadow				{box-shadow:2px 2px 5px 1px rgba(0, 0, 0, 0.42) !important;}
.color-red					{color:red !important;}
.color-blue					{color:blue !important;}
.color-gold					{color:gold !important;}
.display-block				{display:block !important;}
.display-inline-block			{display:inline-block !important;}
.display-table				{display:table !important;}
.display-table-cell			{display: table-cell !important;}
.display-table-column		{display:table-column !important;}
.float-left					{float:left !important;}
.float-right					{float:right !important;}
.font-weight-bold			{font-weight:bold !important;}
.imagem-thumbnail			{max-width: 100%; width:40%; height: auto !important;}	
.table-layout-fixed			{table-layout: fixed !important;}
.text-align-center			{text-align:center !important; margin:5px auto !important;}
.text-align-left				{text-align:left !important;}
.text-align-right				{text-align:right !important;}
.text-align-justify			{text-align:justify !important;}

.text-transform-uppercase	{text-transform:uppercase !important;}
.vertical-align-middle			{vertical-align:middle !important;}
.hidden						{visibility: hidden !important;}
.none						{display: none !important;}
.visuallyhidden{
	border: 0;
	cip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.imagem-a-direita		{float:right!important;margin:5px 0px 10px 20px!important;max-width:100%!important;height:auto!important;}
.imagem-a-esquerda		{float:left!important;margin:5px 20px 10px 0px!important;max-width:100%!important;height:auto!important}
.imagem-full				{width: 100%;height: auto;padding:0;margin:0}

.div-tabela			{display:table; width: 99%;}
.div-celula			{display:table-cell;width:50%;min-height:150px;height:auto;vertical-align: top;}

@media (max-width: 600px){
	.imagem-a-direita, .imagem-a-esquerda{
	/*min-width: 230px !important; */
	height: auto !important;	
	width: 100% !important; 
	margin:10px auto !important;
	max-width:100% !important;
	}	
}
.image-resize-10		{min-width: 270px; height: auto;	width: 10%;}
.image-resize-15		{min-width: 270px; height: auto;	width: 15%;}
.image-resize-20		{min-width: 270px; height: auto;	width: 20%;}
.image-resize-25		{min-width: 270px; height: auto;	width: 25%;}
.image-resize-30		{min-width: 270px; height: auto;	width: 30%;}
.image-resize-35		{min-width: 270px; height: auto;	width: 35%;}
.image-resize-40		{min-width: 270px; height: auto;	width: 40%;}
.image-resize-45		{min-width: 270px; height: auto;	width: 45%;}
.image-resize-50		{min-width: 270px; height: auto;	width: 50%;}
.image-resize-55		{min-width: 270px; height: auto;	width: 55%;}
.image-resize-60		{min-width: 270px; height: auto;	width: 60%;}
.image-resize-65		{min-width: 270px; height: auto;	width: 65%;}
.image-resize-70		{min-width: 270px; height: auto;	width: 70%;}
.image-resize-75		{min-width: 270px; height: auto;	width: 75%;}
.image-resize-80		{min-width: 270px; height: auto;	width: 80%;}
.image-resize-85		{min-width: 270px; height: auto;	width: 85%;}
.image-resize-90		{min-width: 270px; height: auto;	width: 90%;}
.image-resize-95		{min-width: 270px; height: auto;	width: 95%;}
.image-resize-100	{min-width: 270px; height: auto;	width: 100%;}


.margin-padding-0	{margin: 0;padding:0}
.margin-0-10		{margin: 0 10px;}
.margin-10-10		{margin: 10px 10px;}
.margin-0-20		{margin: 0 20px;}
.margin-20-10		{margin: 20px 20px;}

.imagem-mapa		{width:100%;height:auto;}


@media only screen and (max-width: 1200px) {
	.imagem-responsiva		{min-width: 250px !important; height: auto !important;width: 100% !important;margin:10px auto !important;}
	.div-tabela			{display:table; width: 100%;}
	.div-celula			{display:block;width:100%;}
}
.show-animation {
	opacity:0;
}

.hide-animation {
	opacity:1;
}
/* ------- VIEWPORT-ANIMATED ------- */
.invisivel{
	opacity: 0;
}
.visivel{
	opacity: 1;
}
/* ------- BOTÕES ------- */
.adm_button {
	font: 18px/35px 'Squada One', cursive;
	color:#333;
	background-color:#ededed;
	width: auto;
	border: 1px #b9b9b9 solid;
	padding: 0px 10px;
	margin: 0 10px 0 0;
	cursor: pointer;
	border-radius: 3px;
	box-shadow:1px 1px 1px 0px rgba(174, 174, 174, 1);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	display:inline-block;
	text-shadow:1px 1px 0px #ffffff;
	/* box-shadow: 2px 2px 2px #AFAEAE; */
}
.adm_button:hover {
	box-shadow:0px 1px 2px 2px #FFF inset;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(1, #dfdfdf), color-stop(0.05, #ededed));
}
.botao-f1kart{
	color: #fff !Important;
	font: 16px 'Oswald', cursive;
	text-transform:uppercase;
	font-style:italic;
	color: #fff;
	width: auto;
	height: auto;
	padding: 10px 20px;
	cursor: pointer;
	background:url('https://www.redbit.com.br/imagens/botoes/fundo_botao-veja-mais.jpg') center bottom repeat-x;
	/*float: left;*/
	margin: 0px 30px 10px 0px;
	text-decoration: none;
}
.botao-f1kart:hover{
	color:#970B0E !Important;
	transition:transition: all 0.5s ease;
}
.form_button{
	/* display: inline-block; */
	font: 15px/25px Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	color: #333;
	background-color: #ededed;
	width: auto;
	height: auto;
	border: 1px #b9b9b9 solid;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	text-shadow: 1px 1px 0px #ffffff;
	margin: 0px;
	text-decoration: none;
}
.form_button:hover{
	color: #000000;
	text-decoration: none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
	box-shadow: 2px 2px 2px #afaeae57;
}	
.botao,.botao-amarelo, .botao-azul, .botao-cinza, .botao-laranja, .botao-verde, .botao-vermelho{
	display:block;
	line-height: 150%;
	width: fit-content;
	background-image: -webkit-linear-gradient(top, #ededed, #dfdfdf);
	background-image: -moz-linear-gradient(top, #ededed, #dfdfdf);
	background-image: -ms-linear-gradient(top, #ededed, #dfdfdf);
	background-image: -o-linear-gradient(top, #ededed, #dfdfdf);
	background-image: linear-gradient(to bottom, #ededed, #dfdfdf);
	border-radius: 4px;
	font-family: 'Poppins',Arial;
	color: #ffffff;
	font-size: 14px;
	padding: 5px 15px 5px 15px;
	text-decoration: none;
	cursor: pointer;
}
.botao-amarelo{
	background: #fbdf0d;
	background-image: linear-gradient(to bottom, #fbdf0d, #fbdf0d);
}
.botao-amarelo:hover{
	background: #ffd600;
	background-image: linear-gradient(to bottom, #ffd600, #f9e552);
	text-decoration: none;
	color:#ffffff;
}
.botao-azul{
	background: #2196F3;
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
}
.botao-azul:hover{
	background: #0b7dda;
	background-image: linear-gradient(to bottom, #0b7dda, #2196F3);
	text-decoration: none;
	color:#ffffff;
}
.botao-cinza{
	color:#333333;
	background: #e4e4e4;
	background-image: linear-gradient(to bottom, #e4e4e4, #e4e4e4);
}
.botao-cinza:hover{
	background: #b7b7b7;
	background-image: linear-gradient(to bottom, #b7b7b7, #e4e4e4);
	text-decoration: none;
	color:#ffffff;
}
.botao-laranja{
	background: #ff9800;
	background-image: linear-gradient(to bottom, #ff9800, #ff9800);
}
.botao-laranja:hover{
	background: #f39100;
	background-image: linear-gradient(to bottom, #f39100, #ff9800);
	text-decoration: none;
	color:#ffffff;
}
.botao-verde{
	background: #107c10;
	background-image: linear-gradient(to bottom, #107c10, #107c10);
}
.botao-verde:hover{
	background: #008000;
	background-image: linear-gradient(to bottom, #008000, #00a800);
	text-decoration: none;
	color:#ffffff;
}
.botao-vermelho{
	background: #d63226;
	background-image: linear-gradient(to bottom, #d63226, #d63226);
}
.botao-vermelho:hover{
	background: #ff1100;
	background-image: linear-gradient(to bottom, #ff1100, #d63226);
	text-decoration: none;
	color:#ffffff;
}
/* ------- BOTÕES BOX DETALHES ------- */
.blockquote-azul{
	display: block;
	position: relative;
	line-height: 24px;
	font-size: 16px;
	color: #fff;
	background: linear-gradient(90deg, #007BBD 4.02%, #0094E3 100%);
	padding: 2rem 3rem;
	border-radius: 10px;
	border-left: 2px solid var(--main-dark);
	text-decoration: none;
	font-weight: 500;
	width: fit-content;
	margin: 10px auto;
}
.blockquote-azul i{
	font-size: 40px;
	position: absolute;
	top: 23px;
	left: 25px;
	font-weight: lighter;
}	
@media (min-width: 992px) {
	.blockquote-azul {
		padding-left: calc(4rem + 50px);
	}
}

/* ------- REDBIT BOTÕES ------- */
.rb-botao {
	background-color: #e7e7e7; /* Cinza */
	border: none;
	color: #000;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:50px;
	line-height:50px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.rb-botao:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.rb-botao:active {
	position:relative;
	top:1px;
}
.rb-botao-azul	{background-color: #008CBA; color: #fff;} /* Blue */
.rb-botao-vermelho	{background-color: #f44336; color: #fff;} /* Red */ 
.rb-botao-verde	{background-color: #4CAF50; color: #fff;} /* Verde */ 
.rb-botao-preto	{background-color: #555555; color: #fff;} /* Black */

/* ------- FONTES ------- */
.fonte12{
	font-size:12px;
}
/* ------- POPUP MODAL ------- */
#popup_modal {
	display: none;
	z-index: 10002;
	position: absolute;
	padding: 1px;
	border: 1px solid #808080;
	border-radius: 5px;
	position: fixed;
	z-index: 10000000;
	max-width: 800px;
	width:90%;
	height: auto;
	left: 42%;
	top: -900px;
	margin: 0px auto 0px auto;
	cursor: pointer;
	/*background: url("../imagens/popup/popup.jpg") center top no-repeat;*/
	background-color: #ffffff;
	box-shadow: 2px 2px 5px 0px #999;
}
#popup_modal_fechar{
	z-index: 10001;
	position: absolute;
	border: 1px solid #808080;
	bottom: 10px;
	right: 10px;
	cursor: pointer;
	padding: 5px;
}
#popup_modal_fechar:before{
	font-family: verdana;
	font-size: 16px;
	content: "X";	
}
#popup_modal_link{
	z-index: 10001;
	position: absolute;
	top:0;
	width:100%;
	height: 100%;
	cursor: pointer;
}
#popup_modal img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
}
/* ------- TABS ------- */	
#tabs {
	min-width: 220px;
	max-width: 96%;
	padding: 5px;
	margin: 0 auto;
	background: #fff;
	min-height: 300px;
}
.tab-prod {
	display: none;
	padding: 20px 0 0;
	border-top: 1px solid #ddd;
}
.tab-input {
	display: none;
}
.tab-label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #bbb;
	border: 1px solid transparent;
}
.tab-label:before {
	font-family: 'IcoMoon-Free' !important;
	font-weight: normal;
	margin-right: 10px;
}
.tab-label[for*='1']:before { content: '\e926'; }
.tab-label[for*='2']:before { content: '\e92d'; }
.tab-label[for*='3']:before { content: '\e925'; }
.tab-label[for*='4']:before { content: '\e924'; }

.tab-label:hover {
	color: #888;
	cursor: pointer;
}
.tab-input:checked + label {
	color: #555;
	border: 1px solid #ddd;
	border-top: 2px solid #777777;
	border-bottom: 1px solid #fff;
}
#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
	display: block;
}
@media screen and (max-width: 350px) {
	.tab-label {
	font-size: 0;
	}
	.tab-label:before {
	margin: 0;
	font-size: 18px;
	}
}
@media screen and (max-width: 400px) {
	.tab-label {
	padding: 15px;
	}
}
/* Parallax */
#rbParallax{
	padding:50px 0;
	margin: 0 auto;
	width: 100%;
	position: relative;
	min-height: 150px;
	background-position: 50% 0;
	background-repeat: repeat-y;
	background-attachment: fixed;
}
.rbParallax{
	display:table;
	width: 70%;
	margin: 0 auto;
	background-color:rgba(255, 255, 255, 0.87);
	border-radius: 30px;
}
#rbParallax .rbParallax p, #rbParallax .rbParallax h1{
	margin:20px 2px 10px 10px;
}
#rbParallax .rbParallax h1{
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
	color:#404b52;
}
#rbParallax .rbParallax p{
	line-height: 16px;
	font-size: 11pt;
	margin-top: 0;
	font-style: italic;
}
.rbParallax #rbParallax p span{
	color:#dc6226;
}
.rbParallax #rbParallax p a{
	color: #fff;
	text-decoration: none;
	font-size: 30px;
}
.rbParallax .divphoto{
	display:table-cell;
	width: 150px;
	min-width:140px;
	height:100%;
}
.rbParallax .photo{
	display:table;
	width: 120px;
	height:auto;
	border-radius: 100px;
	margin:20px auto;
}
.rbParallax .divtexto{
	display:table-cell;
	height:100%;
	vertical-align: top;
}
.rbAspaParallax{
	font-size:13pt;
	font-weight:bold;
	color:#a7a7a7 !important;
}
/* ------- Tabela Responsiva -----------------*/
.tabela-responsiva{
	width: 90%;
	border-collapse: collapse;
	border: 1px solid #eaeaea;
}
/* Zebra striping */
.tabela-responsiva tr:nth-of-type(odd) { 
	background: #f5f5f5; 
}
.tabela-responsiva th {
	background: #f0f8ff;
	color: #000000;
	font-weight: bold;
}
.tabela-responsiva td, .tabela-responsiva th {
	padding: 6px;
	border: 1px solid #ffffff;
	text-align: left;
}
@media (max-width: 900px){
/*@media only screen and (max-width: 900px), (min-device-width: 768px) and (max-device-width: 900px){*/
	/* Force table to not be like tables anymore */
	.tabela-responsiva table, .tabela-responsiva thead, .tabela-responsiva tbody, .tabela-responsiva th, .tabela-responsiva td, .tabela-responsiva tr{
	display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.tabela-responsiva thead tr{
	position: absolute;
	top: -9999px;
	left: -9999px;
	height: 40px; 
	background-color: #f0f8ff;
	text-align:center;
	}
	.tabela-responsiva tr{
	/*border: 1px solid #ccc;*/
	}
	.tabela-responsiva td{
	/* Behave	like a "row" */
	border: none;
	border-bottom: 1px solid #eee;
	position: relative;
	padding-left: 130px;
	font-size:10pt;
	}
	.tabela-responsiva td:before {
	/* Now like a table header */
	position: absolute; /* Top/left values mimic padding */;
	top: 6px;
	left: 6px;
	width: 45%;
	padding-right: 10px;
	white-space: nowrap;
	}
	/* Label the data CONTROLE DE CUSTOS E AUDITORIA DE OBRAS */
	.tabela-ccao{border-collapse: collapse; max-width: 700px; border: 1ps solid #ccc; margin: 10px auto;}
	.tabela-ccao td:nth-of-type(1):before {font-weight:bold; content: "Obra/Contratante";}
	.tabela-ccao td:nth-of-type(2):before {font-weight:bold; content: "Local";}
	.tabela-ccao td:nth-of-type(3):before {font-weight:bold; content: "País";}
	.tabela-ccao td:nth-of-type(4):before {font-weight:bold; content: "Acesso";}
	/* ORÇAMENTOS */
	.tabela-orc{border-collapse: collapse; max-width: 520px; border: 1ps solid #ccc; margin: 10px auto;}
	.tabela-orc td:nth-of-type(1):before {font-weight:bold; content: "Empresa";}
	.tabela-orc td:nth-of-type(2):before {font-weight:bold; content: "Local";}
	.tabela-orc td:nth-of-type(3):before {font-weight:bold; content: "País";}

	/* SERVIÇOS PRESTADOS */
	.tabela-ser td:nth-of-type(1):before {font-weight:bold; content: "Empresa";}
	.tabela-ser td:nth-of-type(2):before {font-weight:bold; content: "Cidade";}
	.tabela-ser td:nth-of-type(3):before {font-weight:bold; content: "País";}
}
/* ------- Form Arquivo Download -----------------*/
#DivArquivo{
	
}
.FormArquivo{
	text-align:center;
}
#DivArquivo p{
	line-height: 12px;
	font-size: 14px;
}
.InputArquivo{
	border: 1px solid #999999;
	border-radius: 3px;
	height: 30px;
}
.ButtonArquivo{
	font: 15px/25px Roboto, 'Helvetica Neue', Helvetica, 'Open Sans', sans-serif;
	color: #333;
	background-color: #ededed;
	width: auto;
	height: auto;
	border: 1px #b9b9b9 solid;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
	border-radius: 3px;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	text-shadow: 1px 1px 0px #ffffff;
	margin: 0px;
	text-decoration: none;	
}
.ButtonArquivo:hover{
	color: #000000;
	text-decoration: none;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #dfdfdf) );
	box-shadow: 2px 2px 2px #afaeae57;
}
#download-arquivo{
	display: block;
	border-radius: 12px;
	padding: 10px;
	border: 1px solid #dcdcdc;
	margin: 20px auto;
	background-color: aliceblue;
	width: fit-content;
}
#download-arquivo p {
	font-size:14px;
	margin:10px 10px 0 20px;
}

#download-arquivo input[type=text]{
	max-width: 95%;
	height: 30px;
	margin: 0 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	width: 55%;
}
.form-download-arquivo{
}
.icon-adobe{
	float:right;
}
#download-arquivo .red{
	color:#900000;
}
/* ------- Blocos Responsivos de Alturas Iguais -----------------*/
.list {
	overflow: hidden;
	list-style: none;
	margin:0;
	padding:0;
	background-color: #ffffff;
	padding: 0 10px;
}
.list figure{
	margin:0;
}
.list img{
	margin:0;
	width:100%
}
.list__item {
	width: 25%;
	float: left;
	padding: 0px;
	list-style: none;
	margin: 0;
}
html.no-js .list__item {
	width: 100%;
	float: none;
}
.list__item__inner {
	color: #474d51;
	background-color: #f5f5f5;
	margin:10px;
	padding:10px;
}
.list__item__inner figcaption, .list__item__inner p, .list__item__inner h1, .list__item__inner h2, .list__item__inner h3, .list__item__inner h4, .list__item__inner h5, .list__item__inner h6 {
	padding: 0;
	margin: 10px;
}
@media screen and (max-width: 1200px){
	.list__item {
	width: 33.333%;
	}
}
@media screen and (max-width: 700px){
	.list__item {
	width: 50%;
	}
}
@media screen and (max-width: 400px){
	.list__item {
	width: 100%;
	float: none;
	}
}
/* ------- Blocos Responsivos de Alturas Iguais - Largura de 3 blocos no máximo-----------------*/
.list3 {
	overflow: hidden;
	list-style: none;
	margin:0;
	padding:0;
	background-color: #ffffff;
	padding: 0 10px;
	width:98%;
}
.list3 p{
	margin:10px !important;
	text-align: left !important;
}
.list3 figure{
	margin:0;
}
.list3 img{
	margin:0;
	width:100%
}
.list__item {
	width: 33%;
	float: left;
	padding: 0px;
	list-style: none;
	margin: 0;
}
html.no-js .list__item {
	width: 100%;
	float: none;
}
.list__item__inner {
	color: #474d51;
	background-color: #f5f5f5;
	margin:10px;
	padding:10px;
}
.list__item__inner figcaption, .list__item__inner p, .list__item__inner h1, .list__item__inner h2, .list__item__inner h3, .list__item__inner h4, .list__item__inner h5, .list__item__inner h6 {
	padding: 0;
	margin: 10px;
}
@media screen and (max-width: 1200px){
	.list__item {
	width: 33.333%;
	}
}
@media screen and (max-width: 700px){
	.list__item {
	width: 50%;
	}
}
@media screen and (max-width: 530px){
	.list__item {
	width: 100%;
	float: none;
	}
}
/*.list3{
	margin:0 auto;
	padding:0 !important;
}
.list3_item .list__item__inner{
	text-align:center;
	background-color: #fff!important;
}
.list3_item img{
	max-height:150px;
	width:auto;
	margin: 0 auto;
}
.list3_item {
	width: 33.333%;
	float: left;
	padding: 0px;
	list-style: none;
	margin: 0;
}
@media screen and (max-width: 1200px){
	.list3_item {
	width: 50%;
	}
}
@media screen and (max-width: 700px){
	.list3_item {
	width: 100%;
	float: none;
	}
	.list3_item .list__item__inner{	
	margin:0;
	padding:0;
	}	
}
*/
/* ------- BOX FANCYBOX ------- */
.box-fancybox{
	float:left;
	width:22%;
	margin:10px;
	min-height: 170px;
}
.box-fancybox .show-animation{
	/*opacity:0;*/
}	
@media only screen and (max-width: 1000px) {
	.box-fancybox{
	width: 45%
	}	
}
@media only screen and (max-width: 720px) {
	.box-fancybox{
	width: 93%
	}	
}
.box-foto{
	border: 4px double #dfdfdf;
	margin: 0px;
	width:99%;
	max-width:100%;
	height:auto;
}
.box-info h3{
	margin:10px 0 0 0;
}
.box-info p{
	margin:0 0 10px 0;
}
/* ------- LISTA - Alturas Iguais ------- */
.lista-alturas-iguais {
	display: grid;
	overflow: hidden;
	grid-template-columns: repeat(4, auto);
	/*grid-template-columns: auto auto auto auto;*/
	grid-auto-rows: auto;
	grid-column-gap: 5px;
	grid-row-gap: 5px;
	/*max-width: 500px;*/
	margin:10px 20px 10px 20px;
}
.lista-alturas-iguais-item {
	background-color: #f1f1f1;
	display: flex;
	padding: 0;
	margin:0;
}
.lista-alturas-iguais-content {
	width: 100%;
}

.lista-alturas-iguais img{
	width:100%;
}
@media only screen and (max-width: 900px) {
	.lista-alturas-iguais {
	grid-template-columns: repeat(3, auto);
	}	
}
@media only screen and (max-width: 700px) {
	.lista-alturas-iguais {
	grid-template-columns: repeat(2, auto);
	}	
}
@media only screen and (max-width: 510px) {
	.lista-alturas-iguais {
	grid-template-columns: repeat(1, auto);
	}	
}
/* -------- responsivetb ---------------------*/
table.responsivetb {
	border: 1px solid #ccc;
	border-collapse: separate;
	margin: 0;
	padding: 0;
	width: 99%;
	table-layout: fixed;
	margin: 5px auto;
}
table.responsivetb caption {
	font-size: 1.5em;
	margin: .5em 0 .75em;
}

table.responsivetb tr {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35em;
}
table.responsivetb th, table.responsivetb td {
	padding: .625em;
	text-align: center;
	font-size:1.2em;
}
table.responsivetb th {
	font-size: 1.2em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
@media screen and (max-width: 800px) {
	table.responsivetb {
	width: 95%;
	border: 0;
	}

	table.responsivetb caption {
	font-size: 1.3em;
	}
	
	table.responsivetb thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	}
	
	table.responsivetb tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625em;
	}
	
	table.responsivetb td {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: 1.0em;
	text-align: right;
	}
	
	table.responsivetb td::before {
	/*
	* aria-label has no advantage, it won't be read inside a table
	content: attr(aria-label);
	*/
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	}
	
	table.responsivetb td:last-child {
	border-bottom: 0;
	}
}
.tabela-padrao{
	border-collapse: collapse;
	border: 0px solid #C0C0C0;
}
.tabela-padrao th, .tabela-padrao thead td{
	background-color: #E5E5E5;
	background-image:url('../imagens/webparts/fundos/celula-amarela.png');
	background-repeat:repeat;
	background-position:center top;
}
.tabela-padrao tr:nth-child(odd){
	background-color:#ccffcc;
	background-image:url('../imagens/webparts/fundos/celula-verde.png');
	background-repeat:repeat;
	background-position:center top;
}
.tabela-padrao tr:nth-child(even){
	background-color:#fff;
	background-image:url('../imagens/webparts/fundos/celula-verde.png');
	background-repeat:repeat;
	background-position:center top;
}
@media screen and (max-width: 800px) {
	.tabela-padrao td:nth-of-type(1){
		background-image:url('../imagens/webparts/fundos/celula-amarela.png');
		background-repeat:repeat;
		background-position:center top;
	}
	.tabela-padrao td:nth-of-type(1):before {font-weight:bold; content: "Horário";}
	.tabela-padrao td:nth-of-type(2):before {font-weight:bold; content: "Segunda-feira";}
	.tabela-padrao td:nth-of-type(3):before {font-weight:bold; content: "Terça-feira";}
	.tabela-padrao td:nth-of-type(4):before {font-weight:bold; content: "Quarta-feira";}
	.tabela-padrao td:nth-of-type(5):before {font-weight:bold; content: "Quinta-feira";}
	.tabela-padrao td:nth-of-type(6):before {font-weight:bold; content: "Sexta-feira";}
	.tabela-padrao td:nth-of-type(7):before {font-weight:bold; content: "Sábado";}
	.tabela-padrao td:nth-of-type(8):before {font-weight:bold; content: "Domingo";}
}

.youtube{
	max-width:100%;
	max-height:100%;
}
#900x600{
	float: none !Important;
	width: 900px !Important;
	height: 600px !Important;
	margin: 10px !Important;
}
#Youtube{
	/*width: 50% !important;*/
	min-width: 275px;
	/*height: auto !important;*/
}
@media screen and (max-width: 900px){
	#Youtube, #900x600{
	float: none !Important;
	width: 100% !Important;
	margin: 0px !Important;
	}
}
@media screen and (min-width: 900px){
	#Youtube, #900x600{
	float: none !Important;
	width:100%;
		max-width: 1160px !Important;
		margin: 0px !Important;
	 }
}
#Youtube50{
	max-width:50%;
	max-height:50%;
}
#Youtube100 {
	margin: 0px !Important;
	float: none !Important;
	width:100%;
	height:auto;
	max-width: 100% !important;
	min-width: 300px;
	max-height:100% !important;
	min-height:200px;
}
#divshare{
	margin: 10px 20px;
}
#divshare p{
	font-size: 11px;
	margin:0
}
.buttonshare{
	display:inline-block;
	margin: 2px 2px 2px 0;
}
.buttonshare i{
	margin-right: 6px;
}
.buttonshare a:hover{
	color:#000;
}
.linkedin-share-button{
	background:#0077b5;
	color:#fff;
	border-radius: 3px;
	font-family:	"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;;
	font-size: 11px;
	height: 20px;
	padding: 2px 5px 3px 5px;	
}
.facebook-share-button{
	background:#1877f2;
	color:#fff;
	border-radius: 3px;
	font-family:	"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;;
	font-size: 11px;
	height: 20px;
	padding: 2px 5px 3px 5px;	
}
.mail-share-button{
	background:#666666;
	color:#fff;
	border-radius: 3px;
	font-family:	"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;;
	font-size: 11px;
	height: 20px;
	padding: 2px 5px 3px 5px;	
}
.whatsapp-share-btt{
	background:#57ba63;
	color:#fff;
	border-radius: 3px;
	font-family:	"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;;
	font-size: 11px;
	height: 20px;
	padding: 2px 5px 3px 5px;	
}
.lgpd-modal-content {
	background-color: #fefefe;
	padding: 10px 10px 5px 10px;
	border: 1px rgba(112, 112, 112, 0.25) solid;
	border-radius: 5px;
	max-width: 1170px;
	width: 95%;
	position: fixed;
	bottom: 20px;
	margin: 0 auto;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
	z-index: 999999999;
	left: 50%;
	transform: translate(-50%, 0);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.lgpd-info-img {
	width: auto;
	height: auto;
	margin: 0 15px 11px 22px;
	float:left;
	max-width: 72px;
}
.lgpd-info-content {
	margin: 10px 0;
	width: 100%;
}
h3.lgpd-title {
	color: rgb(37, 117, 232);
	font-size: 15px;
	margin: 0 0 15px 0;
	line-height: 18px;
	font-family: "Lato-Bold", sans-serif;
	padding: 0;
	text-align: left;
}
p.lgpd-text {
	font-family: "Lato-Regular", sans-serif;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #535353;
}
a.lgpd-link {
	color: rgb(37, 117, 232);
	text-decoration: underline;
	font-size: 12px;
	cursor: pointer;
}
button.lgpd-button {
	background: rgb(37, 117, 232);
	color: #fbfcff;
	border-radius: 5px;
	font-weight: bold;
	border: transparent;
	height: 35px;
	width: 80px;
	float:right;
	justify-content: center;
	align-items: center;
	font-family: "Lato-Bold", sans-serif;
	font-size: 15px;
	outline-style: none;
	cursor: pointer;
	margin: 5px;
}
.btn-limpar-filtros{
	float: right;
	display: inline-block;
	text-decoration: none;
	color: rgb(41 41 41 / 43%);
	width: 27px;
	height: 27px;
	line-height: 30px;
	font-size: 18px;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	font-weight: bold;
	border-bottom: 2px solid #b5b5b5;
	margin: 5px;
	background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
}
.btn-limpar-filtros:hover{
	color:#800000;
	text-decoration:none;
}	
/* -------- autofill ---------------------*/
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{
	-webkit-box-shadow: 0 0 0 1000px white inset;
}
input:-webkit-autofill:focus {
	-webkit-box-shadow: #000,0 0 0 50px white inset;
	-webkit-text-fill-color: #333;
} 
-webkit-text-fill-color: #000000 !important;
#Nome{
	background-image: url(../imagens/webparts/forms/nome.png), url(../imagens/webparts/forms/fundo_input.gif) !important;
	background-size: 15px 15px, 35px 50px !important;
	background-position: 10px 10px, 0 0 !important;
	background-repeat: no-repeat, no-repeat !important;
}	
#Email{
	background-image: url(../imagens/webparts/forms/email.png), url(../imagens/webparts/forms/fundo_input.gif) !important;
	background-size: 15px 15px, 35px 50px !important;
	background-position: 10px 10px, 0 0 !important;
	background-repeat: no-repeat, no-repeat !important;
}
#Senha{
	background-image: url(../imagens/webparts/forms/senha.png), url(../imagens/webparts/forms/fundo_input.gif) !important;
	background-size: 15px 15px, 35px 50px !important;
	background-position: 10px 10px, 0 0 !important;
	background-repeat: no-repeat, no-repeat !important;
}