/*=========== RESET ==========*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: none;
	outline: none;
	font-weight: 500;
	font-size: 16px;
	font-color: #333;
	box-sizing: border-box;
    font-family: 'Roboto', sans-serif;



}


h1     {
	font-size: 4em;
	color: #fff;
	text-align: center;
	
}
h2     {
	font-size: 1.6em;
	text-align: center;
}
h3     {  	font-size: 2.5em;  	color: #333; text-align: Left;}
h4     {
	font-size: 1.2em;
	color: #000;
	text-align: center;
}
h5     {  font-size: 0.8em; color: #fff; text-align: lefth;}
h6     {  font-size: 0.7em; color: #fff; text-align: center;}
li     {  font-size: 1em;	color: #333;	list-style: none;margin-top: 0%;	font-color: #000;	line-height: 1.4em;	text-align: left;}
ul     {  font-size: 1.0em; color: #333; list-style: none;}
p      {	font-size: 1.1em;	color: #E5E6E7;	margin-top: 1%;	color: #333;	line-height: 1.4em;	text-align: lefth;}
a      {  font-size: 1.0em;  text-decoration: none; font-color: #333;}
a:hover {  font-size: 1.0em; text-decoration: none; font-color: #F63;}
img    {  max-width: 100%;}
form   {  margin-top: 2%;} 
input  {	width: 100%;	color: #333;	border: 1px solid rgba(255,255,255,0.3);	padding: 5%;}
button {  width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }
body   {  background-color: #FFFFFF;}	


/*=========== CONTAINER ==========*/
.container     {	width: 100%;	float: left;	padding: 0% 0% 0% 0%;	text-align: center;}
.containertotal     {	width: 100%;	float: left;	padding: 0% 0% 0% 0%;	text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 9% 2% 9%;	text-align: center;}
/*=========== BG COLORS ==========*/
.bg-gradient {  background: linear-gradient(to right,#159AD0,#133665);}
.bg-black    {  background-color: #130400;}
.bg-white    {	background-color: #FFFFFF;}
.bg-gray     {
	background-color: #4E2096
}
.bg-orange   {	background-color: #FFFFFF;}

/*=========== HELPERS ==========*/
.radius {  border-radius: 7px;}

/* CABEÇALHO */
.logo   {  width: 100%;	height: 150px;	float: center;	font-size: 0; text-align: center;}

/*BUTONS*/
.buttonsp   {  width: 60%; margin: 1%; alignment-adjust:center; text-align:center;}
.buttonsp i {  float: right;}
.btn        {  width: 60%; font-size: 5px; text-align: left;  padding: 5px; cursor: pointer; alignment-adjust:center; text-align:center; }
.btn-cotar  {  width: 60%; font-size: 1.0em; text-align: left; cursor: pointer; padding: 5px; color: #F21876; alignment-adjust:center; text-align:center; font-color: #FFF;}
.btn-menu {width: 1000px; height: 100px; float: lefth; text-align: center; color: #666; border-radius:60px; cursor: pointer;}
.titulo-branco {	color: #FFF;}
.ercc {	color: #400080;}
      


/*MENU */
.menu               {
	width: 100%;
	height: 56px;
	background-color: #fff;
	z-index: 99999;
	position: absolute;
	alignment-adjust: central;
}
.menu a             {  font-size: 16px;	padding: 16px;	background-color:#263964 ;	color: #fff; display: block;	text-decoration: none;	text-align: center;	}
.menu a:hover       {	background-color:#263964 ;	color: #F63;	margin: auto;}
.menu ul ul li a    {  background-color: #fff;	}	
.menu ul            {
	list-style: none;
	position: relative;
	z-index: auto;
	background-color: #000000;
}
.menu ul li         {  width: 19%;	float: right;}	
.menu ul li ul li   {  width: 100%;	float: right;}	
.menu ul ul         {  position:absolute; visibility:hidden;}	
.menu ul li:hover ul{  visibility:visible;	}		
.menu ul ul li      {  float:none;	border-bottom:solid 1px #ccc;	}	

.menu ul ul         {  position:static; overflow:hidden; max-height:0; transition:all .4s; }
.menu ul li:hover ul{  height:auto; max-height:420px; }
label[for="bt_menu"]{
	padding: 7px;
	background-color: #fff;
	color: #666;
	text-align: center;
	font-size: 40px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	float: lefth;
}
#bt_menu{ display:none;  }
label[for="bt_menu"]{display:none;}
				
				
			
@media(max-width:2280px){
label[for="bt_menu"]   {    display:block; 	}
#bt_menu:checked ~.menu{    margin-left:0; }
.menu                  {    margin-top:6px; margin-left:-100%; transition:all .4s;}	
.menu ul li            {    width: 100%; height:auto; float: none; }
/*=========== CONTAINER ==========*/
.container {	width: 100%;	float: left;	padding: 2% 9% 2% 9%;	text-align: center;}
.containertopo {	width: 100%;	float: center;	padding: 1.5% 9% 2% 9%;	text-align: center;}
.containertotal     {
	width: 100%;
	float: left;
	padding: 0% 0% 0% 0%;
	text-align: center;
}
}			
		

		

/* BANNER */
.banner        {   background: url(../img/banner.png) no-repeat fixed; width:100%; height:auto; }
.title         {   width: 100%;}
.title h1      {   font-size: 2.0em; color: #fff; font-weight:bold; }
.title h2      {   font-size: 1.8em;	color: #F63;	font-weight: bold;}
.title h3      {   font-size: 1.5em; color: #fff; }
.buttons       {   width: 50%;	margin-top: 2%;	alignment-adjust: lefth;}
.buttons i     {   float: right;}
.btn           {   width: 100%; font-size: 1.5em; text-align: left; cursor: pointer; padding: 1%; alignment-adjust:center; alignment-adjust:center; alignment-baseline:center; }
.btn-cadastrar {   	width: 60%;	height: 45px; border-radius: 15px; font-size:12px; color: #FFF; alignment-adjust:center; alignment-adjust:center; alignment-baseline:center; }
.btn-sobre     {   color:#F21876 ; margin-top: 2%;}


/* SERVIÇOS */
.servico     {   width: 100%;  text-align: left;  margin-bottom: 2%;}
.servico img {   border-radius: 7px 7px 0 0;}
.inner       {   padding: 3% 10% 3% 10%;}
.inner h1     {  font-size: 2.5em; color: #F63;}
.inner h2     {  font-size: 2.0em; color: #F63;}
.inner h3     {  font-size: 1.5em; color: #F63;}
.inner h4     {  font-size: 1.2em; color: #F63;}
.inner h5     {  font-size: 0.8em; color: #F63;}
.inner h6     {  font-size: 0.5em; color: #F63;}
.inner li     {  font-size: 1.0em; color: ##F63; list-style: none;  margin-top: 0%; 	font-color: #F63;	line-height: 1.4em;	text-align: center;}
.inner ul     {  font-size: 1.0em; color: #F63; list-style: none;}
.inner p      {  font-size: 1.0em; color: #F63; margin-top: 1%;	    color: #666;	line-height: 1.4em;	text-align: justify;}
.inner a      {  font-size: 1.0em;  text-decoration: none;}
.inner a:hover {  font-size: 1.0em; text-decoration: none;}



/* CONTEUDO */
.conteudo     {   width: 100%;  text-align: left;  margin-bottom: 3%;}
.conteudo img {   border-radius: 7px 7px 7px 7px;}
.conteudo     {	  padding: 2% 10% 2% 10%;}
.conteudo h1     {  font-size: 2.5em; color: #666;}
.conteudo h2     {  font-size: 2.0em; color: #666;}
.conteudo h3     {  font-size: 1.5em; color: #666;}
.conteudo h4     {  font-size: 1.2em; color: #666;}
.conteudo h5     {  font-size: 0.8em; color: #666;}
.conteudo h6     {  font-size: 0.5em; color: #666;}
.conteudo li     {  font-size: 1.0em; color: #666; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.4em;	text-align: center;}
.conteudo ul     {  font-size: 1.0em; color: #666; list-style: none;}
.conteudo p      {  font-size: 1.0em; color: #666; margin-top: 1%;	    color: #000;	line-height: 1.4em;	text-align: justify;}
.conteudo a      {  font-size: 1.0em;  text-decoration: none;}
.conteudo a:hover {  font-size: 1.0em; text-decoration: none;}

/* PARCEIROS */
.parceiros     {   width: 100%;  text-align: left;  margin-bottom: 3%;}
.parceiros img {   border-radius: 7px 7px 7px 7px;}
.parceiros     {	  padding: 2% 10% 2% 10%;}
.parceiros h1     {  font-size: 2.5em; color: #666; font-weight: 700;}
.parceiros h2     {  font-size: 2.0em; color: #666; font-weight: 700;}
.parceiros h3     {  font-size: 1.5em; color: #666;}
.parceiros h4     {  font-size: 1.2em; color: #666;}
.parceiros h5     {  font-size: 0.8em; color: #666;}
.parceiros h6     {  font-size: 0.5em; color: #666;}
.parceiros li     {  font-size: 1.0em; color: #666; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.4em;	text-align: center;}
.parceiros ul     {  font-size: 1.0em; color: #666; list-style: none;}
.parceiros p      {  font-size: 1.0em; color: #666; margin-top: 1%;	    color: #000;	line-height: 1.4em;	text-align: justify;}
.parceiros a      {  font-size: 1.0em;  text-decoration: none;}
.parceiros a:hover {  font-size: 1.0em; text-decoration: none;}



/* TOP */
.top h1     {  font-size: 2.5em; color: #E5E6E7; }
.top h2     {  font-size: 2.em; color: #E5E6E7; }
.top h3     {  font-size: 1.0em; color: #E5E6E7;}
.top form   {  margin-top: 2%;}
.top input  {  width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.top button {  width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* CONTATO */
.contato    {  width: 100%;  text-align: left;  margin-bottom: 3%;}
.contato    {  padding: 3% 10% 3% 10%;}
.contato h1     {  font-size: 2.5em; color: #E5E6E7;}
.contato h2     {  font-size: 2.0em; color: #E5E6E7;}
.contato h3     {  font-size: 1.5em; color: #E5E6E7;}
.contato h4     {  font-size: 1.2em; color: #E5E6E7;}
.contato h5     {  font-size: 0.8em; color: #E5E6E7;}
.contato h6     {  font-size: 0.5em; color: #E5E6E7;}
.contato li     {  font-size: 1.0em; color: #E5E6E7; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.4em;	text-align: center;}
.contato ul     {  font-size: 1.0em; color: #E5E6E7; list-style: none;}
.contato p      {  font-size: 1.0em; color: #E5E6E7; margin-top: 1%;	    color: #000;	line-height: 1.4em;	text-align: justify;}
.contato a      {  font-size: 1.0em;  text-decoration: none;}
.contato a:hover {  font-size: 1.0em; text-decoration: none;}




/* NEWSLETTER */
.newsletter h1     {  font-size: 2.5em; color: #fff;}
.newsletter h2     {  font-size: 2.0em; color: #fff;}
.newsletter h3     {  font-size: 1.5em; color: #fff;}
.newsletter h4     {  font-size: 1.0em; color: #fff;}
.newsletter h5     {  font-size: 0.8em; color: #fff;}
.newsletter h6     {  font-size: 0.5em; color: #fff;}
.newsletter form   {  margin-top: 2%;}
.newsletter input  {  width: 100%;  color: #fff; border: 1px solid rgba(255,255,255,0.3); padding: 5%; }
.newsletter button {  width: 100%;  color:#130400; padding: 5%; cursor: pointer; margin-top: 2%; }

/* RODAPÉ */
.social-icons a            {   font-size: 0.5 em; color: #fff; margin-right: 3%;}
.social-icons a:last-child {   margin-right: 0;}
.social-icons a:hover      {   font-size: 0.5 em; color: #fff;}
.copyright                 {
	font-size: 0.7 em;
	color: #fff;
	margin-top: 2%;
}
.rodape a                  {   font-size: 0.5 em; color: #fff; text-decoration: none;}
.rodape a:hover            {   font-size: 0.5 em; color: #fff; text-decoration: none;}
.rodape h1     {  font-size: 2.0em; color: #fff;}
.rodape h2     {  font-size: 1.8em; color: #fff;}
.rodape h3     {  font-size: 1.5em; color: #fff;}
.rodape h4     {  font-size: 1.2em; color: #fff;}
.rodape h5     {  font-size: 0.8em; color: #fff;}
.rodape h6     {  font-size: 0.5em; color: #fff;}
.rodape li     {  font-size: 1.0em; color: #fff; list-style: none;  margin-top: 0%; 	font-color: #000;	line-height: 1.4em;	text-align: center;}
.rodape ul     {  font-size: 1.0em; color: #fff; list-style: none;}
.rodape p      {  font-size: 1.0em; color: #fff; margin-top: 1%;	    color: #000;	line-height: 1.4em;	text-align: justify;}


/* ========== MOBILE FIRST ==========*/
/* SMALL DEVICES - SMARTPHONES */
@media screen and (min-width: 480px) {
.btn                {	font-size: 16px;}
.logo   {  width: 100%;	height: 150px;	float: center;	 text-align: center;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;		text-align: center;}
}


/* SMALL DEVICES - TABLETS*/
@media screen and (min-width: 768px) {
.logo   {  width: 100%;	height: 150px;	float: center;	font-size: 0; text-align: center;}
.servico             {  width: 49%; float: left; margin-right: 2%;}
.servico:nth-child(2){  margin-right: 0;}
.newsletter input    {  width: 70%; padding: 2%; float: left; margin-right: 1%;}
.newsletter button   {  width: 29%; padding: 2%; float: right; margin-top: 0;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;		text-align: center;}
}


/* MEDIUM DEVICES - TABLETS & DESKTOPS*/
@media screen and (min-width: 960px) {
.title               {	width: 100%;	float: left;	text-align: left;}
.title h1            {  font-size: 2.0em;}
.title h2            {	font-size: 1.5em;}
.title h3            {  font-size: 1.5em;}
.buttons             {	width: 30%;	float: left;	margin-top: 0;}
.servico             {  width: 32%; }
.servico:nth-child(2){  margin-right: 2%;}
.servico:nth-child(3){  margin-right: 0;}
.newsletter input    {  width: 60%; float: none;}
.newsletter button   {  width: 20%; float: none;}
.container {	width: 100%;	float: center;		text-align: center;}
.containertopo {	width: 100%;	float: center;		text-align: center;}
.logo   {
	width: 100%;
	height: 100px;
	float: center;
	font-size: 0;
	text-align: center;
}

}


/* LARGE DEVICES - WIDE SCREENS*/
@media screen and (min-width: 1280px) {
.btn-menu           {   display: none;}
.btn-close          {   display: none;}

}


<style type="text/css">
    	.Orange-title {
	color: #F37325;
}
        #box-geral-orange #box-interno .copyright a {
	color: #FFF;
}
        #box-geral-orange #box-interno h5 {
	color: #FFF;
}
        </style>
		#box-geral-full-white #box2_texto_full {
	color: #400080;
}
@media screen and (min-width: 1280px) {
.btn-menu {display: none;}
.btn-close {display: none;}
.menu {width: auto; height: 56px; line-height: 56px; float: right; background-color: #f5f5f5; 
display: block !important; position: static;}
.menu li {padding: 0; float: left;}
.menu li a {color:#130400; font-size: 1em; padding: 15px; }
.menu li a:hover {border: none; color:#da6709; }
.container {	width: 100%;	float:#000 center;		text-align: center;}
.containertopo {	width: 100%;	float: center;		text-align: center;}

}