* { margin: 0; border: 0; padding: 0; }
body { font-family: "Trebuchet MS"; font-size: 12px; color: #646464; }

#header { width: 100%; height: auto; display: table; background: url("../images/bg-header.jpg") no-repeat; }
#wrapper-header { width: 755px; height: 107px; margin: 0 auto; position: relative; }
#wrapper-header .logotipo { position: absolute; top: 9px; }
#wrapper-header .flags { position: absolute; top: 5px; right: 0; }
#wrapper-header .flags-title { float: left; font-size: 12px; }
#wrapper-header .flag { float: left; padding-top: 2px; padding-left: 5px; width: 20px; }

#nav { width: 100%; height: 36px; background: url("../images/bg-nav.jpg") repeat-x; }
#wrapper-nav { width: 755px; height: 36px; margin: 0 auto; line-height: 36px; text-transform: uppercase; }
#wrapper-nav a { text-decoration: none; color: #fff; }
#wrapper-nav a:hover { text-decoration: underline; }
#wrapper-nav ul { list-style: none; }
#wrapper-nav li { float: left; margin-right: 50px; }
#wrapper-nav li.last { margin-right: 0; }

#search { width: 100%; height: 115px; background: url("../images/bg.jpg") no-repeat top; }
#wrapper-search { width: 755px; height: 115px; margin: 0 auto; }
#wrapper-search .column { float: left; width: 370px; height: 115px; }
#wrapper-search .column .label { font-size: 14px; text-transform: uppercase; margin: 20px 0 5px 0; display: block; }
#wrapper-search .column.last { margin-left: 15px; }
#wrapper-search .buttom-send { float: left; }
#wrapper-search .forgot-pass { float: right; text-transform: uppercase; color: #646b47; font-size: 10px; margin-top: 5px; }

.field { background: url("../images/bg-field.jpg") no-repeat; margin-right: 5px; border: 1px solid #bababa; line-height: 25px; height: 25px; float: left; color: #999; font-size: 14px; font-family: "Trebuchet MS"; }
.field.size1 { width: 260px; }
.field.size2 { width: 160px; }
.field.size3 { width: 60px; }

#content { width: 755px; height: auto; background: #fff; display: table; margin: -10px auto 0 auto; position: relative; }
#content h1 { color: #fff; text-decoration: underline; font-size: 20px; text-transform: uppercase;  background: url("../images/bg-titulo.jpg"); line-height: 42px; padding: 0 10px; font-weight: lighter; margin-bottom: 20px; }
#content h2 { text-transform: uppercase; font-size: 16px; margin: 10px 0; }
#content hr { border: 1px solid #e9e9df; margin-bottom: 25px; width: 755px; clear: left; }
#content a { color: #3f4927; }
#content .logos img { max-width: 755px; }
#content label { float: left; line-height: 25px; height: 25px; margin: 0 10px; }
#content .clearBoth { clear: both; }

#dados-cartao { width: 100%; position: relative; height: 240px; display: none; }
#dados-cartao #detalhes { position: absolute; right: 162px; top: -14px; width: 180px; height: 168px; display: none; }
#dados-cartao #detalhes .close-button { position: absolute; top: -10px; right: -10px; cursor: pointer; }

#content #pj, #content #foreign { display: none; }

#contentPopup { width: 390px; height: auto; background: #fff; margin: -10px auto 0 auto; position: relative; }
#contentPopup h1 { color: #fff; text-decoration: underline; font-size: 20px; text-transform: uppercase;  background: url("../images/bg-titulo.jpg"); line-height: 42px; padding: 0 10px; font-weight: lighter; margin-bottom: 20px; }
#contentPopup h2 { text-transform: uppercase; font-size: 16px; margin: 10px 0; }
#contentPopup hr { border: 1px solid #e9e9df; margin-bottom: 25px; width: 755px; clear: left; }
#contentPopup a { color: #3f4927; }
#contentPopup label { float: left; line-height: 25px; height: 25px; margin: 0 10px; }
#contentPopup .clearBoth { clear: both; }
#contentPopup .buttomEnter { margin: 15px 0 35px 75px; }
#contentPopup .fields p { width: 400px; }

#content #pj, #content #foreign { display: none; }

.fields p { width: 755px; float: left; margin-bottom: 10px; }
.fields.cadastro label { width: 143px; text-align: right; }
.fields.cadastro .minWidth1 { width: 47px; }
.fields.cadastro .minWidth2 { width: 42px; }
.fields.cadastro .minWidth3 { width: 68px; }
.fields.cadastro .minWidth4 { width: 44px; }
.fields.cadastro .minWidth5 { width: 106px; }

.fields.trabalho label { width: 160px; text-align: right; }
.fields.trabalho .minWidth1 { width: 18px; }
.fields.trabalho .minWidth2 { width: 0; text-align: center; }
.fields.trabalho .minWidth3 { width: 42px; }
.fields.trabalho .minWidth4 { width: 24px; }

.btnInserirNovoParticipante { background: url("../images/incluir-participante-button.png"); height: 15px; width: 165px; cursor: pointer; }

.fieldSet { background: #f9f9f6; padding: 20px 10px; margin: 10px 0; clear: left; }
.fieldSet .radioType { margin-right: 20px; }
.fieldSet .forgotPass { text-align: right; }
.fieldSet label { width: 50px; }

.buttomEnter { margin: 35px 0 35px 275px; }

.buttomInfoPJ { margin-top: 20px; }

.combo-institute { position: absolute; top: 8px; right: 5px; }
.combo-institute select { font-size: 11px; padding: 3px; }

.selectType { margin-bottom: 29px; }

.box-event { width: 225px; height: 190px; overflow: hidden; float: left; margin: 0 25px 15px 0; background: #f3f4ee url("../images/shadow-box-event.jpg") bottom no-repeat; padding: 5px; text-align: center; }
.box-event.last { margin-right: 0; }
.box-event .type { font-weight: bold; }
.box-event .title { height: 60px; padding-top: 10px; }
.box-event .date { margin-bottom: 5px; }
.box-event .institute { font-weight: bold; }

#pagination { width: 755px; height: 29px; line-height: 29px; margin: 0 auto; background: url("../images/bg-pagination.jpg") repeat-x; text-align: center; font-size: 14px; }
#pagination a { color: #000; text-decoration: none; }

#theEvent .institute { background: #e9e9df; width: 350px; padding: 5px; border: 1px solid #ccc; font-size: 20px; text-transform: uppercase; margin-bottom: 10px; }
#theEvent .noImage { width:755px !important; }
#theEvent .infoInstitute { width: 350px; margin-bottom: 10px; text-align: justify; }
#theEvent .logoInstitute { float: right; max-width: 325px; }
#theEvent .logos { width: 755px; height: auto; display: table; text-align: center; }

.box-infos { background: #f8f9f4 url("../images/bg-info-event.jpg") no-repeat bottom; width: 735px; height: auto; display: table; padding: 10px 10px 30px 10px; margin-top: 20px; }
.box-infos .left { float: left; width: 390px; margin-right: 160px; text-align: left; }
.box-infos .left p { width: 100%; float: left; }
.box-infos .left .label { font-weight: bold; width: 80px; display: block; float: left; text-align: right; margin-right: 5px; }
.box-infos .left .info { float: left; }
.box-infos .left .label.address, .box-infos .left .info.address { height: 60px; }
.box-infos .right { float: left; width: 165px; }
.box-infos .right a { margin-bottom: 8px; float: left; }

.anexos { list-style: none; }
.anexos img { margin-right: 5px; }

.table { font-size: 12px; width: 755px; }
.table tr td { text-align: center; padding: 4px; border: 1px solid #d0d2c7; }
.tableTitle { background: #d0d2c7; font-size: 12px; }
table .noBorder td { border: 1px solid #ffffff; }

.buttons-iframe { float: left; margin: 15px; cursor: pointer; }

#footer { width: 100%; height: 82px; border-top: 1px solid #ecede5; border-bottom: 1px solid #ecede5; background: #f3f4ef; margin-top: 30px; }
#wrapper-footer { width: 755px; height: 82px; margin: 0 auto; padding-top: 15px; }
#wrapper-footer img { float: left; margin-right: 20px; }
#wrapper-footer .address { font-size: 11px; color: #000; float: left; }
#wrapper-footer .address a { text-decoration: none; color: #000; }
#wrapper-footer .address a:hover { text-decoration: underline; }

.fieldvalue { font-weight: bold; }

.red { color: #f00; }