body, td { font: 14px/1.3 verdana, arial, helvetica, sans-serif }
th { font-size:18px; text-align:left }
td { vertical-align:top }
p { margin:0 0 .8em 0 }
a:link { color:#33c }	
a:visited { color:#339 }
em { font-weight: bold }
/HTML { MIN-HEIGHT: 100%; MARGIN-BOTTOM: 1px }

html { overflow: hidden; }

html, body {
     margin: 0;
     padding: 0;
     height: 100%;
}

BODY {
	BACKGROUND: #141414; MARGIN: 0px; TEXT-ALIGN: center
}
TD {
	FONT-SIZE: 9pt; COLOR: #737373; LINE-HEIGHT: 14pt; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
BODY {
	FONT-SIZE: 9pt; COLOR: #737373; LINE-HEIGHT: 14pt; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
TD.content {
	BACKGROUND: #ffffff
}
TD.form {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
TD.button {
	BORDER-RIGHT: #cccccc 1px dashed; PADDING-RIGHT: 8px; BORDER-TOP: #cccccc 1px dashed; PADDING-LEFT: 6px; PADDING-BOTTOM: 5px; BORDER-LEFT: #cccccc 1px dashed; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px dashed
}
DIV.footer {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; COLOR: #999999; PADDING-TOP: 10px
}
IMG.splash {
	MARGIN-TOP: 10px
}
IMG.icon {
	VERTICAL-ALIGN: middle
}
IMG.icon2 {
	VERTICAL-ALIGN: middle; MARGIN-RIGHT: 5px
}
H1 {
	FONT-SIZE: 14pt; MARGIN: 0px 0px 5px; COLOR: #666666
}
H2 {
	FONT-SIZE: 10pt; MARGIN: 0px 0px 2px
}
TD.headline {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
TD.headline2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 5px; COLOR: #888888; PADDING-TOP: 5px; TEXT-ALIGN: right
}
H2.title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 11pt; BACKGROUND: #f1f1f1; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 4px
}
DIV.text {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px
}
INPUT.text {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
TEXTAREA {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
SELECT {
	BORDER-RIGHT: #888888 1px solid; BORDER-TOP: #888888 1px solid; FONT-SIZE: 10pt; BORDER-LEFT: #888888 1px solid; BORDER-BOTTOM: #888888 1px solid; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
TEXTAREA {
	PADDING-LEFT: 3px
}
INPUT.text {
	PADDING-LEFT: 3px
}
INPUT.button {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; BACKGROUND: #dddddd; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; FONT-FAMILY: tahoma, "Trebuchet MS", arial, verdana, serif
}
FORM {
	MARGIN: 0px
}
UL {
	MARGIN-TOP: 2px
}
DIV.faq {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; PADDING-BOTTOM: 0px; PADDING-TOP: 5px
}
TD.item {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 12px; BACKGROUND: #f9f9f9; PADDING-BOTTOM: 10px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #cccccc 1px solid
}
TD.order A {
	BORDER-RIGHT: #bbbbbb 1px dashed; PADDING-RIGHT: 12px; BORDER-TOP: #bbbbbb 1px dashed; DISPLAY: block; PADDING-LEFT: 12px; FONT-WEIGHT: bold; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 10px; BORDER-LEFT: #bbbbbb 1px dashed; WIDTH: 350px; PADDING-TOP: 10px; BORDER-BOTTOM: #bbbbbb 1px dashed; TEXT-DECORATION: none
}
TD.order A:hover {
	BORDER-RIGHT: #bbbbbb 1px solid; BORDER-TOP: #bbbbbb 1px solid; BORDER-LEFT: #bbbbbb 1px solid; CURSOR: pointer; BORDER-BOTTOM: #bbbbbb 1px solid; TEXT-DECORATION: none
}
TD.error {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ffefef; PADDING-BOTTOM: 5px; COLOR: #ab0000; PADDING-TOP: 5px
}
TD.success {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #effff0; PADDING-BOTTOM: 5px; COLOR: #333333; PADDING-TOP: 5px
}
TABLE.box {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid
}
TD.header {
	BORDER-RIGHT: #ffffff 3px solid; PADDING-RIGHT: 9px; BORDER-TOP: #ffffff 3px solid; PADDING-LEFT: 9px; BACKGROUND-IMAGE: url(./index_arquivos/headerbg.gif); PADDING-BOTTOM: 7px; BORDER-LEFT: #ffffff 3px solid; COLOR: #555555; PADDING-TOP: 7px; BORDER-BOTTOM: #ffffff 3px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #eeeeee
}
TD.shadow {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(./index_arquivos/shadow.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x
}
A:link {
	COLOR: #2078c8; TEXT-DECORATION: none
}
A:visited {
	COLOR: #2078c8; TEXT-DECORATION: none
}
A:hover {
	COLOR: #3fa4ff; TEXT-DECORATION: underline
}
A.menu:link {
	COLOR: #dedede; TEXT-DECORATION: none
}
A.menu:visited {
	COLOR: #dedede; TEXT-DECORATION: none
}
A.menu:hover {
	COLOR: #ffffff; TEXT-DECORATION: underline
}
A.order:link {
	COLOR: #2078c8; TEXT-DECORATION: none
}
A.order:visited {
	COLOR: #2078c8; TEXT-DECORATION: none
}
A.order:hover {
	COLOR: #3fa4ff; TEXT-DECORATION: none
}
A.order2:link {
	COLOR: #737373; TEXT-DECORATION: none
}
A.order2:visited {
	COLOR: #737373; TEXT-DECORATION: none
}
A.order2:hover {
	COLOR: #737373; TEXT-DECORATION: none
}
A.orange:link {
	COLOR: #c86f20; TEXT-DECORATION: none
}
A.orange:visited {
	COLOR: #c86f20; TEXT-DECORATION: none
}
A.orange:hover {
	COLOR: #f48e33; TEXT-DECORATION: underline
}
A.login:link {
	COLOR: #8fe3ff; TEXT-DECORATION: none
}
A.login:visited {
	COLOR: #8fe3ff; TEXT-DECORATION: none
}
A.login:hover {
	COLOR: #bbeeff; TEXT-DECORATION: underline
}
A.red:link {
	COLOR: #ff4242; TEXT-DECORATION: none
}
A.red:visited {
	COLOR: #ff4242; TEXT-DECORATION: none
}
A.red:hover {
	COLOR: #ff7d7d; TEXT-DECORATION: underline
}
A.grey:link {
	COLOR: #666666; TEXT-DECORATION: none
}
A.grey:visited {
	COLOR: #666666; TEXT-DECORATION: none
}
A.grey:hover {
	COLOR: #3fa4ff; TEXT-DECORATION: none
}
TD.topbar {
	BACKGROUND: #222222; COLOR: #dddddd
}
TD.menu {
	PADDING-RIGHT: 8px; BORDER-TOP: #858585 1px solid; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(./index_arquivos/menu_bg2.gif); PADDING-BOTTOM: 8px; PADDING-TOP: 8px; BACKGROUND-REPEAT: repeat-x
}
TD.menu2 {
	FONT-SIZE: 10pt; LINE-HEIGHT: normal; FONT-FAMILY: tahoma, "Trebuchet Ms", verdana, serif
}
DIV.link A {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; WIDTH: 200px; PADDING-TOP: 5px; BORDER-BOTTOM: #333333 1px dotted
}
DIV.link A:hover {
	PADDING-RIGHT: 3px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; WIDTH: 200px; PADDING-TOP: 5px; BORDER-BOTTOM: #333333 1px solid
}
TD.demo {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 8pt; BACKGROUND-IMAGE: url(./index_arquivos/demo_bg.gif); VERTICAL-ALIGN: top; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-REPEAT: no-repeat
}
DIV.demo1 {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; FONT-WEIGHT: bold; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; PADDING-TOP: 7px
}
DIV.demo2 {
	PADDING-RIGHT: 9px; PADDING-LEFT: 9px; PADDING-BOTTOM: 7px; PADDING-TOP: 5px
}
DIV.code {
	BORDER-RIGHT: #ffdb86 1px dashed; PADDING-RIGHT: 10px; BORDER-TOP: #ffdb86 1px dashed; MARGIN-TOP: 5px; PADDING-LEFT: 10px; BACKGROUND: #fffaef; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 10px; BORDER-LEFT: #ffdb86 1px dashed; PADDING-TOP: 10px; BORDER-BOTTOM: #ffdb86 1px dashed; FONT-FAMILY: courier, courier new, tahoma, serif
}




#content {
     margin-top: 10px;
     position: relative;
}

#map {
     position: absolute;
     top: 0;
     left: 0;
     width: 455;
     height: 255;
     border: 1px solid #aaa;
}

#map-wrapper {
     position: relative;
     height: 279;
}

#sidebar {
     position: relative;
     border: 1px solid #aaa;
     width: 155px;
     height: 300;
     overflow: auto;
     left: 469;
}

#sidebar p {
     margin: 10px;
}

#sidebar ul#sidebar-list {
     list-style: none;
     padding: 6px 0 0 0 ;
     margin: 0;
}

#sidebar ul#sidebar-list li {
	position: relative;
	padding: 2px 5px 2px 50px;
	clear:left;
}

#sidebar ul#sidebar-list li div.label {
	float: left;
	margin-left: -40px;
	width: 40px;
	position:relative;
	padding: 1px 3px 1px;
	background: red;
	color: white;
}

#sidebar ul#sidebar-list li a {
	font-family: Arial;
	font-size: 11px;
	color: #445555;
	text-decoration: none;
	padding: 2px 3px;
}


div.LabeledMarker_markerLabel {
	display: block;
	padding-top: 9px;
}

div.LabeledMarker_markerLabel,
#sidebar ul#sidebar-list li div.label {
	text-align: center;
	color: white;
	width: 32px;
	letter-spacing: 0px;
	font-size: 12px;
	font-family: Arial;
}


body.sidebar-right #map-wrapper { margin-right: 230px; }
body.sidebar-right #sidebar { right: 0; }

body.nosidebar #map-wrapper { margin: 0; }
body.nosidebar #sidebar { display: none; }

body.sidebar-right a#button-sidebar-show,
body.nosidebar a#button-sidebar-hide { display: none; }

#toolbar {
     background: white;
     padding: 4px;
     border: 1px solid black;
     position: relative;
}

/* holly hack for IE to get position:bottom right
   see: http://www.positioniseverything.net/abs_relbugs.html
 \*/
* html #toolbar { height: 1px; }
/* */

#toolbar h1 {
     margin: 0;
     font: bold 18px Helvetica, sans-serif;
}

#toolbar ul {
     list-style: none;
     padding: 0;
     margin: 0;
}

#toolbar ul#sidebar-controls li {
	position: absolute;
	right: 5px;
	bottom: 5px;
}

#toolbar ul li {
     display: inline;
}

#toolbar ul li a {
     padding: 3px 6px;
     color: #444;
     text-decoration: none;
     font-size: 12px;
}

#toolbar ul li a:hover {
     color: #aaa;
     background: #444;
}