@font-face { font-family: ubuntu-regular; src: url(ubuntu-regular.ttf);}
body{margin:0px;font-family: "ubuntu-regular";}
.rodape{

	color: #666666;
	padding: 10px;
	background-color: #4CA6DE;

}

.rodape_inverso{ background-color: #7CCBE9; color:#fff;}
.rodape_centro{ width:1000px; margin:auto;}
.rodape_cabecalho{padding:7px;}
.rodape_1{
	float: left;
	width: 31%;
	margin-right: 5px;
	padding: 7px;
	background-color: #60B0E1;
	height: 250px;
	
}
.rodape_2{
	float: left;
	width: 31%;
	margin-right: 5px;
	padding: 7px;
	background-color: #60B0E1;
	height: 250px;
}
.rodape_3{
	float: left;
	width: 31%;
	padding: 7px;
	background-color: #60B0E1;
	height: 250px;
}
.rodape_padding{ padding:10px;}
.rodape_link{  border-bottom:solid #f4f4f4 1px;}
.rodape_link a { display:block; padding:10px; color:#666;}
.rodape_link a:hover { background-color:#f4f4f4; text-decoration:none; color:#333;}
.rodape_logo{ width:200px; margin:auto;}
.rodape_logodev{width:130px; margin:auto; border:none;}

.rodape_f1{ font-size:14px; line-height:1.7;}


.rodape_bt_flat{
	height: 45px;
	width: 45px;

	display: table-cell;
	text-align: center;
	vertical-align: middle;

}
.icone_bt{ width:70%;}
.left{ float:left;}
.rodape_bt_flat:hover{}
.inf_flat{ float:left;  padding:15px; font-size:18px;}
.clear{ clear:both;}

@media screen and (min-width: 0px) and (max-width: 1070px){
	.rodape_centro{ width:98%; margin:auto;}
}
@media screen and (min-width: 0px) and (max-width: 600px){
.rodape_centro{ width:auto; }
.rodape_1{ float:none; width:98%; margin:2px; padding:7px; margin-bottom:5px; clear:both;}
.rodape_2{float:none; width:98%; margin:2px; padding:7px;margin-bottom:5px;clear:both;}
.rodape_3{	float:none; width:98%; margin:2px; padding:7px;margin-bottom:5px;clear:both;}
.inf_flat{ float:left; border-bottom:solid #f4f4f4 1px; padding:7px; font-size:18px;margin-bottom:15px;}
}