@charset "utf-8";

/*
CSS Componentes
Estilos de botões, inputs, forms, tables, icones e outros componentes do layout
*/

form input.txt {
	background:url(../img/fundo-campos-form.jpg) 0px 0px no-repeat;
	background-color:#FFF;
	font-size:0.8em;
	height:23px;
	margin:0 0.3em 0 0;
	padding:0 0.6em 0 0.6em;
}

form input.txt:focus {
	background:url(../img/fundo-campos-form.jpg) -800px 0px no-repeat;
}

html.ie8 form input.txt {
	line-height:1.7em;
}


/*
**********************************
Tooltip
*/

#tooltip-c {
	background-color:#0c5b74;
	padding:0.23em 0.41em 0.29em 0.41em;
	position:absolute;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

#tooltip-c h3, #tooltip-c div {
	color:#FFF;
	font-size:0.82em;
	font-weight:normal;
	margin:0px;
}
  
  
/*
**********************************
Loading
*/

.loading {
	background: #F5E893;
	border: 1px solid #D6972B;
	color: #000;
	height: auto;
	left: 50%;
	margin-left: -5%;
	padding: 1em 1em 1em 1em;
	position: fixed;
	text-align:center;
	top: 1em;
	width: 10%;
	z-index: 1000000;
	
	opacity: 0.95;
   -moz-opacity: 0.95;
   -khtml-opacity: 0.95;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
   filter: alpha(opacity=95);
   
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
	
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}

.loading:after {
	content: " Processando... ";
}

.loading-lista {
	background:url(../img/loading-paginacao.GIF) center center no-repeat;
	display:none;
	height:100px;
}


/*
**********************************
Ícones Glypho
*/

.ico-tbl {
	color: #666;
	font-size: 1.25em;
}

.ico-topo {
	color: #333;
	font-size: 1.75em;
	padding: 1px 2px 1px 2px;
	
	background: #E0E0E0;
	background: -moz-linear-gradient(top, transparent, rgba(220,220,220,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, transparent, color-stop(100%,rgba(220,220,220,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, transparent, rgba(220,220,220,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, transparent,rgba(220,220,220,1) 100%); /* Opera11.10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F3F3F3', endColorstr='#DCDCDC',GradientType=0); /* IE6-9 */
	background: linear-gradient(top, transparent,rgba(220,220,220,1) 100%); /* W3C */

	-moz-box-shadow: 1px 1px 1px #666;
	-webkit-box-shadow: 1px 1px 1px #666;
	box-shadow: 1px 1px 1px #666;
}


/*
**********************************
Botões
*/

.btn {
	background-color:#afae14;
	color:#FFF;
	font-size:0.8em;
	height:23px;
	padding:0 0.76em 0 0.76em;
	text-transform:uppercase;
}

.btn:hover {
	background-color:#cccb15;
}

.btn-m {
	color: #FFF;
	display: inline-block;
	font-size: 0.85em;
	font-weight: normal;
	height:auto;
	margin: 0;
    padding: 0.25em 1.0em 0.3em 1.0em;
    text-align: center;
	text-transform: uppercase;
	
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-g {
	color: #FFF;
	display: inline-block;
	font-weight: normal;
	height:auto;
	margin: 0;
    padding: 0.5em 1.25em;
    text-align: center;
	text-transform:uppercase;
	
	border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
}

.btn-m:hover, .btn-g:hover {
	color: #FFF;
	opacity: 0.90;
   -moz-opacity: 0.90;
   -khtml-opacity: 0.90;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   filter: alpha(opacity=90);
}

.btn-fwd:after {
	font-family: FontAwesome;
	font-size: 1.1em;
	content: " \f0da"	
}

.btn-act:after {
	font-family: FontAwesome;
	font-size: 1.1em;
	content: " \f0d7"	
}

.btn-cls:after {
	font-family: FontAwesome;
	font-size: 1.1em;
	content: " \f00d"	
}

.btn-verde {
	background-color: #76B344;
    background: -webkit-gradient(linear, left top, left bottom, from(#76B344), to(#5E9134));
    background: -webkit-linear-gradient(top, #76B344, #5E9134);
    background: -moz-linear-gradient(top, #76B344, #5E9134);
    background: -ms-linear-gradient(top, #76B344, #5E9134);
    background: -o-linear-gradient(top, #76B344, #5E9134);
    background: linear-gradient(top, #76B344, #5E9134);
	
    border: 1px solid #5A9123;
    border-bottom: 1px solid #639937;
    
	box-shadow: inset 0 1px 0 0 #8CB865;
    -webkit-box-shadow: 0 1px 0 0 #8CB865 inset ;
    -moz-box-shadow: 0 1px 0 0 #8CB865 inset;
    -ms-box-shadow: 0 1px 0 0 #8CB865 inset;
    -o-box-shadow: 0 1px 0 0 #8CB865 inset;
	
    text-shadow: 0 1px 0 #3F691D;
}

.btn-vermelho {
	background-color: #B03030;
    background: -webkit-gradient(linear, left top, left bottom, from(#B03030), to(#8F1E1E));
    background: -webkit-linear-gradient(top, #B03030, #8F1E1E);
    background: -moz-linear-gradient(top, #B03030, #8F1E1E);
    background: -ms-linear-gradient(top, #B03030, #8F1E1E);
    background: -o-linear-gradient(top, #B03030, #8F1E1E);
    background: linear-gradient(top, #B03030, #8F1E1E);
	
    border: 1px solid #8F1111;
    border-bottom: 1px solid #992C2C;
    
	box-shadow: inset 0 1px 0 0 #BF5656;
    -webkit-box-shadow: 0 1px 0 0 #BF5656 inset ;
    -moz-box-shadow: 0 1px 0 0 #BF5656 inset;
    -ms-box-shadow: 0 1px 0 0 #BF5656 inset;
    -o-box-shadow: 0 1px 0 0 #BF5656 inset;
	
    text-shadow: 0 1px 0 #661616;
}

.btn-azul {
	background-color: #4A6170;
    background: -webkit-gradient(linear, left top, left bottom, from(#4A6170), to(#263540));
    background: -webkit-linear-gradient(top, #4A6170, #263540);
    background: -moz-linear-gradient(top, #4A6170, #263540);
    background: -ms-linear-gradient(top, #4A6170, #263540);
    background: -o-linear-gradient(top, #4A6170, #263540);
    background: linear-gradient(top, #4A6170, #263540);
	
    border: 1px solid #263540;
    border-bottom: 1px solid #334652;
    
	box-shadow: inset 0 1px 0 0 #5E7787;
    -webkit-box-shadow: 0 1px 0 0 #5E7787 inset ;
    -moz-box-shadow: 0 1px 0 0 #5E7787 inset;
    -ms-box-shadow: 0 1px 0 0 #5E7787 inset;
    -o-box-shadow: 0 1px 0 0 #5E7787 inset;
	
    text-shadow: 0 1px 0 #161F26;
}

.btn-preto {
	background-color: #222A2E;
    background: -webkit-gradient(linear, left top, left bottom, from(#222A2E), to(#000000));
    background: -webkit-linear-gradient(top, #222A2E, #000000);
    background: -moz-linear-gradient(top, #222A2E, #000000);
    background: -ms-linear-gradient(top, #222A2E, #000000);
    background: -o-linear-gradient(top, #222A2E, #000000);
    background: linear-gradient(top, #222A2E, #000000);
	
    border: 1px solid #000000;
    border-bottom: 1px solid #0D1114;
    
	box-shadow: inset 0 1px 0 0 #343738;
    -webkit-box-shadow: 0 1px 0 0 #343738 inset ;
    -moz-box-shadow: 0 1px 0 0 #343738 inset;
    -ms-box-shadow: 0 1px 0 0 #343738 inset;
    -o-box-shadow: 0 1px 0 0 #343738 inset;
	
    text-shadow: 0 1px 0 #1B2124;
}

.btn-links {
	background-color:#afae14 !important;
	border:1px solid #afae14 !important;
	color:#FFF;
	display:inline-block;
	font-size:0.94em;
	margin:0 0.7em 0 0;
	padding:0.47em 0.58em 0.47em 0.58em;
	text-transform:uppercase;
}

.btn-links:hover {
	background-color:#cccb15 !important;
	border:1px solid #cccb15 !important;
	color:#FFF;
}

.btn-links.download {
	background:url(../img/ico-download-btn-links.png) left center no-repeat;
	padding-left:1.94em;
}



/*
**********************************
Formulários
*/

.frm-set {
	background: #0c5b74;
	border: 1px solid #0c5b74;
	display: block;
	margin: 0;
	padding: 1.5em 0 0.7em 1em;
}

.frm-set-bsc {
	padding: 0.5em 1em 1em 1em;
}

.frm-set-btn {
	background: #0c5b74;
	border: 1px solid #0c5b74;
	margin: 0 0 0 0;
	padding: 0 2.75em 1.7em 1em;
	text-align: right;
}

.frm-set-btn-bsc {
	padding: 0 0 0 0;
	text-align: left;
}

.frm-leg {
	background: #C7CFD4;
	border: 1px solid #C7CFD4;
	color: #000;
	margin: 0 0 1em 0;
	padding: 0.35em 1em 0.5em 1em;
}

.leg {
	color:#FFF;
	font-size:0.82em;
	margin:0 0 0.58em 8em;
}

.frm-lin {
	margin: 0.35em 0 0.88em 0;
	padding: 0;
}

.frm-lin:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;	
}

.frm-lbl {
	color: #FFF;
	display: block;
	float: left; 
	font-size:1em;
	margin-right: 2%;
	padding: 0;
	width: 15%;
	text-align: right;
}

.frm-lbl.cadastro {
	margin-right: 4%;
	width: 30.7%;
}

.frm-lbl.estado {
	margin-right: 4%;
	width: 14%;
}

.frm-lbl-bsc {
	font-size:0.82em;
	margin-bottom:0.29em;
	text-align: left;
}

.recaptcha {
	background-color:#FFF;
	float:left;
}

/*.frm-lbl:after {
	content: ":"
}*/

.frm-dado, .frm-info {
	display: inline-block;
	padding: 0.5em;
	margin: 0;	
}

.frm-txt, .frm-txt-area, .frm-slc, .frm-txt-lista, .frm-slc-pgn, .frm-overflow {
	background:url(../img/fundo-campos-form.jpg) 0px 0px no-repeat;
	background-color:#FFF;
	font-size:1em;
	height:23px;
	margin:0 0.3em 0 0;
	padding:0 0.6em 0 0.6em;
}

html.safari .frm-slc {
	line-height:1.17em;
}

.frm-txt:focus, .frm-txt-area:focus, .frm-slc:focus, .frm-txt-lista:focus, .frm-slc-pgn:focus, .frm-overflow:focus {
	background:url(../img/fundo-campos-form.jpg) -800px 0px no-repeat;
	background-color:#FFF;
}

html.ie8 .frm-txt, html.ie8.frm-txt-area {
	line-height:1.7em;
}

.frm-rdo, .frm-chk, .frm-chk-lista {
	margin: 0;
	padding: 0;
}

.frm-size-ppp {
	max-width: 5%;
	width:5%;	
}

.frm-size-pp {
	max-width: 11%;
	width:11%;	
}

.frm-size-ppm {
	max-width: 13%;
	width:13%;	
}

.frm-size-p {
	max-width: 163px;
	width:163px;	
}

.frm-size-pm {
	max-width: 20%;
	width:20%;		
}

.frm-size-pmm {
	max-width: 20%;
	width:20%;		
}

.frm-size-m {
	max-width: 40%;
	width:40%;	
}

.frm-size-mm {
	max-width: 49%;
	width:49%;	
}

.frm-size-mg {
	max-width: 56.9%;
	width:56.9%;	
}

.frm-size-mgm {
	max-width: 56.9%;
	width:56.9%;
}

.frm-size-g {
	max-width: 60%;
	width:60%;	
}

.frm-size-gmm {
	max-width: 71.6%;
	width:71.6%;	
}

html.safari .frm-size-gmm,
html.opera .frm-size-gmm {
	max-width: 72.3%;
	width:72.3%;	
}

.frm-size-gm {
	max-width: 75.9%;
	width:75.9%;	
}

.frm-size-gmg {
	max-width: 80%;
	width:80%;	
}

.frm-size-gmgg {
	max-width: 87.4%;
	width:87.4%;	
}

.frm-size-gg {
	max-width: 100%;
	width:100%;	
}

.frm-size-hei-pp {
	height: 3.5em;
	max-height: 3.5em;
}

.frm-size-hei-p {
	height: 5em;
	max-height: 5em;
}

.frm-size-hei-m {
	height: 10em;
	max-height: 10em;
}

.frm-size-hei-g {
	height: 20em;
	max-height: 20em;
}

.frm-size-hei-gg {
	height: 30em;
	max-height: 30em;
}

.placeholder  {
	color: #AAA;
}

::-webkit-input-placeholder  {
	color: #AAA;
}

:-moz-placeholder {
	color: #AAA;
}

:required:valid {
	border: 1px solid #76B344;
}


/*
Formulários - Subformulários (forms pequenos suspensos)
*/

.frm-peq .frm-set {
	margin: 0 0 0 0;
	padding: 1% 0 1% 0;
	width: 35% !important;
}

.frm-peq .frm-set-btn {
	border: 0;
	margin: 0 0 0 0;
	padding: 0 0 1% 31%;
	text-align: left;
}

.frm-peq .frm-lbl {
	padding: 0.25em;
	margin-right: 1%;
	width: 30%;
}

.frm-peq .frm-txt, .frm-peq .frm-txt-area, .frm-peq .frm-slc {
	padding: 0.25em;
}

.frm-peq .frm-size-p {
	max-width: 25%;
	width:25%;	
}

.frm-peq .frm-size-gg {
	max-width: 66%;
	width:66%;	
}


/*
**********************************
Overlay - Mensagem de erro.
*/

.ovr-erro {
	display: none;
}

.ovr-erro-fundo {
	background: url(../img/overlay-erro-fundo.png);
	position: fixed;
	height: 100%;
	left: 0;
	overflow: hidden;
	top: 0;
	width: 100%;
	z-index: 999998;
}

.ovr-erro-msg {
	background: #FFF;
	border: 1px solid #CCC;
	height: 30%;
	left: 50%;
	margin-left: -20%;
	margin-top: -10%;
	overflow: hidden;
	padding: 2em 2.5em;
	position: fixed;
	top: 50%;
	width: 40%;
	z-index: 999999;
   
	-moz-box-shadow: 2px 2px 2px #CCC;
	-webkit-box-shadow: 2px 2px 2px #CCC;
	box-shadow: 2px 2px 2px #CCC;
}

.ovr-erro-msg p {
	font-size: 1.1em;
}
	
.ovr-erro-msg .at {
	color: #B03030;
	font-size: 1.25em;
	margin-bottom: 0.5em !important;
}

.ovr-erro-ok {
	background: #F5E893;
	border: 1px solid #D6972B;
	color: #000;
	display: none;
	height: auto;
	left: 50%;
	margin-left: -15%;
	padding: 1em 1em 1em 1em;
	position: fixed;
	text-align:center;
	top: 5em;
	width: 30%;
	z-index: 1000000;
	
	opacity: 0.95;
   -moz-opacity: 0.95;
   -khtml-opacity: 0.95;
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
   filter: alpha(opacity=95);
   
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
	
	-moz-box-shadow: 1px 1px 1px #333;
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}

.ovr-erro-ok p {
	margin: 0;	
}	

/*
**********************************
Tabelas
*/

.tbl-lista {
	border-top: 1px solid #C7CFD4;
	border-right: 1px solid #C7CFD4;
}

.tbl-lista caption {
	padding: 0em 0 0.25em 0;
	text-align: left;
}

.tbl-lista th {
	background: #C7CFD4;
	border-left: 0.1em solid #C7CFD4;
	border-bottom: 0.1em solid #C7CFD4;
	font-weight: normal;
	padding: 0.75em;
	text-align: center;
}

.tbl-lista th.ord-off {
	color: #000000;
}

.tbl-lista td {
	border-left: 1px solid #C7CFD4;
	border-bottom: 1px solid #C7CFD4;
	padding: 0.5em;
}

.tbl-lista td span {
	color: #999;
}

.tbl-lista .reg {
	background: #FFF;
}

.tbl-lista .reg-checked {
	background: #F0F0F0;
}

.tbl-lista .reg:hover, .tbl-lista .reg-checked:hover {
	background: #F0F0F0;
	cursor: pointer;
}

.tbl-lista .pgn {
	background-color: #E6EAED;
}

.tbl-lista .ord-on {
	background-color: #A5B4BD;
	border: 1px solid #A5B4BD;
	color: #000000;
}

.tbl-lista .ord-on:hover, .tbl-lista .ord-off:hover {
	background-color: #A5B4BD;
	border: 1px solid #A5B4BD;
	color: #a70e13;
	cursor: pointer;
}


/* ********************************** */
/* DIVs Paginacao */

nav.paginacao {
	clear:both;
	margin:2.35em 0 0 0;
	padding:0px;
	text-align:left;
}

nav.paginacao div {
	color:#8c8c8c;
	font-size:0.82em;
	margin:0;
	padding:0.58em 0 0 0;
}

nav.paginacao div a {
	color:#8c8c8c;
	font-size:1em;
	margin:0 0.5em 0 0.5em;
}

nav.paginacao div a:hover {
	color:#bcbbbb;
}

nav.paginacao div a.pgn-ativa {
	background-color:#afae14;
	border:1px solid #afae14;
	color:#FFFFFF;
	font-size:1em;
	padding:0.1em 0.45em 0.1em 0.5em;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

nav.paginacao div a.pgn-ativa:hover {
	background-color:#78770d;
	border:1px solid #78770d;
}