﻿@charset "utf-8";
/* CSS Document */
/*=======================
	Projeto: Interface Padrão
	Versao: beta
	Autor: e.Mix
	Data: 19/11/2010
=========================*/
@import url("font-face.css");
@import url("icografia.css");

html, body { min-height: 100%; height: 100%; overflow:hidden; }
body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#393939;
	font-size:12px;
	margin:0;
	padding:0;
}
* html body { height: 100%; }

a:focus, object { outline: none; }
img {border:0; }
h1, h2, h3 {
	margin:0;
	margin:0;
}
a:hover { color: #b21c23; text-decoration: underline; }
.hide{ display:none!important; }
.bt-realizar-vinculo{
    margin-left: 10px;
    padding:3px 13px!important;
}

/******************************************
	CLASSES GENÉRICAS
******************************************/
.left { float: left !important; }
.right { float: right !important; }
.clear { clear: both; }
.nospace { margin: 0; padding: 0; }
.Mostra { display:block !important; }
.Esconde{ display:none !important; }
.formiguinha{ font-size:9px; color:#0a9231; font-weight:bold; padding-left:15px; }
.margens{ position:relative; width:96%; margin:15px auto; }
.margens-grid{ margin:0 5px; }
li{ list-style-image:url(../../img/bullet.png); list-style-position:outside; margin:0 0 0 15px; }

/******************************************
	ESTRUTURA PRINCIPAL
******************************************/
#global {
	position:absolute;	
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	overflow:hidden;
}
#menus{
	position:fixed;	
	width:245px;
	min-width:222px;
	height:100%;
	min-height:100%;
	margin:0 0 0 -222px;	
	top:0;
	left:0;
	z-index:99999;
}
	#menus .wrap{ 
		position:relative;
		float:left;
		width:222px; 
		margin:0;
		padding:0;
		height:100%;
		min-height:100%;
		border-right:5px solid #282828;
		filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;
	}
	#menus-content{
		position:relative;
		margin:0;
		padding:0;
		top:0;		
	}
#topo {
	position:absolute;
	clear:both;
	width:100%;
	min-width:100%;
	height:75px;
	min-height:75px;	
	top:5px;
	margin:0;
	padding:0;
	background-color:#fff;
	background-image:url(../../img/sombra.png);
	background-repeat:repeat-x;
	background-position:0 -8px;
}	
#barra-titulo {
	position:absolute;
	clear:both;
	width:100%;
	min-width:100%;
	height:45px;
	min-height:45px;
	top:80px;
	margin:0;	
	padding:0;
	background-color:#fff;
	background-image:url(../../img/degrade-barra-titulo.png);
	background-repeat:repeat;
	background-position:0 0;
	/*border-bottom:1px solid #696969;*/
}	
	#barra-titulo .wrap{ position:relative; width:99%; margin:0 0 0 auto; padding:0; }	
#conteudo {
	position:absolute;
	clear:both;
	width:100%;
	min-width:100%;
	top:125px;
	bottom:75px;
	margin:0;
	padding:0;
	background-attachment:fixed;
	overflow:auto;
}
	#conteudo .wrap {
		position:relative;
		margin:0;
		padding:0;
	}
#rodape{
	position:absolute;	
	clear:both;
	width:100%;
	min-width:100%;
	height:75px;
	min-height:75px;
	bottom:0;
	margin:0;
	padding:0;	
	background-repeat:repeat-x;
	background-position:center 18px;
	z-index:800;
}
	#rodape .wrap{ 
		position:absolute;
		top:0;
		left:0;
		width:100%;
		min-width:10%;
		margin:0 auto; 
		padding:0;
	}	

	#topo .wrap{ position:relative; width:96%; margin:0 auto 0 25px; padding:0; }	
	
	#rodape .linha{
		position:relative;
		float:left;
		width:100%;
		height:18px;
		margin:0;
		padding:0;
		background-color:#393939;
		text-indent:-99999px;
	}
	#rodape .copyright{
		position:fixed;
		bottom:7px;
		right:0;
		font-size:10px;
		color:#FFF;
		text-align:right;
		font-weight:bold;
		width:90%;
		padding:0 10px 0 0;
		bottom:5px;
	}
.carregando, .carregando-combo{
	background-image:url(../../img/carregando.gif);
	background-repeat:no-repeat;
	background-position:25px 50%;
	margin:0 0 0 15px;
	padding:10px 0 15px 70px !important;
	font-weight:bold;
}
#menus-content .carregando{
	float:left;
	width:152px;
	margin:20px 0 0 0;
	padding:20px 0 20px 70px !important;
	background-color:#FFF;
}
.carregandoP{
	float:left;
	width:16px;
	height:16px;
	margin:5px 5px 0 5px;
	background-image:url(../../img/carregandoP.gif);
	background-repeat:no-repeat;
	text-indent:-99999px;
}
.carregando-combo{
	display:block;
	margin:5px;
}
.carregando-combo-paginado{
	position:absolute;
	width:300px;	
	top:0;
	left:0;
	margin:0;
	padding:4px 0 4px 35px;
	background-image:url(../../img/carregandoP.gif);
	background-position:10px 50%;
	background-repeat:no-repeat;
	background-color:#fff;
	color:#000;
	opacity: 0.8; filter: alpha(opacity=80);
}
.widget .carregando{ margin:10px; }
/******************************************
	MENUS
******************************************/
#menusTree {
	position:relative;
	float:left;
	margin:20px 0 0;
	padding:0;
}
#menusTree li{
	padding:0;
	margin:0;
	list-style:none;
	list-style-image:none;
}
#menusTree a{
	float:left;
	font-family:MyriadWebRegular, Arial, Helvetica;	
	font-size:0.9em;
	line-height:1em;
	color:#FFF;
	font-weight:bold;	
}
	#menusTree a span{
		float:left;
		width:8px;
		height:8px;
		background-image:url(../../img/menu-tree.png);
		background-position:0 0;
		background-repeat:no-repeat;
		margin:2px 2px 0 0;
	}
.mn-nivel1 li a{	
	width:199px;
	margin:10px 0 2px 10px;
	padding:5px 0 5px 10px;
	background-image:url(../../img/menu-nivel1.png);
	background-position:0 0;
	background-repeat:no-repeat;	
	text-transform:uppercase;	
}
.mn-nivel2 li a{	
	width:170px;
	margin:0 0 2px 25px;
	padding:3px 0 3px 12px;
	background-image:none;
	text-transform:none;
}
.mn-nivel3 li a{	
	width:160px;
	margin:0 0 2px 35px;
	padding:3px 0 3px 10px;
	background-image:none;
}
.mn-nivel4 li a{	
	width:150px;
	margin:0 0 2px 45px;
	padding:3px 0 3px 10px;
	background-image:none;	
}
.mn-nivel3 a span{	background-image:url(../../img/menu-tree2.png) !important; }
.mn-nivel1 li a:hover, .mn-nivel2 li a:hover, .mn-nivel3 li a:hover, .mn-nivel4 li a:hover{ text-decoration:none; }	
.submenu{
	background-image:url(../../img/submenu.png) !important;
	background-position:right 0 !important;
	background-repeat:no-repeat !important;
}
.mn-options { display:none; }
.menu-aberto{ background-color:#000 !important; }

	.alca-menus{
		position:absolute;
		float:right;
		top:50%;
		right:-5px;
		width:23px;
		height:110px;
		background-image:url(../../img/alcas.png);
		background-position:0 -20px;
		background-repeat:no-repeat;
		text-indent:-99999px;
		z-index:9999;
	}
	.alca-menus span{
		float:left;
		display:block;
		width:100%;
		height:22px;
		margin:9px 0 0 0;
		background-image:url(../../img/setas.png);
		background-position:-1px -89px;
		background-repeat:no-repeat;
	}
	.alca-menus:hover span{ background-position:-32px -89px; }
	.mn-aberto span { background-position:-1px -62px; }
	.mn-aberto:hover span { background-position:-32px -62px; }
.btn-menus-up, .btn-menus-down{
	float:left;
	position:absolute;
	left:0;
	width:227px;
	height:20px;
	background-color:#393939;
	text-indent:-99999px;
	z-index:999;
}
	.btn-menus-up { top:0; }
	.btn-menus-down { bottom:0; }

	.btn-menus-up span, .btn-menus-down span{
		float:left;
		display:block;
		width:20px;
		height:20px;
		margin:0 0 0 88px;
		background-image:url(../../img/setas.png);		
		background-repeat:no-repeat;
	}
	.btn-menus-up span{	background-position:0 -33px; }
	.btn-menus-up:hover span{ background-position:-31px -33px; }
	
	.up-inativo span{	background-position:-63px -33px !important; }
	.up-inativo:hover span{ background-position:-63px -33px !important; }
	
	.btn-menus-down span{ background-position:0 -3px; }
	.btn-menus-down:hover span{ background-position:-31px -3px; }

	.down-inativo span{ background-position:-63px -3px !important; }
	.down-inativo:hover span{ background-position:-63px -3px !important; }
/******************************************
	ALÇAS
******************************************/
#alca-topo{
	position:absolute;
	width:100%;
	min-width:100%;
	height:5px;
	min-height:5px;
	margin:0;
	border-bottom:1px solid #FFF;
	z-index:9999;
}
	#alca-topo a{
		position:absolute;
		float:right;
		top:0;
		right:2%;
		width:37px;
		height:20px;
		background-image:url(../../img/alcas.png);
		background-position:0 0;
		background-repeat:no-repeat;
		text-indent:-99999px;
		z-index:999;
	}
	#alca-topo a span{
		float:left;
		display:block;
		width:100%;
		height:20px;
		margin:0;
		background-image:url(../../img/setas.png);
		background-position:7px -33px;
		background-repeat:no-repeat;
	}
	#alca-topo a:hover span{ background-position:-24px -33px; }
	#alca-topo a.fechado span { background-position:7px -3px; }
	#alca-topo a.fechado:hover span { background-position:-24px -3px; }
/******************************************
	TOPO
******************************************/
.box-topo{
	float:left;
	width:750px;
	height:75px;
	margin:0;
	background-image:url(../../img/box-topo.png);
	background-position:-7px 0;
	background-repeat:no-repeat;
}
.logo-cliente{
	float:left;
	width:330px;
	height:67px;
	text-align:center;
}
	.logo-cliente img{ margin:2px 0 0 0; height:58px !important }
.box-usuario{
	float:left;
	width:410px;
	height:67px;
	background-image:url(../../img/divisoria-vertical.png);
	background-position:left center;
	background-repeat:no-repeat;
}
.avatar{
	float:left;
	width:59px;
	height:59px;
	background-image:url(../../img/box-avatar.png);
	background-position:0 0;
	background-repeat:no-repeat;
	margin:2px 0 0 25px;
}
	.avatar img{
		float:left;
		width:46px;
		height:46px;
		border:1px solid #000;
		margin:6px 0 0 6px;
	}
		
.box-usuario .nome,
.box-usuario .email,
.box-usuario .log,
.boas-vindas{
	float:left;
	display:block;
	width:260px;
	height:auto;
	font-size:14px;
	margin:6px 0 0 6px;
}
	.box-usuario .nome{ font-weight:bold; }
	.box-usuario .log,
	.box-usuario .email{font-size:12px; margin:0 0 0 6px; }
	.boas-vindas { font-weight:bold; margin:20px 0 0 25px; }
.btn-logoff{
	clear:right;
	float:right;
	width:27px;
	height:26px;
	top:0;
	background-image:url(../../img/btn-logoff.png);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:-30px 4px 0 0;
}
	.btn-logoff:hover{ background-position:-27px 0; }

/******************************************
	TEMAS
******************************************/
#temas{
	position:relative;
	width:100%;
}
	#temas h2{
		display:block;
		color:#393939;
		padding:0;
	}
	#temas .ico-tema{
		float:left;
		width:35px;
		height:30px;
		margin:0;
		padding:0;
		background-image:url(../../img/icones.png);
		background-position:-6px -326px;
		background-repeat:no-repeat;
	}
	#temas a{
		float:left;
		width:235px;
		height:40px;
		text-indent:-99999px;
		border:3px solid #fff;
		margin:0 0 0 33px;
		background-position:center -8px;
	}
	#temas a:hover{ border:3px solid #c2c2c2; }
	#temas a.default span{
		float:left;
		position:relative;
		width:40px;
		height:40px;
	  	background-image:url(../../img/icones.png);
	  	background-position:0 -200px;
	  	background-repeat:no-repeat;
		margin:0 0 0 28px;
	}
	
/* Cores */
#temas a.default{ background-color:#00329a; background-image:url(../../img/rodape.png); }
#temas a.default:hover{ background-color:#00a3ec; }

#temas a.azul-escuro{ background-color:#0054b2; background-image:url(../../img/rodape-azul-escuro.png); }
#temas a.azul-escuro:hover{ background-color:#070047; }

#temas a.azul-claro{ background-color:#00d2f1; background-image:url(../../img/rodape-azul-claro.png); }
#temas a.azul-claro:hover{ background-color:#006b82; }

#temas a.verde-escuro{ background-color:#47bf22; background-image:url(../../img/rodape-verde-escuro.png); }
#temas a.verde-escuro:hover{ background-color:#105600; }

#temas a.verde-claro{ background-color:#a5d74d; background-image:url(../../img/rodape-verde-claro.png); }
#temas a.verde-claro:hover{ background-color:#426800; }

#temas a.amarelo{ background-color:#fffc00; background-image:url(../../img/rodape-amarelo.png); }
#temas a.amarelo:hover{ background-color:#6f5e00; }

#temas a.laranja{ background-color:#ff9600; background-image:url(../../img/rodape-laranja.png); }
#temas a.laranja:hover{ background-color:#ac4d00; }

#temas a.lilas{ background-color:#8b00ae; background-image:url(../../img/rodape-lilas.png); }
#temas a.lilas:hover{ background-color:#f43eff; }

#temas a.roxo{ background-color:#6300a9; background-image:url(../../img/rodape-roxo.png); }
#temas a.roxo:hover{ background-color:#c26aff; }

#temas a.vermelho{ background-color:#b21c23; background-image:url(../../img/rodape-vermelho.png); }
#temas a.vermelho:hover{ background-color:#ff4b4b; }

#temas a.rosa{ background-color:#6a2a5d; background-image:url(../../img/rodape-rosa.png); }
#temas a.rosa:hover{ background-color:#ff39fd; }

#temas a.cinza{ background-color:#696969; background-image:url(../../img/rodape-cinza.png); }
#temas a.cinza:hover{ background-color:#696969; }	
/* Fim Colors */

/******************************************
	IDIOMAS
******************************************/
#idiomas{
	position:relative;
	width:100%;
}
	#idiomas h2{
		display:block;
		color:#393939;
		padding:0;
	}
	#idiomas .ico-idioma{
		float:left;
		width:35px;
		height:30px;
		margin:0;
		padding:0;
		background-image:url(../../img/icones-idiomas.png);
		background-position:0 -5px;
		background-repeat:no-repeat;
	}
	.selo-idioma{
		float:right;
		width:35px;
		height:30px;
		margin:-5px 0 0 0;
		padding:0;
		background-image:url(../../img/icones-idiomas.png);
		background-repeat:no-repeat;
	}
	#idiomas a{
		float:left;
		clear:left;
		height:20px;
		margin:0 0 0 40px;
		padding:5px 0 5px 50px;
		background-image:url(../../img/icones-idiomas.png);	  
	  	background-repeat:no-repeat;
	}
	#idiomas a:hover{ color:#b21c23; }

/* idiomas */
.pt-brasil{ background-position:0 -45px; }
.ingles{ background-position:0 -85px; }

/******************************************
	BARRA DE TÍTULO
******************************************/
#barra-titulo h1{
	display:block;
	float:left;
	width:auto;
	font-family:MyriadCondensedWebRegular, Arial, Helvetica;
	font-size:24px;
	line-height:24px;
	color:#000;
	text-transform:uppercase;
	letter-spacing:-1px;
	background-image:url(../../img/ponta.png);
	background-position:0 0 !important;
	background-repeat:no-repeat;
	padding:11px 0 0;
}
#barra-titulo .icos{
	display:block;
	float:left;
	width:40px;
	height:40px;
	margin:2px 0 0;
	background-image:url(../../img/icones.png);	
	background-repeat:no-repeat;
	text-indent:-99999px;
}	
#acoes{
	position:relative;
	float:right;
	width:auto;
	right:15px;
	top:0;
	cursor:move;
	z-index:900;
	background-image:url(../../img/mover.png);
	background-position:0 0;
	background-repeat:repeat;
	padding-left:15px;
}
	#acoes ul{
		position:relative;
		display:block;
		margin:0;
		padding:0;
	}
	#acoes li{
		float:left;
		height:45px;
		background-image:url(../../img/btn-acoes.png);
		background-position:0 bottom;
		background-repeat:repeat;
		padding:0;
		margin:0;
		list-style:none;
	}
	#acoes li label{
		float:left;
		padding:12px 3px 0 0;
		font-weight:bold;
	}
	#acoes li a{
		float:left;
		font-family:MyriadWebBold, Arial, Helvetica;
		font-size:1em;
		line-height:30px;		
		color:#000;
		height:30px;
		border-left:1px solid #FFF;
		border-right:1px solid #393939;
		padding:3px 10px 3px 25px;
		margin:3px 0;
		background-image:url(../../img/icones-acoes.png);		
		background-repeat:no-repeat;
	}
	#acoes li a:hover{ text-decoration:none; color:#FFF; }
/******************************************
	HISTORICO ABAS
******************************************/
#historico-abas{
	display:none;
	position:absolute;
	width:360px;
	height:auto;
	bottom:18px;
	right:15px;
	background-image:url(../../img/degrade-funcoes.png);		
	background-repeat:repeat-x;
	background-position:0 0;
	border:2px solid #656565;
	background-color:#656565;
}
	.historico-abas-aberto{ background-color:#b21c23 !important; }
	.tb-abas tr:hover td{ background-color:#fff06e; }
	.tb-abas td{
		height:25px;
		padding:5px;
		text-indent:0;
	}
	.tb-abas .secao{ overflow:hidden; }
	.tb-abas .subsecao{ overflow:hidden; }
	.tb-abas .secao{ 
		background-color:#f6f6f6;
		text-align:right;
		font-weight:bold;
	}
	.tb-abas .subsecao a{
		display:block;
		overflow:hidden;
		width:245px;
		color:#000;
		font-weight:bold;
	}
/******************************************
	HISTORICO
******************************************/
#historico{
	display:none;
	position:absolute;
	width:360px;
	height:auto;
	bottom:18px;
	left:15px;
	background-image:url(../../img/degrade-funcoes.png);		
	background-repeat:repeat-x;
	background-position:0 0;
	border:2px solid #656565;
	background-color:#656565;
}
	.historico-aberto{ background-color:#b21c23 !important; }
	.tb-historico tr{ background-color:#ededed; }
	.tb-historico tr.zebra{ background-color:transparent; }
	.tb-historico tr:hover{ background-color:#fff06e; }
	.tb-historico td{
		height:25px;
		padding:5px;
		text-indent:0;
	}
	.tr-historico td{
		height:25px;
		padding:5px;
		background:#FFF;
		font-weight:bold;
		border-bottom:1px solid #656565;
	}
	.tr-rodape td{
		height:30px;
		padding:5px;
		font-weight:bold;
		border-top:1px solid #656565;
		background:#656565;		
	}
	.tr-rodape:hover, .tr-rodape:hover td{ background:#656565 !important; }
.list-hitorico li{
	font-size:1em;
	list-style-image:url(../../img/bullet-calendario.png);
	border-bottom:1px solid #e2e2e2;
	padding:0 5px 5px;
	margin:0 0 0 30px;
}
.list-hitorico li:hover{ background-color:#fff06e; }
/******************************************
	GRID
******************************************/
.tb-grid{
	clear:both;
	border-collapse:collapse;
	margin:5px 0 5px 0;
}
.tr-head{	
}
.tr-head td{
	color:#FFF !important;
	border:none !important;
	font-weight:bold;
}
.tb-grid tr{
	padding:7px;
}
.tb-grid td{
	vertical-align: middle;	
	padding:5px;
	font-size:1em;	
}
.tb-grid .zebra{
	background-image:url(../../img/degrade-barra-titulo.png);
}
.tb-acoes{ text-align:center; }
.tb-grid .alt{ background-color:#FFF; }
.btn-tab-acoes{
	position:relative;
	float:left;
	width:27px;
	height:28px;
	margin:0 5px 0 0;
	background-image:url(../../img/btn-tab-acoes.png);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-99999px;
}
.btn-tab-acoes:hover{ background-position:-27px 0; }
.btn-disabled{
	opacity:0.6!important;
	filter:alpha(opacity=60)!important;
}
.btn-disabled:hover{
	cursor:default!important;
	background-position:0 0!important;
}
.btn-tab-acoes span{
	position:relative;
	float:left;
	width:27px;
	height:28px;
	margin:0;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;	
	text-indent:-99999px;
}
.btn-tab-separador{
	position:relative;
	float:left;
	width:0;
	height:28px;
	border-left:1px solid #CCC;
	border-right:1px solid #d79c9c;
	margin:0 3px 0 0;
}
.lbl-tab-acoes{
    float:right;
    height:28px;
    line-height:28px;
    margin:0;
    padding:0 15px 0 5px;
}
/******************************************
	HOME
******************************************/
/* Columns section */
#columns .column {
    float: left;    	
	/* Min-height: */
	min-height: 400px;
	height: auto !important; 
	height: 400px;
}
#columns #column1{width: 50%;}
#columns #column2{width: 24%;}
#columns #column3{width: 24%;}

#columns #column1 .widget { margin: 15px; }
#columns #column3 .widget { margin: 15px; }
#columns .widget {
	list-style:none;
	list-style-image:none;
    margin: 15px 0 0;
    padding: 0;
	font-size:1em;
	background-color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#columns .widget .widget-head {
	position:relative;
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
	background-image:url(../../img/degrade-barra-titulo.png);
	background-repeat:repeat;
	background-position:0 0;
}
#columns .widget .widget-head h3 {
	font-family:MyriadWebRegular, Arial, Helvetica;
	font-size:1.2em;
    padding:0;
    float: left;
}
#columns .widget .widget-content {
	background-color:#FFF;
    padding: 0 5px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #e2e2e2;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li { padding: 3px 0;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* box edit */
.edit-box {
	-moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
	border-bottom:1px dotted #696969;
    background-attachment: scroll;
    background-color: #fff;
    background-image: url(../../img/sombra.png);
    background-position: 0 -9px;
    background-repeat: repeat-x;   
	overflow:hidden;
	margin:0 0 2px;
	padding:10px 0 0;
}
.edit-box li.item {
    clear: both;
    float: left;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    width: 100%;
}
.edit-box label {
    float: left;
	padding:0 10px 0 0;
    width: 100%;
	font-weight:bold;
	text-align:left;
}
.edit-box ul.colors{
	padding-right:15px;
}
.edit-box ul.colors li {
	border:3px solid #EEEEEE;
    cursor: pointer;
    display: inline;
    float: left;
    height: 15px;
	margin:0;
    width: 15px;
}
	.edit-box ul.colors li:hover{ border:3px solid #c2c2c2; }
.widget-head a.collapse {
	background-image: url(../../img/icones-acoes.png);
    background-position:-6px -290px;
    background-repeat: no-repeat;
    display: inline;
    float: left;
    height: 18px;
	margin:5px;
    text-indent: -9999em;
    width: 24px;
}
	.widget-head a.collapse-fechado{ background-position:-6px -332px !important; }
.widget-head a.remove {
	position:absolute;
	right:0;
	top:0;
    background-image: url(../../img/icones-acoes.png);
    background-position:-6px -450px;
    background-repeat: no-repeat;
    display: inline;
    height: 18px;
	margin:5px;
    text-indent: -9999em;
    width: 24px;
}
.widget-head a.refresh {
	position:absolute;
	right:50px;
	top:0;
    background-image: url(../../img/icones-acoes.png);
    background-position:-6px -732px;
    background-repeat: no-repeat;
    display: inline;
    width: 24px;
    height: 18px;
	margin:5px;
    text-indent: -9999em;
}
.widget-head a.edit {
	position:absolute;
	right:25px;
	top:0;
    background-image: url(../../img/icones-acoes.png);
    background-position:-6px -171px;
    background-repeat: no-repeat;
    display: inline;
    height: 18px;
	margin:5px;
    text-indent: -9999em;
    width: 24px;
}
	.widget-head a.edit-fechado{ background-position:-6px -369px !important; }
/* Fim Columns section */

/* Cores */
.color-azulEscuro{ border:1px solid #0054b2; }
.color-azulClaro{ border:1px solid #00d2f1; }
.color-verdeEscuro{ border:1px solid #47bf22; }
.color-verdeClaro{ border:1px solid #a5d74d; }
.color-amarelo { border:1px solid #fffc00; }
.color-laranja{ border:1px solid #ff9600; }
.color-lilas{ border:1px solid #8b00ae; }
.color-roxo{ border:1px solid #6300a9; }
.color-vermelho{ border:1px solid #b21c23; }
.color-rosa{ border:1px solid #6a2a5d; }
.color-cinza{ border:1px solid #696969; }

.colors .color-azulEscuro, .color-azulEscuro .widget-head { background-color:#0054b2; }
.colors .color-azulClaro, .color-azulClaro .widget-head { background-color:#00d2f1; }
.colors .color-verdeEscuro, .color-verdeEscuro .widget-head { background-color:#47bf22; }
.colors .color-verdeClaro, .color-verdeClaro .widget-head { background-color:#a5d74d; }
.colors .color-amarelo, .color-amarelo .widget-head { background-color:#fffc00; }
.colors .color-laranja, .color-laranja .widget-head { background-color:#ff9600; }
.colors .color-lilas, .color-lilas .widget-head { background-color:#8b00ae; }
.colors .color-roxo, .color-roxo .widget-head { background-color:#6300a9; }
.colors .color-vermelho, .color-vermelho .widget-head { background-color:#b21c23; }
.colors .color-rosa, .color-rosa .widget-head { background-color:#6a2a5d; }
.colors .color-cinza, .color-cinza .widget-head { background-color:#696969; }

/* Fim Colors */
/******************************************
	WIDGET CONFIGURAÇÕES POPUP
******************************************/
#widGet-lista ul{
	margin:0;
	padding:0;
}
#widGet-lista li{
	float:left;
	margin:0;
	padding:2px 0 7px 0;
	list-style:none;	
	width:100%;
}
#widGet-painel li{
	float:left;
	width:90%;
	height:50px;
	margin:1px;
	padding:3px;
	list-style:none;
	background-color:#e2e2e2;
	text-align:center;
	cursor:pointer;
}
#widGet-painel li.regua{
	height:3px;
	background-color:#393939;
	text-indent:-99999px;
}
#widGet-painel li:hover{
	background-color:#b21c23;
	color:#FFF;
}
#widGet-painel .coluna1,
#widGet-painel .coluna2,
#widGet-painel .coluna3{
	float:left;
	width:33%;
	margin:0;
	padding:0;
}
/******************************************
	WIDGET BOAS VINDAS
******************************************/
#calendarioHome{ float:left; width:235px; margin:5px; }
.colunaBoasVindas{ margin:5px; }
.colunaBoasVindas p, .colunaBoasVindas ul{ padding-left:245px !important; }
/******************************************
	WIDGET RSS
******************************************/
.rssFeed { font-size: 90%; 	margin:0; padding:0 !important; }
.rssHeader { padding: 0.2em 0; font-size:1.2em; font-weight:bold; text-transform:uppercase; }
.rssBody { border-top: 1px dotted #393939; }
.rssBody ul, .rssRow{
	margin: 0;
	padding: 2px 0 2px 0 !important;
	list-style: none;
	list-style-image:none;
}
.rssRow { padding: 0.8em; border-bottom:1px solid #e2e2e2; }
.rssRow h4 { font-size: 1.1em; }
.rssRow div {
	font-size: 90%;
	margin: 0.2em 0 0.4em 0;
	text-decoration:underline;
}
.rssRow p{ border:none !important; }
.odd {  }
.even { }
.rssRow .rssMedia { padding: 0.5em; font-size: 1em; }
/******************************************
	WIDGET TWITTER
******************************************/
.tweet, .query {
	font-size: 0.9em;
	color: #000; 
}
	.tweet .tweet_list, .query .tweet_list {
		-webkit-border-radius:.5em;
		-moz-border-radius: .5em;
		border-radius: .5em;
		list-style-type: none;
		margin: 0;
		padding: 0 !important;
	}
    .tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
     	text-transform: uppercase; 
	}
    .tweet .tweet_list li, .query .tweet_list li {
    	overflow-y: auto;
    	overflow-x: hidden;
    	padding: .5em !important; 
		border-bottom:1px solid #e2e2e2;
		list-style-image:none !important;
		list-style:none !important;
	}
    .tweet .tweet_list li a, .query .tweet_list li a {
        color: #696969; 
	}    
    .tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
    	padding-right: .5em;
    	float: left;
		clear:left;
	}
    .tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
     	vertical-align: middle; 
	}
/******************************************
	WIDGET CALCULADORA
******************************************/
.calculadora{
	position:relative;
	width:192px;
	margin:9px auto 0;
}
	.calculadora .ekran{ width:172px; height:35px; }
	.calculadora .algarismos{ width:44px; margin-top:2px }
	.calculadora .algarismosDuplo{ width:93px; margin-top:2px }
/******************************************
	GUIA RÁPIDO
******************************************/
#divGuia ul{
	margin:0;
	padding:20px;
}
#divGuia li{
	position:relative;
	float:left;
	width:300px;
	height:155px;
	margin:0 0 12px 0;
	padding:0;
	list-style:none;
	background-color:#FFF;
	border:1px solid #FFF;
}
	#divGuia .btn-fechar-aba-guia{
		position:absolute;
		top:-14px;
		right:12px;
		width:16px;
		height:16px;
		background-image:url(../../img/btn-fechar.png);
		background-position:0 -1px;
		background-repeat:no-repeat;
		text-indent:-99999px;			
	}
		#divGuia .btn-fechar-aba-guia:hover{ background-position:0 -15px; }
	#divGuia .respiro{
		display:block;
		float:left;
		width:100%;
		height:0;
		text-indent:-99999px;
	}	
	#divGuia div{
		float:left;
		clear:both;
		width:261px;
		height:114px;
		padding:20px;
		margin:0;
		background-image:url(../../img/box-guia.png);
		background-position:-1px center;
		background-repeat:no-repeat;
	}
	#divGuia .ico{
		display:block;
		float:left;
		width:40px;
		height:40px;
		margin:2px 0 0;
		background-image:url(../../img/icones.png);	
		background-repeat:no-repeat;
		text-indent:-99999px;
	}
	#divGuia .rotulo{
		cursor:pointer;
		display:block;
		float:left;
		width:215px;
		height:58px;
		overflow:hidden;
		padding:10px 0 0 5px;
		font-family:MyriadWebBold, Arial, Helvetica;
		font-size:2em;
	}
	#divGuia .secao{
		display:block;
		clear:left;
		float:left;
		width:100%;
		margin:20px 0 0 0;
		padding:5px 0;
		font-family:MyriadWebBold, Arial, Helvetica;
		font-size:1.2em;
		border-top:1px solid #e2e2e2;
		border-bottom:1px solid #e2e2e2;
	}
/******************************************
	BOTOES
******************************************/
.btn-logoSis{
	float:right;
	width:181px;
	height:72px;
	background-image:url(../../img/logo-sis.png);
	background-position:center;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:3px 0 0 0;
}
.btn-logoEmix{
	background-image: url("../../img/logo-emix.png");
    background-position: right center;
    background-repeat: no-repeat;
    bottom: 30px;
    float: left;
    height: 97px;
    left: 0;
    margin: 0;
    position: absolute;
    text-indent: -99999px;
    width: 37%;
}
.btn-historico{
	position:relative;
	float:left;
	width:50px;
	height:35px;
	background-image:url(../../img/icones.png);
	background-position:6px -44px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	margin:0;
	background-color:#646464;
	z-index:10001;
}
.btn-tela-cheia{
	position:absolute;
	top:0;
	right:40px;
	margin:0;
	width:40px;
	height:35px;
	background-image:url(../../img/icones.png);
	background-position:0 -1123px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:#646464;
	z-index:8888;
}
.btn-list-abas{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	width:40px;
	height:35px;
	background-image:url(../../img/icones.png);
	background-position:0 -84px;
	background-repeat:no-repeat;
	text-indent:-99999px;
	background-color:#646464;
	z-index:8888;
}
.btn-anterior,.btn-proximo, .btn-anterior-inativo,.btn-proximo-inativo{
	float:right;
	width:30px;
	height:22px;
	margin:0;
	background-image:url(../../img/setas.png);	
	background-repeat:no-repeat;
	text-indent:-99999px;
	}
	.btn-anterior{ background-position:-1px -62px; }
	.btn-anterior:hover{ background-position:-32px -62px; }
	.btn-proximo{ background-position:-1px -89px; }
	.btn-proximo:hover{ background-position:-32px -89px; }
	
	.btn-anterior-inativo{ background-position:-63px -62px; }
	.btn-anterior-inativo:hover{ background-position:-63px -62px; }
	.btn-proximo-inativo{ background-position:-63px -89px; }
	.btn-proximo-inativo:hover{ background-position:-63px -89px; }
.btn-home{
	position:relative;
	float:left;
	width:80px;
	height:auto;
	margin:9px 0 0 0;
	overflow: hidden;
	white-space: nowrap;
	z-index:8888;
}
.home-ativo{ margin:0; }
	.btn-home .box{
		float:left;
		width:95%;
		height:33px;
		background-image:url(../../img/abas.png);
		background-position:left 0;
		background-repeat:no-repeat;
		border-left:2px solid #FFF;
		border-right:2px solid #FFF;
		border-bottom:2px solid #FFF;
	}
	.home-ativo .box{ background-color:#FFF !important; background-image:none !important; }
	.btn-home .ico{
		display:block;
		float:left;
		width:21px;
		height:21px;
		background-image:url(../../img/icones.png);
		background-position:-46px -134px;
		background-repeat:no-repeat;
		margin:5px 0 0 10px;
		text-indent:-99999px;
	}	
	.btn-home .rotulo{
		cursor:pointer;
		display:block;
		float:left;
		width:auto;
		margin:10px 0 0 0;
		font-family:MyriadWebBold, Arial, Helvetica;
		font-size:1em;
		line-height:14px;		
		color:#000;
	}		
		.btn-home:hover .rotulo{ color:#FFF; }
		.home-ativo:hover .rotulo{ color:#000; }
	.btn-home .ponta{
		display:block;
		float:right;
		width:10px;
		height:33px;
		background-image:url(../../img/abas.png);
		background-position:right 0;
		background-repeat:no-repeat;
		
	}
	.home-ativo .ponta{ background-image:none !important; }
	.btn-home .base-esq{
		clear:both;
		float:left;
		width:50%;
		height:11px;
		background-image:url(../../img/abas.png);
		background-position:left -52px;
		background-repeat:no-repeat;
	}
	.btn-home .base-dir{
		float:left;
		width:50%;
		height:11px;
		background-image:url(../../img/abas.png);
		background-position:right -52px;
		background-repeat:no-repeat;
	}
.btn-config{
	display:block;
	padding:0 0 2px 35px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0px -412px;
}
.btn-listar{
	display:block;
	padding:0 0 2px 35px;
	background-image:url(../../img/icones-acoes.png);
	background-repeat:no-repeat;
	background-position:0 -852px;
}
.ajuda{
	float:left;
	margin:0 7px 0 0;
	padding:0;
	width:25px;
	height:25px;
	background-image:url(../../img/icones.png);
	background-repeat:no-repeat;
	background-position:-42px -614px;
	text-indent:-99999px;
}
.btn-mais{
	font-family:MyriadCondensedWebRegular, Arial, Helvetica;
	font-size:1em;
	color:#fff;
}
.btn-mais:hover{ color:#b21c23; text-decoration:none; }

.btn-excluir{
	position:absolute;
	right:0;
	top:-20px;
	width:16px;
	height:16px;
	text-indent:-99999px;
	background:url(../../img/ico-adicionar.gif) no-repeat 0 -93px;
}	

/******************************************
	tipsy TollTip
******************************************/
.tipsy { padding: 5px; font-size: 11px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../../img/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*\
|		Modelo de Relatório  														|
\*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.colunasCampos{
	position:relative;
	display:block;
	float:left;
	overflow:auto;
}
.divTabBase{ display: none; }
.modeloColuna, .modeloCampo, .modeloCampo li ul{
	position:relative;
	display:block;
	margin:0;
	padding:0;
}
	.modeloColuna li{
		position:relative;
		float:left;
		width:377px;
		margin:0 5px 5px 0;
		padding:3px 0;
		border:1px solid #e2e2e2;
		background-color:#FFF;
		list-style:none;
	}
	.modeloColuna li.tracejado{
		border:1px dotted #e2e2e2;
		height:240px;
	}
	.modeloColuna a:hover{ text-decoration:underline; }
	.modeloColuna li p{
		clear:both;
		display:block;
		width:100%;
		height:40px;
		cursor:move;
	}
	.modeloColuna li .ico-mover{
		float:left;
		width:16px;
		text-indent:-99999px;
		margin:11px 0 0 4px;
	}
	
	.modeloCampo li{
		position:relative;
		float:left;
		width:367px;
		margin:0 0 3px 0;
		padding:5px;
		border-top:none;
		border-right:none;
		border-bottom:1px dotted #e2e2e2;
		border-left:none;
		background-color:#FFF;
	}
	.modeloCampo li:hover{ background-color:#e2e2e2;  }
	.modeloCampo li:hover p.mover-campo{ background-color:#393939; }
		.modeloCampo li ul li{
			border:none;
			margin:0;
			padding:0;
			height:auto;
		}
	.modeloCampo li.campo-label,
	.modeloCampo li.campo-txt,
	.modeloCampo li.campo-input,
	.modeloCampo li.campo-botao{
		background:none;
		float:none;
		clear:left;
		margin:7px 0;
	}	
	.modeloCampo li.campo-txt,
	.modeloCampo li.campo-input{
		margin-left:5px;
	}	
	.modeloCampo li.campo-input{ display:none; }
	.modeloCampo li.campo-input textarea,
	.modeloCampo li.campo-input input{ display:block; }
		
	.modeloCampo li a{ font-size:14px; cursor:pointer; text-decoration:none; }	
	.modeloCampo li.txtTabela a{ color:#0911BD !important; }
	.modeloCampo li.txtCampo a{ color:#2F8200 !important; }
	.modeloCampo li.txtCampoEsp a,
	.modeloCampo li.txtNomeCampo a{ color:#E67700 !important; }
	
	/*Resumo da Regra*/
	.quadroResumo{
        position: relative;    
    }
	.quadroResumoCab{
		position: relative;
		margin:0 0 10px 7px;
	}
    .quadroResumoCab ul{
        margin:0;
        padding:0;
    }
    .tblResumo{
        width: auto;
        border-collapse: separate;
        border-spacing: 0px;
    }
    .tblResumo td{
        min-width: 300px;
        width: 300px;
        height: 100px;
        margin: 10px 10px 0px 0px;
        vertical-align: top;
        padding: 1px;
        border:2px solid #e2e2e2;
    }

.tblResumo td .cabResumo{ background-color: #CCC; padding: 5px; }
.tblResumo td .cpoResumo{ padding: 5px; margin: 2px; border-bottom:1px dotted #e2e2e2; }
		
	/*Botoes*/
	.add-campoEsp, .add-campo, .add-coluna{
		font-weight:bold;
		background:url(../../img/icones-acoes.png) no-repeat;
		background-position:0 -91px;
	    display:inline;
    	float:left;
	    padding:2px 0 1px 35px;
    	text-decoration:none;
		margin-top:7px;
	}
	.add-coluna{ 
		float:left;
		margin:105px 0 0 105px;		
	}	
	.add-campo{
		float:left;
		margin:10px 0 0 5px;
	}
	.add-campoEsp{
		color:#008000 !important; 
		float:left;
		font-size:11px !important;
		margin-bottom:12px;
	}
	.add-campoEsp:hover, .add-campo:hover, .add-coluna:hover{ text-decoration:underline; }
	.del-campoEsp{
		background:url(../../img/ico-remover.gif) no-repeat 0 center;
	}
	p.mover-campo, p.mover-coluna{
		display:inline-block;
		height:15px !important;
		cursor:move;
		background-image:url(../../img/mover.png);
		background-position:0 0;
		background-repeat:repeat;
		text-indent:-99999px;		
	}
	p.mover-coluna{ background-color:#fff06e; }
	p.mover-campo{ background-color:#e2e2e2; }
	.removerCampo, .removerColuna{
		display:none;
		position:absolute;
		top:4px;
		right:4px;
		z-index:555;
		width:20px;
		height:20px;
		text-indent:-99999px;
		background:url(../../img/icones-acoes.png) no-repeat;
		background-position:-9px -132px;
		background-repeat:no-repeat;
	}
	.btnVoltarCampos{
		float:left;
		width:22px;
		height:22px;
		text-indent:-99999px;
		background:url(../../img/icones-acoes.png) no-repeat;
		background-position:-9px -888px;
		background-repeat:no-repeat;
		margin:0;
	}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*\
|		Filtros   																	|
\*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.filtros-container{
	position:relative;
	border:none;
	background:transparent;
	margin:0;
	padding:0;
}
	.filtros-container .br{ clear:both; }
.filtro{
	position:relative;
	float:left;
	clear:both;
	width:98%;
	margin:0 2px 5px 0;
	padding:7px;
	font-size:14px;
	line-height:18px;
}
	.filtro p{ 
		width:auto !important;
		margin:0;
		padding:4px 4px 4px 0;
		overflow:hidden; 
		font-size:14px;
		line-height:18px;
	}
	.filtro a{ text-decoration:none; }
	.filtro a:hover{ text-decoration:none; }
	.filtro select{ margin-left:7px !important; }
	.filtro label{ margin-left:7px !important; font-size:11px; }
	.filtro input{ margin-left:7px !important; height:auto !important; }
	.filtro span{ width:auto; }
	.filtro .tracejado{ width:auto; }
	.boxTabela{ margin:0 !important; }
 	.boxTabela, .boxCampo, .boxOperador, .boxValor{
		clear:left;
		position:static;
		width:98%;
		background-color:transparent;
		background-image:url(../../img/filtro-tree.png);
		background-repeat:no-repeat;
		background-position:0 0;
		border:none;
		padding:0;
		margin:0 0 0 40px;
	}
	.filtro .ponta{ background-position:0 -985px; }
	
	.boxTabela span, .boxCampo span, .boxOperador span, .boxValor span{
		/*position:relative;*/
		float:none;
		padding:4px;
	}
	.boxTabela span:hover, .boxCampo span:hover, .boxOperador span:hover, .boxValor span:hover{
		text-decoration:none;
	}
	.boxTabela p, .boxCampo p, .boxOperador p, .boxValor p{ padding:0 0 0 30px; }
	.boxTabela p:hover, .boxCampo p:hover, .boxOperador p:hover, .boxValor p:hover{
		background-image:url(../../img/ico-mover.png);
		background-repeat:no-repeat;
		background-position:24px center;
	}
	
	/*Box para Configurações*/
	.filtro .config{
		clear:left;
		display:none;
		padding:0;
		margin:0 0 5px 0;
		width:600px;
		height:auto;
		background-color:#FFF;
		border:1px solid;
		
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
		.filtro .config .box-campos{
			position:static;
			border:none;
			background:none;
			margin:0;
			padding:0;
		}
		.filtro .config .box-alerta, .filtro .config .box-alerta:hover{
			background-image:url(../../img/ico-atencao.gif);
			background-position:7px 0;
			background-repeat:no-repeat;
			padding:10px 0 16px 50px;
			font-weight:bold;
			margin:0;
		}
		.eou-config p{
			display:block;
			clear:both;
			font-size:10px;
			margin:0 !important;
			padding:0 !important;			
		}
		.filtro .config h2{			
			width:593px;
			padding:4px 0 4px 7px;
			margin:0 0 7px 0;
		}
		.modulo-config{		
			border-color:#a200d7;
		}
		.modulo-config h2{			
			color:#a200d7;
			border-bottom-color:#a200d7;
			background-color:#eebbff;
		}
		.tabela-config{
			border-color:#0911bd;
		}
		.tabela-config h2{
			color:#0911bd;
			border-bottom-color:#0911bd;
			background-color:#b2b5ff;
		}
		.campo-config{
			border-color:#2f8200;
		}
		.campo-config h2{
			color:#2f8200;
			border-bottom-color:#2f8200;
			background-color:#c8fea9;
		}
		.operador-config{
			border-color:#9b1600;
		}
		.operador-config h2{
			color:#9B1600;
			border-bottom-color:#9b1600;
			background-color:#d89d93;
		}
		.valor-config{
			border-color:#e67700;
		}
		.valor-config h2{
			color:#e67700;
			border-bottom-color:#e67700;
			background-color:#ffcb93;
		}
	
	.boxTabela a{ color:#0911bd !important; }
	.boxCampo a{ color:#2f8200 !important; }
	.boxOperador a{ color:#9b1600 !important; }
	.boxValor a{ color:#e67700 !important; }
	
	.boxTabela a:hover,
	.boxCampo a:hover,
	.boxOperador a:hover,
	.boxValor a:hover{ text-decoration:underline; }

	.filtro .excluir{
		display:none;
		width:16px;
		height:16px;
		text-indent:-99999px;
		background:url(../../img/ico-adicionar.gif) no-repeat 0 -93px;
		margin-right:3px;
	}	
	.filtro .add{
		display:inline-block;
		width:16px;
		height:16px;
		text-indent:-99999px;
		background-image:url(../../img/ico-adicionar.gif);		
		background-repeat:no-repeat;
	}
	.boxTabela .add{ background-position:0 -40px; }
	.boxCampo .add{ background-position:0 -5px; }
	.boxOperador .add{ background-position:0 -59px; }
	.boxValor .add{ background-position:0 -76px; }
	.filtro .fechar-filtro{
		position:absolute;
		top:2px;
		right:2px;
		z-index:555;
		width:16px;
		height:16px;
		text-indent:-99999px;
		background-image:url(../../img/ico-fechar.gif);
		background-position:0 0;
		background-repeat:no-repeat;
	}
	.add-valor-complementar{
		float:left;
		width:auto;
		clear:both;
		font-weight:bold;
		
	    display:inline;
    	float:left;
	    padding:0 0 0 20px;
    	text-decoration:none;					
		font-size:11px;
		margin:0 0 10px 7px;
		color:#739E13 !important; 
		background:url(../../img/ico-adicionar.gif) no-repeat 0 -76px;
	}	
	.del-valor-complementar{ background:url(../../img/ico-adicionar.gif) no-repeat 0 -93px; }
	.add-valor-complementar:hover{ text-decoration:underline; }
.complementoTipoValor li{ list-style-image:none; margin:0; padding:0; }
.frmFiltrosComplemento{ float:left; clear:left; width:100%; }
/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*\
|		Regras de Envio  														|
\*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.frmRegrasFiltros{
	margin:35px; 0 0 0;
	padding:0;
}
.frmRegrasFiltros li{
	list-style:none;
	margin:0;
	padding:0;
}
.txtFiltro, txtPeriodo{
	display:block;
	font-weight:bold;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*\
|	 Campos Especiais - Múltiplos												   |
\*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/* Lista de Campos permitidos */
.listaCpoMult li{
    background-image:url(../../img/ico-moveupdown.png);
    background-repeat:no-repeat;
    background-position:right 0;
    padding-right:25px;
    cursor:pointer;
}
.viewChkCpo{
    float:left;
    width:100%;
    height:auto;
    clear:both;
}

/*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*\
|	 Dicas
\*=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
.dicas{
	float:left;
	position:relative;
	width:100%;
	padding:0;
	margin:0;
}
	.dicas .ideia{
		float:left;
		width:90px;
		height:80px;
		background-image:url(../../img/dicas.png);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	.dicas .dica{
		font-size:14px;		
	}
/******************************************
	TELA DE BOAS-VINDAS
******************************************/
#tela-boas-vindas{
	position:absolute;	
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	z-index:999;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:right top;
}
	#tela-boas-vindas .col-esq{
		float: left;
		margin: 0;
		min-width: 40%;
		padding: 100px 0 0;
		width: 40%;
	}
	#tela-boas-vindas .col-dir{
		background-image: url("../../img/tarja-boas-vindas.png");
		background-position: left top;
		background-repeat: repeat-y;
		float: left;
		margin: 0;
		min-height: 100%;
		min-width: 56%;
		padding: 100px 0 20px 30px;
		width: 56%;
	}
	#tela-boas-vindas p{
		float:right;
		width:100%;
		font-family:MyriadWebRegular, Arial, Helvetica;	
		font-size:5em;
		line-height:1em;
		color:#FFF;
		text-align:right;
		font-weight:bold;
		margin:30px 30px 220px 0;
		padding:0;
	}
	#tela-boas-vindas span{
		display:block;
		width:100%;
		font-family:MyriadWebRegular, Arial, Helvetica;	
		font-size:2em;
		line-height:2em;
		color:#FFF;
		font-weight:bold;
		margin:0;
		padding:0;
	}
	#tela-boas-vindas li{
		list-style-image:none;
		font-family:MyriadWebRegular, Arial, Helvetica;	
		font-size:1.5em;
		line-height:2em;
		color:#FFF;
		font-weight:bold;
		margin:0 0 0 50px;
		padding:0;
	}
	#tela-boas-vindas .ico-ok{
		float:left;
		width:30px;
		height:30px;
		background-image:url(../../img/icones-acoes.png);
		background-position:-9px 0;
		background-repeat:no-repeat;
	}
	#tela-boas-vindas .ico-fila{
		float:left;
		width:30px;
		height:30px;
		background-image:url(../../img/carregandoP2.gif);
		background-position:0 7px;
		background-repeat:no-repeat;
	}
	#tela-boas-vindas .tarja-logos{
		width:100%;
		padding:10px 0;
		background-color:#FFF;
		border-bottom:2px solid #c9c9c9;
	}
	#tela-boas-vindas #imgLogoCliente{
		float:right;
		margin-top:7px;
	}
	#tela-boas-vindas .btn-logoSis{
		margin-right:30px;
	}
	#tela-boas-vindas .separador{
		float:right;
		width:25px;
		height:55px;
		margin:7px 0 0 25px;
		border-left:2px solid #9d9d9d;
	}