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

.selectIn{
	font-family: "Roboto",sans-serif;
	font-size:10pt;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
	-moz-appearance: none; /* Remove estilo padrão do FireFox */
	appearance: none; /* Remove estilo padrão do FireFox*/
	background: url(../img/ico-seta-appearance.gif) no-repeat #fff;  /* Imagem de fundo (Seta) */
	background-position: 100% center;  /*Posição da imagem do background*/
	width:12.8%; /* Tamanho do select, maior que o tamanho da div "div-select" */
	height:30px; /* Altura do select, importante para que tenha a mesma altura em todo os navegadores */
	border:1px solid #9f9f9f;	
	float:left;
	text-transform:uppercase;
	font-weight:600;
	color:#9f9f9f;
	padding-left:5px;
	border-radius:0px;
}

.botaoIn{
	font-family: "Roboto",sans-serif;
	font-size:10pt;
	-webkit-appearance: none;  /* Remove estilo padrão do Chrome */
	-moz-appearance: none; /* Remove estilo padrão do FireFox */
	appearance: none; /* Remove estilo padrão do FireFox*/
	width:10.4%;
	height:30px;
	border:1px solid #172b72;
	background-color:#172b72;
	color:#FFF;
	text-transform:uppercase;
}

aside{
	display:inline-block;
	box-sizing: border-box;
	width: 66.6%;
	vertical-align: top;
	padding:10px;
}

.alinhar{
	color:#1f3584;
	text-align:left;
	margin-top: 0;
}

.line{
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom:10px;
}

.rol-5{
    box-sizing: border-box;
    display: inline-block;
    margin: 1%;
    width: 47.8%;
	clear:both;
	vertical-align: top;
}

.rol-5 img{
	width:100%;
}

span{
	color:#172b72;
	text-decoration:none;
	font-weight:600;
}

.estrutura {
    box-sizing: border-box;
    display: inline-block;
    margin: 1%;
    width: 31.1%;
}

.estrutura img {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 100%;
}

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

#slide{
	display:none;
}

.estrutura {
    width: 100%;
}

}