@charset "utf-8";
/* CSS Document */


        
	/* reset area */

	*{
		margin:0 0px 0 0;
		padding:0;
		list-style:none;
		/*
		color:#000000;
        */        
	}

	
	/* Tags personalizadas */
    
    
    /*
	body{
		font: 11px Arial, Helvetica, Verdana, Tahoma;
		background-color:#fff;
		color:#000;
	}
    */
    
    
	/*
	.input{
		border: 1px solid #cccccc;
		height: 16px;
		padding-top: 2px;
		padding-left: 2px;
		font: 11px Arial, Helvetica, Verdana, Tahoma;
		color:#000;
	}
	*/

	input[type=submit]:focus { /* retirar o focus e forçar a ficar com borda preta nos botões 'SUBMIT' */
		border: 1px solid black;
	}

	select{
		height: 20px;
		padding: 2px;
		font: 11px Arial, Helvetica, Verdana, Tahoma;
		color:#000;
	}
	
	/* area topo geral */

    #geral_topo_pep		
    {
		float:left;
		width: 100%;
		height: 47px;
		background:url(../img/img_topo.jpg) top right no-repeat #98c3cc;
    
/*    	height: 48px;
	    background-color: transparent;
	    background-repeat: repeat-x;
		width:100%;
		 background:url(../img/imagem_fundo_topo.gif) top right no-repeat #98c3cc;*/
		     
    }
	#geral_topo{
		float:left;
		width: 100%;
		height: 78px;
		background:url(../img/imagem_fundo_topo.gif)repeat-x;
		padding-top: 6px;
	}
	
	/* area logo topo */
	
	#logo_pep{
		background:url(../img/logo_topo.png) top left no-repeat;
		width:71px;
		height:47px;
		float:left;
	}
	#logo{
		float:left;
		width:235px;
		margin-top: 10px;
	}
	
	#logo h1{
		float:left;
		width:300px;
		height:57px;
		background: url(../img/logo_topo.png) no-repeat center left;
		text-indent: -5000px;
		overflow: hidden;	
	}
	#dados_topo_pep{
		float:left;
		width:487px;
		height:37px;
		margin-top:4px;
		padding-left:8px;
		background: url(../img/bg_dados_topo.png) top left no-repeat;
	}
	
	#dados_topo_pep p{
		line-height: 18px;
	}
		
    .area_form {
		height:47px;
		float:left;
	}
	.form_topo {
		min-width:390px;
		height:47px;
		margin-left:5px;
		float:left;
	}
	/* area geral direita topo */
	
	#conteiner_topo{
		float:right;
		min-width: 535px;
		height: 88px;
	}
	
	/* area dados topo */

	#dados_topo_pep{
		float:left;
		width:482px;
		height: 40px;
		margin-right: 10px;
		padding-left:5px;
		background: url(../img/bg_dados_topo_pep.png) top left no-repeat;
		text-align:left;
	}
	
	#dados_topo{
		float:left;
		width:482px;
		height: 71px;
		margin-right: 10px;
		padding-left:8px;
		background: url(../img/bg_dados_topo.png) top left no-repeat;
	}
	
	#dados_topo p{
		line-height: 23px;
	}
	
	/* area icons topo */
	
	#icons_topo{
		float: left;
		width: 24px;
		margin-right: 11px;
	}
	
	#icons_topo ul li a.pesquisa{
		width:24px;
		height:24px;
		background:url(../img/ico_pesquisar.png) top left no-repeat;
		display:block;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	#icons_topo ul li a.ajuda{
		width:24px;
		height:24px;
		background:url(../img/ico_ajuda.png) top left no-repeat;
		display:block;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	#icons_topo ul li a.logout{
		width:24px;
		height:24px;
		background:url(../img/ico_logout.png) top left no-repeat;
		display:block;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	#icons_topo ul li a.mensagem{
		width:25px;
		height:26px;
		background:url(../img/ico_mensagem.png) top left no-repeat;
		display:block;
		text-indent: -5000px;
		overflow: hidden;
	}
	
	/* area barra aux */
	
	#barra_aux_topo{
		float:left;
		width: 100%;
		height: 17px;
		text-align: right;
		padding-top:4px;
		background:url(../img/bg_aux_topo.gif) top left repeat-x #dae4e7;
	}
	
	/* area menu principal */
	
	#barra_aux_topo span{
		margin-right: 10px;
	}
	
	/* area menu principal */
	
	#menu_principal{
		float:left;
		width: 100%;
		height: 24px;
		background:url(../img/lixo_bg_menu_topo.gif) top left repeat-x ; /* remover quando o menu original for incluido */
		 color:White;
	}
	
	/* migalha */
	
	#breadcrumb{
		float:left;
		width: 100%;
		/*line-height:20px;*/
		text-indent: 8px;
		color:#999999;
	}
	
	/* area total de conteudo */
	
	#conteiner_conteudo{
		float:right;
		width: 99.6%;
	}
	
	.conteiner_mensagens{
		float:left;
		margin-left: 35px;
		width: 93%;
	}
	/* abas */


	.abas{
		float:left;
		margin-left: 35px;
		width: 93%;
		/*height:22px;*/
	}

	.aba_ativa a{
		/*height:18px;*/
		padding: 4px 6px 0 6px;
		float:left;
		background: #679dae;
		margin-right:2px;
		text-decoration:none;
		
	}
	
	.aba_inativa a{
		/*height:18px;*/
		padding: 4px 6px 0 6px;
		float:left;
		background: #b7d5db;
		margin-right:2px;
		text-decoration:none;
	}
	
	.aba_ativa strong, .aba_inativa a strong{
		color:#FFFFFF;
	}
	
	/* conteudo box */
	
	.area_conteudo
	{
	    margin-left: 10px;
		width:97.5%;
		height:100%;
		min-height: 200px;
		padding:5px;
		float:none;
		border: 1px solid #98c3cc;
	}

	/* rodape */

	#rodape{
		width:100%;
		font: 10px Verdana, Arial, Helvetica, sans-serif;
		height: 40px!important;
		/*padding-left: 5px;*/
		background: #679dae;
		color:#ffffff;
		border-top:1px solid #aec3d9;
		/* fixa o rodape */
		bottom:0;
		position:fixed;
		
	}
	#rodape .infos{
		float:left;
		color:#ffffff;
		padding-top: 3px;
	}
	#rodape .versao{
		float:right;
		color:#000000;
		height:15px;
		background: #98bbd5;
		padding: 3px 5px 0 5px;
		margin-right:20px;
		
	}

	#versaologin {
		/*position: fixed;*/
		color: #000000;
		height: 15px;
		/*bottom: 0;
		right: 0;*/
		font-family: 'Roboto', sans-serif !important;
		/*margin-right: 50px;
		margin-bottom: 10px;*/
		text-align: right;
		margin-top: 5px;
		
	}

	span#lblVersao{
		font-weight: bold;
		font-size: 12px!important;
	}

.Button {
	height: 30px;
	border: 1px solid #3a4766;
	border-radius: 4px;
	background: #006DB8;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	font: 12px 'Roboto', sans-serif;
	font-weight: 600;
	transition-duration: 0.6s;
	box-shadow: 2px 1px 1px rgb(0 0 0 / 0.70) !important; /* efeito 'apertar botão' */
	transition: box-shadow .1s ease-in-out !important; /* efeito 'hover' */
	transition: background-color .5s ease-in-out !important; /* efeito 'apertar botão' */
}

	.Button:hover {
		background-color: #0880D0;
	}

	.Button:active {
		transform: translate(2px, 1px) !important; /* efeito 'apertar botão' */
		box-shadow: 0px 0px 0px !important; /* efeito 'apertar botão' */
	}

.pnlMain {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: Gray;
	position: absolute;
	z-index: 1000;
	opacity: 0.30;
	filter: alpha(opacity=30);
}   
    
    .pnlWebCam
    {
        padding-left: 5px; padding-bottom: 0;
        position: absolute;
        display: block;
        width: 230px;
        height: 207px;
        border: 1px solid black;
        left: 50%;
        margin-left:-165px;
        margin-top:80px;
        background-color: #FFFFFF;
        z-index: 1001;
        text-align:center;
    top: 0px;
}
    
    .pnlUpload
    {
        padding-left: 0; padding-bottom: 0; position: absolute;display: block;
        width: 500px;
        height: 100px;
        border: 1px solid black;
        left: 50%;
        top: 50%;
        margin-left: -250px;
        margin-top: -35px;
        background-color: #FFFFFF;
        z-index: 1001;
    }