/* general
******************************************************************************/
* { margin: 0; padding: 0; text-decoration: none; }
body { height: 100%; width: 100%; background:url(/media/img/body_bg.jpg) repeat-x; background-color: #183037; font-family: Arial, Helvetica, Tahoma, "Lucida Grande"; font-size: 78%; /* Reseta 1em para 12px */ color: #333; }


/* tags settings
******************************************************************************/
div, span, a, img, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, textarea, form, label, table, tr, th, td { position: relative; }
img { border: 0; }
hr { display: none; height: 1px; font-size: 1px; }
ul { list-style: none; }
address { font-style: normal; }
ol { list-style-position: inside; }
ol li { padding-bottom: 8px; }
textarea, input { font-family: Arial, Helvetica, Tahoma, "Lucida Grande"; }


/* typography
******************************************************************************/
h3 { font-size: 2.2em;  color:#595959; }
h4 { color:#4A7B88; font-size:1.4em; font-weight:bold; }


/* wrap
******************************************************************************/
#wrap { width:930px; margin: 0 auto; z-index:0; }


/* menu
******************************************************************************/
#menu { width:100%; height:106px; z-index:20; }
#menu ul { position:absolute; top:60px; right:0; }
#menu ul li { float:left; height:51px; display:inline; margin:0 0 0 12px; }
#menu ul li.on { background:url(/media/img/arrow.gif) no-repeat; background-position:bottom center; }
#menu ul li a { color:#FA3291; font-size:1.7em; font-weight:bold; }
/*
#menu ul li .arrow { display:block; top:21px; margin:0 auto; width:10px; height:5px; background:url(/media/img/arrow.gif) no-repeat; z-index:10; }
*/
#menu .language { width:100px; height:20px; position:absolute; top:12px; right:0; background:url(/media/img/english_version.gif) no-repeat; display:block; text-indent:-100000px; overflow:hidden; }
#menu .language.pt_BR { background:url(/media/img/versao_portugues.gif) no-repeat; }


/* headers
******************************************************************************/
#header { width:100%; height:348px; background:url(/media/img/header_bg.jpg) repeat-x; z-index:10; }
#header h1 { width:323px; height:99px; position:absolute; left:77px; top:114px; background:url(/media/img/logo.png) no-repeat; text-indent:-100000px; overflow:hidden; }
#header h2 { width:410px; height:134px; position:absolute; left:463px; top:51px; background:url(/media/img/slogan.gif) no-repeat; text-indent:-100000px; overflow:hidden; }
#header p { width:420px; position:absolute; left:463px; top:241px; color:#CBE1EB; font-size:1.1em; line-height:1.8em; }
#header .stars { width:486px; height:297px; position:absolute; left:77px; top:51px; background:url(/media/img/stars.jpg) no-repeat; text-indent:-100000px; overflow:hidden; }

#header.internal { height:188px; background:url(/media/img/internal_header_bg.jpg); }
#header.internal h1 { left:77px; top:54px; }
#header.internal .stars { width:720px; height:188px; left:84px; top:0px; background:url(/media/img/internal_stars.jpg); }


/* content
******************************************************************************/
#content { width:100%; background: url(/media/img/content_bg.jpg) no-repeat; background-color:#fff; padding:0 0 50px 0; }
#content .block h3 { margin:52px 0 28px 0; }
#content .block { width:260px; float:left; margin:0 0 0 40px; display:inline; }
#content .block p { color:#666666; text-align:justify; line-height:1.4em; margin:0 0 24px 0; }
#content .block img { float:left; margin:10px 26px 0 4px; }
#content .block a { color:#FA3291; font-weight:bold; }
#content .services li h4 { padding:1px 0 4px 28px; background:url(/media/img/bullet.gif) no-repeat; margin:0 0 8px 0; }
#content .services li p { margin:0 0 30px 0; }
#content .services .tools li { color:#666666;  }
#content .project { width:260px; background:#F7F7F7; padding:0 0 14px 0; }
#content .project .wrap_img { display:block; }
#content .project .wrap_img img { border:3px solid #8AB4BF; float:none; margin:0; }
#content .project .arrow { display:block; position:absolute; bottom:-3px; left:17px; width:12px; height:6px; background:url(/media/img/arrow2.gif) no-repeat; }
#content .project h4 { margin:10px 14px 0 14px; }
#content .project h4 a { color:#4A7B88; }
#content .project p { margin:10px 14px 0 14px; }
#content .partners li { margin:0 0 28px 0; }
#content .partners li h4 { font-size:1.2em; margin:0 0 2px 0; }
#content .partners li p { margin:0 0 2px 0; color:#999999; }
#content .customers { width:225px; height:150px; float:left; overflow:hidden; }
#content .customers ul { position:absolute; top:0; left:0; width:10000px; }
#content .customers ul li { width:225px; text-align:center; float:left; }
#content .customers ul li .wrap_img { width:225px; height:126px; display:block; }
#content .customers ul li img { margin:0; padding:0; float:none; }
#content .customers ul li .title { color:#595959; line-height:24px; }
#content .next, #content .previous { width:15px; height:24px; display:block; text-indent:-100000px; overflow:hidden; float:left; top:126px; }
#content .previous { background:url(/media/img/previous.gif) no-repeat; }
#content .next { background:url(/media/img/next.gif) no-repeat; }

#content.internal { width:850px; padding:50px 40px 50px 40px; }
#content.internal h3 { margin:0 0 30px 0; }

#content .inputtext { background:url(/media/img/input_bg.jpg) repeat-x; border:1px solid #E5E5E5; padding:7px 5px 7px 5px; margin:0 0 10px 0; color:#666666; font-size:0.9em; }

/* footer
******************************************************************************/
#footer { width:100%; height:140px; background:url(/media/img/footer_bg.jpg) no-repeat; background-color: #204B56; margin:0 0 20px 0; }
#footer p { color: #428393; position:absolute; top:64px; left:18px; }


/* fx
******************************************************************************/
.clear { position: relative; clear: both; height: 1px; font-size: 1px; }
.center { text-align: center; }
.floatleft { float: left; }
.nounderline { text-decoration: none; }
.nodisplay { display: none; }
.small { font-size: 0.9em; }
.big { font-size: 1.2em; }