@viewport {
	width: device-width;
	zoom: 1;
	user-zoom: fixed;
	user-scalable: no;
}
img,picture,video,embed {
	max-width: 100%;
	border: 0px;
}
a {
	text-decoration: none;
	cursor: pointer;
}

body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-size: 16px;
	position: relative;
}


[class*="lista-flex"] {
	display: flex;
	align-items: center;
	justify-content: center;
}
.lista-flex-end {
	justify-content: flex-end;
}
.lista-flex-start {
	justify-content: flex-start;
}
.lista-flex-around {
	justify-content: space-around;
}
.lista-flex-between {
	justify-content: space-between;
}






.fone {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
}
.fone-icone {
	font-size: 1.5rem;
	align-self: baseline;
}
.fone-descricao {
	font-size: 0.75rem;
	line-height: 90%;
}
.fone-numero {
	font-weight: bold;
}
.fone-numero span {
	font-size: 0.75rem;
	font-weight: normal;
	padding-right: 3px;
}
.fone-botoes {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 5px;
	margin-top: 3px;
}
.fone-botoes span {
	font-size: 0.75rem;
}


.fone.pequeno {
	gap: 5px;
}
.fone.pequeno .fone-icone {
	font-size: 1rem;
}
.fone.pequeno .fone-descricao {
	font-size: 0.625rem;
	line-height: 90%;
}
.fone.pequeno .fone-numero {
	font-size: 0.875rem;
	line-height: 100%;
}
.fone.pequeno .fone-numero span {
	font-size: 0.625rem;
}
.fone.pequeno .fone-botoes {
	gap: 3px;
}
.fone.pequeno .fone-botoes span {
	font-size: 0.625rem;
}




.email {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 10px;
}
.email-icone {
	font-size: 1.5rem;
	align-self: baseline;
}
.email-descricao {
	font-size: 0.75rem;
	line-height: 90%;
	padding-bottom: 3px;
}
.email-email {
	font-weight: normal;
}

.email.pequeno {
	gap: 5px;
}
.email.pequeno .email-icone {
	font-size: 1rem;
}
.email.pequeno .email-descricao {
	font-size: 0.625rem;
	line-height: 90%;
}
.email.pequeno .email-email {
	font-size: 0.875rem;
	line-height: 100%;
}
.email.pequeno .email-email span {
	font-size: 0.625rem;
}



.dropdown {
	position: relative;
}
.dropdown::before {
	content: "";
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(28,29,37,.9);
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  transition: all .3s ease-in-out;
}
.dropdown.on::before {
  opacity: 0.8;
}
.dropdown-menu {
	position: relative;
}
.dropdown-content {
	position: relative;
	display: none;
	position: absolute;
	left: 0px;
  z-index: 202;
	padding-top: 11px;
}
.dropdown-content>div {
	-webkit-box-shadow:5px 5px 15px 0px rgba(0,0,0,0.45);
	-moz-box-shadow:5px 5px 15px 0px rgba(0,0,0,0.45);
	box-shadow:5px 5px 15px 0px rgba(0,0,0,0.45);
}
.dropdown-content::before {
	width: 0;
  height: 0;
  content: "";
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #fff;
  top: 0px;
  position: absolute;
  left: 10px;
}





::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #D5D5D5;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.icofont-spinner {
	visibility: hidden;
	position: relative;
}
.icofont-spinner::after {
	visibility: visible;
	position: absolute;
	content: "\effa";
	-webkit-animation: rotation 2s infinite linear;
	top: 0px;
	left: 0px;
}
@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(359deg);
	}
}



.menu-v {
	margin: 0px;
	padding: 0px;
}
.menu-v>li{
	list-style: none;
	padding: 2px;
}
.menu-v>li a {
	text-decoration: none;
}
.menu-v>li div {
	font-size: 0.875rem;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.menu-v.pequeno>li div {
	font-size: 0.75rem;
}
.menu-v.grande>li div {
	font-size: 1.2rem;
}



[class*="sociais"] {
	display: flex;
	gap: 5px;
	flex-wrap: wrap
}
[class*="sociais"] i {
	font-size: 1rem;
}
[class*="sociais"] div {
	display: contents;
}
.sociais-quadro i, .sociais-circulo i {
	display: block;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	padding-right: 6px;
	background-color: #105bc8;
	color: #FFF;
  transition: all .3s ease-in-out;
}
.sociais-quadro i:hover, .sociais-circulo i:hover {
	background-color: #307BE8;
}
.sociais-circulo i {
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
}
.compartilhe {
	display: flex;
	gap: 5px;
	align-items: center;
	justify-content: flex-end;
}
.compartilhe>div {
	font-size: 0.75rem;
}
.compartilhe .compartilhar {
	cursor: pointer;
}


.compartilhe.pequeno>div {
	font-size: 0.675rem;
}
[class*="sociais"].pequeno i {
	font-size: 0.875rem;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.compartilhe.grande>div {
	font-size: 0.875rem;
}
[class*="sociais"].grande i {
	font-size: 1.3rem;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	padding-right: 7px;
}


.sociais-icone i,.sociais-icone.pequeno i,.sociais-icone.grande i {
	font-size: 1.2rem;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: transparent !important;
	color: #666 !important;
}
.sociais-icone.pequeno i {
	font-size: 1rem;
}
.sociais-icone.grande i {
	font-size: 1.5rem;
}



.menu-mobile {
	padding: 0;
	margin: 0;
  background-color: #EEE;
	color: #555;
	font-size: 0.875rem;
}
.menu-mobile a {
	color: #555;
}
.menu-mobile li {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
.menu-mobile div {
	display: flex;
  align-items: center;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 25px;
  cursor: pointer;
	border-top: 1px solid #FFF;
	-webkit-box-shadow: inset 0px 2px 0px -1px #DDD;
	-moz-box-shadow: inset 0px 2px 0px -1px #DDD;
	box-shadow: inset 0px 2px 0px -1px #DDD;
}
.menu-mobile>li:last-child>a>div ,
.menu-mobile>li:last-child>div {
	border-bottom: 1px solid #DDD;
}
.menu-mobile.check div {
	padding-left: 30px;
	background-image: url(img/checkbox-off-transparente.png);
	background-position: center left 3px;
	background-repeat: no-repeat;
}
.menu-mobile.check div.on {
	background-image: url(img/checkbox-on.png);
}
.menu-mobile div i {
	font-size: 1.2rem;
	margin-right: 5px;
}
.menu-mobile ul {
	padding: 0px;
	margin-left: 20px;
}
.menu-mobile ul li::after {
  content: '';
  width: 7px;
  height: 35px;
  position: absolute;
  top: -10px;
  left: -10px;
  border-left: 1px dashed #BBB;
  border-bottom: 1px dashed #BBB;
}
.menu-mobile li.menu-slide::before {
  content: '\ea99';
	position: absolute;
	top: 15px;
  right: 10px;
  font-size: 1.2rem;
	font-family: IcoFont!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  line-height: 1;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
}
.menu-mobile li.menu-slide.aberto::before {
  content: '\eaa1';
}
.menu-mobile li.menu-slide>ul {
	display: none;
}


.menu-mobile.branco {
  background-color: #FFF;
	color: #666;
}
.menu-mobile.branco a {
	color: #666;
}
.menu-mobile.branco ul li::after {
  border-left: 1px dashed #EEE;
  border-bottom: 1px dashed #EEE;
}
.menu-mobile.branco div {
	border-top: 1px solid #EEE;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.menu-mobile.branco>li:last-child>a>div ,
.menu-mobile.branco>li:last-child>div {
	border-bottom: 1px solid #EEE;
}


.menu-mobile.black {
  background-color: #333;
	color: #FFF;
}
.menu-mobile.black a {
	color: #FFF;
}
.menu-mobile.black ul li::after {
  border-left: 1px dashed #777;
  border-bottom: 1px dashed #777;
}
.menu-mobile.black div {
	border-top: 1px solid #222;
	-webkit-box-shadow: inset 0px 2px 0px -1px #444;
	-moz-box-shadow: inset 0px 2px 0px -1px #444;
	box-shadow: inset 0px 2px 0px -1px #444;
}
.menu-mobile.black>li:last-child>a>div ,
.menu-mobile.black>li:last-child>div {
	border-bottom: 1px solid #444;
}


.menu-mobile.textoverde {
  background-color: #FFF;
	color: #0A0;
}
.menu-mobile.textoverde a {
	color: #0A0;
}
.menu-mobile.textoverde ul li::after {
  border-left: 1px dashed #DDD;
  border-bottom: 1px dashed #DDD;
}
.menu-mobile.textoverde div {
	border-top: 1px solid #EEE;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.menu-mobile.textoverde>li:first-child>a>div ,
.menu-mobile.textoverde>li:first-child>div {
	border-top: none;
}
.menu-mobile.textoverde>li:last-child>a>div ,
.menu-mobile.textoverde>li:last-child>div {
	border-bottom: 1px solid #EEE;
}





.ac_results .texto {
	font-size: 0.75rem;
	color: #333;
}
.ac_results .texto strong {
	color: #000;
}
.ac_results .textopequeno {
	font-size: 0.625rem;
	color: #666;
}
.ac_results .texto_valor {
	font-size: 0.65rem;
	color: #666;
}
.ac_results .tag_desconto {
	font-size: 0.625rem;
	color: #FFF;
	background-color: #0C0;
	padding: 2px 5px 2px 5px;
	margin-left: 7px;
	position: relative;
}
.ac_results .tag_desconto::before {
	width: 0;
  height: 0;
  content: "";
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #0C0;
  top: 2px;
  left: -5px;
  position: absolute;
}
.ac_results {
	background-color: #FFF;
}
.ac_odd {
	background-color: #FAFAFA;
}
.ac_over {
	background-color: #EEE;
}
.ac_over .texto,
.ac_over .textopequeno {
	color: #333;
}
.ac_results .avatar_ac {
	width: 40px;
	height: 40px;
	border-radius: 99px;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border: 1px solid #CCC;
}



.box_texto {
  display: table;
	width: 100%;
	font-size: 0.875rem;
	text-align: justify;
	display: table;
}
.box_texto img {
	max-width: 100%;
	max-height: 100%;
	margin: 10px;
}
.box_texto a:first-child>img,
.box_texto img:first-child {
	margin-top: 0px;
	margin-left: 0px;
}



.lista_fotos {
  display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, auto));
	gap: 10px;
}
.lista_fotos .foto {
	width: 100%;
	height: 160px;
	border:1px solid #CCC;
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

@media only screen and (max-width: 700px) {
	.lista_fotos {
		grid-template-columns: repeat(auto-fit, minmax(130px, auto));
	}
	.lista_fotos .foto {
		height: 120px;
	}
}


.separador {
  border-top: 1px solid #CCC;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  position: relative;
  list-style: none;
}
.separador.pequeno {
  margin-top: 10px;
  margin-bottom: 10px;
}
.separador.grande {
  margin-top: 15px;
  margin-bottom: 15px;
}
.separador.extragrande {
  margin-top: 20px;
  margin-bottom: 20px;
}
.separador>span {
  font-size: 1rem;
  color: #666;
  background-color: #F8F8F8;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
.separador.pequeno>span {
  font-size: 0.75rem;
  top: -8px;
}
.separador.grande>span {
  font-size: 1.5rem;
  top: -15px;
  font-weight: bold;
}
.separador.extragrande>span {
  font-size: 2rem;
  top: -20px;
  font-weight: bold;
}



.grid-contato {
	display: grid;
	grid-template-columns: 3fr 2fr;
	align-items: flex-start;
	justify-content: center;
	gap: 30px;
}
@media only screen and (max-width: 700px) {
	.grid-contato {
		grid-template-columns: 1fr;
	}
}

.contato > div {
	padding-top: 10px;
	padding-bottom: 10px;
}
.contato-logo {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: center;
	padding-top: 0px;
}
.contato-logo img {
	width: 300px;
	max-width: 100%;
	max-height: 80px;
}
.contato-telefone {
	display: flex;
	column-gap: 40px;
	row-gap: 10px;
	flex-wrap: wrap;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
.contato-endereco {
	display: grid;
	grid-template-columns: 40px 1fr;
	align-items: flex-start;
	justify-content: flex-start;
	font-size: 0.875rem;
}
.contato-endereco > div > i {
	font-size: 1.3rem;
}
.contato-email {
	display: grid;
	grid-template-columns: 1fr;
	align-items: flex-start;
	justify-content: flex-start;
	row-gap: 10px;
}
.grid-enderecos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, auto));
	align-items: flex-start;
	justify-content: center;
	gap: 30px;
}
.endereco {
	display: grid;
	grid-template-columns: 1fr;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 10px;
	max-width: 300px;
}
.endereco .foto {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
  justify-items: center;
	justify-content: center;
	max-width: 100%;
	height: 200px;
	background-color: #FFF;
	border: 1px solid #CCC;
}
.endereco .foto img {
	max-width: 100%;
	max-height: 200px;
}




/*
.dadoscontato {
	display:table;
	width:100%;
	position:relative;
}
.dadoscontato>div {
	display:table;
	width:100%;
	text-align:left;
	float:none;
	padding-top:3px;
	padding-bottom:3px;
}
.dadoscontato div span {
	float:left;
	font-size: 0.75rem;
}
.dadoscontato div i {
	float:left;
	font-size: 1.2rem;
	margin-right: 10px;
}
.dadoscontato div.nome {
	text-align:left;
	font-size:1rem;
	font-style:normal;
	font-weight:bold;
	margin:0px;
	padding:0px;
	padding-top:0px;
	padding-bottom:10px;
}
.dadoscontato div.logomarca {
	width:100%;
	height:100px;
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}
.dadoscontato div.telefones .telefone {
	padding-top: 5px;
	padding-bottom: 5px;
}

.mapa {
	display:table;
	width:100%;
	height:300px;
	margin-top:10px;
	position:relative;
	background-color:#CCC;
}




echo "<div class='compartilhe'>";

	echo "<div>Compartilhe:</div>";

	echo "<div class='botao-compartilhar' data-url='".$ACESSO->url."' data-social='facebook'>";
		echo "<i class='icofont-facebook'></i>";
	echo "</div>";

	echo "<div class='botao-compartilhar' data-url='".$ACESSO->url."' data-social='twitter'>";
		echo "<i class='icofont-twitter'></i>";
	echo "</div>";

	echo "<div class='botao-compartilhar' data-url='".$ACESSO->url."' data-social='whatsapp'>";
		echo "<i class='icofont-whatsapp'></i>";
	echo "</div>";

echo "</div>";




/*
.menu-mobile.color {
  background-color: #00CCFF;
	color: #FFF;
}
.menu-mobile.color a {
	color: #FFF;
}
.menu-mobile.color ul li::after {
  border-left: 1px dashed #00AACC;
  border-bottom: 1px dashed #00AACC;
}
.menu-mobile.color div {
	border-top: 1px solid #00BBDD;
	-webkit-box-shadow: inset 0px 2px 0px -1px #00DDFF;
	-moz-box-shadow: inset 0px 2px 0px -1px #00DDFF;
	box-shadow: inset 0px 2px 0px -1px #00DDFF;
}
.menu-mobile.color>li:last-child>a>div ,
.menu-mobile.color>li:last-child>div {
	border-bottom: 1px solid #444;
}




/*
.menu-mobile li ul {
	font-size: 0.8rem;
}
.menu-mobile li ul ul {
	font-size: 0.725rem;
}
.menu-mobile li ul ul ul {
	font-size: 0.65rem;
}


/*

.menu-mobile li.menu-slide.aberto>div span {
	font-weight: bold;
}



/*
.menu-mobile li.slide::before {
	content: '\ea99';
}
.menu-mobile li.slide.aberto::before {
  content: '\eaa1';
}




/*




h1,h2,h3 {
	font-weight:bold;
}
h1 {
	font-size:1.5rem !important;
}
h2 {
	font-size:1.125rem !important;
}
h3 {
	font-size:0.875rem !important;
}

.titulopagina {
	display:table;
	width:100%;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
}
.titulopagina>.titulo {
	float:left;
	font-size:1.5rem;
	color:#333;
	font-style:italic;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-bottom:2px solid #CCC;
	position:relative;
}
.titulopagina.center>.titulo {
	float:none;
	text-align: center;
}
.titulopagina.pequeno>.titulo {
	font-size:1.125rem;
}
.titulopagina>.titulo::after {
	content:"";
	width:80px;
	max-width: 100%;
	height:6px;
	background-color:#0079c0;
	font-weight:bold;
	position:absolute;
	bottom:-4px;
	left:0px;
	border-radius:0px 9px 9px 0px;
	-moz-border-radius:0px 9px 9px 0px;
	-webkit-border-radius:0px 9px 9px 0px;
}
.titulopagina.center>.titulo::after {
	position:absolute;
	bottom:-4px;
	left:20%;
	left:-webkit-calc(50% - 40px);
	left:-moz-calc(50% - 40px);
	left:calc(50% - 40px);
	border-radius:9px 9px 9px 9px;
	-moz-border-radius:9px 9px 9px 9px;
	-webkit-border-radius:9px 9px 9px 9px;
}
.titulopagina>.direita {
	float:right;
	display:table;
	font-size:0.75rem;
	font-style:normal;
	font-weight:normal;
	color:#5C5C5C;
}
.titulopagina>.info {
	float:left;
	width: 100%;
	font-size:0.75rem;
	font-style:normal;
	font-weight:normal;
	color:#5C5C5C;
	padding-top: 5px;
	padding-bottom: 5px;
}
.titulopagina.center>.info {
	float:none;
	text-align: center;
}

.texto {
	font-size:0.75rem;
	text-align:justify;
}
.texto.centralizado {
	text-align:center;
}
.texto.bold {
	font-weight:bold;
}
.texto.grande {
	font-size:1rem;
}
.texto.pequeno {
	font-size:0.625rem;
}
.texto.cinza {
	color:#999;
}
.texto.preto {
	color:#5C5C5C;
}
.texto.branco {
	color:#FFF;
}
.texto.vermelho {
	color:#F00;
}
.texto.azul {
	color:#03F;
}
.texto.verde {
	color:#0A0;
}
.texto.amarelo {
	color:#FF0;
}
.campotexto {
	font-size:0.75rem;
	text-align:justify;
	width:100%;
	display:table;
}
.campotexto img.fancybox {
	cursor:pointer;
}
.campotexto img {
	margin:10px;
	float:left;
	text-align:left;
}
p {
	text-align:justify;
	line-height:140%;
	margin-top:0px;
	margin-bottom:0px;
	min-height:1rem;
}



.email {
	display: table;
	white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
  font-size:0.875rem;
}
.email.float {
	float:left;
	margin-left: 10px;
}
.email i {
	font-size:0.875rem;
	margin-right:5px;
	vertical-align:middle;
}
.email.branco {
	color:#FFF;
}
.email.preto {
	color:#000;
}
.email.pequeno {
	font-size:0.75rem;
}
.email.pequeno i {
	font-size:0.75rem;
	margin-right:3px;
}
.email.grande {
	font-size:1rem;
}
.email.grande i {
	font-size:1rem;
	margin-right:5px;
}


.telefone {
	display: table;
	white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
}
.telefone.float {
	float:left;
	margin-left: 10px;
}
.telefone i {
	font-size:0.875rem;
	margin-right:5px;
	vertical-align:middle;
}
.telefone .nome {
	font-size:0.6875rem;
	margin-right:5px;
	padding-top: 3px;
}
.telefone .ddd {
	font-size:0.6875rem;
	margin-right:5px;
	padding-top: 3px;
}
.telefone .numero {
	font-size:0.875rem;
	font-weight:bold;
}

.telefone.pequeno i {
	font-size:0.75rem;
	margin-right:3px;
}
.telefone.pequeno .nome {
	font-size:0.625rem;
	margin-right:3px;
}
.telefone.pequeno .ddd {
	font-size:0.625rem;
	margin-right:3px;
}
.telefone.pequeno .numero {
	font-size:0.75rem;
}

.telefone.grande i {
	font-size:1rem;
	margin-right:5px;
}
.telefone.grande .nome {
	font-size:0.75rem;
	margin-right:5px;
}
.telefone.grande .ddd {
	font-size:0.75rem;
}
.telefone.grande .numero {
	font-size:1rem;
}

.telefone.branco {
	color:#FFF;
}
.telefone.preto {
	color:#000;
}

.ligar {
	display:table;
	font-size:0.75rem;
	font-style:italic;
	font-weight:bold;
	color:#666;
	margin:0px;
	margin-left:5px;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:7px;
	padding-right:7px;
	background-color:#CCC;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:middle;
}
.ligar i {
	font-size:0.75rem !important;
	color:#666 !important;
	margin-right:3px !important;
	padding-top: 2px;
}
.ligar:hover {
	background-color:#DDD;
}
.ligar.cinza {
	background-color:#DDD;
	color:#666;
}
.ligar.amarelo {
	background-color:#FF0;
	color:#333;
}
.ligar.verde {
	background-color:#0C0;
	color:#FFF;
}
.ligar.laranja {
	background-color:#F60;
	color:#FFF;
}
.ligar.vermelho {
	background-color:#E00;
	color:#FFF;
}
.ligar.azul {
	background-color:#0079c0;
	color:#FFF;
}

.telefone span
,.telefone i
,.email span
,.email i {
  float: left;
}





.menuh {
	display: table;
}
.menuh.radiustotal {
	border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
}
.menuh.radiusbase {
	border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	-webkit-border-radius:0px 0px 5px 5px;
}
.menuh.radiustop {
	border-radius:5px 5px 0px 0px;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
}
.menuh.radiusleft {
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
}
.menuh.radiusright {
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
}
.menuh>div
,.menuh>li
,.menuh>a>div
,.menuh>a>li {
	display: table;
	float:left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
}
.menuh>div:nth-child(1)
,.menuh>li:nth-child(1)
,.menuh>a:nth-child(1)>div
,.menuh>a:nth-child(1)>li {
	border-left: none;
}
.menuh.radiustotal>div:first-child
,.menuh.radiustotal>li:first-child
,.menuh.radiustotal>a:first-child>div
,.menuh.radiustotal > a:first-child>li {
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
}
.menuh.radiustotal>div:last-child
,.menuh.radiustotal>li:last-child
,.menuh.radiustotal>a:last-child>div
,.menuh.radiustotal>a:last-child>li {
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
}
.menuh.radiusbase>div:first-child
,.menuh.radiusbase>li:first-child
,.menuh.radiusbase>a:first-child>div
,.menuh.radiusbase>a:first-child>li {
	border-radius:0px 0px 0px 5px;
	-moz-border-radius:0px 0px 0px 5px;
	-webkit-border-radius:0px 0px 0px 5px;
}
.menuh.radiusbase>div:last-child
,.menuh.radiusbase>li:last-child
,.menuh.radiusbase>a:last-child>div
,.menuh.radiusbase>a:last-child>li {
	border-radius:0px 0px 5px 0px;
	-moz-border-radius:0px 0px 5px 0px;
	-webkit-border-radius:0px 0px 5px 0px;
}
.menuh.radiustop>div:first-child
,.menuh.radiustop>li:first-child
,.menuh.radiustop>a:first-child>div
,.menuh.radiustop>a:first-child>li {
	border-radius:5px 0px 0px 0px;
	-moz-border-radius:5px 0px 0px 0px;
	-webkit-border-radius:5px 0px 0px 0px;
}
.menuh.radiustop>div:last-child
,.menuh.radiustop>li:last-child
,.menuh.radiustop>a:last-child>div
,.menuh.radiustop>a:last-child>li {
	border-radius:0px 5px 0px 0px;
	-moz-border-radius:0px 5px 0px 0px;
	-webkit-border-radius:0px 5px 0px 0px;
}
.menuh.radiusleft>div:last-child
,.menuh.radiusleft>li:last-child
,.menuh.radiusleft>a:last-child>div
,.menuh.radiusleft>a:last-child>li {
	border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
}
.menuh.radiusright>div:first-child
,.menuh.radiusright>li:first-child
,.menuh.radiusright>a:first-child>div
,.menuh.radiusright>a:first-child>li {
	border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
}

.menuh.vermelho>div
,.menuh.vermelho>li
,.menuh.vermelho>a>div
,.menuh.vermelho>a>li {
	background-color: #D92127;
	color: #FFF;
	border-left: 1px solid #EA3238;
}
.menuh.vermelho>div:hover
,.menuh.vermelho>li:hover
,.menuh.vermelho>a>div:hover
,.menuh.vermelho>a>li:hover {
	background-color: #EA3238;
}

.menuh.verde>div
,.menuh.verde>li
,.menuh.verde>a>div
,.menuh.verde>a>li {
	background-color: #009900;
	color: #FFF;
	border-left: 1px solid #00AB00;
}
.menuh.verde>div:hover
,.menuh.verde>li:hover
,.menuh.verde>a>div:hover
,.menuh.verde>a>li:hover {
	background-color: #00AB00;
}

.menuh.amarelo>div
,.menuh.amarelo>li
,.menuh.amarelo>a>div
,.menuh.amarelo>a>li {
	background-color: #FFCC29;
	color: #FFF;
	border-left: 1px solid #FFDD3A;
}
.menuh.amarelo>div:hover
,.menuh.amarelo>li:hover
,.menuh.amarelo>a>div:hover
,.menuh.amarelo>a>li:hover {
	background-color: #FFDD3A;
}

.menuh.prata>div
,.menuh.prata>li
,.menuh.prata>a>div
,.menuh.prata>a>li {
	background-color: #AD8F49;
	color: #FFF;
	border-left: 1px solid #BE9F5A;
}
.menuh.prata>div:hover
,.menuh.prata>li:hover
,.menuh.prata>a>div:hover
,.menuh.prata>a>li:hover {
	background-color: #BE9F5A;
}

.menuh.preto>div
,.menuh.preto>li
,.menuh.preto>a>div
,.menuh.preto>a>li {
	background-color: #5C5C5C;
	color: #FFF;
	border-left: 1px solid #6D6D6D;
}
.menuh.preto>div:hover
,.menuh.preto>li:hover
,.menuh.preto>a>div:hover
,.menuh.preto>a>li:hover {
	background-color: #6D6D6D;
}

.menuh.azul>div
,.menuh.azul>li
,.menuh.azul>a>div
,.menuh.azul>a>li {
	background-color: #0079C0;
	color: #FFF;
	border-left: 1px solid #0079C0;
}
.menuh.azul>div:hover
,.menuh.azul>li:hover
,.menuh.azul>a>div:hover
,.menuh.azul>a>li:hover {
	background-color: #0079c0;
}

.menuh.tazul>div
,.menuh.tazul>li
,.menuh.tazul>a>div
,.menuh.tazul>a>li {
	color: #0079C0;
	border-left: 1px solid #55CEF5;
}
.menuh.tazul>div:hover
,.menuh.tazul>li:hover
,.menuh.tazul>a>div:hover
,.menuh.tazul>a>li:hover {
	color: #0079c0;
}

.menuh>div:nth-child(1)
,.menuh>li:nth-child(1)
,.menuh>a:nth-child(1)>div
,.menuh>a:nth-child(1)>li {
	border-left: none;
}




.boxfoto {
  display:table;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	display:table;
}
.boxfoto div {
	width:220px;
	height:150px;
	float:left;
	margin:5px;
	border:1px solid #CCC;
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
@media only screen and (max-width: 700px) {
  .boxfoto div {
  	width:100%;
  	height:inherit;
  	float:inherit;
  	margin:0px;
  }
  .boxfoto img {
  	width:100%;
		width:-webkit-calc(100% - 2px);
		width:-moz-calc(100% - 2px);
		width:calc(100% - 2px);
  	margin:0px;
		margin-top: 10px;
		border:1px solid #CCC;
  }
}


.campoPagina {
  display:table;
	width:100%;
}
.boxtexto {
  display:table;
	width:100%;
	font-size:0.875rem;
	text-align:justify;
	display:table;
}
.boxtexto img {
	max-width: 100%;
	max-height:100%;
	margin:10px;
	float:left;
	cursor:pointer;
	text-align:left;
}
.boxtexto a:first-child>img,
.boxtexto img:first-child {
	margin-top: 0px;
	margin-left: 0px;
}
.boxfoto {
  display:table;
	width:100%;
	padding-left:0px;
	padding-right:0px;
	padding-top:10px;
	padding-bottom:10px;
	display:table;
}
.boxfoto div {
	width:220px;
	height:150px;
	float:left;
	margin:5px;
	border:1px solid #CCC;
	background-color:#FFF;
	background-position:center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer;
}
@media only screen and (max-width: 700px) {
  .boxfoto div {
  	width:100%;
  	height:inherit;
  	float:inherit;
  	margin:0px;
  }
  .boxfoto img {
  	width:100%;
		width:-webkit-calc(100% - 2px);
		width:-moz-calc(100% - 2px);
		width:calc(100% - 2px);
  	margin:0px;
		margin-top: 10px;
		border:1px solid #CCC;
  }
}


.boxTexto.termosAdesao {
	width:100%;
	width:-webkit-calc(100% - 22px);
	width:-moz-calc(100% - 22px);
	width:calc(100% - 22px);
	padding: 10px;
	border: 1px solid #EEE;
	background-color: #FFF;
	margin-top: 13px;
}
.boxTexto.termosAdesao>.titulo {
	font-size: 1.5rem;
	font-weight: bold;
	text-align:center;
	padding-bottom:20px;
}
.boxTexto.termosAdesao .campotexto {
	width:100%;
	width:-webkit-calc(100% - 22px);
	width:-moz-calc(100% - 22px);
	width:calc(100% - 22px);
	max-height:630px;
	padding-left:10px;
	padding-right:10px;
	overflow:auto;
	display:block;
}
.boxTexto.termosAdesao .campoAceito {
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#EEE;
	text-align:left;
}




.linhacompartilhe {
	width:100%;
	display:table;
}
.linhacompartilhe>.conteudo {
	float: right;
  display: flex;
  align-items: center;
  justify-content: center;
}
.linhacompartilhe>.conteudo>span {
	font-size:0.75rem;
	color:#666;
	font-style: italic;
	float: left;
	padding: 3px 10px 3px 10px;
}
.linhacompartilhe.pequeno>.conteudo>span {
	font-size:0.625rem;
}
.linhacompartilhe.grande>.conteudo>span {
	font-size:1rem;
}

.icosociais {
	display: table;
}
.icosociais div {
	display:table;
	float: left;
	padding: 3px 10px 3px 10px;
	background-color: #999;
	margin-right: 3px;
	color: #FFF;
	cursor: pointer;
}
.icosociais div>i {
	font-size:1.3rem;
	color: #FFF;
}
.icosociais.inclinado div {
  -webkit-transform: skew(15deg);
  -ms-transform: skew(15deg);
  transform: skew(15deg);
}
.icosociais.inclinado div>i {
  font-style: italic;
}
.icosociais.circulo div {
	border-radius:99px;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	padding: 8px 8px 8px 8px;
}
.icosociais.circulo div>i {
	font-style: normal;
}

.icosociais.pequeno div {
	padding: 0px 6px 0px 6px;
	margin-right: 2px;
}
.icosociais.circulo.pequeno div {
	padding: 3px 7px 4px 7px;
}
.icosociais.pequeno div>i {
	font-size: 0.875rem;
}
.icosociais.grande div {
	padding: 6px 10px 6px 10px;
	margin-right: 5px;
}
.icosociais.circulo.grande div {
	padding: 8px 10px 8px 10px;
}
.icosociais.grande div>i {
	font-size:1.5rem;
}

.icosociais.preto div.facebook  {
	background-color: #666;
}
.icosociais.preto div.twitter  {
	background-color: #666;
}
.icosociais.preto div.whatsapp  {
	background-color: #666;
}

.icosociais.color div.facebook  {
	background-color: #3D5A98;
}
.icosociais.color div.twitter  {
	background-color: #69F;
}
.icosociais.color div.whatsapp  {
	background-color: #093;
}

.icosociais div:hover {
	background-color: #999;
}
.icosociais div.facebook:hover  {
	background-color: #4E6BA9;
}
.icosociais div.twitter:hover  {
	background-color: #7AF;
}
.icosociais div.whatsapp:hover  {
	background-color: #1A4;
}





fieldset {
	border:solid 1px #CCCCCC;
	padding: inherit;
	padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
}
fieldset>legend {
	font-size:1rem;
	color:#333;
	font-weight:bold;
  font-style: italic;
	border-bottom: none;
}
fieldset>legend .info {
	font-size:0.75rem;
	color:#999;
	font-weight:normal;
  font-style: normal;
}
fieldset.divisor {
	border: none;
  border-top: solid 1px #CCCCCC;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #F8F8F8;
	padding: inherit;
	padding-block-start: 0.35em;
  padding-inline-start: 0.75em;
  padding-inline-end: 0.75em;
  padding-block-end: 0.625em;
	position: relative;
}
fieldset.divisor.hover:hover {
  background-color: #FFD;
}
fieldset.divisor>legend {
	font-size:0.75rem;
	color:#777;
  font-style: normal;
}
fieldset.divisor.branco {
  border: solid 1px #EEE;
  background-color: #FFF;
}
fieldset.divisor.cinza {
  border: solid 1px #CCC;
  background-color: #F0F0F0;
}
fieldset.divisor.branco>legend {
	color:#AAA;
}
fieldset.box {
	display: table;
	width: 100%;
	float: left;
  margin: 20px;
}
fieldset.grafico {
	display: table;
	width: 100%;
  margin-bottom: 20px;
}
.grafico-legenda {
	display: table;
	width: 100%;
	width: -webkit-calc(100% - 20px);
	width: -moz-calc(100% - 20px);
	width: calc(100% - 20px);
	padding: 10px;
}
.grafico-legenda>div {
	display: table;
	font-size: 0.75rem;
	color: #999;
  float: left;
  margin-right: 10px;
}
.grafico-legenda>div>div {
	display: table;
  width: 20px;
  height: 15px;
  margin-right: 5px;
  float: left;
}


#conteudoRelatorio {
	display: table;
	position: relative;
}
#conteudoRelatorio .bloco {
	display: table;
	width: 170px;
	height: 130px;
	padding: 20px;
	margin: 5px;
	float: left;
	background-color: #DDD;
	cursor: pointer;
	box-sizing: border-box;
	color: #FFF;
}
#conteudoRelatorio .bloco:hover {
	background-color: #E9E9E9;
}
#conteudoRelatorio .bloco.azul {
	background-color: #0079C0;
}
#conteudoRelatorio .bloco.azul:hover {
	background-color: #0057A0;
}
#conteudoRelatorio .bloco.vermelho {
	background-color: #D92127;
}
#conteudoRelatorio .bloco.vermelho:hover {
	background-color: #E04B50;
}
#conteudoRelatorio .bloco.verde {
	background-color: #009900;
}
#conteudoRelatorio .bloco.verde:hover {
	background-color: #00AB00;
}
#conteudoRelatorio .bloco.amarelo {
	background-color: #FFCC29;
	color: #333;
}
#conteudoRelatorio .bloco.amarelo:hover {
	background-color: #FFDD3A;
}
#conteudoRelatorio .bloco.prata {
	background-color: #AD8F49;
}
#conteudoRelatorio .bloco.prata:hover {
	background-color: #BE9F5A;
}
#conteudoRelatorio .bloco.preto {
	background-color: #5C5C5C;
}
#conteudoRelatorio .bloco.preto:hover {
	background-color: #6D6D6D;
}
#conteudoRelatorio .bloco div {
	text-align: center;
	box-sizing: border-box;
	padding-top: 3px;
	padding-bottom: 3px;
}
#conteudoRelatorio .bloco div:nth-child(2) {
	font-size: 0.75rem;
	font-weight: normal;
}
#conteudoRelatorio .bloco div:nth-child(3) {
	font-size: 1.2rem;
	font-weight: normal;
}
#conteudoRelatorio .bloco i {
	font-size: 2.5rem;
}
#conteudoRelatorio .bloco div.imagem {
	width: 100%;
	height: 70px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}







.listabox {
	display: table;
	width: 100%;
	align-content:space-around;
}
.listabox .box {
	display: table;
	float: left;
}
.listabox .box.direita {
	float: right;
}





.barratoplista {
	width:100%;
	width:-webkit-calc(100% - 20px);
	width:-moz-calc(100% - 20px);
	width:calc(100% - 20px);
	display:table;
	padding:5px 10px 5px 10px;
	background:#EEEEEE;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}
.ordemLista {
	float:left;
	display:table;
}
.ordemLista span {
	font-size:0.625rem;
	color:#666;
	padding-right:10px;
}
.ordemLista select {
	margin:0px;
	font-size:0.75rem;
	color:#666;
	background-color:#FFF;
	border:1px solid #EEE;
	outline:none;
	padding:5px 10px 5px 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.ordemLista select:focus {
	background-color:#EEE;
	border:1px solid #CCC;
	color:#666;
	outline:none;
}


.barrapaginacao {
	margin-top:2px;
	margin-bottom:2px;
	margin-left:0px;
	margin-right:0px;
	text-align:right;
	float:right;
}
.barrapaginacao ul {
	padding:0px;
	margin:0px;
	text-align:right;
}
.barrapaginacao ul li {
	vertical-align:middle;
	margin-left:2px;
	font-size:0.625rem;
	color:#666;
	list-style:none;
	float:left;
	border:1px solid #EEE;
	padding:7px 10px 7px 10px;
	cursor:pointer;
	background-color:#FFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.barrapaginacao ul li:hover {
	border:solid 1px #CCC;
	color:#666;
	background-color:#EEE;
}
.barrapaginacao .off {
	color:#CCC;
	border:solid 1px #CCC;
}
.barrapaginacao .off:hover {
	color:#CCC;
	border:solid 1px #CCC;
	background-color:#FFF;
}
.barrapaginacao .on {
	border:solid 1px #CCC;
	color:#FFF;
	background-color:#0079c0;
}









.ac_results .texto {
	font-size:0.75rem;
	color:#333;
}
.ac_results .texto strong {
	color:#000;
}
.ac_results .textopequeno {
	font-size:0.625rem;
	color:#666;
}
.ac_results {
	background-color:#FFF;
}
.ac_odd {
	background-color:#FAFAFA;
}
.ac_over {
	background-color:#EEE;
}
.ac_over .texto,
.ac_over .textopequeno {
	color:#333;
}
.ac_results .avatar_ac {
	width:40px;
	height:40px;
	border-radius:99px;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border:1px solid #CCC;
}















.filtroslaterais {
	width:100%;
	display:table;
}
.filtroslaterais .titulobox {
	text-align:left;
	font-size:0.875rem;
	font-weight:bold;
	font-style:normal;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:10px;
	position:relative;
	color: #FFF;
}
.filtroslaterais .titulobox.cinza {
	background:#666;
}
.filtroslaterais .titulobox.color {
	background:#8CC64B;
}
.filtroslaterais .titulobox.usado {
	background:#ECECEC;
	border-bottom:1px solid #DDD;
	border-top:1px solid #FFF;
	margin-top:0px;
	font-size:0.75rem;
	font-weight:normal;
	font-style:normal;
	color:#333;
}
.filtroslaterais .titulobox.usado div {
	display:table;
	font-size:0.625rem;
	color:#999;
}
.filtroslaterais .titulobox.cinza img{
	float:right;
	margin-top:3px;
	cursor:pointer;
}
.filtroslaterais .titulobox.usado img {
	cursor:pointer;
	position:absolute;
	top:10px;
	right:10px;
}


.filtroslaterais .lista {
	width:100%;
	display:table;
}
.filtroslaterais .lista li,.filtroslaterais .lista li.on,.filtroslaterais .lista li.mais,.filtroslaterais .lista li.menos {
	font-size:0.75rem;
	font-weight:normal;
	list-style:none;
	padding-left:25px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-image:url(img/checkbox-off.png);
	background-repeat:no-repeat;
	background-position:left center;
	cursor:pointer;
	float:none;
	display:table;
	width:100%;
	width:-webkit-calc(100% - 35px);
	width:-moz-calc(100% - 35px);
	width:calc(100% - 35px);
	position:relative;
	color: #666;
	font-style: italic;
}
.filtroslaterais .lista li:hover {
	color:#000;
	background-color:#FAFAFA;
}
.filtroslaterais .lista li.on {
	font-weight:bold;
	background-image:url(img/checkbox-on.png);
}
.filtroslaterais .lista li.mais {
	background-image:url(img/mais.png);
}
.filtroslaterais .lista li.menos {
	background-image:url(img/menos.png);
}
.filtroslaterais .lista div.plus {
	display:none;
}
.filtroslaterais .lista li span.qtde {
	font-size:0.625rem;
	font-weight:normal;
	font-style:normal;
	color:#999;
	padding-left:5px;
}
.filtroslaterais .lista li div.bolcor1,.filtroslaterais .lista li div.bolcor2,.filtroslaterais .lista li div.bolcor3 {
	width:15px;
	height:15px;
	position:absolute;
	right:0px;
	top:2px;
}



[class*="titulo-"] {
	display: table;
	width: 100%;
	font-size: 1rem;
	font-weight: bold;
	color: #666;
	text-align: center;
}
[class*="titulo-"].grande {
	font-size: 1.5rem;
}
[class*="titulo-"] i {
	font-size: 2rem;
}
[class*="titulo-"].grande i {
	font-size: 3rem;
}
.titulo-sucesso {
	color: #090;
}
.titulo-erro {
	color: #C00;
}





.listadados>div {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
}
.listadados>div span {
	font-weight: bold;
}
.listadados.linha>div {
	border-bottom: 1px dashed #CCC;
	padding-top:6px;
	padding-bottom:6px;
}
.listadados.linha>div:last-child {
	border-bottom: none;
}
.listadados.color>div:nth-child(odd) {
	background-color:#F6F6F6;
}



.botvarcor {
	display: flex;
	margin: 2px;
	border: 2px solid #FFF;
	width: 30px;
	height: 30px;
}
.botvarcor.float {
	float: left;
}
.botvarcor.pequeno {
	width: 20px;
	height: 20px;
}
.botvarcor.grande {
	width: 50px;
	height: 50px;
}
.botvarcor>div {
	flex: 1;
}

/*
[class*="botvarcor-"] {
	display: flex;
	margin: 2px;
	border: 2px solid #FFF;
	width: 30px;
	height: 30px;
}
[class*="botvarcor-"].float {
	float: left;
}
[class*="botvarcor-"].pequeno {
	width: 20px;
	height: 20px;
}
[class*="botvarcor-"].grande {
	width: 50px;
	height: 50px;
}
[class*="botvarcor-"]>div {
	flex: 1;
}


*/