/* CSS Document */
/* ==================================== HTML ============================================== */

body {
	font-family: 'Roboto', serif;
	font-size: calc(80% + 1vh + 1vw) !important;	
}
 
h2 {
	font-size: calc(115% + 1vh + 1vw) !important;
}
 
h3,
span.h3 {
	font-size: calc(110% + 1vh + 1vw) !important;
}

h4,
span.h4 {
	font-size: calc(102% + 1vh + 1vw) !important;
}
 
h5,
span.h5 {
	font-size: calc(100% + 1vh + 1vw) !important;
}

h6,
div.h6 {
	font-size: calc(97% + 1vh + 1vw) !important;
}

img {
	pointer-events: none;
}

.topo {
	font-size: calc(30% + 1vh + 1vw) !important;
}

/* xs < 768 */
/*@media screen and (max-width: 767px) {
    body {
        font-size: 3em;
    }
	
	h1 {
		font-size: 6em;
	}
	
	h2 {
		font-size: 4.5em;
	}
	
	h3 {
		font-size: 3.5em;
	}
	
	h4 {
		font-size: 3em;
	}
	
	h5 {
		font-size: 2.5em;
	}
	
	h6 {
		font-size: 2em;
	}
	
	.topo {
		font-size: 0.5em;
	}
}*/

/* sm */
/*@media screen and (min-width: 768px) {
    body {
        font-size: 5em;
    }
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	h3 {
		font-size: 1.17em;
	}
	
	h4 {
		font-size: 1em;
	}
	
	h5 {
		font-size: .83em;
	}
	
	h6 {
		font-size: .67em;
	}
	
	.topo {
		font-size: 0.5em;
	}
}*/

/* md */
/*@media screen and (min-width: 992px) {
    body {
        font-size: 1.3em;
    }
	
	h1 {
		font-size: 2em;
	}
	
	h2 {
		font-size: 1.5em;
	}
	
	h3 {
		font-size: 1.17em;
	}
	
	h4 {
		font-size: 1em;
	}
	
	h5 {
		font-size: .83em;
	}
	
	h6 {
		font-size: .67em;
	}
	
	.topo {
		font-size: 0.7em;
	}
}*/

/* xl */
/*#mais_info_nome {
	font-size: calc(200% + 1vh + 1vw) !important;	
}*/ 

@media screen and (min-width: 1200px) {
    body {
       font-size: 1.0em !important;
    }
	
	h1 {
		font-size: 2em !important;
	}
	
	h2 {
		font-size: 1.5em !important;
	}
	
	h3, span.h3 {
		font-size: 1.17em !important;
	}
	 
	h4,
	span.h4 {
		font-size: 1em !important;
	}
	
	h5,
	span.h5 {
		font-size: .90em !important;
	}
	
	h6,
	div.h6 {
		font-size: .83em !important;
	}
	
	.topo {
		font-size: 1em !important;
	}
}

input:invalid {
	border: 1px solid red
}

input:valid {
	border: 1px solid rgb(20, 173, 0);
}

/* ==================================== Bootstrap ============================================== */
a.dropdown-item {
	padding-left: 35px;
}

span.dropdown-item {
	background-color: #EEEEEE;
}

.navbar-toggler-icon {
	width: 60px !important; 
	height: 60px !important;
}

@media screen and (max-width: 1200px) {
	.nav-item.dropdown .dropdown-item,
	.nav-item.dropdown .dropdown-divider {
		font-size: calc(100% + 1vh + 1vw) !important;
	}
}
/* ==================================== Geral ============================================== */
.azul_color {
	color: #001A66;
}

.azul_bg {
	background-color: #001A66;
}

.cinza_bg{
	background-color: #EEEEEE;
}

.fundo_pastel {
	background-color: #FFFDE7;
}

.ico_posicao {
	vertical-align: middle;
	font-size: calc(30% + 1vh + 1vw) !important;
}

.detalhe_posicao {
	vertical-align: text-bottom;
	line-height: 1px;
	margin: 0;
	padding: 0;
}

.tb_img_1 {
	width: auto;
	max-width: 290px;
	height: auto;
	max-height: 184px;
	margin: 10px !important;
}

.tb_img_2 {
	width: 530px !important;
	height: auto;
	text-align: center;
}

.tb_img_3 {
	/*width: 350px !important;
	height: auto;*/
	text-align: center;
}

.link_principal {
	font-weight: bold;
	color: #333;
}

.link_limpo {
	text-decoration: none;
}
	.link_limpo:hover {
		text-decoration: none;
	}

.bdg {
	margin: 0 2px;
}

.ul_simples {
	padding: 0;
	margin: 0 0 0 10px;
}

.li_1 {
	list-style: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
}

.li_2 {
	list-style: none;
	list-style-type: square;
	padding: 0;
	margin: 0 0 0 20px;
}
/* ==================================== Topo ============================================== */
.topo {
	min-height: 36px;
	line-height: 36px;
}
	.topo .col-sm-6,
	.topo .col-sm-3 {
		margin: 0;
	}

	.icones_redes_sociais img{
		margin-left: 5px;
	}

/* ==================================== Conteúdo ============================================== */
.conteudo_destaque span {
	margin-left: 10px;
	line-height: 85px;
}

.tooltip-inner {
	min-width: 300px !important; 
}
/* ==================================== Venda ============================================== */
.card_capa_venda {
	min-width: 250px !important;
	/*margin: 20px 10px;*/
	margin: 20px auto;
}

@media (min-width: 992px) {
	.card_capa_venda {
		max-width: 250px !important;
		margin: 20px auto;
	}
}

/* ==================================== Rodape ============================================== */
.rodape {
	color: #ffffff;
}

	.rodape a {
		color: #ffffff;
	}

		.rodape a:hover {
			color: #00c3ff;
		}

	.rodape ul {
		list-style: none;
		list-style-position: unset;
		padding: 0;
		margin: 0;
	}

	.ico_interrogacao{
		border-radius: 50%;
		background-color: #FFFFFF;
		color: #001A66;
		height: 24px;
		width: 24px;
		line-height: 24px;		
		display: inline-block;
		text-align: center;
		font-weight: bold;
		float: right;
		clear: right;
	}

	#rio_grafico {
		border-left: 1px solid #b6b6b6;
		border-right: 1px solid #b6b6b6;
	}

	/*#div_pol_privacidade {
		margin-bottom: 90px;
	}*/

	#div_whatsapp {
		z-index: 10;
		position: fixed;
		bottom: 0;
		right: 20px;
		width:225px;
		height:94px;
	}