html, body {
	/*height:100%;
	width:100%;*/
	margin: 0px;
	padding: 0px;
	border: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 12px;
	text-align:center;
	background-image:url(../gfx/bg.gif);
	background-repeat:repeat-x;
	background-color:#141414;
	}


a {
	outline: 0px;
}
h1 span {
	display:none;}

/*/ MENU /*/
#main {
	width:900px;
	margin:auto;
	text-align:left;
	padding-bottom: 25px;}
#main #menu {
	position: relative;
	height:120px;
}
#main #menu ul{
	margin-top: 30px;
	position: absolute;
	top: 20px;
	right: 0px;
	}
#main #menu li{
	display: inline;}
#main #menu a{
	text-decoration: none;
	height: 36px;
	display: block;
	float: left;}
#main #menu a span{
	visibility: hidden;}
#main #menu .home{
	background: url(../gfx/bthome.gif) top left no-repeat;
	width: 120px;}
#main #menu .projeto{
	background: url(../gfx/btprojeto.gif) top left no-repeat;
	width: 130px;}
#main #menu .news{
	background: url(../gfx/btnews.gif) top left no-repeat;
	width: 60px;}
#main #menu .suporte{
	background: url(../gfx/btsuporte.gif) top left no-repeat;
	width: 80px;}
#main #menu .contato{
	background: url(../gfx/btcontato.gif) top left no-repeat;
	width: 80px;}

#main #menu a:hover{
	background-position: left bottom;}
#main #menu img {
	position: absolute;
	top: 0px;
	left: 10px;}

/*/ TOPO /*/
#main #topo { overflow: hidden; }

/*/ CONTEUDO /*/
#main #content {
}
#main #content h1{
	text-align: left;
	color: #838383;
	font-family: Tahoma, arial, sans-serif;
	font-weight: bold;
	font-size: 25px;}
#main #content ul li {
	position:relative;
	text-align: left;
	list-style: none;
	background: url(../gfx/dots.gif) repeat-x left bottom;
	margin: 0px 0px 5px -30px; /*/ bottom right top left /*/
	padding-bottom: 6px;}
#main #content ul li b {
	color: #bcbcbc;}
#main #content ul li span{
	color: #3e3e3e;}
#main #content a{
	border: none;
	font-size: 11px;
	text-decoration: none;}
#main #content img{
	border: none;
	font-size: 11px;
	text-decoration: none;}
	
	
#main #content #title{
	position:relative;
	width:400px;
	float:left;
	margin-bottom:-18px;
	*margin-bottom:-6px;
}

#main #content #title h1{
	width:400px;
	*margin-top: 13px;
	*margin-bottom: 20px;
}

#main #content #conteudo {
	float: left;
	position: relative;
	text-align: justify;
	width: 590px;
	margin: 0px 30px 16px 0px;
}

#main #content #conteudo h2 {
	font-size: 20px;
	font-weight: lighter;
	margin-bottom: 8px;
	color: #c8a245;}
#main #content #conteudo small {
	font-size: 11px;
	color: #474747;}
#main #content #conteudo center {
	margin-top: 30px;
	margin-bottom: 5px;}

#main #content #titleright{
	position:relative;
	float:right;
	margin-top: 25px;
	margin-bottom:-18px;
	*margin-bottom:-6px;
	color:#e7a800;
	font-size:12px;}
#main #content #titleright select {
	BORDER-RIGHT: #666666 1px solid;
    BORDER-TOP: #666666 1px solid;
    BORDER-LEFT: #666666 1px solid;
    BORDER-BOTTOM: #666666 1px solid;
    FONT-SIZE: 10px;
    COLOR: #000000;
    FONT-FAMILY: verdana;
    BACKGROUND-COLOR: #FFFFFF;
    
}
	
#main #content #related {
	position: relative;
	width: 270px;
	float: left;}
#main #content #related h2 {
	font-weight: lighter;
	font-size: 20px;
	color: #828282;}
#main #content #related ul li {
	position:relative;
	text-align: left;
	list-style: none;
	background: url(../gfx/dots.gif) repeat-x left bottom;
	margin: 0px 0px 5px -30px; /*/ bottom right top left /*/
	padding-bottom: 6px;}
#main #content #related ul li b {
	color: #bcbcbc;}
#main #content #related ul li span{
	color: #3e3e3e;}

#main #content #news {
	position: relative;
	margin-top: 20px;
	text-align: right;
	float: left;
	width: 270px;}

#main #content #suporte {
	text-align: right;
	margin-top: 20px;
	margin-left: 23px;
	position: relative;
	float: left;
	width: 270px;}
#main #content #modulos {
	position: relative;
	margin: 20px 0px 23px 50px;
	text-align: right;
	float: left;
	width: 270px;}
	
#main #content #module {
	position:relative;
	float:left;
	width: 900px;
	text-align:justify;}
#main #content #module ul li {
	margin-left: 10px;
	padding-left:20px;
	list-style-image:none;
	background:url(../gfx/bullet.gif) left center no-repeat;}
#main #content #module h2 {
	font-weight:normal;
	color: #e7a800;
	font-size:20px;}
#main #content #moduleimg {
	position:relative;
	float:right;
	width:360px;
	margin: 25px 0px 15px 30px;
	}
#content #bgTela {
	background-image: url(../gfx/tela.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:360px;
	height:300px;
	position:relative;
	float:right;
	margin: 25px 0px 15px 30px;
}
#content #bgTela img{
	margin:32px 0px 0px 1px;
}

#main #content #projectimg {
	position:relative;
	float:left;
	width:390px;
	margin-right:30px;
	margin-top:30px;}
#main #content #project {
	position:relative;
	text-align:justify;
	float:left;
	width:480px;
	margin-top:10px;
	*margin-top:30px;}
#main #content #project h2 {
	font-weight:normal;
	color: #e7a800;
	font-size:20px;}
#main #content #project ul li {
	margin-left: 10px;
	padding-left:20px;
	list-style-image:none;
	background:url(../gfx/bullet.gif) left center no-repeat;}
#main #content #project ul li a {
	color:#ABABAB;
	font-size:12px;}

#main #content #force {
	position: relative;
	text-align:justify;
	margin: auto;}
#main #content #force img {
	float: right;
	margin: 10px 0px 16px 30px;
	padding: 0px;}

#main #content #contatoleft input, textarea{
	background-color:#2C2C2C;
	border: 1px solid #999;
	color:#FFF;
	width:300px;
	font:12px Verdana, Geneva, sans-serif;
}
#main #content #contatoleft button{
	background-color:#2C2C2C;
	border: 1px solid #999;
	color:#FFF;
	margin-right:10px;
	font:12px Verdana, Geneva, sans-serif;
}
#main #content #contatoleft select {
	border: #666666 1px solid;
    font-size: 10px;
    width: 300px;
    color: #000000;
    font-family: verdana;
    background-color: #FFFFFF;
    
}
#main #content #contatoleft {
	position:relative;
	float: left;
	width: 435px;
	margin-right:30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 12px;
	float:left;
}
#main #content #contatoright {
	position:relative;
	width: 435px;
	font-size:12px;
	float:right;
}

/*/ RODAPE /*/
#main #box {
	position: relative;
	padding: 0;
	text-align: left;
	height: 60px;
	margin-top:40px;
	background-color: #000;}
 	
#main #rodape {
	height: 60px;}
		
#main #rodape p {
	line-height: 1.1em;
	padding-top: 18px;
	padding-left: 20px;
	padding-bottom: 17px;
	color:#a19c91;
	font-size: 11px;
	font-family: arial, helvetica, sans-serif;}
#main #rodape small {
	color: #6a655c;
	font-size: 10px;}
#main #rodape img {
	position: absolute;
	top: 20px;
	right: 20px}

#tlc {background: url(../gfx/tl.gif) top left no-repeat;}
#blc {background: url(../gfx/bl.gif) bottom left no-repeat;}
#trc {background: url(../gfx/tr.gif) top right no-repeat;}
#brc {background: url(../gfx/br.gif) bottom right no-repeat #000;}

/*/ CLASSES /*/
.imgover {
	margin-top: -88px;
	*margin-top: -83px;
}
.spacer {
	position: relative;
	clear: both;
	display: block;
	height: 1px;
	line-height: 1px;
	overflow: hidden;}
	
.fleft{
	float:left;
	outline: none;}
.fright{
	float:right;
	outline: none;}
.image {
	float: right;
	margin: 10px 0px 16px 30px;}