* { margin:0; padding:0 }

body {
	font:11px "Trebuchet MS";
	background:#D9D9D9}
	
a { color:#AB843F }
a:hover { color:#666 }

#allh {
	width:100%;
	background:#FFF url(img/bgbody.jpg) repeat-x }

#allf {
	width:100%;
	background:url(img/bgallf.jpg) repeat-x bottom }

#all {
	margin:0 auto;
	width:855px;
	padding:0 70px }
	
p { 
	line-height:15px;
	margin-bottom:15px }	
	
#header {
	position:relative;
	padding-top:40px;
	height:70px }
	
#menu {
	position:absolute;
	top:0;
	right:0px }
	
#menu ul { list-style:none }

#menu ul li {
	margin-right:25px;
	float:left }
	
#menu ul li.last { margin-right:0 }
	
#menu ul li a {
	text-decoration:none;
	color:#666;
	letter-spacing:-1px;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	padding:40px 0 0 0;
	width:75px;
	text-align:center;
	display:block;
	background:url(img/bg-link-menu.gif) no-repeat center top }

#menu ul li a:hover {
	color:#000;
	background:url(img/bg-link-menu.gif) no-repeat center -115px }

#container {
	width:100%;
	float:left }
	
#container.detail { padding-top:50px }
	
h2 {
	background:url(img/h2-bgl.jpg) no-repeat bottom left;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-2px;
	margin-bottom:10px;
	padding-bottom:5px;
	color:#AB843F }

.home #empresa,
.home #cursos,
#newsletter,
.home #contato { float:left }

.home #cursos 	{ width:370px }
#newsletter 		{ width:220px }
.home #contato	{ width:205px }

.home #cursos,
#newsletter 		{ margin-right:30px }

.home #empresa {
	padding:20px 0;
	width:100%;
	margin-bottom:5px }

.home #empresa h2 { 	
	background:url(img/h2-bgr.jpg) no-repeat bottom right;
	text-align:right }
	
.home #empresa img { margin:-5px 15px 15px -9px }

.home #empresa p { 	
	color:#000;
	padding-top:60px;
	font-size:16px;
	line-height:23px }

.detail #empresa .arquivo { 
	float:left;
	background:url(img/bgempresa-img.jpg) no-repeat;
	padding:14px 0 0 12px;
	width:390px; height:240px;
	margin:-8px 10px 20px -10px }

.detail #empresa .arquivo img { 
	float:left;
	border:1px solid #FFF }

.detail #empresa,
.detail #empresa p {
	font-size:13px;
	line-height:18px }

a.button span {
	color:#FFF;
	padding:5px 10px;
	float:left;
	height:15px }
	
a.button {
	font-weight:bold;
	font-style:normal;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	float:left;
	overflow:hidden;
	height:25px }

a.button:hover span 	{ background-position:left -25px }
a.button:hover		{ background-position:right -25px }

a.amarelo span 	{ background:url(img/bgbtn-amarelo-l.jpg) no-repeat left top }
a.amarelo 		{ background:url(img/bgbtn-amarelo-r.jpg) no-repeat right top }

a.cinza span 	{ background:url(img/bgbtn-cinza-l.jpg) no-repeat left top }
a.cinza 		{ background:url(img/bgbtn-cinza-r.jpg) no-repeat right top }

.home #cursos .diagrama {
	padding-left:35px;
	background:url(img/ico-seta-big.jpg) no-repeat left top }

.home #cursos .diagrama  p { margin-bottom:5px  }
	
#cursos .data { 
	color:#CC0000;
	font-weight:bold;
	font-size:11px }
	
#cursos .titulo { 
	font-weight:bold;
	font-size:17px }
	
#cursos .nav .titulo { 
	color:#000;
	font-size:13px }
	
#cursos .nav ul { list-style:none }

#cursos .nav ul li {
	margin-bottom:5px }
	
#cursos .nav ul li a { 
	display:block;
	padding:5px 8px;
	background:#EEE;
	border-bottom:2px solid #DDD;
	text-decoration:none }
	
#cursos .nav ul li a:hover { background:#E6E6E6 }
	
#cursos .content { font-size:13px }
	
#cursos .content .titulo { 
	font-weight:bold;
	font-size:22px }
	
#newsletter label {
	color:#333;
	margin-bottom:5px;
	display:block }

#newsletter label span{
	padding-top:4px;
	float:left;
	width:50px }

#newsletter label input { 
	padding:3px 5px;
	border:0;
	height:19px;
	background:url(img/input-bg.jpg);
	font:bold 11px "Trebuchet MS";
	color:#A07833;
	width:155px }

#newsletter form br { display:none}
	
#newsletter a.button {
	margin-right:5px;
	float:right }
	
.nav,
.content { float:left }
	
.nav 		{ width:160px; margin-right:30px }
.content 	{ width:665px }

#cursos .nav ul { margin:0 }

#produtos .nav ul {
	margin:5px 0 0 10px;
	list-style:none }

#produtos .nav ul li a {
	color:#333;
	text-decoration:none;
	background:url(img/ico-seta.jpg) no-repeat left 5px;
	padding:1px 0 1px 12px;
	display:block }
	
#produtos .nav ul li a:hover {
	text-decoration:underline;
	color:#999 }
	
#produtos .content .caminho {
	border-bottom:1px solid #DDD;
	margin-bottom:5px;
	padding-bottom:5px }

#produtos .content .caminho a 	{ color:#AB843F }
#produtos .content .caminho span 	{ font-weight:bold }

#produtos .content .arquivo,
#produtos .content .descricao { float:left }
	
#produtos .content .arquivo { margin-right:15px }
#produtos .content .descricao {
	color:#666;
	font-size:13px;
	width:360px }
	
#produtos .content .descricao,
#produtos .content .descricao p { line-height:18px }
#produtos .content .descricao .nome {
	color:#000;
	font-size:18px;
	margin-bottom:15px }
	
#produtos .content table td {
	padding:10px 20px 20px 20px;
	line-height:14px }

#produtos .content table td img { margin-bottom:5px }

#produtos .content table td .nome 	{ font-weight:bold }
#produtos .content table td .resumo 	{ color:#666 }

#produtos .content .big,
#produtos .content .big img { 
	width:359px; }

#produtos .content .big { border:1px solid #CCC }

#produtos .content .descricao .nome {
	color:#000;
	font-size:18px;
	margin-bottom:15px }
	
#produtos ul.thumbs { list-style:none }

#produtos ul.thumbs li { display:inline  }

#produtos ul.thumbs li a { padding:0 5px 5px 0  }

#produtos ul.thumbs li a img { border:0; width:80px; height:53px }

#contato .endereco {
	width:45%;
	font-size:13px;
	padding-right:20px;
	float:left }
	
fieldset {
	width:50%;
	float:right;
	border:0;
	border-top:1px solid #AB843F }
	
fieldset legend {
	color:#AB843F;
	padding:10px 10px 10px 0;
	font-weight:bold;
	font-size:15px }
	
fieldset table tr td {	
	font-size:13px;
	padding:3px 5px }
	
fieldset table tr td.label { 
	border-bottom:1px dotted #AB843F;
	width:100px; 
	text-align:left }

fieldset table tr td input.text, 
fieldset table tr td textarea { 
	color:#000;
	border:1px solid #AB843F; 
	background:#EEE;
	padding:2px;
	font:13px Arial 	}

fieldset table tr td input.button { 
	padding:2px;
	font:bold 13px Arial 	}
	
#msg { width:100%; clear:both }

	 
#footer {
	position:relative;
	padding:35px 20px;
	color:#666;
	clear:both;
	background:url(img/seta-footer.gif) no-repeat left center }	
	
	
#footer .dev { 
	z-index:2; 
	position:absolute;
	right:0; bottom:40px }
	
#footer .dev a {
	text-indent:-1000000px;
	float:left;
	width:62px;
	height:9px;
	background:url(img/logo-flexpoint.gif) left bottom }