/* default html elements */
@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
body { margin: 0px; padding: 0px; font-family: 'Roboto', sans-serif; font-size: 12px; color: #ddd; background: #000 url("../img/header2018bg.png") repeat-x 0px 74px; }
table { border-spacing: 0px; }
a { text-decoration: none; color: #fc0; }

input[type="text"], input[type="password"] { border: 1px solid #000; padding: 2px 4px; }

a.saibamais_small { float: right; clear: both; padding: 5px 10px; background-color: #555; color: #f70; transition: 0.6s; font-size: 11px; }
a.saibamais_small i { font-size: 14px; padding-right: 3px; }
a.saibamais_small:hover { background-color: #f70; color: #fff; transition: 0.6s; cursor: pointer; }

/* header ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#fullheader { width: 980px; height: 190px; margin: 5px auto 10px auto; }
.logo { display: block; float: left; width: 190px; height: 190px; }
.header { display: block; float: right; width: 770px; height: 180px; margin-top: 8px; background: url("../img/header2018gold.png") no-repeat 105px 45px; }

#top_header { display: block; height: 22px; text-align: right; padding: 0px 0px 8px 0px; font-size: 13px; }
#top_header a { text-decoration: none; margin-left: 10px; padding: 5px 15px; color: #fc0; transition: 0.6s; }
#top_header a i { font-size: 16px; padding-right: 4px; }
#top_header a:hover { background-color: #555; transition: 0.6s; }

.mainmenu { display: block; width: 770px; height: 72px; color: #fff; text-align: center; }
.mainmenu a { text-decoration: none; }

.mainmenu_top { display: block; float: right; background-color: #f70; width: 770px; height: 26px; font-size: 11px; padding-top: 8px; margin-bottom: 2px; overflow: hidden; white-space: nowrap; transition: 0.6s; }
.mainmenu_top a { color: #fff; padding: 8px 36px; }
.mainmenu_top a:hover { background-color: #730; transition: 0.6s; color: #ff0; }

.mainmenu_bot { display: block; float: left; width: 770px; height: 20px; padding-top: 4px; overflow: hidden; white-space: nowrap; }
.mainmenu_bot a { color: #ccc; padding: 10px 16px; transition: 0.6s; font-size: 12px; margin: 0px 5px; }
.mainmenu_bot a:hover { background-color: #ff0; color: #000; transition: 0.6s; }


/* main web body ---------------------------------------------------------------------------------------------------------------------------------------------- */
#fullbody { width: 980px; margin: 3px auto; }

#pagina h1, #pagina div.bg { background-color: #1a1a1a; margin-bottom: 1px; }

#pagina { float: left; width: 760px; margin: 0px; padding: 0px; background-color: #1a1a1a; min-height: 900px; }
#pagina h1 { background: #1a1a1a url('../img/bgh1.jpg') no-repeat top right; margin: 0px; padding: 0px; font-weight: normal; height: 95px; border-bottom: 1px solid #000; }
#pagina h1 span { display: block; margin: 0px; padding: 15px 0px 1px 15px; font-size: 30px; color: #f70; font-family: 'Open Sans', sans-serif; line-height: 120%; }
#pagina h1 p { margin: 0px; padding: 3px 0px 0px 15px; font-size: 16px; color: #afafaf; }
#pagina h1 a { margin: 0px 0px 0px 10px; padding: 3px 10px; font-size: 15px; color: #fc0; transition: 0.4s; }
#pagina h1 a i { font-size: 18px; padding-right: 3px; }
#pagina h1 a:hover { background-color: #3a3a3a; transition: 0.4s; }

#pagina h1 a.direita { display: block; float: right; margin: 15px 15px 0px 0px; background-color: #f70; color: #222; padding: 8px 8px 8px 10px; width: 46px; height: 46px; border-radius: 5px; text-align: center; font-size: 10px; transition: 0.5s; }
#pagina h1 a.direita:hover { background-color: #ff0; transition: 0.5s; color: #000; }
#pagina h1 a.direita i { display: block; font-size: 32px; margin-bottom: 2px; }

#pagina .texto14 { margin: 15px 15px 15px 20px; font-size: 14px; }
#pagina .texto14 a { font-size: 14px !important; }
#pagina .texto14 p { margin: 15px 0px; line-height: 160%; }

.pagina_body { padding: 3px 15px 9px 15px; }

h5 { margin: 16px 0px 8px 0px; font-size: 20px; color: #fc0; font-weight: normal; font-family: 'Open Sans', sans-serif; }
h4 { margin: 16px 0px 3px 0px; font-size: 16px; color: #f90; font-weight: normal; font-family: 'Open Sans', sans-serif; padding-bottom: 3px; border-bottom: 1px dotted #f90; }

ul.links { width: 280px; float: left; line-height: 230%; padding: 0px; }
ul.links li { list-style:none; }
ul.links a { color: #fc0; padding: 8px 16px; transition: 0.3s; text-decoration: none; font-size: 14px; width: 100%; }
ul.links a:hover { background-color: #cfcfcf; transition: 0.3s; color: #c40; }


#coluna-direita { float: right; width: 206px; min-height: 630px; background: url('../img/steel4.jpg') no-repeat; padding: 0px 3px; text-align: center; }
#banners { }

.full-footer { width: 100%; border-top: 1px solid #ccc; margin-top: 15px; }
.footer { width: 980px; margin: 15px auto 12px auto; text-align: center; }
.footer a { text-decoration: none; color: #ccc; padding: 8px 27px; transition: 0.6s; }
.footer a:hover { background-color: #f70; color: #fff; transition: 0.6s; }

.randomphoto { width: 200px; margin-bottom: 24px; background-color: #000; text-align: left; padding: 3px; margin-top: 3px; }
.randomphoto h6 { padding: 0px; margin: 3px 0px; color: #f70; font-size: 16px; }

.searchbox { background-color: #2a2a2a; border-bottom: 2px solid #000; padding: 15px 10px; }
.searchbox .cell { float: left; }
.searchbox .cell label { display: block; padding: 0px 0px 3px 2px; }
.searchbox .cell select { border: 1px solid #000; padding: 5px; }


.integrante { width: 150px; height: 190px; background-color: #414141; padding: 10px; margin: 10px; float: left; text-align: center; transition: 0.4s; }
.integrante:hover { background-color: #000; transition: 0.4s; }
.integrante_thumb { width: 150px; height: 150px; background-size: cover; text-align: right; }
.integrante .badgecc { padding-top: 120px; }
.integrante .apelido { display: block; font-size: 15px; padding-top: 5px; }
.integrante .apelido:hover { text-decoration: underline; }
.integrante .decano { color: #ccc; font-style: italic; }
.integrante .decano i { font-size: 9px; padding: 0px 5px; }

.blackinfo { background-color: #000; color: #b1b1b1; padding: 2px 10px; width: 95%; margin: 10px auto; font-size: 14px; border: 1px dotted #b1b1b1; }
.blackinfo p { margin: 5px 0px; }

.empty { color: #9c9c9c; text-align: center; padding: 50px 0px !important; }

/* tables ----------------------------------------------------------------------------------------------------------------------------------------------------- */
#tbl-cdmt { width: 100%; }
#tbl-cdmt td { padding: 9px 3px; }
#tbl-cdmt a.bg { background-color: #f70; color: #333; transition: 0.4s; padding: 2px 5px; }
#tbl-cdmt a.bg:hover { background-color: #fc0; color: #000; transition: 0.4s; }

#lista-pde { width: 100%; }
#lista-pde td { padding: 20px 10px 20px 0px; vertical-align: top; border-bottom: 1px dotted #000;  }
#lista-pde td.info { padding-left: 15px; }
#lista-pde p { padding: 0px; margin: 0px 0px 1px 0px !important; }
#lista-pde td.info p.bar { color: #f70; font-size: 16px; }

#formulario-contato { min-height: 640px; }
#contato-messages { display: none; }
#contato-form { }
#tbl-contato { width: 100%; }
#tbl-contato th { padding: 20px 6px 8px 0px; text-align: right; color: #f70; font-weight: normal; font-size: 14px; vertical-align: top; width: 120px; }
#tbl-contato td { padding: 12px 6px; text-align: left; }
#tbl-contato input[type="text"], #tbl-contato textarea { font-family: 'Roboto', sans-serif; font-size: 14px; padding: 6px; border: 1px solid #000; width: 570px; }

table.zebra tr:nth-child(even) { background-color: #3f3f3f; }

table td.functions { background-color: #2f2f2f; text-align: right; padding: 8px 8px !important; }
table td.functions a { color: #f70; font-size: 16px; padding: 8px 16px; border: 1px solid #f70; margin: 4px; display: block; width: 180px; float: right; transition: 0.4s; }
table td.functions a i { font-size: 24px; padding-right: 8px; }
table td.functions a:hover { background-color: #f70; color: #2f2f2f; transition: 0.4s; }


/* buttons --------------------------------------------------------------------------------------------------------------------------------------------------- */
a.button { color: #f70; font-size: 16px; padding: 8px 16px; border: 1px solid #f70; margin: 4px; display: block; float: right; transition: 0.4s; }
a.button i { font-size: 24px; padding-right: 8px; }
a.button:hover { background-color: #f70; color: #2f2f2f; transition: 0.4s; }

a.button.medium { font-size: 14px; }
a.button.medium i { font-size: 20px; }

a.button.small { font-size: 12px; }
a.button.small i { font-size: 16px; }




/* popup stuff ------------------------------------------------------------------------------------------------------------------------------------------------ */
#fade { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 98; background: url('../img/black50.png'); display: none; }
#popup-default { width: 800px; min-height: 250px; margin: 10vH auto 0 auto; z-index: 99; border: 1px solid #f70; background-color: #333; }

.popup-head { font-size: 14px; padding: 5px 15px; color: #fff; background-color: #f70; }
.popup-head a { float: right; color: #fff !important; text-decoration: none;  }

.popup-body { padding: 15px; max-height: 400px; overflow-x: hidden; overflow-y: auto; }


a.popup-close { display: inline-block; font-weight: normal; padding: 5px 15px; background-color: #f00; color: #fff; font-size: 9pt; text-decoration: none; margin: 4px 4px 0px 0px; }