* { margin: 0; padding: 0; list-style: none; vertical-align: baseline; }


*::after, *::before {
    box-sizing: border-box;
}
*::after, *::before {
    box-sizing: border-box;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}


/*-----------------X---------------------*/

body{
    color: #525253;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 150%;
}


h1{ font-size: 2em; border-bottom: 1px solid #CCCCCC; line-height: 1.4em; text-transform: uppercase; }

h1, h2{ font-family: 'Oswald',Arial,Helvetica,sans-serif; color: #506F8F; font-weight: normal; background: none;display: block;}

h2{ font-size: 1.5em; font-weight: normal; line-height: 3em; text-transform: uppercase; padding: 5px 0; }

ol{ margin: 0 0 15px 40px; }

ol li{ list-style: decimal; line-height: 20px; }

ul{ margin: 0 0 15px 40px; }

ul li{ list-style-type: disc; line-height: 20px; }

/*cancelar agendamento*/
.etapas {
    width: 100%;
	margin-top:16px;
}

.etapas .marcador {
    background: #506f8f;
    border: 1px solid #fff;
}

.etapas>tbody tr td {
	color: #fff;
	font-weight: bold;
	padding: 10px 3px!important;
	text-align: center;
	text-transform: uppercase;
	background: #ccc;
	border: 1px solid #fff;	
}

.caixaDois{
	background: none repeat scroll 0 0 #EDEAEA;
    float: right;
    height: 285px;
	width: 310px;}
    
.caixaDois p{
	margin-top: 12px;
}

.caixaUm{
    background: none repeat scroll 0 0 #F8F8F8;
    float: left;
    height: 265px;
    padding: 10px;
     width: 335px;}

.captcha{     background: none repeat scroll 0 0 #E1E1E1;
    height: 60px;
    margin: 0 auto;
    width: 196px; }

.clearFloat { clear: both; font-size: 0; height: 0; line-height: 0px; }

#btPesquisar{ margin-left: 62px; }

#caixaGeral{ float: left; width: 100%; margin-top: 15px;height:500px; }

#corpo{ width: 670px; height: 600px; padding: 5px 12px; }

input[type=text]{
    font-size: 16px;
    height: 20px;
    margin-bottom: 10px;
    /*min-width: 194px;*/
	width:194px;
    padding: 5px 2px;
	}

label {display: block; margin-bottom: 3px;}

input[type="submit"] {
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    margin: 14px 0 0 15px;
    padding: 0 10px;
    text-align: center;
    width: 60px;
}

input[type="submit"]:hover {
    background-color: #F8F8F8;
    border: 1px solid #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}

#imgCaptcha{
	margin-right: 0;
}

#mais{
	 margin: 5px 0 10px 3px;
    vertical-align: middle;
}


#retorno{
    /*border: solid 1px red;
    width: 660px;*/
    float: left;
    margin-top: 15px;
    padding: 5px;
    width: 98%;

	
}

/*Informação de pagamento*/

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-repeat: no-repeat, repeat;
    padding: 5px;
    float: right;
    margin-right: 144px;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    /*width: 160px;*/
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -210px;
}

/* Popup arrow */
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}





/*
.consultas-retorno a{
	background: url("../img/portal/voltarTop.png") no-repeat;
	border: 1px solid transparent;
	color: #D14836;
	padding: 10px 10px 10px 35px;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	float: right;
	margin-top: 10px;
	}

.consultas-retorno a:hover{
background: url("../img/portal/voltarTop1.png") no-repeat scroll 0 0 transparent;
    border: 1px solid transparent;
    color: #D14836;
    float: right;
    margin-top: 10px;
    padding: 10px 10px 10px 35px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.consultas-retorno a img{
	border: none 0px;
	text-decoration: none;
}
*/

#caixaTabela .tituloImpressao{display:none;}



.consultas-retorno a{
	color:#506f8f;
	padding: 2px 5px;
	text-decoration: none;
}

.consultas-retorno a:hover{
	color:#cccccc;
/*	background: #506f8f;*/
	padding: 2px 5px;
	text-decoration: underline;
}

.consultas-retorno a img{
	border: none 0px;
	text-decoration: none;
}

.consultas-retorno .voltar {
	color: #D14836;
	float: right;
	margin-top: 10px;
    padding: 10px 10px 10px 35px;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}



/*
######### validacao de formulario
*/
label.error { 
    float: none; 
    color: red !important; 
    margin: 0 .5em 0 0; 
    vertical-align: top; 
    font-size: 12px !important; 
	/*background: #ff0000;*/
}


/*DIV PARA A TABELAS*/
#caixaTabela{
	/*background: red;
	width: 100%;
    display: block;    
    
    */

    display: block;
    float: left;
    width: 670px;    
	
}

#caixaInformacao {
    background-color: #F0F6FF;
    border: 1px solid #E1ECFE;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    /*text-align: center;*/
     font-size: 14px;   
}

#caixaTabela .pagina, #caixaTabela .linkBottom{
	background-color: #4D90FE;
	background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
	border: 1px solid #3079ED;
	border-radius: 2px 2px 2px 2px;
	color: #FFFFFF;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	line-height: 25px;
	margin: 15px 0 15px 0;
	padding: 0 10px;
	text-align: center;
	text-decoration: none;
}

#caixaTabela .pagina{ float:right;}

#caixaTabela .linkBottom{float:left;}

#caixaTabela .paginate{
    background: #F1F1F1;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: 15px 5px 30px;
    padding: 4px;
    text-align: center;
    width: 54.5%;
}

#caixaTabela .pagina:hover, #caixaTabela .linkBottom:hover{
    background: #447EDD;
    border: 1px solid #3868B7;
}

#caixaImprimir {
    background-color: #CECECE;
    border: 1px solid #E1ECFE;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    /*text-align: center;*/
    font-size: 14px;
    text-transform: uppercase;   
}


#caixaImprimir2 {
    background-color: #CECECE;
    border: 1px solid #E1ECFE;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;   
}


table {
    -moz-box-sizing: border-box;
    border-collapse: separate;
    border-spacing: 0;
    display: table;
    margin-bottom: 0;
    margin-top: 0;
    text-indent: 0;
    border-collapse: collapse;
    width: 100%;
}

.tabelaDescricao td{
	/*background: lime;*/
	border: 1px solid #CCCCCC;
   padding: 5px 0 0 6px;
   border-collapse: collapse;

}

table td{
    /*border: 1px solid red;*/
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    color: #444444;
    font-size: 1em;
    padding: 0 5px !important;
    vertical-align: middle;
}

th{
    background: none repeat scroll 0 0 #506F8F;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

table tr:nth-child(2n) td {
    background: none repeat scroll 0 0 #F5F5F5;
}

#caixaInformacao td {
    vertical-align: middle;
    border: solid 1px #red;
}

.sub-titulo{
    /*color: #000000;*/
    font-weight: bold;
    line-height: 22px;
}

.labelInline{
    float: left;
    font-weight: bold;
    margin: 20px 10px;
}

.inputSelect{
	float: left;
	margin: 18px -3px;
	
}

#caixaGeral select{
/*	float: left;
	margin: 18px -3px;*/
/*		float: none;
	margin: 0 0 14px;*/

}

#caixaGeral .caixaUm select{	
    float: none;
    margin: 0 5px 22px 0;
    padding: 6px 2px;
    width: 100px;
}


.imagem{
	margin: 0 2px -9px;
	*margin: 12px 2px 0 2px;
}

input[type="checkbox"]{
	margin: -5px 0 0 10px;
	*margin: -20px 0 0 10px;
	vertical-align: middle;
	
}

/*.submit{
	margin-top: 10px;
}
*/
/*.botaoInline{
	float: right;
	margin-top: 15px;
	border: solid 1px red;
	*margin-bottom: -20px;
	}*/
	
span.verde{
	color: green;
}

span.vermelha{
	color: red;
}

/* TABELA EM BRANCO */ 
#tabelaBranca tr:nth-child(1n+0) td{
	background: #FFF;
	border: none;
}




#caixaAlerta {
    background-color: #CCEECC;
    border: 1px solid #E1ECFE;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    text-align: center;
    font-size: 12px;
    float: right;
    color: #FF0000;    
}


.botaoLink{
    background: url("../img/portal/cfc_clicas.png") repeat scroll 0 0 transparent;
    float: left;
    height: 16px;
    padding: 12px 0;
    text-align: center;
    width: 325px;
}
.linkBotao{
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	color: #506f8f;
}

.linkBotao:hover{
    color: red;
    height: 45px;

}

#print{
    border: 0;
}


#MB_content table{
	margin-top: 80px;
	
}




/*
Validacao de formulario - mensagem de erro(padrao cake)
*/

.erroCaptchaBottom{
    background-color: #FEF9F8;
    border: 2px solid #CA4238;
    color: #CB260A;
    display: block;
    margin-left: -5px;
    margin-top: -15px;
    padding: 5px 13px;
    width: 640px;
}

#erroCaptchaTop{
    background-color: #FEF9F8;
    border: 2px solid #CA4238;
    color: #CB260A;
    display: block;
    margin: 0 0 0 10px;
    padding: 5px 13px;
    width: 620px;
}

/** Notices and Errors **/
div.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	background: #c73e14;
	padding: 5px;
}

.error-message{
	background: none repeat scroll 0 0 #E9403B;
    border-radius: 4px;
    color: #ffffff !important;
    margin: 20px 10px;
    padding: 2px 5px;
}

#btPesquisar{
	width: 100px;
}

#div-waiting{
	padding: 20px 0 0 300px;	 
}

#tabelaInformacao tr td {
	background: none;	
}

#tabelaInformacao .titulo{
    color: black;
    background: #EDEAEA;
    font-weight: bold;
    line-height: 22px;
}

/*
# 
# PARA EXIBIR NAS TELAS DE PARCELAMENTO
#
*/

#tabelaParcelamento td{
	text-align: center;
}

#tabelaParcelamento td > input[type="checkbox"]{
	margin:0;
}

#etapasQuadro{
    display: block;
    float: left;
    width: 100%;
	margin-top:20px;
}

#etapasQuadro ul{
    float: left;
    margin: 0;
	color:#FFFFFF;
}

#etapasQuadro ul li{
    background:#CCCCCC;
    border-right: 1px solid #FFFFFF;
    float: left;
    list-style: none outside none;
    margin: 0;
	width:167px;
	text-align:center;
	padding:10px 0;
}

#etapasQuadro ul .etapaAtual{
    background: red;
	font-weight:bold;
	width:165px;
	text-align:center;
	padding:10px 0;
}


#div-instrucoes{clear:both;}



.etapaAtual{
	background: red;
}


/*#tabelaBranca{background:red;}*/

#tabelaParcelas tr:nth-child(n) td{
	background:none;
	border:none;
	}

#tabelaParcelas tr td{	
	border:none;
	}

#tabelaParcelas input[type="text"]{
	/*border: none;
	margin: 2px 0;
	padding: 10px 4px 0 4px;*/
	/*display:none;*/
    font-size: 1em;
    width: 50px;
	height:10px;
	color:#444444;
	background:none;
	border:none;
		*margin-bottom:2px;
		*padding-bottom:3px;
		*padding-top:0;
	}
	
#parcelaTodas{
	margin-top: 3px;
}


#textoTermo{/*background:#999;*/ margin-left:auto; margin-right:auto; width:960px;}


#textoTermo> h1{
    font-family: 'Oswald',Arial,Helvetica,sans-serif;
    font-weight: 200;
    margin-bottom: 20px;
    padding: 20px 10px 5px 10px;
    text-transform: uppercase;
	}

#textoTermo> p{
	line-height:1.5em;
	padding:5px 10px;
	text-align:justify;
	}

#ParcelamentoMultasTipoCnpj{
	margin-left:10px;	
	}
	
#botaoEnviarParcelamento, #botaoCancelarParcelamento{
	display: block;
	float: right;
	}

#botaoCancelarParcelamento>input[type="button"]{
    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    height: 29px;
    margin: 14px 0 0 15px;
    padding: 0 10px;
    text-align: center;
    width: 80px;
	text-transform:uppercase;
	}
	
#botaoCancelarParcelamento>input[type="button"]:hover {
    background-color: #F8F8F8;
    border: 1px solid #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}


#textoAviso{}

#textoAviso>h1{
	margin-bottom:10px;
	font-size:1.5em;
	}	
	
#textoAviso>p{
	line-height: 1.4em;
	padding: 4px 0;
	}

/*DETRAN E VC*/	
	
#content .block-01 {
    background: none repeat scroll 0 0 #f0f6ff;
    border: 1px solid #e1ecfe;
    margin: 10px 0 20px 28px;
    padding: 1em;
    width: 638px;
}

#content ul.list {
    list-style-position: outside;
    margin: 10px 0 18px 26px;
}

#content .block-01 p{
	padding: 10px;
}


#content .botaoLinks a {
    -moz-user-select: none;
    background-color: #4d90fe;
    background-image: -moz-linear-gradient(center top , #4d90fe, #4787ed);
    border: 1px solid #3079ed;
    border-radius: 2px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    line-height: 25px;
    margin: 0 5px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
}

#content .botaoLinks a:hover {
    background-color: #447edd;
    border: 1px solid #3868b7;
	color: #444;
    text-decoration: underline;
}


#content .tablePortal{
    margin: 0 16px;
    width: 96%;
}

#content .tablePortal > thead > tr > th, #content .tablePortal > tbody > tr > th, #content .tablePortal > tfoot > tr > th, #content .tablePortal > thead > tr > td, #content .tablePortal > tbody > tr > td, #content .tablePortal > tfoot > tr > td {
    border-top: 1px solid #ddd;
    line-height: 2em;
    padding: 22px;
    vertical-align: top;
	font-weight: bold;
	font-size:14px;
}


.labelForm, .spanPreenchido{
	float:left;
}


.labelForm {
    background: #f1f1f1;
    border-radius: 2px;
    font-weight: normal;
    margin: 4px 5px;
    padding: 6px 10px;
    text-align: right;
    width: 190px;
}

.spanPreenchido{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    display: block;
    margin: 3px 0;
    padding: 6px 2px;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    width: 100px;
}

/*licitação*/


.selectGenerico{
    margin: 3px 0;
    min-width: 200px;
    padding: 6px 8px;
    float:left;
}

fieldset {
    border: 1px solid #bce8f1;
    border-radius: 2px;
    font-size: 15px;
    font-weight: bold;
    margin: 0 10px;
    padding: 5px 10px 30px;
}

fieldset > legend {
    background-color: #d9edf7;
    border-color: #bce8f1;
    border-radius: 2px;
    color: #3a87ad;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 20px;
}

.rowx{
    margin: 20px 0;
}

.rowx .btn {
    clear: both;
    display: block;
    float: left;
    margin: 20px 0 20px 5px;
    width: 208px;
}

.formDetran .tituloP {
    border-bottom: 1px dotted #ccc;
    font-size: 200%;
    line-height: 1.5em;
    margin-bottom: 20px;
    /*color: crimson;*/
}

.formDetran{}

.formDetran .tituloHR {
    border-bottom: 1px dotted #ccc;
    font-size: 120%;
    line-height: 1.5em;
    margin: 20px;
    /*color: crimson;*/
}

.tableGRV{
    border-radius: 2px 2px 0 0;
}

.tableGRV > thead > tr > th {
    border: 1px solid #5db2ff;
    vertical-align: bottom;
    font-weight: 600;    
}

.tableGRV > tbody > tr > td{
    border-top: 1px solid #ddd;
    line-height: 2em;
    padding: 8px;
    vertical-align: top;
    text-align: center;
}

.formDetran .bdGRV{
    background-color: #5db2ff;
}

.formDetran .labelX{
    color: coral;
    font-size: 80%;
}

.boxGRV{    
    display: block;
    float: right;
    padding: 0 18px;
    width: 200px;
}

#demo{
    margin: 40px 10px;
}

#listagem > tbody > tr > td, #listagem > tbody > tr > th, #listagem > tfoot > tr > td, #listagem > tfoot > tr > th, #listagem > thead > tr > td, #listagem > thead > tr > th {
    
    line-height: 1.52857!important;
    padding: 12px 8px!important;
    vertical-align: top!important;
}

#demo .ui-accordion .ui-accordion-content-active{
    padding: 0;
    margin: 0;
}


/*#caixaTabela{background:silver;}*/

.FormProntuario,.FormProntuario label,.FormProntuario .preenchido{display: block;float: left;line-height: 1.4em;margin-bottom: 9px;padding: 0 5px;line-height: 2em;}

.FormProntuario{float: left;padding: 10px;width: 96%;}

.FormProntuario label{text-align: right;width: 200px;}

.FormProntuario label, .FormProntuario .preenchido{padding: 2px 5px}


.atencao{
    color: #FF0000;
    font-weight: bold;
    padding-right: 5px;
    text-transform: uppercase;
}


/*
VEICULOS APREENDIDOS
*/

.box_conteudo{
	float:left;
	width:300px;
	margin:40px 20px;
}

.box_conteudo .box_02{
	border: 1px solid #ccc;
	text-align:center;
	background:#0088cc;
	border-radius:4px;
}	

.box_conteudo .box_02 > a{
	padding:10px;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}
	
.box_conteudo .box_02 > a:hover{
	background:#016ea5;
}


/*Consulta biometria de aulas assistidas*/

.thumbnails-box{
	float:left;
	width:670px;
    margin: 30px 0;
	}


.col-mdx-3 {
	width: 45%;
	float:left;
    min-height: 1px;
	padding:10px 15px;
    position: relative;	
	text-align:center;
}

.col-mdx-3 .thumbnail{
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 4px;
	display: block;
	line-height: 1.42857;
	margin-bottom: 20px;
	padding: 18px 10px;
	transition: border 0.2s ease-in-out 0s;
}

.col-mdx-3 .thumbnail:hover {
	background:#F1F1F1;
	font-weight:bold;
	padding: 18px 10px;
    color: #506f8f
	}




/*IMPRESSÃO DO TOPO*/

.topoImpressao2 {display: none;}

@media print {
    
    .no-print{
        display: none;
    }
    
    #content .block-01 {
        background: #F1F1F1;
        border: 1px solid #444;
        padding: 1em;
        width: 96%;
        float: left;
        margin: 10px 0;
    }    

    .topoImpressao2{
        display: block!important;
        float: left;
        margin: 5px 5px 10px 0;
        padding: 4px 6px;
        border-bottom:dotted 1px #444444;
        width: 100%;
    }

    .topoImpressao2 > img{margin-bottom: 10px;}

    div.footnotes {page-break-after:always;}

    .anatips{display: none;}



   .mensagemSucesso {
        display: none;        
    }
    
    .mensagemSucessoImpressao,.mensagemSucessoImpressao>h1{
        display:block;
    }   

    #caixaExibicao {
        background-color: #f2dede;
        border-color: #ebccd1;
        color: #a94442;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        line-height: 1.5em;
        margin: 20px auto;
        padding: 1em;
    }

    .spanPreenchido2{
        width: 450px!important;
    }

    .numeroProtocolo{
        background: orange!important;
        width: 100%!important;
        padding:0!important;
        margin: 0!important;
        float: left!important;
        display: block!important;
    }    

    .numeroProtocolo > li{
        margin: 0!important;
        padding: 0!important;
        width: 335px!important;
    }

    .numeroPedido {
        width: 655px!important;
    }


}
/*
@media print {

    .mensagemSucesso {
        display: none;        
    }
    
    .mensagemSucessoImpressao,.mensagemSucessoImpressao>h1{
        display:block;
    }   

    #caixaExibicao {
        background-color: #f2dede;
        border-color: #ebccd1;
        color: #a94442;
        font-size: 14px;
        font-style: normal;
        font-weight: bold;
        line-height: 1.5em;
        margin: 20px auto;
        padding: 1em;
    }

    .spanPreenchido2{
        width: 450px!important;
    }

    .numeroProtocolo{
        background: orange!important;
        width: 100%!important;
        padding:0!important;
        margin: 0!important;
        float: left!important;
        display: block!important;
    }    

    .numeroProtocolo > li{
        margin: 0!important;
        padding: 0!important;
        width: 335px!important;
    }

    .numeroPedido {
        width: 655px!important;
    }

}*/







/*FORMULARIO DIC - CARTEIRA PERDIDA*/

.divListaPostos {
    float: left;
    padding: 0 10px;
    width: 416px;
}
.divPosto {
    border-bottom: 1px dotted #444;
    display: block;
    float: left;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
    padding: 0 0 15px;
}
.divPosto:hover {
    background: #F1F1F1;
}
.enderecoPosto {
    color: #9b9b9b;
}
.divRadioE {
    display: block;
    float: left;
    padding: 10px;
    margin-right: 10px;
}
.divRadioD {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 370px;
}
.divRadioD>h4 {
    padding: 10px 0;
    text-transform: uppercase;
}
.prazoEntrega {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    float: right;
}
.prazoEntrega-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
    margin: 10px 0;
}
.prazoEntrega>span {
    background-color: #FFF;
    border-radius: 4px;
    color: #337ab7;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    min-width: 10px;
    padding: 3px 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.mserro {
    background: #e9403b none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    float: left;
    font-size: 12px;
    margin-top: 5px;
    padding: 6px 8px;
}
.submit>.btCadastrar {
    margin-left: 231px;
    width: 120px;
}
.mensagemSucesso, .mensagemSucessoImpressao {
    background: #dff0d8 none repeat scroll 0 0;
    border: 1px solid #e1ecfe;
    color: #3c763d;
    margin: 10px 0 40px;
    padding: 1em;
    text-align: center;
    width: 96%;
}
.mensagemSucesso> h1, .mensagemSucessoImpressao> h1 {
    color: #3c763d;
    text-align: center;
    border: 0;
}

.mensagemSucessoImpressao{display:none;}


.groupo {
    margin: 30px 0;
    width: 100%;
}
.grupo > address {
    margin-left: 10px;
}
.blocoNome {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 1.4em;
    margin: 20px 0;
    padding: 10px;
}
.destaque {
    background: #444;
    padding: 5px 10px;
    color: #FFF;
    border-radius: 2px;
}




#caixaExibicao {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    font-style: normal;
    font-weight: bold;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    /*text-align: center;
    background-color: #F0F6FF;
    border: 1px solid #E1ECFE;	
	
	
	*/
    
    font-size: 14px;
}
.rodapePagina {
    background: #f1f1f1 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    border-radius: 2px;
    float: left;
    margin-left: 10px;
    padding: 5px 20px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}


.groupo>address{
	margin-left:10px;
}

.divCertidao {
    padding: 20px;
}

/*xxxxxxx FORMULARIO DIC xxxxx*/

.menu-horizontalx ul {
	margin:30px 0;
	float:left;
	background:#CCC;
}

.menu-horizontalx ul > li {
    list-style-type: none;
}

.menu-horizontalx ul > li {
    float: left;
}

.menu-horizontalx ul > li {
    display: block;
    color: #444;
    text-align: center;
    padding: 10px 12px;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #fff;
}

.menu-horizontalx ul > li a:hover:not(.active) {
    background-color: #CCC;
}

.menu-horizontalx ul .active {
    background-color: #506f8f;
    color: #FFF;
}

.espacofieldset{
	margin:36px 0;
}

.btn-contax {
    float: left;
    padding: 2px;
}

.btn-contax > input{
    width: 130px;
}


.well-radape {
    clear: both;
    float: left;
    padding: 10px;
    width: 100%;
    text-align: center;
}


.spanPreenchido2{
    width: 472px;
    float: left;
}


.numeroProtocolo{
    display: block;
    margin: 6px 6px 20px 6px!important;
    width: 690px;
    background: #FFF!important;
}


.numeroProtocolo > li{
    width: 318px;
    border:solid 1px #CCC!important;
}


.numeroPedido {
  background: #ccc none repeat scroll 0 0;
  margin: 26px 6px;
  padding: 10px;
  text-align: center;
  float: left;
  display: block;
  width: 670px;
}

.segundaViaEmail>.botaoEsquerdo a,.segundaViaEmail>.botaoDireito a{
    display: block;
    padding: 5px 2px;
    background: #CCC;
    width: 200px;
    text-align: center;
    border-radius: 2px;
    text-decoration: none;
    color: #444;
    font-weight: bold;
}

.segundaViaEmail>.botaoEsquerdo a:hover,.segundaViaEmail>.botaoDireito a:hover{
    background: #a5a5a5;
    color: #FFFFFF;
}

.segundaViaEmail>.botaoEsquerdo a:active,.segundaViaEmail>.botaoDireito a:active{
    background: #838383;
    color: #FFFFFF;
}


.segundaViaEmail>.botaoEsquerdo{
    float: left;
    margin-left: 60px;
}

.segundaViaEmail>.botaoDireito{
    float: right;
    margin-right: 60px;
}

.btn-contax>.btn-link{
    display: block;
    margin: 8px 0 0 15px;
    padding: 0 10px;
}

.btn-contax>.btn-link a{
    background-color: #f5f5f5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    color: #666666;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 8px 60px;
    text-align: center;
    text-decoration: none;
}

.btn-contax>.btn-link a:hover{
    background-color: #f8f8f8;
    border: 1px solid #c6c6c6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #333333;
}

.dados-btn{
    background: #f1f1f1 none repeat scroll 0 0;
    border-radius: 2px;
    font-weight: normal;
    margin: 4px 5px;
    padding: 6px 10px;
    text-align: right;
    float: left;
    font-weight: bold;
}


/*
div com fundo azul
uso no views/multas/extrato_detalhes
*/
.mensagem-azul {
    background-color: #F0F6FF;
    border: 1px solid #E1ECFE;
    font-style: normal;
    font-weight: normal;
    line-height: 1.5em;
    margin: 20px auto;
    padding: 1em;
    /*text-align: center;*/
     font-size: 14px;   
}

.container-fluid{
	margin: 5px 0;
}

.nav-top{
	clear: both;
	padding: 20px 5px;
	
}

.nav-top > select{
    margin: 5px 10px;
    padding: 5px;
    min-width: 47%;
}

.nav-top > .selectP{
    margin: 5px 10px;
    padding: 5px;
    min-width: 15%;
    float: left;
}


.nav-top > .botaoInline{
	width: 110px;
	height: 45px;
	margin: 0 10px;
	float: right;
	display: block;
	text-transform: uppercase;
	font-size: 14px;
}




.topacessibilidade{
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
	border-bottom: dotted 1px #CCC;
	padding: 10px 0;
}

.topacessibilidade > .botaoInline{
	width: 110px;
	height: 45px;
	margin: 0 10px;
	float: right;
	display: block;
	text-transform: uppercase;
	font-size: 14px;


    background-color: #F5F5F5;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px 2px 2px 2px;
    color: #666666;
    cursor: pointer;
    font-weight: bold;
    padding: 0 10px;
    text-align: center;        

}

.topacessibilidade .imagem{
	width: 4%;
	margin: 5px 6px;
}

.topacessibilidade>input[type="checkbox"]{
	margin-top: -32px;
}

table.acessibilidade {

}

table.acessibilidade td > img{
	margin: 5px 2px;
}

#formDetalhes > table{
	width: 100%;
}

/* formulario SECRETARIA VIRTUAL*/

.formContener > form .submit{
    background: #CCC;
    padding: 10px;
    border-radius: 4px;
}

.formContener > form .submit input{
    margin: 0 0 0 10px!important;
    background-color: #0088CC;
    border: medium none;
    border-radius: 4px;
    color: #FFFFFF;
    height: 30px;
    border-radius: 4px;
}

.formContener > form .submit input:active{
    background: #444!important;
    color: #FFF;
}

.formContener > form .submit input:hover{
    background: #016ea5;
    border: solid 2px #0088CC;
    font-weight: bolder;
}

/*JORGE 29/04/2019 - PORTARIA*/
#tabelaCFC tr td { 
    height: 40px;
    text-align: center;    
  }
   
   .div-navegacao-anos > ul{
       box-sizing: border-box;
       border: 3px solid #ddd; /* #506F8F */
       border-radius: 0;
       margin: 12px 12px 30px 12px;
       padding: 0 0 0 23px;
       background-color: rgba(80, 111, 143, 1);     
   }    
   
   .div-navegacao-anos > ul li{
       box-sizing: border-box;
       font-family: 'Arial','Helvetica',sans-serif;    
       font-size: 125%;
       display: inline-block;
       padding: 5px;
   }
   
   .div-navegacao-anos > ul li a {
       padding: 6px 5px; /* makes target area bigger */
       color: #333; /* rgba backup */
       color: #fff!important;                    /*rgba(41,128,152, 1); */
       text-decoration: none;
       font-weight: bold;
   }
   
   .div-navegacao-anos li a:hover, a:focus {
       background:rgba(80, 111, 143, 1);  /* rgba backup */
       background: rgba(255, 255, 255, 0.2);
   }
  
   .div-navegacao-anos li a:hover {
       text-decoration: underline;
   }
   
   .g-recaptcha{
		margin: 15px auto !important;
		width: auto !important;
		height: auto !important;
		text-align: -webkit-center;
		text-align: -moz-center;
		text-align: -o-center;
		text-align: -ms-center;
	}
  /*XXXXX*/








  .selectPostos{
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    display: inline-block;
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 8px;
    vertical-align: middle;
    width: 34%;
}

.labelPostos{
    background: #F1F1F1;
    display: block;
    float: left;
    padding: 8px 5px;
    text-align: right;
    width: 80px;
    margin: 0 5px;
}


.tabela-cursos-esp{
    margin-bottom: 30px;
}