body {behavior: url('/media/js/cssHoverFix.htc'); text-align:center; font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px; background: #FFF; } #conteudo { width:100%; height: 100%; text-align:left; margin:0 auto 0 auto;} #topo { width: 100%; height:162px; background-image: url('/media/bkg.topo.jpg'); background-repeat: repeat-x; } #topo .conteudo { width: 980px; height: 162px; margin: 0 auto 0 auto; } #topo .logo { float: left; width: 32%; height: 100%; } #topo .logo img { margin-top: 20px; } #topo .menu { float: right; width: 68%; height: 100%; color: #000; } #topo .menu .telefone { width: auto; height: 80%; text-align: right; } #topo .menu .telefone li { display: inline; } #topo .menu .site { width: auto; height: 20%; font-size: 0.75em; line-height: 20px; text-align: right; } #topo .menu .site li { display: inline; padding: 4px; } #menuprincipal { width: 100%; height: 30px; background: #44476a; font-size: 0.9em; font-weight: bold; clear: both; } #menuprincipal .conteudo { width: 980px; height: 30px; margin: 0 auto 0 auto; } #banner { height: 350px; width: 100%; } #banner .item { width: 100%; height: 350px } #interno { width: 100%; height: 100%; font-size: 0.8em; } #interno .topo { width: 100%; height: 136px; background-image: url('/media/bkg.topo.interno.jpg'); text-align: center; } #interno .topo .imagem { width: 980px; height: 100%; margin: 0 auto 0 auto; } #interno .topo .imagem .texto { font-size: 1.6em; color: #646464; text-align: left; margin-left: 20px; padding-top: 60px; } #interno .conteudo { width: 980px; height: 92%; margin: 2% auto 6% auto; } #interno .conteudo h1 { color: #44466a; font-weight: 600; font-size: 1.2em; } #interno .conteudo .linha { width: 100%; height: 100%; background: #F5F5F5; } #interno .conteudo .linha .conteudo { margin: 10px 10px 10px 10px; } #interno .conteudoduplo { width: 980px; height: 92%; margin: 2% auto 6% auto; } #interno .conteudoduplo .esquerdo { width: 50%; height: 100%; float: left; } #interno .conteudoduplo .direito { width: 50%; height: 100%; float: right; } #noticias { height: 230px; width: 100%; margin:0 auto 0 auto; color: #646464; padding-top: 20px; } #noticias .conteudo { width: 980px; height: 100%; margin: 0 auto 0 auto; } #noticias .conteudo .video { width: 333px; float: right; margin-top: -85px; z-index: 50; position: relative; } #noticias .conteudo .video .caixa { width: 333px; } #noticias .conteudo .noticia { width: 322px; float: left; } #noticias .conteudo .noticia .caixa { height: 100%; width: 322px; } #noticias .conteudo h1 {font-size: 1em; font-weight: bold; text-align: left; } #noticias .conteudo h2 {font-size: 0.9em; font-weight: normal; text-align: left; } #alunoonline { width: 100%; height: 145px; background-image: url('/media/bkg.info.jpg'); background-repeat: repeat; clear: both; } #alunoonline .conteudo { width: 980px; height: 100%; margin: 0 auto 0 auto; } #alunoonline .conteudo .acesso { width: 26%; height: 100%; float: left; } #alunoonline .conteudo .acesso .titulo { width: 100%; height: 25%; margin-top: 20px; } #alunoonline .conteudo .acesso .titulo .aluno { font-size: 1em; color: #44476a; font-weight: 600; } #alunoonline .conteudo .acesso .titulo .online { font-size: 1em; color: #44476a; font-weight: 600; } #alunoonline .conteudo .acesso .titulo .texto { font-size: 0.7em; color: #646464; font-weight: 100; } #alunoonline .conteudo .acesso .form { width: 100%; height: 50%; font-size: 0.7em; color: #646464; } #alunoonline .conteudo .acesso .form .texto { width: 100%; height: 25%; } #alunoonline .conteudo .acesso .form .texto .usuario { width: 144px; height: auto; float: left; } #alunoonline .conteudo .acesso .form .texto .senha { width: 84px; height: auto; float: left; } #alunoonline .conteudo .acesso .form .input { width: 100%; height: 25%; } #alunoonline .conteudo .acesso .form .input .usuario { width: 144px; height: auto; float:left; } #alunoonline .conteudo .acesso .form .input .senha { width: 84px; height: auto; float:left; } #alunoonline .conteudo .acesso .form .input .botao { width: 60px; height: auto; float:left; } #alunoonline .conteudo .bancodetalentos { width: 30%; height: 100%; float: left; } #alunoonline .conteudo .bancodetalentos .titulo { width: 100%; height: 30%; margin-top: 20px; } #alunoonline .conteudo .bancodetalentos .titulo .cima { font-size: 1em; color: #44476a; font-weight: 600; } #alunoonline .conteudo .bancodetalentos .titulo .texto { font-size: 0.7em; color: #646464; font-weight: 100; } #alunoonline .conteudo .bancodetalentos .form { width: 100%; height: 50%; font-size: 0.7em; color: #646464; } #alunoonline .conteudo .bancodetalentos .form .texto { width: 100%; height: 25%; } #alunoonline .conteudo .bancodetalentos .form .texto div { width: auto; height: auto; float: left; } #alunoonline .conteudo .bancodetalentos .form .input { width: 100%; height: 25%; } #alunoonline .conteudo .interatividade { width: 42%; height: 100%; float: right; margin-top: 20px; } #alunoonline .conteudo .interatividade .titulo { width: auto; height: 30%; } #alunoonline .conteudo .interatividade .titulo .cima { font-size: 1em; color: #44476a; font-weight: 600; } #alunoonline .conteudo .interatividade .titulo .texto { font-size: 0.7em; color: #646464; font-weight: 100; } #alunoonline .conteudo .interatividade .form { width: 100%; height: 50%; font-size: 0.7em; color: #646464; } #alunoonline .conteudo .interatividade .form .texto { width: 100%; height: 25%; } #alunoonline .conteudo .interatividade .form .texto div { width: auto; height: auto; float: left; } #alunoonline .conteudo .interatividade .form .input { width: 100%; height: 25%; } #alunoonline .conteudo .interatividade .form .input .email { width: 224px; height: auto; float:left; } #alunoonline .conteudo .interatividade .form .input .botao { width: 60px; height: auto; float:left; } #alunoonline .conteudo .interatividade .form .input .img { width: auto; height: auto; float:right; } .txtaluno { background-color: #d5dbcb; height: 20px; width: 140px; border: none; color: #646464; font-size: 0.95em; } .txtsenha { background-color: #d5dbcb; height: 20px; width: 80px; border: none; color: #646464; font-size: 0.95em; } .txtemail { background-color: #d5dbcb; height: 20px; width: 220px; border: none; color: #646464; font-size: 0.95em; } .btnazul { background-color: #44476a; height: 22px; border: none; color: #FFF; } #rodape { padding-top: 15px; width: 100%; height: 60px; font-size: 0.65em; color: #646464; } #rodape .conteudo { width: 980px; height: 100%; margin: 0 auto 0 auto; } #rodape .conteudo .esquerda { float: left; width: 45%; margin-top: 5px; } #rodape .conteudo .centro { float: left; } #rodape .conteudo .centro a img { vertical-align: top; } #rodape .conteudo .direita { float: right; text-align: right; } #contato fieldset { width: 400px; height: auto; border: 0px; text-align: left; } #contato fieldset .botao { padding-left: 100px; } #contato fieldset label { float:left; width:100px; height: 18px; padding-top:0.2em; } #contato fieldset #id_nome { width: 270px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #contato fieldset #id_email { width: 270px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #contato fieldset #id_telefone { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #contato fieldset #id_cidade { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #contato fieldset #id_mensagem { width: 270px; height: 150px;border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset { width: 400px; height: auto; border: 0px; text-align: left; } #ficha fieldset .botao { padding-left: 120px; } #ficha fieldset label { float:left; width:120px; height: 18px; padding-top:0.2em; } #ficha fieldset #id_nome { width: 270px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_email { width: 270px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_telefone { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_cidade { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_curso { width: 270px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_nucleo { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #ficha fieldset #id_tipo_inscricao { width: 180px; height: 18px; border: 1px solid #CCC; background-color: #f6f4f4; } #eventos { width: 100%; height: 100%; } #eventos .item { width: auto; height: 220px; } #eventos .imagem { width: 210px; height: 150px; float: left; } #eventos .texto { top: 0px; width: auto; height: 220px; float:left; margin-left: 5px; color: #676767; } #eventos .texto .titulo { font-size: 1em; font-weight: bold; } #eventos .texto .descricao { font-size: 0.95em; font-weight: normal;} #parceiros { width: 100%; height: 100%; text-align: center; } #parceiros .item { width: 300px; height: 200px; float: left; } #parceiros .item img { line-height: 60px; } #mensagem { color: #FF0000; } #mensagem_newsletter { color: #FF0000; } #conteudoGaleriaFotos .galeriaDeFotosLista {width: 76%; overflow: hidden; margin: 0 auto; text-align: center;} #conteudoGaleriaFotos .galeriaDeFotosLista .item {float: left; height: 240px; text-align: center; margin: 8px 2px 0px 6px;width: 236px; } #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem {background: #eee; height: 100%; width: 100%; text-align: center; color: #44476A; } #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem a, #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem a:link, #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem a:active, #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem a:hover, #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem a:visited {color: #44476A;} #conteudoGaleriaFotos .galeriaDeFotosLista .item .imagem img { margin-top: 4px; } #conteudoGaleriaFotos img.galeria {width: 228px; height: 160px; border: 0;} #conteudoGaleriaFotos .tituloGaleria {width: 100%} #conteudoGaleriaFotos #galeriaDeFotos {width: 650px; height: auto; float: left; background-color: #eee; margin-bottom: 10px;} #conteudoGaleriaFotos .fotoDestaque {width: 650px; margin: 0; padding: 0; border: 0} #conteudoGaleriaFotos #fotoDestaque {width: 100%; height: auto; border:0; float: left; } #conteudoGaleriaFotos .descricao {width: 580px; font-weight: bolder; color: #333; float: left; text-align: left; padding: 10px;} #conteudoGaleriaFotos .indice {width: 30px; font-weight: bolder; color: #333; float: left; text-align: right; padding: 10px;} #conteudoGaleriaFotos .navegacao {float: right; width: 320px; text-align: center; margin-left: 5px;} #conteudoGaleriaFotos .miniaturas {padding: 0;} #conteudoGaleriaFotos .miniaturas .item {width: 150px; height: 115px; overflow: hidden; float: left; } #conteudoGaleriaFotos .miniaturas .item .img {width: 140px; height: 105px; overflow: hidden; } #conteudoGaleriaFotos img.miniatura {width: 140px; height: auto; display: inline-block; border: 5px solid white; margin: 0} #conteudoGaleriaFotos img.miniatura.atual {border-color: #FFF;} #conteudoGaleriaFotos img.miniatura:hover {border-color: #FFF;} #conteudoGaleriaFotos .paginas {text-align: left; padding-top: 12px; width: 100%; clear: both; vertical-align: text-bottom;} #conteudoGaleriaFotos .paginas span {color: #44476A; font-weight: bold; margin-left: 12px;} #conteudoGaleriaFotos a.link-pagina {display: inline-block; padding: 4px 8px; color: #44476A; font-weight: 600; } #conteudoGaleriaFotos a.link-pagina:link, #conteudoGaleriaFotos a.link-pagina:active, #conteudoGaleriaFotos a.link-pagina:visited, #conteudoGaleriaFotos a.link-pagina:hover {color: #44476A;} #conteudoGaleriaFotos a.link-pagina.paginaAtual {background-color: #44476A;} #conteudoGaleriaFotos a.link-pagina.paginaAtual:link, #conteudoGaleriaFotos a.link-pagina.paginaAtual:active, #conteudoGaleriaFotos a.link-pagina.paginaAtual:visited, #conteudoGaleriaFotos a.link-pagina.paginaAtual:hover {color: white} a:link, a:visited, a:active, a:hover { text-decoration: none; color: #646464; cursor: pointer; } .form a:link, .form a:visited, .form a:active, .form a:hover { padding: 4px; text-decoration: none; color: #fff; cursor: pointer; background-color: #44476A; font-size: 1.2em }