/*-------------------------------------------------------------------------------------

INDEX:

01) Imports
02) Globals
03) Layout
04) Header / #header
05) Navigation / #navbar
06) Footer / #footer
07) Special Classes

* Todas as seções são precedidas por '=';
** Caso seja necessário inserir mais seções, colocar indentado na seção principal a 
   qual pertencerá;

------------------------------------------------------------------------------------ */

/* =Imports ------------------------------------------------------------------------ */

@import url('reset.css');

/* =Globals ------------------------------------------------------------------------ */

body { background: #fff url(../_img/layout/bg-body.jpg) 0 0 repeat-x; font: normal 11px 'Trebuchet MS', Verdana, sans-serif; }

a { border-bottom: 1px dashed #f7931d; color: #f7931d; text-decoration: none; outline: none; padding: 0 1px; }
a:hover { background: #f7931d; color: #fff; }

blockquote { background: transparent url(../_img/layout/quotes-open.jpg) 0 0 no-repeat; color: #a4a4a4; font-size: 12px; font-style: italic; font-weight: bold; margin-bottom: 20px; width: 600px; }
blockquote div { background: transparent url(../_img/layout/quotes-close.jpg) 100% 100% no-repeat; padding: 5px 50px 0 30px; height: 1%; }
blockquote p { line-height: normal !important; margin-bottom: 0 !important; }

h2 { color: #f7931d; font-size: 18px; margin-bottom: 10px; letter-spacing: 1px; }
h2 span { font-size: 12px; font-weight: normal; }
h3 { color: #f7931d; font-size: 14px; font-weight: bold; margin: 5px 0; letter-spacing: 1px; }
h3 span { color: #000; display: block; font-size: 11px; font-weight: normal; }

label { color: #000; font-size: 11px; display: inline-block; margin-right: 5px; text-align: right; width: 85px; }
input, select, textarea { border: 1px solid #f7931d; font: normal 11px 'Trebuchet MS', Verdana, sans-serif; padding: 2px; }

/* =Layout ------------------------------------------------------------------------- */

#container { background: transparent; margin: 0 auto; padding-top: 30px; width: 960px; }
#header { background: #fff; border: 1px solid #c97718; border-bottom: none; font-size: 12px; height: 115px; padding: 25px 20px 0; }
#content { background: #fff; border: 1px solid #cfcfcf; border-top: none; min-height: 360px; _height: 360px; padding: 0 70px 0 90px; position: relative; }
#content.nopad { padding: 0 !important; zoom: 1; }
#footer { background: #fff; font-size: 11px; padding: 10px 15px; position: relative; }

/* =Header ------------------------------------------------------------------------- */

#logo { background: transparent url(../_img/layout/logo-avantage.jpg) 0 0 no-repeat; border: none; display: block; float: left; height: 65px; text-indent: -9999px; width: 176px; }

/* =Navigation --------------------------------------------------------------------- */

#navbar { float: right; margin-top: 23px; }
#navbar li { display: inline; }
#navbar li a { border: none; color: #000; float: left; font-weight: bold; padding: 0 5px; text-decoration: none; }
#navbar li a:hover, #navbar li a.active { background: #f7931d; color: #fff; }

#content #navbar-intern { border: 1px solid #f7931d; font-size: 12px; font-weight: bold; margin: 0; padding: 0; position: absolute; top: -30px; right: 70px; width: 250px; z-index: 1000000; }
#content #navbar-intern li { margin: 0; padding: 0; }
#content #navbar-intern li a { background: #f7931d url(../_img/icons/navbar-intern-arrow.jpg) no-repeat 95% 4px; border: none; color: #fff; display: block; line-height: 20px; padding: 0 0 0 20px; width: 100%; }
html > body #content #navbar-intern li a { width: auto; }

#content #navbar-intern li ul { margin: 0; padding: 0; }
#content #navbar-intern li ul li a { background: #fff; border-bottom: 1px solid #f7931d; color: #f7931d; }
#content #navbar-intern li ul li.last a { border-bottom: none; }
#content #navbar-intern li ul li a:hover { background: #f7931d; color: #fff; }

#content #navbar-intern li ul { display: none; }
#content #navbar-intern li.sub:hover ul { display: block; } 
#content #navbar-intern li.sub ul.active { display: block; }

#content #navbar-intern.perfis { border: none; width: auto; }
#content #navbar-intern.perfis li { display: inline; }
#content #navbar-intern.perfis li a { background: #fff; color: #f7931d; border: 1px solid #f7931d; float: left; margin-left: 10px; padding: 0; text-align: center; width: 180px; }
#content #navbar-intern.perfis li a:hover, #content #navbar-intern.perfis li a.active { background: #f7931d; color: #fff; }

/* =Content ------------------------------------------------------------------------ */

#flash { margin: 0 auto; width: 956px; }
#alternate { text-align: center; }
#alternate a { border: none; padding: 0; margin: 0; }

#content .left { width: 174px; }
#content p { line-height: 18px; margin-bottom: 18px; }
#content .nowrap-text { margin-left: 194px; }
#content .spaced-parag { margin-bottom: 50px; }
#content ul { margin: 0 0 18px 20px; }
#content ul li { background: transparent url(../_img/bullets/list-bullets.jpg) 0 4px no-repeat; color: #cc6633; font-size: 11px; margin-bottom: 3px; padding-left: 15px; }

/* Scrollers */
#content .scroll-short, #content .scroll-wide { overflow: auto; height: 355px; padding-right: 30px; }
#content .jScrollPaneTrack { background: transparent url(../_img/layout/scroll-track.jpg) 0 0 repeat-y; }
#content .jScrollPaneDrag { background: #f7931d; }
#content .jScrollPaneDragTop { background: url(../_img/layout/scroll-drag-top.jpg) no-repeat; height: 4px; }
#content .jScrollPaneDragBottom { background: url(../_img/layout/scroll-drag-bottom.jpg) no-repeat; height: 4px; }
/* /Scrollers */

#content .projeto-left, #content .evento-left { display: inline; float: left; width: 45%; }
#content .projeto-left p { text-align: center; }
#content .projeto-right, #content .evento-right { display: inline; float: right; width: 54%; }
#content .dbl { background: #f6f6f6; border: 1px dashed #e0e0e0; margin-bottom: 30px; padding: 10px; }
#content .anchors { margin-top: 20px; }
#content #list-projeto li { background-position: 0 5px; overflow: hidden; }
#content #list-projeto li p { color: #000; margin-bottom: 3px; }
#content #list-projeto li p span { color: #f7931d; }
#content #projeto-identifica { background: transparent url(../_img/icons/projeto-identifica.jpg) 0 0 no-repeat; color: #cc6633; font-weight: bold; height: 50px; margin: 0 auto; padding: 10px 0 0 70px; width: 360px; }
#content #projeto-identifica a { border: none; }

#form-contato { margin-top: 0; min-height: 188px; _height: 188px; padding: 0 0 10px 90px; *padding: 0 0 0 90px; }
#form-contato .left { display: inline; float: left; width: auto; }
#form-contato .right { display: inline; float: left; width: auto; }
#form-contato input { width: 255px; }
#form-contato select { width: 261px; }
#form-contato textarea { height: 75px; *height: 85px; overflow: auto; width: 255px; }
#form-contato ul { background: none; margin: 0; padding: 0; }
#form-contato ul li { background: none; margin: 0 0 10px 0; padding: 0; }
#form-contato ul li.msg { position: relative; padding-left: 93px; }
#form-contato ul li.msg label { position: absolute; top: 0; left: 0; }
#form-contato ul li.msg label { _left: -93px; }
#form-contato #fc-enviar { background: #ffddb4; border-color: #ffb763; cursor: pointer; margin-left: 274px; width: 80px; }
#form-contato #fc-enviar:hover { background: #f7931d; color: #fff; }
#form-contato label.error { background: transparent url(../_img/icons/icon-att.jpg) 0 3px no-repeat; color: #db0000; display: block; font-style: italic; margin: 0 0 0 93px; padding: 0 0 0 15px; text-align: left !important; width: 100%; }
#form-contato ul li.msg label.error { margin: 0 0 0 0; position: static; }
#contato-flash { height: 118px; margin: 35px auto 0; *margin: 25px auto 0; padding-bottom: 5px; width: 936px; }

/* =Footer ------------------------------------------------------------------------- */

address { color: #6b6565; font-style: normal; }
#m2brnet { background: transparent url(../_img/layout/logo-m2brnet.jpg) 0 0 no-repeat; border: none; display: block; height: 11px; position: absolute; right: 15px; text-indent: -9999px; top: 10px; width: 64px; }

/* =Special Classes ---------------------------------------------------------------- */

.left { float: left; margin: 4px 0 0 0 !important; }
.right { float: right; margin: 4px 0 0 0 !important; }
.cleanlink { background: none !important; border: none !important; padding: 0 !important; }
.att { color: red; font-weight: bold; }
.clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hide from IE Mac \*/
.clearfix { display: block; }
/* End hide from IE Mac */