/**********************
 BIG SCREEN
**********************/
@media (min-width: 1200px) {

}

/**********************
 NORMAL
**********************/
@media (max-width: 981px) {

}
/**********************
 TABLET
**********************/
@media (max-width: 980px) {
	header{
		width:100%;
		background-image:none;
		height: auto;
	}
	header div.headertop{
		background-color: #b7bbbd;
	}
	header div.logo{
		width: 100%;
		margin-top: 0;
		padding-top: 12px;
		margin-left: 0;
		text-align: center;
		float: none;
	}
	
	header div.logo img{
		width: 100%;
		max-width: 297px;
		height: auto;
	}
	
	header div.login{
		text-align: left;
		float:left;
		padding-top: 15px;
		padding-bottom: 15px;
		width: 100%;
		background-color: #7f93a1;
		margin-top: 0;
	}
	header div.login input{
		width: 80px;
	
	}
	header div.login input#login{
		margin-left: 10px;
	}
	header p.logado{
		padding-left: 20px;
		width: auto;
	}
	
	header div.login a.botao {
		width: 60px;
		height: 25px;
		line-height: 25px;
		border-radius:3px;
		font-size: 14px;
	}
	header div.login a.esqueci {
		text-align: left;
		margin-left: 10px;
	}
	
	div.busca{
		padding-top: 10px;
	}
	div.busca form{
		float: left;
		margin-left: 10px;
	}
	div.wrapper{
		width:100%;
	}
	div.quadro{
		width: 93%;
		margin: 0 auto;
	}
	div.texto{
		width: 90%;
	}
	div.texto p{
		line-height:20px;
		font-size:16px;
	}
	div.texto ul,
	div.texto ol{
		font-size:16px;
		line-height:20px;
	}
	footer ul.footer-btn{
		width: 40%;
		margin-right: 20px;
		height: auto;
		float: left;
	}
	footer ul.footer-btn li{
		clear: both;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	footer ul.footer-btn a{width: 100%; margin: 0; padding: 0;}
	
	footer ul.footer-lnk{
		width: 40%;
		height: auto;
		float: left;
	}
	footer ul.footer-lnk li{
		clear: both;
		margin-bottom: 10px;
		margin-left: 20px;
	}
	footer p{
		padding-left: 20px;
		padding-right: 20px;
	}
	
	a.botao{
		height:35px;
		line-height:35px;
		font-size:16px;
		border-radius: 6px;
	}
}

/**********************
 CELULAR
**********************/
@media (max-width: 700px) {
	
	
	
}

/**********************
 DUMB
**********************/
@media (max-width: 500px) {
	
	footer ul.footer-btn{width: 200px; margin: 0 auto; float: none;}
	footer ul.footer-btn li{width: 200px; text-align: center; margin-left: 0}
	
	footer ul.footer-lnk{width: 100%;}
	footer ul.footer-lnk li{width: 100%; text-align: center; margin-left: 0; margin-right: 0}
	
	header div.logo img{
		width: 90%;
	}
	header div.busca form{
		width: 90%;
	}
	header div.busca input{
		width: 70%;
	}

}

@media (max-width: 210px) {
	
	footer ul.footer-btn{width: 90%;}
	footer ul.footer-btn li{width: 100%;}
	footer ul.footer-btn a{width: 100%;}
}