BODY {background: #116fa8 url(../image/background.jpg) center top no-repeat; color: #444; margin: 0; text-align: justify}
BODY,
INPUT,
TEXTAREA {font-family: Verdana, Helvetica, Arial, sans-serif}
IMG {float: none; margin: 0}
H2,
H3 {margin-bottom: 0}
BLOCKQUOTE,
CITE {display: block; font-style: normal}
TEXTAREA, INPUT {font-size: 1em; line-height: 1.5em; margin: 0}
ADDRESS {font-style: normal; margin: 0}
EM {background: none}

/* ----- UTILS ----- */
.blue {color: #069}
.green {color: #15944c}
.light-grey {color: #ccc}
.grey {color: #999}
.dark-grey {color: #777}

.normal {font-size: 1em; line-height: 1.5em}
.small {font-size: .917em; line-height: 1.636em; margin: 0}
.serif {font-family: "Georgia", "Goudy Old Style", Times, serif}
.mono {font-family: "Courier New", "Courier", monospace}

.image-replace {background: none ; border: 0; display: block;  padding: 0; position: relative}
.image-replace SPAN {border: 0; cursor: pointer; display: block; left: 0; padding: 0; position: absolute; top: 0}

A {background-repeat: no-repeat; color: #069; text-decoration: none}
A:hover {color: #004c73}
A SPAN {border-bottom: #7fb2cc solid 1px; padding-top: 1px}
A:hover SPAN {background-color: #e5eff5; border-color: #7fa5b9}
A.highlight:hover {background-color: #e5eff5}
A.green {color: #15944c}
A.green:hover {color: #106f39}
A.green SPAN {border-bottom-color: #8ac9a5}
A.green:hover SPAN {background: #dcefe4; border-bottom-color: #87b79c}
A.highlight.green:hover {background: #dcefe4}
A.more {background: url(../image/icon-bullet-arrow-left.png) right no-repeat}
A.more SPAN {margin-right: 14px}

OL.discrete,
UL.discrete,
DL.discrete {list-style: none; margin: 0}
OL.plain LI,
UL.plain LI,
DL.plain LI {display: inline}
.separated {border-bottom: #ccc dotted 1px; margin-bottom: 1.5em; padding-bottom: 1.417em}
.separated:last-child {border-style: solid!important}


/* ----- FORMS ----- */
FIELDSET {border: none; padding: 0}
LEGEND {display: none}
LABEL {display: block; float: left; font-weight: normal; margin-bottom: 5px}
LABEL SPAN {display: block; margin-bottom: 1px}
FORM BR {clear: left}
INPUT,
TEXTAREA {background: #efefef; border: #ddd solid 1px; border-color: #999 #ddd #ddd #999; padding: .175em; width: 31.5em}
INPUT:hover,
TEXTAREA:hover,
INPUT:focus,
TEXTAREA:focus {background: #f8f8f8}
BUTTON {cursor: pointer; font: 1em/1.5em Verdana, sans-serif}
BUTTON.clear,
BUTTON.send {height: 36px; float: right; margin: 0; width: 80px}
BUTTON.clear SPAN,
BUTTON.send SPAN  {height: 36px; width: 80px}
BUTTON.clear SPAN {width: 80px}
BUTTON.send SPAN {width: 80px}
[lang="pt"] BUTTON.clear SPAN {background-image: url(../image/pt-clear.png);}
[lang="pt"] BUTTON.send SPAN {background-image: url(../image/pt-send.png);}
[lang="en"] BUTTON.clear SPAN {background-image: url(../image/en-clear.png);}
[lang="en"] BUTTON.send SPAN {background-image: url(../image/en-send.png);}
[lang="es"] BUTTON.clear SPAN {background-image: url(../image/es-clear.png);}
[lang="es"] BUTTON.send SPAN {background-image: url(../image/es-send.png);}
BUTTON.clear:hover SPAN,
BUTTON.send:hover SPAN {background-position: 0 35px}
.buttons {width: 32em}

/* ----- LAYOUT ----- */
#container {background-color: #fff; margin: 0pt auto; padding: 0px 10px; width: 730px}

#display,
#sidebar {margin-bottom: 1.5em}

#header {height: 72px}
#menu {height: 41px; padding-top: 13px}
#display {position: relative; height: 198px}
#content {float: left; margin-bottom: 1.5em; padding: 0 5px; width: 490px}
#sidebar {float: right; padding: 0 5px; width: 210px}
#footer {clear: both; height: 1.5em; margin-bottom: 0}

#home #content {width: 450px}
#home #sidebar {width: 250px}


/* ----- HEADER ----- */
#header #logo {float: left; font-size: 2em; font-weight: bold; letter-spacing: .15em; margin: 29px 0 0 10px}
#header #go-to-contents {background: url(../image/header-go-to-contents-arrow.png) bottom center no-repeat; display: block; font-size: .917em; left: 0; padding-bottom: 6px; position: absolute; opacity: 0; text-align: center; top: 0; width: 100%}
#header #go-to-contents:hover {opacity: .5}
#header #go-to-contents SPAN {background: #000; border: none; color: #fff; display: block; padding: 2px 2px 3px}
#header #search-form {float: right; margin: 31px 5px 0}
#header #search-form LABEL,
#header #search-form BUTTON  {display: none}
#header #query-start,
#header #query,
#header #query-end {float: left; height: 22px; margin: 0; padding: 0}
#header #query-start {background: url(../image/header-search-start.png); width: 24px}
#header #query {background: url(../image/header-search-background.png); border: none; color: #777; height: 16px; padding: 4px 0 2px; width: 10em}
#header #query-end {background: url(../image/header-search-end.png); width: 18px}


/* ----- MENU ----- */
#menu UL {background: url("../image/menu-background.png") repeat-x; height: 31px; list-style: none; margin: 0; text-align: center; vertical-align: middle}
#menu LI {float: left}
#menu LI A,
#menu LI A SPAN {height: 31px}
#menu LI A:hover SPAN {background-color: transparent; background-position: 0 -31px}
#menu #menu-english,
#menu #menu-espanol,
#menu #menu-portugues {float: right}
[lang="pt"] #menu #menu-about-us A,
[lang="pt"] #menu #menu-about-us A SPAN {background-image: url(../image/pt-menu-about-us.png); width: 80px}
[lang="pt"] #menu #menu-team A,
[lang="pt"] #menu #menu-team A SPAN {background-image: url(../image/pt-menu-team.png); width: 73px}
[lang="pt"] #menu #menu-solutions A,
[lang="pt"] #menu #menu-solutions A SPAN {background-image: url(../image/pt-menu-solutions.png); width: 89px}
[lang="pt"] #menu #menu-cases A,
[lang="pt"] #menu #menu-cases A SPAN {background-image: url(../image/pt-menu-cases.png); width: 85px}
[lang="pt"] #menu #menu-blog A,
[lang="pt"] #menu #menu-blog A SPAN {background-image: url(../image/pt-menu-blog.png); width: 68px}
[lang="pt"] #menu #menu-contact A,
[lang="pt"] #menu #menu-contact A SPAN {background-image: url(../image/pt-menu-contact.png); width: 85px}
[lang="pt"] #menu #menu-english A,
[lang="pt"] #menu #menu-english A SPAN {background-image: url(../image/pt-menu-english.png); width: 79px}
[lang="pt"] #menu #menu-espanol A,
[lang="pt"] #menu #menu-espanol A SPAN {background-image: url(../image/pt-menu-espanol.png); width: 83px}
#menu #menu-webmail A,
#menu #menu-webmail A SPAN {background-image: url(../image/menu-webmail.png); width: 85px}

[lang="en"] #menu #menu-about-us A,
[lang="en"] #menu #menu-about-us A SPAN {background-image: url(../image/en-menu-about-us.png); width: 87px}
[lang="en"] #menu #menu-team A,
[lang="en"] #menu #menu-team A SPAN {background-image: url(../image/en-menu-team.png); width: 66px}
[lang="en"] #menu #menu-solutions A,
[lang="en"] #menu #menu-solutions A SPAN {background-image: url(../image/en-menu-solutions.png); width: 96px}
[lang="en"] #menu #menu-cases A,
[lang="en"] #menu #menu-cases A SPAN {background-image: url(../image/en-menu-cases.png); width: 68px}
[lang="en"] #menu #menu-contact A,
[lang="en"] #menu #menu-contact A SPAN {background-image: url(../image/en-menu-contact.png); width: 82px}
[lang="en"] #menu #menu-portugues A,
[lang="en"] #menu #menu-portugues A SPAN {background-image: url(../image/en-menu-portugues.png); width: 94px}
[lang="en"] #menu #menu-espanol A,
[lang="en"] #menu #menu-espanol A SPAN {background-image: url(../image/en-menu-espanol.png); width: 82px}

[lang="es"] #menu #menu-about-us A,
[lang="es"] #menu #menu-about-us A SPAN {background-image: url(../image/es-menu-about-us.png); width: 80px}
[lang="es"] #menu #menu-team A,
[lang="es"] #menu #menu-team A SPAN {background-image: url(../image/es-menu-team.png); width: 73px}
[lang="es"] #menu #menu-solutions A,
[lang="es"] #menu #menu-solutions A SPAN {background-image: url(../image/es-menu-solutions.png); width: 99px}
[lang="es"] #menu #menu-cases A,
[lang="es"] #menu #menu-cases A SPAN {background-image: url(../image/es-menu-cases.png); width: 81px}
[lang="es"] #menu #menu-contact A,
[lang="es"] #menu #menu-contact A SPAN {background-image: url(../image/es-menu-contact.png); width: 88px}
[lang="es"] #menu #menu-english A,
[lang="es"] #menu #menu-english A SPAN {background-image: url(../image/es-menu-english.png); width: 79px}
[lang="es"] #menu #menu-portugues A,
[lang="es"] #menu #menu-portugues A SPAN {background-image: url(../image/es-menu-portugues.png); width: 95px}

#home #header A:first-child,
#about-us #menu-about-us A SPAN,
#team #menu-team A SPAN,
#solutions #menu-solutions A SPAN,
#cases #menu-cases A SPAN,
#blog #menu-blog A SPAN,
#blog-post #menu-blog A SPAN,
#blog-search #menu-blog A SPAN,
#contact #menu-contact A SPAN {background-position: 0 -62px; cursor: default}


/* ----- DISPLAY ----- */
#display {background: no-repeat}
#display H1,
#display p#slogan {margin-left: 24px; width: 28em; text-align: left}
#display H1 {color: #069; font-size: 1.667em; margin-bottom: .1em; padding-top: 60px; width: 18em}
#display A:hover SPAN {background: #bee0f3; border-color: #7fa5b9; color: #004c73}
#home #display {background-image: url(../image/home-display-background.jpg); height: 208px; margin-bottom: 0.667em; width: 740px}
#home #display H1 {padding-top: 50px}
#team #display {background-image: url(../image/team-display-background.jpg)}
#about-us #display {background-image: url(../image/about-us-display-background.jpg)}
#cases #display {background-image: url(../image/cases-display-background.jpg)}
#solutions #display {background-image: url(../image/solutions-display-background.jpg)}
#blog #display,
#blog-post #display,
#blog-search #display {background-image: url(../image/blog-display-background.jpg)}
#contact #display {background-image: url(../image/contact-display-background.jpg); height: 214px; margin-bottom: .167em}


/* ----- CONTENT ----- */
#content .summary {color: #0C63A6; font-size: 1.167em; line-height: 1.286em; margin-bottom: 1.286em}
#content EM {background-color: transparent}
#content BR {line-height: 1.5em}

#home #content #cases-summary {margin-bottom: 0}
#home #content .case {float: left; margin-right: 2%; width: 48%}
#home #content .case H3 IMG {margin: .5em 0 .5em}
#home #content .case P {margin: 0 5px 0 5px}
#home #content .case2 {margin-right: 0}

#team #content .section-title {float: left; margin-right: 10px; text-align: right; width: 120px; vertical-align: baseline}
#team #content .section-title IMG {margin-top: 4px}
#team #content .section {background: url(../image/photo-employee.jpg); float: left; margin: 0; width: 360px}
#team #content .employee-photo {float: left; height: 90px; width: 90px}
#team #content .employee-photo A {cursor: default}
#team #content .employee-record {background: url(../image/icon-ballon-arrow-up.png) no-repeat center 0; display: none; opacity: .75; position: absolute; padding-top: 16px}
#team #content .employee-record .rounded {background-color: #000; color: #fff}
#team #content .employee-record UL {padding: 0 1em}
#team #content .employee-record .name {font-size: 1.167em; font-weight: bold}
#team #content .employee-record .formacao,
#team #content .employee-record .local {display: none}

#solutions #content #caracteristicas-list {margin-left: 1.5em}
#solutions #content #caracteristicas-list LI {background-position: 0 0; background-repeat: no-repeat; padding-left: 62px; margin-bottom: 1.5em}
#solutions #content .simplicity {background-image: url(../image/icon-solutions-simplicity.png)}
#solutions #content .efficiency {background-image: url(../image/icon-solutions-efficiency.png)}
#solutions #content .agility {background-image: url(../image/icon-solutions-agility.png)}
#solutions #content .customization {background-image: url(../image/icon-solutions-customization.png)}
#solutions #content .easy {background-image: url(../image/icon-solutions-easy.png)}
#solutions #content .processing {background-image: url(../image/icon-solutions-processing.png)}
#solutions #content .complete {background-image: url(../image/icon-solutions-complete.png)}
#solutions #content .regulation {background-image: url(../image/icon-solutions-regulation.png)}
#solutions #content .control {background-image: url(../image/icon-solutions-control.png)}
#solutions #content .management {background-image: url(../image/icon-solutions-management.png)}

#cases #content .cliente-logo {float: right; margin-left: .75em}

#contact #content #message {height: 15em}
#contact #content #country {width: 3.5em}
#contact #content #code-phone,
#contact #content #code-mobile {margin-right: 0.5em; width: 3em}
#contact #content #phone,
#contact #content #mobile {width: 8em}
#contact #content #country,
#contact #content #phone,
#contact #content #mobile {margin-right: 1.5em}
#contact #result-message {border: 2px solid; font-size: .85em; margin:1em 0; padding: 0.5em 1em; text-align:center; width: 35.05em}
#contact #result-message:before {margin-right: .5em}
#contact #result-message.success {background-color: #B5E8B5; border-color: #9AC59A; color: #0c730c}
#contact #result-message.success:before {content: url(../image/tick.png)}
#contact #result-message.error {background-color: #F5B5B5; border-color: #CA8282; color: #a02020}
#contact #result-message.error:before {content: url(../image/cross.png)}
#contact #result-message.waiting {background-color: #FFFCB1; border-color: #CFC148; color: #504116}
#contact #result-message.waiting:before {content: url(../image/spinner.gif)}

/* ----- SIDEBAR ----- */
.small H2 {font-size: 2.182em; line-height: 1.5em}
.small H3 {font-size: 1.455em; line-height: 1.125em}
#sidebar A SPAN {border-bottom-color: #8ac9a5; color: #15944c}
#sidebar A:hover SPAN {background: #dcefe4; border-bottom-color: #87b79c; color: #106f39}
#sidebar .separated {clear: both; margin-bottom: 1.636em; padding-bottom: 1.545em}
#home #sidebar H2#blog {float: left}
#home #sidebar P {margin: 0}
#home #sidebar #rss {line-height: 1.5em; margin-top: .5em; text-align: right}
#home #sidebar #rss #rss-feeds {background: url(../image/icon-feed.png) left 1px no-repeat; padding-bottom: 2px; padding-left: 18px}
#home #sidebar #rss A SPAN {border-bottom: #7fb2cc solid 1px; color: #069}
#home #sidebar #rss A:hover SPAN {background-color: #e5eff5; border-color: #7fa5b9; color: #004c73}

#cases #sidebar #parceiros-list {margin-bottom: 1.636em}
#cases #sidebar #parceiros-list LI {margin-bottom: 1.273em}
#cases #sidebar #depoimentos,
#cases #sidebar #testemonials,
#cases #sidebar #testimonios {line-height: .75em}
#cases #sidebar .dark {background-color: #79a4bd}
#cases #sidebar .light {background-color: #9ac0d7}
#cases #sidebar #depoimentos-list LI {margin-bottom: 4em}
#cases #sidebar .author {background-image: url(../image/cases-testemonial-arrow.png); background-position: right top; background-repeat: no-repeat; padding-left: 1em}
#cases #sidebar .author * {display: block}
#cases #sidebar .author .name {font-size: 1.091em; line-height: 1.5em}
#cases #sidebar .separator {display: none}
#cases #sidebar P {margin-bottom: 3px; padding: .364em 1.091em}
#cases #sidebar BLOCKQUOTE,
#cases #sidebar CITE {margin: 1.636em 0}
#cases #sidebar BLOCKQUOTE {color: #fff; margin-bottom: 0}
#cases #sidebar CITE {border-bottom: #ccc solid 1px; margin-top: 0; padding-top: 3.091em}

#contact #sidebar .adr.main {text-align: center}
#contact #sidebar .tel {font-size: 1.818em; font-weight: bold; line-height: 1.8em}
#contact #sidebar ADDRESS .operation {font-style: italic}
#contact #sidebar .adr A {background: url(../image/icon-map-magnify.png) no-repeat; padding-left: 22px; padding-bottom: 2px; padding-top: 1px}
#contact #sidebar .separated {margin-bottom: 0}
#contact #sidebar #telefone,
#contact #sidebar #telephone,
#contact #sidebar #telefono {display: none}

/* ----- BLOG ----- */
.post A.post-comments,
.post A.post-complete {background: 0 2px no-repeat; padding-left: 20px; padding-top: 3px; padding-bottom: 2px}
.post A.post-comments SPAN,
.post A.post-complete SPAN {margin-right: 1.5em}
.post A.comments-many {background-image: url(../image/icon-comments.png)}
.post A.comments-single {background-image: url(../image/icon-comment.png)}
.post A.comments-none {background-image: url(../image/icon-comment-add.png)}
.post A.post-complete {background-image: url(../image/icon-page-go.png)}
.post-title {margin-bottom: 0}
.post-tags {background: url(../image/icon-tag-blue.png) no-repeat 1px; padding-left: 2.25em}
.post-tags LI {padding-right: .5em}
.post-summary {margin-bottom: 0}
.previous-page,
.next-page {display: block}
.previous-page {background-image: url(../image/icon-book-previous.png); float: left; padding-left: 22px}
.next-page {background-image: url(../image/icon-book-next.png); background-position: right; float: right; padding-right: 22px}
#blog-post .post-title {font-size: 1.75em; line-height: 1.25em; margin-bottom: .5em; margin-top: .25em;}
#blog-post .post-tags,
#blog-post #comments-list {margin-bottom: 1.5em}
#blog-post #content H2 {font-size: 18px; line-height: 36px}
.comment {border-bottom: #ccc dotted 1px; margin-bottom: .75em; padding-bottom: 0.667em}

#blog #sidebar H2,
#blog-post #sidebar H2 {line-height: 36px; margin: 0}
#blog #sidebar LI A SPAN,
#blog-post #sidebar LI A SPAN {border-bottom: #ccc dotted 1px; display: block; padding: .333em .75em}
#blog #sidebar #rss,
#blog-post #sidebar #rss {border-bottom: #ccc solid 1px; padding: 1.5em 0 1.417em}
#blog #sidebar #rss IMG,
#blog-post #sidebar #rss IMG {float: left; margin-right: .75em; margin-top: 1px}
#blog #sidebar #rss A,
#blog-post #sidebar #rss IMG {display: block; float: left}
#blog #sidebar #rss #rss-feeds,
#blog-post #sidebar #rss #rss-feeds {font-size: 1.25em; line-height: 1.2em}

#blog-post #content,
#blog-post #name,
#blog-post #email,
#blog-post #url {width: 31.5em}

/* ----- FOOTER ----- */
#footer {background: #13557e url(../image/footer-background.png) no-repeat; color: #d0e0e9; font-size: 0.917em; padding: 5px 20px; text-align: center}
#footer A {color: #d0e0e9}
#footer A SPAN {border-color: #d0e0e9}
#footer A:hover SPAN {background: #2d739f; border-color: #fff; color: #fff}
#footer .contact {background: url(../image/icon-email.png) no-repeat; padding-left: 20px}


/* ----- WIREFRAME ----- */
#container {background-image: url(blueprint-lib-grid.pngx)}