/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1600px) {
	.centro {width: 80%;}
	/*********************************************************/
}
@media (max-width: 1400px) {
	.home .quadro {width: 30%;}
	/*********************************************************/
	.informacoes span {font-size: 0.8em !important; padding: 5px 5px; margin-bottom: 10px; min-height: 30px;}
	/*********************************************************/
	.botoes li {padding: 10px; margin-bottom: 10px; font-size: 0.7em !important;}
	/*********************************************************/
	.formulario .input {padding: 10px; font-size: 0.7em;}
	.formulario .inputbusca {padding: 10px; font-size: 0.7em;}
	.formulario .inputtext {height: 140px;padding: 10px; font-size: 0.7em;}
	/*********************************************************/
	.resultados li {font-size: 0.7em; color: #333; text-align: left !important;}
	.titulos {font-size: 0.7em;}
	/*********************************************************/
	.botao-cadastro {font-size: 0.8em;}
	.botao-busca {font-size: 0.8em; padding: 5px;}
	/*********************************************************/
	.centro h3 {padding: 5px; font-size: 0.8em;}
	.centro h4 {padding: 5px; font-size: 0.8em;}
	/*********************************************************/
	.icones li {width: 30%;}
	/*********************************************************/
	.calendar-day {flex: 1 1 32% !important; max-width: 32%;}
	/*********************************************************/
	.downloads .pasta {width: 13%;}
}
@media (max-width: 1280px) {
	.content {max-width: 90%;}
	/*********************************************************/
	.downloads .pasta {width: 15%;}
}
@media (max-width: 1152px) {
	.home .quadro {width: 45%;}
	/*********************************************************/
	.icones h2 {font-size: 0.8em;}
	.icones h3 {font-size: 0.6em;}
	.icones li {height: 100px; padding: 10px;}
	.icones .icon i {font-size: 2em; padding-top: 0;}
	.icones .inferior {padding: 2px;}
	.icones .inferior i {padding-left: 5px;}
	/*********************************************************/
	.opc li {font-size: 0.8em;}
	/*********************************************************/
	header h1 {font-size: 0.9em; letter-spacing: 0;}
	/*********************************************************/
}
@media (max-width: 950px) {
	.centro {width: 90%; margin: 5px 0 30px 0; float: none; position: absolute; top: 30px;}
	.quadro {float: none; margin: 1% auto; padding: 5px;}
	.quadro-3 {float: none; width: 100%; margin: 0 auto 30px auto;}
	.quadro-3a {float: none; width: 100%; margin: 0 auto 30px auto;}
	.qd-10 {width: 100%;}
	.qd-20 {width: 100%;}
	.qd-30 {width: 100%;}
	.qd-40 {width: 100%;}
	.qd-50 {width: 100%;}
	.qd-60 {width: 100%;}
	.qd-70 {width: 100%;}
	.qd-80 {width: 100%;}
	.qd-90 {width: 100%;}
	.qd-100 {width: 100%;}
	/*********************************************************/
	.icones li {width: 49%; height: 80px; margin: 0 0.5% 10px 0.5%; float: left; padding: 5px;}
	.icones h2 {font-size: 0.8em;}
	/*********************************************************/
	.formulario .inputbusca {width: 100%; margin-bottom: 5px;}
	/*********************************************************/
	.tm-10 {width: 100%; padding: 2px 5px;}
	.tm-15 {width: 100%; padding: 2px 5px;}
	.tm-20 {width: 100%; padding: 2px 5px;}
	.tm-30 {width: 100%; padding: 2px 5px;}
	.tm-35 {width: 100%; padding: 2px 5px;}
	.tm-40 {width: 100%; padding: 2px 5px;}
	.tm-50 {width: 100%; padding: 2px 5px;}
	.tm-60 {width: 100%; padding: 2px 5px;}
	.tm-70 {width: 100%; padding: 2px 5px;}
	.tm-80 {width: 100%; padding: 2px 5px;}
	.tm-90 {width: 100%; padding: 2px 5px;}
	.tm-100 {width: 100%; padding: 2px 5px;}
	/*********************************************************/
	.calendar-day {flex: 1 1 49% !important; max-width: 49%;}
	/*********************************************************/
	.esquerda {width: 100%; float: none; margin-bottom: 20px;}
	.direita {width: 100%; float: none;}
	.formulario .interno {width: 100% !important; float: none; margin-bottom: 10px !important;}
	.atributos li {width: 100%;}
}
@media (max-width: 667px) {
	.home .quadro {width: 80%; padding: 10px; }
	.home h1 {font-size: 1.2em;}
	.home p {font-size: 0.9em !important;}
	/*********************************************************/
	.botao {padding: 10px 20px; font-weight: 500; font-size: 1em;}
	/*********************************************************/
	.alerta {padding: 10px 20px; font-size: 0.8em !important;}
	.alerta_ok {padding: 10px 20px; font-size: 0.8em !important;}
	/*********************************************************/
	.modal-content {width: 90%;	margin: 20% auto;}
	/*********************************************************/
	.downloads .pasta {width: 23%;}
}
@media (max-width: 568px) {
	.home .quadro {width: 95%;}
	/*********************************************************/
	.calendar-day {flex: 1 1 100% !important; max-width: 100%; min-height: 100px;}
	/*********************************************************/
	.downloads .pasta {width: 30%;}
}