@CHARSET "ISO-8859-1";

/* roboto-regular - latin */
@font-face {
  font-family: 'FonteMPTDigital';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/Roboto/roboto-v18-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto'), local('Roboto-Regular'),
       url('../fonts/Roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'FonteMPTDigital';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/Roboto/roboto-v18-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('../fonts/Roboto/roboto-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v18-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'FonteMPTDigital';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/Roboto/roboto-v18-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('../fonts/Roboto/roboto-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto/roboto-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto/roboto-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto/roboto-v18-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}


body, div, span, table, ul, ol, li, p, a, form, fieldset, link, input, textarea, select {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-family: FonteMPTDigital, Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Arial, Helvetica, sans-serif;
	line-height:1.4;
	color: #333333;
	-webkit-font-smoothing: antialiased; 
	-moz-osx-font-smoothing: grayscale;
	font-smooth: always;
}

hr { 
	border: 0; 
	border-top: 1px solid #aaa; 
	height: 0; 
	margin: 1em 0;
}


.justified {
	text-align: justify;
}

.paragrafo_desloc20mm{
	text-indent:20mm;
	text-align:justify;
}

   .separador{
       clear:both; height:1em; padding-top: 1px;
   }
   
   .separador2{
       clear:both; 
   }
   
   .linhaseparadora_FFF{
       height:1px;
       border-top: 1px solid #FFF;
   }

   .linhaseparadora_DDD{
       height:1px;
       border-top: 1px solid #DDD;
   }

   .linhaseparadora_FFF_2px{
       height:1px;
       border-top: 2px solid #FFF;
   	}
   
   .obrigatorio {
	   color: #ff0000;
    }

   .divtelainteira{
        position: fixed !important;
    	position: absolute;
    	top: 0px;
    	left: 0px;
    	z-index: 10;
    	width: 100%;
    	height:100%;
    	/* opacity: 0.6; */
    	color: #000000;
    	background-color: #FF0000;
   }
   
   .div_centro{
        left: 25%;
        /*margin-left: -250px;*/
        position: relative;
   }
   
   .padding10px{
   	   padding: 10px;
   }
   
   .td_mensagem{
   	    font-family: FonteMPTDigital, Arial, Verdana;
   	    font-size: 10pt;
   	    background-color: #FFFFD2;
   	    border: 1px solid #DDDDDD;
   	    /*
   	    width: auto;
   	    left: 0px;
   	    position: fixed;545.454.545-45
   	    display: table;
   	    margin-left: 5px;
   	    padding: 5px 5px 5px 23px;
   	    margin-top: 90px;
   	    */
   }
   
   .cor_info_erro{
   	    color: #FF0000;
   }

   .cor_info_sucesso{
   	    color: #000088;
   }
   
   .errors{
        font-family: FonteMPTDigital,Arial, Verdana;
	    font-size: 10pt;
        color: #FF0000;
   	    list-style-image:url('/zf2-tutorial/pele/public/images/erro.png');
   	    vertical-align: top; 
   	    margin-left: 0px;
   	    margin-top: 0px;
   	    line-height: 50px;
   }

   .topo{
   	    float: top;
        width:100%;
        background-color: #DDDDDD;
        left: 0px;
        right: 0px;
        margin: 0px;
   }
   .rodape{
        position: fixed;
        bottom: 0px;
        width:100%;
        background-color: #DDDDDD;
   }
   .content{
        height:auto !important;
        height:100%;
        min-height:100%;
        width:100%;
        overflow: auto;
        left: 0px;
        right: 0px;
        float: top;
   }
   
   .botao{
        font-family: FonteMPTDigital,Arial, Verdana;
   	    /*float: right;*/ 
	    margin-left:15px;
	    /*margin:10px 55px 10px 0;*/
	    font-weight: normal;
	    font-size: 10pt;
	    line-height: 1;
	    padding: 6px 6px;
	    cursor:pointer;
	    color: #000;
	 
	    text-align: center;
	    /*text-shadow: 0 -1px 1px #64799e;*/
	 
	    /* Background gradient */
	    background: #AAAAAA;
	    background: -moz-linear-gradient
	       (top, #a5b8da 0%, #7089b3 100%);
	    background: -webkit-gradient
	       (linear, 0% 0%, 0% 100%,
	       from(#a5b8da), to(#7089b3));
	 
	    /* Border style */
	    border: 1px solid #5c6f91;
	    -moz-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;
	 
	    /* Box shadow */
	    /*
	    -moz-box-shadow: inset 0 1px 0 0 #ff0000;
	    -webkit-box-shadow: inset 0 1px 0 0 #ff0000;
	    box-shadow: inset 0 1px 0 0 #ff0000;
	    */
   } 
   
   .texto_orientacoes {
   		margin: 15px 0;
   		width: 650px;
   }
   
   input, select{
        font-family: FonteMPTDigital,Arial, Verdana;
	    font-size: 11pt;
	    padding: 5px;
	    border: 1px solid #b9bdc1;
	    color: #797979;
   }  

	/* MPTDLEG-2584 PELE. uso com celular erro pra entrar o ddd. */

   .width_20px{ width: 20px; } 
   .width_25px{ width: 25px; } 
   .width_80px{ width: 80px; } 
   .width_100px{ width: 100px; } 
   .width_120px{ width: 120px; } 
   .width_200px{ width: 200px; } 
   .width_250px{ width: 250px; } 
   .width_300px{ width: 300px; } 
   .width_400px{ width: 400px; }
   .width_500px{ width: 500px; }
   .width_650px{ width: 650px; }

   .input_cx_alta{ text-transform: uppercase; }
   .input_cx_baixa{ text-transform: lowercase; }

   .estilo_checkbox{
        font-family: FonteMPTDigital, Arial, Verdana;
	    font-size: 15px;
	    border: 1px solid #b9bdc1;
	    height: 20px;
    }   

    label {
	    font-family: FonteMPTDigital,Arial, Verdana;
	    display: block;
	    float: left; margin-right:15px;
	    font-weight: normal;
	    margin-right:10px;
	    text-align: right;
	    width: 120px;
	    line-height: 25px;
	    font-size: 15px;
    }  

    .label2 {
	    font-family: FonteMPTDigital,Arial, Verdana;
	    font-weight: normal;
	    font-size: 15px;
    }  
    
    .label3 {
	    font-family: FonteMPTDigital,Arial, Verdana;
	    font-size: 13px;
	    display: unset;
    	float: unset;
    	font-weight: bold;
    	margin-right: 5px; 
        width: 0px;
        line-height: unset;    	
    }

    .titulo{
	    font-family: FonteMPTDigital,Arial, Verdana;
	    display: block;
	    font-weight: normal;
	    margin-right:10px;
	    text-align: center;
	    width: auto;
	    line-height: 25px;
	    font-size: 15px;
    }  
    
    .titulo2{
	    font-family: FonteMPTDigital,Arial, Verdana;
	    display: block;
	    font-weight: normal;
	    margin-left: 0px;
	    text-align: left;
	    width: auto;
	    line-height: 25px;
	    font-size: 15px;
    } 
    
    .alinhado_esquerda{
        text-align: left;
    }

    .alinhado_direita{
        text-align: right;
        float: right;
    }

    .alinhado_centro{
        text-align: center;
        margin: auto;
    }

    .float_esquerda{
        float: left;
        margin-left: 0px;
    }

    .float_direita{
        float: right;
        margin-right: 0px;
    }

	.hint{
    	display:none;
    }

    .field:hover .hint {
	    position: absolute;
	    display: block;
	    margin: -30px 0 0 455px;
	    color: #FFFFFF;
	    padding: 7px 10px;
	    background: rgba(0, 0, 0, 0.6);
	 
	    -moz-border-radius: 7px;
	    -webkit-border-radius: 7px;
	    border-radius: 7px;
    }
    
    .legenda{
	    position: absolute;
	    display: block;
	    margin: -30px 0 0 455px;
	    color: #FFFFFF;
	    padding: 7px 10px;
	    background: rgba(0, 0, 0, 0.6);
	 
	    -moz-border-radius: 7px;
	    -webkit-border-radius: 7px;
	    border-radius: 7px;
     }
        
/*Estilos de fontes*/
    .fonte_normal{
	    font-weight: normal !important;
    }    

    .fonte_12px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 12px !important;
    }    
    
    .fonte_10px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 10px !important;
    }    

    .fonte_9px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 9px !important;
    }    

    .fonte_8px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 8px !important;
    }    

	.fonte_9pt{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 9pt !important;
    }    

    .fonte_10pt{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 10pt !important;
    }    

    .fonte_11pt{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 11pt !important;
    }    

    .fonte_14px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 14px !important;
    }    

    .fonte_18px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 18px !important;
	    color: #006699;
    }    

    .fonte_20px{
    	font-family: FonteMPTDigital, Arial, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Grande", "Lucida Sans", Verdana, Helvetica, sans-serif;
	    font-size: 20px !important;
    }
    
    .fonte_corf00 {
    	color: #f00 !important;
    }    

    .fonte_cor888888{
        color: #888888 !important;
    }

    .fonte_cor990000{
        color: #990000 !important;
    }

	.fonte_cor000000{
        color: #000000 !important;
    }
    
    .fonte_corFFFFFF{
        color: #FFFFFF !important;
    }
    
    .fonte_corazul{
        color: #205081 !important;
    }
 
    .fundo_880000{
        background-color: #880000 !important;
    }

    .letra_capitulo_30px_preta{
	   float:left;
	   color: #666666;
	   background: #DDDDDD;
	   border:1px solid #BBBBBB;
	   font-size:30px;
	   line-height:20px;
	   padding: 5px;
	   font-family: FonteMPTDigital, Arial, Verdana;
	   margin-right: 5px;
	}
	
	.titulo_grupo_campos{
	   border-bottom: 1px dotted #888888;
	   border-left: 1px solid #000000;
	   margin-top: 20px; 
	   padding-top: 5px;
	   padding-bottom: 5px;
	   padding-left: 10px;
	   background: #EEEEEE;
	   margin-bottom: 10px; 
	}

	.icone_info{
		background: url(../images/informacao.gif) no-repeat 0 0;
		background-position: center center;
		padding-left:20px; 
		
		/*
	    display:block; 
		position:absolute; 
		top:5px; 
		width:19px; 
		height:19px;
		*/
	}

    .erro_resultadoajax{
	    font-family: FonteMPTDigital, Arial, Verdana;
	    font-size:12px;
	    color: #444444;
	    /*border: 1px solid gray;
		background-color: #FFFFD7;*/
	    width: 500px;
	    padding: 5px;
    }

    .info_resultadoajax{
	    font-family: FonteMPTDigital, Arial, Verdana;
	    font-size:12px;
	    color: #000;
	    /*border: 1px solid gray;
		background-color: #FFFFD7;*/
	    width: 500px;
	    padding: 5px;
    }

    .info_sugestao{
	    font-family: FonteMPTDigital, Arial, Verdana;
	    font-size:12px;
	    color: #000;
	    border: 1px solid gray;
		background-color: #FFF;
	    width: 600px;
	    padding: 10px;
    }

    .info_sugestao_semwidth{
	    font-family: FonteMPTDigital, Arial, Verdana;
	    font-size:12px;
	    color: #000;
	    border: 1px solid gray;
	    padding: 10px;
	    display: table; 
	    background-color: #FFFACD;
	    margin: auto; 
    }

    .icone_erro{
		background: url(../images/erro.png) no-repeat 0 0;
		background-position: center center;
		padding:2px;
	    /*
	    display:block; 
		position:absolute; 
		top:5px; 
		width:19px; 
		height:19px;
		*/
	}

	a:link.link1{
		text-decoration : underline;
		color:#0000A0;
    }

    a:hover.link1{
		text-decoration : none;
		color:#0000FF;
	}

	a:link.link2{
    	text-decoration : none;
		color:#0000A0;
    }

    a:hover.link2{
		text-decoration : underline;
		color:#0000FF;
	}

	.conteudo_pagina{
	    width: 800px;
	    margin: auto;
	    padding-top: 40px;
	}

	.conteudo_pagina_900{
	    width: 900px;
	    margin: auto;
	    padding-top: 40px;
	}
	
	.conteudo_pagina_100porcento{
		margin: 15px 0;
		width: 100%;
	    margin: auto;
		align: center;
		float: center;
	    padding-top: 40px;
        background-color: transparent;
	}
	
	.conteudo_pagina_90porcento {
		margin: 15px 0;
		width: 90%;
	    margin: auto;
		align: center;
		float: center;
		background-color: transparent;
	}
	
	.60porcento {
		width: 60%;
	}

	.conteudo_pagina_90porcento > legend {
		border: 1px solid #aaa;
		background: #990000;
		color: #fff;
		font-size: 116%;
		font-weight: bold;
		padding: 4px 25px;
		margin: auto; /*para alinhar ao centro*/
	}	
	
	.cssTable {
	/*	border-spacing: 0px; */
		border-collapse: collapse;
		border: 1px solid #ccc;
		background: #fff;
	}
	
	.cssTable2 {
	/*	border-spacing: 0px; */
		border-collapse: collapse;
		border: 1px solid #ccc;
		background-color: #FFFFD7;;
	}

	/*tituloformulario*/
	.cssTable thead {
		font-weight: bold;
		text-align: center;
		border: 1px solid #ccc; 
		color: #000000;
		background: #eee;
		/*
		background: #cccccc url(../scripts/jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
		*/ 
	}

	.cssTable2 thead {
		font-weight: bold;
		text-align: center;
		border: 1px solid #ccc; 
		color: #000000;
		background: #eee;
		/*
		background: #cccccc url(../scripts/jquery-ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
		*/ 
	}

	.cssTable thead A:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.cssTable thead A:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	.cssTable thead A:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	.cssTable thead A:active {
		color: #ff0000;
		text-decoration: underline;
	}
	.cssTable tfoot {
		font-weight:bold;
		color: #000;
		background-color: #ccc;
	}
	
	.cssTable td, .cssTable2 td {
		padding: 3px 3px 3px 10px;
		margin: 0px;
		border: 0px solid #aaa;
		font-weight: normal;
	}
	.cssTable td:FIRST-CHILD, .cssTable2 td:FIRST-CHILD{
		padding-left: 3px;
	}
	.cssTable th, .cssTable2 th {
		padding: 5px 3px 5px 10px;
	}
	.cssTable th:FIRST-CHILD, .cssTable2 th:FIRST-CHILD {
		padding-left: 3px;
	}
	
	.cssTable .td_borda, .cssTable2 .td_borda {
		padding: 3px;
		margin: 0px;
		border: 1px solid #aaa;
	}
	
	.cssTable tr {
	/*	border: 3px solid #000; */
	}
	

	/* ------------------------ */
	/* --- ICONES E IMAGENS --- */
	/* ------------------------ */
	
	.icone, .icone2 { 
	    font-family: FonteMPTDigital, Arial, Verdana;
	    font-size:10pt;
		outline: 0; 
		margin:0 4px 0 0; 
		padding: .2em 1em; 
		text-decoration: none; 
		cursor:pointer; 
		position: relative; 
		text-align: center; 
		zoom: 1; 
	}
	
	.icone-destaque, .icone2-destaque { 
		color: #990000 !important; 
	}
	
	a.icone { 
		float:left; 
		color: #555555;
		text-decoration: none;
	}
	a.icone:hover { color: #212121; }
	
	a.icone2 { 
		float:left; 
		color: #FFFFFF;
		text-decoration: none;
	}
	a.icone2:hover { color: #555555; }

    button.icone, button.icone2 { /* Remove largura extra de botão no IE */ 
		width:auto; 
		overflow:visible; 
	}
	

	
	.icone .ui-icon, .icone2 .ui-icon { 
		position: absolute; 
		top: 50%; 
		left: 50%; 
		margin-top: -8px; 
		margin-left: -8px; 
	}	

	.icone-esquerda { 
		padding-left: 2.1em; 
	}
	
	.icone-esquerda .ui-icon { 
		right: auto; 
		left: .2em; 
		margin-left: 0; 
	}
	
	.icone-direita { 
		padding-right: 2.1em; 
	}
	
	.icone-direita .ui-icon { 
		left: auto; 
		right: .2em; 
		margin-left: 0; 
	}
	
	.icone-soimagem { 
		display:block; 
		width:8px; 
		min-height:14px;
		text-indent: -9999px; 
	}
	
	.fs8{
	    font-size: 8pt;
	}
	
	.cCinza{
	    color: #888;
	}
	
    .ui-state-btnConsultar{ border: 1px solid #888; background: #AAA; font-weight: normal; color: #FFFFFF; }
    .ui-state-btnConsultar a, .ui-state-btnConsultar a:link, .ui-state-btnConsultar a:visited { color: #FFFFFF; text-decoration: none; }

/*Estilo para tabela*/
.div-table{
  display:table;         
  width:auto;         
  background-color:#eee;         
  border:1px solid  #666666;         
  border-spacing:5px;/*cellspacing:poor IE support for  this*/
}
.div-table-row{
  display:table-row;
  width:auto;
  clear:both;
}
.div-table-col{
  float:left;/*fix for  buggy browsers*/
  display:table-column;         
  width:200px;         
  background-color:#ccc;  
}	

#relate_um_problema{
  position: fixed;
  bottom: 0;
  right: 10px;
  width: 170px;
  float: right;
  margin-right: 0px;
  border: 1px solid #888;
  border-bottom: 0px;
  
  -moz-border-radius:  10px 10px 0px 0px;
  -webkit-border-radius:  10px 10px 0px 0px;
  border-radius:  10px 10px 0px 0px; 
  
  background-color: #DDD;
  text-align: center;
  font-size: 10pt;
  padding: 5px;
}

#relate_um_problema a{
  color: #008;
  text-decoration: none;
}
#relate_um_problema a:hover{
  color: #008;
  text-decoration: underline;
}

.branca{
  color: #FFF;	
}

.cinzaclaro{
  color: #DDD;	
}

.caixa_com_aviso{
  -moz-border-radius:  5px 5px 5px 5px;
  -webkit-border-radius:  5px 5px 5px 5px;
  border-radius:  5px 5px 5px 5px; 
  background-color: #e0efff;
  border: 1px solid #CCC;
  display:table;   
  padding: 5px;
}

.icone_geocode{
  font-size: 20px; color: #FF0000; border: none; background-color: #FFFFFF; position: relative;
}	

.avisomissaompt{
	background: #f0f0f0; 
	width: 900px !important;
}

span.alertaCampo {
	display: none;
	color: red;
}

.barracomfundo1{
	width: 700px; 
	margin: auto; 
	background: #FFF; 
	padding: 10px;
} 

.barracomfundo2{
	width: 700px; 
	margin: auto; 
	background: #EEE;
}	

.barracomfundo3{
    background-color: #FFF;
}    

.barracomfundo4{
	background: #f0f0f0; 
	width: 900px;
}	

.divanexos{
	background: #EEE; margin-top:10px; padding: 10px;
}

.contadorcaracteres1{
	padding-left:4px; padding-right: 4px; color:#00F; font-weight: bold;
}

.anexosigiloso{
	border:1px solid #888; background-color: #FFCCCC; width: 200px;
}	

.anexonaosigiloso{
	border:1px solid #888; background-color: #FFFACD; width: 200px;
}

.destacado1{
	color: #333;
	text-decoration: none;
	font-weight: normal;
}

.campo_bloqueado{
  background-color: #e0efff;
  border: 1px solid #FFF; 
  padding: 5px;
}

.espacadordealtura_2{height:2px;}
.espacadordealtura_10{height:10px;}
.espacadordealtura_25{height:25px;}
.espacadordealtura_50{height:50px;}

.contadorexpirasessao{
	border-radius: 3px; padding: 3px 6px 3px 6px; border:1px solid red; background-color: #FFFFFF; color: #880000; font-size: 10px; margin: 3px 2px 3px 2px;
}