@import url('https://fonts.googleapis.com/css?family=Grand+Hotel|Muli|Open+Sans|Roboto|Rochester|PT+Sans+Narrow');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap');
/*
font-family: 'Rochester', cursive;
font-family: 'Grand Hotel', cursive;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Open Sans', sans-serif;
font-family: 'PT Sans Narrow', sans-serif;
font-family: 'Muli', sans-serif;
*/

html {scroll-behavior: smooth;}
body { font: normal 18px 'Roboto Condensed', sans-serif;}
p { font: normal 18px 'Roboto Condensed', sans-serif; margin: 0px}
h1 { font: normal 25px 'Roboto Condensed', sans-serif;}
h2 { font: normal 20px 'Roboto Condensed', sans-serif;}
h3 { font: normal  30px 'Roboto Condensed', sans-serif; color: #ffffff; text-align: center}

.borda-radius-top {border-top-left-radius: 5px; border-top-right-radius: 5px;}
.borda-radius-baixo {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.rede-social{ position: fixed; right: 2px; bottom: 2px; z-index: 100}
.whats-pc {display: inline;}
.whats-cel {display: none;}
.sem-espaco{padding-top: 0px; padding-bottom: 0px;}
.video{max-width: 1140px; padding-bottom: 20px; margin: 0 auto;}
.espaco{padding-top: 100px; padding-bottom: 100px;}
.espaco10{padding-top: 10px; padding-bottom: 10px;}
.espaco20{padding-top: 20px; padding-bottom: 20px;}
.espaco25{padding-top: 25px; padding-bottom: 25px;}
.espaco30{padding-top: 30px; padding-bottom: 30px;}
.espaco40{padding-top: 40px; padding-bottom: 40px;}
.espaco50{padding-top: 50px; padding-bottom: 50px;}
.espaco60{padding-top: 60px; padding-bottom: 60px;}
.espaco70{padding-top: 70px; padding-bottom: 70px;}
.espaco80{padding-top: 80px; padding-bottom: 80px;}
.espaco90{padding-top: 90px; padding-bottom: 90px;}
.espaco100{padding-top: 100px; padding-bottom: 100px;}
.espaco-baixo{padding-top: 20px; padding-bottom: 50px;}
.espaco20-para-baixo {padding-bottom: 20px;}
.espaco-menu{padding-top: 50px;}
.espaco-topo{padding-bottom: 15px; padding-top: 15px;}
.espaco-formulario{padding-bottom: 15px;}
.espaco-form {padding-bottom: 2px;}
.espaco-label {padding-right: 5px; padding-left: 5px; margin-right: 5px; margin-left: 5px;}
.tamanho-icone {width: 30px; height: 30px; vertical-align: baseline}
.img-centro {margin: 0 auto;}
.campo{ padding:3px; background-color:#ffffff; color:#000; FONT-SIZE: 15px; FONT-FAMILY:'Roboto Condensed', sans-serif; width:100%; margin-right:10px}
.botao{ padding:10px; background-color:#49618d; color:#FFFFFF; FONT-SIZE: 18px; FONT-FAMILY:'Roboto Condensed', sans-serif; margin-top: 5px;border-radius: 8px;}
.linha { background-color: #0a1b59; padding: 1px;}
.rodape p{FONT: normal 15px 'Roboto Condensed', sans-serif; color: #ffffff; text-align: right; padding-bottom: 1px; }
.meio-section{position: relative; padding: 6vw 0;}
.container-fluido {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
.botao-servicos {background-color: #49618d; border-radius: 20px ; padding: 10px; margin: 5px;}
.botao-servicos:hover {background-color: #333333;}

.borda-tamanho {margin: 0 auto; max-width: 700px;}

.borda-colunas {box-sizing: border-box; border-left: 1px solid #49618d; padding-left: 8px;}
.borda-colunas-direta {border-right: 6px solid #cacaca;}

.clearfix { overflow: auto;}
.card {background-color: #ececec; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); width: 100%; border-radius: 10px; margin-bottom: 10px; max-width: 260px;}

.overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000000;}

.botao:hover {background:#333333;}

.grow:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);}

.reduz:hover { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); transition: 0.8s;}

.img-borda-circulo {  background-color:  rgba(160, 160, 160, 0.8); }

#menu-fixo { position: -webkit-sticky; position: sticky; top: 0; z-index: 99}

#linha-topo{ padding: 12px; background-color: #49618d;}
#linha-topo h1{FONT: normal 15px 'Roboto Condensed', sans-serif; padding-bottom: 0; color: #ffffff; text-align: center; margin: 0}
#linha-topo a:link  {COLOR: #ffffff; TEXT-DECORATION: none}
#linha-topo a:visited {COLOR: #ffffff; TEXT-DECORATION: none}
#linha-topo a:hover {COLOR: #f8c237; text-decoration: underline}

#top { background-image: url("../img/topo-site.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
#topo-menu { background-color: #000000;}

#banners {display: inline}
#banners-quadrados {display: none}

#destaques {background-image: url("../img/fd-meio.jpg")}
#destaques h1{FONT: normal 36px 'Roboto Condensed', sans-serif;  color: #49618d; text-align: center;  margin: 20px;}
#destaques h2{FONT: normal 30px 'Roboto Condensed', sans-serif; padding-bottom: 0px; color: #000000; text-align: left;}
#destaques hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #000000; width: 40%;}
#destaques p{ FONT: normal 'Roboto Condensed', sans-serif; color: #000000	; text-align: left; padding-bottom: 1px; margin-bottom: 5px;	}
#destaques a:link  {COLOR: #49618d; TEXT-DECORATION: none}
#destaques a:visited {COLOR: #49618d; TEXT-DECORATION: none}
#destaques a:hover {COLOR: #000000; text-decoration: none}


#destaques2 {background-image: url("../img/fundo-destaques2.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
#destaques2 h1{FONT: normal 45px 'Roboto Condensed', sans-serif; color: #49618d; text-align: left; margin-bottom: 20px; margin-top: 0px;}
#destaques2 h2{FONT: normal 22px 'Roboto Condensed', sans-serif; color: #49618d; text-align: left; margin-bottom: 10px; margin-top: 10px;}
#destaques2 p{ FONT: normal 'Roboto Condensed', sans-serif; color: #000000; text-align: left; margin: 0px}
#destaques2 a:link  {COLOR: #49618d; TEXT-DECORATION: none}
#destaques2 a:visited {COLOR: #49618d; TEXT-DECORATION: none}
#destaques2 a:hover {COLOR: #000000; text-decoration: none}

#tarja-titulos {background-image: url("../img/fundo-tarja-titulos.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
#tarja-titulos h1{FONT: normal 45px 'Roboto Condensed', sans-serif;  color: #ffffff; text-align: left; margin: 0px;}
#tarja-titulos h2{FONT: normal 30px 'Roboto Condensed', sans-serif;  color: #ffffff; text-align: left; }

#tarja-vermelha {background-color: #FC0004;  position: -webkit-sticky; position: sticky; top: 47px;border: 2px solid #ffffff; z-index: 89}
#tarja-vermelha h1{FONT: normal 20px 'Roboto Condensed', sans-serif;  color: #ffffff; text-align: center; margin: 0px;}

#paginas {background-color: #ffffff; background-image: url("../img/fundo-paginas.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }
#paginas h1{FONT: normal 36px 'Roboto Condensed', sans-serif; padding-bottom: 5px; color: #000000; text-align: left;  margin: 0px;}
#paginas h2{FONT: normal 26px 'Roboto Condensed', sans-serif; padding-bottom: 0px; color: #49618d; margin-top: 10px; margin-bottom: 10px;}
#paginas h3{FONT: normal 16px 'Roboto Condensed', sans-serif; color: #ffffff; }
#paginas p{ FONT: normal 18px 'Roboto Condensed', sans-serif; color: #000000; text-align: justify; padding-bottom: 5px;}
#paginas li{FONT: normal 18px 'Roboto Condensed', sans-serif; color: #000000; padding-bottom: 1px; }
#paginas ul{FONT: normal 18px 'Roboto Condensed', sans-serif; color: #000000; padding-bottom: 1px; }
#paginas a:link  {COLOR: #49618d; TEXT-DECORATION: none}
#paginas a:visited {COLOR: #49618d; TEXT-DECORATION: none}
#paginas a:hover {COLOR: #333333; TEXT-DECORATION: none}

#baixo{background-image: url("../img/fundo-baixo.jpg")}
#baixo h1{FONT: normal 30px 'Roboto Condensed', sans-serif; color: #49618d; margin-top: 1px; margin-bottom: 0; padding-bottom: 5px; padding-top: 5px;}
#baixo h2{FONT: normal 15px 'Roboto Condensed', sans-serif; color: #49618d; margin-top: 0px; margin-bottom: 0px;}
#baixo h6{FONT: normal 15px 'Roboto Condensed', sans-serif; color: #49618d; text-align: center; margin-top: 0px; margin-bottom: 0px; padding: 5px; }
#baixo p{FONT: normal 16px 'Roboto Condensed', sans-serif; color: #000000; text-align: left; margin-top: 5px; margin-bottom: 5px; }
#baixo hr{ margin-top: 10px; margin-bottom: 10px; border: 0; border-top: 2px solid #000000;}
#baixo a:link  {COLOR: #49618d; TEXT-DECORATION: none}
#baixo a:visited {COLOR: #49618d; TEXT-DECORATION: none}
#baixo a:hover {COLOR: #333333; TEXT-DECORATION: none}

#rodape{ background-color: #ffffff ;}
#rodape p{FONT: normal 15px 'Roboto Condensed', sans-serif; padding-bottom: 0; color: #777777; margin: 0}
#rodape a:link  {COLOR: #000000; TEXT-DECORATION: none}
#rodape a:visited {COLOR: #000000; TEXT-DECORATION: none}
#rodape a:hover {COLOR: #ff5d00; text-decoration: underline}

#colunas-frente {background-color: #fff}

#fundo-fixo { background-image: url(../img/fundo-fixo.jpg); background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; min-height: 450px; width: 100%; background-color: #7d705d; }
#fundo-fixo h1{FONT: normal 45px 'Roboto Condensed', sans-serif; color: #fff; text-align: center; margin-top: 0px; margin-bottom: 20px;}
#fundo-fixo h2{FONT: normal 30px 'Roboto Condensed', sans-serif; color: #fff; text-align: center; margin: 0px;}
#fundo-fixo hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ffffff; width: 40%;}
#fundo-fixo p{FONT: normal 30px 'Roboto Condensed', sans-serif; padding-bottom: 5px; color: #ffffff; text-align: center;}
#fundo-fixo a:link  {COLOR: #f8c237; TEXT-DECORATION: none}
#fundo-fixo a:visited {COLOR: #f8c237; TEXT-DECORATION: none}
#fundo-fixo a:hover {COLOR: #cccccc; text-decoration: underline}

#index-html {background-image: url("../img/fd-baixo.jpg")}

#facebook-janela{display: inline;}
#tarja-grande{display: inline;}
#tarja-pequena{display: none; }

A:link  {COLOR: #000000; TEXT-DECORATION: none}
A:visited {COLOR: #000000; TEXT-DECORATION: none}
A:hover {COLOR: #000000; text-decoration: underline}

A.baixo:link  {COLOR: #ffffff; FONT-SIZE: 10pt;TEXT-DECORATION: none}
A.baixo:visited {COLOR: #616161;FONT-SIZE: 10pt; TEXT-DECORATION: none}
A.baixo:hover {COLOR: #616161; FONT-SIZE: 10pt;TEXT-DECORATION: underline}

A.lat2:link  {COLOR: #57265e;FONT-WEIGHT: bold; background-color: #57265e; border-radius:4px; padding:4px; TEXT-DECORATION: none}
A.lat2:visited {COLOR: #57265e; FONT-WEIGHT: bold;background-color:#57265e; border-radius:4px; padding:4px; TEXT-DECORATION: none}
A.lat2:hover {COLOR: #74c425; FONT-WEIGHT: bold;background-color:#74c425; border-radius:4px; padding:4px; TEXT-DECORATION: none}

.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #ff5d00;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.form-control-data {
  display: block;
  width: 100%;
  height: 46px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  float: left;
}
.form-control-data-text {
  display: block;
  width: 100%;
  height: 46px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #ede8dd;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  margin: 0px;
  float: left;
}

.form-control {
  display: block;
  width: 100%;
  height: 46px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */
}
.iframe-container > *{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}
.container-coluna {margin: 0px;}
.coluna-4 {width: 33.33333333%; float: left;}
.coluna-4 A:link  {COLOR: #ffffff; TEXT-DECORATION: none}
.coluna-4 A:visited {COLOR: #ffffff; TEXT-DECORATION: none}
.coluna-4 A:hover {COLOR: #74c425; text-decoration: inherit}

.coluna-3 {width: 25%; float: left;}
.coluna-3 A:link  {COLOR: #ffffff; TEXT-DECORATION: none}
.coluna-3 A:visited {COLOR: #ffffff; TEXT-DECORATION: none}
.coluna-3 A:hover {COLOR: #74c425; text-decoration: inherit}

.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
	display: block;
}
.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}
.hvrbox .hvrbox-text {
	text-align: center;
	font-size: 25px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	border: 2px solid white; padding: 20px;
}

@media screen and (max-width: 1300px) {
	#tarja-grande{display:none }
	#tarja-pequena{display: inline; margin-left: auto; margin-right: auto; padding-bottom: 5px;}
	#destaques2 {background-image: url("../img/fundo-destaques2-1300.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
	.espaco{padding-top: 40px; padding-bottom: 40px;}	
}

@media screen and (max-width: 1170px) {
	#tarja-grande{display:none }
	#tarja-pequena{display: inline; margin-left: auto; margin-right: auto; padding-bottom: 5px;}
	.espaco{padding-top: 40px; padding-bottom: 40px;}	
}

@media only screen and (max-width: 1024px) {
   .coluna-4 {
        width: 33%;
    }
	.coluna-3 {width: 50%;}
	#tarja-vermelha {background-color: #FC0004; position: static; top: 0;border: 2px solid #ffffff; z-index: 999}
		#tarja-vermelha h1{FONT: normal 17px 'Roboto Condensed', sans-serif;  color: #ffffff; text-align: center; margin: 0px;}
}

@media screen and (max-width: 768px) {
	#rodape p{FONT: normal 14px 'Roboto Condensed', sans-serif; padding-bottom: 3px; color: #bcbcbc; margin: 0; text-align: center;}
	#img-titulo{display: none}
	.espaco-menu{padding-top: 5px;}
	.coluna-3 {width: 50%;}

}
@media screen and (max-width: 640px) {
	#rodape p{FONT: normal 15px 'Roboto Condensed', sans-serif; padding-bottom: 3px; color: #777777; margin: 0; text-align: center;}
	#destaques2 {background-image: url("../img/fundo-destaques2-640.jpg"); background-repeat: no-repeat}
	#banners {display: none}
	#banners-quadrados {display: inline}
	.espaco-menu{padding-top: 5px;}
	#fundo-fixo { background-image: url(../img/fundo-fixo-640.jpg); background-size: cover; background-attachment: fixed; background-position: center; background-repeat: no-repeat; width: 100%; }
	#fundo-fixo h1{FONT: normal 30px 'Roboto Condensed', sans-serif; color: #fff; text-align: center; }
.whats-pc {display: none;}
.whats-cel {display: inline;}
		.coluna-3 {width: 50%;}
	.hvrbox .hvrbox-layer_top { opacity: 1; background: rgba(0, 0, 0, 0.0);}
	.hvrbox .hvrbox-text { border: 2px solid white; background: rgba(0, 0, 0, 0.6); }
}
@media only screen and (max-width: 500px) {
	.coluna-3 {width: 100%;}
}


@media only screen and (max-width: 414px) {
	.coluna-3 {width: 100%;}
}