@font-face{
		font-family:'Gotham-Medium';
		src: url('../../../lib/fontes/Gotham-Medium/Gotham-Medium.eot');
		src: url('../../../lib/fontes/Gotham-Medium/Gotham-Medium.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/Gotham-Medium/Gotham-Medium.woff') format('woff'),
			 url('../../../lib/fontes/Gotham-Medium/Gotham-Medium.ttf') format('truetype'),
			 url('../../../lib/fontes/Gotham-Medium/Gotham-Medium.svg#Gotham-Medium') format('svg');
	}	
	
	::selection { background:#3E67A9; color:#FFF; }
	::-moz-selection { background:#3E67A9; color:#FFF; }
	
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#19B891;
		padding:0;
	}
	
	html, body {
		width:100%;
		height:100%;
	  	background:#FFF;
		margin:0 auto;
		text-align:center;
	}
	img{
		border:0;
	}
	a{
		text-decoration:none;
	}
	h1,h2{
		margin:0;
		padding:0;
		font-weight:normal;
	}	

	.limpar_css{
		clear:both;
	}
	
/* --------------------- Menu --------------------- */
		
		.atalho_menu {
			width:90%;
			padding:20px 5% 20px 5%;
			cursor:pointer;
			color:#FFF;
			font-weight:bold;
			background:url(../../../imagens/icone-menu-branco.png) 95% center no-repeat #19B891;
			font-size:15px;
			text-align:left;
			border-bottom:1px solid #4C4D4F;
		}
				
		.menu {display: block; height:auto; position: relative; border-top:1px solid #4C4D4F;}
		.menu ul  {clear: both; list-style: none; margin: 0; padding: 0; z-index: 1000;}
		.menu ul > li {display:inline-block; width:100%; margin:0 0 0 0;}
		.menu ul > li:first-child {}
		.menu ul > li a {}
		.menu ul > li a:hover {}
		.menu ul > li ul {display: none; position: absolute; visibility: hidden; vertical-align: middle; padding: 0; opacity: 0; max-width: 25%; filter: alpha(opacity=0); background:#023207; border-radius:10px; text-align:center;}
		.menu ul > li:hover ul { display: block; visibility: visible; opacity: 1.0; filter: alpha(opacity=100);}
		.menu ul > li li { float: none; left: -1px; margin: 0; position: relative; white-space: nowrap; width: auto; min-width: 100% !important }
		.menu ul > li li a {}
		.menu ul > li li a:hover {}
		.menu ul > li li ul { width:100%}
		
		
		@media (min-width: 901px) {
			.menu .atalho_menu { display:none; }
		}
		@media (max-width: 900px) {		
			.menu { height: auto !important; width:100%;}
			.menu .js { display: none; width:100%;}
			.menu .js li { border: 0 none !important; width:100%; padding:0; margin:0;}
			.menu .js > li a {}
			.menu .js li ul { display:inline-block; opacity: 1; position: inherit; visibility: visible; background:none; padding:0; margin:0; width:100%;}
			.menu .js li ul li a {}
			.menu ul > li ul {max-width: 100%;}
		}
		
/* --------------------- FIM Menu --------------------- */	
		
	.conteudo{
		display:inline-block;
		vertical-align:top;
		width:98%;
		padding:0 1% 0 1%;
		max-width:1480px;
		margin:auto;
	}	
	
	#topo{
		width:100%;
		border-bottom:1px solid #19B891;
	}
		#topo .box_logo{
			display:inline-block;
			vertical-align:middle;
			width:20%;
			padding:5px 0 5px 0;
			text-align:left;
		}
			#topo .box_logo img{
				display:inline-block;
				width:100%;
				max-width:130px;
				height:auto;
			}
		
		#topo .titulo_painel{
			display:inline-block;
			vertical-align:middle;
			width:50%;
			padding:15px 10% 15px 10%;
			font-family:'Gotham-Medium';
			font-size:20px;
			color:#19B891;
		}
	
	
	#menu{
		display:inline-block;
		vertical-align:top;
		width:15%;
		padding:50px 5% 0 0;
		text-align:left;		
	}
		#menu .link_menu, #menu .link_menu_up, #menu .link_menu_restrita, #menu .link_menu_up_restrita{
			display:inline-block;
			text-decoration:none;
			width:90%;
			padding:20px 5% 20px 5%;
			background:#19B891;
			color:#FFF;
			font-size:12px;
			text-align:center;
			border-bottom:1px solid #4C4D4F;
			transition:0.5s;			
		}
			#menu .link_menu:hover, #menu .link_menu_restrita:hover{
				color:#4C4D4F;
			}
		#menu .link_menu_up, #menu .link_menu_up_restrita{
			background:#4C4D4F;
			color:#19B891;
			font-weight:bold;
		}
		#menu .link_menu_restrita{
			background:#1A244D;			
		}
		
	
	#conteudo{
		display:inline-block;
		vertical-align:top;
		width:70%;
		padding:50px 0 0 0;
		text-align:left;
	}
		#conteudo .nome_usuario{
			display:inline-block;
			width:100%;
			font-family:'Gotham-Medium';
			font-size:15px;
			color:#19B891;
		}
		#conteudo .titulo_pagina{
			display:inline-block;
			width:100%;
			padding:15px 0 10px 0;
			font-family:'Gotham-Medium';
			font-size:20px;
			color:#19B891;
		}
			#conteudo .titulo_pagina span{
				font-family:'Gotham-Medium';
				font-size:17px;
				color:#4C4D4F;
			}
		#conteudo .link_pagina{
			display:inline-block;
			width:100%;
			padding:0 0 15px 0;
			text-align:right;
		}
			#conteudo .link_pagina .links{
				display:inline-block;
				margin:0 0 0 1%;
				padding:15px 5% 15px 5%;
				border-radius:15px;
				font-family:'Gotham-Medium';
				font-size:15px;
				color:#19B891;
				background:#4C4D4F;
			}
				#conteudo .link_pagina .links:hover{
					background:#19B891;
					color:#FFF;
				}
	
	#rodape_copy{
		display:inline-block;
		width:100%;
		padding:25px 0 25px 0;
		margin:50px 0 0 0;
		border-top:1px solid #19B891;
	}
		#rodape_copy .texto_copy{
			display:inline-block;
			width:99%;
			font-size:11px;
			color:#19B891;
			text-align:center;
		}
		
/* ---------- LISTA ---------- */

	.lista{
		width:98%;
		border:0;
		padding:0;
		margin:0;
	}
		.lista .linha{
			transition:0.5s;
		}
		.lista .linha:hover{
			background:#E6ECF4;
			cursor:default;
		}
		.lista .titulo_lista{
			padding:15px 5px 5px 5px;
			color:#19B891;
			font-size:15px;
			font-weight:bold;
		}
		.lista .texto_lista{
			padding:10px 5px 10px 5px;
		}
		
		.lista .tamanho_70{
			width:70%;
		}
		.lista .tamanho_65{
			width:65%;
		}
		.lista .tamanho_60{
			width:60%;
		}
		.lista .tamanho_50{
			width:50%;
		}
		.lista .tamanho_45{
			width:45%;
		}
		.lista .tamanho_40{
			width:40%;
		}
		.lista .tamanho_35{
			width:35%;
		}
		.lista .tamanho_30{
			width:30%;
		}
		.lista .tamanho_25{
			width:25%;
		}
		.lista .tamanho_20{
			width:20%;
		}
		.lista .tamanho_15{
			width:15%;
		}
		.lista .tamanho_10{
			width:10%;
		}
		
		.lista .risco_divisao_lista{
			height:1px;
			background:#19B891;
		}

/* ---------- FORMULÁRIO ---------- */

	.titulo_campo{
		display:inline-block;
		width:100%;
		padding:25px 0 3px 0;
		font-weight:bold;
		color:#19B891;
	}
	.titulo_idioma{
		display:inline-block;
		width:100%;
		padding:15px 0 0 0;
		margin:50px 0 0 0;
		border-top:1px solid #4C4D4F;
		font-weight:bold;
		color:#4C4D4F;
		font-size:18px;
	}
	.link_imagem{
		padding:5px 0 0 0;
	}
		.titulo_campo span{
			font-size:11px;
		}
		.titulo_campo a{
			text-decoration:underline;
			color:#19B891;
		}
			.titulo_campo a:hover{
				color:#4C4D4F;
			}
		
	.campo{
		display:inline-block;
		width:96%;
		padding:10px 2% 10px 2%;
		border:1px solid #19B891;
		outline:none;
		resize:none;
		color:#665039;
	}
	.campo_select{
		width:100%;
		color:#665039;
	}
	
	
	.bt_form{
		display:inline-block;
		padding:15px 5% 15px 5%;
		margin:25px 0 0 0;
		border:0;
		border-radius:15px;
		outline:none;
		background:#4C4D4F;
		color:#19B891;				
		font-size:15px;
		font-weight:bold;
		cursor:pointer;
		transition:0.5s;
	}
		.bt_form:hover{
			background:#19B891;
			color:#FFF;
		}
	.bt_alterar{
		background:#FF9D00;
		color:#FFF;
	}
	.bt_excluir{
		background:#CD0000;
		color:#FFF;
	}
	
	.imagem_lista{
		display:inline-block;
		vertical-align:top;
		margin:0 2px 4px 2px;
		width:125px;
		height:70px;
		overflow:hidden;
		border:1px solid #005185;
		background:#ECECFB;
	}
		.imagem_lista img{
			width:100%;
			height:auto;
		}
		.imagem_lista .bt_excluir, .imagem_lista .alterar, .imagem_lista .vizualizar{
			position:absolute;
			width:22px;
			height:22px;
			background:url(../../../imagens/painel/bt_lista_excluir.png) center no-repeat;
			background-size:cover;
			color:#FFF;
			cursor:pointer;
			text-align:center;
		}
		 .imagem_lista .alterar{
			background:url(../../../imagens/painel/bt_lista_alterar.png) center no-repeat;
			background-size:cover;
			color:#FFF;
			margin:0 0 0 23px;
		}
		.imagem_lista .vizualizar{
			background:url(../../../imagens/painel/bt_lista_visualizar.png) center no-repeat;
			background-size:cover;
			margin:0 0 0 46px;
		}
		
	.link_novo{
		display:inline-block;
		padding:10px 2% 10px 2%;
		border-radius:15px;
		font-family:'Gotham-Medium';
		font-size:12px;
		color:#FFF;
		background:#88B600;
	}
		.link_novo:hover{
			background:#19B891;
		}
	
	
	.campo_busca{
		width:40%;
		margin:0 1% 0 0;
		outline:none;
	}
	.bt_busca{
		display:inline-block;
		padding:10px 2% 10px 2%;
		border-radius:15px;
		font-family:'Gotham-Medium';
		font-size:12px;
		color:#FFF;
		background:#88B600;
		border:none;
		outline:none;
		cursor:pointer;
	}
		.bt_busca:hover{
			background:#19B891;
		}
	
	.relacao_itens{
		text-align:left;
	}
		.relacao_itens .item{
			display:inline-block;
			vertical-align:top;
			width:30%;
			padding:0 2.5% 5px 0;
		}		

/* ---------- PAGINAÇÃO ---------- */

	#conteudo #paginacao{
		width:100%;
		padding:50px 0px 0px 0px;
		text-align:center;
		color:#005185;
		font-weight:bold;
	}
		#conteudo #paginacao a, #conteudo #paginacao .pagina_atual{
			padding:10px 10px 10px 10px;
			text-align:center;
			background:#FFF;
			color:#005185;
			font-weight:bold;
			text-decoration:none;
			border-radius:10px;
			border:1px solid #005185;
		}
		#conteudo #paginacao .pagina_atual{
			background:#005185;
			color:#FFF;
		}
		#conteudo #paginacao .paginacao_reticencias{
			color:#005185;
			font-weight:bold;
			padding:0px 5px 0px 5px;
		}

/* ---------- ÁREA LOGIN ---------- */
	
	#area_login{
		display:inline-block;
		width:50%;
		padding:70px 0 20px 0;
	}
		#area_login .frase_login{
			display:inline-block;
			width:100%;
			padding:0 0 15px 0;
			font-family:'Gotham-Medium';
			font-size:19px;
			color:#19B891;
			text-align:left;
		}
			#area_login .frase_login span{
				font-family:'Gotham-Medium';
				font-size:45px;
				color:#19B891;
			}
		
		#area_login	.campo{
			margin:10px 0 0 0;
		}
		
		#area_login	.bt_form{
			padding:15px 10% 15px 10%;
		}	


@media (max-width: 900px)
{
	.conteudo{
		width:100%;
		padding:0 0 0 0;
	}	
	
	
	#topo{
		border-bottom:none;
	}
		#topo .box_logo{
			width:90%;
			text-align:center;
		}
			#topo .box_logo img{
			}
		
		#topo .titulo_painel{
			width:90%;
			padding:0 0 15px 0;
		}
	
	
	#menu{
		width:100%;
		padding:0 0 0 0;
		text-align:center;		
	}
		#menu .link_menu, #menu .link_menu_up{		
		}
			#menu .link_menu:hover{
			}
		#menu .link_menu_up{
		}
		
	
	#conteudo{
		width:90%;
		padding:50px 0 0 0;
		text-align:center;
	}
		#conteudo .nome_usuario{
		}
		#conteudo .titulo_pagina{
		}
			#conteudo .titulo_pagina span{
			}
		#conteudo .link_pagina{
			padding:15px 0 30px 0;
			text-align:center;
		}
			#conteudo .link_pagina .links{
			}
				#conteudo .link_pagina .links:hover{
				}
	
	.relacao_itens{
	}
		.relacao_itens .item{
			width:45%;
			padding:0 4% 5px 0;
		}	
	
	#rodape_copy{
	}
		#rodape_copy .texto_copy{
			width:90%;
		}
		
/* ---------- ÁREA LOGIN ---------- */
	
	#area_login{
		width:90%;
		padding:50px 0 0 0;
	}
		#area_login .frase_login{
			text-align:center;
		}
			#area_login .frase_login span{
			}
		
		#area_login	.campo{
		}
		
		#area_login	.bt_form{
			padding:15px 20% 15px 20%;
		}
		
}