* {
	box-sizing: border-box;
}
img,picture,video,embed {
	max-width: 100%;
	border: 0px;
}
a {
	text-decoration: none;
	cursor: pointer;
	color: inherit;
	display: contents;
}

html, body {
	min-height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	font-size: 16px;
	position: relative;
	color: #333333;
	background-color: #f6f6f6;
}



h1 {
	font-size: x-large;
}
h1.center {
	text-align: center;
}
h2.center {
	text-align: center;
}




[class*="lista-flex"] {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 3px 5px;
}
.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;
}


[class*="lista-grid"] {
	display: grid;
	gap: 10px;
}
.lista-grid-end {
	justify-content: flex-end;
}
.lista-grid-start {
	justify-content: flex-start;
}
.lista-grid-around {
	justify-content: space-around;
}
.lista-grid-between {
	justify-content: space-between;
}

.lista-grid-2 {
	grid-template-columns: 1fr 1fr;
}
.lista-grid-3 {
	grid-template-columns: 1fr 1fr 1fr;
}
.lista-grid-4 {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}
.lista-grid-5 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.lista-grid-6 {
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}



.lista-grid-auto-2 {
	display: grid;
	gap: 10px;
	justify-content: flex-start;
	grid-template-columns: 1fr 1fr;
}
@media screen and (max-width: 700px) {
	.lista-grid-auto-2 {
		grid-template-columns: 1fr;
	}
}



[class*="sociais"] {
	display: flex;
	gap: 5px;
	flex-wrap: nowrap;
	align-items: center;
}
@media screen and (max-width: 700px) {
	[class*="sociais"] {
		justify-content: center;
	}
}
[class*="sociais"] i {
	font-size: large;
}
[class*="sociais"] div {
	display: contents !important;
}
.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;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
.sociais-quadro i:hover, .sociais-circulo i:hover {
	background-color: #307BE8;
}
.sociais-circulo i {
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	border-radius: 99px;
}
[class*="sociais"].pequeno i {
	font-size: medium;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
[class*="sociais"].grande i {
	font-size: x-large;
	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: large;
	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: large;
}
.sociais-icone.grande i {
	font-size: x-large;
}
.sociais-icone.xgrande i {
	font-size: xx-large;
}




.sociais-quadro.branco i, .sociais-circulo.branco i {
	background-color: #FFFFFF;
	color: #eb2f3f;
}
.sociais-quadro.branco i:hover, .sociais-circulo.branco i:hover {
	background-color: #fdc3c8;
}



::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  background: #D5D5D5;
}
::-webkit-scrollbar-thumb {
  background: #888;
}
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
@media only screen and (max-width: 600px) {
	::-webkit-scrollbar {
		width: 2px;
	}
}

.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);
	}
}









.ac_results .texto {
	font-size: small;
	color: #333;
}
.ac_results .texto strong {
	color: #000;
}
.ac_results .textopequeno {
	font-size: x-small;
	color: #666;
}
.ac_results .texto_valor {
	font-size: x-small;
	color: #666;
}
.ac_results .tag_desconto {
	font-size: x-small;
	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;
	-moz-border-radius: 99px;
	-webkit-border-radius: 99px;
	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;
}





.site-linha-bloqueio {
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
	height: auto;
	border-bottom: 2px solid #333;
	font-size: medium;
	text-align: center;
	background: linear-gradient(-45deg, #FF6, #FD6);
  background-size: 300% 300%;
  animation: gradient 1s ease infinite;
	color: #000;
	position: fixed !important;
	width: 100%;
	z-index: 99999999;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}




.politica-cookie {
	position: fixed;
	width: 848px;
	max-width: 95%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	bottom: 30px;
	left: 0;
	right: 0;
	margin: auto;
	background-color: #FFF;
	padding: 20px;
	box-shadow: 0 3px 9px 0 rgb(0 0 0 / 41%);
	border-radius: 8px;
	z-index: 1000;
	box-sizing: border-box;
	animation-iteration-count: 1;
	animation-name: transitionUp;
	animation-duration: .8s;
}
.politica-cookie span {
	font-size: small;
}
@keyframes transitionUp {
	from {
		transform:translateY(100%)
	}
	to {
		transform:translateY(0)
	}
}
@keyframes transitionDown {
	from {
		transform:translateY(0)
	}
	to {
		transform:translateY(100%)
	}
}


pre {
	max-width: 100%;
	white-space: break-spaces;
	line-break: anywhere;
	border: 1px solid #CCC;
	padding: 20px;
	background-color: #FAFAFA;
	color: #333;
	font-size: small;
}
pre:empty {
	display: none;
}





.menu-drop {
  display: inline-block;
  position: relative;
}
.menu-drop > .main {
  display: inline-block;
	cursor: pointer;
}
.menu-drop > .main > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	gap: 5px;
	padding: 5px 0px;
}
.menu-drop > .content {
  display: none;
  position: absolute;
  top: 30px;
  left: -10px;
  z-index: 9999999999;
  padding: 0px;
  margin: 0px;
  -webkit-box-shadow:2px 2px 7px 0px rgba(0,0,0,0.20);
  -moz-box-shadow:2px 2px 7px 0px rgba(0,0,0,0.20);
  box-shadow:2px 2px 7px 0px rgba(0,0,0,0.20);
}
.menu-drop > .content.nowrap span {
  white-space: nowrap;
}
.menu-drop > .content.right {
  left: inherit;
  right: -10px;
}
.menu-drop > .content::before {
  width: 0px;
  height: 0px;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid rgb(255, 255, 255);
  top: -6px;
  position: absolute;
  left: 12px;
}
.menu-drop > .content.right::before {
  left: inherit;
  right: 12px;
}
.menu-drop > .content > li {
  list-style: none;
  cursor: pointer;
  background-color: #FFF;
}
.menu-drop > .content > li > div ,
.menu-drop > .content > li > a > div {
  padding: 10px 20px 10px 10px;
  cursor: pointer;
  display: flex;
  gap: 10px;
  align-items: center;
}
.menu-drop > .content > li:first-child > div ,
.menu-drop > .content > li:first-child > a > div {
  border-radius: 5px 5px 0px 0px;
}
.menu-drop > .content > li:last-child > div ,
.menu-drop > .content > li:last-child > a > div {
  border-radius: 0px 0px 5px 5px;
}
.menu-drop > .content > li:hover {
  background-color: #F0F0F0;
}
.menu-drop > .content > li i {
  color: #333;
	font-size: medium;
}
.menu-drop > .content > li span {
  color: #333;
	position: relative;
}


.menu-drop > .content > li.cinza span ,
.menu-drop > .content > li.cinza i {
	color: #BBB;
}
.menu-drop > .content > li.vermelho span ,
.menu-drop > .content > li.vermelho i {
	color: #D92127;
}
.menu-drop > .content > li.laranja span ,
.menu-drop > .content > li.laranja i {
	color: #FF6600;
}
.menu-drop > .content > li.verde span ,
.menu-drop > .content > li.verde i {
	color: #009900;
}
.menu-drop > .content > li.amarelo span ,
.menu-drop > .content > li.amarelo i {
	color: #FFCC29;
}
.menu-drop > .content > li.prata span ,
.menu-drop > .content > li.prata i {
	color: #AD8F49;
}
.menu-drop > .content > li.azul span ,
.menu-drop > .content > li.azul i {
	color: #0079c0;
}



.menu-drop > .content > li.bg-vermelho {
	background-color: #D92127;
}
.menu-drop > .content > li.bg-vermelho:hover {
	background-color: #E04B50;
}
.menu-drop > .content > li.bg-vermelho span ,
.menu-drop > .content > li.bg-vermelho i {
	color: #FFF;
}

.menu-drop > .content > li.bg-laranja {
	background-color: #FF6600;
}
.menu-drop > .content > li.bg-laranja:hover {
	background-color: #FF8833;
}
.menu-drop > .content > li.bg-laranja span ,
.menu-drop > .content > li.bg-laranja i {
	color: #FFF;
}

.menu-drop > .content > li.bg-verde {
	background-color: #009900;
}
.menu-drop > .content > li.bg-verde:hover {
	background-color: #00AB00;
}
.menu-drop > .content > li.bg-verde span ,
.menu-drop > .content > li.bg-verde i {
	color: #FFF;
}

.menu-drop > .content > li.bg-amarelo {
	background-color: #FFCC29;
}
.menu-drop > .content > li.bg-amarelo:hover {
	background-color: #FFDD3A;
}
.menu-drop > .content > li.bg-amarelo span ,
.menu-drop > .content > li.bg-amarelo i {
	color: #333;
}

.menu-drop > .content > li.bg-prata {
	background-color: #AD8F49;
}
.menu-drop > .content > li.bg-prata:hover {
	background-color: #BE9F5A;
}
.menu-drop > .content > li.bg-prata span ,
.menu-drop > .content > li.bg-prata i {
	color: #FFF;
}

.menu-drop > .content > li.bg-azul {
	background-color: #0079c0;
}
.menu-drop > .content > li.bg-azul:hover {
	background-color: #118AD1;
}
.menu-drop > .content > li.bg-azul span ,
.menu-drop > .content > li.bg-azul i {
	color: #FFF;
}










.lista-telefones {
	display: grid;
	grid-gap: 10px;
}
.telefone.horizontal {
	display: flex;
	gap: 10px;
}
.telefone > div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	gap: 10px;
}
.telefone > div:first-child > div:first-child > i {
	font-size: larger;
}
.telefone .nome {
	font-size: small;
}
.telefone .numero {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	gap: 5px;
	font-size: larger;
	font-weight: bold;
}
.telefone .numero span {
	font-size: small;
	font-weight: normal;
}
.telefone .botoes {
	font-size: small;
	font-weight: normal;
	gap: 5px;
}





.telefone.grande > div {
	gap: 10px;
}
.telefone.grande > div:first-child > div:first-child > i {
	font-size: x-large;
}
.telefone.grande .nome {
	font-size: small;
}
.telefone.grande .numero {
	gap: 5px;
	font-size: x-large;
}
.telefone.grande .numero span {
	font-size: small;
}
.telefone.grande .botoes {
	font-size: small;
	gap: 5px;
}





.telefone.pequeno > div {
	gap: 10px;
}
.telefone.pequeno > div:first-child > div:first-child > i {
	font-size: medium;
}
.telefone.pequeno .nome {
	font-size: x-small;
}
.telefone.pequeno .numero {
	gap: 5px;
	font-size: small;
}
.telefone.pequeno .numero span {
	font-size: small;
}
.telefone.pequeno .botoes {
	font-size: small;
	gap: 5px;
}





.boxBotaoWhatsappFlutuante {
	display: block;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 9;
	cursor: pointer;
}
@media only screen and (max-width: 1100px) {
	.boxBotaoWhatsappFlutuante {
	  bottom: 20px;
	  right: 20px;
	}
}
.boxBotaoWhatsappFlutuante > div {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	background: #009900;
	background: -moz-linear-gradient(top, #00CC00 0%, #009900 100%);
	filter: progid;
	background: linear-gradient(to bottom, #00CC00 0%,#009900 100%);
	background: -webkit-linear-gradient(top, #00CC00 0%,#009900 100%);
	color: #FFF;
}
.boxBotaoWhatsappFlutuante > div i {
	font-size: x-large;
	color: #FFF;
}
.boxBotaoWhatsappFlutuante .whatsapp:before,
.boxBotaoWhatsappFlutuante .whatsapp:after
{
	content: '';
    display:block;
    position: absolute;
    border-radius:50%;
    border:1px solid #25d366;
    left: -20px;
    right: -20px;
    bottom: -20px;
    top: -20px;
    animation: animate 1.5s linear infinite;
    opacity:0;
    backface-visibility:hidden;
}
.pulsaDelay:after {
	animation-delay: .5s;
}
@keyframes animate {
   0%   {
		transform: scale(0.5);
		opacity:0;
	}
   50%  {
		 opacity:1;
	 }
   100% {
		 transform: scale(1.2);
		 opacity:0;
	 }
}





h1 {
	font-size: x-large;
	padding: 0px;
	margin: 20px 0px;
}

h1.center {
	text-align: center;
}

h1 > div:nth-child(2) {
	font-size: medium;
	font-weight: normal;
	color: #333;
}

h1.titulo {
	color: #31B7BC;
	position: relative;
	margin: 20px 0px 40px 0px;
	display: flex;
}
h1.titulo.center {
	justify-content: center;
}
h1.titulo > div:first-child {
	position: relative;
}
h1.titulo > div:first-child > span {
	color: #000;
	font-weight: normal;
}

h1.titulo > div:first-child::before {
	content: '';
	position: absolute;
	bottom: -15px;
	width: 60%;
	height: 4px;
	background-color: #31B7BC;
	left: 0px;
	fill:#03F;
}

h1.titulo.center > div:first-child::before {
	transform: translateX(-50%);
	left: 50%;
}

h1.titulo::after {
	content: '';
	background-color: #FFF;
	width: 44px;
	height: 24px;
	position: absolute;
	bottom: -28px;
	left: 0;
	z-index: 1;
}

h1.titulo > div:first-child::after {
	content: '';
	width: 34px;
	height: 24px;
	position: absolute;
	bottom: -28px;
	left: 0;
	z-index: 2;
	display: inline-block;
	-webkit-mask: url(../../img/titulo-icone.svg) no-repeat 50% 50%;
	mask: url(../../img/titulo-icone.svg) no-repeat 50% 50%;
	-webkit-mask-size: contain;
	mask-size: contain;
	background-color: #31B7BC;
}

h1.titulo.center::after {
	width: 54px;
	transform: translateX(-50%);
	left: 50%;
}

h1.titulo.center > div:first-child::after {
	width: 54px;
	transform: translateX(-50%);
	left: 50%;
}

.no-margin-top {
	margin-top: 0px !important;
}
.no-margin-bottom {
	margin-top: 0px !important;
}









.site {
	position: relative;
}
.site.mobile {
	padding-top: 70px;
}
.site > div {
	display: grid;
	align-items: flex-start;
	justify-content: center;
	position: relative;
}
.site > div.site-total {
	grid-template-columns: 1fr;
}



.site-conteudo {
	padding: 0px 15px 40px 15px;
}
.site-conteudo.mobile {
	padding: 20px 0px 20px 0px;
}
.site-conteudo.mobile > .corpo {
	padding: 0px 10px 20px 10px;
}




.site-cabecalho,
.site-cabecalho-menu {
	padding: 0px 15px 0px 15px;
	color: #ffffff;
	background-color: #31B7BC;
	z-index: 999999999;
}
.site-cabecalho > div,
.site-cabecalho-menu > div {
	display: grid;
	grid-template-columns: 350px 1fr;
	gap: 20px;
	justify-content: normal;
	height: 100%;
}
.site-cabecalho.reduzido > div,
.site-cabecalho-menu.reduzido > div {
	grid-template-columns: 170px 1fr;
}
.site-cabecalho > div > div {
	position: relative;
}

.site-cabecalho .box_logo {
	width: 350px;
	height: 200px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999;
	overflow: hidden;
}
.site-cabecalho.reduzido .box_logo {
	width: 170px;
	height: 120px;
}
.site-cabecalho .box_logo .logo-circulo {
	width: 350px;
	height: 350px;
	background-color: #F07D17;
	border: 10px solid #31B7BC;
	border-radius: 100%;
	position: absolute;
	bottom: 10px;
	background: linear-gradient(-45deg, #F07D17, #31B7BC, #F07D17, #31B7BC);
	background-size: 400% 400%;
	animation: logo-circulo-animation 10s ease infinite;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.20);
	-moz-box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 7px 0px rgba(0,0,0,0.20);
}
.site-cabecalho.reduzido .box_logo .logo-circulo {
	width: 170px;
	height: 170px;
}
.site-cabecalho .box_logo:hover .logo-circulo {
	background-color: #F07D17;
	border: 10px solid #31B7BC;
	background: #F07D17;
	animation: none;
}
.site-cabecalho .box_logo .logomarca {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 20px 50px 20px;
}
.site-cabecalho.reduzido .box_logo .logomarca {
	padding: 10px 10px 30px 10px;
}
.site-cabecalho .box_logo .logomarca div {
	width: 100%;
	height: 100%;
	background-image: url(../../foto_g/8bf8023f90f067ae.webp);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.site-cabecalho .menu {
	padding: 10px 0;
}

@keyframes logo-circulo-animation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@media screen and (max-width: 1200px) {
	.site-cabecalho > div {
		grid-template-columns: 310px 1fr;
	}
	.site-cabecalho .box_logo {
		width: 310px;
		height: 180px;
	}
	.site-cabecalho .box_logo .logo-circulo {
		width: 310px;
		height: 310px;
	}
	.site-cabecalho .box_logo .logomarca {
		padding: 10px 10px 40px 10px;
	}
}


@media screen and (max-width: 800px) {
	.site-cabecalho > div {
		grid-template-columns: 210px 1fr;
	}
	.site-cabecalho .box_logo {
		width: 210px;
		height: 120px;
	}
	.site-cabecalho .box_logo .logo-circulo {
		width: 210px;
		height: 210px;
	}
	.site-cabecalho .box_logo .logomarca {
		padding: 10px 10px 30px 10px;
	}
}

.tp-atendimento .dropdown-content {
    left: auto;
    right: 0;
    color: #333;
    transform: translate(0);
}

.site-cabecalho-menu {
	color: #ffffff;
    background-color: inherit;
    /* background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgba(49, 183, 188, .4)); */
    padding: 5px 0;
    width: 100%;
    position: absolute !important;
    z-index: 9999;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .3));
    /* text-shadow: 2px 2px 3px rgba(0, 0, 0, .3); */
}

.site-cabecalho-menu.reduzido {
	color: #ffffff;
	background-color: #F07D17;
	background-image: inherit;
	padding: 0;
	position: relative !important;
}
.site-cabecalho-menu.reduzido img {
	max-height: 25px;
}

.site-cabecalho-menu > div {
	padding: 10px 0;

}
.site-cabecalho-menu.reduzido > div {
	padding: 5px 0;

}
.site-cabecalho-menu .menu {
	padding: 10px 0;
	display: flex;
	justify-items: center;
	align-items: center;
	gap: 20px;
	font-size: .87rem;
}
.site-cabecalho-menu.reduzido .menu {
	padding: 3px 0;
	gap: 15px;
}
.site-cabecalho-menu .tp-carrinho i {
	font-size: xx-large;
}




.site-banner {
	position: relative;
	margin: 0px;
	grid-template-columns: 1fr !important;
}
.site-banner::after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
	z-index: 1;
	width: 100%;
	height: 20%;
	background-image: url(../../img/overlay-banner.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.site-banner.mobile::after {
	content: "";
	position: absolute;
	bottom: -1px;
	width: 0;
	height: 0;
    border-right: 100vw solid transparent;
    border-bottom: 10vw solid #FFF;
	z-index: 1;
}




.site-cabecalho.mobile {
	position: fixed;
	top: 0px;
	z-index: 9;
	height: 70px;
}
.site-cabecalho.mobile > div {
	display: grid;
	grid-template-columns: 1fr 180px 1fr;
	position: relative;
}
.site-cabecalho.mobile > div > div {
	align-items: center;
	height: 100%;
}
.site-cabecalho.mobile > div > div i {
	font-size: xx-large;
}

.site-cabecalho.mobile .box_logo {
	width: 180px;
	height: 110px;
}
.site-cabecalho.mobile .box_logo .logo-circulo {
	width: 180px;
	height: 180px;
}
.site-cabecalho.mobile .box_logo .logomarca {
	padding: 10px 10px 30px 10px;
}







.sidr {
	background-color: #eb2f3f !important;
	color: #FFF !important;
}




.lista-tel {
    display: grid;
    gap: 10px;
    width: max-content;
    padding: 10px 0
}

.tel {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    position: relative
}

.tel>i {
    font-size: large
}

.tel.botao-base>i {
    align-self: flex-start
}

.tel.botao-lateral {
}

.tel.botao-lateral .conteudo .boxform .botoes {
    display: flex;
	flex-wrap: nowrap;
}

.tel .descricao {
    font-size: small;
    font-weight: bold
}

.tel .numero {
    font-size: .85rem;
    white-space: nowrap
}

.tel .botoes {
    display: grid;
    gap: 3px
}

.tel .botoes button {
    width: 100%
}

@media only screen and (max-width: 700px) {
    .tel>i {
        font-size:x-large
    }

    .tel .descricao {
        font-size: medium
    }

    .tel .numero {
        font-size: 1rem;
        white-space: nowrap
    }
}

.fone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px
}

.fone-icone {
    font-size: x-large;
    align-self: flex-start
}

.fone-descricao {
    font-size: small;
    line-height: 90%
}

.fone-numero {
    font-weight: bold;
    white-space: nowrap
}

.fone-numero span {
    font-size: small;
    font-weight: normal;
    padding-right: 3px
}

.fone-botoes {
    display: grid;
    gap: 5px;
    margin-top: 3px
}

.fone-botoes button {
    width: 100%
}

.fone-botoes span {
    font-size: small
}

.fone.pequeno {
    gap: 5px
}

.fone.pequeno .fone-icone {
    font-size: large
}

.fone.pequeno .fone-descricao {
    font-size: x-small;
    line-height: 90%
}

.fone.pequeno .fone-numero {
    font-size: medium;
    line-height: 100%
}

.fone.pequeno .fone-numero span {
    font-size: x-small
}

.fone.pequeno .fone-botoes {
    gap: 3px
}

.fone.pequeno .fone-botoes span {
    font-size: x-small
}

.email {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 10px
}

.email-icone {
    font-size: x-large;
    align-self: end
}

.email-descricao {
    font-size: small;
    line-height: 90%;
    padding-bottom: 3px
}

.email-email {
    font-weight: normal
}

.email.pequeno {
    gap: 5px
}

.email.pequeno .email-icone {
    font-size: large
}

.email.pequeno .email-descricao {
    font-size: x-small;
    line-height: 90%
}

.email.pequeno .email-email {
    font-size: medium;
    line-height: 100%
}

.email.pequeno .email-email span {
    font-size: x-small
}



.sCinzaCaminho {
	clear: both;
	margin: 0px;
	background-color: #EAEAEA;
}
.sCinzaCaminho .conteudo {
	padding: 7px 20px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	padding-left: 170px;
}
.sCinzaCaminho a::after {
	content: '\ea98';
	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-smoothing: antialiased;
	color: #999;
}
.sCinzaCaminho span {
	font-size: small;
	font-style: italic;
	font-weight: normal;
	color: #999;
	cursor: pointer;
}
.sCinzaCaminho > .conteudo > a:last-child span {
	font-weight: bold;
	color: #333;
}
.sCinzaCaminho > .conteudo > a:last-child::after {
	content: none;
}
.sCinzaCaminho span:hover {
	color: #202020;
}








.site-rodape {
	font-size: medium;
}
.site-rodape > div {
	display: flex;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
	padding: 50px 30px;
	font-size: medium;
}
.site-rodape > div h4 {
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}
.site-rodape > div .logomarca img {
	max-width: 250px;
}
@media screen and (max-width: 700px) {
	.site-rodape>div {
		display: grid;
		grid-template-columns: 1fr;
    justify-items: center;
	}
	.site-rodape > div h4 {
		text-align: center;
	}
}

.site-rodape .bt-rodape div {
	display: flex;
  justify-content: flex-start;
  align-items: center;
	gap: 10px;
}
.site-rodape .bt-rodape div img {
	padding: 5px 0px;
}
.site-rodape .bt-rodape div span {
	font-weight: bold;
	font-size: medium;
}


.site-desenvolvimento {
	background-color: #EEE;
	color: #5c5c5c;
	padding-bottom: 100px;
	border-top: 1px solid #CCC;
}
.site-desenvolvimento > div {
	display: grid;
	grid-template-columns: 100px 1fr 100px;
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 30px;
	padding: 30px 30px;
	font-size: small;
	text-align: center;
}
@media screen and (max-width: 700px) {
	.site-desenvolvimento > div {
		grid-template-columns: 1fr;
	}
}




.institucional-inicio {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: flex-start;
	gap: 20px;
	margin-top: 20px;
}
@media screen and (max-width: 700px) {
	.institucional-inicio {
		grid-template-columns: 1fr;
	}
}




.inicio-historia {
	background-image: url(../../img/h-bg.jpg);
	background-size: cover;
	display: grid;
	grid-template-columns: 1fr 450px;
	justify-content: flex-start;
	align-content: flex-start;
  }
  .inicio-historia .texto {
	padding: 40px;
  }
  .inicio-historia > div:last-child {
	margin-bottom: -4px;
	align-self: flex-end;
  }
  .inicio-historia > div:last-child img {
	width: 100%;
  }
  
  @media only screen and (max-width: 900px) {
	.inicio-historia {
	  grid-template-columns: 1fr 1fr;
	}
  }
  @media only screen and (max-width: 600px) {
	.inicio-historia {
	  grid-template-columns: 1fr;
	}
  }
  
  
  .faixa-historia {
	display: grid;
	grid-template-columns: 1fr auto;
	justify-content: flex-start;
	align-content: flex-start;
  }
  .faixa-historia > div:first-child {
	background-image: url(../../img/h-faixa-800.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-size: contain;
  }
  .faixa-historia > div:last-child {
	padding: 20px;
  }
  .faixa-historia > div:last-child > img {
	height: 80px;
  }
  @media only screen and (max-width: 1000px) {
	.faixa-historia > div:first-child {
		background-image: url(../../img/h-faixa-600.jpg);
	  }
  }
  @media only screen and (max-width: 800px) {
	.faixa-historia > div:first-child {
		background-image: url(../../img/h-faixa-400.jpg);
	  }
  }
  @media only screen and (max-width: 600px) {
	.faixa-historia > div:first-child {
		background-image: url(../../img/h-faixa-200.jpg);
	  }
  }




.lista-noticias {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 30px 20px;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 30px;
}
.bloco-noticia > .imagem {
	width: 100%;
	height: 200px;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
}
.corpo-dpto .lista-noticias {
	grid-template-columns: 1fr 1fr;
}
.corpo-dpto .bloco-noticia > .imagem {
	height: 300px;
}


.lista-noticias.horizontal {
	grid-template-columns: 1fr;
	margin-top: 0px;
	gap: 10px;
}
.lista-noticias.horizontal .bloco-noticia {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 10px;
	justify-content: flex-start;
	align-items: flex-start;
}
.lista-noticias.horizontal .bloco-noticia > .imagem {
	width: 220px;
	height: 140px;
}
.lista-noticias.horizontal .bloco-noticia > .conteudo > .linha-info {
	justify-content: flex-end;
	gap: 10px;
	flex-direction: row-reverse;
}


.noticias-inicio {
	display: grid;
	grid-template-columns: 600px 1fr;
	gap: 20px;
	align-items: flex-start;
}
.noticias-inicio > div:first-child .bloco-noticia > .imagem {
	height: 350px;
}


@media only screen and (max-width: 1100px) {
	.lista-noticias {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.bloco-noticia > .imagem {
		height: 200px;
	}
	.corpo-dpto .bloco-noticia > .imagem {
		height: 200px;
	}
	.lista-noticias.horizontal .bloco-noticia > .imagem {
		width: 180px;
		height: 120px;
	}
	.noticias-inicio {
		grid-template-columns: 400px 1fr;
	}
	.noticias-inicio > div:first-child .bloco-noticia > .imagem {
		height: 280px;
	}
}
@media only screen and (max-width: 900px) {
	.noticias {
		gap: 30px 15px;
		margin-top: 30px;
	}
	.bloco-noticia > .imagem {
		height: 180px;
	}
	.corpo-dpto .bloco-noticia > .imagem {
		height: 180px;
	}
	.lista-noticias.horizontal .bloco-noticia > .imagem {
		width: 150px;
		height: 90px;
	}
	.noticias-inicio {
		grid-template-columns: 300px 1fr;
	}
	.noticias-inicio > div:first-child .bloco-noticia > .imagem {
		height: 180px;
	}
}
@media only screen and (max-width: 700px) {
	.lista-noticias {
		grid-template-columns: 1fr 1fr;
	}
	.noticias {
		gap: 20px 10px;
		margin-top: 20px;
	}
	.bloco-noticia > .imagem {
		height: 120px;
	}
	.corpo-dpto .bloco-noticia > .imagem {
		height: 120px;
	}
}
@media only screen and (max-width: 500px) {
	.noticias {
		gap: 20px 10px;
		margin-top: 20px;
	}
	.bloco-noticia > .imagem {
		height: 120px;
	}
	.noticias-inicio {
		grid-template-columns: 1fr;
	}
	.lista-noticias.horizontal {
		grid-template-columns: 1fr 1fr;
	}
	.lista-noticias.horizontal .bloco-noticia {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
		justify-content: flex-start;
		align-items: flex-start;
	}
	.lista-noticias.horizontal .bloco-noticia > .imagem {
		width: 100%;
		height: 140px;
	}
	.lista-noticias.horizontal .bloco-noticia > .conteudo > .linha-info {
		justify-content: flex-start;
		flex-direction: inherit;
	}
}
.bloco-noticia > .imagem > .foto {
	width: 100%;
	height: 100%;
	position: relative;
	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;
	transition: all .5s;
}
.bloco-noticia:hover > .imagem > .foto {
	transform: scale(1.2);
}

.bloco-noticia > .conteudo {
	display: grid;
	grid-template-columns: 1fr;
	align-items: flex-start;
}
.bloco-noticia.center > .conteudo {
	justify-items: center;
}
.bloco-noticia > .conteudo > .linha-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	padding: 5px 0px;
}
.bloco-noticia > .conteudo > .linha-info > div {
	font-size: x-small;
	color: #999;
}
.bloco-noticia > .conteudo > .linha-info > div i {
	font-size: small;
	margin-right: 5px;
}
.bloco-noticia > .conteudo > .titulo {
	font-size: medium;
	color: #333;
}
.bloco-noticia:hover > .conteudo > .titulo {
	color: #000;
}
.bloco-noticia > .conteudo > .info {
	color: #999;
    margin: 5px 0;
    white-space: normal;
    font-size: small;
    font-weight: normal;
    flex-direction: row;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
    padding: 0
}



.lista-noticias.setores .bloco-noticia > .imagem {
	padding-bottom: 15px;
	border-bottom: 3px solid #CCC;
	margin-bottom: 3px;
}
.lista-noticias.setores .bloco-noticia > .imagem > .foto {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.lista-noticias.setores .bloco-noticia:hover > .imagem > .foto {
	transform: none;
}
.lista-noticias.setores .bloco-noticia > .conteudo > .titulo {
	font-size: large;
	text-align: center;
}
@media only screen and (max-width: 500px) {
	.lista-noticias.setores .bloco-noticia > .conteudo > .titulo {
		font-size: medium;
	}
}





.lista-noticias.premiacoes {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.lista-noticias.premiacoes > div {
	max-width: 220px;
}
.lista-noticias.premiacoes .bloco-noticia > .imagem {
	padding-bottom: 0px;
	border-bottom: 1px solid #CCC;
	margin-bottom: 3px;
	height: auto;
    display: flex;
    justify-content: center;
}
.lista-noticias.premiacoes .bloco-noticia > .imagem i {
	font-size: 2rem;
    color: #FFF;
    background-color: #eb2f3f;
    padding: 15px 30px 0px 30px;
    border-radius: 100px 100px 0px 0px;
}
.lista-noticias.premiacoes .bloco-noticia > .imagem > .foto {
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
.lista-noticias.premiacoes .bloco-noticia:hover > .imagem > .foto {
	transform: none;
}
.lista-noticias.premiacoes .bloco-noticia > .conteudo > .titulo {
	font-size: large;
	text-align: center;
}
@media only screen and (max-width: 500px) {
	.lista-noticias.premiacoes .bloco-noticia > .conteudo > .titulo {
		font-size: medium;
	}
}
.lista-noticias.premiacoes .bloco-noticia > .conteudo > .linha-info {
	justify-content: center;
}






.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: large;
	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: small;
	top: -8px;
}

.separador.grande>span {
	font-size: x-large;
	top: -15px;
	font-weight: bold;
}

.separador.extragrande>span {
	font-size: xx-large;
	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: 0
}

.contato-logo img {
    max-width: 250px;
    max-height: 150px
}

.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,.contato-email {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
    font-size: .85rem
}

.contato-endereco>div>i,.contato-email>div>i {
    font-size: large
}

.grid-enderecos {
    display: grid;
    grid-template-columns: repeat(auto-fill,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
}


.box_texto {
	font-size: medium;
	text-align: justify;
}
.box_texto span {
	vertical-align: inherit !important;
	margin-right: inherit !important;
}
.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-fill, 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;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

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







.corpo {
	padding: 0px 20px;
}

.corpo-dpto {
	display: grid;
	grid-template-columns: 4fr 13fr;
	justify-content: flex-start;
	align-items: flex-start;
	grid-gap: 20px;
}



.menu-dpto>div,
.menu-dpto>a>div {
	display: grid;
	grid-template-columns: 50px 1fr;
	justify-content: flex-start;
	align-items: center;
	grid-gap: 10px;
	padding: 10px 20px;
	border-bottom: 1px solid #DDD;
}

.menu-dpto>div:hover,
.menu-dpto>a>div:hover,
.menu-dpto>div.active,
.menu-dpto>a>div.active {
	padding-left: 15px;
	border-left: 5px solid #F00;
}

.menu-dpto>div.active,
.menu-dpto>a>div.active {
	background-color: beige;
}

.menu-dpto>div>div:first-child,
.menu-dpto>a>div>div:first-child {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.menu-dpto>div>div:first-child img,
.menu-dpto>a>div>div:first-child img {
	max-height: 50px;
}

.menu-dpto>div>div:last-child,
.menu-dpto>a>div>div:last-child {
	color: #333;
}

.menu-dpto>div:hover>div:last-child,
.menu-dpto>a>div:hover>div:last-child,
.menu-dpto>div.active>div:last-child,
.menu-dpto>a>div.active>div:last-child {
	font-weight: bold;
}


@media only screen and (max-width: 500px) {

	.menu-dpto>div>div:first-child img,
	.menu-dpto>a>div>div:first-child img {
		max-height: 40px;
	}

	.menu-dpto>div>div:last-child,
	.menu-dpto>a>div>div:last-child {
		font-size: inherit;
	}
}

.ocultoparcial>.box_texto {
	display: block;
	height: 228px;
	overflow: hidden;
}

.ocultoparcial>.box_texto>img:nth-child(1) {
	max-height: 140px;
}

.ocultoparcial>.vermais {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
	color: #EB2F3F;
	cursor: pointer;
	border-top: 1px solid #CCC;
}

.ocultoparcial>.vermais:hover {
	color: #FC3F4F;
}

.barra-topo-lista {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    padding: 5px 10px 5px 10px;
    background: #EEEEEE;
    margin-bottom: 15px
}

.barra-topo-lista.base {
    margin-top: 15px
}

.ordem-lista span {
    font-size: small;
    color: #666;
    padding-right: 10px
}

.barrapaginacao ul {
    padding: 0;
    margin: 0;
    text-align: right;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap
}

.barrapaginacao ul li {
    margin-left: 2px;
    font-size: small;
    color: #666;
    list-style: none;
    border: 1px solid #EEE;
    padding: 7px 10px 7px 10px;
    cursor: pointer;
    background-color: #FFF
}

.barrapaginacao ul li:hover {
    border: solid 1px #CCC;
    color: #666;
    background-color: #FFF
}

.barrapaginacao .off {
    color: #CCC;
    border: solid 1px #DDD;
    background-color: #EEE
}

.barrapaginacao .off:hover {
    color: #CCC;
    border: solid 1px #CCC;
    background-color: #FFF
}

.barrapaginacao .on {
    border: solid 1px #CCC;
    color: #FFF;
    background-color: #0079c0
}

::-webkit-scrollbar {
    width: 5px
}

::-webkit-scrollbar-track {
    background: #D5D5D5
}

::-webkit-scrollbar-thumb {
    background: #888
}

::-webkit-scrollbar-thumb:hover {
    background: #555
}


.texto {
	font-size: medium;
	text-align:justify;
	display:table;
}
.texto.grande {
	font-size:1rem;
}
.texto.pequeno {
	font-size:0.625rem;
}
.texto.bold {
	font-weight: bold;
}
.texto.italic {
	font-style: italic;
}
.texto.cinza {
	color:#666;
}
.texto.preto {
	color:#454344;
}
.texto.branco {
	color:#FFF;
}
.texto.vermelho {
	color:#F00;
}
.texto.azul {
	color:#03F;
}
.texto.verde {
	color:#0A0;
}
.texto.amarelo {
	color:#FF0;
}



.uppercase {
	text-transform: uppercase;
}

.corpo-formulario {
	display: grid;
	grid-template-columns: minmax(100px ,550px) minmax(300px ,1fr);
	gap: 30px;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 30px 0px;
}
@media only screen and (max-width: 700px) {
	.corpo-formulario {
		grid-template-columns: 1fr;
	}
	.corpo-formulario div.dadoscontato {
		display: none;
	}
}
.box-cadastro-reserva {
	padding: 15px;
	color: #FFF;
	background-color: #EB2F3F;
	font-size: medium;
	text-align: center;
}


.dadoscontato>div {
	padding-top:3px;
	padding-bottom:3px;
}
.dadoscontato > div.nome {
	font-size:1rem;
	font-weight:bold;
	padding-bottom:10px;
}
.dadoscontato div.logomarca {
	width:100%;
	height:150px;
	background-repeat:no-repeat;
	background-position:left center;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	background-size:contain;
}

.dropdown {
    position: relative
}

.dropdown::before {
    content: "";
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(28,29,37,.5);
    opacity: 0;
    pointer-events: none;
    z-index: 100;
    transition: all .3s ease-in-out
}

.dropdown.on::before {
    opacity: .8
}

.dropdown-menu {
    position: relative
}

.dropdown.on .dropdown-menu::after {
    content: '';
    width: 0;
    height: 0;
    content: "";
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #FFF;
    bottom: -5px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.dropdown-content {
    position: relative;
    display: none;
    position: absolute;
    left: 50%;
    z-index: 202;
    padding-top: 5px;
    transform: translate(-50%,0%)
}

.dropdown-content>div {
    -webkit-box-shadow: 5px 5px 15px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 5px 5px 15px 0 rgba(0,0,0,.45);
    box-shadow: 5px 5px 15px 0 rgba(0,0,0,.45);
    border-radius: 8px;
    background-color: #FFF;
    padding: 10px;
    border-top: 1px solid #EEE;
    color: #555
}
.cb-ico {
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: stretch;
    align-items: center;
    gap: 10px;
    font-size: small;
    line-height: 100%;
    cursor: pointer;
    padding: 5px 10px;
    border-radius: 8px
}

.cb-ico>div>i {
    font-size: x-large
}

.lista-cursos {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}
@media only screen and (max-width: 700px) {
	.lista-cursos {
		grid-template-columns: 1fr;
	}
}
.cursobox {
	border-top: 5px solid #31B7BC;
	background-color: #EEE;
	padding: 20px;
	height: 100%;
	transition: 1s;
	display: grid;
    grid-template-rows: auto auto auto auto 1fr auto;
}
.cursobox:hover {
	border-top: 5px solid #F07D17;
	background-color: #F6F6F6;
}
.cursobox > .nivel {
	font-size: small;
	color: #31B7BC;
	text-transform: uppercase;
}
.cursobox > .titulo {
    white-space: normal;
    font-size: 1.4rem;
    font-weight: bold;
    flex-direction: row;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
    padding: 0;
	color: #31B7BC;
	text-transform: uppercase;
}
.cursobox .data {
	font-size: medium;
	color: #31B7BC;
	margin-top: 10px;
}
.cursobox .descricao {
	margin-top: 15px;
	margin-bottom: 15px;
    white-space: normal;
    font-size: .8rem;
    font-weight: normal;
    flex-direction: row;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
    padding: 0;
}
.cursobox .botoes {
	display: flex;
	justify-items: flex-start;
	gap: 5px;
	margin-top: 15px;
}


.curso-tag-info {
	font-size: large;
	font-weight: bold;
}
.curso-tag-info .info {
	font-size: small;
	font-weight: normal;
}



.tag {
    display: flex;
    gap: 3px;
    padding: 3px 5px;
    align-items: center;
    width: fit-content;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: .85rem
}

.tag span {
    font-size: .85rem
}

.tag i {
    color: inherit;
    font-size: medium;
    margin: 0 0
}

.tag.pequeno {
    padding: 2px 4px!important;
    font-size: xx-small;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.tag.pequeno span {
    font-size: xx-small!important
}

.tag.grande {
    padding: 5px 10px!important;
    font-size: medium;
    border-radius: 5px;
    -moz-border-radius: 0;
    -webkit-border-radius: 5px
}

.tag.grande span {
    font-size: medium!important
}

.tag.grande i {
    vertical-align: sub;
    color: inherit!important
}

.tag.cinza {
    background-color: #DDD;
    color: #666
}

.tag.amarelo {
    background-color: #FF0;
    color: #333
}

.tag.verde {
    background-color: #0C0;
    color: #FFF
}

.tag.laranja {
    background-color: #F60;
    color: #FFF
}

.tag.vermelho {
    background-color: #E00;
    color: #FFF
}

.tag.azul {
    background-color: #0079c0;
    color: #FFF
}

.tag.rosa {
    background-color: deeppink;
    color: #FFF
}




.tag.pendente {
    background-color: #f4dd51!important
}

.tag.verificacao {
    background-color: #a5c3a7!important
}

.tag.autorizado {
    color: #FFF!important;
    background-color: #567ebb!important
}

.tag.autorizado i,.tag.autorizado span.tag.autorizado div {
    color: #FFF!important
}

.tag.aprovado {
    color: #FFF!important;
    background-color: #00c16c!important
}

.tag.aprovado i,.tag.aprovado span.tag.aprovado div {
    color: #FFF!important
}

.tag.cancelado {
    color: #cf391d!important;
    background-color: #F6F6F6!important
}

.tag.cancelado i,.tag.cancelado span.tag.cancelado div {
    color: #cf391d!important
}





.chamada-pagina {
	display: grid;
	grid-template-columns: 1fr 2fr;
	align-items: flex-start;
	gap: 10px;
	margin-top: 40px;
}
.chamada-pagina .titulo {
	margin-top: 0px;
}
.chamada-pagina .info {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: justify;
}
.chamada-pagina > .imagem {
	width: 100%;
	height: 300px;
	background-color: #FFF;
	position: relative;
	overflow: hidden;
}
.chamada-pagina > .imagem > .foto {
	width: 100%;
	height: 100%;
	position: relative;
	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;
	transition: all .5s;
}

@media only screen and (max-width: 700px) {
	.chamada-pagina {
		grid-template-columns: 1fr;
	}
}



.lista-chamada-numeros {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 50px;
	margin-top: 40px;
}
.chamada-numeros {
	text-align: center;
}
.chamada-numeros > .circulo {
	width: 110px;
	height: 110px;
	background-color: #31B7BC;
	border-radius: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.chamada-numeros > .circulo i {
	font-size: xxx-large;
	color: #FFF;
}
.chamada-numeros > .numero {
	font-size: xx-large;
	font-weight: bold;
	color: #31B7BC;
}
.chamada-numeros > .info {
	font-size: medium;
	color: #5c5c5c;
}



@media only screen and (max-width: 700px) {
	.lista-chamada-numeros {
		gap: 30px;
	}
	.chamada-numeros > .circulo {
		width: 80px;
		height: 80px;
	}
	.chamada-numeros > .circulo i {
		font-size: xx-large;
	}
	.chamada-numeros > .numero {
		font-size: x-large;
	}
	.chamada-numeros > .info {
		font-size: small;
	}
}


.curso-dados {
	border: 1px solid #CCC;
	padding: 20px;
	display: grid;
	gap: 7px;
}
.curso-dados .item {
	display: grid;
	grid-template-columns: auto 1fr;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: .85rem;
	padding: 3px 0;
}
.curso-dados .item > i {
	font-size: x-large;
	color: #31B7BC;
}
.curso-dados .valor {
	text-align: center;
	font-weight: bold;
	font-size: x-large;
	padding: 10px;
	background-color: #EEE;
	color: #31B7BC;
}
.curso-dados .valor > div {
	font-weight: normal;
	font-size: small;
	padding: 0px;
	color: #000;
}

.pagina-login {
    display: flex;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap
}

.box-login {
	width: 340px;
	max-width: 100%;
	padding: 20px;
	background-color: #FFF;
	border: 1px solid #CCC
}

.box-login>div:first-child {
	margin-bottom: 20px
}

.box-login h2 {
	margin-top: 0;
	margin-bottom: 0;
	text-align: center
}

.box-login .info {
	font-size: small;
	text-align: center
}

.box-login .extra {
	text-align: center
}

.box-login .texto {
	font-size: medium;
	text-align: center;
	height: 55px;
	display: flex;
	align-items: center
}

.box-login.novo {
	background-color: lightslategrey
}

.box-login.novo,
.box-login.novo label,
.box-login.novo span {
	color: #FFF
}

@media screen and (max-width:700px) {
	.box-login {
		width: 100%
	}
}




.forca-senha {
    display: grid;
    grid-gap: 3px
}

.forca-senha>div {
    display: flex;
    justify-content: flex-start;
    gap: 5px;
    color: #AAA;
    font-size: small
}

.forca-senha>div>i {
    font-size: medium
}

.forca-senha>div.checked {
    color: #080;
    font-weight: bold
}

.boxCadastro {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px
}

.boxCadastro>div {
    border: 1px solid #CCC;
    background-color: #FFF;
    outline: none;
    -webkit-box-shadow: 2px 2px 7px 0 rgba(0,0,0,.20);
    -moz-box-shadow: 2px 2px 7px 0 rgba(0,0,0,.20);
    box-shadow: 2px 2px 7px 0 rgba(0,0,0,.20);
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.boxCadastro>div>h4 {
    margin: 0;
    padding: 10px 20px;
    background-color: #EEE
}

.boxCadastro>div>.conteudo {
    padding: 20px
}

@media only screen and (max-width: 1100px) {
    .boxCadastro {
        grid-template-columns:1fr
    }
}

.grid-carrinho {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
}
@media only screen and (max-width: 900px) {
    .grid-carrinho {
		grid-template-columns: 1fr;
	}
}
.grid-carrinho > div {
	border: 1px solid #DDD;
	border-radius: 5px;
	padding: 20px;
	/* background-color: #f6f6f6; */
	font-size: .82rem;
}
.grid-carrinho > div > .titulo {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1rem;
}
.grid-carrinho > div > .bloco {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.grid-carrinho > div > .bloco.grid {
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 10px;
	padding-left: 0px;
}
.grid-carrinho > div > .bloco.grid > i {
	font-size: x-large;
	color: #31B7BC;
}
.grid-carrinho > div > .bloco.grid > div > div {
	padding: 1px 0;
}
.grid-carrinho > div > .compra-segura {
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	font-size: medium;
	color: #666;
}
.grid-carrinho > div > .compra-segura i {
	font-size: x-large;
}


.lista-forma-pagamento {
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}
.lista-forma-pagamento > li {
	list-style: none;
	background-color: #EEE;
}
.lista-forma-pagamento > li.disabled {
	background-color: #AAA;
}
.lista-forma-pagamento > li.active {
	background-color: #DFE;
}



.lista-forma-pagamento > li div {
	padding: 0;
}

.lista-forma-pagamento > li > .forma {
	display: grid;
	grid-template-columns: auto auto 1fr;
	gap: 15px;
	align-items: center;
	padding: 10px;
	font-size: .85rem;
	cursor: pointer;
}

.lista-forma-pagamento > li > .forma > div > div:first-child {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 15px;
	flex-wrap: nowrap;
	align-items: center;
}

.lista-forma-pagamento > li > .forma > i {
	font-size: x-large;
	color: #999;
}
.lista-forma-pagamento > li > .forma > img {
	max-width: 24px;
	filter: grayscale(100%) brightness(1);
}
.lista-forma-pagamento > li > .forma div.forma_parcelamento {
	color: #666;
	font-size: .7rem;
}
.lista-forma-pagamento > li > .forma div.forma_parcelamento b {
	color: #333;
	font-size: .85rem;
}
.lista-forma-pagamento > li > .conteudo {
	display: none;
	padding: 10px;
}
.lista-forma-pagamento > li.active > .forma {
	background-color: #D0F0E0;
}
.lista-forma-pagamento > li.active > .forma div.titulo {
	color: #000;
	font-weight: bold;
}
.lista-forma-pagamento > li.active > .forma > i {
	color: #000;
}
.lista-forma-pagamento > li.active > .forma > img {
	filter: grayscale(100%) brightness(0);
}

.campo-cpf-nascimento {
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: flex-start;
	gap: 5px;
}
@media only screen and (max-width: 1000px) and (min-width: 900px) {
	.campo-cpf-nascimento {
		grid-template-columns: 1fr;
	}
}






[class^="box-msg"] {
    display: grid;
    justify-content: center;
    justify-items: center;
    margin-top: 20px;
    text-align: center
}

[class^="box-msg"]>img {
    max-height: 108px
}

[class^="box-msg"]>i {
    font-size: xx-large;
    padding: 25px;
    border-radius: 99%;
    background-color: #FFF;
    color: #333;
    -webkit-box-shadow: 3px 3px 6px 0 rgba(0,0,0,.45);
    -moz-box-shadow: 3px 3px 6px 0 rgba(0,0,0,.45);
    box-shadow: 3px 3px 6px 0 rgba(0,0,0,.45);
    border: 7px solid #9cf0e6
}

[class^="box-msg"]>i::before {
    text-shadow: 1px 1px 5px #666
}

[class^="box-msg"]>h2 {
    margin: 5px;
    font-size: xx-large
}

.box-msg-sucesso>h2 {
    color: #00d0ad
}

.box-msg-sucesso>i {
    background-color: #00d0ad;
    color: #FFF;
    border: 7px solid #9cf0e6
}

.box-msg-erro>h2 {
    color: #C00
}

.box-msg-erro>i {
    background-color: #C00;
    color: #FFF;
    border: 7px solid #E99
}

.box-msg-alerta>h2 {
    color: #D2BB30
}

.box-msg-alerta>i {
    background-color: #D2BB30;
    color: #FFF;
    border: 7px solid #F6CC74
}

[class^="box-msg"].ico>i {
    font-size: 50px;
    padding: 0;
    border-radius: 99%;
    background-color: #FFF;
    color: #333;
    -webkit-box-shadow: inherit;
    -moz-box-shadow: inherit;
    box-shadow: inherit;
    border: none
}

[class^="box-msg"].ico>i::before {
    text-shadow: inherit
}

.box-msg-sucesso.ico>i {
    background-color: none;
    color: #00d0ad;
    border: none
}

.box-msg-erro.ico>i {
    background-color: none;
    color: #C00;
    border: none
}

.box-msg-alerta.ico>i {
    background-color: none;
    color: #D2BB30;
    border: none
}

.ficha-cadastral {
	margin: 0;
	padding: 0;
	display: grid;
	gap: 3px;
}
.ficha-cadastral li {
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.ficha-cadastral li > label {
	margin: 0;
	padding: 0;
	font-size: .7rem;
	color: #999;
}
.ficha-cadastral li > div {
	display: flex;
	justify-items: flex-start;
	align-items: center;
	gap: 5px;
	padding: 0;
}
.ficha-cadastral li > div > span {
	font-size: .85rem;
	color: #333;
}