/*-------------------------------
--- animação da barra na base ---
-------------------------------*/
@-webkit-keyframes anima_base { from { margin-bottom: -80px; } to { margin-bottom: 0; }}
@-moz-keyframes anima_base { from { margin-bottom: -80px; } to { margin-bottom: 0; }}
@keyframes anima_base { from { margin-bottom: -80px; } to { margin-bottom: 0; }}

@-webkit-keyframes volta_base { from { margin-bottom: 0; } to { margin-bottom: -80px; }}
@-moz-keyframes volta_base { from { margin-bottom: 0; } to { margin-bottom: -80px; }}
@keyframes volta_base { from { margin-bottom: 0; } to { margin-bottom: -80px; }}




@-webkit-keyframes anima_header { 
	from { position: absolute; top: -100px; -webkit-box-shadow: none; background: none; } 
	to { position: fixed; top: -10px; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); background-color: #FFF; }
}
@-moz-keyframes anima_header { 
	from { position: absolute; top: -100px; -moz-box-shadow: none; background: none; } 
	to { position: fixed; top: -10px; -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); background-color: #FFF; }
}
@keyframes anima_header { 
	from { position: absolute; top: -100px; box-shadow: none; background: none; } 
	to { position: fixed; top: -10px; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); background-color: #FFF; }
}

@-webkit-keyframes volta_header { 
	from { position: fixed; top: -10px; background-color: #FFF; } 
	to { position: absolute; -webkit-box-shadow: none; background: none; }
}
@-moz-keyframes volta_header { 
	from { position: fixed; top: -10px; background-color: #FFF; } 
	to { position: absolute; -moz-box-shadow: none; background: none; }
}
@keyframes volta_header { 
	from { position: fixed; top: -10px; background-color: #FFF; } 
	to { position: absolute; box-shadow: none; background: none; }
}

@-webkit-keyframes anima_botao { 
	from { background-color: #284A83; border-bottom-color: #284A83; } 
	to { background-color: #456BAA; border-bottom-color: #909090; } 
}
@-moz-keyframes anima_botao { 
	from { background-color: #284A83; border-bottom-color: #284A83; } 
	to { background-color: #456BAA; border-bottom-color: #909090; } 
}
@keyframes anima_botao { 
	from { background-color: #284A83; border-bottom-color: #284A83; } 
	to { background-color: #456BAA; border-bottom-color: #909090; } 
}

@-webkit-keyframes volta_botao { 
	from { background-color: #456BAA; border-bottom-color: #909090; } 
	to { background-color: #284A83; border-bottom-color: #284A83; } 
}
@-moz-keyframes volta_botao { 
	from { background-color: #456BAA; border-bottom-color: #909090; } 
	to { background-color: #284A83; border-bottom-color: #284A83; } 
}
@keyframes volta_botao { 
	from { background-color: #456BAA; border-bottom-color: #909090; } 
	to { background-color: #284A83; border-bottom-color: #284A83; } 
}


/* reescrevendo para monitor entre 998px e 1219px */
@media handheld, only screen and (min-width: 998px) and (max-width: 1219px) {

	/* aqui */

}


/* reescrevendo para monitor entre 768px e 997px */
@media handheld, only screen and (min-width: 768px) and (max-width: 997px) {

	/* aqui */

}


/* reescrevendo para monitor entre 320px e 767px */
@media handheld, only screen and (max-width:320px), only screen and (min-width: 321px) and (max-width: 767px) {

	@-webkit-keyframes anima_header { 
		from { position: fixed; top: 0; -webkit-box-shadow: none; } 
		to { position: fixed; top: 0; -webkit-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
	}
	@-moz-keyframes anima_header { 
		from { position: fixed; top: 0; -moz-box-shadow: none; }
		to { position: fixed; top: 0; -moz-box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
	}
	@keyframes anima_header { 
		from { position: fixed; top: 0; box-shadow: none; }
		to { position: fixed; top: 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
	}

	@-webkit-keyframes volta_header { 
		from { position: fixed; top: 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
		to { position: fixed; top: 0; box-shadow: none; }
	}
	@-moz-keyframes volta_header { 
		from { position: fixed; top: 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
		to { position: fixed; top: 0; box-shadow: none; }
	}
	@keyframes volta_header { 
		from { position: fixed; top: 0; box-shadow: 2px 2px 4px 0px rgba(0,0,0,0.2); }
		to { position: fixed; top: 0; none; }
	}


}