@charset "utf-8";
/* CSS Document */

@media (max-width: 320px)
{
	/* MENU PRINCIPAL */
	
	header .menuPrincipal 
	{
		height: 53px;
	}
	
	/* HEADER */
	
	header.header .header-top a p
	{
		font-size: 13px;
	}
}

@media (min-width: 321px) and (max-width: 480px)
{
	/* LOGO */
	
	header figure.logo
	{
		bottom: 7px;
	}
}

@media (max-width: 480px)
{
	
	/* HEADER */
	
	header figure.logo
	{
		bottom: 0;
	}
	
	/* TÍTULO */
	
	h1
	{
		font-size: 18px!important;
		line-height: 35px;
	}
	
	h2
	{
		font-size: 14px!important;
	}
	
	/* ICONS */
	
	.icon-fechar img
	{
		width: 35px;	
	}
	
	/* TEXTO */
	
	.texto
	{
		font-size: 13px!important;
	}
	
	/* FORMULARIO */
	
	label
	{
		font-size: 13px;
	}
	
	/* LOCALIZAÇÃO */

	.endereco
	{
		font-size: 13px;
	}
}

@media (max-width: 600px)
{
	#modalPopup .modal-dialog{
		width: auto;
	}
	/* TÍTULO */
	
	h1
	{
		font-size: 25px;
	}
	
	.grid h2
	{
		text-align: center;
	}
	
	/* LINK */
	
	.link
	{
		text-align: center!important;
	}
	
	/* LINK */
	
	.link-form
	{
		font-size: 14px;
	}
	
	/*RODAPÉ*/
	
	.endereco-footer
	{
		display: none;	
	}
	
	.telefone-footer
	{
		display: block!important;
		font-size: 10px;
		color: #FFF;
		text-align: center;
	}
	
	footer.rodape .logoAgencia
	{
		top: 0;
		text-align: center;
	}
	
	/* LOCALIZAÇÃO */
	
	.endereco
	{
		margin-bottom: 20px;
	}
	
	/* GLOBAL */
	
	.global
	{
		margin-bottom: -59px;
	}
	
}

@media (min-width: 768px) and (max-width: 960px)
{
	/* GRID */
	
	.grid
	{
		height: 200px;
	}
}

@media (max-width: 960px)
{
	/* MENU */
	
 	.slicknav_menu
	{
		display: block!important;
	}
	
	.menuPrincipal .ul-menu
	{
		display: none;
	}
	
	/* HEADER */
	
	.header .header-top
	{
		margin-top: 40px;
	}
	
	/* TÍTULO */
	
	h1
	{
		font-size: 30px;
	}
	
	h2
	{
		font-size: 16px;
	}
	 
	/* TEXTO */
	
	.texto
	{
		font-size: 14px;
	}
	
	/* FORMULARIO */
	
	label
	{
		font-size: 13px;
	}
	
	/* RODAPÉ */
	
	footer.rodape p
	{
		font-size: 12px;	
	}
	
	/* 	LINK QUADRO */
	
	.link-quadro
	{
		top: 220px;
	}
}

@media (min-width: 960px) and (max-width: 1024px)
{
	/* LOGO */
	
	header figure.logo 
	{
		bottom: 10px;
	}
}

@media (max-width: 1200px)
{
	
	/* MENU */
	header figure.logo{
		bottom: -4px;
	}
	header .menuPrincipal ul li
	{
		padding: 0 15px;
	}	
	
}

@media (min-width: 1024px) and (max-width: 1366px)
{
	
	/* MAIN */
	.scroll-pane
	{
		height: 280px!important;
	}
}

@media (min-width: 1900px)
{
	
	/* BODY */	
	
	body
	{
		background-position: center 180px!important;	
	}
	
	/* LINK QUADRO */
	
	.link-quadro
	{
		top: 240px;
	}
}