﻿@charset "utf-8";
/*
*	CSS Document
*	Designer de Interface: BizS (www.bizs.com.br)
*/

* { border:0; padding:0; margin:0; text-indent:0; list-style:none; text-decoration:none}
html, body { width:100%; min-height:100%}
body { font-size:12px; font-family:Arial,sans-serif; color:#666; background:#4f9fe8 url('../../Imagens/bg_body.gif') repeat-x top;}
h1, h2 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
h3, h4, h5, h6 { font-family:"Arial", Helvetica, sans-serif; }
a { color:#666}

html {
 overflow: -moz-scrollbars-vertical;
} 

.WorkFlowPendente    { color: Gray;  font-size: 10px; }
.WorkFlowEmAndamento { color: Blue;  font-size: 10px; }
.WorkFlowCompleto    { color: Green; font-size: 10px; }
.WorkFlowEncerrado   { color: Red;   font-size: 10px; }


/* Estrutura */
.wrap { width:95%; background:#fff; padding:0 10px 0 10px; margin:0 auto; }

.floatLeft { float:left; }
.floatRight { float:right; }



/* Elementos (Titulos/Paragrafos/Links/Listagens)*/
h1 { font-size:24px; margin:10px 0 10px 10px; font-weight:bold; color:#2E6E9E; }
h2 { font-size:18px; font-weight:bold; color:#2E6E9E; }
h3 { font-size:16px; padding:12px 0 10px 10px; font-weight:bold; color:#2E6E9E; }
.content p { line-height:17px; }
/*.content a { color:#666; }*/
.content a:hover { text-decoration:underline; }
/*----*/




/********************** HEADER **********************/
/*****************************************************/
.header { width:100%; min-height:50px; position:relative; padding-bottom:10px; }
.header .logomarca a { position:absolute; z-index:9; text-indent:-9999px; background:url('../../Imagens/logomarca.gif') no-repeat; width:133px; height:82px; display:block; overflow:hidden; margin-left:20px; top:10px; }
.header .blocoUsuarioHeader { float:right; width:260px; height:18px; margin-right:30px; }
.header .blocoUsuarioHeader .blocoUsuarioLogado { background:url('../../Imagens/bg_usuarioLogado.png') top no-repeat; width:260px; min-height:18px; padding:20px 20px 0 20px; clear:both; overflow:hidden; }
.header .blocoUsuarioHeader .blocoUsuarioLogado .olaUsuario { padding:0 0 5px 0; }
.header .blocoUsuarioHeader .blocoUsuarioLogado ul { border-top:1px solid #fff; width:100%; padding:10px 0 5px 0; }
.header .blocoUsuarioHeader .blocoUsuarioLogado ul li { font-size:10px; float:left; margin:0 10px; }
.header .blocoUsuarioHeader .blocoUsuarioLogadoBottom { background:url('../../Imagens/bg_usuarioLogadoBottom.png') bottom no-repeat; width:260px; height:10px; padding:0 20px 10px 20px; margin-bottom:10px; overflow:hidden; display:block; }






/* Menu 
background:#00b1f3 url(../../imagens/bg_menu.gif) bottom repeat-x
*/
.menu { width:100%; height:40px; margin-top:3px; background:url("../../../Imagens/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC; overflow:hidden; }
.menu li { float:left; }
.menu li a { color:#fff; padding:15px 10px 10px 10px; display:block; font-weight:bold; border-right:1px solid #5C9CCC; border-left:1px solid #5C9CCC; }
.menu li a:hover, .menu li.ativo a { color:#0c2132; background:#fff url(../../Imagens/icon_setaMenu.gif) no-repeat center 31px; font-weight:bold; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }


/*Box Sub Menu*/

ul#topnav li .sub {
	position: absolute;	
	top: 103px;
	background:#fff;
	padding:10px 10px 15px 10px;
	float: left;
	display: none;
	border-bottom:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul {
	list-style: none;
	margin: 0; padding: 0;
	width: 220px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #0c2132;
}
ul#topnav .sub ul li h2 {
	padding:10px 0 0 0 !important;  margin:0 1px;
	border-bottom:1px dashed #d6d6d6;
	font-size: 13px;
	font-weight: bold;
	color: #0c2132;
	font-family:Arial, Helvetica, sans-serif;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0 !important;
	background-image: none;
	color: #0c2132;
	 font-weight:bold !important;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	padding: 7px 5px 7px 15px !important;
	display: block;
	text-decoration: none;
	color: #0c2132;
	border-left:none !important;
	border-right:none !important;
	 font-weight:normal;
}
ul#topnav .sub ul li a:hover { background:url("../../../Imagens/redmond/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC; color:#2E6E9E; border-top:0px solid #d6d6d6; border-left:0px solid #d6d6d6; border-right:0px solid #d6d6d6; }


/*Box Sub Menu*/

.menu li:hover .box_sub_menu {
	display:block;
}
.sf-sub-indicator { display:none}

.menu li.last a:hover { background-image:none!important}





/********************** CONTENT **********************/
/*****************************************************/
.content { padding-bottom:25px; overflow:hidden; }


/*Bloco de títulos e Caminho de Migalhas*/
.content .blocoTit { width:100%; height:80px; background:#f5f5f5; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; overflow:hidden; margin-bottom:10px; }
.content .blocoTit ul { font-size:11px; clear:both; width:100%; overflow:hidden; margin-top:5px; }
.content .blocoTit ul li { float:left; padding:5px 10px; display:block; }


/*Bloco de botões*/
.content .boxBotoes { display:block; margin-top:20px; width: 99.8%; clear:both; text-align:right; background:#f5f5f5; padding:10px 0px; overflow:hidden; border:1px solid #ddd; }
.content .boxBotoes .btDefault      { float:left; margin:0 10px; }
.content .boxBotoes .btDefaultLeft,  .content .blocoDeForm .btDefaultLeft  { float:left; margin:0 5px; }
.content .boxBotoes .btDefaultRight, .content .blocoDeForm .btDefaultRight { float:right; margin:0 5px; }

.content .boxBotoes .btTextoLeft        { text-transform:uppercase; color:#fff; padding:8px 12px; background:#6dcff6; border:0; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin:10px; }
.content .boxBotoes .btTextoLeft:hover  { text-transform:uppercase; color:#fff; padding:8px 12px; background:#0090b5; border:0; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:left; margin:10px; }
.content .boxBotoes .btTextoRight       { text-transform:uppercase; color:#fff; padding:8px 12px; background:#6dcff6; border:0; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:right; margin:10px; }
.content .boxBotoes .btTextoRight:hover { text-transform:uppercase; color:#fff; padding:8px 12px; background:#0090b5; border:0; cursor:pointer; font-weight:bold; font-family:Arial, Helvetica, sans-serif; float:right; margin:10px; }

.content .boxBotoes .btRetornar { margin-left: 30px; margin-right: 8px; }

/*Bloco de botões Barra Lateral */
.content .boxBotoesBarraLateral { display:block; float:right; margin-top:10px; margin-bottom:10px; background:#f5f5f5; padding:10px; width:30px; height:90%; overflow:hidden; border:1px solid #ddd; }
.content .boxBotoesBarraLateral .btLateralLeft { margin-top: 10px; }


/*Paginação*/
.content .paginacao { display:block; overflow:hidden; }
.content .paginacao p { float:left; margin:10px 5px; }
.content .paginacao ul { margin:10px 5px; float:left; }
.content .paginacao ul li { float:left; margin:0 3px; }
.content .paginacao ul li a { padding:3px 5px; border:1px solid #C5DBEC; }
.content .paginacao ul li a:hover { background:#0090b5; color:#fff; border:1px solid #0090b5; }

.content tr.CssPager:hover { background:#fff !important; }
.content .CssPager td table { width:auto; border:none !important; margin:0px; }
.content .CssPager td table tr:hover { background:#fff !important; }
.content .CssPager td table td { float:left; margin:0 3px; border:none !important; padding:10px 2px 8px 2px; }
.content .CssPager td table td a { padding:3px 5px; border:1px solid #C5DBEC; }
.content .CssPager td table td a:hover { background:#0090b5; color:#fff; border:1px solid #2E6E9E; font-weight:bold;  }
.content .CssPager td table td span { background:#0090b5; padding:3px 5px; color:#fff; border:1px solid #2E6E9E; font-weight:bold; }




/*Table*/
.content .gridContent table { color:#666; width:100%; border-collapse:collapse; font-size:12px; text-align:left; margin:5px 0; border-right:1px solid #C5DBEC; border-left:1px solid #C5DBEC; border-bottom:5px solid #C5DBEC; }
/*
.content .gridContent table tr th { background:#0090b5; color:#fff; text-transform:none; padding:10px 5px 3px 5px; border-top:2px solid #9fc2e2; }
*/
.content .gridContent table tr th { background:url("../../../Imagens/redmond/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC; border:1px solid #C5DBEC; color:#2E6E9E; font-weight:bold; padding:5px 5px 3px 5px; }
.content .gridContent table td { padding:6px 5px 4px 5px; border:1px solid #C5DBEC}
.content .gridContent table .cor td { background:#f5f5f5; }
.content .gridContent table tr:hover { background:#F5F5F5; }
.content .gridContent table caption { padding:10px 10px 10px 10px; margin:20px 0 -20px 0; font-weight:bold; border-top:1px solid #ffc534; border-left:1px solid #ffc534; border-right:1px solid #ffc534;}

.content .gridContent table td .btExcluir a { text-indent:-9999px; background:url('../../Imagens/icon_excluir.gif') no-repeat; width:16px; height:16px; display:block; overflow:hidden; margin:0 7px; float:left; }
.content .gridContent table td .btEditar a { text-indent:-9999px; background:url('../../Imagens/icon_editar.gif') no-repeat; width:16px; height:16px; display:block; overflow:hidden; margin:0 7px; }

.content .gridContent table th a { color:#2E6E9E; }
.content .gridContent table th a:hover { color:#2E6E9E; }

.linhaSelecionada { background: #E5E5E5; font-weight:bold; }


/*TreeeView*/ 
.content .treeContent table {color:#666; width:100%; height:100%; border-collapse:collapse; font-size:12px; text-align:left; margin:5px 0; border-right:1px solid #C5DBEC; border-left:1px solid #C5DBEC; border-bottom:5px solid #C5DBEC;}
.content .treeContent table td { padding:6px 5px 4px 5px; border:1px solid #C5DBEC}

/*Abas  
background:#00c0f3;
*/
.content .menu_abas {}
.content .abas { width:100%; overflow:hidden; border-bottom:2px solid #C5DBEC; padding-top:5px; padding-left:4px; }/* background:url("../../../Imagens/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png") repeat-x scroll 50% 50% #5C9CCC;*/
.content .abas li { float:left; margin-right:4px; text-align:center; }
.content .abas a { font-size:12px; background:url("../../../Imagens/redmond/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC; outline:none; color:#2E6E9E; padding:8px 8px 6px; outline:none; display:block; float:left }

.content ul.abas .bg_left { background:url('../../Imagens/bg_Abas-left-a.gif') no-repeat; height:36px; width:10px; display:block; float:left; }
.content ul.abas .bg_right { background:url('../../Imagens/bg_Abas-right-a.gif') no-repeat; height:36px; width:10px; display:block; float:left; }

.content .menu_abas .abas .ativo a { background:#C5DBEC; color:#2E6E9E; text-decoration:none; }
.content .menu_abas .abas li:hover a { background:#fff; color:#2E6E9E; text-decoration:none; }

.content .menu_abas .ativo .bg_left, .content .menu_abas li:hover .bg_left { background:url('../../Imagens/bg_Abas-left-ahover.gif') no-repeat; height:36px; width:10px; display:block; float:left; }
.content .menu_abas .ativo .bg_right, .content .menu_abas li:hover .bg_right { background:url('../../Imagens/bg_Abas-right-ahover.gif') no-repeat; height:36px; width:10px; display:block; float:left; }

.content .bloco_form { display:none; }




/*Formulário*/
.content fieldset { display:block; background:#fff; padding:0px; overflow:hidden; border-top:0px solid #0090b6; border-bottom:0px solid #ccc; border-left:0px solid #ccc; border-right:0px solid #ccc; }
.content fieldset label { display:block; clear:both; margin:10px 0 5px 0; }
.content fieldset input, .content fieldset select, .content fieldset textarea, .content fieldset .inputGrid td input { border:1px solid #c4d7e8; padding:3px; text-transform:uppercase; }

.content fieldset input:hover, .content fieldset select:hover, .content fieldset textarea:hover, .content fieldset .inputGrid td input:hover { border:1px solid #0090b5; background:#f5f5f5; padding:3px; }
.content fieldset input:focus, .content fieldset select:focus, .content fieldset textarea:focus, .content fieldset .inputGrid td input:focus { border:1px solid #0090b5; background:#fff; padding:3px; }
.content fieldset input[disabled], .content fieldset select[disabled], .content fieldset textarea[disabled], .content fieldset .inputGrid td input[disabled] { background-color:#dcdcdc; color:Black; }

.content fieldset h2 { margin:10px 0 0 0; }

.content fieldset .blocoDeForm, .content .blocoDeForm { border:1px solid #ccc; padding:10px; margin:10px 0; background:#fff; }
.content .blocoContent { width:92%; border:0px solid #ccc; float: left; margin-bottom: 20px; }

.content fieldset ul { overflow:hidden; clear:both; }
.content fieldset .ulFlutuante { clear:none; float:left; width:800px; }

.content fieldset ul li { float:left; margin-right:20px; display:block; }

.content fieldset ul li ul { overflow:hidden; clear:both; }
.content fieldset ul li ul li { float:left; margin-right:10px; display:block; }

.content fieldset table td input       { float:left; border:0px; }
.content fieldset table td input:hover { float:left; border:0px; }
.content fieldset table td label { margin:0 0 0 5px; display:inline; clear:none; }

.content .gridContent table td table td, .content .gridContent table td table { float:left; border:0px; }

.content fieldset .blocoFormDestaque { border:1px solid #d4d4d4; background:#f5f5f5; padding:5px 0 10px 10px; margin:5px 0 15px 0; overflow:hidden; width:780px; }





.btDefault { margin-top:10px; display:table; }
.btDefault a { background:#6dcff6; padding:8px 8px 7px 8px; height:30px; text-align:center; line-height:30px; color:#fff; text-transform:uppercase; font-weight:bold; margin-left:0px; margin-top:10px; }
.btDefault a:hover { background:#0090b5; }

.btDefault .btLeft { background:url('../../Imagens/bt_bloco-modulos2.gif') left top no-repeat; width:5px; height:30px; float:left; margin-left:0px; }
.btDefault:hover .btLeft { background:url('../../Imagens/bt_bloco-modulos2.gif') left bottom no-repeat; }
.btDefault .btRight { background:url('../../Imagens/bt_bloco-modulos2.gif') right top no-repeat; width:5px; height:30px; float:right; margin-left:0px; }
.btDefault:hover .btRight { background:url('../../Imagens/bt_bloco-modulos2.gif') right bottom no-repeat; }

.btDefaultDesabilitado { display:table; float:left; margin:0 10px; }
.btDefaultDesabilitado a { background:#dadada; padding:8px 8px 7px 8px; height:30px; text-align:center; line-height:30px; color:#888; text-transform:uppercase; margin-left:0px; margin-top:10px; }
.btDefaultDesabilitado a:hover { text-decoration:none; }

.btDefaultDesabilitado .btLeft { background:url('../../Imagens/bt_bloco-modulos3.gif') left top no-repeat; width:5px; height:30px; float:left; margin-left:0px; }
.btDefaultDesabilitado .btRight { background:url('../../Imagens/bt_bloco-modulos3.gif') right top no-repeat; width:5px; height:30px; float:right; margin-left:0px; }




/*Blocos de Módulos*/
.content .blocoModulos { width:300px; min-height:150px; float:left; margin:20px 12px 20px 0; background:url('../../imagens/bg_bloco-modulos.gif') bottom no-repeat; }
.content .blocoModulos h3 { background:url('../../Imagens/bg_h3-bloco-modulos.gif') no-repeat; width:100%; height:30px; display:block; }
.content .blocoModulos p { margin:0 10px; } 

.content .blocoModulos .btDefault { float:right; margin:5px 10px 10px 0; }




/*Bloco Login*/
.content .blocoLogin { width:380px; min-height:240px; margin:20px auto; background:url('../../Imagens/bg_blooco-login.gif') bottom no-repeat; }
.content .blocoLogin h3 { background:url('../../Imagens/bg_h3-bloco-login.gif') no-repeat; width:100%; height:30px; display:block; }
.content .blocoLogin p { margin:0 10px; }
.content .blocoLogin fieldset { margin:0px 10px; background:none !important; padding:none !important; border:none !important; }
.content .blocoLogin fieldset label { display:block; clear:both; margin:10px 0px 5px 0px; }
.content .blocoLogin fieldset input { clear:both; display:block; }


.content .blocoIp { background:url('../../Imagens/bg_bloco-ip.gif') no-repeat center; width:380px; height:90px; padding:20px; margin:10px auto; }
.content .blocoIp p { float:left; margin:10px; }



/*----*/




/********************** FOOTER **********************/
/*****************************************************/
.footer { width:100%; display:block; overflow:hidden; height:30px; margin-top:20px; border-top:1px solid #D6D6D6; background:#f5f5f5; }
.footer .copyright { float:left; margin-top:7px; display:block; overflow:hidden; margin-left:7px; }
.footer .copyright p { margin:5px 0; }
.footer .logomarcarodape img { width:90px; height:56px; float:right; margin-right:10px; margin-top:10px; text-indent:-9999px;  display:block; overflow:hidden; }
.footerlogin { width:100%; display:block; overflow:hidden; height:80px; margin-top:20px; border-top:1px solid #D6D6D6; background:#f5f5f5; }
.footerlogin .copyright { float:left; margin-top:30px; display:block; overflow:hidden; margin-left:10px; }
.footerlogin .copyright p { margin:5px 0; }
.footerlogin .logomarcarodape img { width:90px; height:56px; float:right; margin-right:10px; margin-top:10px; text-indent:-9999px;  display:block; overflow:hidden; }


.textoObrigatorio    { font-weight:bold }
.textoObrigatorioCor { font-weight:bold; color:Red; }

.corVermelha { font-weight:bold; color:Red;  }
.corAzul     { font-weight:bold; color:Blue; }

/* Processando Informação */
.transparencia
{
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1005;
	width: 100%;
	height: 100%;
	opacity: 0.4;
	color: #000000;
	background-color: #EEEEEE;
}

*.transparencia
{
	background-color: Gray;
	filter: alpha(opacity = 60);
}



/* PopUp */
.BloqueiaFundo
{
	height: 100%;
	position: fixed;
	background-color: #AAAAAA;
	width: 98%;
	top: 0;
	left: 0;
	z-index: 10;
	padding: 10px;
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.PopUp { display: block; z-index: 1002; outline: 0px none; position: fixed !important; top:50%; left:50%; }
/*
.EnvoltorioModal
{
	height: 100%;
	position: absolute;
	width: 98%;
	top: 0;
	left: 0;
	z-index: 1000;
	padding: 10px;
}

div#funcionalidade_modal
{
	/* overflow-y: scroll; //
	border: solid 2px #A6C9E2;
	width: 90%;
	background-color: white;
	z-index: 200;
	overflow: hidden;
	top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	margin-bottom: 10%;
	padding: 10px;
}
*/

/* Input com Mascara */
.MaskedEditFocus  {
background-color:#FFFFCC;
color:#000000;
}
.MaskedEditMessage {
color:#FF0000;
font-weight:bold;
}
.MaskedEditError {
background-color:#FFCCCC;
}
.MaskedEditFocusNegative {
background-color:#FFFFCC;
color:#FF0000;
}
.MaskedEditBlurNegative {
color:#FF0000;
}

/* Calendario */
.MyCalendar .ajax__calendar_container {
background-color:lemonchiffon;
border:1px solid #646464;
color:red;
}
.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;
}

/*MODULOS*/
/*.blocoModulo { border: 1px solid #a6c9e2; background: #fcfdfd url(../../Imagens/redmond/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222;}
.blocoModulo .titulo { background: #f5f8f9 url(../../Imagens/redmond/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;}*/

.content .blocoModulo { background:url('../../Imagens/bg_blooco-modulo.gif') bottom no-repeat; }
.content .blocoModulo h3 { background:url('../../Imagens/bg_h3-bloco-modulo.gif') no-repeat; width:100%; height:30px; display:block; }



/* JQUERY BUTTON */
.btJQuery       { display:table; float:left; margin-top:5px; margin-left:10px; margin-right:5px; padding: .4em 1em .4em 20px;text-decoration: none; } /* position: relative; */ 
.btJQuery:hover { border: 1px solid #79b7e7; background: #d0e5f5 url(../../../Imagens/redmond/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }

.btJQueryDesabilitado { display:table; float:left; margin-top:5px; margin-left:10px; margin-right:5px; padding: .4em 1em .4em 20px;text-decoration: none; background:#dadada !important; color:#888 !important; } /* position: relative; */ 
.btJQuerytDesabilitado:hover { text-decoration:none; }

#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

/************************
**  JQDOCK : DEMO CSS  **
************************/
/*position  menu initially - leave room for menu items to expand...*/
#moduloLinha1 {width:100%; display:none;}
#moduloLinha2 {width:100%; display:none;}
/*dock styling...*/
/*...centre the dock...*/
#moduloLinha1 div.jqDockWrap {margin:0 auto;}
#moduloLinha2 div.jqDockWrap {margin:0 auto;}

/*...set the cursor...*/
#moduloLinha1 div.jqDock {cursor:pointer;}
#moduloLinha2 div.jqDock {cursor:pointer;}
/*label styling...*/
div.jqDockLabel {font-weight:bold; font-style:italic; white-space:nowrap; color:#666666; cursor:pointer;}


/**********************************************************************************************************/
/*************************************WORK FLOW************************************************************/
/**********************************************************************************************************/


.content .blocoDeForm .workflow { background:#fff; width:100%; height:100%; overflow:hidden; display:block; padding:10px 0; }

.content .blocoDeForm .workflow ul { display:block; overflow:hidden; height:220px; margin:0px 10px; padding-left:20px; width:900px; }
/*.content .blocoDeForm .workflow ul li { width:206px; float:left; margin:0 8px; } */

.content .blocoDeForm .workflow ul.ProcInicio { background:url(../../../Imagens/Workflow/bg_proc-inicio.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcLeft { background:url(../../../Imagens/Workflow/bg_proc-left.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcRight { background:url(../../../Imagens/Workflow/bg_proc-right.gif) right no-repeat; }

.content .blocoDeForm .workflow ul.ProcInicioFinal1 { background:url(../../../Imagens/Workflow/bg_proc-inicio_final1.gif) no-repeat; }/*PRIMEIRA UL*/
.content .blocoDeForm .workflow ul.ProcInicioFinal2 { background:url(../../../Imagens/Workflow/bg_proc-inicio_final2.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcInicioFinal3 { background:url(../../../Imagens/Workflow/bg_proc-inicio_final3.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcInicioFinal { background:url(../../../Imagens/Workflow/bg_proc-inicio_final4.gif) no-repeat; }/*OK*/

.content .blocoDeForm .workflow ul.ProcLeftFinal1 { background:url(../../../Imagens/Workflow/bg_proc-left_final1.gif) no-repeat; }/*UL ESQUERDA - INICIO DA SUA ESQUERDA PARA A SUA DIREITA*/
.content .blocoDeForm .workflow ul.ProcLeftFinal2 { background:url(../../../Imagens/Workflow/bg_proc-left_final2.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcLeftFinal3 { background:url(../../../Imagens/Workflow/bg_proc-left_final3.gif) no-repeat; }
.content .blocoDeForm .workflow ul.ProcLeftFinal { background:url(../../../Imagens/Workflow/bg_proc-final-left.gif) no-repeat; }

.content .blocoDeForm .workflow ul.ProcRightFinal1 { background:url(../../../Imagens/Workflow/bg_proc-right_final1.gif) right no-repeat; }/*UL DIREITA - INICIO DA SUA DIREITA PARA A SUA ESQUEDA*/
.content .blocoDeForm .workflow ul.ProcRightFinal2 { background:url(../../../Imagens/Workflow/bg_proc-right_final2.gif) right no-repeat; }
.content .blocoDeForm .workflow ul.ProcRightFinal3 { background:url(../../../Imagens/Workflow/bg_proc-right_final3.gif) right no-repeat; }
.content .blocoDeForm .workflow ul.ProcRightFinal { background:url(../../../Imagens/Workflow/bg_proc-final-right.gif) no-repeat; }/*OK*/

.content .blocoDeForm .workflow ul.ProcInicio li { width:196px; float:left; margin:0 8px; }
.content .blocoDeForm .workflow ul.ProcLeft li { width:196px; float:left; margin:0 8px; }
.content .blocoDeForm .workflow ul.ProcRight li { width:196px; float:right; margin:0 8px; }/*
*/

.content .blocoDeForm .workflow ul li.ProcDefault span { background:url("../../../Imagens/Workflow/icon-proc-default.png") no-repeat; width:66px; height:71px; display:block; overflow:hidden; }
.content .blocoDeForm .workflow ul li.ProcDefault .blocoConteudo { color:#444; }

.content .blocoDeForm .workflow ul li.ProcEncerrado span { background:url("../../../Imagens/Workflow/icon-proc-encerrado.png") no-repeat; width:66px; height:71px; display:block; overflow:hidden; }
.content .blocoDeForm .workflow ul li.ProcEncerrado .blocoConteudo { color:#af211b; }

.content .blocoDeForm .workflow ul li.ProcNaoExecutado span { background:url("../../../Imagens/Workflow/icon-proc-naoexecutado.png") no-repeat; width:66px; height:71px; display:block; overflow:hidden; }
.content .blocoDeForm .workflow ul li.ProcNaoExecutado .blocoConteudo { color:#9a9a9a; }

.content .blocoDeForm .workflow ul li.ProcPendente span { background:url("../../../Imagens/Workflow/icon-proc-pendente.png") no-repeat; width:66px; height:71px; display:block; overflow:hidden; }
.content .blocoDeForm .workflow ul li.ProcPendente .blocoConteudo { color:#eb8d11; }

.content .blocoDeForm .workflow ul li.ProcSucesso span { background:url("../../../Imagens/Workflow/icon-proc-sucesso.png") no-repeat; width:66px; height:71px; display:block; overflow:hidden; }
.content .blocoDeForm .workflow ul li.ProcSucesso .blocoConteudo { color:#78b929; }



.content .blocoDeForm .workflow h3 { font-size:11px; color:#2e6e9e; font-weight:bold; padding:0; margin:0; }
.content .blocoDeForm .workflow p.info { font-size:10px; height:22px; color:#666; font-weight:normal; margin:0 0 3px 0; padding-left:1px; }

.content .blocoDeForm .workflow .blocoConteudo { background:url("../../../Imagens/Workflow/bloco-conteudo.png") no-repeat; width:156px; height:55px; display:block; overflow:hidden; padding:20px; }

.content .blocoDeForm .workflow .blocoConteudo h4 { font-size:10px; font-weight:bold; }
.content .blocoDeForm .workflow .blocoConteudo p { font-size:9px; }



/**********************************************************************************************************/
/*************************************WORK FLOW************************************************************/
/**********************************************************************************************************/