@font-face {
		font-family:'GothamBook';
		src: url('../../../lib/fontes/GothamBook/GothamBook.eot');
		src: url('../../../lib/fontes/GothamBook/GothamBook.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamBook/GothamBook.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamBook/GothamBook.woff') format('woff'),
			 url('../../../lib/fontes/GothamBook/GothamBook.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamBook/GothamBook.svg#GothamBook') format('svg');
	}
	@font-face {
		font-family:'GothamMedium';
		src: url('../../../lib/fontes/GothamMedium/GothamMedium.eot');
		src: url('../../../lib/fontes/GothamMedium/GothamMedium.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.woff') format('woff'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamMedium/GothamMedium.svg#GothamMedium') format('svg');
	}
	@font-face {
		font-family:'GothamLight';
		src: url('../../../lib/fontes/GothamLight/GothamLight.eot');
		src: url('../../../lib/fontes/GothamLight/GothamLight.eot') format('embedded-opentype'),
			 url('../../../lib/fontes/GothamLight/GothamLight.woff2') format('woff2'),
			 url('../../../lib/fontes/GothamLight/GothamLight.woff') format('woff'),
			 url('../../../lib/fontes/GothamLight/GothamLight.ttf') format('truetype'),
			 url('../../../lib/fontes/GothamLight/GothamLight.svg#GothamLight') format('svg');
	}
	
		
	*{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#919191;
		padding:0;
		margin:0;
		border:0;
	}
	
	html, body {
		width:100%;
		height:100%;
		margin:0 auto;
		text-align:center;
		background:#FFF;
	}
	img{		
		width:100%;
		height:auto;
		border:0;
	}
	a{
		text-decoration:none;
		transition:0.5s;
	}

	
	.conteudo{
		display:inline-block;
		width:98%;
		padding:0 1% 0 1%;
		max-width:1480px;
	}
	
	
	
	#cima{
		display:inline-block;
		width:100%;
	}
		#cima .conteudo{
			text-align:right;
		}
		#cima .box_cima{
			display:inline-block;
			padding:5px 15% 5px 15%;
			background:url(../../imagens/bk_cima_esq.jpg) left no-repeat, url(../../imagens/bk_cima_dir.jpg) right no-repeat #5197DD;
			background-size:15% 100%, 15% 100%;
		}
		#cima .area_restrita{
			display:inline-block;
			vertical-align:middle;
			padding:6px 16px 6px 30px;
			color:#FFF;
			font-weight:bold;
			border:1px solid #7DB1E6;
			background:url(../../imagens/cadeado_cima.png) 11px no-repeat;
			
		}
		#cima .area_nome{
			display:inline-block;
			vertical-align:middle;
			padding:1px 0 0 17px;
			margin:0 30px 0 30px;
			color:#FFF;
			background:url(../../imagens/user_cima.png) left no-repeat;
		}
			#cima .area_nome a{
				color:#FFF;			
			}
				#cima .area_nome a:hover{
					color:#003973;
				}
		#cima .area_sair{
			display:inline-block;
			vertical-align:middle;
		}
			#cima .area_sair a{
				color:#FFF;
				text-decoration:underline;
			}
				#cima .area_sair a:hover{
					color:#003973;
				}	
	
	#topo{
		display:inline-block;
		width:100%;
		background:#25346E;
	}
		#topo .conteudo{
			background:url(../../imagens/bk_topo.jpg) 15% no-repeat;
			background-size:62% 100%;
		}	
		#topo .box_logo{
			display:inline-block;
			vertical-align:middle;
			width:64%;
			padding:30px 0 30px 0;
			text-align:left;
		}
			#topo .box_logo img{
				max-width:233px;
			}
		#topo .box_bem_vindo{
			display:inline-block;
			vertical-align:middle;
			width:32%;
			padding:10px 0 10px 3%;
			font-family:'GothamBook';
			font-size:16px;
			color:#3385D7;
			font-weight:bold;
			text-align:left;
		}
			#topo .box_bem_vindo .bem_vindo{
				display:inline-block;
				width:100%;
				padding:10px 0 10px 0;
				font-family:'GothamLight';
				font-size:35px;
				color:#FFF;
				line-height:30px;
			}
	
	
	#conteudo{
		display:inline-block;
		width:100%;
		padding:60px 0 60px 0;
		background:#F5F5F5;	
	}
		#area_login{
			display:inline-block;
			width:60%;			
			text-align:left;
		}
			#area_login .frase_login{
				display:inline-block;
				padding:0 0 30px 0;
				width:100%;
				font-family:'GothamMedium';
				font-size:16px;
				color:#25346E;				
			}
			#area_login .frase_login span{
				font-family:'GothamMedium';
				font-size:35px;
				color:#25346E;			
			}
			::-webkit-input-placeholder {
			   color:#FFF;
			}				
			:-moz-placeholder {
			   color:#FFF;
			}				
			::-moz-placeholder {
			   color:#FFF;
			}
			#area_login .campo{
				display:inline-block;
				width:95%;
				padding:12px 2% 12px 2%;
				margin:0 0 10px 0;
				border:1px solid #25346E;
				background:#5B9DDF;
				color:#FFF;
				outline:none;
				resize:none;
			}
			#area_login .campo_select{
				width:99%;
			}
			
			#area_login .bt_form{
				display:inline-block;
				padding:15px 5% 15px 5%;
				border:none;
				background:#A3D900;
				font-family:'GothamMedium';
				font-size:15px;
				color:#FFF;
				outline:none;
				cursor:pointer;
				transition:0.5s;
			}
				#area_login .bt_form:hover{
					background:#25346E;
				}
			
			#area_login .bt_tipo{
				display:inline-block;
				padding:15px 3% 15px 3%;
				margin:0 0.25% 10px 0;
				border:1px solid #25346E;
				background:#25346E;
				color:#FFF;
				font-family:'GothamMedium';
				font-size:15px;
			}
			
			#area_login #area_bt_cadastro{
				display:inline-block;
				width:100%;
				padding:0;
				margin:20px 0 0 0;
				text-align:center;
			}
				#area_login #bt_cadastro{
					display:inline-block;
					padding:15px 5% 15px 5%;
					border:none;
					background:#A3D900;
					font-family:'GothamMedium';
					font-size:15px;
					color:#FFF;
					transition:0.5s;
				}
					#area_login #bt_cadastro:hover{
						background:#25346E;
					}
		
		#area_menu{
			display:inline-block;
			vertical-align:top;
			width:20%;
			padding:0 10% 0 0;		
			text-align:left;
		}
			#area_menu .seleione_menu{
				display:inline-block;
				padding:0 20px 0 0;
				margin:0 0 25px 0;
				background:url(../../imagens/icone_selecione.png) right no-repeat;
				font-family:'GothamLight';
				font-size:16px;
				color:#5197DD;
			}
/* --------------------- Menu --------------------- */		
		.atalho_menu {
			width:90%;
			padding:20px 5% 20px 5%;
			cursor:pointer;
			color:#FFF;
			font-weight:bold;
			background:url(../../../imagens/topo/icone_menu.png) 95% center no-repeat #25346E;
			font-size:15px;
			text-align:left;
			border-bottom:1px solid #257CD4;
			border-top:1px solid #257CD4;
		}
				
		.menu {display: block; height:auto; position: relative; border-top:1px solid #8AA3BC;}
		.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: 1001px) {
			.menu .atalho_menu { display:none; }
		}
		@media (max-width: 1000px) {		
			.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 --------------------- */	
			
			#area_menu .link_menu, #area_menu .link_menu_up{
				display:inline-block;
				text-decoration:none;
				width:90%;
				padding:25px 5% 25px 5%;
				color:#003972;
				font-size:12px;
				border-bottom:1px solid #8AA3BC;
				transition:0.5s;			
			}
				#area_menu .link_menu:hover{
					color:#2886E4;
				}
				#area_menu .link_menu_up{
					color:#2886E4;
					font-weight:bold;
				}
				
			
		#area_conteudo{
			display:inline-block;
			vertical-align:top;
			width:65%;
		}
	

@media (max-width: 1000px)
{
	.conteudo{
		width:100%;
		padding:0 0 0 0;
	}
	
	
	#cima{
	}
		#cima .conteudo{
			text-align:center;
		}
		#cima .box_cima{
			width:100%;
			padding:15px 0 15px 0;
			background:#5197DD;
		}
		#cima .area_restrita{
			padding:20px 15px 8px 15px;
			background:url(../../imagens/cadeado_cima.png) center 5px no-repeat;			
		}
		#cima .area_nome{
			width:90%;
			padding:15px 0 0 0;
			margin:15px 0 10px 0;
			color:#FFF;
			background:url(../../imagens/user_cima.png) center top no-repeat;
		}
			#cima .area_nome a{	
			}
				#cima .area_nome a:hover{
				}
		#cima .area_sair{
			width:90%;
		}
			#cima .area_sair a{
			}
				#cima .area_sair a:hover{
				}	
	
	#topo{
	}
		#topo .conteudo{
			background:none;
		}	
		#topo .box_logo{
			width:90%;
			padding:15px 0 30px 0;
			text-align:center;
		}
			#topo .box_logo img{
			}
		#topo .box_bem_vindo{
			width:90%;
			padding:0 0 15px 0;
			text-align:center;
		}
			#topo .box_bem_vindo .bem_vindo{
				padding:0 0 10px 0;
				font-size:25px;
				line-height:20px;
			}
	
	
	#conteudo{
		padding:0 0 50px 0;
	}
	
		#area_login{
			width:90%;			
			text-align:center;
			padding:50px 0 0 0;
		}
			#area_login .frase_login{			
			}
			#area_login .frase_login span{		
			}
			::-webkit-input-placeholder {
			}				
			:-moz-placeholder {
			}				
			::-moz-placeholder {
			}
			#area_login .campo{
			}
			#area_login .campo_select{
			}
			
			#area_login .bt_form{
			}
				#area_login .bt_form:hover{
				}
		
		
		#area_menu{
			width:100%;
			padding:0 0 0 0;		
			text-align:center;
		}
			#area_menu .seleione_menu{
				display:none;
			}
			#area_menu .link_menu, #area_menu .link_menu_up{
			}
				#area_menu .link_menu:hover{
				}
				#area_menu .link_menu_up{
				}
		
		#area_conteudo{
			width:90%;
			padding:50px 0 0 0;
			text-align:center;
		}
}