/* BOTÃO SAIR DO SISTEMA (COR VERMELHA)  */

#SAIR {
  color:#FFFFFF;
  background: #C80000;
  background-image: -webkit-linear-gradient(top, #C80000, #D50000);
  background-image: -moz-linear-gradient(top, #C80000, #D50000);
  background-image: -ms-linear-gradient(top, #C80000, #D50000);
  background-image: -o-linear-gradient(top, #C80000, #D50000);
  background-image: linear-gradient(to bottom, #C80000, #D50000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 12px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:110px;
}

#SAIR:hover {
  color:#FFFF00;
  background: #f254ae;
  background-image: -webkit-linear-gradient(top, #990000, #CC0000);
  background-image: -moz-linear-gradient(top, #990000, #CC0000);
  background-image: -ms-linear-gradient(top, #990000, #CC0000);
  background-image: -o-linear-gradient(top, #990000, #CC0000);
  background-image: linear-gradient(to bottom, #990000, #CC0000);
  text-decoration: none;
  font-family:Oswald
  }

/* BOTÃO VOLTAR AO PAINEL DE CONTROLE (COR PRETA)  */

#VOLTAR_PAINEL_CONTROLE {
  color:#FFFFFF;
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #333333);
  background-image: -moz-linear-gradient(top, #000000, #333333);
  background-image: -ms-linear-gradient(top, #000000, #333333);
  background-image: -o-linear-gradient(top, #000000, #333333);
  background-image: linear-gradient(to bottom, #000000, #333333);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:110px;
}

#VOLTAR_PAINEL_CONTROLE:hover {
  color:#FFFF00;
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #333333, #000000);
  background-image: -moz-linear-gradient(top, #333333, #000000);
  background-image: -ms-linear-gradient(top, #333333, #000000);
  background-image: -o-linear-gradient(top, #333333, #000000);
  background-image: linear-gradient(to bottom, #333333, #000000);
  text-decoration: none;
  font-size: 12px;
  font-family:Oswald
}


#ADICIONAR {
  color:#FFFFFF;
  background: #009900;
  background-image: -webkit-linear-gradient(top, #009900, #00CC00);
  background-image: -moz-linear-gradient(top, #009900, #00CC00);
  background-image: -ms-linear-gradient(top, #009900, #00CC00);
  background-image: -o-linear-gradient(top, #009900, #00CC00);
  background-image: linear-gradient(to bottom, #009900, #00CC00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:150px;
}

#ADICIONAR:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #00CC00, #33CC33);
  background-image: -moz-linear-gradient(top, #00CC00, #33CC33);
  background-image: -ms-linear-gradient(top, #00CC00, #33CC33);
  background-image: -o-linear-gradient(top, #00CC00, #33CC33);
  background-image: linear-gradient(to bottom, #00CC00, #33CC33);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 12px;
  font-family:Oswald
  
}


#MEMBROSVERDE {
  color:#FFFFFF;
  background: #009900;
  background-image: -webkit-linear-gradient(top, #009900, #00CC00);
  background-image: -moz-linear-gradient(top, #009900, #00CC00);
  background-image: -ms-linear-gradient(top, #009900, #00CC00);
  background-image: -o-linear-gradient(top, #009900, #00CC00);
  background-image: linear-gradient(to bottom, #009900, #00CC00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:250px;
}

#MEMBROSVERDE:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #00CC00, #33CC33);
  background-image: -moz-linear-gradient(top, #00CC00, #33CC33);
  background-image: -ms-linear-gradient(top, #00CC00, #33CC33);
  background-image: -o-linear-gradient(top, #00CC00, #33CC33);
  background-image: linear-gradient(to bottom, #00CC00, #33CC33);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 12px;
  font-family:Oswald
  
}

#ADICIONARAVANCAR {
  color:#FFFFFF;
  background: #009900;
  background-image: -webkit-linear-gradient(top, #009900, #00CC00);
  background-image: -moz-linear-gradient(top, #009900, #00CC00);
  background-image: -ms-linear-gradient(top, #009900, #00CC00);
  background-image: -o-linear-gradient(top, #009900, #00CC00);
  background-image: linear-gradient(to bottom, #009900, #00CC00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
 font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:220px;
}

#ADICIONARAVANCAR:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #00CC00, #33CC33);
  background-image: -moz-linear-gradient(top, #00CC00, #33CC33);
  background-image: -ms-linear-gradient(top, #00CC00, #33CC33);
  background-image: -o-linear-gradient(top, #00CC00, #33CC33);
  background-image: linear-gradient(to bottom, #00CC00, #33CC33);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 11px;
  width:220px;
  font-family:Oswald
  
}


#ALTERAR {
  color:#000000;
  background: #FFCC00;
  background-image: -webkit-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -moz-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -ms-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -o-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: linear-gradient(to bottom, #FFCC00, #CCFF00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:60px;
}

#ALTERAR:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -moz-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -ms-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -o-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: linear-gradient(to bottom, #CCFF00, #FFCC00);
  text-decoration: none;
  color:#000000;
  font-size: 12px;
  font-family:Oswald
}

#EXCLUIR {
  color:#FFFFFF;
  background: #990000;
  background-image: -webkit-linear-gradient(top, #990000, #CC0000);
  background-image: -moz-linear-gradient(top, #990000, #CC0000);
  background-image: -ms-linear-gradient(top, #990000, #CC0000);
  background-image: -o-linear-gradient(top, #990000, #CC0000);
  background-image: linear-gradient(to bottom, #990000, #CC0000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:60px;
}

#EXCLUIR:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CC0000, #990000);
  background-image: -moz-linear-gradient(top, #CC0000, #990000);
  background-image: -ms-linear-gradient(top, #CC0000, #990000);
  background-image: -o-linear-gradient(top, #CC0000, #990000);
  background-image: linear-gradient(to bottom, #CC0000, #990000);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 12px;
  font-family:Oswald
}

#EXCLUIRPOST {
  color:#FFFFFF;
  background: #990000;
  background-image: -webkit-linear-gradient(top, #990000, #CC0000);
  background-image: -moz-linear-gradient(top, #990000, #CC0000);
  background-image: -ms-linear-gradient(top, #990000, #CC0000);
  background-image: -o-linear-gradient(top, #990000, #CC0000);
  background-image: linear-gradient(to bottom, #990000, #CC0000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:100px;
}

#EXCLUIRPOST:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CC0000, #990000);
  background-image: -moz-linear-gradient(top, #CC0000, #990000);
  background-image: -ms-linear-gradient(top, #CC0000, #990000);
  background-image: -o-linear-gradient(top, #CC0000, #990000);
  background-image: linear-gradient(to bottom, #CC0000, #990000);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 12px;
  font-family:Oswald
}

#ALTERARFORM {
  color:#000000;
  background: #FFCC00;
  background-image: -webkit-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -moz-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -ms-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -o-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: linear-gradient(to bottom, #FFCC00, #CCFF00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:150px;
}

#ALTERARFORM:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -moz-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -ms-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -o-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: linear-gradient(to bottom, #CCFF00, #FFCC00);
  text-decoration: none;
  color:#000000;
  font-size: 12px;
  font-family:Oswald
  
}

#CANCELAR {
  color:#FFFFFF;
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #333333);
  background-image: -moz-linear-gradient(top, #000000, #333333);
  background-image: -ms-linear-gradient(top, #000000, #333333);
  background-image: -o-linear-gradient(top, #000000, #333333);
  background-image: linear-gradient(to bottom, #000000, #333333);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family:Oswald;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:60px;
  z-index: 1
}

#CANCELAR:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #333333, #000000);
  background-image: -moz-linear-gradient(top, #333333, #000000);
  background-image: -ms-linear-gradient(top, #333333, #000000);
  background-image: -o-linear-gradient(top, #333333, #000000);
  background-image: linear-gradient(to bottom, #333333, #000000);
  text-decoration: none;
  color:FFFF00;
  font-size: 12px;
  font-family:Oswald
}


.ALTERARAMARELO[type=submit]{
        background:#FFCC00;
        color:#000000;
		border:#000000;
		font-family:Oswald;
		font-size:12px;
		width:675px;
		height:40px;
		-moz-border-radius:4px;
        -webkit-border-radius:4px;
}

.ALTERARAMARELO[type=submit]:hover{
        background:#FFFF33;
        color:#000000;
		border:#000000;
		font-family:Oswald;
		font-size:13px;
		width:675px;
		height:41px;
		-moz-border-radius:4px;
        -webkit-border-radius:4px;
}

.AVANCARVERDE[type=submit]{
        background:#009900;
        color:#ffffff;
		border:#000000;
		font-family:Oswald;
		font-size:12px;
		width:675px;
		height:40px;
		-moz-border-radius:4px;
        -webkit-border-radius:4px;
}

.AVANCARVERDE[type=submit]:hover{
        background:#00C100;
        color:#ffffff;
		border:#000000;
		font-family:Oswald;
		font-size:13px;
		width:675px;
		height:41px;
		-moz-border-radius:4px;
        -webkit-border-radius:4px;
}

/* BOTÃO DE COR VERDE SUBMIT, FORMULÁRIOS */

.BTVERDE[type=submit]{outline: 0; background: #009900; width: 100%; border: 0; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 12px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald }

.BTVERDE[type=submit]:hover{outline: 0; background: #009900; width: 100%; border: 0; padding: 13px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFF00; font-size: 13px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald}

/* BOTÃO DE COR AMARELO SUBMIT, FORMULÁRIOS */

.BTAMARELO[type=submit]{outline: 0; background: #FFCC00; width: 100%; border: 0; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #000000; font-size: 12px; transition: all 0.3 ease; cursor: pointer;font-family:Oswald }

.BTAMARELO[type=submit]:hover{outline: 0; background: #FFCC00; width: 100%; border: 0; padding: 13px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #000000; font-size: 13px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald }

/* BOTÃO DE COR VERMELHO SUBMIT, FORMULÁRIOS */

@media screen and (min-width: 601px) {

#btnPrint[type=button]{outline: 0; background: #CC0000; width: 140px; border: 0; padding: 15px;  border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 14px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald; }

#btnPrint[type=button]:hover{outline: 0; background: #CC0000; width: 140px; border: 0; padding: 15px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFF00; font-size: 15px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald; }

}

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

#btnPrint[type=button]{outline: 0; background: #CC0000; width: 100px; border: 0; padding: 8px;  border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 12px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald; }

#btnPrint[type=button]:hover{outline: 0; background: #CC0000; width: 100px; border: 0; padding: 8px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFF00; font-size: 12px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald; }

.balao { font-family:Oswald}

}

/* BOTÃO DE COR VERMELHO SUBMIT, FORMULÁRIOS */

.BTBUSCA[type=submit]{outline: 0; background: #CC0000; width: 60px; height:38px; border: 0; padding: 12px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFFFF; font-size: 11px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald}

.BTBUSCA[type=submit]:hover{outline: 0; background: #CC0000; width: 60px; height:38px; border: 0; padding: 12px; border-top-left-radius: 3px; border-top-right-radius: 3px;border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; color: #FFFF00; font-size: 11px; transition: all 0.3 ease; cursor: pointer; font-family:Oswald }

#BOTAOLINKAMARELO {
  color:#000000;
  background: #FFCC00;
  background-image: -webkit-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -moz-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -ms-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: -o-linear-gradient(top, #FFCC00, #CCFF00);
  background-image: linear-gradient(to bottom, #FFCC00, #CCFF00);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:70px;
  font-family:Oswald
}

#BOTAOLINKAMARELO:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -moz-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -ms-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: -o-linear-gradient(top, #CCFF00, #FFCC00);
  background-image: linear-gradient(to bottom, #CCFF00, #FFCC00);
  text-decoration: none;
  color:#000000;
  font-size: 11px;
  font-family:Oswald
}


#BOTAOLINKVERMELHO {
  color:#FFFFFF;
  background: #990000;
  background-image: -webkit-linear-gradient(top, #990000, #CC0000);
  background-image: -moz-linear-gradient(top, #990000, #CC0000);
  background-image: -ms-linear-gradient(top, #990000, #CC0000);
  background-image: -o-linear-gradient(top, #990000, #CC0000);
  background-image: linear-gradient(to bottom, #990000, #CC0000);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:70px;
  font-family:Oswald
}

#BOTAOLINKVERMELHO:hover {
  background: #00CC00;
  background-image: -webkit-linear-gradient(top, #CC0000, #990000);
  background-image: -moz-linear-gradient(top, #CC0000, #990000);
  background-image: -ms-linear-gradient(top, #CC0000, #990000);
  background-image: -o-linear-gradient(top, #CC0000, #990000);
  background-image: linear-gradient(to bottom, #CC0000, #990000);
  text-decoration: none;
  color:#FFFFFF;
  font-size: 11px;
  font-family:Oswald
}

#BOTAOLINKPRETO {
  color:#FFFFFF;
  background: #000000;
  background-image: -webkit-linear-gradient(top, #000000, #333333);
  background-image: -moz-linear-gradient(top, #000000, #333333);
  background-image: -ms-linear-gradient(top, #000000, #333333);
  background-image: -o-linear-gradient(top, #000000, #333333);
  background-image: linear-gradient(to bottom, #000000, #333333);
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 4px;
  font-family: Arial;
  font-size: 11px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:70px;
  z-index: 1;
  font-family:Oswald
}

#BOTAOLINKPRETO:hover {
  background: #000000;
  background-image: -webkit-linear-gradient(top, #333333, #000000);
  background-image: -moz-linear-gradient(top, #333333, #000000);
  background-image: -ms-linear-gradient(top, #333333, #000000);
  background-image: -o-linear-gradient(top, #333333, #000000);
  background-image: linear-gradient(to bottom, #333333, #000000);
  text-decoration: none;
  color:#FFFF00;
  font-size: 12px;
  font-family:Oswald
}