@charset "utf-8";
/* ------------------------------- */
/* Styles tags                     */
/* ------------------------------- */
body {
	background-color: #fff;
	color: #252525;
	font: small Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
img { border: none; }
h1 { margin-left: 10px; } /* site logo */
h2, h3, h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 30px;
}
h3 { font-size: 20px; }
h4 { font-size: 16px; }
h2, p { margin-bottom: 10px; }
address, h3, h4, h5, h6 { margin-bottom: 5px; }
ul, ol { list-style-type: none; }
a, a:link { 
	color: #006591;
	text-decoration: none; 
}
dl { 
	border-left: 1px solid #666;
	padding-left: 10px;
	margin-bottom: 10px; 
}
dt {
	font-weight: bold;
	margin-top: 5px;
}
dt label { display: inline; }
dd {
	font-size: 0.8em;
	color: #999;
}
dd strong { color: #85AD26; }
/* ------------------------------- */
/* Tabs tags (index)               */
/* ------------------------------- */
.tabs {}
.tab-content img.screenshot {
	float: left;
	width: 450px;
}
.tab-content { background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */ }
.tab-content h2 { font-size: 25px; }
.tab-content p, .tab-content ul { line-height: 1.5em; }
.tab-content ul { list-style: square; }
.tabs ul.tabs-anchors, .tabs .tab-content {
	overflow: hidden;
	height: 1%;
}
.tabs ul.tabs-anchors li { display: inline; }
.tabs ul.tabs-anchors li a, .tabs ul.tabs-anchors li a:visited {
	display: block;
	float: left;
	width: 150px;
	padding: 10px 0;
	color: #999;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 5px;
}
.tabs ul.tabs-anchors li a:hover, .tabs ul.tabs-anchors li a:active, .tabs ul.tabs-anchors li a:focus
, .tabs ul.tabs-anchors li.ui-tabs-selected a, .tabs ul.tabs-anchors li.ui-tabs-selected a:visited, .tabs ul.tabs-anchors li.ui-tabs-selected a:hover {
	color: #02739B;
	text-decoration: none;
	border-bottom: 2px solid #02739B;
	font-weight: bold;
}
.wrap-options {
	overflow: hidden;
	height: 1%;
}
ul.list-options, ol.list-options {
	width: 180px;
	padding: 10px 10px 20px;
	background: url(../images/site/bg-list-options.gif) no-repeat bottom;
	border-top: 1px solid #e5e5e5;
	float: left;
}
ul.list-options li, ol.list-options li {
	border-bottom: 1px solid #e5e5e5;
}
ul.list-options a, ul.list-options a:visited,
ol.list-options a, ol.list-options a:visited {
	color: #000;
	display: block;
	width: 170px;
	padding: 5px 10px 5px 0;
	background: url(../images/site/icn-seta-to-options.gif) no-repeat right;
}
ul.list-options a:hover, ul.list-options a:active, ul.list-options a:focus,
ol.list-options a:hover, ol.list-options a:active, ol.list-options a:focus {
	color: #036E9C;
	text-decoration: none;
}
ul.list-options li.ui-tabs-selected a, ol.list-options li.ui-tabs-selected a,
ul.list-options li.ui-tabs-selected a:visited, ol.list-options li.ui-tabs-selected a:visited {
	font-weight: bold;
	color: #036E9C;
	padding-left: 10px;
	width: 160px;
}
.option-content {
	width: 520px;
	padding: 10px;
	min-height: 255px;
	height: auto !important;
	height: 255px;
	border-top: 1px solid #e5e5e5;
	background: url(../images/site/bg-option-content.gif) no-repeat bottom;
	float: right;
}
.option-content h2 { color: #016893; }
.ui-tabs-hide { display: none; }
.wrap-carousel {
	position: relative;
	width: 650px;
	margin: 0 auto;
	overflow: hidden;
}
p#btn-tour-prev a {
	background: url(../images/site/btn-seta-tour-prev.gif) no-repeat;
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -99999px;
	outline: none;
	position: absolute;
	top: 100px;
	left: 15px;
}
p#btn-tour-next a {
	background: url(../images/site/btn-seta-tour-next.gif) no-repeat;
	display: block;
	width: 31px;
	height: 31px;
	text-indent: -99999px;
	outline: none;
	position: absolute;
	top: 100px;
	right: 15px;
}
.buttons, .notice, .warning, .error { margin-bottom: 10px; }
.error ul {
	line-height: 1.5em;
	list-style-type: square;
	margin-left: 15px;
}
/* ------------------------------- */
/* Layout structure                */
/* ------------------------------- */
#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	position: relative;
}
#header { background-color: #fff; }
#branding {
	background: url(../images/site/bg-menu.jpg) no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}
#branding p {
	color: #fff;
	font-weight: bold;
	font-size: 18px;
}
#branding a {
	position: absolute;
	top: 70px;
	right: 10px;
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
}
#wrapper-nav {
	position: absolute;
	top: 65px;
	right: 10px;
}
#nav li {
	display: inline;
}
#nav li a, #nav li a:visited {
	text-decoration: none;
	color: #999;
	font-size: 15px;
}
#nav li a:hover, #nav li a:active, #nav li a:focus {
	color: #454545;
}
#wrapper-menu { 
	background: url(../images/site/bg-menu.jpg) no-repeat;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin: 10px 0;
	position: absolute;
	z-index: 15;
}
#menu li {
	display: inline;
}
#menu li a {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	float: left;
	width: 150px;
	text-align: center;
}
#menu li a:hover, #menu li a:active, #menu li a:focus {
	color: #eee;
	text-decoration: none;
}
#home #btn-conheca, #razoes #btn-x-razoes, #tour #btn-tour, #login #btn-login, #planos #btn-planos {
	background: #87B62A url(../images/site/bg-menu-hover.jpg) no-repeat;
	padding: 10px 0 18px;
	color: #fff;
}
a#btn-login {
	background: url(../images/site/bg-seta-login.jpg) no-repeat 15px center;
	width: 110px;
}
#wrap-btn-signup {
	position: absolute;
	top: 160px;
	right: 50px;
}
#wrapper-content-all {
	margin: 60px 0 10px;
	position: relative;
}
#wrapper-content {
	zoom: 1;
	border-top: 1px solid #e5e5e5;
	background: url(../images/site/bg-content.gif) no-repeat bottom;
	padding: 30px 10px 30px;
	position: relative;
}
#wrapper-content.no-extra-padding { padding: 10px 10px 30px; }
#footer {
	border-top: 1px solid #e5e5e5;
	color: #999;
	font-size: 0.8em;
	padding: 10px;
}
#powered-by {
	text-indent: -99999px;
	font-size: 1px;
	overflow: hidden;
}
#powered-by a {
	display: block;
	background: url(../images/powered-by-w3invent-bg-white.gif) no-repeat left top;
	width: 81px;
	height: 25px;
}
#powered-by a:hover { background-position: left -25px; }

/* ------------------------------- */
/* Style table plans               */
/* ------------------------------- */
#wrap-signup { position: relative; }
table { 
	border-collapse: collapse; 
	font-size: 0.9em;
}
th.features {
	background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 0;
}
td.features {
	background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -128px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	width: 180px;
	padding-right: 10px;
}
th {
	background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -64px;
	border-right: 1px solid #fff;
	color: #fff;
	vertical-align: bottom;
	height: 64px;
	_height: 55px; /* IE */
	padding-bottom: 4px;
	text-align: center;
}
td {
	background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -178px;
	color: #fff;
	font-weight: bold;
	border-right: 1px solid #fff;
	height: 50px;
	width: 130px;
	text-align: center;
}
td strong {
	background: transparent url(../images/site/ico-check.gif) no-repeat;
	text-indent: -99999px;
	display: block;
	margin: 0 auto;
	width: 14px;
}
th.selected { 
	background: transparent url(../images/site/bg_th_selected.jpg) no-repeat bottom left; 
	width: 160px;
	padding-bottom: 9px;
}
td.selected { background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -228px; }
tfoot td {
	background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -342px;
	height: 64px;
	_height: 48px;
	vertical-align: top;
	padding-top: 8px;
}
tfoot td.selected {
	background: transparent url(../images/site/bg_tfoot_td_selected.jpg) no-repeat top left;
	padding-top: 16px;
}
tfoot td.features { background: transparent url(../images/site/bg-table-planos-sprite.gif) repeat-x 0 -278px; }
span.plan-price {
	display: block;
}
#wrap-signup-form {
	background-color: #fff;
	border: 2px solid #097BAF;
	border-bottom-width: 4px;
	width: 400px;
	padding-left: 10px;
	position: absolute;
	top: 24px;
	left: 340px;
	margin-bottom: 20px;
}
.wrap-title-in-form {
	background-color: #108CC2;
	padding: 5px 5px 1px;
	margin: 0 0 10px -10px;
	color: #fff;
}
.wrap-title-in-form h2 {
	font-size: 20px;
}
.wrap-fields-related p { margin-right: 0; }
#user_name, #company_address_state, #company_address_city { width: 380px; }
#frm-login #user_email, #name, #email, #msg { width: 400px; }
#frm-login #user_password { width: 200px; }
.info-alert {
	font-size: 0.9em;
	display: block;
}
.req {
	color: #f00;
	font-weight: bold;
	font-size: 0.8em;
}
.no-bold { font-weight: normal; }
.invalid {
	color: #f00;
}
.btn-assinar {
	display: block;
	background: url(../images/site/btn-assinar.png) no-repeat;
	width: 75px;
	height: 23px;
	margin: 0 auto;
	height: 35px;
	text-indent: -99999px;
	cursor: pointer; /* necessary cause javascript png fix to ie */
}

/* Workaround to width button in IE */
.wrap-buttons button {
    width: auto;
    overflow: visible;
    padding: 4px 10px 3px 7px;
}
#invite-demo {
	border: 1px solid #016893;
	border-width: 2px 0 5px;
	background-color: #017CB1;
	color: #fff;
	width: 280px;
	padding: 10px;
	float: right;
}

/**
 * Styles resales list
 *
 */
#frm-resales-choose { margin-bottom: 10px; }
#wrapper-list-resales {}
.list-resale {
	margin-bottom: 20px;
	border: 1px solid #e5e5e5;
	border-bottom-width: 3px;
	padding: 10px;
}
.resale-apresentation {}
.resale-logo {
	width: 90px;
	margin-right: 10px;
	float: left;
}
.resale-data { clear: both; }
.resale-address, .resale-website, .resale-telephones, .resale-ims, .btn-choose-resale { padding: 1px 0 1px 20px; }
.resale-address { background: url(../images/ico-map-view.png) no-repeat left center; }
.resale-website { background: url(../images/ico-site-in.png) no-repeat left center; }
.resale-telephones { background: url(../images/ico-telephone.png) no-repeat left center; }
.resale-ims { background: url(../images/ico-user.png) no-repeat left center; }
.list-resale-choice { 
	background-color: #006591;
	color: #fff;
	padding: 5px;
}
.list-resale-choice p, .resale-logo p { margin: 0; }
.list-resale-choice label { cursor: pointer; }