body {
  margin: 0px;
  background-color: #000000;
}

html > body #subnav{
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
}

* html #subnav{
	font-family: Arial, "Century Gothic", sans-serif;
}

.title{
	font-size: 18px;
}

html > body .title{
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
}

* html .title{
	font-family: Arial, "Century Gothic", sans-serif;
}


.title-port{
	font-size: 11px;
}

html > body .title-port{
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
}

* html .title-port{
	font-family: Arial, "Century Gothic", sans-serif;
}

.subtitle{
	size: 16px;
}


html > body .subtitle{
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
}

* html .subtitle{
	font-family: Arial, "Century Gothic", sans-serif;
}

html > body .tx{
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
}

* html .tx{
	font-family: Arial, "Century Gothic", sans-serif;
}

a {
	text-decoration: none;
	color: #fff;
}

a:hover{
	color: #808080;
}

#subnav{
	position: absolute;
	top: 0px;
	width: 900px;
	height: 50px;
	text-align: center;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 22px;
	letter-spacing: -1px;
	text-transform: uppercase;
	color: #808080;
	border: 0px solid white;
	z-index: 5;
}

a.subnav {
	text-decoration: none;
	color: #808080;
	margin: 0 10px 0 0;
}

a.subnav:hover{
	border-bottom: dashed 1px #fff;
	color: #fff;
	margin: 0 10px 0 0;
}
#ctx{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	background: #000 url("../_img/bk_prod.jpg") repeat 0 0;
	z-index: 1;
}
#ctx-00{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 1;
}

#ctx-01{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 2;
}
#ctx-01-merc{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	background-image: url("../_img/bk_merc.jpg");
	z-index: 2;
}
#ctx-01-reve{
	position: absolute;
	width: 360px;
	border: 0px solid white;
	z-index: 2;
}
#ctx-02{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 2;
}

#ctx-03{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 2;
}

#ctx-04{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 2;
}

#ctx-05{
	position: absolute;
	width: 900px;
	height: 420px;
	border: 0px solid white;
	z-index: 2;
}

#ctx-contato-01{
	position: absolute;
	top: 20px;
	width: 330px;
	height: 380px;
	border: 0px solid white;
	z-index: 2;
}

#ctx-contato-02{
	position: absolute;
	top: 20px;
	left: 500px;
	width: 330px;
	height: 380px;
	border: 0px solid white;
	z-index: 2;
}

#tx-box{
	position: absolute;
	top: 90px;
	left: 60px;
	width: 450px;
	height: 270px;
	border: 0px solid white;
	overflow: auto;
}
#tx-box-reve{
	position: absolute;
}
.title{
	text-align: left;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 25px;
	color: #fff;
}

.subtitle{
	text-align: left;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #808080;
}

.subtitle2{
	text-align: left;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-decoration: underline;
	color: #808080;
}

.tx{
	text-align: justify;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18pt;
	letter-spacing: 0px;
	color: #fff;
}

a.tx-link {
	text-decoration: underline;
	color: #808080;
}

a.tx-link:hover{
	color: #fff;
}

#th-01{
	position: absolute;
	top: 60px;
	left: 180px;
	width: 210px;
	height: 120px;
	border: 1px solid white;
}

#th-01-tx{
	position: absolute;
	top: 185px;
	left: 180px;
	width: 210px;
	height: 20px;
	text-align: right;
	border: 0px solid gray;
}

#th-02{
	position: absolute;
	top: 60px;
	right: 180px;
	width: 210px;
	height: 120px;
	border: 1px solid white;
}

#th-02-tx{
	position: absolute;
	top: 185px;
	right: 180px;
	width: 210px;
	height: 20px;
	text-align: right;
	border: 0px solid gray;
}

#th-03{
	position: absolute;
	top: 240px;
	left: 180px;
	width: 210px;
	height: 120px;
	border: 1px solid white;
}

#th-03-tx{
	position: absolute;
	top: 365px;
	left: 180px;
	width: 210px;
	height: 20px;
	text-align: right;
	border: 0px solid gray;
}

#th-04{
	position: absolute;
	top: 240px;
	right: 180px;
	width: 210px;
	height: 120px;
	border: 1px solid white;
}

#th-04-tx{
	position: absolute;
	top: 365px;
	right: 180px;
	width: 210px;
	height: 20px;
	text-align: right;
	border: 0px solid gray;
}

#arrow-back{
	position: absolute;
	top: 330px;
	left: 420px;
	width: 28;
	height: 33px;
	border: 0px solid gray;
}

#arrow-back:hover{
	opacity: 0.70;
  filter: alpha(opacity=70);
}

#arrow-go{
	position: absolute;
	top: 330px;
	left: 470px;
	width: 28;
	height: 33px;
}

#arrow-go:hover{
	opacity: 0.70;
  filter: alpha(opacity=70);
}
#arrow-back-port{
	position: absolute;
	top: 192px;
	left: 100px;
	width: 28;
	height: 33px;
	border: 0px solid gray;
	cursor: hand;
	z-index: 5;
}

#arrow-back-port:hover{
	opacity: 0.70;
  filter: alpha(opacity=70);
}

#arrow-go-port{
	position: absolute;
	top: 192px;
	right: 100px;
	width: 28;
	height: 33px;
	border: 0px solid gray;
	cursor: hand;
	z-index: 5;
}

#arrow-go-port:hover{
	opacity: 0.70;
  filter: alpha(opacity=70);
}

#line{
	position: absolute;
	top: 90px;
	left: 535px;
	height: 270px;
	border: 1px solid #808080;
}
#line-cont{
	position: absolute;
	top: 90px;
	left: 420px;
	height: 270px;
	border: 1px solid #808080;
}

#img-box{
	position: absolute;
	top: 120px;
	left: 570px;
	width: 211px;
	height: 181px;
	border: 10px solid white;
}
#img-box2{
	position: absolute;
	top: 120px;
	left: 570px;
	width: 211px;
	height: 181px;
	border: 0px solid white;
	text-align: left;
}

.lk-capa-empresa{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_empr.jpg") repeat 0 0;
	z-index: 10;
}
.lk-capa-suporte{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_supo.jpg") repeat 0 0;
	z-index: 10;
}
.lk-capa-contato{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_cont.jpg") repeat 0 0;
	z-index: 10;
}
.lk-capa-news{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_news.jpg") repeat 0 0;
	z-index: 10;
}
.lk-capa-port{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_port.jpg") repeat 0 0;
	z-index: 10;
}
.lk-capa-merc{
	position: absolute;
	top: 60px;
	right: 0px;
	width: 60px;
	height: 300px;
	border: 0px solid white;
	background: #000 url("../_img/tl_merc.jpg") repeat 0 0;
	z-index: 10;
}
#missao{
	position: absolute;
	width: 450px;
	height: 450px;
	background-image: url("../_img/back_missao.jpg");
	z-index: 2;
}
#perguntas{
	position: absolute;
	width: 450px;
	height: 450px;
	background-image: url("../_img/back_missao.jpg");
	z-index: 2;
}
#title-img{
	position: absolute;
	top: 15;
	left: 15;
	width: 300px;
	height: 60px;
	background: #000 url("../_img/tl_perguntas.jpg") repeat 0 0;
	border: solid 0px #fff;
	z-index: 3;
}
#mapa{
	position: absolute;
	top: 90px;
	left: 560px;
	width: 280px;
	height: 273px;
	z-index: 13;
}

#resultado-reve{
	position: absolute;
	top: 90;
	left: 60;
	height: 270px;
	width: 430px;
	z-index: 3;
}

#resultado-repre{
	position: absolute;
	top: 90;
	left: 60;
	height: 270px;
	width: 430px;
	z-index: 4;
}
#padd-form{
	padding: 30px;
	margin-top: 60px;
}
#padd-form-valores{
	padding: 30px;
}
.tx-form{
	font-family: "Century Gothic", "Helvetica Neue", Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	border: 0px solid red;
}
.formularios {
	border: 1px solid #808080;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 270px;
	margin-bottom: 2px;
}
.formularios-seja {
	border: 1px solid #808080;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 360px;
	margin-bottom: 10px;
}
.ul{
	text-align: justify;
	font-family: "Century Gothic", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18pt;
	letter-spacing: 0px;
	color: #fff;
	list-style: none;
	margin: 0;
  padding: 0 0px 0 0px;
}
