/* CSS Document */

.navbar-static-top {
	height:113px;
	background:#333333;
	margin-bottom:0px;
}

.navbar-default {
    border:0px;
}



.navbar-default .navbar-nav>li>a {
    color: #FFF;
	background-color:#333333;

}

.navbar-default .navbar-nav>li>a:hover {
    color: #FFCC00;
	background-color:#333333;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #555;
    background-color:#FFCC00;
}

div.servicos {
	width:100%;
	border: 1px solid #000;
	display:table;
	padding:0 2% 4% 2%
}

div.servico{
	width:44%;
	border: 1px solid #000;
	float:left;
	margin:4% 2% 0 4%;
}

div.servico img {
	border: 2px solid #CCC;
	float:left;
	margin-right:1%;
}


div.parceiros {
	width:100%;
	border: 1px solid #000;
	display:table;
	padding:0 2% 4% 2%
}

div.parceiro {
	width:44%;
	border: 1px solid #000;
	float:left;
	margin:4% 2% 0 4%;
}


footer {
	background:#666666;
	width:100%;
	padding:1%;
	float:left
}

div.rodape{
	width:30.6666%;
	margin:1%;
	float:left;
	color:#FFF;
}

div.rodape .a{
	color:#FFF;
}

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

	div.servicos {
		padding:4% 2% 4% 2%
	}
	
	div.servico{
		width:90%;
		border: 1px solid #000;
		float:left;
		margin:4%;
	}
	
	div.parceiros {
		padding:4% 2% 4% 2%
	}
	
	div.parceiro{
		width:90%;
		border: 1px solid #000;
		float:left;
		margin:4%;
	}
	
	
	div.rodape{
		width:46.9999%;
	}

}

@media only screen and (max-width:500px){
	
	div.rodape{
		width:95.9999%;
	}

}