html {
	background-image: url('../images/html-degrade.jpg');
	background-repeat: repeat-x;
	background-position: center 297px;
}
body {
	margin: 0;	padding: 0;
	background-image: url('../images/body-middle.png');
	background-repeat: no-repeat;
	background-position: center 297px;
	font-family: Tahoma; font-size: 11px;
}

a.link { color: #337199; text-decoration: none; }
a.link:hover { text-decoration: underline; }

.orange-with-border { font-family: arial; font-size: 17px; color: #fff; font-weight: bold; padding: 1px; border: 1px solid #F8A663; }
.orange-with-border ul { list-style: none; margin: 0; padding: 1px; background-color: #F8A663; }
.orange-with-border ul li { border-bottom: 2px dotted #fff; padding: 10px; margin-left: 10px; margin-right: 15px; }
.orange-with-border ul li a { color: #fff; text-decoration: none; }
.orange-with-border ul li a:hover { color: #fff; text-decoration: underline; }
.orange-with-border ul li.noborder { border:0; }

#loading, .loading { background: url('../images/ajax-loader.gif') no-repeat; padding-left: 22px; width: 100px; height: 15px; float: left; clear: both; margin-bottom: 10px; }

.tips { color: #5096C6; font-size: 11px; margin: 5px; padding-bottom: 2px; border-bottom: 2px dotted #ccc; }
.textbox { width: 300px; font-family: arial; font-size: 12px; }
.button { padding: 0; font-size: 11px; color: #444; font-family: "trebuchet ms"; font-weight: bold; cursor: pointer; }

form { margin: 0; padding: 0; }
form label { cursor: pointer; display: block; }
.hand { cursor: hand; cursor: pointer; }

.error { color: #af0000; margin-bottom: 10px; }
.error h3 { margin: 0 0 2px 0; padding: 2px; font-size: 11px; }
.error ul { margin-top: 0; }

.success { color:#3C47AE; padding: 2px 2px 8px 2px; margin-bottom: 6px; border-bottom: 2px dotted #f8f8f8; }
.success h3 { margin: 0 0 2px 0; font-size: 14px; }

.required {color:#ff0000;font-size: 10px; font-weight: bold;}

p { margin: 0; padding: 5px; }

select { font-family: arial; font-size: 10px; color: #888; }

a.learn-more { padding-left: 15px; float:left; text-decoration: none; background: url('../images/saiba-mais.gif') no-repeat left; color: #3C82B0; font-weight: bold; }
a.learn-more:hover { text-decoration: underline; }

/* top sem limite */
#top-sl { background-image: url('../images/top-sl.jpg'); background-repeat: repeat-x; height: 136px; }
#top-sl #top { height: 136px; width: 960px; margin: 0 auto; }
#top-sl #top #logo {
	cursor: pointer; width: 109px; height: 117px; background-image: url('../images/logo.png'); background-repeat: no-repeat;
	margin: 18px 0px 0px 32px; position: relative; z-index: 5;
}

/**
 * Heading Space
 */
.heading h3 small {
	letter-spacing: 0px;
	text-transform: none;
	clear: both;
	display: block;
	font-size: 11px;
	font-weight: normal;
	margin-top: -5px;
}
.heading h3 {
	letter-spacing: -1px;
	text-transform: uppercase;
	text-indent: 20px;
	font-family: Arial;
	font-size: 30px;
	color: #fff;
	margin: 0;
	padding: 0;
	padding-top: 10px;
}
.heading .rl {
	float: left;
	height: 62px;
	width: 5px;
	background: url('../images/heading-rl.gif') no-repeat;
	background-position: left bottom;
}
.heading .rr {
	float: right;
	height: 62px;
	width: 5px;
	background: url('../images/heading-rr.gif') no-repeat bottom;
}
.heading .content { float: left; width: 340px; }
.heading {
	background: url('../images/heading-degrade.jpg') repeat-x; height: 62px; float: left; width: 100%; 
}
/****************************************************************************/

.padding-15 { padding: 15px; }

#breadcrumb { margin-bottom: 4px; text-align: right; font-family: tahoma; font-size:10px; }
#breadcrumb a { color: #585858; text-decoration: none; }
#breadcrumb a:hover { text-decoration: underline; }

/**
 * Right Wrapper 
 ********************************/
#top-sl #top #r_wrapper { width: 660px; }
#top-sl #top #flags  { width: 60px; margin-left: -120px; left: 50%; position: absolute; top: 10px;  }
#top-sl #top #flags a img { border: 0; }
#top-sl #top #flags a.disabled img { filter:alpha(opacity=25);-moz-opacity:.25; opacity: .25; }
#top-sl #top #r_wrapper #banner { }

#top-sl #top #r_wrapper #menu {
		width: 540px; padding-left: 8px; background-repeat: no-repeat; background-position: left center;
		background-image: url('../images/bg-top-menu-rl.gif'); float:right; margin-bottom: 10px;
}

#top-sl #top #r_wrapper #menu ul {
	background-image: url('../images/bg-top-menu.jpg');
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
}
#top-sl #top #r_wrapper #menu ul li a {
	height: 30px;
	line-height: 30px;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
}
#top-sl #top #r_wrapper #menu ul li {
	background-image: url('../images/sep-top-menu.jpg'); background-repeat: no-repeat;
	background-position: right center; float: left; display: inline; padding: 0 11px 0 11px; height: 30px; line-height: 30px;
}
#top-sl #top #r_wrapper #menu ul li img { border:0; float: left; margin-top: 10px;}
#top-sl #top #r_wrapper #menu ul li.final {
	background: none; float: right; padding: 0 18px 0 8px; background-position: right center;
	background-image: url('../images/bg-top-menu-rr.gif');
	background-repeat: no-repeat; height: 30px; line-height: 30px; 
}
/*********************************************************************************************/

#middle #subtop { margin: -30px 0 0 6px; width: 968px; }
#middle #subtop #t-left { width: 740px; border-bottom: 4px solid #F8A663; }

/**
 * Rounded box solution
 */


#middle .roundbox .little-input { font-size: 10px; font-family: arial; }

#middle .roundbox.orange { width: auto; background-image: url('../images/middle-dg-orange.jpg'); }
#middle .roundbox.orange ul { background-image: url('../images/middle-dg-orange-rl.gif'); }
#middle .roundbox.orange ul li.final { background-image: url('../images/middle-dg-orange-rr.gif'); }


#middle .roundbox.blue { width: 218px; display: inline; background-image: url('../images/middle-dg-blue.jpg'); height: 30px;  line-height: 30px;  }
#middle .roundbox.blue ul { width: 208px; background-image: url('../images/middle-dg-blue-rl.gif'); height: 30px; line-height: 30px; }
#middle .roundbox.blue ul li { float: left; }
#middle .roundbox.blue ul li.final { width: auto; background-position: right top; float: right; padding: 0 12px 0 0; background-image: url('../images/middle-dg-blue-rr.gif'); height: 30px; line-height: 30px; }


#middle .roundbox {
	background-position: left center; background-repeat: repeat-x;
}
#middle .roundbox ul { background-repeat: no-repeat; background-position: left; list-style: none; margin: 0; padding: 0; padding-left: 10px;  height: 26px; line-height: 26px;  }
#middle .roundbox ul li { float: left; padding: 0; display: inline; }
#middle .roundbox ul li.final { padding: 0 11px 0 11px; background-repeat: no-repeat; background-position: right top; height: 26px; line-height: 26px; }
#middle .roundbox ul li .img { font-size: 8px; vertical-align: middle; margin: 0; padding: 0; }
/*********************************************************************************************/

#middle { width: 972px; margin: 8px auto 0 auto; background-image: url('../images/sombra-middle.png'); background-repeat: repeat-y; }
#middle #subtop #t-right { width: 219px; margin-left: 1px;  }

/**
 * Destaque
 **/
#middle #subtop #t-right #destaque {
	background: url('../images/right-sombra-destaque.gif') repeat-y top left; width: 199px; background-color: #fff; padding: 10px;
	float: left; display: inline; height: 320px; 
}
#middle #subtop #t-right #destaque .desc { margin-top: 10px; color: #3C82B0; font-weight: bold; }
#middle #subtop #t-right #destaque .det { color: #888; font-size: 9px; }
#middle #subtop #t-right #destaque .hr  {
	height: 1px; margin-top: 10px;
	background: transparent url('../images/destaque-separador.jpg') center no-repeat;

}
/********************************************************/

/**
 * Conteúdo perto do footer
 */
#middle #content {
	margin-left: 7px;background-color: #fff;
	background: url('../images/degrade-silver.jpg') repeat-x; padding: 15px; padding-left: 15px; float: left; width: 928px; clear:both; min-height: 50px;
}

#middle #content-nobg {
	background-color: #fff; background-image: none;
	margin: 1px 0 0 0px; padding-left: 1px; padding-right: 1px; float: left; clear: both;
	width: 958px;
}

#middle #content .area-separator { height: 66px; width: 1px; background: url('../images/sep-middle-area.jpg') no-repeat; margin-left: 30px; margin-right: 30px; }

#middle #content .area { width: 260px; }

#middle #content .area#revendas { width: 258px; }
#middle #content .area#revendas .message .img { background: url('../images/img-revendas.jpg') no-repeat; }

#middle #content .area#faq { width: 275px; }
#middle #content .area#faq .img { background: url('../images/img-faq.jpg') no-repeat; }
#middle #content .area#faq .message .desc { width: 174px; }

#middle #content .area#helpdesk { width: 275px; }
#middle #content .area#helpdesk h3 { background-repeat: no-repeat; }
#middle #content .area#helpdesk .img { background-repeat: no-repeat; }
#middle #content .area#helpdesk .message .desc { width: 174px; }
#middle #content .area#helpdesk .learn-more2 { background-image: url('../images/br/bt-acessar.gif'); }

#middle #content .area#compatibilidade { width: 272px; }
#middle #content .area#compatibilidade .kleft { width: 190px }

#middle #content .area#compatibilidade label { width: 100%; }
#middle #content .area#compatibilidade select { float: left; margin-bottom: 5px; width: 190px; }

#middle #content .area h3 { margin: 0; padding: 0; height: 11px; margin-bottom: 6px; }
#middle #content .area .message {color:#7B7B7B; width: 100%; margin-top: 5px; }
#middle #content .area .message .img { margin-right: 7px; width: 83px; height: 57px; border: 1px solid #888; }
#middle #content .area .message .desc { width: 164px; }

/************************************************************************/

#img-destaque { width: 739px; height: 338px; border: 1px solid #fff; }

#footer {
	width: 965px; margin: 0 auto;
	background: url('../images/sombra-footer.png') no-repeat top;
	height: 30px; line-height: 30px; font-family: Arial; font-size: 10px; color: #A2A2A2;
}

#footer .kright { line-height: 30px; height: 30px; }
#footer .kright a#faceassina {
	float: left;
	width: 47px;
	height: 30px;
	background: url('../images/faceassina.gif') no-repeat center;
	margin-right: 10px;
}

.clearfloat { clear: both; }
.kleft { float: left; clear: none; display: inline; }
.kleft-cb { float: left; clear: both; display: inline; }
.kright { float: right; clear: none; display: inline; }
.kright-cb { float: right; clear: both; display: inline; }

