@charset "utf-8";
/* CSS Document */
@import url('erro.css');
@import url('popup.css');

/*RESETANDO CSS*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, hr, form, label /*table, caption, tbody, tfoot, thead, tr, th, td*/
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
	/*background-color: #061837; /*pegando cor com o contéudo*/
	/*background:url('../img/background-html.png') repeat-x;*/
	background-color: #325989;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Geneva, sans-serif;
	line-height: 1;
	min-width: 1200px;
}


/*------------------------------------------------------------- elementos -------------------------------------------------------------------*/


.fleft { float:  left; }
.fright { float:  right; }



/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*clearfix*/


/*clear*/.clear { clear: both; }
.color1 { color: #172472 !important; }
.color2 { color: #CD0810 !important; }
.color3 { color: #A61313 !important; }
.color4 { color: #333 !important; }
.color5 { color: #007DB8 !important; }
.color6 { color: #007DB8 !important; } 
.color7 { color: #fff !important; }

.bold { font-weight: bold !important;}
.nobold { font-weight: none !important;}

.fleft { float: left; }
.right { float: right; }

.font08 { font-size: 08px !important; }
.font09 { font-size: 09px !important; }
.font10 { font-size: 10px !important; }
.font11 { font-size: 11px !important; }
.font12 { font-size: 12px !important; }
.font13 { font-size: 13px !important; }
.font14 { font-size: 14px !important; }
.font15 { font-size: 15px !important; }
.font16 { font-size: 16px !important; }

h2 {
	color: #fff;
	font-size: 13px;
	margin-left: 8px;
}


/*--------------------BOTOES-inicio----------------------------------*/

a.botao, a.link  { text-decoration: none; font-size: 12px; font-weight: bold; }
a.link { font-weight: normal !important; }
a:hover.link  { text-decoration: underline; }
a:hover.botao, a:hover.bots, input:hover.botao  { 
text-decoration: none; 
opacity:0.9;
-moz-opacity: 0.90;
filter: alpha(opacity=90);

}

/*botoes em formato de inputs-----------------*/
.bt_enviar, .bt_inscricao {
	background:url('../img/bt_enviar.png') no-repeat;
	display: block;
	width: 76px;
	height: 30px;
	border: 0;
	color: #fff;
	font-size: 13px !important;
	font-family: Arial;
	font-weight: bold;
	cursor: pointer;
}

.bt_inscricao {
	background:url('../img/bt_inscricao.png') no-repeat !important;
	width: 120px !important;	
}

.bt_imprimir {
	background:url('../img/bt_imprimir.png') no-repeat !important;
	padding: 2px 0 0 20px;
	color: #222;
	font-weight: bold;
	cursor: pointer;
	border: 0;	
}

.bt_ok {
	background:url('../img/bt_ok.png') no-repeat !important;
	color: #fff;
	font-weight: bold;
	border: 0;
	width: 33px; height: 29px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;	
}
/*botoes em formato de inputs-----------------*/

/*botoes em formato de links---------------------*/

.bt_voltar {
	padding: 2px 0 5px 20px;
	background:url('../img/bt_voltar.png') no-repeat;
	display: block;
	font-size: 14px !important;
	color: #0D6793;	
}

.bt_buscar {
	display:block;
	padding: 5px 9px 6px 9px;
	float: left;
    background:url('../img/bt_buscar.gif') no-repeat;
	color: #fff;
	margin-left: 8px;
}

.boxmaior a.click {

	background:url('../img/bt_click.gif') no-repeat left;
	color: #004B7D;
	padding: 2px 0 4px 15px;
	font-size: 13px;
	display: block;
}

.bt_processos_aberto {
	background:url('../img/bt_fechar.gif') no-repeat left;
	padding: 5px 0 5px 20px;
	margin-left: 8px; 
	color: #fff;
}

.bt_processos_fechado {
	background:url('../img/bt_abrir.gif') no-repeat left;
	color: #fff;
}

.bt_comprovante, .bt_boleto, .bt_confirmar {
	background:url('../img/bt_comprovante.png') no-repeat;
	color: #fff;
	padding: 9px 20px;
	display: block;
	font-size: 12px;
	float: right !important;
	cursor: pointer;	
}

.bt_boleto {
	background:url('../img/bt_boleto.png') no-repeat !important;
	padding: 9px 25px !important;
	float: left !important;
}

.bt_confirmar {
	background:url('../img/bt_confirmar.png') no-repeat !important;
	padding: 9px 28px !important;
	float: right !important;	
}

.boxabas a.bt_aba_maior {
	background:url('../img/bt_abas_maior.png') no-repeat !important;
	width: 183px !important;
}

/*botoes em formato de links---------------------*/



/*botoes/menu principais das abas----------------------------------------------------------------------*/

.boxabas a.active, .boxabas a.cancel {
    background: url('../img/bt_abas.png') no-repeat;
	text-align: center;
	width: 136px;
	display: block;
	float: left;
	padding: 8px 0;
	margin-top: 5px;
}

.boxabas a.cancel { background: url('../img/bt_abas_cancelar.png') no-repeat; }
.boxabas a.bots { text-decoration: none; color: #fff; font-size: 13px; }

.boxabas .mess { background: url('../img/mess.png') no-repeat; width: 205px; padding: 17px 0; text-align: center; font-size: 16px; color: #D90000; font-weight: bold; display: block; float: left; margin-left: 25px; margin-top: 20px; }

/*.boxabas a.bots {
	background: url('../img/bg_bots.png') repeat-x;
	border: 1px solid #C3C4BA;
	flaot: left;
	padding: 5px 5px 5px 7px;
	font-size: 13px;
	text-decoration: none;
	color: #333;
}*/

/*.boxabas a.active span {
    background: url('../img/icon_aprov.png') no-repeat;
	line-height: 17px;
	padding-left: 20px;
}

.boxabas a.revalid span {
    background: url('../img/icon_revalid2.png') no-repeat;
	padding-left: 20px;
}

.boxabas a.cancel span {
    background: url('../img/icon_cancel.png') no-repeat;
	padding-left: 20px;
}

a.bots:hover 
{
  background-color: #eee;
  border: 1px solid #818171;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);	
}*/
/*botoes/menu principais das abas----------------------------------------------------------------------*/

/*---------------------BOTOES-fim------------------------------------*/


input[type=text], input[type=file]:focus,
select, textarea
{
	border:1px solid #bbb;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: pointer;
}
input[type=text]:focus, input[type=file]:focus,
select:focus, textarea:focus

{
	background:#FFFDDF;
}


/*------------------------------------------------------------- elementos -------------------------------------------------------------------*/



/*------------------------------------------------------------- INICIO SELECAO -------------------------------------------------------------------*/


/*geral*/

#geral {
	margin: 0 auto;
	height: auto;
	background:url('../img/background-html.png') top repeat-x;
}

.corpo {

	width: 1024px;
	margin: 0 auto;
	/*border: 1px solid #fff;*/

}

.logomarca {
	
	padding: 0 8px 8px 8px;
	margin-left: 2px;
	margin-bottom: 20px;

}	

.ladodireito { 
	width: 220px;
	padding-top: 10px; 
}

.ladodireito .info {
	border-top: 1px solid #fff;
	padding: 10px;
	margin-top: 20px;
	color: #fff;
}
.ladodireito .info p { margin-bottom: 10px; }

.ladoesquerdo { 
	width: 700px;
	min-height: 870px !important; 
	background-color: #F9F9F9 !important; 
	/*background-color: #F0F0F0 !important;*/
	padding: 25px 20px 25px 40px; 
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	/*height: 100%;*/
}
/*geral*/


/*MENU*/

.menu { 
margin-top: 30px;
}

ul#nav  
{
    float: right;
    margin: 10px 0 0 0;
    /*border: 1px solid #fff;*/
}

ul#nav li 
{
    list-style: none;
    margin-bottom: 8px;
    text-align: right;
}

ul#nav li a 
{
    display: block;
    padding: 9px 0 9px 0;
    color: #fff;
    width: 214px;
    background: url('../img/bg_menu.png') no-repeat;
    font-size: 1.0em;
    text-decoration: none;
}

ul#nav li a span {
	padding-right: 8px;
}

ul#nav li a:hover 
{
    /*text-decoration: underline;*/
    background: url('../img/bg_menu_hover.png') no-repeat;
    color: #111;
    
}

ul#nav li a.ativo 
{
    /*text-decoration: underline;*/
    background: url('../img/bg_menu_hover.png') no-repeat;
    color: #111;
}
/*MENU*/


/*MENU2*/

.radius {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #E8F4FF;
	margin-top: 5px;
}

.multi {
	margin-top: 5px;
	padding-top: 5px;
}

.multi .menu2 {
	margin-right: 15px;
	margin-top: 0 !important;
	
}

ul#nav2  
{
    float: right;
    margin: 5px 0 0 0;
	width: 100%;
	
}

ul#nav2 li 
{
    
    list-style: none;
    margin-bottom: 8px;
    text-align: right;
    
}

ul#nav2 li a 
{
    display: block;
    padding: 8px 0 8px 0;
    color: #007DB8;
    font-size: 1.0em;
    text-decoration: none;
}

ul#nav2 li a span {
	padding-right: 8px;
}

ul#nav2 li a:hover 
{
    /*text-decoration: underline;*/
    /*background: url('../img/bg_menu_hover.png') no-repeat;*/
	background-color: #06C;
	/*background-color: #325989;*/
	width: 100%;
	color: #fff;
    
}

ul#nav2 li a.ativo 
{
    /*text-decoration: underline;*/
    background-color: #06C;
    color: #fff;
}

/*MENU2*/


/*CONTEUDO*/


.main {
	width: auto;
	margin-top: 20px;
	min-height: 750px;
	/*border: 1px solid #000;*/
}

/*titulo topo*/
.ladoesquerdo .tituloprincipal {
	font-size: 15px; 
	color: #333;
	font-weight: bold !important;
	padding: 0 5px 15px 0;
	background:url('../img/slice_titulo.png') no-repeat left bottom;
}

.ladoesquerdo .tituloprincipal span { 
	font-size: 28px; 
}

.ladoesquerdo .tituloprincipal p {
	font-size: 12px;
	line-height: 5px;
}

/*titulo topo*/


/*--------------------------------------------BOXES--------------------------------------------------*/

.boxmaior {
	width: 680px;
	/*height: 604px;*/
}

.boxmenor {
	width: 680px;
}

.boxpequeno {
	width: 449px;
}

/*boxabas------------------------*/

.boxabas {
	width: 680px;
	margin: 15px 0 15px 0 !important;
	/*border: 1px solid #B4B4B4;*/
	/*margin: 5px;*/
}

/*borda e cor azul de fundo do boxabas*/
.boxabas .bord {
	border: 1px solid #B4B4B4;
	padding: 5px;
	/*padding: 10px 25px;*/
}

.boxabas .cont {
	padding: 15px 25px;
	background-color: #DEF0FF !important;
}

.boxabas .cont span.titulo {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
}

.boxabas .cont table {
	margin-top: 10px;
}

.boxabas .cont table tr td {
	padding: 3px;
}

.boxabas .inform {
	margin-top: 3px; padding: 7px;
}

.boxabas .inform table {
	padding: 2px 7px 7px 7px;
}

.boxabas .inform table tr td {
	font-size: 12px;
	text-align: left;
}

.boxabas .inform .titulo {
	padding: 8px;
	background-color:#666;
	color: #fff;
	font-size: 12px; font-weight: bold;
}


/*menu acima em abas*/

ol, ul {
none outside none;
}

.boxabas ul {
	position: relative; 
	top: 0px;
	/*left: -31px;
	/*border: 1px solid #000;*/
}

.boxabas ul li {
	list-style: none;
	float: left;
}

.boxabas ul li a {
	text-decoration: none;
	border-top: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
    border-right: 1px solid #B4B4B4;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	background:url('../img/bg_menuabas.png') repeat-x top;
	color: #000;
	font-size: 13px;
	font-weight: bold;
	padding: 7px 15px 5px 15px;
	margin-right: 5px;
	color: #AAAAAA !important;
	display: block;
	position: relative;
	
}

.boxabas ul li a.ativo {
	color: #000 !important;
	top: 1px !important;
}

.boxabas ul li a:hover {
	color: #000 !important;
}

/*formulario ao lado com botões nas abas*/
.boxabas .formfloat {
	padding: 8px;
	border: 1px solid #BBE0FF;
	background-color: #fff;
	float: right;
}

/*boxabas-----------------------*/


.boxmaior .cont, .boxmenor .cont, .boxpequeno .cont {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}

.cont .scroll {
	/*overflow-y: scroll;
	height: 487px;*/
	padding: 3px 8px 8px 8px; 
}

.cont .scroll p {
	line-height: 25px;
}

.cont .scroll div {
	padding: 10px 0 10px 0;
	border-bottom: 1px solid #B9B9B9;
}

.boxmaior .titulomaior, .boxmenor .titulomaior, .boxpequeno .titulopequeno {
	background:url('../img/bg_boxtitulo_grande.png') no-repeat;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	color: #333;
	padding: 10px 10px 12px 10px;
}

.boxmaior p.destaque span {
	font-size: 20px !important;
}

/*subtitulo-----*/
.boxmaior p.subtitulo {
	font-size: 15px;
	margin-top: -5px;
	margin-bottom: 3px;
	color: #006DAD !important;
}
/*subtitulo-----*/

.boxmenor .titulomenor {
	background:url('../img/bg_boxtitulo_menor.png') no-repeat !important;
}

.boxpequeno .titulopequeno {
	background:url('../img/bg_boxtitulo_pequeno.png') no-repeat !important;	
}

.titulored {
	background:url('../img/bg_titulored.gif') repeat-x;
	color: #fff;
	width: auto;
	padding: 10px;
	font-size: 12px;
	font-weight:  bold;
	margin-top: 1px;
}

.cont .paginate {
	background-color: #DEF0FF;
	padding: 8px 110px;
}

/*boxmenor--------------------------------------------------------------------*/


.boxmenor .cont, .boxpequeno .cont {
	padding: 2px !important;
}

.boxmenor .obs, .boxmenor .obs2 {
	background-color: #DEF0FF;
	font-size: 13px; color: #333;
	padding: 10px;
	margin-bottom: 2px;
}

.boxmenor .obs2 {
	background:url('../img/bg_status1.png') repeat-x;
	color: #fff !important;
}

/*formulario*/
.boxmenor form h3, .boxpequeno form h3, .boxmenor h3 {
	background:url('../img/bg_titulo_form.png') repeat-x;
	padding: 9px 10px;
	text-align: center;
	color: #fff;
	font-size: 17px; font-weight: bold;
}

.boxmenor form table, .boxpequeno form table, .boxmenor table {
	margin: 5px 0;
}

.boxmenor form table tr td, .boxpequeno form table tr td, .boxmenor table tr td {
	padding: 4px;
	color: #000;
	font-size: 14px;	
}

.boxmenor form select, .boxmenor select {
	padding: 1px !important;
}

.boxmenor table tr td .status {
	background-color: #666; 
	margin: 4px; 
	padding: 5px;
	color: #fff !important;
	font-size: 13px;
}

/*formulario*/

/*boxmenor--------------------------------------------------------------------*/

/*boxpequeno-------------------------------------------------------------------------*/

.boxpequeno form {
	background-color: #DEF0FF;
	padding: 10px 0;
}

.boxpequeno form p {
	color: #333;
	font-size: 13px;
	font-weight: bold;
}

.boxpequeno form textarea {
	border: 1px solid #BBE0FF;
	margin: 10px 0;	
	width: 100%;
	height: 90px;
}

/*boxpequeno-------------------------------------------------------------------------*/


/*sem paginação por enquanto*/
.paginate .fleft, .paginate .fright {
	display: none !important;
}
/*sem paginação por enquanto*/

.paginate .pag a {
	background:url('../img/bt_paginate.png') no-repeat;
	width: 21px; height: 20px;
	float: left; display: block;
	margin: 0 4px 0 4px;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight:  bold;
	padding-top: 3px;
	text-decoration: none;
}

.paginate .pag a:hover {
	background:url('../img/bt_paginate_hover.png') no-repeat;
	color: #333;
}

.obg { color: #FF4D4D !important; font-size: 11px !important; }

/*--------------------------------------------BOXES--------------------------------------------------*/


/*FOOTER*/
.footer {
	background-color: #CFCFCF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin: 30px 0 0px 0;
	padding:  7px 10px 7px 10px;
	/*position: relative;
	top: 50px;*/
}

.footer h2 {
	background:url('../img/icon_unebfooter.png') no-repeat left;
	font-size: 11px;
	color: #222;
	padding: 10px 0 10px 50px;
}

/*FOOTER*/

/*CONTEUDO*/




/*------------------------------------------------------------- INICIO SELECAO -------------------------------------------------------------------*/
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
	visibility: hidden;
	/*width: 120px;*/
	width: 210px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	/*padding: 5px 0;*/
	padding: 7px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	/*left: 50%;*/
	left: 0;
	/*margin-left: -60px;*/
	margin-left: -97px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}