/* xbrowser - css */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; /*vertical-align: baseline;*/ background: transparent; }


/* global reset */
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
html { overflow-y: scroll; }
html, body { height:100%; }
a, a:visited, a:hover { outline:0; color:#666; text-decoration:none; }
a:hover { text-decoration:underline; }
hr { display:none }


/* back button */
.back { float:right; width:87px; height:27px; margin-right:35px; background-position:-1031px -273px; }
.back:hover { background-position:-1031px -320px; }

/* gloabl sprite */
.sprite { display:block; text-indent:-5000em; background-image:url(../img/sprite.png); background-repeat:no-repeat; }


/* global body */
body { position:relative; font-family:Arial; font-size:12px; color:#666; background:url(../img/background-body.jpg); }


/* global wrap */
.wrap { position:relative; width:950px; margin:0 auto; }


/* global box */
.box { position:relative; background:url(../img/background-box.png) repeat-x bottom #fff; }
.c-lt, .c-rt, .c-lb, .c-rb { width:6px; height:6px; position:absolute; background:url(../img/box-corners.png) no-repeat; }
.c-lt { left:0; top:0; background-position:0 0; }
.c-rt { right:0; top:0; background-position:-6px 0; }
.c-lb { left:0; bottom:0; background-position:0 -6px; }
.c-rb { right:0; bottom:0; background-position:-6px -6px; }
.box-header { width:100%; height:55px; background:url(../img/background-box-header.jpg) repeat-x; }


/* home results box */
.box-results { float:left; width:950px; height:268px; margin-bottom:12px; }
.box-results .left { float:left; width:450px; }
.box-results .left h3 { width:369px; height:73px; margin:20px 0 0 24px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -5px -78px; }
.box-results .left p { width:350px; margin:33px 0 48px 24px; line-height:1.5em; font-size:13px; }
.box-results .left .diff { display:block; width:364px; height:53px; margin:32px 0 0 24px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat 0 -374px; }
.box-results .right { float:left; width:500px; }
.box-results .right img { margin-top:15px; }


/* home features box */
.box-features { float:left; /*width:640px;*/ height:348px; width:950px; height:268px; margin-bottom:15px; }
.box-features .box-header h4 { float:left; width:144px; height:13px; margin:20px 0 0 24px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -3px -159px; }
.box-features .box-header .features { float:right; position:relative; z-index:10; width:239px; height:53px; background:url(../img/background-box-header-button.jpg) no-repeat; }
.box-features ul { /*width:640px;*/ width:950px; margin-top:33px; }
.box-features ul li { float:left; width:275px; height:69px; margin:0 0 16px 26px; border-bottom:1px solid #e0e0e0; }
.box-features ul li.last { border-bottom:none; }
.box-features ul li p { float:left; width:189px; margin-top:4px; line-height:1.1em; letter-spacing:-0.02em; }
.box-features ul li.total-control h5 a { float:left; display:block; width:189px; height:15px; margin-top:3px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -2px -176px; }
.box-features ul li.total-control span { float:left; display:block; width:55px; height:47px; margin-right:14px; background:url(../img/sprite.png) no-repeat 0 -212px; }
.box-features ul li.secure h5 a { float:left; display:block; width:122px; height:11px; margin-top:3px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -594px -178px; }
.box-features ul li.secure span { float:left; display:block; width:35px; height:47px; margin-right:14px; background:url(../img/sprite.png) no-repeat -183px -211px; }
.box-features ul li.report h5 a { float:left; display:block; width:161px; height:13px; margin-top:3px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -205px -176px; }
.box-features ul li.report span { float:left; display:block; width:47px; height:47px; margin-right:20px; background:url(../img/sprite.png) no-repeat -64px -211px; }
.box-features ul li.cleanup-db h5 a { float:left; display:block; width:146px; height:11px; margin-top:3px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -731px -178px; }
.box-features ul li.cleanup-db span { float:left; display:block; width:47px; height:47px; margin-right:23px; background:url(../img/sprite.png) no-repeat -226px -211px; }
.box-features ul li.navigation h5 a { float:left; display:block; width:197px; height:11px; margin-top:3px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -384px -178px; }
.box-features ul li.navigation span { float:left; display:block; width:53px; height:47px; margin-right:14px; background:url(../img/sprite.png) no-repeat -121px -212px; }
.box-features ul li.visualization h5 a { float:left; display:block; width:205px; height:15px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -892px -176px; }
.box-features ul li.visualization span { float:left; display:block; width:54px; height:47px; margin-right:16px; background:url(../img/sprite.png) no-repeat -282px -211px; }
.box-features ul li a.features { float:right; display:block; width:208px; height:27px; margin:16px 0 0 19px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat 0 -273px; }
.box-features ul li a.features:hover { background:url(../img/sprite.png) no-repeat 0 -320px; }



/* global box */
.box-global { float:left; width:294px; height:348px; margin:0 0 15px 16px; }
.box-global .box-header h4 { float:left; width:30px; height:14px; margin:20px 0 0 24px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -260px -159px; }
.box-global ul { float:left; width:240px; margin:25px 0 0 15px; }
.box-global ul li { width:200px; height:27px; margin-bottom:17px; padding-left:40px; border-bottom:1px solid #e0e0e0; background:url(../img/sprite.png) no-repeat -950px -1px; }
.box-global ul li a { font-weight:bold; font-size:12px; }
.box-global a.faq { float:right; display:block; width:136px; height:27px; margin:16px 40px 0 0; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -221px -274px; }
.box-global a.faq:hover { background:url(../img/sprite.png) no-repeat -221px -319px; }


/* global general */
#general { position: relative; width:100%; min-height: 100%; height: auto !important; height: 100%; }


/* global header */
#header { width:100%; height:173px; padding-top:23px; background:url(../img/background-header.png) repeat-x; }
#header .wrap h1 { float:left; position:relative; width:211px; height:97px; text-indent:-5000em; background:url(../img/background-h1.png) no-repeat bottom right; }
#header .wrap h1 a { display:block; position:absolute; width:185px; height:38px; left:0; top:20px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat 0 0; }
#header .wrap h2 { float:left; position:relative; top:23px; left:43px; text-indent:-5000em; background-image:url(../img/sprite.png); }
#header.h-home .wrap h2 { width:286px; height:26px; left:0; background-position:-5px -47px; }
#header.h-features .wrap h2 { width:189px; height:18px; background-position:-4px -522px; }
#header.h-proposal .wrap h2 { width:214px; height:18px; background-position:-213px -522px; }
#header.h-contact .wrap h2 { width:93px; height:18px; background-position:-444px -522px; }
#header.h-faq .wrap h2 { width:39px; height:19px; background-position:-554px -522px; }
#header .wrap .software { float:right; position:relative; right:-80px; }
#header .wrap .software a { display:block; width:364px; height:66px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -389px -374px; }
#header .wrap .software a:hover { background:url(../img/sprite.png) no-repeat -389px -445px; }
#header .wrap ul { float:right; position:relative; width:675px; height:97px; }
#header .wrap ul li { float:left; position:relative; margin-left:40px; height:97px; cursor:pointer; }
#header .wrap ul li span.active { position:absolute; width:100%; height:5px; bottom:0; background-color:#e3e3e3; }
#header .wrap ul li span.inactive { position:absolute; width:100%; height:5px; bottom:0; background-color:#e3e3e3; display:none; }
#header .wrap ul li span.active span.l, #header .wrap ul li span.inactive span.l { float:left; display:block; width:4px; height:5px; background:url(../img/background-menu-current.gif) no-repeat 0 0; }
#header .wrap ul li span.active span.r, #header .wrap ul li span.inactive span.r { float:right; display:block; width:4px; height:5px; background:url(../img/background-menu-current.gif) no-repeat -4px 0; }
#header .wrap ul li a { position:relative; display:block; text-indent:-5000em; top:35px; background-image:url(../img/sprite.png); background-repeat:no-repeat }
#header .wrap ul li.home a { width:91px; height:13px;  background-position:-335px 0; }
#header .wrap ul li.home a:hover { width:91px; height:13px;  background-position:-335px -14px; }
#header .wrap ul li.features a { width:116px; height:13px; background-position:-437px 0; }
#header .wrap ul li.features a:hover { width:116px; height:13px; background-position:-437px -14px; }
#header .wrap ul li.proposal a { width:136px; height:13px; background-position:-564px 0; }
#header .wrap ul li.proposal a:hover { width:136px; height:13px; background-position:-564px -14px; }
#header .wrap ul li.contact { margin-left:30px; }
#header .wrap ul li.contact a { width:182px; height:13px; background-position:-714px 0; }
#header .wrap ul li.contact a:hover { width:182px; height:13px; background-position:-714px -14px; }
#header .wrap ul li.faq { margin-left:25px; }
#header .wrap ul li.faq a { width:24px; height:13px; background-position:-910px 0; }
#header .wrap ul li.faq a:hover { width:24px; height:13px; background-position:-910px -14px; }
#header .wrap .current-section { position:absolute; display:block; width:14px; height:7px; left:45px; top:97px; background:url(../img/background-current-section.gif) no-repeat; }


/* global content */
#content { margin:10px 0 20px 0; height:100%; }


/* global footer */
#footer { float:none; position:relative; width:100%; height:108px; padding-top:24px; margin-top:24px; bottom:0; clear:both; background:url(../img/background-footer.png) repeat-x; }
#footer h5, #footer strong, #footer ul li { float:left; }
#footer strong { font-weight:bold; margin:5px 0 0 10px; }
#footer ul { float:right; margin:5px 0 0 10px; font-weight:bold; }
#footer ul li { margin-right:30px; padding-left:10px; list-style:disc; }
#footer h5 a { display:block; width:126px; height:20px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -191px 0; }


/* global breadcrumbs */
.breadcrumbs { float:left; width:950px; height:63px; position:relative; background:url(../img/background-breadcrumbs.png) repeat-x bottom; }
.breadcrumbs .c-lt, .breadcrumbs .c-rt, .breadcrumbs .c-lb, .breadcrumbs .c-rb { position:absolute; background:url(../img/breadcrumbs-corners.png) no-repeat; }
.breadcrumbs .c-lt { width:6px; height:5px; left:0; top:0; background-position:-2px 0; }
.breadcrumbs .c-rt { width:6px; height:5px; right:0; top:0; background-position:-5px 0; }
.breadcrumbs .c-lb { width:6px; height:7px; left:0; bottom:0; background-position:-2px -5px; }
.breadcrumbs .c-rb { width:6px; height:7px; right:0; bottom:0; background-position:-4px -5px; }
.breadcrumbs .section { float:left; width:720px; height:63px; margin-left:26px; }
.breadcrumbs .section h4 { float:left; color:#999; height:58px; line-height:62px; border-bottom:2px solid #ba2b22; }
.breadcrumbs .section h4 a { color:#999; }
.breadcrumbs .section h4 strong { font-size:13px; color:#b72a1f; }
.breadcrumbs .contact { float:right; position:relative; z-index:10; width:130px; height:58px; background:url(../img/background-breadcrumbs-contact-button.jpg) no-repeat; }
.breadcrumbs .contact a { display:block; width:111px; height:27px; margin:14px 0 0 19px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -1141px -273px; }
.breadcrumbs .contact a:hover { background:url(../img/sprite.png) no-repeat -1141px -320px; }
.breadcrumbs .proposal { float:right; position:relative; z-index:10; width:203px; height:58px; background:url(../img/background-breadcrumbs-proposal-button.jpg) no-repeat; }
.breadcrumbs .proposal a { display:block; width:166px; height:27px; margin:14px 0 0 19px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -371px -273px; }
.breadcrumbs .proposal a:hover { background:url(../img/sprite.png) no-repeat -371px -319px; }


/* global section content */
.section-content { float:left; position:relative; width:614px; height:549px; padding:26px 0 0 26px; margin:15px 0; overflow:hidden; background:url(../img/background-content.jpg) no-repeat #fff top right; -moz-border-radius-bottomleft:0.5em; }
.section-content.feature-list { height:575px; padding:0 0 0 26px; }

/* global sidebar */
.sidebar { float:left; position:relative; width:310px; height:575px; margin:15px 0; background:url(../img/background-sidebar.png) no-repeat #fff top left; -moz-border-radius-bottomright:0.5em; }
.sidebar h4 { width:132px; height:22px; margin:30px 0 35px 20px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -348px -42px; }
.sidebar ul { float:left; width:274px; margin-left:10px; }
.sidebar ul li { height:50px; width:266px; padding:10px 0 10px 8px; cursor:pointer; border-top:1px solid #ccc; }
.sidebar ul li span, .sidebar ul li a { float:left; text-indent:-5000em; display:block; background-image:url(../img/sprite.png); }
.sidebar ul li a { margin-top:10px; }
.sidebar ul li.total-control span { width:55px; height:47px; background-position:0 -212px; }
.sidebar ul li.total-control a { width:189px; height:15px; margin-left:10px; background-position:-2px -176px; }
.sidebar ul li.total-control a:hover { background-position:-2px -194px; }
.sidebar ul li.report span { width:47px; height:47px; margin-left:6px; background-position:-64px -211px; }
.sidebar ul li.report a { width:161px; height:13px; margin-left:15px; background-position:-205px -176px; }
.sidebar ul li.report a:hover { background-position:-205px -194px; }
.sidebar ul li.navigation span { width:53px; height:47px; background-position:-121px -212px; }
.sidebar ul li.navigation a { width:197px; height:11px; margin-left:12px; background-position:-384px -178px; }
.sidebar ul li.navigation a:hover { background-position:-384px -196px; }
.sidebar ul li.secure span { width:35px; height:47px; margin-left:6px; background-position:-183px -211px; }
.sidebar ul li.secure a { width:122px; height:11px; margin-left:22px; background-position:-594px -178px; }
.sidebar ul li.secure a:hover { background-position:-594px -196px; }
.sidebar ul li.cleanup-db span { width:47px; height:47px; background-position:-226px -211px; }
.sidebar ul li.cleanup-db a { width:146px; height:15px; margin-left:15px; background-position:-731px -176px; }
.sidebar ul li.cleanup-db a:hover { background-position:-731px -194px; }
.sidebar ul li.visualization span { width:54px; height:47px; background-position:-282px -211px; }
.sidebar ul li.visualization a { width:205px; height:15px; margin-left:6px; background-position:-892px -176px; }
.sidebar ul li.visualization a:hover { background-position:-892px -194px; }
.sidebar .slim { float:left; width:208px; height:27px; margin:20px; background-position:-1257px -273px; }
.sidebar p { float:left; width:280px; margin-left:20px; }
.sidebar .slim:hover { background-position:-1257px -320px; }
.sidebar .back { margin:20px 20px 0 0; }


/* features */
#features { width:614px; position:relative; top:0; left:0; }
#features .item-0, #features .item-1, #features .item-2, #features .item-3, #features .item-4, #features .item-5 { width:614px; height:549px; }
#features div h3 { float:left; margin-top:40px; text-indent:-5000em; background-image:url(../img/sprite.png); }
#features div .hr { float:left; width:578px; margin:50px 0 20px; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dfdfdf; background:transparent; }
#features div p { float:left; width:578px; line-height:1.5em; margin-bottom:20px; }
#features div p strong { font-weight:bold; font-size:14px; color:#991f13; }
#features .item-0 h3 { width:350px; height:34px; background-position:-380px -77px; }
#features .item-1 h3 { width:299px; height:28px; background-position:-752px -76px; }
#features .item-2 h3 { width:367px; height:23px; background-position:-1071px -82px; }
#features .item-3 h3 { width:323px; height:34px; background-position:-1722px -77px; }
#features .item-4 h3 { width:377px; height:34px; background-position:-2069px -77px; }
#features div .images { float:left; width:614px; }
#features div .images img { float:left; margin:5px; border:2px solid transparent; }
#features div.item-4 .images img { width:190px; }
#features div .images img:hover { border:2px solid #991f13; }


/* comparation table */
#comparation-table { height:790px; }
#comparation-table h3 { float:left; width:536px; height:81px; background-position:-3611px -75px; }
#comparation-table .hr { float:left; width:578px; margin:20px 0; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dfdfdf; background:transparent; }
#comparation-table table { float:left; width:578px; }
#comparation-table table thead th { height:34px; line-height:34px; text-align:left; color:#991f13; }
#comparation-table table thead th.dtd, #comparation-table table thead th.dtd-slim { text-align:center; }
#comparation-table table tbody tr { text-indent:10px; height:34px; line-height:34px; background-color:#fff; }
#comparation-table table tbody tr td { background-color:#fff; }
#comparation-table table tbody tr.odd, #comparation-table table tbody tr.odd td { background-color:#ebebeb; }
#comparation-table table tbody tr td.dtd-listas { padding-left:30px; }
#comparation-table table tbody tr td.dtd-slim { padding-left:45px; }
#comparation-table table tbody tr td .yes, #comparation-table table tbody tr td .no { text-align:center; }
#comparation-table table tbody tr td .yes { width:25px; height:22px; background-position:-1363px -1px; }
#comparation-table table tbody tr td .no { width:20px; height:20px; background-position:-1364px -28px; }


/* sidebar */
.sidebar.comparation-table { height:816px; }


/* faq */
#faq { width:898px; height:auto; padding:26px; -moz-border-radius:0.5em; background-position:476px 0; }
#faq h3 { width:45px; height:23px; text-indent:-5000em; background:url(../img/sprite.png) no-repeat -2462px -82px; }
#faq ul { width:898px; margin-top:15px; }
#faq ul li { width:898px; margin-bottom:10px; border-top:1px solid #dfdfdf; background:url(../img/background-faq-items.png) no-repeat 856px 0; }
#faq ul li strong { display:block; height:42px; line-height:42px; font-weight:bold; color:#991f13; cursor:pointer; }
#faq ul li p { margin:10px 0 14px; line-height:1.3em; display:none; }


/* proposal */
.proposal { height:774px; }
.proposal h3 { width:467px; height:88px; background-position:-2534px -76px; }
.proposal .hr { float:left; width:578px; margin:20px 0 30px; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dfdfdf; background:transparent; }
.proposal #proposal-form { float:left; width:346px; }
.proposal #proposal-form div label { display:block; margin:17px 0 10px; color:#b72a1f; font-weight:bold; font-size:13px; }
.proposal #proposal-form div input { width:332px; height:25px; padding:10px 0 0 10px; font-size:13px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-top:1px solid #7c7c7c; border-bottom:1px solid #ddd; }
.proposal #proposal-form div input.submit { width:256px; height:41px; margin-top:40px; background-position:-554px -273px; background-color:transparent; border:0; cursor:pointer; }
.proposal #proposal-form div input.submit:hover { background-position:-554px -319px; }
.sidebar-proposal { height:800px; }

/* contact */
.contact { height:790px; }
.contact h3 { float:left; width:555px; height:75px; background-position:-3027px -81px; }
.contact .hr { float:left; width:578px; margin:20px 0 10px; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dfdfdf; background:transparent; }
.contact #contact-form { float:left; width:346px; }
.contact #contact-form div { float:left; width:346px; }
.contact #contact-form div.city { width:282px; }
.contact #contact-form div.city input { width:258px; margin-bottom:15px; }
.contact #contact-form div.state { width:64px; }
.contact #contact-form div.state input { width:50px; }
.contact #contact-form div label { display:block; margin:17px 0 10px; color:#b72a1f; font-weight:bold; font-size:13px; }
.contact #contact-form div input, .contact #contact-form div select, .contact #contact-form div textarea { font-family:Arial; font-size:13px; border-left:1px solid #f0f0f0; border-right:1px solid #f0f0f0; border-top:1px solid #7c7c7c; border-bottom:1px solid #ddd; }
.contact #contact-form div input { width:332px; height:28px; padding:7px 0 0 10px; }
.contact #contact-form div select { width:344px; height:25px; }
.contact #contact-form div textarea { font-family:Arial; width:332px; height:150px; padding:10px 0 0 10px; }
.contact #contact-form div input.submit { width:187px; height:41px; margin-top:20px; background-position:-823px -273px; background-color:transparent; border:0; cursor:pointer; }
.contact #contact-form div input.submit:hover { background-position:-823px -319px; }


/* sidebar content */
.sidebar-contact { float:left; position:relative; width:310px; height:816px; margin:15px 0; background:url(../img/background-sidebar.png) no-repeat #fff top left; -moz-border-radius-bottomright:0.5em; }
.sidebar-contact h4 { width:128px; height:24px; margin:30px 0 0 20px; background-position:-498px -46px; }
.sidebar-contact .hr { float:left; width:274px; margin:15px 0 15px 20px; height:1px; border-top:0; border-left:0; border-right:0; border-bottom:1px solid #dfdfdf; background:transparent; }
.sidebar-contact .location { float:left; width:274px; margin-left:20px; }
.sidebar-contact .location p { line-height:1.4em; }
.sidebar-contact .location p.location-detail { height:40px; line-height:62px; }
.sidebar-contact .location p strong { color:#b42a22; }
.sidebar-contact .location p.porto-alegre { width:111px; height:24px; margin-bottom:10px; background-position:-614px -522px; }
.sidebar-contact .location p.sao-paulo { width:91px; height:18px; margin-bottom:10px; background-position:-743px -522px; }
.sidebar-contact .location p.phones { width:88px; height:18px; margin-bottom:10px; background-position:-852px -522px; }
.sidebar-contact .location a { width:119px; height:17px; margin-top:10px; background-position:-1216px 0; }


/* map contact */
#contact-map #content .contact { height:600px; }
#contact-map #content .sidebar-contact { height:626px; }
#contact-map #content .contact #map-canvas { float:left; width:578px; height:400px; }
#contact-map #content .contact a.back { float:right; width:87px; height:27px; margin:37px 37px 0 0; background-position:-1031px -273px; }
#contact-map #content .contact a.back:hover { background-position:-1031px -320px; }


/* form message result */
.result { float:left; width:100%; height:80px; line-height:80px; display:none; }
.result h3 { display:block; width:100%; height:1.5em; font-weight:bold; font-size:14px; color:#991f13; }
.result p { display:block; width:100%; font-weight:bold; font-size:14px; color:#991f13; }


/* form validation */
.required-fields { float:left; width:100%; color:#991f13; line-height:1.5em; }
.error { background-color:#fdeeec; }
form label.error { display:none!important; }