body
{
	padding:0;
	margin:10px 0;
	background: #f2f9fd url(images/fundoGeral.jpg) center top repeat-x;
	font-family:Verdana,Arial;
	font-size:11px;
	color:#444;
}

h1
{
	font-size:14px;
	color:#267DB3;
	margin:10px 0px;
}

h2
{
	font-size:13px;
	color:#FFF;
	padding:10px 0px 10px 20px;
	width:500px;
	background: #FFF url(images/fundoH3.jpg) center left no-repeat;
	display:block;
}

h3
{
	font-size:11px;
	color:#267DB3;
	margin:5px 0px;
}

p, li, dt, dd
{
	line-height:20px;
}

a, a:visited
{
	color:#267DB3;
	text-decoration:none;
	font-weight:bold;
}

a:hover
{
	color:#267DB3;
	background-color:#DFECF4;
	text-decoration:underline;
	font-weight:bold;
}

acronym
{
	cursor:help;
	border-bottom:dashed 1px #267DB3;
}

li
{
	margin-top:2px;
}

#master
{
	position:absolute;
	width: 780px;
	top:0px;
	margin-top:0px;
	left: 50%;
	margin-left: -390px;
}

#header
{
	background: url(images/header.jpg);
	height: 149px;
}

#header h1, header p
{
	display:none;
}

#menu
{
	height:26px;
	background: url(images/menu.jpg);
}

#base
{
	background: #FFF url(images/fundoConteudo.jpg) left top repeat-y;
	width:730px;
	padding:0px 25px;
	float:left;
}

#footer
{
	width:780px;
	float:left;
	height:100px;
	background: url(images/footer.jpg);
}

#content
{
	float:left;
	width:530px;
}

#produtoPrev
{
	float:left;
	width:510px;
	height:170px;
	overflow:hidden;
	margin:5px;
	border:1px solid #EDEDED;
}

.sintese, #vantagensPrev
{
	float:left;
	margin:5px;
	padding:10px;
	border:solid 1px #EDEDED;
	/*
	border-bottom:solid 1px #EDEDED;
	border-right:solid 1px #EDEDED;
	background: url(images/destakFnd.png) top left repeat-y;
	*/
}

.sintese
{
	background: url(images/destakFnd.png) top left repeat-y;
	width:490px;
}

#vantagensPrev
{
	background: url(images/vantagemFnd.png) center right no-repeat;
	width:490px;
}

#caracteristicasPrev, #teste180, #teste360
{
	float:left;
	width:230px;
	margin:5px;
	border:solid 1px #EDEDED;
	padding:10px;
}

#teste180 p, #teste360 p
{
	text-align:left;
}

#caracteristicasPrev h2, #vantagensPrev h2
{
   margin:0px;
}

#destak
{
	float:right;
	width:195px;
	padding: 5px 0px 10px 0px;
}

#modulos
{
	width:195px;
	height:351px;
	padding-top:60px;
	background:url(images/modulos.jpg);
}

#modulos h2
{
	display:none;
}

#listaModulos
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#listaModulos span
{
	display:none;
}

#modMetas, #modDireta, #mod360, #modMetas a, #modDireta a, #mod360 a
{
	  width:195px;
		height:80px;
		display:block;
		margin:0px;
	  padding:0px;
		list-style:none;
}

#modConsol, #modConsol a
{
	  width:195px;
		height:92px;
		display:block;
		margin:0px;
	  padding:0px;
		list-style:none;
}

#modMetas a:hover, #modDireta a:hover, #mod360 a:hover, #modConsol a:hover
{
		background:none;
}

#modMetas
{
	background:url(images/modMetas.jpg);
}

#modDireta
{
	background:url(images/modDireta.jpg);
}

#mod360
{
	background:url(images/mod360.jpg);
}

#modConsol
{
	background:url(images/modConsol.jpg);
}



/* Formatação do menu */

#menu ul
{
	margin:0px;
	padding:0px 0px 0px 50px;
	list-style:none;
}

#menu ul li
{
	float: left;
	margin:0px;
	padding:0px 8px;
	font-size: 9pt;
	font-weight: bold;
	color: #5771A0;
}

#menu ul li a, #menu ul li a:visited
{
	font-size: 9pt;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	background:none;
}

#menu ul li a:hover
{
	font-size: 9pt;
	font-weight:bold;
	color: #5771A0;
	text-decoration:none;
	background:none;
}

/* formatacao do link da pagina atual */
#principal #principalLi,
#produto #produtoLi,
#caracteristica #caracteristicaLi,
#vantagem #vantagemLi,
#apresentacao #apresentacaoLi,
#case #caseLi,
#parceiro #parceiroLi,
#conheca #conhecaLi
{
	color: #5771A0;
	cursor:default;
}

/* Formatação conteudo */

#content #title h1
{
	padding:18px 0px 10px 90px;
	background: #FFF url(images/fundoH2.jpg) center left no-repeat;
}

#content #title h1 span
{
	color:#5771A0;
	font-size:16px;
}

#content #text
{
	position:relative;
	float:left;
	text-align:justify;
}


/* formatação destaque */

#destak dl
{
	margin:5px;
	width:170px;
}

#destak h3
{
	margin:10px;
	padding:0px;
	background:none;
	font-size:14px;
	color: #333;
}

dt
{
	font-weight:bold;
}

#destak dl dt
{
	margin: 10px 5px 0 5px;
	line-height:15px;
	font-size:11px;
	font-weight:normal;
}

#destak dl dt a
{
	font-weight:bold;
	text-decoration: none;
	
}

#destak .autor
{
	color:#666;
	font-size:9px;
}

#destak dl dd a.leiaMais
{
	color: #5771A0;
	font-size: 8pt;
	font-weight:bold;
	text-decoration: none;
}

#destak dl dd
{
	margin: 5px 0 0 5px;
	line-height:18px;
}

/* footer */


#footer span
{
	display:none;
}

.footerLink, .footerLink:hover
{
		border:none;
		background:none;
		display:block;
		width:780px;
		height:100px;
}

a.linkFlash, a.linkFlash:hover
{
	cursor:pointer;
	border:none;
	background:none;
}

a.linkFlash span, a.linkFlash:hover span
{
	display:none;
}

/* classes específicas */

ul.caixas 
{
	list-style-type:none;
	padding: 0;
	margin: 0;
}

ul.caixas li
{
	float: right;
	width: 150px;	
	height: 100px;
	padding: 5px;
	margin: 3px;
	background-color:#F3F3F3;
	border: 1px solid #666;
	text-align:left;
}

ul.caixasCar 
{
	list-style-type:none;
	padding: 0;
	margin: 0;
}

ul.caixasCar li
{
	float: none;
	width: 400px;
	height: 60px;
	padding: 5px;
	margin: 3px;
	background-color:#F3F3F3;
	border: 1px solid #666;
	text-align:left;
}

label
{
	font-size:10px;
	font-weight:bold;
	color:#267DB3;
	background-color:#F6F6F6;
	display:block;
	float:left;
	width:140px;
	padding:2px 2px 2px 10px;
	margin:2px;
	border-style:solid;
	border-color:#DDD;
	border-width:0px 2px 2px 0px;
}

input, textarea, select, input:hover, textarea:hover, select:hover
{
	margin-top:4px;
	border:solid 2px #DDD;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.btOK, .btOK:hover
{
	padding:2px 5px;
	font-size:10px;
	font-weight:bold;
	color:#267DB3;
	font-family: Verdana, Arial;
	text-transform:uppercase;
	border:3px double #DDD;
	background-image:url(images/button_bg.png);
	cursor:pointer;
	padding:2px 25px;
}

p{
	margin: 10px 0 0 0;
}

.pHome{
	margin:15px 0 5px 0;
	font-size:14px;
	font-weight:bold;
	color:#5771A0;
	padding:0px;
	margin-bottom:5px;
}

.pContato{
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-size:9pt;
}

.aMailTo, .aMailTo:hover{
 font-family: Arial, Helvetica, sans-serif;
 color:#666;
 font-size: 9pt;
 text-decoration:none;
}

/*
 * =============================
 * Menu de características
 * =============================
 */

ul#caracteristicas
{
	display:inline;
	padding:10px;
	margin:5px 0px;
	float:left;
	list-style:none;
	margin: 0px;
	padding: 0px;
}

ul#caracteristicas li
{
	float: left;
	margin: 5px;
}

a.menuComponente,
a.menuFormulario,
a.menuUniverso,
a.menuUsuarios,
a.menuRealizacao,
a.menuRelatorio,
a.menuAvaliacao,
a.menu360,
a.menuGrupo
{
	display:block;
	width:80px;
	height:80px;
	text-decoration:none;
	background-position: center top;
	background-repeat: no-repeat;
}

a.menuComponente span,
a.menuFormulario span,
a.menuUniverso span,
a.menuUsuarios span,
a.menuRealizacao span,
a.menuRelatorio span,
a.menuAvaliacao span,
a.menu360 span,
a.menuGrupo span
{
	display:none;
}

a.menuComponente
{
	background-image:url(images/icons/mesaComponentes.png);
}

a.menuFormulario
{
	background-image:url(images/icons/mesaFormularios.png);
}

a.menuUniverso
{
	background-image:url(images/icons/mesaAvaliadosAvaliadores.png);
}

a.menuUsuarios
{
	background-image:url(images/icons/mesaUsuarios.png);
}

a.menuRealizacao
{
	background-image:url(images/icons/mesaRealizacao.png);
}

a.menuRelatorio
{
	background-image:url(images/icons/mesaRelatorios.png);
}

a.menuAvaliacao
{
	background-image:url(images/icons/mesaAvaliacao.png);
}

a.menu360
{
	background-image:url(images/icons/mesa360.png);
}

a.menuGrupo
{
	background-image:url(images/icons/mesaPosicoes.png);
}

a.menuComponente:hover,
a.menuFormulario:hover,
a.menuUniverso:hover,
a.menuUsuarios:hover,
a.menuRealizacao:hover,
a.menuRelatorio:hover,
a.menuAvaliacao:hover,
a.menu360:hover,
a.menuGrupo:hover
{
	background-position:center bottom;
}

ul#caractTela
{
	display:block;
	padding:0px;
	margin:5px 0px;
	float:left;
	list-style:none;
}

ul#caractTela li
{
	display: block;
	float:left;
	color:#666666;
	background-color:#F9FBFC;
	text-align:left;
	padding:10px;	
	border-style:solid;
	border-color:#DDD;
	border-width:0px 2px 2px 0px;
	margin-left:10px;
	margin-bottom:10px;
}

ul.caractProduto
{
	padding:0px;
	margin:10px 0px 5px 0px;
	list-style:none;
	display:block;
}

li.caixaLi
{
	display:block;
	width:400px;
	color:#666666;
	background-color: #F6F6F6;
	text-align:left;
	padding:10px;	
	border-style:solid;
	border-color:#DDD;
	border-width:0px 2px 2px 0px;
	margin-left:10px;
	margin-bottom:10px;
}

li.caixaLi ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	list-style-type:disc;
}

li.caixaLi ul li h3
{
	color:#666666;
}

/*****************************************
ERRO
*******************************************/
div#erroDiv
{	
	width:95%;
	margin: 0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
	text-align:left;
	height:auto;
	border-top: solid 2px #EDEDED;
	border-bottom: solid 2px #EDEDED;
	overflow:hidden;
}

div#erroDiv h2
{
	color:#FF0000;
	font-size:12px;
	margin:5px;
}

div#erroDiv div
{
	color:#4D4D4D;
	font-size:11px;
	padding:0px !important;
	margin:5px 1px !important;
}

div#erroDiv p
{
	color:#4D4D4D !important;
	font-size:11px !important;
	padding:0px !important;
	margin:2px !important;
	border:0px !important;
	display:block !important;
	width:auto !important;
	height:auto !important;
}

.autor
{
	font-weight:bold;
}

.infoAutor
{
	margin-top: 20px;
	font-size: 11px;
	font-style:italic;
	line-height:18px;
	padding:10px;
	border:3px double #267DB3;
}

/*******************************************
DivTip
*******************************************/

.divTip
{
	margin-left:8px;
	padding:3px;
	background-color:#267DB3;
	border: solid 2px #DFECF4;
	color:#FFF;
}

.imgA, .imgA:hover
{
	background:none transparent;
	border:none;
}

.imgRight, .imgCenter
{
	/*display:block;*/
	background-color:#EDEDED;
	border:1px solid #DDDDDD;
	padding:5px;
	margin:10px;
}



.imgLeft
{
	background-color:#EDEDED;
	border:1px solid #DDDDDD;
	padding:5px;
	margin:10px 0px;
}

.imgRight
{
	float:Right;
}

.imgRightNoBorder
{
	float:Right;
	border:none;
}

.imgLeftNoBorder
{
	float:left;
	border:none;
}

p.chaves
{
	float:left;
	width:490px;
	margin:5px;
	padding:10px;
	border:solid 1px #EDEDED;
	color:#999;
	font-size:7pt;
	line-height:12px;
}