@charset "UTF-8";

/* CSS Classes Gerais - folha de estilo do site */

html {
    width: 100%;
    height: 100%;
}

body {
    font: 14pt, Arial, Verdana, Tahoma, Helvetica, Sans-serif;
    text-align: center; /*hack IE*/
    color: #172938;
    /*background: url(../img/bg.png) repeat-x;*/
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

p {
    padding: 2px;
    margin: 2px;
}

h1, h2 {
    margin-top: 0;
}

h1 {
    font-family: OpenSans-Bold, Verdana;
    font-size: 18pt;
}

h2 {
    font-family: OpenSans-Bold, Verdana;
    font-size: 16pt;
    color: #1659bf;
}

h3 {
    font-family: OpenSans-Regular, Verdana;
    font-size: 11pt;
    color: #00500f;
}


/* Conteúdo da página */

#conteudo {
    max-width: 960px;
    text-align: left; /*hack IE*/
    margin: 0 auto;
    position: relative;
    overflow: visible;
}

#conteudo_modal {
    text-align: left; /*hack IE*/
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: #FFF;
}

#interna {
    margin-bottom: 20px;
    padding: 5px 0px 0px 20px;
    background: url(../img/quina.png) no-repeat;
    font-size: 15px;
}

    #interna p {
        margin: 7px;
    }

.leia_mais {
    padding-top: 8px;
}

#testeira {
    background-image: url(../img/fundoBordaPanel.png);
}

#miolo {
    position: relative;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    align-content: center;
}

#miolo_esq {
    float: left;
    width: 230px;
    height: 100%;
}

#miolo_divisor {
    float: left;
    height: 100%;
    margin-right: 10px;
    margin-left: 10px;
}

#miolo_central {
    float: left;
    width: 690px;
    height: 100%;
    margin-right: 20px;
    margin-left: 5px;
    font-family: Arial;
    font-size: 10pt;
    text-align: justify;
}

#miolo_dir {
    float: right;
    text-align: left; /*hack IE*/
    width: 240px;
    margin: 0 auto;
    position: relative;
}

#chamada {
    position: relative;
    clear: both;
}

#chamada_esq {
    float: left;
    width: 230px;
    height: 100%;
}

#chamada_central {
    float: left;
    width: 310px;
    height: 100%;
    margin-right: 50px;
    margin-left: 50px;
}

#chamada_dir {
    float: left;
    text-align: left; /*hack IE*/
    margin: 0 auto;
    position: relative;
}

.caixa_imagem {
    float: right;
    width: 25%;
    margin-left: 10px;
}

    .caixa_imagem p {
        font-size: smaller;
        color: #333;
    }

.escala {
    width: 100%;
}

.acesso {
    float: left;
    width: 20%;
    font-size: .8em;
    margin-bottom: 25px;
    color: darkblue;
    text-align:center;
}

.titulo_acesso {
    font-size: 1.3em;
    font-weight: bold;
    color: darkblue;
    height:32px;
    width: 242px;
    vertical-align: middle;
    position: relative;
    margin: 0 auto;
    vertical-align: middle;
    display: table-cell;
    text-align:center;
    
}

.acesso_descr {
    color: #004b82;
    font-size: 8pt;
    text-align: center;
    margin: 0 auto;
    padding: 0 10px;
}

.font_menor {
    font-size: .8em;
    margin: 0;
    padding: 0;
    text-align: left;
}

.negrito {
    font-weight: bold;
}

.TituloCollapse { 
    width:100%;
    background-color:#d3d3d3;
    border:1px solid #d3d3d3;
    font-weight: bold;
    padding: 2px;
    cursor: pointer;
}

.ConteudoCollapse {
    height: 0px; 
    overflow: hidden;
    border:1px solid #d3d3d3;
}

#seletor::-moz-focus-inner {
    border: 0px;
    padding: 0px;
}

/* Listas, links e imagens */

ul {
    list-style-image: url(../img/bullet.png);
    margin-bottom: 0px;
}

li {
    margin-bottom: 3px;
}

a {
    text-decoration: none;
    color:blue;
    cursor: pointer;
}
a:visited {
    text-decoration: none;
    color:blue;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    color:blue;
    cursor: pointer;
}

img {
    border: none;
}

a img {
    border: none;
}

/* Cabeçalho */
#cabecalhoWrapper {
    width: 100%;
    height: 165px;
    text-align: left;
    background-color: #1659bf;
    position: relative;
}

#cabecalho {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    height: 150px;
    background-color: #1659bf;
}

#cabecalhoSistema {
    float: left;
    padding-top: 10px;
    font-family: OpenSans-ExtraBold, Verdana;
    font-size: 40pt;
    color: white;
    position: absolute;
    z-index: 8;
}

#cabecalhoSistemaLinha2 {
    float: left;
    padding-top: 80px;
    font-family: OpenSans-ExtraBold, Verdana;
    font-size: 12pt;
    color: white;
    position: absolute;
    clear: both;
}

#cabecalhoGoverno {
    position: relative;
    clear: both;
    float: left;
    font-family: OpenSans-Regular, Verdana;
    font-size: 12pt;
    color: white;
}

.cabecalhoDireita {
    float: right;
    font-family: OpenSans-Regular, Verdana;
    font-size: 10pt;
    color: white;
    text-align: right;
    position: relative;
    z-index: 8;
}

#logo {
    float: left;
}

#login {
    text-align: right;
    font-size: .9em;
    vertical-align: top;
}

.sair {
    font-weight: bold;
    color: #F00;
    padding-left: 8px;
}


.LabelTotalizadorTitulo {
    color: darkblue;
    font-size: 12px;
}

.LabelTotalizadorValor {
    color: darkblue;
    font-size: 12px;
}

.LabelExibirFiltros {    
    color:red;
    font-weight:bold;
    font-size: 15px;
}

/* CSS GRID do Comum */
	.mGrid th {
		background: none repeat scroll 0 0 #DEE6F1;
		border: 1pt solid #004B82;
		font-weight: bold;
		padding: 10px;
        border: 1px solid #C1DAD7;
	}

    .mGrid tr td {
        border: 1px solid #C1DAD7;
    }

    .mGrid .pgr {
        background: #CACACA;
        border: 1px solid #C1DAD7;
    }
    .mGrid .pgr table {
        margin: 5px 0;
        border-color: #C1DAD7
    }

    .mGrid .pgr td {
        border-width: 0;
        padding: 0 1px;
        font-weight: bold;
        color: #222;
        line-height: 12px;
        width: 20px;
        font-size: 12px;
    }

    .mGrid .pgr a {
        color: #666;
        text-decoration: none;
    }


    .mGrid .pagination {
        height: 40px;
        margin: 20px 0;
    }

    .mGrid .pgr ul {
        display: inline-block;
        *display: inline;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        *zoom: 1;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    }

    .mGrid .pgr ul > li {
        display: inline;
    }

    .mGrid .pgr ul > li > a,
    .mGrid .pgr ul > li > span {
        float: left;
        padding: 0 14px;
        line-height: 38px;
        text-decoration: none;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-left-width: 0;
    }

    .mGrid .pgr ul > li > a:hover,
    .mGrid .pgr ul > .active > a,
    .mGrid .pgr ul > .active > span {
        background-color: #f5f5f5;
    }

    .mGrid .pgr ul > .active > a,
    .mGrid .pgr ul > .active > span {
        color: #999999;
        cursor: default;
    }

    .mGrid .pgr ul > .disabled > span,
    .mGrid .pgr ul > .disabled > a,
    .mGrid .pgr ul > .disabled > a:hover {
        color: #999999;
        cursor: default;
        background-color: transparent;
    }

    .mGrid .pgr ul > li:first-child > a,
    .mGrid .pgr ul > li:first-child > span {
        border-left-width: 1px;
        -webkit-border-radius: 3px 0 0 3px;
        -moz-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

    .mGrid .pgr ul > li:last-child > a,
    .mGrid .pgr ul > li:last-child > span {
        -webkit-border-radius: 0 3px 3px 0;
        -moz-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
    }

    .mGrid .pgr-centered {
        text-align: center;
    }

    .mGrid .pgr-right {
        text-align: right;
    }

    .mGrid .pager {
        margin: 20px 0;
        text-align: center;
        list-style: none;
        *zoom: 1;
    }

    .mGrid .pager:before,
    .mGrid .pager:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .mGrid .pager:after {
        clear: both;
    }

    .mGrid .pager li {
        display: inline;
    }

    .mGrid .pager a,
    .mGrid .pager span {
        display: inline-block;
        padding: 5px 14px;
        background-color: #fff;
        border: 1px solid #ddd;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

        .mGrid .pager a:hover {
            text-decoration: none;
            background-color: #f5f5f5;
        }

    .mGrid .pager .next a,
    .mGrid .pager .next span {
        float: right;
    }

    .mGrid .pager .previous a {
        float: left;
    }

    .mGrid .pager .disabled a,
    .mGrid .pager .disabled a:hover,
    .mGrid .pager .disabled span {
        color: #999999;
        cursor: default;
        background-color: #fff;
    }

.text-warning {
    color: #c09853;
}

.text-error {
    color: #db4a48;
}

.text-info {
    color: #3a87ad;
}

.text-success {
    color: #468847;
}


/* Menu */

#menuWrapper {
    width: 100%;
    height: 30px;
    background-color: #0f4098;
    position: relative;
    text-align: right;
    overflow: hidden;
}

#menu {
    background-color: #0f4098;
    color: #FFFFFF;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    font-family: OpenSans-Semibold, Verdana;
    font-size: 9pt;
}
    #menu ul {
        margin: 0px;
        padding-top: 7px;
    }

    #menu li {
        list-style: none;
        display: inline;
    }

        #menu li a {
            height: 1px; /* IE5.0 bug */
            text-decoration: none;
        }

            #menu li a:link {
                color: #FFF;
            }

            #menu li a:visited {
                color: #FFF;
            }

            #menu li a:hover {
                color: #FF0;
            }

/* Rodapé */

#rodapeWrapper {
    margin-top: 25px;
    vertical-align: middle;
    width: 100%;
    height: 98px;
    background-color: #0042b1;
    position: relative;
}

#rodape {
    vertical-align: middle;
    width: 960px;
    background-color: #0042b1;
    padding-top: 20px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

#copyrightWrapper {
    width: 100%;
    height: 43px;
    text-align: left;
    background-color: #eaebee;
    position: relative;
    vertical-align: middle;
}

#copyright {
    padding-top: 7px;
    color: gray;
    width: 960px;
    background-color: #eaebee;
    font-size: 10pt;
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
}

#banner_rodape {
    float: right;
    margin: 5px;
}

.MyCalendar .ajax__calendar_container {
    border: 1px solid #646464;
    padding: 0px;
    border-spacing: 0px;
    background-color: white;
    color: red;
    width: 200px;
}

.MyCalendar .ajax__calendar_body {
    width: 200px;
    border: none;
}


.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year {
    color: black;
}

.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year {
    color: black;
    font-weight: bold;
}


.ajax__fileupload_fileItemInfo div.removeButton {
    width: 100px;
    background-color: grey;
}

div.ajax__fileupload_uploadbutton {
    width: 120px;
}

.ajax__fileupload .ajax__fileupload_selectFileContainer {
    width: 110px;
}

.ajax__fileupload_selectFileContainer .ajax__fileupload_selectFileButton {
    width: 110px;
    background-color: grey;
}


.atividadesRel {
    font: 12px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
    text-align: center; /*hack IE*/
    color: #00723A;
    overflow: auto;
}


/*Modal Popup*/
.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffff;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.modalPopup p {
    padding: 5px;
}

	
/* Lock Screen-related CSS Classes */
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 105%;
	height: 105%;
	background-color: #666;
	z-index: 20997;
	filter: alpha(opacity=75);
	opacity:0.75;
	padding-top: 20%;
}
.LockPane {
	z-index: 21000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 25%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
    z-index: 20998;
}
.LockPane div {
	width: 55%;
	background-color: #1659bf;
	color: white;
	font-size: large;
	border: dotted 1px White;
	padding: 9px;
    margin-top: -30px;
	margin-left: auto;
	margin-right: auto;
    z-index: 20999;
}


/* Classes do CSS sistema - este CSS monta todas as telas da interface */		
	/* Caixa de Login */	
	
	.caixa_login {
		color: #2C66CE;
        background-color: #eaebee;
		width: 330px;
		height: 330px;
		padding: 8px 0px 0px 10px;
		text-align: left;
	}

	.titulo_caixa_login {
		font-family: OpenSans-Bold, Verdana;
        font-size: 11pt;
        color: #1659bf;
        border-bottom-style: solid;
        border-bottom-width: 5px;
        width:240px;
	}

  	.titulo_miolo {
		font-family: Arial, Verdana;
        font-weight: bold;
        font-size: 12pt;
        color: #1659bf;
        width:320px;
	}

  	.texto_miolo {
		font-family: Arial;
        font-size: 11pt;
        color: #172938;
	}

	
	.linha_form_login {
        position: relative;
		width: 95%;
		margin: 8px 0px 21px 3px;
	}
	
	.linha_form_msg {
		width: 95%;
		margin-top: 8px;
	}
	
	.label_form_login {
        position: relative;
		float: left;
		margin-top: 3px;
        font-family: OpenSans-Semibold, Verdana;
	}
	
	.controles_login {
        position: relative;
        clear: both;
	}
	
	.mensagem_erro_login {
		font-size: .8em;
		margin: 8px;
		padding: 0;
		text-align: left;
		color:red;
	}

	.link_login a:link {
        font-family: OpenSans-Regular, Verdana;
        text-decoration: underline;
        font-size: 9pt;
        color: #FFF;
		cursor: pointer;
	}
	
	.link_login a:visited {
		text-decoration: underline;
		cursor: pointer;
	}
	
	.link_login a:hover {
		text-decoration: underline;
		cursor: pointer;
	}
	
	.link_login a:active {
		text-decoration: underline;
		color: #FFF;
		cursor: pointer;
	}
	
	/* Portlet */
	
		
	.portlet {
        font-family: OpenSans-Regular, Verdana;
        font-size: 10pt;
		width: 960px;
		min-height: 100%;
		text-align: left;
		margin: 10px 0px 10px 0px;
		color: #004b82;
	}
	
	.titulo_portlet {
		font-family: OpenSans-Bold, Verdana;
        font-size: 16pt;
        color: #1659bf;
		padding: 5px 0px 0px 5px;
        text-align: center;
	}
	
	.bloco_esquerdo {
		float: left;
		background:#f9f9f9;
		text-align: right;
		width: 56%;
	}
	
	.bloco_direito {
		float: left;
		width: 44%;
		padding-bottom: 10px;
	}
	
	
	/* Classes dos botões */
		
	#botoes {
		float: right;
		margin-top: 8px;
	}
	
	.botao {
		margin: 12px 8px 0px 0px;
        float: right;
		height: 27px;
        font-size: small;
	}

    .botaoEscondido {
        visibility:hidden;
        display: none;
    }

    .invisivel {
        visibility:hidden;
        display: none;
    }

	/* para um link ser parecido com botão */
    .button {
      font: bold 13px Arial;
      text-decoration: none;
      background-color: #EEEEEE;
      color: #333333;
      padding: 2px 6px 2px 6px;
      border-top: 1px solid #CCCCCC;
      border-right: 1px solid #333333;
      border-bottom: 1px solid #333333;
      border-left: 1px solid #CCCCCC;
    }

	.botao:hover {
	}
	
	.botao_login {
		margin: 8px 17px 0 0;
		float: right;
		background: url(../img/bg_botao.png) repeat-x;
		height: 27px;
		border: 1pt solid #143161;
		font: 12px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		color: #FFF;
		font-weight: bold;
	}
	
	.botao_login:hover {
		background: url(../img/bg_botao1.png) repeat-x;
		color: #FF0;
	}
	
	#botoes_meio {
		width: 50%;
		margin-top: 10px;
	}
	
	#barra_botoes {
		overflow: auto;
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 5px;
	}
	
	#barra_meio_botoes {
		overflow: auto;
		width: 100%;
		padding: 0px 0px 10px 0px;
	}
	
	.botao_form {
		background: url(../img/bg_botao.png) repeat-x;
		height: 24px;
		border: 1pt solid #143161;
		color: #FFF;
		font-weight: bold;
		margin-left: 5px;
	}

    .botao_cabecalho {
		background: url(../img/bg_botao.png) repeat-x;
		height: 24px;
		border: 1pt solid #143161;
		color: #FFF;
		font-weight: bold;
		margin-left: 5px;
        vertical-align : top;
	}
	
	.botao_form:hover {
		background: url(../img/bg_botao1.png) repeat-x;
		color: #FF0;
		border: 1pt solid #1f578d;
	}
	
	
	/* Classes da tabela */
	
	table {
		border-collapse: collapse;
		margin-left: 2px;
		color: #004b82;
		margin-bottom: 15px;
	}
	
	.modal table {
		margin-left: 2px;
	}
	
	.modal a:link, a:active, a:visited {
		text-decoration: underline;
		color: #004b82;
		cursor: pointer;
	}
	
	.modal a:hover {
		text-decoration: none;
		color: #004b82;
		cursor: pointer;
	}
	
	.font_menor_modal {
		font-size: .8em;
		color: #999;
		padding-top: 5px;
	}
	
    th {
		background: none repeat scroll 0 0 #DEE6F1;
		border: 1pt solid #004B82;
		font-weight: bold;
		padding: 10px;
        border: 1px solid #C1DAD7;
	}

	caption {
		visibility: hidden
	}
	
	table a:link {
		text-decoration: none;
		color: #000;
		cursor: pointer;
	}
	
	table a:visited {
		text-decoration: none;
		color: #000;
		cursor: pointer;
	}
	
	table a:hover {
		text-decoration: underline;
		color: #06C;
		cursor: pointer;
	}
	
	table a:active {
		text-decoration: none;
		color: #000;
		cursor: pointer;
	}
	
	tr td {
		padding: 1px;
	}
	
	.modal tr td {
		border: none;
		font: 16px Arial, Verdana, Tahoma, Helvetica, Sans-serif;
		border-bottom: 1pt solid #183e8a;
	}
	
	.tr_cinza {
		background: #E0E0E0;
	}
	
	.central {
		text-align: center;
	}
	
	
	/* Aguarde */
		
	#aguarde {
		position: absolute;
		width: 84%;
		height: 83%;
		overflow: hidden;
		z-index: 0;
	}
	.transp {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		width: inherit;
		height: inherit;
		background: #FFF;
		filter: alpha(opacity=30, finishopacity=30, style=1);
		opacity: .5;
		-moz-opacity: .5;
		-khtml-opacity: .5;
		z-index: -1
	}
	
	.imagem_carregando {
		padding-left: 25%;
		padding-top: 15%;
	}



    .gridPadrao tr.paginacao td table
	{
	    width: auto;
	    border-collapse: separate;
	}
	
	.gridPadrao tr.paginacao td table tbody tr td
	{
        border: none !important;
        padding: 5px;
	}

    .divSideBarLink {
        float: left;
        background-color: #efefef;
        vertical-align: middle;
        overflow: hidden;
        height: 30px;
     }

     .sideBarLink {
        display: table-cell;
		text-decoration: none;
		color: black;
        font-weight: bold;
		cursor: pointer;
        background-color: #efefef;
        padding: 5px 5px 0px 5px;
        vertical-align: middle;
    }

    .divSideBarLinkSelected {
        float: left;
        background-color: #0e4097;
        text-decoration: none;
        overflow: hidden;
        height: 30px;
     }

    .sideBarLinkSelected {
        display: table-cell;
		text-decoration: none;
		color: white;
        font-weight: bold;
		cursor: pointer;
        background-color: #0e4097;
        padding: 5px 5px 0px 5px;
        vertical-align: middle;
    }

    a.sideBarLinkSelected:hover{
        color: white;
        text-decoration: none;
        cursor: default;
    }

    a.sideBarLink:hover{
        color: black;
        text-decoration: none;
        cursor: default;
    }

    a.disabled {
        pointer-events: none;
        cursor: default;
    }

	/* Classes do CSS formulario - este CSS monta todos os forml das telas da interface */
			
	.mensagem {
		font-size: .9em;
		/*padding: 10px 5px 5px 5px;*/
		text-align: left;
	}
    .mensagem_erro {
		font-size: 1em;
		/*padding: 10px 5px 5px 5px;*/
		text-align: left;
        color: #090;
	}
	
	.mensagem_form {
		color: #004b82;
		font-size: .9em;
		/*padding: 10px 5px 15px 5px;*/
	}
	
	.mensagem_acertoForm {
		color: #090;
		font-size: .9em;
		padding: 5px;
		border: 1pt solid #090;
		width: 40%;
		margin: 0 auto;
		text-align: center;
		background: url(../img/acerto.png) no-repeat left;
	}
	
	.mensagem_erroForm {
		color: #F00;
		font-size: .9em;
		padding: 5px;
		border: 1pt solid #F00;
		width: 40%;
		margin: 0 auto;
		text-align: center;
		background: url(../img/erro.png) no-repeat left;
	}
	
	.divisor_total {
		padding: 5px;
		width: 100%;
		/*float: left; */
        color: black;
		/*color: #004b82;
		background-color: #bcd3f2;*/
        border-bottom: solid 1px gray;
		font-weight: bold;
		margin: 10px 0px 20px 0px;
	}
	
	.divisor_esquerdo {
		padding: 3px;
		width: 20%;
		float: left;
		color: #004b82;
		background-color: white;
		font-weight: bold;
		margin-top: 10px;
	}

	.divisor_direito {
        padding: 3px;
		color: #004b82;
		background-color: white;
		font-weight: bold;
		margin-top: 10px;
	}

    .item_lista_direito {
        margin-left: 35px;
        padding: 3px;
		color: #004b82;
		background-color: white;
		font-weight: bold;
		margin-top: 10px;
	}
	
	
	.bloco_esquerdo {
		text-align: left;
		background: #f9f9f9;
		width: 20%;
        height: 500px;
		padding-top: 15px;
		float: left;
	}
	
	.bloco_direito {
		float: left;
		width: 80%;
		padding-top: 15px;
	}
	
	.linha_form {
		margin-bottom: 5px;
	}
	
	.label_form {
		float: left;
		display: block;
		line-height: 1.5em;
		width: 39%;
		margin: 0px 5px 0px 10px;
		text-align: right;
		color: black
	}

    .label_form_campo_adicional {
		float: left;
		display: block;
		line-height: 1.5em;
		width: 29%;
		margin: 0px 5px 0px 10px;
		text-align: right;
		color: black;
        font-weight:bold;
	}

    .label_form_nofloat {
		line-height: 1.5em;
		width: 29%;
		margin: 0px 5px 0px 10px;
		text-align: right;
		color: black
	}

	.label_table {
		text-align: right;
		color: black
	}

    .td_label{
		text-align: right;
        color: black;
    }

    .td_campo{
        padding-left: 10px;
		text-align: left;
    }
	
	.controles {
		margin-left: 41%;
	}
	
	input[type='text'], input[type='password'], select {
		height: 19px;
		border: solid 1px gray;
		display: inline-block;
	}

    input:disabled
    {
        background-color: #e3e5e7;
        color: black;
    }
	
	textarea {
		border: solid 1px #183e8a;
		display: inline-block;
		height: auto;
		overflow: auto;
		vertical-align: top;
	}
	
	fieldset {
		border: solid 1px #183e8a;
		float: left;
		height: auto;
		margin-bottom: 5px;
		width: 50%;
		display: block;
		color: #00723A;
	}
	
	legend {
		color: #004b82;
	}
	
	.mensagem_erro {
		font-size: .8em;
		color: #F00;
		display: block;
	}
	
	.mensagem_acerto {
		font-size: .8em;
		display: block;
		color: #393;
		color: #004b82;
	}
	
	.icone_acerto {
		display: inline-block;
		background: url(../img/acerto.png) no-repeat;
		width: 20px;
	}
	
	.icone_erro {
		display: inline-block;
		background: url(../img/erro.png) no-repeat;
		width: 20px;
	}

    .boxCentral {
        width: 60%;
        text-align: center;
        border: solid 1px black;
        color: black;
        margin-left: 20%;
    }
    .modalBackground {
        background-color:Gray;
        filter:alpha(opacity=70);
        opacity:0.7;
    }

.linkSemEfeito a:visited{
    color: white;
    text-decoration: none;
}


#corpodividido {
    position: relative;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
}

#corpodividido_esq{
    float: left;
    width: 450px;
    height: 100%;
}

#corpodividido_dir {
    float: right;
    text-align: left; /*hack IE*/
    width: 450px;
    margin: 0 auto;
    position: relative;
}

    .input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

containerMaster {
    width: 960px;
}

#barra-brasil div {
	margin: 0px; padding: 0px; border: 0px currentColor; font-family: inherit; font-size: 100%; vertical-align: baseline;
}
#barra-brasil a {
	margin: 0px; padding: 0px; border: 0px currentColor; font-family: inherit; font-size: 100%; vertical-align: baseline;
}
#barra-brasil ul {
	margin: 0px; padding: 0px; border: 0px currentColor; font-family: inherit; font-size: 100%; vertical-align: baseline;
}
#barra-brasil li {
	margin: 0px; padding: 0px; border: 0px currentColor; font-family: inherit; font-size: 100%; vertical-align: baseline;
}
#barra-brasil ul {
	list-style: none;
}
#barra-brasil {
	background: rgb(241, 241, 241); height: 32px; line-height: 32px; font-family: "Open Sans",Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold;
}
#barra-brasil a {
	text-decoration: none;
}
div#wrapper-barra-brasil {
	margin: 0px auto; width: 100%; overflow: hidden; position: relative; max-width: 960px;
}
#barra-brasil .brasil-flag {
	padding: 7px 0px 6px; width: 115px; height: 19px; border-right-color: rgb(223, 223, 223); border-right-width: 2px; border-right-style: solid; float: left;
}
#barra-brasil .brasil-flag .link-barra {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAATCAIAAAABJ4pRAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABINJREFUeNqUVFtsFFUYPrfdmdnLbLe021baQqWUtdJKL5QiASPiNVqC0TYqUWLShJQmRH3RqPHFRKJvQqIPQNSAAcMDptGEiKjYpLZIkSqGXqjdFlppd3vb7c7Ozpxz/M+2wZD44snszOzJnP//vv///g9XnNiXtNISI1gYq4eUEu4CC7SyiLpJgtSOIJKg/1ySB3x+NmsvJLNpgVUwlAu08iIkzi2pUhHIAa/q1L9p7l6YWmmHEOSBWJD6LixwJ7DDAKR06c6imQOVYxoRyEV4BR3JBYfvqNqBtILrSGNEKgoCsVxWDMmxgAOADeDjQsP+oHbo1egk7B+Mju/vq7kwVYhohsAxoiogiIM5hBaSUIBFfS21WRcOSwUHOwgTqoJR+O0pv31u56XmUKrvt4o/RyNrjVRHw40iLdU9Hck4DPBQxOQKK/XQqQa7nGNb8UICSUoE4y4rCyweqh164b7Jk12N737x2NjtfMAeCDit268e7jj7yOqfX++p+ebvQk5coAB8BQIMroqaf7xt3p4TUATgxj0Y0wOVN96uHomE3I+Ob37zSJvUHURshjySIZ4JPLhp+IcPj3h1eSZ2zxu/R8cXDeThuSLJkGZSY/fGjGOrenG9xlz8vPnK/g0xEwprl52PH9ryUGRLk1lfXWqGCcE0lUqOjxeHVy01141V+5Mvlk+lOLmcAOwC6OpMo8FnqlOCh2j2taqRE1sHKk2LuFJq6NveumNd9f0Dt2IjC1aGVKwzdz1cUryaxSasW9Oo/dFfoaEB6jxdOl2Xt3BtwYw7Xh/VmQNNcNHj5fH3N40CQgnNAAUQMjgh+y/dpIblN9j14fHuHqEFvPUP5L3Svp4mHNtGmgbaVF1oWZNIi8GXextALUpEhLqnJ0o3f9fcEw9iD3RFCaUiMmvmG/lhI50VBQX6ujX5ju3+dHHm1Mmb9dGsxyRKSwylHNLRt2HvL42O4C5IhsLsgEII74+Hd1zY+s5AdMklguMnmkaLwn9RGgr7dSfLk5ZreGhJUdD0+oz0ZxSOMNQ1VdB4fscnw5VCiOUBpb7d91vcklBJJpDwXpwOn50qKdXs2tLZpoqJU99XxVPBbMayXRnOK/Dp5p5tZzpbu0cT+sErG9/6o2rW9iLKQbOget2jQbgay3UIJrlhlJSK6Yz3dKx4dD74Ut3Ivu2X5xe8CSvopdm1kdh7e7/sfO7Ho4PlrT0NvTMhTISaaRhUoImITr244Njz8WwSVKOMhBI1hdIBMQuXlARShxuvPbt+3k0gx9GMsDVp0c7emq8nSiSFjzkVlCuKfHl+Q0aQai21Gb4E7SA59wDWGLLBg+Kk6/lqrKw/4dtWOLfKn/74+r2t3fVX5/IwcyExIBAKFFWOhskyWVx4tG3GmUfKCFRbOHYBNjiC6hBkBTrQRl+mSLeHZkOYOXeMRxIFCb6SME5gYJiGvH7MPn0q5wBCgqkgF4xBEVfdhksTyMmNpFT/chJQJQbkgitE8o73gRe4HsRYe/RJy86IFYtU1pVzSqxC/J8F5fMz/z8CDAAkCSSg0qSX5AAAAABJRU5ErkJggg==") no-repeat 8px; width: 43px; text-transform: uppercase; line-height: 19px; padding-left: 42px; display: block;
}
#barra-brasil .acesso-info {
	left: 130px; position: absolute;
}
#barra-brasil .list {
	top: 0px; right: 0px; position: absolute;
}
#barra-brasil .list .first {
	border-left-color: rgb(223, 223, 223); border-left-width: 2px; border-left-style: solid;
}
#barra-brasil .list-item {
	padding: 0px 15px 0px 13px; height: 32px; border-right-color: rgb(223, 223, 223); border-right-width: 2px; border-right-style: solid; display: inline-block;
}
#barra-brasil .link-barra {
	color: rgb(96, 96, 96);
}
@media screen and (max-width:668px)
{
#barra-brasil .list {
	top: -100px;
}
}
@media screen and (min-width:960px) {
    #wrapper-barra-brasil {
        width: 960px;
    }
}
@media print {
    .noPrint {
        display:none !important;
    }
}

/*Fontes*/

@font-face {
	font-family: Open Sans;
	src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://barra.brasil.gov.br/static/opensans-bold.woff) format("woff");
	font-weight: 700;
	font-style: normal;
}

@font-face {
    font-family: "OpenSans-Bold";
    src: url("../fontes/OpenSans-Bold.ttf");
    
}

@font-face {
    font-family: "OpenSans-BoldItalic";
    src: url("../fontes/OpenSans-BoldItalic.ttf");
}

@font-face {
    font-family: "OpenSans-ExtraBold";
    src: local('OpenSans-ExtraBold'), url("../fontes/OpenSans-ExtraBold.ttf") format('truetype');
}

@font-face {
    font-family: "OpenSans-ExtraBoldItalic";
    src: url("../fontes/OpenSans-ExtraBoldItalic.ttf");
}

@font-face {
    font-family: "OpenSans-Italic";
    src: url("../fontes/OpenSans-Italic.ttf");
}

@font-face {
    font-family: "OpenSans-Light";
    src: url("../fontes/OpenSans-Light.ttf");
}

@font-face {
    font-family: "OpenSans-LightItalic";
    src: url("../fontes/OpenSans-LightItalic.ttf");
}

@font-face {
    font-family: "OpenSans-Regular";
    src: url("../fontes/OpenSans-Regular.ttf");
}

@font-face {
    font-family: "OpenSans-Semibold";
    src: url("../fontes/OpenSans-Semibold.ttf");
}

@font-face {
    font-family: "OpenSans-SemiboldItalic";
    src: url("../fontes/OpenSans-SemiboldItalic.ttf");
}

.DDTextBox {
		width: 300px;
	}

.mensagem_char_left {
		color: gray;
		font-size: .8em;
		padding: 2px;
		border: 1pt solid #f1f1f1;
		width: 90%;
		margin: 0 auto;
		text-align: right;
	}

.div_contador_caracteres{
       color: gray;        
       width: 600px;
       text-align: right;
       font-size: .8em;
	   padding: 2px;	   	   
	}

.TextoDestacado{
    color: #19479c;
    font-size: 16px;
    font-weight: bold;
}

.TextoExplicativo{
    color: #8e8c8d;
    font-size: 14px;
    text-align: left;
    font-weight: normal;
}

.RadioButtonDestacado{
    padding-left: 80px;
    position: relative;
    float: left;
}

.tituloWizard {
  font-size:22px;
  font-family:Calibri;
  color: #17479b;
  margin:0;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #efefef;
}

.subtituloWizard {
  font-size: 20px;
  font-family: Calibri;
  color: darkslateblue;
}
 .PanelCamposNovoLayout {
        clear: both;
        border: 1px solid #d5d2d2;
        background-color: #fefeee;
        width: 958px;
        overflow: visible;
        display: block;
        position: relative;
    }

    .BordaPanelNovoLayout {
        display: block;
        position: absolute;
        text-align: center;
        font: 0/0 a;
        height: 100%;
        background-image: url(../img/fundoBordaPanel.png);
        width: 80px;
    }

    .BordaPanelNovoLayout:before { /* create a full-height inline block pseudo=element */
        content: ' ';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }


    .CorpoPanelNovoLayout {
        position: relative;
        padding-left: 90px;
        height: 100%;
        width: 860px;
    }

    .BotaoManifestacao{
        border: 0px;
        color: #19479c;
        font-size: 13px;
        cursor: default;
        height: 20px;
        padding-left: 25px;
    }

    .BotaoManifestacao:hover{
        cursor: pointer;
    }

    .IconeBotaoLinks{
        background:url(../img/icone_anexar.png) no-repeat;
        background-color: transparent;
        background-size: 16px;
        background-position-y: center;
    }

    .IconeBotaoAdicionar{
        background:url(../img/icone_adicionar.png) no-repeat;
        background-color: transparent;
        background-size: 16px;
        background-position-y: center;
    }

    .PanelAzul {
        background-color: #124098;
        color: white;
    }

    .Width100PorCento {
        width: 100%;
    }

    .TextoCinza{
        color: #8e8c8d;
        /*font-size: 15px;*/
    }

    .BoxCabecalho {
        display: inline-block;
        margin-bottom: 0;
        margin-left: 0;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .placeholder
    {
      color: #aaa;
    }