/*
COR PADRAO
#176CA9
*/
body    {height: 100%; margin: 0; overflow-x: hidden; overflow-y: scroll; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #555; background: #ececec;}

ul {list-style: none; padding-left: 0;}


#barra-brasil {position: fixed; z-index: 99; width: 100%;}

/*ITENS DO TOPO*/
.topo               {background: #176CA9 ; color: #eaeaea; height: 48px; width: 100%; position: fixed; z-index: 99; top: 32px; box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.19); border-top: 2px solid #11588B;}
.nome-sistema       {display: block; float: left;}
.nome-sistema h1    {display: block; margin:0; font-size: 1.3em; float: left; font-weight: 600; margin-top: 13px;}
.nome-sistema h1  a {color: #eaeaea;}
.nome-sistema h1  a:hover {text-decoration: none;}

.ferramentas-esquerda  {float: left;} /*Define as ferramentas do topo na esqueda*/
.ferramentas-direita    {float: right;} /*Define as ferramentas do topo na direita*/
.ferramentas-direita .btn-warning:hover {background: #DB9839;}

.botao-topo         {cursor: pointer; width: 30px; height:30px; margin: 8px 0px 8px 8px; float: left;} 
.botao-topo:active  {} 
.botao-topo i       {font-size: 1.25em; padding-top: 6px; padding-left: 7px;}

.caixa-topo         {display: table; float: left;/* border-left: 1px solid #fff;*/ padding:0 10px 0 0px; height: 45px; transition: box-shadow 0.4s; transition: background 0.3s;}
.caixa-topo a       {color: #fff; text-decoration: none;}
.caixa-topo:hover   {cursor: pointer; box-shadow: 0 3px 10px rgba(0,0,0,.03),0 3px 10px rgba(0,0,0,.08); background: #11588B}
.label-topo         {display: block; float: right; line-height: 45px;}


/* MENU ESQUERDA */
.menu                       {background: #fff; top:0; bottom: 0; color: #666; height: 100%; width: 245px; position: fixed; z-index: 88; left: 0; display: none; overflow: auto !important; border-right: 2px solid #ddd; }
.menu ul.lvl1               {display: block; list-style: none; margin-top: 82px; padding-right: 0;}
.menu ul.lvl1 li a          {background: #fff; border-bottom: #ededed solid 1px; display: block; padding: 7px 5px 7px 5px; color: #666;}
.menu ul.lvl1 li a:hover    {background: #f4f4f4; text-decoration: none;}
.menu ul.lvl1 li a:focus    {background: #f4f4f4;}
.menu ul.lvl1 li a:focus i  {color: #999;}
.menu ul.lvl1 li a:active   {background: #f4f4f4;}
.menu ul.lvl1 li a i        {color: #D7D7D7; font-size: 0.8em; padding: 4px 5px 0 0;}

.menu ul.lvl1 ul               {display: block; list-style: none; padding-right: 0; display: none; background: #176CA9;}
.menu ul.lvl1 ul li            {margin-left: 3px;}
.menu ul.lvl1 ul li a          {background: #ededed; border-bottom: #ddd solid 1px; display: block; padding: 7px 5px 7px 5px; color: #666;}
.menu ul.lvl1 ul li a:hover    {background: #ddd; text-decoration: none;}
.menu ul.lvl1 ul li a:focus    {background: #ddd;}
.menu ul.lvl1 ul li a:focus i  {color: #fff;}

.menu ul.lvl1 ul ul             {display: block; list-style: none; padding-right: 0; display: none; background: #666;}
.menu ul.lvl1 ul ul li          {margin-left: 3px;}
.menu ul.lvl1 ul ul li a        {background: #176CA9; border-bottom: #d5d5d5 solid 1px; display: block; padding: 7px 5px 7px 5px; color: #4D4D4D;}
.menu ul.lvl1 ul ul li a:hover  {background: #176CA9; text-decoration: none;}

/*.menu ul.lvl2               {display: block; list-style: none; padding-right: 0; display: none; background: #176CA9;}
.menu ul.lvl2 li            {margin-left: 3px;}
.menu ul.lvl2 li a          {background: #ededed; border-bottom: #ddd solid 1px; display: block; padding: 7px 5px 7px 5px; color: #666;}
.menu ul.lvl2 li a:hover    {background: #ddd; text-decoration: none;}
.menu ul.lvl2 li a:focus    {background: #ddd;}
.menu ul.lvl2 li a:focus i  {color: #fff;}

.menu ul.lvl3             {display: block; list-style: none; padding-right: 0; display: none; background: #666;}
.menu ul.lvl3 li          {margin-left: 3px;}
.menu ul.lvl3 li a        {background: #ddd; border-bottom: #d5d5d5 solid 1px; display: block; padding: 7px 5px 7px 5px; color: #4D4D4D;}
.menu ul.lvl3 li a:hover  {background: #ddd; text-decoration: none;}*/

i.menu-icone {font-size: 1.2em!important; color: #666!important;} /*ICONES INTERNOS DO MENU*/

.botao-menu         {cursor: pointer; width: 30px; height:30px; background: #11588B; border-radius: 30px; margin: 8px 8px; float: left; transition: box-shadow 0.3s;} /*Botão de acesso do menu*/
.botao-menu:active  {background: #11588B;} 
.botao-menu:hover   {box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);}
.botao-menu i       {font-size: 1.25em; padding-top: 6px; padding-left: 7px;}

/* MENU TOPO */

.menu-topo                     {background: #fff; top:75px; color: #666; height: auto; width: 100%; position: fixed; z-index: 88; left: 0; display: block;  border-right: 2px solid #ddd; box-shadow: 0 0 4px rgba(0,0,0,.05),0 4px 8px rgba(0,0,0,.07);}
.menu-topo ul.lvl1             {display: block; list-style: none; margin-top: 5px; padding-right: 0; position: relative;}
.menu-topo ul.lvl1 li          {width: auto; float: left; display: block;}
.menu-topo ul.lvl1 li a        {background: #fff; border-bottom: #ededed solid 1px; display: block; padding: 10px 12px 10px 12px; color: #666; float: left; border-right: 1px solid #ECECEC;}
.menu-topo ul.lvl1 li a:focus  {background: #f4f4f4;}
.menu-topo ul.lvl1 li a:hover  {background: #f4f4f4; text-decoration: none;}
.menu-topo ul.lvl1 li a i      {color: #D7D7D7; font-size: 0.8em; padding: 4px 0 0 0;}

.menu-topo ul.lvl2             {display: block; list-style: none; padding-right: 0; display: none; background: #176CA9; position: absolute;  top: 40px;}
.menu-topo ul.lvl2 li          {margin-left: 3px; width: 100%;}
.menu-topo ul.lvl2 li a        {background: #ededed; border-bottom: #ddd solid 1px; display: block; padding: 7px 5px 7px 5px; color: #666; width: 100%;}
.menu-topo ul.lvl2 li a:hover  {background: #ddd; text-decoration: none;}
.menu-topo ul.lvl2 li a:focus  {background: #ddd;}
.menu-topo ul.lvl2 li a:focus i  {color: #fff;}

.menu-topo ul.lvl3             {display: block; list-style: none; padding-right: 0; display: none; background: #666; position: absolute; left: 100%; width: 100%;min-width: 150px;}
.menu-topo ul.lvl3 li          {margin-left: 3px;}
.menu-topo ul.lvl3 li a        {background: #ddd; border-bottom: #d5d5d5 solid 1px; display: block; padding: 7px 5px 7px 5px; color: #4D4D4D;}
.menu-topo ul.lvl3 li a:hover  {background: #ddd; text-decoration: none;}

/* MENU INTERNO */
.menu-interno               			{/*background: #dedede;*/ border-radius: 5px; margin-bottom: 20px; width: 100%; border: 0;}
.menu-interno ul            			{}
.menu-interno ul li         			{float: left;  }
.menu-interno ul li a       			{text-decoration: none; display: block; vertical-align: middle; height: 50px; text-align: center; padding: 15px 15px 15px 17px; color: #444; transition: background 0.3s;}
.menu-interno ul li a:hover 			{background: #176CA9; display: block; color: #fff;}
.menu-interno ul.dropdown-menu li 		{width: 100%;}
.menu-interno ul.dropdown-menu li a 	{height: auto; padding: 4px;text-align: left;}
    /*Ver css de alteração do bootstrap*/



/*PASSOS NUMERO*/
.passos div 						 {display: none; outline: none;}
.passos-numeros                      {margin: 20px auto 20px auto; display: table; padding: 20px; width: 100%;}            
.passos-numeros ul                   {position: relative; height: 35px; margin: 0 auto; display: table; margin-top: 5px; }
.passos-numeros li                   {transition: box-shadow 0.3s; float: left; height: 35px; width: 35px; border: solid 2px #666; border-radius: 20px; box-sizing: border-box; margin-right: 10px; padding-top: 2px; position: relative; margin-bottom: 18px; margin-top: 20px; font-size: 1.45em; font-weight: 600; color: #666; text-align: center;}
.passos-numeros li a                 {width: 31px; height: 31px; display: block; padding-top: 2px; margin-top: -2px; color: #666;}
.passos-numeros li a:hover           {text-decoration: none;}
.passos-numeros li.active a          {color: #fff; text-decoration: none;}
.passos-numeros li.active a:hover    {color: #fff; }
.passos-numeros li:last-child        {margin-right:0;}
.passos-numeros li.active            {background: #176CA9!important; color: #fff; }
.passos-numeros li:hover             {box-shadow: 0 3px 10px rgba(0,0,0,.43),0 3px 10px rgba(0,0,0,.16); cursor: pointer;}

.passos-numeros li:after             {height: 6px; width: 10px; background: #A5A5A5; position: absolute; left: 33px; top: 12px; content: ' '; }
.passos-numeros li:last-child:after  {display: none; content: ' ';}
.passos-numeros li.last::after 		 {display: none; content: ' ';}

.passos-numeros li.check  		{background: #C5DFC4;}
.passos-numeros span.check 		{position: absolute; color: green; font-size: 0.8em; width: 35px; text-align: center; top: -25px; left: -3px;}
.passos-numeros li.erro  		{background: #E4E2BE;}
.passos-numeros span.erro 		{position: absolute; color: #f0ad4e; font-size: 0.8em; width: 35px; text-align: center; top: -25px; left: -3px;}
.passos-numeros li.bloqueado  	{background: #dedede!important;}
.passos-numeros li.bloqueado a  {color: #999; cursor:no-drop ;}
.passos-numeros span.bloqueado 	{position: absolute; color: #999; font-size: 0.8em; width: 35px; text-align: center; top: -25px; left: -3px;}
/*FIM PASSOS NUMERO*/

/*TIRE SUAS DUVIDAS FAQ*/
a.pergunta 			{width: 100%; height: auto; padding: 10px; background: #176CA9; display: table; color: #fff; margin-top: 15px;}
a.pergunta:hover 	{color: #fff;}
/*FIM FAQ*/

/*MODAL DE CARREGAMENTO*/
.modal-static { position: fixed; top: 50% !important;   left: 50% !important;  margin-top: -100px;  margin-left: -100px; overflow: visible !important;}
.modal-static, .modal-static .modal-dialog, .modal-static .modal-content { width: 200px;  height: 110px; }
.modal-static .modal-dialog, .modal-static .modal-content { padding: 0 !important; margin: 0 !important;}
.modal-static .modal-content i{ font-size: 3em;}
.modal-backdrop.in { opacity: 0.7;filter: alpha(opacity=70);}
/*FIM MODAL DE CARREGAMENTO*/

/* CONTEUDO */

	/*TIPOGRAFIA*/
	h2  {font-size: 1.4em; font-weight: 600; color: #176CA9; padding-left: 0; margin-bottom: 25px; border-bottom: 1px solid #176CA9; padding-left: 5px; width: 100%; padding-bottom: 5px;}
	h3  {font-size: 1.2em; font-weight: 600; color: #777; padding-left: 0; margin-bottom: 25px; margin-top: 40px;  border-bottom: 1px solid #cecece; padding-left: 5px; width: 100%; padding-bottom: 5px;}
	/*FIM TIPOGRAFIA*/

	/*CAIXA PADRÃO DO CENTRO*/
	.caixa-centro           	{background: #fff; display: table; padding-bottom: 10px; padding-top: 5px; margin-bottom: 35px; /*margin-top: 25px;*/ width: 100%;}
	.caixa-centro h2        	{font-size: 1.4em; font-weight: 600; color: #176CA9; padding-left: 0; margin-bottom: 15px; border-bottom: 1px solid #176CA9; padding-left: 5px; width: 100%; padding-bottom: 5px;}
	.caixa-centro .alerta   	{display: table; margin-bottom: 10px; width: 100%; padding: 5px;}
	.caixa-centro thead     	{background: #e5e3e2;}
	.caixa-centro i         	{transition: box-shadow 0.3s;  transition: border-radius 0.3s; padding: 3px; border-radius: 3px}
	.caixa-centro i:hover   	{border-radius: 12px; box-shadow: 0 3px 10px rgba(0,0,0,.23),0 3px 10px rgba(0,0,0,.16);}

	.btn-toolbar i:hover {
		border-radius: 0px;
		box-shadow: none;
	}

	.caixa-centro button i:hover {
		border-radius: 0px;
		box-shadow: none;
	}

	.pagination i:hover {
		border-radius: 0px;
		box-shadow: none;
	}
	/*SIM CAIXA PADRÃO DO CENTRO*/

	/*RASTRO*/
	.rastro         {margin: 10px 0 25px 0; background: #F2F2F2; padding: 10px; border: solid #E5E5E5 1px;}
	.rastro  a      {text-decoration: none; }
	.rastro  i      {color: #999; margin:0 5px;}
	.rastro .active {color: #333;}
	/*RASTRO*/

.espaco-topo    {display: block; height: 120px; width: 100%;}
.conteudo       {margin: 0 auto; min-height: 490px;}
.separador  {width: 100%; height: 1px; display: table; margin: 10px 0px; border-bottom: 2px solid #ececec;}

.codigo a  			{background: #BEBEBE; padding: 8px; text-decoration: none; border: solid 1px #B8B8B8; color: #fff;}
.codigo a:hover  	{background: #B1B1B1}
.codigo a i			{font-size: 1.3em;}
.codigo a i:hover	{box-shadow: none;}

table {
	float: left;
	width: 100%;
}
table .radio, .checkbox  { margin: 0;}

.tooltip {position: absolute;}

.req        {color:red;} /*SIMBOLO * REQUERIDO SE NECESS�RIO*/
.caracteres {font-size: 0.9em; font-style: italic;}
.legenda    {display: block; font-size: 0.9em; margin-bottom: 10px;}

.tableAcoes     {min-width: 100px;}
.tableAcoes a   {margin-right: 18px; color: #444; font-size: 1.3em; display: block; float: left; }
.tableAcoes a:hover   {text-decoration: none; color: #000;}

#iealerta {display: none;}

	/*DATATABLE*/
	.dataTables_filter input{margin-left: 10px; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; 
border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

/* override caminho dos arquivos de imagens da biblioteca dataTables - vendor */
table.dataTable thead .sorting {
  background: url("../img/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
  background: url("../img/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
  background: url("../img/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
  background: url("../img/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
  background: url("../img/sort_desc_disabled.png") no-repeat center right;
}

/*FOOTER*/
footer      {width: 100%; margin-top: 30px; background:#176CA9; /*height: 50px;*/ box-sizing: content-box; box-shadow:  0 0 4px rgba(0,0,0,.03), 0 -4px 14px 3px rgba(0,0,0,.05);}
footer p    {text-align: center; padding-top: 15px; padding-bottom: 15px; color: #fff; display: block; margin: 0;}
.marcas 	{background: #fff; text-align: center; padding: 15px 0 10px 0; margin-top: 15px; width: 100%; font-size: 1.4em; font-weight: 600; border-bottom: 1px solid #e0e0e0;}
.marcas img	{height: 80px; margin: 0 10px;}
.navegador 	{background: #176CA9; text-align: center; padding: 15px 0; margin-top: 0; width: 100%; color: #fff;}

/*FUNDOS*/

.bg-azul  {
background: #478fc6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover,  #478fc6 0%, #1e5799 100%)!important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#478fc6), color-stop(100%,#1e5799))!important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* IE10+ */
background: radial-gradient(ellipse at center,  #478fc6 0%,#1e5799 100%)!important; /* W3C */
}

.bg-agua  {
  background: #399ab5; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, #399ab5 0%, #097c89 99%)!important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#399ab5), color-stop(99%,#097c89))!important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #399ab5 0%,#097c89 99%)!important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #399ab5 0%,#097c89 99%)!important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #399ab5 0%,#097c89 99%)!important; /* IE10+ */
background: radial-gradient(ellipse at center, #399ab5 0%,#097c89 99%)!important; /* W3C */
}

.bg-chumbo  {
background: #898989; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, #898989 0%, #494949 100%)!important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#898989), color-stop(100%,#494949))!important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #898989 0%,#494949 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #898989 0%,#494949 100%)!important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #898989 0%,#494949 100%)!important; /* IE10+ */
background: radial-gradient(ellipse at center, #898989 0%,#494949 100%)!important; /* W3C */
}

.bg-laranja {
background: #ffcc00; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover, #ffcc00 0%, #feb645 100%)!important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffcc00), color-stop(100%,#feb645))!important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #ffcc00 0%,#feb645 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, #ffcc00 0%,#feb645 100%)!important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, #ffcc00 0%,#feb645 100%)!important; /* IE10+ */
background: radial-gradient(ellipse at center, #ffcc00 0%,#feb645 100%)!important; /* W3C */
}

/* Multi Select */
.SumoSelect, .SlectBox, .SlectBoxa {width: 100%;}
.SumoSelect > .CaptionCont > label {background: #fff; margin-bottom: 0;}
.SumoSelect > .CaptionCont > label i:hover{box-shadow: none;}

/* ALTERACOES NO BOOTSTRAP*/

.dropdown-menu    {padding: 7px 10px; border-radius: 0 0 4px 4px; border: 0; margin-top: 0; color: #333; z-index: 87; min-width: 100%;}
.dropdown-menu li {margin-bottom: 5px; white-space: nowrap;}

label {font-weight: 600; font-size: 0.9em;}
.form-control {box-shadow:none;}
.btn {border-radius: 0;}
.form-group {margin-bottom: 25px;}
.has-feedback .form-control-feedback {right: 15px;} /*ICONE DENTRO DO INPUT*/

/*Abas*/
.nav-tabs {background-color: #f4f4f4; border-top: 4px solid #d2d2d2; border-bottom: 4px solid #ececec; display: table; width: 100%;}
.nav-tabs a {color: #555;}
.nav-tabs li a:hover {background: #ececec; border-radius: 0;}
.nav-tabs > li {float: left;margin-bottom: -4px;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
/*color: #fff; cursor: default; background-color: #176CA9; border-top: 4px solid #126620; border-radius: 0; border-left: 0; border-right: 0; margin-top: -4px;}*/
color: #fff; cursor: default; background-color: #176CA9; border-top: 4px solid #176CA9; border-radius: 0; border-left: 0; border-right: 0; margin-top: -4px;}

/*Menu interno*/
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{background-color: #176CA9; color: #fff;}
.navbar-default .navbar-nav > li > a          {color: #333;}
.navbar-default .navbar-nav > li > a:hover    {background: #176CA9; color: #fff;}
.navbar-default .navbar-nav > .open > a       {background: #176CA9; color: #fff;}
.navbar-default .navbar-nav > .open > a:focus {background: #176CA9; color: #fff;}

/*Cores de fundo para alertas em linhas de tabela ou destaque*/
.bg-success   {background: #e3ffd8;}
.bg-info      {background: #cce2ff ;}
.bg-warning   {background: #fffbe6;}
.bg-danger    {background: #FFB2B2;}

/*Cores dos Alertas*/
.alert-primary        {background: #fff; border-radius: 0; border-left: 6px solid #176CA9; border-top: 0; border-bottom: 0; box-shadow: 0; border-right: 0; padding: 20px} /*Usado Para Mensagens do Sistema*/
.alert-success        {background: #e3ffd8;}
.alert-success:hover  {background: #CEF5BF;}
.alert-info           {background: #cce2ff;}
.alert-info:hover     {background: #C0D8F7;}
.alert-warning        {background: #fffbe6;}
.alert-warning:hover  {background: #FCF6D7;}
.alert-danger         {background: #FFB2B2;}
.alert-danger:hover   {background: #F7A7A7;}

.alert-vermelho {  padding-top: 15px; padding-bottom: 15px; background-color: #f2dede; border-color: #eed3d7; color: #b94a48;  }

.text-info {color: #57C8FF}
.text-inativo {color: #cecece; cursor: default;}

button.pull-right {margin: 0 3px;} 

th {text-align: center;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {border:solid 2px #fff; }

/* BOTÃO TOGGLE*/
.toggle {border-radius: 8px;}
.toggle-group .btn{border-radius: 8px; border: 0;}

/* FIM DE ALTERACOES NO BOOTSTRAP */

/* LOGIN */

.caixa-login  {position: relative; background: #fff; border-radius: 6px; padding: 20px 10px 15px 10px;}
.caixa-login h3 {margin-top: 15px; border-bottom: 0; margin-bottom: 5px;}
.g-recaptcha {margin: 0 auto; width: 302px;}
.caixa-login a:hover {text-decoration: none;}

.cabeca {height: 90px; width: 100%; position: fixed; z-index: 99; top: 32px; text-align: center;

background: #478fc6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: -moz-radial-gradient(center, ellipse cover,  #478fc6 0%, #1e5799 100%)!important; /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#478fc6), color-stop(100%,#1e5799))!important; /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #478fc6 0%,#1e5799 100%)!important; /* IE10+ */
background: radial-gradient(ellipse at center,  #478fc6 0%,#1e5799 100%)!important; /* W3C */

}
.cabeca .logo             {display: block;color: #fff; margin:0; font-size: 1.8em; float: left; font-weight: 700; margin-top: 18px; text-align: center; width: 100%}
.cabeca .logo a           {color: #fff;}
.cabeca .logo a:hover     {color: #fff; text-decoration: none;}

.cabeca p {margin-top: 1px; font-size: 0.9em;}

.cabeca .faq   {position: absolute; top: 33px; right: 15px;}
.cabeca .faq a {color: #fff;}
.cabeca .faq p {font-size: 1.0em; margin-top: 5px; float: left;}
.cabeca .faq i {font-size: 1.6em; margin-left: 5px; margin-top: 5px;}

/*PADROES*/

.width-10 {width: 10%;} 
.width-20 {width: 20%;} 
.width-30 {width: 30%;} 
.width-40 {width: 40%;} 
.width-50 {width: 50%;} 

/*Espaços superior e inferior*/
.sp-10 {margin-top: 10px; margin-bottom: 10px;}
.sp-20 {margin-top: 20px; margin-bottom: 20px;}
.sp-30 {margin-top: 30px; margin-bottom: 30px;}
.sp-40 {margin-top: 40px; margin-bottom: 40px;}

/*Espaços apenas nas laterais*/
.lado-0  {margin-left: 0;    margin-right: 0;}
.lado-10 {margin-left: 10px; margin-right: 10px;}
.lado-20 {margin-left: 20px; margin-right: 20px;}
.lado-30 {margin-left: 30px; margin-right: 30px;}
.lado-40 {margin-left: 40px; margin-right: 40px;}

.padding-0  {padding-left: 0!important;    padding-right: 0!important;}
.padding-10 {padding-left: 10px; padding-right: 10px;}
.padding-20 {padding-left: 20px; padding-right: 20px;}
.padding-30 {padding-left: 30px; padding-right: 30px;}
.padding-40 {padding-left: 40px; padding-right: 40px;}

/*br borda redonda*/
.br   {border-radius: 8px;}
.br10 {border-radius: 10px;}
.br20 {border-radius: 20px;}
.brT  {border-radius: 0 0 8px 8px;}

/*Sombra padrao das caixas*/
.sombra {box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);}
.sombra-1{box-shadow: 0 0 4px rgba(0,0,0,.01),0 4px 8px rgba(0,0,0,.10);}
.sombra-2{box-shadow: 0 0 4px rgba(0,0,0,.02),0 4px 8px rgba(0,0,0,.12);}
.sombra-3{box-shadow: 0 0 4px rgba(0,0,0,.03),0 4px 8px rgba(0,0,0,.13);}

/* IE8 uses \0 Correções IE-8*/
@media all\0 {
	.container {width: 850px;}
	.menu      {display: block;}
	.caixa-login {margin-top: 20px;}
} 
/* fFim Correções IE-8*/


/*Responsividade*/

@media (min-width: 768px) {
  .container {width: 750px;}

}
@media (min-width: 992px) {
  .container {width: 880px;}

}
@media (min-width: 1200px) {
  .container {width: 880px;}
  .menu      {display: block;}

}
@media (min-width: 1350px) {
  .container {width: 1050px;}
}
@media (max-width: 767px){
.label-topo {display: none;}
.caixa-login {margin-top: 20px;}
/*.tableAcoes a {font-size: 2em; margin-right: 20px;}*/
.topo .dropdown-menu    {position: fixed; width: 100%; top:80px;}
.ferramentas-direita 	{background: #176CA9}
}
@media (max-width: 460px){
.menu {width: 100%;}
}

@media (max-width: 1000px){
.label-topo {display: none;}
.caixa-login {margin-top: 20px;}
}

/*SMARTFONES*/
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) { 

.container {width: 100%;}
.topo {height: auto; padding-bottom: 10px; height: 100px}
body {font-size: 300%!important;}
.form-control {height: 66px; font-size: 1em;}
label {font-size: 1em;}
.btn {font-size: 37px;}
.botao-menu {cursor: pointer; width: 80px; height:80px; border-radius: 80px;}
.menu{width: 100%; }
.menu ul.lvl1 {margin-top: 140px;}
.botao-menu i {font-size: 1.8em;padding-top: 14px;padding-left: 16px;}
.botao-topo i {font-size: 1.8em;padding-top: 14px;padding-left: 7px;}
.nome-sistema h1 {margin-top: 28px; margin-left: 15px;}
.botao-topo {width: 80px;height: 84px;}
.espaco-topo {height: 240px;}
.ferramentas-direita 	{background: #176CA9; width: 100%}
.passos-numeros li {height: 75px;width: 75px; border-radius: 45px;}
.passos-numeros li:after {height: 15px;width: 10px;left: 73px;top: 27px;}
.passos-numeros li span {font-size: 0.8em; width: 35px; top: -50px!important; left: 14px!important;}
.tooltip {font-size: 1.2em;}
.tooltip-inner {width: 100%; max-width: 600px;}
.cabeca {height: 120px;}
.dropdown-menu {font-size: 1.2em!important;}
.note-toolbar i {font-size: 2em!important;}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.container {width: 100%;}
}

.gestor li              {border-bottom: 1px solid #cecece; margin: 10px 0!important; padding: 5px 5px 7px 5px;}
.gestor li:hover                {background: #cecece}
.gestor li span   {width: 100%; display: block;}

.nome-social { font-size: 9px; }