@charset "utf-8";
/* CSS Document */


body {font:11px Tahoma;}
#site{width:100%; }
#bloco-topo{width:885px; margin:auto; clear:both; margin-top:280px; padding:0 0 5px 0;}
#bloco-central{width:885px; clear:both; margin:15px auto;}
#bloco-central #conteudo{float:left; width:525px;}
#bloco-central #lateral-direita{float:left; width:312px;  margin-left:38px;}
#bloco-rodape{width:885px; margin:auto; padding:15px 0 40px 0;}
.liquido{width:100%;}






a{text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}
p{padding:0 0 15px 0; line-height:14px;}
textarea{font-family:Georgia;}
.bold{font-weight:bold !important;}
.bd{font-weight:bold !important;}
.left{float:left !important;}
.right{float:right !important;}
.fn{float:none !important;}
.mz{margin:0 !important;}
.mzl{margin-left:0 !important;}
.pz{padding:0 !important;}
.bz{border:0px !important;}
.bgz{background-image:none !important;}
.ttc{text-transform:capitalize!important;}


h1{font-size:56px;}
h2{}
h3{font-size:18px;} 
h4{}
h5{font-size:30px; margin:0 0 15px 0;}


#logo a{width:435px; height:224px; position:absolute; display:block; text-indent:-1000000px; left:50%; margin-left:-440px; top:120px;}
#selo{width:165px; height:164px; position:absolute; text-indent:-1000000px; left:50%; margin-left:-70px; top:60px;}
#topo-inscricao a{width:101px; height:64px; position:absolute; text-indent:-1000000px; left:50%; margin-left:152px; top:0;}
#topo-atendimento a{width:150px; height:50px; position:absolute; text-indent:-1000000px; left:50%; margin-left:273px; top:11px;}
#topo-agenda{width:166px; height:42px; position:absolute; padding:8px 15px 0 110px; left:50%; margin-left:152px; top:200px; line-height:12px;}
#topo-data{width:94px; height:50px; position:absolute; margin-left:159px; top:200px; left:50%; }
#topo-inscricoes-docs{width:268px; height:72px; position:absolute; padding:8px 15px 0 110px; left:50%; margin-left:45px; top:75px; line-height:12px;}

.menu-principal {float: right; padding:0 0 30px 0;}
.menu-principal li {float: left; }
.menu-principal li a {display: block; height:36px; text-indent: -10000000px; cursor:pointer;}
.menu-principal li.candidato a{width:130px; margin: 0 4px 0 0;}
.menu-principal li.beneficios a{width:141px; margin: 0 4px 0 0;}
.menu-principal li.belasartes a{width:164px;}


#player-videos{height:234px; width:316px; float:left; padding:0 0 30px 0; }
#topo-personagem{height:234px; width:210px; float:left; margin:13px 0 0 140px; }
#topo-personagem h2{font-size:18px; margin:0 0 0 0; }
#topo-personagem h3{font-size:11px!important; font-weight:bold!important; margin-bottom:7px; }
#topo-personagem p{line-height:12px; font-size:10px;  }

#outros-videos{width:540px; height:60px; padding:14px 0 0 130px;}
#outros-videos li {float:left; margin:0 5px 0 0;}
#outros-videos li a{display:block; width:126px; height:52px;}

#main-video{float:left; width:670px;}
#menu-cursos{float:left; width:200px; margin:0 0 0 15px;}
#menu-cursos li a{width:200px; height:28px; display:block; margin:0 0 3px 0; text-indent:-1000000px; cursor:pointer;}

#redes-sociais {float: left; width: 560px; height:52px; margin:5px 0 0 0;}
#redes-sociais li {float: left; text-indent: -10000000px; margin:0 0 0 3px; width:108px; height:52px;}
#redes-sociais li a{float: left; width:108px; height:52px; display:block; cursor:pointer;}

#newsletter{float:left; width:302px; height:58px; padding:5px; text-align:right;}

#rodape{padding:15px 0;}
#rodape #sobre{width:311px; height:35px; float:left; margin:0 0 0 10px;}
.logo {float:left;}
.logo a{background: url(../imagens/logo-ba-pequeno.jpg) no-repeat; width:75px; height:32px; display:block; text-indent:-1000000px;}



#bloco-rodape .menu {float: left; width: 485px;}
#bloco-rodape .menu li {float: left; margin: 0 0 0 8px; height:32px; text-indent: -10000px; cursor:pointer;}
#bloco-rodape .menu li a {height:32px; line-height: 32px; display: block;}
#bloco-rodape .menu li.localizacao {width: 98px;}
#bloco-rodape .menu li.contato {width: 71px;}
#bloco-rodape .menu li.faq {width: 46px;}
#bloco-rodape .menu li.bablog {width: 66px;}
#bloco-rodape .menu li.vestiba {width: 80px;}
#bloco-rodape .menu li.portal {width: 66px;}

.texto {margin:10px 0 0 0; padding:35px 0 0 0;}
.texto img{display:block; float:right; margin:0 0 15px 25px; }
.depoimento img{float:left; margin:0 55px 15px 0; }
.talentos img{float:none; margin:15px 0; }
.portfolio img{float:none; margin:15px 0; }
.atletica img{float:none; margin:0 0 15px 0; }
.localizacao img{float:none; margin:15px 0; }
.modalidades img{float:none; margin:15px 0; }
.inscricoes-interna .modalidade {margin: 10px 0 25px 0; padding:0!important; }
.inscricoes-interna .botao {display:block; float:left; }
.inscricoes-interna .info {float:left; margin-left:15px; width:250px;}
.depoimento h3{font-size:14px; line-height:16px; padding:0 0 4px 0; }
.texto p{padding:0 0 15px 0;}

.lista {padding:0 0 15px 0;}
.lista li{padding:0 0 0 12px;}
.lista li a {text-decoration:none;}


#opcoes{padding:10px 0; margin:15px 0 0 0; width:525px; height:81px;}
#opcoes-atendimento a{width:150px; height:50px; text-indent:-1000000px; display:block; margin:10px 0 0 10px; float:left;}
#share{float:left; padding:40px 0 0 160px;}

.divisoria, .divisoria2{width:100%; height:30px;}

.lista2 {padding:7px 0 0 0;}
.lista2 li{padding:5px 0;}
.lista2 li a {text-decoration:none;}
.lista2 li a:hover, .lista2 li a:focus, .lista2 li a:active {text-decoration:underline;}

.p1{padding:10px 28px;}
/*
////////////////////////////////////////////////////////////////////////////////////////////////////////////
*/

.rotulo1{width:313px; height:35px; text-indent:-1000000px;}
#md-inscricoes .corpo, #md-infra .corpo, #md-portfolio .corpo{margin:25px 0 0 0;}
#md-inscricoes .inscricoes{width:163px; height:155px; float:left; padding:15px;}
#md-inscricoes .inscricoes-opcoes {width:104px; float:left; text-indent:-1000000px; margin:0 0 0 14px;}
#md-inscricoes .inscricoes-opcoes .modalidades a {width:104px; height:87px; display:block;}
#md-inscricoes .inscricoes-opcoes .dicas a {width:63px; height:64px; display:block;}

#lista-videos{height:208px;}
#md-infra .corpo{width:292px; height:750px; padding:10px;}
#md-portfolio .corpo{width:282px; height:558px; padding:15px; font-size:10px;}
#md-portfolio .corpo img{display:block;}
#md-portfolio .corpo #empresa {width:282px; padding:0 0 10px 0;}
#md-portfolio .corpo #empresa .empresa-logo {width:80px; height:80px; float:left; background: url(../imagens/empresa/1.png) no-repeat;}
#md-portfolio .corpo #empresa .empresa-descricao{width:180px; height:100px; float:left; margin:0 0 0 10px;}
#md-portfolio .corpo #empresa span{display:block;}
#md-portfolio .corpo #aluno{width:282px;}
#md-portfolio .corpo #aluno .aluno-foto{width:111px; height:126px; float:left; background: url(http://www.belasartes.br/portfolio/guira/0ad321c8b94c5bae9bd3a9a3136f567d.jpg) no-repeat;}
#md-portfolio .corpo #aluno .aluno-descricao{width:150px; float:left; margin:0 0 0 15px;}
#md-portfolio #aluno h2 {font-size:18px;}
#md-portfolio #aluno h3 {font-size:10px; font-weight:bold;}
#md-portfolio #aluno h2, #md-portfolio #aluno h3{padding:0!important; margin:0!important;}

#outras-areas{border-left:13px solid #F3E77A; border-right:12px solid #F3E77A;}

#lista-videos .thumb{width:257px; height:43px; margin:0 0 1px 0; padding:4px;}
#lista-videos .thumb .imagem{float:left; width:73px;}
#lista-videos .thumb .nome{float:left; width:153px; padding: 0 0 0 10px; text-decoration:none;}
#conteudo #playerinfra{width:292px; float:right; margin:0 0 0 10px;}
#conteudo #lista-videos{float:left; height:310px; width:220px;}
#conteudo #lista-videos .thumb{width:187px; height:43px; margin:0 0 1px 0; padding:4px;}
#conteudo #lista-videos .thumb .imagem{float:left; width:73px;}
#conteudo #lista-videos .thumb .nome{float:left; width:98px; padding: 0 5px 0 10px;}
#md-infra h2, #md-portfolio h2{font-size:20px; margin:0 0 5px 0; }

#md-portfolio .corpo #my_gallery1{float:left; width:183px; margin:0 0 0 15px;}
#md-portfolio .corpo .o-que-e-o-portfolio{float:left; width:81px; height:70px; text-indent:-10000000px;}

#infra-legenda {margin:8px 0 0 0;}
#infra-legenda .titulo{font-size:18px; line-height:18px; margin:0 0 5px 0;}
#infra-legenda .descricao{line-height:11px;}

#infra-galeria {padding:4px 0 0 0;}
#infra-galeria .imagem{width:116px; float:left;}
#infra-galeria .titulo{font-size:12px; font-weight:bold; line-height:12px; padding:0 0 5px 0;}
#infra-galeria .contexto{width:150px; float:left; padding:0 0 0 10px; line-height:11px; }


#candidato-dropdown {position:absolute; left:50%; top:310px; margin-left:14px; display:none;}
#candidato-dropdown ul{padding:0 15px; min-height:100%; width:193px;}
#candidato-dropdown ul li{padding:3px 0;}
#candidato-dropdown ul li a{font-weight:normal;}
#candidato-dropdown .dropdown-top{width:223px; height:27px; display:block;}
#candidato-dropdown .dropdown-bottom{width:223px; height:19px; display:block;}

#beneficios-dropdown {position:absolute; left:50%; top:311px; margin-left:147px; display:none;}
#beneficios-dropdown ul{padding:0 15px; min-height:100%; width:193px;}
#beneficios-dropdown ul li{padding:3px 0;}
#beneficios-dropdown ul li a{font-weight:normal;}
#beneficios-dropdown .dropdown-top{width:223px; height:27px; display:block;}
#beneficios-dropdown .dropdown-bottom{width:223px; height:19px; display:block;}

#belasartes-dropdown {position:absolute; left:50%; top:310px; margin-left:220px; display:none;}
#belasartes-dropdown ul{padding:0 15px; min-height:100%; width:193px;}
#belasartes-dropdown ul li{padding:3px 0;}
#belasartes-dropdown ul li a{font-weight:normal;}
#belasartes-dropdown .dropdown-top{width:223px; height:27px; display:block;}
#belasartes-dropdown .dropdown-bottom{width:223px; height:19px; display:block;}


/*****
FAQ
*****/

.msg_head {display: block; cursor:pointer; font-weight: bolder; position: relative; margin: 0 0 10px 0; padding: 15px 0 0 10px;}
.primeiraPergunta {border-top: 0px;}
.msg_body {position: relative; margin: 0 0 25px 0; padding: 0 0 0 15px;}

#cursos h2{font-size:36px; margin:0 0 15px 0;}
.depoimento h2{font-size:24px;}
#cursos ul { list-style-type: circle; margin:10px 0 0 20px; display:block; padding-bottom:10px; line-height:12px;}  
#cursos li { margin-bottom: 5px;}

#calendario h2{font-size:14px;}
#calendario h3{font-size:24px; margin:0 0 10px 0;}

/* GRAFICO CURSOS */
.grafico {float: left!important; margin: 15px 25px 25px 0!important;}
.grafico-legenda {float: left; margin-top: 75px!important; list-style-type: none !important;}
.grafico-legenda .azul {padding-left: 12px; background:url(../imagens/graficos/leg-azul.png) no-repeat left; color: #DDDDDD; font-weight: normal;}
.grafico-legenda .marrom {padding-left: 12px; background:url(../imagens/graficos/leg-marrom.png) no-repeat left;}
.grafico-legenda .verde {padding-left: 12px; background:url(../imagens/graficos/leg-verde.png) no-repeat left;}
.grafico-legenda .roxo {padding-left: 12px; background:url(../imagens/graficos/leg-roxo.png) no-repeat left;}
.grafico-legenda .pct {color: #999999; font-size: 10px;}

.btn-portfolio{}
.btn-portfolio li{float:left; width:102px; height:29px; text-indent:-100000px; margin:0 5px 0 0;}
.btn-portfolio li a{width:122px; height:29px; display:block;}


#premio{width:525px; padding:25px 0 15px 0; font-size:10px; }
#premio p{line-height:10px!important;}
#premio .premio-imagem{width:223px; height:92px; float:left;}
#premio .premio-descricao{width:273px; float:left; margin:0 0 0 15px;}
#premio .premio-descricao h2{font-weight:bold; padding:0 0 5px 0;}
#premio .premio-descricao p{padding:0 0 5px 0!important;}

#infra-home{width:525px; padding:25px 0 0 0; font-size:10px; }
.infra-mais {width:430px; height:52px; padding:10px 0 0 95px;}
.infra-mais li {float:left; text-indent:-1000000px; margin:0 0 0 5px;}
.infra-mais li a {height:31px; line-height: 31px; display: block;}
.infra-mais li.nucleo-de-design {width: 137px;}
.infra-mais li.muba {width: 79px;}
.infra-mais li.galerias {width: 90px;}
.infra-mais li.biblioteca {width: 103px;}

#fotos-bablog img{margin:0px;}

#topo-logo-belasartes a{position:absolute; left:50%; top:80px; margin-left:-440px; background: url(../imagens/logo-belasartes.png) no-repeat; width:100px; height:53px; display:block; text-indent:-1000000px;}



.mosaico-portfolios li {float: left; margin: 0 10px 0 0; width: 50px; text-transform: capitalize;}
.mosaico-portfolios li.legenda {width: 100px;}





#grade-curricular{text-transform:capitalize;}
#grade-curricular table{margin: 0 0 25px 0; width:100%; color:#FFFFFF; margin: 20px 0 0 0;}
#grade-curricular td{height:18px; border-bottom:1px solid #cb3861; padding: 0 0 0 5px; }





.convenios .logo-parceiro {float: left; padding: 0 10px 5px 0;}
.convenios .logo-parceiro img {padding: 0; margin: 0;}
.convenios .info-parceiro {float: left; width: 410px; margin: 0 0 20px 0;}



.wrapper1{padding:0 0 15px 0;}









.posts-blog {padding: 10px 0 10px 15px; list-style-type: circle;}
.posts-blog li {padding: 0 0 10px 0;}


.bolsa-vespertino a{width:392px; height:37px; display:block; text-indent:-10000000px;}

#player-fotos{width:525px; height:815px; }



#coordenador{width:220px; height:125px; float:left; padding:15px;}
#coordenador img{float:left; padding:0; margin:0;}
#coordenador .infoCoordenador {float:left; width:130px; margin: 0 0 0 10px;}
#coordenador .infoCoordenador span{font-size:18px; display:block;}
#importante-info{width:235px; float:left;margin:0 0 0 15px;  padding:7px 0 0 10px;}











#mcur {list-style-type: none !important; margin: 0 !important;}
#mcur li {border-top: 1px solid #ECD4B2; padding: 5px 0 3px 10px;}
#mcur li a {float: left; display:block;}
#mcur li span {float: right; display:block; padding: 0 10px 0 0;}
#mcur li.semestre {font-weight: bold; margin: 15px 0 0 0; border: 0; padding: 5px 0 7px 0;}
#mcur li.subtotal, #mcur li.disciplinas {font-weight: bold;}

.slide-head{cursor:pointer;}
.lh1 li{padding-bottom:15px;}






.da-link {color: #FFF !important; margin: 0 0 0 0; padding: 5px !important; border: none !Important;}
.da-link a, .da-link a:visited {text-decoration: none;}
.da-link a:focus, .da-link a:hover {text-decoration: none;}
.da-corpo {padding: 0 !important;}














.matriz-curricular{background: url(../imagens/matriz-curricular.png) no-repeat; width:140px; height:29px; display:block; text-indent:-100000000px; }
.imprimir{background: url(../imagens/imprimir.png) no-repeat; width:140px; height:29px; display:block; text-indent:-100000000px; }
#emolumentos {width:380px;}
#emolumentos td{border-bottom:1px solid #F3E77A;}


#prouni{padding:15px 0 0 0 ;}
#prouni .prouni-logo{float:left; width:250px;}
#prouni .fies-logo{float:left;  width:250px; margin-left:20px;}







#contatoCRMSite{padding:0 0 20px 0;}
#contatoCRMSite label{}
#contatoCRMSite label span, #contatoCRMSite label input, #contatoCRMSite label textarea{}
#contatoCRMSite label span{color:#826743;}
#contatoCRMSite label input, #contatoCRMSite label textarea{width:480px; border:1px solid;}
#contatoCRMSite label input{}
#contatoCRMSite label textarea{}
#contatoCRMSite #enviaEmailCRMBotaoSubmit{background-color:#826743;}

#notificacaoCRMOuvidoria{padding:10px; border:1px solid; margin:0 0 20px 0; width:470px;}
#notificacaoCRMOuvidoria .titulo, #notificacaoCRMOuvidoria .frase{display:block;}
#notificacaoCRMOuvidoria .titulo{padding:0 0 3px 0;}
#notificacaoCRMOuvidoria .frase{font-size:10px; font-weight:normal; }
#notificacaoCRMOuvidoria .frase a{line-height:12px;}
#notificacaoCRMOuvidoria .frase a:hover{text-decoration:underline;}

#enviaEmailCRMErros{padding:10px; border:1px solid #900; margin:0 0 15px 0; width:470px; background-color:#911;color:#FFF;}
#enviaEmailCRMErros .titulo{padding:0 0 5px 0; display:block; font-weight:bold;}
#enviaEmailCRMErros li{font-size:10px; padding:0 0 2px 13px;  }
#enviaEmailCRMErros .frase a:hover{text-decoration:underline;}





#emailNewsletter{padding:0 0 20px 0;}
#emailNewsletter label{}
#emailNewsletter label span, #emailNewsletter label input, #emailNewsletter label textarea{}
#emailNewsletter label span{}
#emailNewsletter label input, #emailNewsletter label textarea{width:510px; border:1px solid #37B5DB; color:#000; background-color:#D6EBEC;}
#emailNewsletter label input{}
#emailNewsletter label textarea{}
#emailNewsletter #enviaEmailNewsletterBotaoSubmit{color:#FFFFFF; background-color:#000;}

#enviaEmailNewsletterErros{padding:10px; border:#900 1px solid; background-color:#911; margin:0 0 15px 0; width:500px; color:#FFF;}
#enviaEmailNewsletterErros .titulo{padding:0 0 5px 0; display:block; font-weight:bold; color:#FFF;}
#enviaEmailNewsletterErros li{font-size:10px; padding:0 0 0 13px;  }
#enviaEmailNewsletterErros .frase a:hover{text-decoration:underline;}