/* Oculta Objetos */
.bt-lupa-mobile, .j-load-img {
	display:none;
}

/* Botão subir para topo */
.j-up {
	display:none;
	position:fixed;
	bottom:20px;
	right:20px;
	cursor:pointer;
}

/* ----------------------------------GERAL---------------------------------------*/
@font-face {
    font-family:'aileronregular';
    src:url('fontes/aileron-regular-webfont.eot');
    src:url('fontes/aileron-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('fontes/aileron-regular-webfont.woff2') format('woff2'),
        url('fontes/aileron-regular-webfont.woff') format('woff'),
        url('fontes/aileron-regular-webfont.ttf') format('truetype'),
        url('fontes/aileron-regular-webfont.svg#aileronregular') format('svg');
    font-weight:normal;
    font-style:normal;
}

/* Remove borda do chrome */
input:focus, select:focus, textarea:focus {outline:none;}


* {
	margin:0;
	padding:0;
	border:none;
	box-sizing:border-box;
	font-family:'aileronregular'; 
	box-sizing: border-box; /* Impede que o padding expanda os elementos */
}

html {
	background-color:#F1F1F1;
}

body {
	width:100%;
}

/* TOPO */
header {
	width:100%;
	height:100px;
	background-color:#0055a2;
}

header .topo {
	width:1000px;
	height:100px;
	margin:0 auto;
	background-color:#0055a2;
}

header .topo .logo {
	width:142px;
	height:70px;
	float:left;
	margin-top:15px;
	margin-left:50px;
}

header .topo form {
	width:480px;
	float:left;
	margin-top:25px;
	margin-left:280px;
}

header .topo form input[name=busca] {
	width:420px;
	height:40px;
	float:left;
	margin-top:5px;
	padding-left:20px;
	font-size:15px;
	color:#777;
	border-radius:20px;
	-moz-border-radius:20px; /* P/ Firefox */
	-webkit-border-radius:20px; /* P/ Chrome */
}

header .topo form .bt-lupa {
	width:50px;
	height:50px;
	margin-left:10px;
	float:left;
	cursor:pointer;
	background-image:url(img/lupa.png);
	background-size:50px 50px;
	background-color:transparent;
}

header .topo form .bt-lupa:hover {
	background-image:url(img/lupa-home-h.png);
}

.linha {
	width:100%;
	height:5px;
	background-color:#CCC;
}

/* ----------- SECTION --------  */
section {
	width:1000px;
	margin:0 auto;
}

section .banner {
	width:990px;
	margin:0 auto;
	margin-top:10px;
}

section .titulo {
	width:990px;
	height:35px;
	margin:0 auto;
	margin-top:10px;
	background-color:#0055a2;
	font-size:15px;
	line-height:37px;
	text-align:center;
	color:#FFFFFF;
}


/* --------- BOX CLIENTES ------------ */
section .box-parceiro {
	width:250px;
	margin-top:5px;
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	text-align:center;
}

section .box-parceiro .atividade {
	width:240px;
	height:20px;
	margin-left:5px;
	font-size:11px;
	line-height:22px;
	background-color:#003362;
	color:#F1F1F1;
}

section .box-parceiro a {
	text-decoration:none;
}

section .box-parceiro .atividade:hover {
	background-color:#0098da;
	color:#FFF;
}

section .box-parceiro .nome {
	width:240px;
	height:20px;
	margin-left:5px;
	margin-top:-4px;
	text-align:center;
	font-size:11px;
	line-height:22px;
	background-color:#003362;
	color:#fff;
}

section .box-parceiro .parceiro {
	width:240px;
	height:320px;
	margin:0;
}

section .box-parceiro .parceiro:hover {
	border:solid #0055a2 4px; /* Borda quadros */
}

section .box-parceiro .telefone {
	width:240px;
	height:20px;
	text-align:center;
	font-size:13px;
	line-height:22px;
	margin-top:-4px;
	margin-left:5px;
	background-color:#002241;
	color:#FFF;
}


/* ----------------------------------------RODAPE---------------------------------------*/
footer {
	width:100%;
	height:50px;
	float:left;
	margin-top:10px;
	background-color:#0055a2;
}

footer .texto {
	width:1000px;
	height:50px;
	background-color:#0055a2;
	margin:0 auto;
	text-align:center;
	line-height:50px;
	font-size:13px;
}

footer .texto a {
	text-decoration:none;
	margin-left:10px;
	margin-right:10px;
	color:#FFF;
}

footer .texto a:hover {
	color:#0098da;
}