﻿/* CUSTOMIZANDO VALIDACAO DE FORM DO BOOTSTRAP */
/* =========================================== */
/* REMOVENDO IMAGEM CHECK DOS CAMPOS SEM ERRO */
.form-control.is-valid:focus, .was-validated :valid.form-control {
	/*border-color: #DDDDDD !important;*/
	padding: 4px 8px 4px 8px !important;
    background-image: inherit !important;
    /*box-shadow: inherit !important;*/
}
/* REMOVENDO IMAGEM X DOS CAMPOS COM ERRO */
.form-control.is-invalid:focus, .was-validated :invalid.form-control {
	/*border-color: #DDDDDD !important;*/
	padding: 4px 8px 4px 8px !important;
    background-image: inherit !important;
    /*box-shadow: inherit !important;*/
}

@font-face {
	font-family: "Century Gothic";
	src: local("GOTHIC.TTF"), url("admin/js/ckeditor_custom_fonts/GOTHIC.TTF") format("truetype");
}

/*===================================*/
html,body {
	top: 0 !important;
	left: 0;
	margin-top: -0.7rem !important;
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	overflow-x: hidden;	
	/*height: auto;*/
}
body,footer {overflow-x: hidden; overflow-y: hidden; }
html,body,footer,div,a,input,select,textarea,button {
	font-family: 'Century Gothic', 'Tahoma', 'Arial', 'Verdana', 'Comic Sans MS', 'Courier New', 'Times New Roman', 'Trebouchet MS', 'Georgia', 'Lucida Sans Unicode', sans-serif; 
	/*font-size: 100%;*/
}

/*===================================*/
hr 	{border-width: 4px !important; border-radius: 5px !important; /*border-color: #002D62 !important;*/ }

a {
	cursor:pointer !important;
	font-family: "Century Gothic" !important;
	font-size: 1.1rem !important;
	outline: 0 !important;
	color: white !important;
}
a:hover {
	color: #000 !important; /*#E1A90B #2B3D61 #4E86B0 */
	/*text-shadow: 1px 1px 4px #FFF !important;*/
	font-weight: bold !important;
	font-style: italic; 
	border-radius: 4px !important; 
	text-shadow: 1px 1px 4px #606060 !important; 
}
a:link {
  text-decoration: none !important;
}
a.menu-dropdown:hover {
	color: #E1A90B !important;
	background-color: #2B3D61 !important;
}
a.whatsapp-menu:hover {
	color: #31CC5A !important;
}
a.link-noticias {
	cursor:pointer !important;
	font-size: 1.1rem !important;
	outline: 0 !important;
}
a.link-politica {
	text-decoration-line: underline !important;
	text-decoration-style: solid !important;
	font-size: 1rem !important;
	cursor:pointer !important;
}
a.link-saiba-mais:hover { 
	font-style: italic; 
	border-radius: 4px !important; 
	text-shadow: 1px 1px 4px #606060 !important; 
}

/*===================================*/
/*
.carousel-control-prev,
.carousel-control-next {
	top: 45% !important;
	height: 25px;
	width: 50px !important;
	margin: 25px;
	margin-left: 30px;
	margin-right: 30px;
	border-radius: 50px;
	background: #808080;
}
*/
.carousel-indicators { margin-bottom: 0.5rem !important; }
.carousel .carousel-indicators li {
	width: 15px;
	height: 15px;
	border-radius: 100%;
}
.carousel-control-prev,
.carousel-control-next {
	display: flex;
	top: 45% !important;
	height: 32px;				/*40px;*/
	width: 42px !important;		/*40px;*/
	margin-left: 30px;			/* 20px;*/
	margin-right: 30px;			/* 20px;*/
	border-radius: 50px;
	background: #154B75;	/*#B5B5B5  #154B75;*/
	/*font-weight: bold;*/
}

/*===================================*/
.videos-config { height: 406px; }
.rounded-5    { border-radius: 5px; }
.rounded-10   { border-radius: 10px; }
.line-height-banner { line-height: 1.3em !important; }
.line-height-m { line-height: 1.6em !important; }
.line-height-g { line-height: 1.9em !important; }
.underline { border-bottom-width: 2px; border-bottom-style: solid; padding-bottom:5px;}
.img-text-around { width: auto; height:auto; }

.follower-rodape-endereco { display: block; }
.follower-rodape-mapa { display: none; }

.btn-home {
	margin-top:0rem !important;
	margin-bottom:0rem !important;
	font-size:1.3rem !important;
}
.btn-whatsapp {
	margin-top:0rem !important;
	padding-top:0.3rem !important;
	margin-bottom:0rem !important;
	font-size:1.5rem !important;
}
.btn-padrao {
	color: white;
	background-color: #2B3D61;
	border-color: #27365E;
	border-radius: 5px;
	padding: 2px 20px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
	font-size: 16px;
}
.btn-padrao:hover {
	color:white;
	background-color:#264878;
	border-color:#27365E;
}
.whatsapp-flutuante {
    position: fixed;
    bottom: 23px;
    right: 100px;
    padding: 10px;
    z-index: 10000000;
}
/*===================================*/
.div-borda-sombra {
	border-style: solid;
	border-width: 1px;
	border-color: silver;
	box-shadow: 2px 2px 3px silver !important;	
}
.rounded-borda {
	border-style: solid;
	border-width: 5px;
	border-color: silver;
	border-radius: 10px;
}
.div-borda { border-style: solid; border-width: 0.12rem; border-color: silver; }

.div-msg {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: gray;
	box-sizing: border-box;
}
.div-msg-erro {
	display: block;
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	font-weight: 400;
	line-height: 1.5;
	text-align: left;
	color: #dc3545;
	box-sizing: border-box;
}
.div-agencia-header {
	padding:3px 2px 0px 2px !important;
	border:thin !important;
	border-color: #BFBEBB !important;  /* #F0EFED */ 
	border-style: solid !important; /*solid, groove, ridge, inset, outset*/
	border-radius:5px 5px 0px 0px !important;
	background-color: #DDDDDF !important;
	min-height:36px !important;
}
.div-agencia {
	padding:0px 7px 7px 7px !important;
	border:thin !important;
	border-color: #BFBEBB !important;  /* #F0EFED */ 
	border-style: solid !important; /*solid, groove, ridge, inset, outset*/
	border-radius:0px 0px 5px 5px !important;
	background-color: #F7F7F7 !important;
	min-height:100px;
}
.div-noticia-data {
	padding: 0px 0px 0px 3px !important;
	border: thin !important;
	border-color: #E3E3E3 !important;  /* #F0EFED */ 
	border-style: solid solid none solid !important; /*solid, groove, ridge, inset, outset*/
	border-radius: 30px 150px 0px 0px !important;
	background-color: #F7F7F7 !important;
	font-size:1.0rem !important;
	font-weight:normal !important;
}
.div-noticia-titulo {
	padding:0px 2px 2px 3px !important;
	border:thin !important;
	border-color: #E3E3E3 !important;  /* #F0EFED */ 
	border-style: solid none none none !important; /*solid, groove, ridge, inset, outset*/
}
.div-contato {
	padding:0px 7px 7px 7px !important;
	border:thin !important;
	border-color: #BFBEBB !important;  /* #F0EFED */ 
	border-style: solid !important; /*solid, groove, ridge, inset, outset*/
	border-radius:5px !important;
}
.fundo-div-contato {
	background-image:url('imagens/contato.jpg');
	background-position: right;
	background-size: contain; 
	background-repeat: no-repeat; 
}

/*===================================*/
.fundo-cor-vermelho {
	background-color: #B82F2E !important;
}
.fundo-cor-azul {
	background-color: #2B3D61 !important;
}
.fundo-cor-cinza {
	background-color: #DDDDDF !important;
}
.fundo-cor-cinza-claro {
	background-color: #F7F7F7 !important;
}
.fundo-cor-branca {
	background-color: #FFF !important;
}
.fundo-cor-casas-assistidas {
	background-color: #E4E4E4 !important;
}
.fundo-cor-acoes-realizadas {
	background-color: #ECF2F6 !important;
}
/*===================================*/
.sombra-leve  { box-shadow: 1px 1px 1px 1px silver; }
.sombra-forte { box-shadow: 3px 3px 6px silver; }
.sombra-espec { box-shadow: 5px 3px 10px #808285; }

/*.texto-sombra     	{text-shadow: 2px 2px 3px gray !important;}*/
.texto-sombra     		{text-shadow: 2px 1px 3px #002D62 !important;}
.texto-sombra-carousel	{text-shadow: 10px 10px 10px #000000 !important;}


.texto-cor-link {
	color: #1626B5 !important;
}
.texto-cor-link-rodape {
	color: #08D8FF !important;
}
.texto-cor-cinza {
	color: #808080 !important;
}
.texto-cor-cinza-claro {
	color: #999999 !important;
}
.texto-cor-branca {
	color: #FFF !important;
}
.texto-cor-preta {
	color: #000 !important;
}
.texto-cor-amarela {
	color: #E1A90B !important;
}
.texto-cor-azul {
	color: #2B3D61 !important;
}
.texto-cor-vermelha {
	color: #BA3635 !important;
}
.texto-cor-azul {
	color: #2B3D61 !important;
}
.texto-cor-acoes-realizadas {
	color: #5A8FB5 !important;
}
/*===================================*/

.fonte-cor-logo-localizacao {
	color: #E1A90B !important;
	font-size: 0.8rem !important;
}
.fonte-cor-logo-whatsapp {
	color: #2BAD66 !important;
	font-size: 1.0rem !important;
}
.fonte-titulo-rodape {
	font-size:18px !important;
	font-weight:bolder !important;
}
.fonte-texto-rodape {
	line-height:1.1rem !important;
	/*font-size:0.8rem !important;*/
	font-weight:normal !important;
	color: #FFF !important;
}
.fonte-agencia-header {
	font-size:0.9rem !important;
	font-weight:bolder !important;
}


/*========================================= 
		NOVA VERSÃO CARLOS
*/
/* ========================================= */
/*========================================= */
a.nav-link {font-size: 1.2rem !important;}
.font-size-menu   {font-size: 1.0rem !important;}
.font-size-saibamais {font-size: 22px !important;}
.font-size-titulo{font-size: 6vh !important;}
.font-size-destaque {font-size: 2.5vh !important; line-height: 1.6em !important; }
.font-size-texto {font-size: 2vh !important; line-height: 1.6em !important; }
.font-size-ppp   {font-size:  8px !important;}
.font-size-pp    {font-size: 14px !important;}
.font-size-p     {font-size: 16px !important;}
.font-size-m     {font-size: 18px !important;}
.font-size-g     {font-size: 21px !important;}
.font-size-xg    {font-size: 30px !important;} /*28*/
.font-size-xxg   {font-size: 40px !important;} /*34*/
.font-weight-300 {font-weight: 300 !important;}
.font-weight-400 {font-weight: 400 !important;}
.font-weight-600 {font-weight: 600 !important;}
.font-weight-700 {font-weight: 700 !important;}

.personalizar-select {
	height: 50px !important;
	background-color: #2B3D61 !important;
    border: 1px solid red;
    border-radius: 15px!important;
    /* Declaração para aparecer no Firefox */
	-moz-border-radius: 15px!important;
	/* Para exibir nos outros navegadores como Chrome, safari, opera*/
	-webkit-border-radius: 15px!important;
	color: white!important;
}
.personalizar-select:disabled {
	opacity: .5!important;
}
.personalizar-select option {
    border: 1px solid blue;
    background: lightgray;
    color: #fff;
}  


.btnredondoamarelo{
	height: 50px !important;
	background-color: #eba222;!important;
    border: none;
    border-radius: 15px!important;
}

.btnredondoamarelo:disabled{
		background-color: #eba222;!important;
		opacity: .5!important;
	}
.btnredondoamarelo:hover{
		background-color: #eba222;!important;
		opacity: .5!important;
	}


.pl-pr { padding-left: 3.0rem; padding-right: 3.0rem; }
.ml-mr { margin-left:  3.0rem; margin-right:  3.0rem; }
.pl-pr-0 { padding-left: 0.75rem; padding-right: 0.75rem; }
.ml-mr-0 { margin-left: 0.75rem; margin-right: 0.75rem; }
.pt-pb { padding-top: 3.0rem; padding-bottom: 3.0rem; }
.mt-mb { margin-top: 3.0rem; margin-bottom: 3.0rem; }
.margin-saiba-mais { margin-top: 2.0rem; margin-bottom: 2.0rem; }
.padding-titulo { padding-bottom: 2.5rem; }
.padding-5 { padding: 5px; }


/*Muda a orientação do botão ao lado do submenu segundo nível*/
.submenu::after {
 		-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
	}



/*
Função para o botão que chama o topo da página
*/
 .imgtopopagina{
 	margin-top: 25%!important;
 }
.topopagina-flutuante {
	
    position: fixed;
    bottom: 100px;
    right: 5px;
    padding: -8px;
    z-index: 1000000;

    height: 40px;
	width: 40px !important;
	border-radius: 50px;
	background: #2A318A;	/*#B5B5B5*/
	transform: rotate(-90deg);
	  
	text-align:center!important	 ;
	vertical-align:center!important	 ;
}
.topopagina-flutuante:hover {
	background: gray!important;
}

/*========================================= */



/*===================================*/
@media only screen and (max-width: 991px) {
	.margin-saiba-mais { margin-top: 1rem; margin-bottom: 3.0rem; }
	.font-size-xxg   {font-size: 35px !important;}
	.font-size-g     {font-size: 18px !important;}
	.font-size-saibamais {font-size: 19px !important;}
	.font-size-xg    {font-size: 22px !important;}

	.follower-rodape-endereco { display: none; }
	.follower-rodape-mapa { display: block; }

	.fundo-div-contato {
		background-image:url('');
	}
	.whatsapp-flutuante {
	    bottom: 23px;
	    right: 100px;
	}

	.carousel-control-prev,
	.carousel-control-next {
			width: 0px !important;
	}

	.carousel-indicators { margin-bottom: 0.1rem !important; }
	.carousel .carousel-indicators li {
		width: 5px;
		height: 5px;
		border-radius: 100%;
	}

/*========================================= 
		NOVA VERSÃO CARLOS
*/
/* ========================================= */
	.font-size-pp  {font-size: 10px !important;}
	.font-size-p   {font-size: 12px !important;} /*17*/
	.font-size-m   {font-size: 14px !important;} /*17*/
	.font-size-g   {font-size: 18px !important;} /*19*/
	.font-size-xg  {font-size: 20px !important;} /*26*/
	.font-size-xxg {font-size: 24px !important;} /*28*/
}
@media only screen and (max-width: 1199px) {
	.btn-home {
		margin-top:1.5rem !important;
		margin-bottom:0.4rem !important;
		font-size:1.6rem !important;
	}
	.btn-whatsapp {
		margin-top:0.8rem !important;
		margin-bottom:0.6rem !important;
		font-size:2.2rem !important;
	}


	/*Muda a orientação do botão ao lado do submenu segundo nível*/
	.submenu::after {
 		-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}
}





/* 
========================================= 

		NOVA VERSÃO CARLOS
*/


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

	.closeatencao {
		position:relative;!important; 
		top: -55px; 
		left: 35px;
		/*position: absolute; 
		top: -45px; 
		left: -30px; */
		background-color: none; !important;
		border: solid; !important;
	  	text-align: center !important;
	  	display: inline-block !important;
	}



	/*Muda a orientação do botão ao lado do submenu segundo nível*/
	.submenu::after {
 		-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
	}

}
/* ========================================= */
/*
.div-aceitar-cookie {
    position: fixed;
    width: 80%;
	left: 50%;
    margin-left: -47.5%;
    background-color: white;
    border-style: solid ;
    border-width: 1px;
    bottom: 25px;
    border-color: lightgrey !important;
	border-radius: 10px !important;
	box-shadow: 2px 2px 4px #888888;
	padding: 15px 5px 15px 5px !important;
    z-index: 9999999;
}
*/
.div-aceitar-cookie {
    position: fixed;
    width: 75%;
	left: 50%;
    margin-left: -37.5%;
    background-color: white;
    bottom: 25px;
    border-color: lightgrey !important;
	border-radius: 10px !important;
	box-shadow: 2px 2px 4px #888888;
	padding: 15px 5px 15px 5px !important;
    z-index: 9999999;
}
a.link-politica-cookie { color: red !important; }
a.link-politica-cookie:hover { font-style: italic; }

.btnAceitarCookie:hover { background-color: lightgray; }

.bordamodalAtencao {
		/*border: thin;*/
		border-style: solid !important;
		border-color: #E0E0E0 !important;
		border-radius: 5px !important;
		box-shadow: 2px 2px 2px 4px black !important;
}


.titatencao{
	color: red !important;
	opacity: 0.5;
}
 

.closeatencao {
	position:relative;!important; 
	top: -55px; 
	/*position: absolute; 
	top: -45px; 
	left: -30px; */
	background-color: none; !important;
	border: solid; !important;
  	text-align: center !important;
  	display: inline-block !important;
}
.closeatencao:hover {
	color: lightgray!important;
	background-color: transparent !important;
  	text-align: center !important;
  	display: inline-block !important;
}
/* ========================================= */

@media only screen and (max-width: 520px) {
	.pl-pr 		{ padding-left: 1.5rem; padding-right: 1.5rem; }
	.ml-mr 		{ margin-left: 1.5rem; margin-right: 1.5rem; }
	.pt-pb 		{ padding-top: 1.5rem; padding-bottom: 1.5rem; }
	.mt-mb 		{ margin-top: 1.0rem; margin-bottom: 1.0rem; }
	.margin-saiba-mais { margin-top: 1rem; margin-bottom: 3.0rem; }
	.videos-config { height: 210px; }
	.img-text-around { width: 100% !important; }
	.link-width { width: 100% !important; }

}