* { font-family: Tahoma; size: 10px; color: #000000; }
a {	text-decoration: none; color: #20427a; }
a:active { color: #99CCFF; }
a:hover { text-decoration: underline; color: #000000; }
a:visited { text-decoration: none; color: #20427a; }
a:visited:hover { text-decoration: underline; color: #000000; }

body { 
	background:url('images/bg.jpg');
	margin:0px; 
}

/**************************************************************************/
/*** INÍCIO DE TOPO ***/
#topo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.topo {
	position: relative;
	width: 750px;
	/*z-index: 5;*/
	height: 102px;
		left: 50%;
	margin-left: -375px;
	background:#F5F5F3;
}

div.login {
	position: absolute;
	visibility: visible;
	/*z-index: 100;*/
	left: 561px;
	top: 17px;
	width: 170px;
	height: 50px;
	/*background:#0000FF;*/
	text-align:right;
}

div.menu {
	position: absolute;
	visibility: visible;
	width: 739px;
	top: 74px;
	height: 25px;
	left: 5px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	vertical-align: 0px;
	float: left;
}

#menu ul {
	position: relative;
	list-style-type: none;
	color: #2a569d;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	top: 6px;
	left: 10px;
	width: 720px;
}

#menu li { display: inline; padding-right: 15px; }
#menu a { color: #2a569d; text-decoration: none; }
#menu a:hover { color: #000000; text-decoration: underline; }
#menu a:visited { color: #2a569d; text-decoration: none; }
#menu a:visited:hover { color: #000000; text-decoration: underline; }
/**************************************************************************/
/*** FIM DE TOPO ***/

/**************************************************************************/
/*** INICIO DE CORPO ***/
#corpo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

div.corpo   {
	position: relative;
	width: 750px;
	top: 0px;
	visibility: visible;
	background:#F5F5F3;
	left: 50%;
	margin-left: -375px;
/*	padding-bottom:20px;*/
	CLEAR:both;
	overflow:visibles;
}

div.esquerda {
	font-family: Tahoma;
	font-size: 10px;
	background:#F5F5F3;
	position: relative;
	height: 390px;
	width: 206px;
	top: 0px;
	padding-left:1px;
	float:left;
}

#suporte ul { position: relative; font-size: 12px; font-family: Verdana; margin: 0px; padding: 0px; top: 15px; left: 25px; width: 170px; list-style-type: none; list-style-position: outside; vertical-align:middle; }
div.suporte {
	background-image: url('images/suporte.png');
	position: absolute;
	height: 144px;
	width: 206px;
	top: 247px;
}

div.porque {
	background-image: url('images/why.png');
	position: absolute;
	height: 245px;
	width: 206px;
}

#porque ul {
	position: relative;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	top: 6px;
	left: 18px;
	width: 180px;
	list-style-type:square;
	list-style-position: inside;
}

#porque li { padding-top: 5px; }

img.buttonleft {
	position: absolute;
	left: 10px;
	bottom: 10px;
}

img.buttonright {
	position: absolute;
	left: 76px;
	bottom: 10px;
}

/**************************************************************************/
/*** FIM DE CORPO ***/
#topoblocos { position:relative; top: 5px; left: 4px; }
div.rodape {
	background:#F5F5F3;
	background-image: url('images/bottom.png');
	position: RELATIVE;
	height: 38px;
	width: 750px;
	left: 50%;
	padding-top:5px;
	margin-left: -375px;
	background-repeat:no-repeat;
	clear:both;
}