/* REGRAS GERAIS */
* { color: #444; padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.5em; }
a { text-decoration: none; color: #D35400; }
img { border: none; }

/* INPUTS */
input { padding: 10px 5px; border-radius: 3px; border: 1px solid #ccc; color: #888; }
.btn { border: 2px solid #D35400; background: #D35400; color: #fff; cursor: pointer; padding: 10px 45px; text-transform: uppercase; font-weight: bold; transition: .2s all ease-in-out; }
.btn:hover { background: #A04000; border: 2px solid #A04000; }

.cabecalho, .topo, .corpo, .rodape, rodape_sub { width: 100%; position: relative; }
.conteudo { width: 980px; margin: 0 auto; }
.clear { clear: both; }
.detalhe { width: 45px; height: 2px; background: #D35400; text-align: center; }

b { font-weight: bold; }
h1 { font-size: 30px; font-weight: bold; text-transform: uppercase; text-align: center; color: #5D4037; }
h3 { font-size: 18px; font-weight: bold; text-transform: uppercase; color: #5D4037; }
p { font-size: 14px; text-align: justify; line-height: 1.5em; text-indent: 30px; }

/* TOPO */
.topo { background: #FFF8E1; border-bottom: 1px solid #E67E22; height: 36px; font-size: 13px; }
.topo .conteudo .esq { float: left; width: 600px; margin-top: 8px; color: #5D4037; }
.topo .conteudo .dir { float: right; width: 160px; margin-top: 8px; }
.topo .conteudo .dir span { padding: 8px; font-weight: 500; }
.topo .conteudo .dir span:hover { background: #D35400; color: #fff; }

/* CABECALHO */
.cabecalho { background-image: linear-gradient(to bottom, #FFF8E1, #FFF3E0); height: 190px; }
.cabecalho .conteudo .logo-info { float: left; width: 980px; }
.cabecalho .conteudo .logo-responsivo { display: none; }
.cabecalho .conteudo .logo-responsivo-tablet { display: none; }

.cabecalho .conteudo .menu { float: left; width: 960px; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; padding: 12px 9px; border-radius: 5px; border-bottom: 4px solid #3E2723; background-image: linear-gradient(to bottom, #6D4C41, #5D4037); }
.cabecalho .conteudo .menu ul { list-style: none; }
.cabecalho .conteudo .menu ul li { padding: 0 12px; display: inline; }
.cabecalho .conteudo .menu ul li a { color: #FFF; text-transform: uppercase; font-weight: bold; font-size: 14px; -moz-transition: .3s all ease-in-out; -webkit-transition: .3s all ease-in-out; -o-transition: .3s all ease-in-out; }
.cabecalho .conteudo .menu ul li a:hover { text-decoration: underline; color: #FFB300; }

/* MENU RESPONSIVO */
.slicknav_menu { display:none; }
#menu { display: none; }

/* CONTEUDO HOME */
.slides { width: 100%; box-shadow: 0 8px 6px -6px #919191; margin-bottom: 60px; }
.corpo .conteudo .evento-home { float: left; width: 45%; padding: 10px 0; margin-right: 40px; }
.corpo .conteudo .evento-home input { width:98% }

.corpo .conteudo .evento-home .btn-evento { background: #fff; padding: 10px 20px; font-weight: bold; border: 2px solid #D35400; color: #D35400; text-transform: uppercase; border-radius: 2px; transiton: .2s all ease-in-out; }
.corpo .conteudo .evento-home .btn-evento:hover { border: 2px solid #A04000; background: #D35400; color: #fff; cursor: pointer; }
.corpo .conteudo .trabalhos-home { float: left; width: 45%; padding: 10px 0; margin-left: 40px; }
.corpo .conteudo .trabalhos-home .btn-trabalhos { background: #fff; padding: 10px 20px; font-weight: bold; border: 2px solid #D35400; color: #D35400; text-transform: uppercase; border-radius: 2px; transiton: .2s all ease-in-out; }
.corpo .conteudo .trabalhos-home .btn-trabalhos:hover { border: 2px solid #A04000; background: #D35400; color: #fff; cursor: pointer; }
.corpo .conteudo .programacao-home { float: left; width: 100%; padding: 10px 0; margin-top: 50px; margin-bottom: 50px; }
.corpo .conteudo .programacao-home img { border-radius: 2px; }

/* INFORMAÇÕES */
.corpo .conteudo .informacoes { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .informacoes h1 { text-align: left; }

/* COMISSÃO */
.corpo .conteudo .comissao { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .comissao h1 { text-align: left; }

/* DOWNLOADS */
.corpo .conteudo .downloads { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .downloads h1 { text-align: left; }

/* SUBMISSÃO */
.corpo .conteudo .submissao { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .submissao h1 { text-align: left; }
.corpo .conteudo .submissao .normas { float: left; width: 80%; margin-right: 2%; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }
.corpo .conteudo .submissao .info_submissao { float: left; width: 13%; }
.corpo .conteudo .submissao .info_submissao a { font-size: 14px; color: #D35400; }
.corpo .conteudo .submissao .info_submissao a:hover { color: #333; }

/* INSCRIÇÕES */
.corpo .conteudo .inscricoes { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .inscricoes h1 { text-align: left; }

/* INSCRIÇÕES */
.corpo .conteudo .inscricoes_pareceristas { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .inscricoes_pareceristas h1 { text-align: left; }

/* PROGRAMAÇÃO */
.corpo .conteudo .programacao { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .programacao h1 { text-align: left; }
.corpo .conteudo .programacao .tabela { padding: 5px 10px; border: 1px solid #ccc; border-radius: 3px; }
.corpo .conteudo .programacao .tabela .td_titulo { font-weight: bold; text-transform: uppercase; }

/* RODAPÉ */
.rodape { background-image: linear-gradient(to bottom, #EFEBE9, #D7CCC8); height: 260px; border-top: 2px solid #8D6E63; }
.rodape .conteudo { font-size: 13px; }
.rodape .conteudo .logo { float: left; width: 250px; }
.rodape .conteudo .logo img { width: 150px; margin-top: 40px; }
.rodape .conteudo .info { float: left; width: 450px; margin-top: 30px; }
.rodape .conteudo .realizacao { float: left; width: 200px; margin-top: 30px; }
.rodape .conteudo .realizacao a { color: #D35400; }
.rodape .conteudo .realizacao a:hover { color: #333; }
.rodape_sub { height: 110px; background: #4E342E; }
.rodape_sub .conteudo .esquerda { float: left; margin-top: 12px; }
.rodape_sub .conteudo .esquerda p { color: #fff; font-size: 13px; line-height: 1.5em; }
.rodape_sub .conteudo .direita { float: right; margin-top: 12px; }
.rodape_sub .conteudo .direita p { color: #fff; font-size: 13px; line-height: 1.5em; }
.rodape_sub .conteudo .direita p a { color: #FFB300; transition: .2s all ease-in-out; font-size: 13px; }
.rodape_sub .conteudo .direita p a:hover { color: #FF6F00; }

/* LOGIN */
.corpo .conteudo .login { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .login h1 { text-align: left; }
.corpo .conteudo .login .form_login { float: left; width: 400px; margin-right: 100px; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }
.corpo .conteudo .login .form_login .email { width: 96% }
.corpo .conteudo .login .form_login .senha { width: 96% }
.corpo .conteudo .login .info_login { float: left; width: 400px; }
.corpo .conteudo .login .info_login a { font-size: 14px; color: #D35400; }
.corpo .conteudo .login .info_login a:hover { color: #333; }


/* PAINEL (esquerdo e direito) */
.corpo .conteudo .painel_esquerdo { float: left; width: 45%; padding: 10px 0; }
.corpo .conteudo .painel_esquerdo h1 { text-align: left; }
.corpo .conteudo .painel_direito { float: left; width: 50%; padding: 10px 0; margin-left:1% }
.corpo .conteudo .painel_direito img {width: 110px;}
.corpo .conteudo .painel_direito a { float: left; font-size: 14px; color: #D35400; }
.corpo .conteudo .painel_direito a:hover { color: #333; }
.corpo .conteudo .painel_direito .dados { border: 1px solid #000;padding:10px; height:200px}
.corpo .conteudo .painel_direito .actions {text-align:center;  height:100%;  margin-top:10px;}
.corpo .conteudo .painel_direito a { font-size: 14px; color: #D35400; }
.corpo .conteudo .painel_direito a:hover { color: #333; }
.corpo .conteudo .painel_direito img {width: 117px;}
.corpo .conteudo .painel_direito .actions .acoes{ border: 1px dotted #000; display: inline-block; margin-left: auto;  margin-right: auto;}


/* PAINEL */
.corpo .conteudo .painel { float: left; width: 100%; padding: 0; }
.corpo .conteudo .painel h1 { text-align: left; }

/* INSCRIÇÕES */
.corpo .conteudo .inscricoes { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .inscricoes h1 { text-align: left; }
.corpo .conteudo .inscricoes .form_inscricoes { float: left; width: 400px; margin-right: 100px; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }
.corpo .conteudo .inscricoes .form_inscricoes .nome, .email, .ra, .senha, .r_senha { width: 94%; }
.corpo .conteudo .inscricoes .form_inscricoes .campus { width: 380px; }

.corpo .conteudo .login .form_presencas .atividades { width: 180px; }

.corpo .conteudo .inscricoes .form_inscricoes .instituicao { width: 380px; }
.corpo .conteudo .inscricoes .campus{ width: 370px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .inscricoes .info_inscricoes { float: left; width: 400px; }
.corpo .conteudo .inscricoes .info_inscricoes a { font-size: 14px; color: #D35400; }
.corpo .conteudo .inscricoes .info_inscricoes a:hover { color: #333; }

/* INSCRIÇÕES PARECERISTAS*/
.corpo .conteudo .inscricoes_pareceristas { float: left; width: 100%; padding: 30px 0; }
.corpo .conteudo .inscricoes_pareceristas h1 { text-align: left; }
.corpo .conteudo .inscricoes_pareceristas .form_inscricoes { float: left; width: 430px; margin-right: 100px; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }

.corpo .conteudo .inscricoes_pareceristas .form_anais { float: left; width: 100%; margin-right: 100px; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }

.corpo .conteudo .inscricoes_pareceristas .form_inscricoes .nome, .email, .campus, .instituicao, .ra, .senha, .r_senha { width: 94%; }
.corpo .conteudo .inscricoes_pareceristas .campus{ width: 97%; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .inscricoes_pareceristas .info_inscricoes { float: left; width: 400px; }
.corpo .conteudo .inscricoes_pareceristas .info_inscricoes a { font-size: 14px; color: #D35400; }
.corpo .conteudo .inscricoes_pareceristas .info_inscricoes a:hover { color: #333; }


.corpo .conteudo .painel .form_trabalhos { float: left; width: 400px; margin-right: 100px; padding: 20px; border-radius: 3px; border: 1px solid #ccc; }
.corpo .conteudo .autor{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .orientador_nome{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .orientador_email{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .area{ width: 380px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .titulo{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .trabalho{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .palavras_chave{ width: 365px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }
.corpo .conteudo .btn_resumo { background: #fff; padding: 10px 20px; font-weight: bold; border: 2px solid #D35400; color: #D35400; text-transform: uppercase; border-radius: 2px; transiton: .2s all ease-in-out; }

.vermelho{color: red}
.azul{color: #D35400}
.verde{color: green}
.amarelo{color: #FFB300}
.laranja{color: #E67E22}

.ola{border-radius: 5px; background-color:#FFF8E1; width: 100%}
.ranking{border-radius: 5px; background-color: #FFF3E0; width:100%}

.linha{ border-radius:5px; color: red; border:3px }

.campus{ width: 450px; padding: 7px; border: 1px solid #ccc; margin-bottom: 8px; }