/* ADMINISTRAÇÃO DE BOTÕES */

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

.BTPRETA[type=submit]{outline: 0; background: #000000; 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: 15px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald',  sans-serif; }

.BTPRETA[type=submit]:hover{outline: 0; background: #272727; 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: 16px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald',  font-family: 'Oswald',  sans-serif;   }

/* FIM DA COR PRETA */

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

.BTVERMELHA[type=submit]{outline: 0; background: #FF0000; 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',  sans-serif; }

.BTVERMELHA[type=submit]:hover{outline: 0; background: #FF0000; 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',  sans-serif;  }

/* FIM DA COR VERMELHA */

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

.BTVERDE[type=submit]{outline: 0; background: #009900; width: 100%; height:50px; 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: 15px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald',  sans-serif;  }

.BTVERDE[type=submit]:hover{outline: 0; background: #339900; width: 100%; height:50px; 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: 16px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald',  sans-serif;  }

/* FIM DA COR LARANJA CLARO */

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

.BTLARANJACLARO[type=submit]{outline: 0; background: #E45E51; 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',  sans-serif; }

.BTLARANJACLARO[type=submit]:hover{outline: 0; background: #E45E51; 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',  sans-serif;  }

/* FIM DA COR LARANJA CLARO  */

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

.BTROXA[type=submit]{outline: 0; background: #702E91; 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',  sans-serif;  }

.BTROXA[type=submit]:hover{outline: 0; background: #702E91; 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',  sans-serif; }

/* FIM DA COR LARANJA  */

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

.BTLARANJA[type=submit]{outline: 0; background: #FF6600; 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: 15px; transition: all 0.3 ease; cursor: pointer; font-family: 'Oswald',  sans-serif;  }

.BTLARANJA[type=submit]:hover{outline: 0; background: #FF9900; 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: 16px; transition: all 0.3 ease; cursor: pointer;font-family: 'Oswald',  sans-serif;  }

/* FIM DA COR LARANJA  */

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

.BTVERDEPLANOS[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: 13px; transition: all 0.3 ease; cursor: pointer;font-family: 'Oswald',  sans-serif;  }

.BTVERDEPLANOS[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',  sans-serif;  }

/* FIM DA COR LARANJA CLARO */



#CHAMADADIV{
    border: 0px solid #ddd;
	width:100%;
	height: 150px;
	background: #000000;
	
}


.REDONDO {
   width: 150px;
   height: 150px;
   background-color: #000;
   color: #FFF;
 
   /* Agora a mágica */
   border-radius: 50%;
}

.REDONDOMENOR {
   width: 120px;
   height: 120px;
   background-color: #000;
   color: #FFF;
 
   /* Agora a mágica */
   border-radius: 50%;
}

.PLANO {
   width: 100%;
   height: 80px;
   background-color: #000;
   color: #FFF;
   align: center
   
   
 }


#PLANOAZULDIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:250px;
	height:420px;
	background: #6E7DFF;
	
}

#PLANOROSADIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:250px;
	height:420px;
	background: #E03456;
	
}

#PLANOVERDEAGUADIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:250px;
	height:420px;
	background: #5BD6BA;
	
}

#PLANOVERDEDIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:250px;
	height:420px;
	background: #5AC953;
	
}





/* Cabeçalho da Central */
.PLANOTITULO { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:16px; text-align:center; font-weight: bold }

/* Cabeçalho da Central */
.PLANOTITULOTEXTO { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center }

/* Cabeçalho da Central */
.PLANOTITULOPRECO { color: #FFFF00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center; font-weight: bold }


/* Cabeçalho da Central */
.PLANOTITULOCIFRAO { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}

/* Cabeçalho da Central */
.PLANOTITULOPLANO { color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center; font-weight: bold }

/* Cabeçalho da Central */
.PLANOTRANQUILIDADE { color: #FFFF00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:center;}

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

#CADASTRODIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:390px;
	height:430px;
	background: rgba(10,23,55,0.5);
	
	
}

#COMERCIO{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:240px;
	height:375px;
	background: rgba(10,23,55,0.5);
	
}

}

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

#CADASTRODIV{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:370px;
	height:410px;
	background: rgba(10,23,55,0.5);
	
	
}

#COMERCIO{
    border-radius: 4px;
	border: 0px solid #ddd;
	width:230px;
	height:365px;
	background: rgba(10,23,55,0.5);
	
}

}

#CADASTRO{
    border-radius: 4px;
	border: 2px solid #ddd;
	width:740px;
	height:520px;
	background-color:#CCFFFF;
	font-family: 'Oswald',  sans-serif;
}

#ALTERARCADASTRO{
    border-radius: 4px;
	border: 2px solid #ddd;
	width:740px;
	height:520px;
	background-color:#FFEC9D;
	font-family: 'Oswald',  sans-serif;
}

#MENSAGEM{
    border-radius: 4px;
	border: 1px solid #ddd;
	width:700px;
	height:980px;
	background-color:#FFFFFF;
	font-family: 'Oswald',  sans-serif;
}

.CIRCULO{
background:#404040;
width:25px;
height:25px;
line-height:25px;
vertical-align:middle;
text-align:center;
font-size:12px;
border-radius: 52px;
border:2px solid #000000;
font-family: 'Oswald',  sans-serif;
color:#FFFFFF
}