@charset "utf-8";
/* CSS Document */
*{margin:0px;}

a { text-decoration: none; }

a img { border: none; }

#menu-barra-temp{
list-style: inherit !important;
}
body {
	font-family:Arial !important;
	margin:0px;
	min-width:926px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* Container */
#conteudo { 
	margin: auto;
    max-width: 1096px;
    text-align: left;
	padding: 15px 0;
	text-align:justify;
	background: #fff;
	border-radius: 0px;
	padding: 10px 10px;
	min-width: 300px;
	display:block;
}

/* -------- Estilos -----------*/
.imagemExemplo {
	text-align: center;
	color: gray;
	margin-bottom: 15px;
}
.imagemExemplo img {
	box-shadow: 5px 5px 8px 2px #C8C8C8;
	max-width: 1000px;
}
.imagemExemplo p {
	color: gray;
	text-align: center;
}
.imginicio {
	float: right;
	display: block;
}

.imgpos {
	position: absolute;
	right: 30px;
	bottom: 500px;
}

p {
	margin-top: 5px;
	text-align: left;
	margin-bottom: 15px;
	padding: 0px 0px 0px 0px;
}

ol li {
	margin-bottom: 9px;
	margin-top: 0px;
	list-style: decimal;
}

ul li {
	margin-bottom: 10px;
	margin-top: 0px;
	list-style: disc;
}

ul {
	padding-top: 0px;
	margin: 0px;
	_margin-left: 15px;
}

ul li ul {
	margin-top: 8px;
}

li p {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}


pre {
	background-color: #FFF8E4;
	padding: 10px;
	font-size: 1.3em;
	_font-size: 1.2em;
}

body.blue-bg {
	background-repeat: repeat-x;
	background-size: cover;
	font-family: Arial !important;
	margin: auto;
	max-width: 1096px;
	display: table;
}

h1 {
	font-size: 1.8em;
	color: #226598;
	font-weight: bold;
	padding: 0px;
	margin-top: 5px;
	text-align: left;
	margin-bottom: 5px;
}

h2 {
	font-size: 1.4em;
	color: #226598;
	font-weight: bold;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

h3 {
	font-size: 1.4em;
	color: #226598;
	font-weight: bold;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

A:visited {
	color: #6600CC;
	font-weight: normal;
	text-decoration: none;
}

A:link {
	color: #23569d;
	font-weight: normal;
	text-decoration: none;
}

A:hover {
	color: #23569d;
	font-weight: normal;
	text-decoration: underline;
}

.nav A:link {
	color: #23569d;
}

A.tutorial-link {
	background-color: #e6f6fe;
	background-image: url('/images_www/v6/tutorial.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px 7px 7px 30px;
	vertical-align: middle;
}

A.demo-link {
	background-color: #e6f6fe;
	background-image: url('/images_www/v6/demo.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding: 3px 7px 7px 30px;
	vertical-align: middle;
}



pre {
	background-color: #FFF8E4;
	padding: 10px;
	font-size: 1.3em;
	_font-size: 1.2em;
}

pre,samp,code,tt {
	font-family: "Courier New", monospace;
	font-size: 1.1em;
	color: black;
}

ol li {
	margin-bottom: 9px;
	margin-top: 0px;
	list-style: decimal;
}

ul li {
	margin-bottom: 10px;
	margin-top: 0px;
	list-style: disc;
}
nav ul li {
	margin-bottom: 10px;
	margin-top: 0px;
	list-style: inherit;
}

ul {
	padding-top: 0px;
	margin: 0px;
	_margin-left: 15px;
}

ul li ul {
	margin-top: 8px;
}

li p {
	margin: 0px;
	padding: 0px 0px 3px 0px;
}


/********************
ul.toc {
	margin-bottom: 15px;
}

ul.toc>ul {
	margin-bottom: 0px;
}

ul.toc li {
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0px 0px 4px 15px
}

#nav li {
	list-style: none;
}

img.box {
	border: 1px solid #BBBBBB;
}

img.left {
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}

img.right {
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
	float: right;
}

.margin-around {
	margin: 10px;
}
#center-container {
	text-align: center;
}

#tof {
	font-size: 0.9em;
	right: 6px;
	position: relative;
	text-align: right;
}
#navig-breadcrumbs {
	text-align: left;
	padding: 5px 5px 5px 15px;
}

#download-box {
	height: 166px;
	_height: 170px;
}

#loginbox {
	padding: 5px 5px 5px 13px;
}

#f-page-news h2 {
	font-weight: bold;
	border: 0px;
}

#f-partner {
	_margin-top: 10px;
	padding: 10px 10px 10px 10px;
}

.product-list-box {
	margin: 15px 0px 0px 545px;
}

#products-navig {
	position: absolute;
	width: 166px;
	margin: 15px 0px 0px 14px;
	_margin: 15px 0px 0px 9px;
}

#products-platform-navig {
	float: left;
	width: 166px;
	margin: 15px 0px 0px 14px;
	_margin: 15px 0px 0px 9px;
}

#products-navig-table {
	border-collapse: collapse;
	width: 166px;
}

#products-navig-table td {
	border-bottom: 1px solid white;
	padding: 8px 4px 10px 4px;
}

.products-navig-submenu {
	padding: 5px 0px 0px 5px;
	_padding: 5px 0px 0px 8px;
	line-height: 170%;
}

#products-platform-navig  h1 {
	margin-bottom: 0px;
	color: #333333;
}

#products-text {
	margin-left: 180px;
}

#companion-projects {
	text-align: center;
	width: 910px;
	margin-left: auto;
	margin-right: auto;
}

#companion-projects a:hover,#tof a:hover,#ftr a:hover {
	background-color: transparent;
}

.companions-left {
	padding-left: 7px;
}

.companions-right {
	padding-right: 5px;
}

.rcol {
	width: 249px
}

.rcol ul {
	margin-left: 0px;
	padding-left: 15px;
	margin-top: 10px;
}

#heading-stripe {
	background-image: url('/images_www/v7/design/banner_overwiew.png');
	background-repeat: no-repeat;
	height: 57px;
	border-left: 1px solid #A7B0B7;
	border-right: 1px solid #A7B0B7;
}

#heading-stripe-platform {
	background-image: url('/images_www/v6/products-platform-top-bg.gif');
	background-repeat: no-repeat;
	height: 57px;
}

#heading-stripe div,#heading-stripe-platform div {
	float: right;
	padding: 20px 15px 0px 0px;
}

#heading-stripe h1 {
	font-size: 1.8em;
	color: white;
	padding: 25px 0px 0px 15px;
}

.trail-box {
	margin: 10px 10px 10px 10px;
}

.trail-box-header {
	background-color: #c7e3e8;
	min-height: 21px;
}

.trail-box-header h1 {
	color: #0e1b55;
	margin: 0px;
	padding: 2px 0px 0px 0px;
	_padding: 7px 0px 0px 0px;
	font-size: 1.3em;
}

.trail-box-content {
	padding: 10px 10px 0px 10px;
	border-right: 1px solid #c7e3e8;
	border-left: 1px solid #c7e3e8;
	border-bottom: 1px solid white;
}

.trail-box-content img {
	-webkit-box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
	box-shadow: 5px 5px 8px 2px rgba(200, 200, 200, 200);
}

.trail-box-content ul {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.trail-box-content li.line {
	border-bottom: 1px dashed #adadad;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.trail-box-bottom {
	background-image: url('/images_www/v6/trails/trails-box-bm.png');
	background-repeat: repeat-x;
	height: 6px;
	margin: 0px;
	padding: 0px;
	line-height: 1%;
}
#fixed-top-contentbox h1 {
	font-size: 1.8em;
	color: #0e1b55;
	padding: 25px 0px 0px 15px;
}

#top-box-bg img {
	border: 0px;
}

h1#platform-header {
	padding: 8px 0 0 15px;
	margin-bottom: 3px;
}

p#platform-subheader {
	padding-left: 15px;
	color: #ff8e00;
	font-size: 12px;
}
#doc {
	line-height: 165%;
	padding-left: 20px;
	_width: 98%;
}

#doc h2 {
	font-size: 1.45em;
	color: #EE6B00;
	font-weight: normal;
	padding: 5px 0px 2px 0px;
	margin: 10px 0px 8px 0px;
	border-bottom: 1px solid #D1d1d1;
	text-align: left;
}

#doc ul {
	margin-bottom: 15px;
}

#doc table {
	margin-bottom: 15px;
}

#doc table.colapse td {
	padding: 3px;
}

#sample-project {
	float: right;
	margin: 5px 0px 5px 5px;
	border: 1px dotted silver;
	background-color: #FFF4EE;
}
.feedback-box {
	float: right;
	padding: 5px;
	margin: 5px;
	background-color: #F2F7FB;
	border: 1px black dotted;
	font-style: italic;
}

.alert {
	background-image: url('images_www/v6/alert.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0px 8px 30px;
	vertical-align: middle;
}

.notes {
	background-image: url('images_www/v6/notes_small.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0px 8px 32px;
}

.tips {
	background-image: url('images_www/v6/tips_small.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding: 1px 0px 8px 34px;
}

.new-badge {
	background-image: url('images_www/v6/new_small.png');
	background-repeat: no-repeat;
	background-position: left;
	padding: 5px 0px 2px 34px;
}

.new-bullet {
	list-style-image: url('images_www/v6/new_small.png');
	background-repeat: no-repeat;
	background-position: left;
	margin: -5px 0 10px;
}

.circle-bullet {
	list-style: circle
}

#bookmarks {
	float: right;
	margin: 10px 10px 10px 0px;
	padding: 5px;
	border: 1px dotted gray;
}

.stamp {
	float: right;
	margin: 0px 0px 10px 10px;
}

small {
	font-size: 0.85em;
}

a img {
	border: none;
	background-color: transparent;
}
.bg-bege {
	background-color: #FFFCF4;
}

.bg-face {
	background-color: #FFF4EE;
}

.bg-silver {
	background-color: #EFEFEF;
}

.bg-silver2 {
	background-color: #F2F2F2;
}

.bg-sky {
	background-color: #F4F7FF;
}

.bg-white {
	background-color: white;
}

.innerpadding {
	padding: 5px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.b-all {
	border: 1px solid #adadad;
}

.b-left {
	border-left: 1px solid #ADADAD;
}

.b-right {
	border-right: 1px solid #ADADAD;
}

.b-top {
	border-top: 1px solid #ADADAD;
}

.b-bottom {
	border-bottom: 1px solid #ADADAD;
}

.b-top-dashed {
	border-top: 1px dashed #ADADAD;
}

.b-left-dashed {
	border-left: 1px dashed #ADADAD;
}

.b-right-dashed {
	border-right: 1px dashed #ADADAD;
}

.b-bottom-dashed {
	border-bottom: 1px dashed #ADADAD;
}

.b-green-left {
	border-left: 1px solid #69b5c2;
}

.b-green-right {
	border-right: 1px solid #69b5c2;
}

.b-none {
	border: none;
}

.f-page-cell {
	padding: 15px;
	vertical-align: top;
	line-height: 140%;
}

.f-page-auto-cell {
	padding: 15px;
	vertical-align: top;
	line-height: 140%;
	_width: 96%;
}

.cell {
	padding: 5px;
}

table {
	color: #333333;
	font-size: 1em;
	font-family: Arial, Helvetica, Verdana;
}

table.t-packs td {
	padding-bottom: 10px;
}

.colapse {
	border-collapse: collapse;
}

.xf-page-table {
	width: 767px;
	_width: 700px;
}

.f-page-table-2col {
	background: white;
}

.full-width {
	width: 100%;
}

.half-width {
	width: 50%;
}

.f-page-rcol {
	width: 307px;
	_width: 306px;
}

.font-light {
	color: #AEADAD;
}

.font-13 {
	font-size: 1.1em;
}

.font-14 {
	font-size: 1.2em;
}

.font-15 {
	font-size: 1.3em;
}

.font-16 {
	font-size: 1.4em;
}

.font-10 {
	font-size: 0.8em;
}

.font-11 {
	font-size: 0.9em;
}

.font-9 {
	font-size: 0.75em;
}

.bold {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.orange {
	color: #EE6B00;
}

.blue {
	color: #1E2A60;
}

.green {
	color: #6d9633;
}

b {
	font-size: 1em;
}

.normal {
	font-weight: normal;
}

.valign-top {
	vertical-align: top;
}

.valign-center {
	vertical-align: middle;
}

.valign-bottom {
	vertical-align: bottom;
}

.align-justify {
	text-align: justify;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}
form {
	padding: 0px;
	margin: 0px;
}

input.field {
	border: 1px solid #1E2A60;
}

.clear {
	clear: both;
}

select {
	border: 1px solid #1E2A60;
}

input.button {
	border: 1px solid #1E2A60;
	background-color: #FFF8E4;
}

input.toplogininp {
	width: 120px;
}

.examplecode {
	background-color: #FFF8E4;
	overflow: auto;
	width: 680px;
	white-space: pre;
}

em.Code {
	background-color: #FFF8E4;
	overflow: auto;
	width: 500px;
}

.img-left {
	margin: 5px 10px 5px 0px;
	float: left;
}

.img-right {
	margin: 5px 0px 5px 10px;
	float: right;
}

.news-image {
	float: right;
	margin: 3px 0px 5px 12px;
}
.leftmenug {
	margin-top: 8px;
	background-image: url("/images_www/v4/menu_mark_gt.gif");
	background-repeat: no-repeat;
	font-weight: bold;
	padding-bottom: 10px;
}

.leftmenuitem {
	margin-left: 15px;
	padding: 0px;
	border: 0px;
}

.leftsubmenuitem {
	margin-left: 15px;
	padding: 0px;
	border: 0px;
}

.leftmenuitem SELECT {
	font-size: 10px;
	font-weight: bold;
	font-family: Arial, Helvetica, Verdana;
	color: #3F3F3F;
	width: 140px;
}

*/