/*CSS Reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0}address,th{font-style:normal;font-weight:normal}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}img,fieldset{border:none}ol,ul{list-style:none}
/*fim do CSS reset*/
/*body*/
body{background: #FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:100%;/*hacks IE6*/ text-align:center}
/*fim body*/
/*div Principal*/



.elastico #principal{ width:980px; height:100%; text-align:left; margin:0 auto;}
/*fim div principal*/
/*div topo*/
.elastico #principal #topo{ background: url(../Imagens/Layout/logo-fama2.gif) no-repeat; width:980px; height:150px; margin:0; color:#ffffff}
.elastico #principal #topo span{ display:none}
.elastico #principal #topo #bannercopa{ width: auto; height:60px; margin:10px 0 0 0; padding-left:335px; float:left; display:none}
.elastico #principal #topo #pesquisa{ float: left; margin:80px 0 0 0; padding-left:335px;  font-size:12px; width: auto; height:auto}
.elastico #principal #topo #pesquisa #cse-search-box div #web2{ height:15px; width:335px; border:0; background:url(../Imagens/botao%20pesquisar3.png)}
.elastico #principal #topo #pesquisa #cse-search-box div div{ float: right}
.elastico #principal #topo #pesquisa #cse-search-box div #web{ width:25px; height:auto;}
.elastico #principal #topo #pesquisa #cse-search-box div #pes{ height:18px; font-size:12px; border:0; width:39px; background:url(../Imagens/botao%20pesquisar.png) no-repeat; padding-bottom:2px}
.elastico #principal #topo #pesquisa #cse-search-box div #pes:hover{ background:url(../Imagens/botao%20pesquisar.png) no-repeat}
/*div portal*/
.elastico #principal #topo #portal{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; float: right;margin:10px auto 0 auto; width:260px; height:auto; text-align: justify;}
.elastico #principal #topo #portal #formulario p{ margin:5px 0}
.elastico #principal #topo #portal #formulario p a{ color:#ffffff; text-decoration:none;}
.elastico #principal #topo #portal #formulario p a:hover { text-decoration:underline; color:#ff0000}
.elastico #principal #topo #portal #formulario{ text-align: right; width: auto; height:auto; margin:0 15px auto}
.elastico #principal #topo #portal #formulario #bg { margin:0 0 6px 0; width:159px; height:14px; background: url(../Imagens/Menu/borda3.png) no-repeat; border:0}
.elastico #principal #topo #portal #formulario #entrar { float:left; margin:5px auto 0 36px; height:18px; background: url(../Imagens/Menu/borda.png) no-repeat; border:0; font-size:12px; padding-bottom:5px;}
.elastico #principal #topo #portal #formulario #entrar:hover{ background: url(../Imagens/Menu/borda2.png) no-repeat; color:#FFF;}
.elastico #principal #topo #portal #data{ margin:5px 15px auto; width:auto; text-align:right}
/*fim da div portal*/
/*fim div topo*/
/*div menu*/
.elastico #principal #menu { width:100%; height:25px;}
/*
  Menus drop-down horizontal-vertical (hv) e vertical-vertical (vv) até 4 níveis
  by Micox - elmicox.blogspot.com - Ver. 2.0 - 20/02/08 - Creative Commons License
*/
.menu-hv, .menu-vv {
	font-family: Arial, Helvetica, sans-serif;
	position: relative;
	margin:0;
	display: block;
	zoom: 1;
	color:#21974e;
}
 .menu-hv * ,    .menu-vv * { margin: 0; list-style: none; width:196px; height:25px; display:block; color:#ffffff}
 .menu-hv li ,   .menu-vv li {position: relative; line-height: 1.2em; vertical-align:top; text-align:center;}
 .menu-hv a ,    .menu-vv a { padding-top:4px; display: block; zoom: 1; height:25px; line-height: 1.2em; text-decoration:none;}
 .menu-hv li ul, .menu-vv li ul { position: absolute; visibility: hidden ;}
 .menu-hv li:hover ul,  .menu-vv li:hover ul,
 .menu-hv li.hover ul,  .menu-vv li.hover ul { visibility: visible;}
 .menu-hv li:hover ul ul,  .menu-vv li:hover ul ul,
 .menu-hv li.hover ul ul,  .menu-vv li.hover ul ul { visibility: hidden }
 .menu-hv li li:hover ul,  .menu-vv li li:hover ul,
 .menu-hv li li.hover ul,  .menu-vv li li.hover ul { visibility: visible;}
 .menu-hv li li:hover ul ul,  .menu-vv li li:hover ul ul,
 .menu-hv li li.hover ul ul,  .menu-vv li li.hover ul ul { visibility: hidden;}
 .menu-hv li li li:hover ul,  .menu-vv li li li:hover ul,
 .menu-hv li li li.hover ul,  .menu-vv li li li.hover ul { visibility: visible;}
 /* características horizontal-vertical */
 .menu-hv:after, .menu-hv.after { content: "."; line-height: 0px; clear: both; display: block; visibility: hidden}
 .menu-hv li { float: left; }  
 .menu-hv li ul li { float: none;}
 .menu-hv li ul li ul { position: absolute; left: 100%; top: 0;}
 /* características vertical-vertical */
 .menu-vv { float: left; } 
 .menu-vv li ul { left: 100%; top: 0px; }
 /* ****************************************
   ALTERE ABAIXO. defina a largura, cor, formatações, etc, dos itens do seu menu abaixo
   ou apague as linhas se for definir em outro lugar
 */
 .menu-hv li { margin:0px;background: url(../Imagens/Menu/fundo-menu.gif) no-repeat; font-size:13px;}
 .menu-vv li { margin:0px;background: url(../Imagens/Menu/fundo-menu.gif) no-repeat}
 .menu-hv li a:hover {width:100%; background: url(../Imagens/Menu/fundo-menu-2.gif) no-repeat;font-size:15px; padding-top:2px;color:#ffffff}
 .menu-vv li a:hover {width:100%; background: url(../Imagens/Menu/fundo-menu-2.gif) no-repeat}
 .fundo1 a{ margin-top:-4px; height:25px}
 /*fim da div menu*/
/*div menu 2*/
.elastico #principal #menu2  { width:100px; height: auto; float:right; margin-top:20px;}
.elastico #principal #menu2 li {padding:0 0 0 20px; width:75px; height:75px; margin:0 0 3px 0}
.elastico #principal #menu2 li:hover { width:100%; height: 100px; padding:0 0 0 10px; text-decoration:none;}
.elastico #principal #menu2 img{ width:100%; height:auto}
.elastico #principal #menu2 ul{ width:100px; height: auto; display:block; list-style:none; margin:0}
/*fim div menu 2*/
/*div conteudo */
.elastico #principal #conteudo { width:880px; height:auto; font-size:12px; text-align:justify; float: left}
.elastico #principal #conteudo {color:#000000;}
.elastico #principal #conteudo a{ text-decoration:none; color:#000000}
.elastico #principal #conteudo a:hover{color:#006600; text-decoration: underline}
/* div conteudoCurso*/
.elastico #principal #conteudo #colA { width:430px; height:auto; padding-top:15px; float:left;}
.elastico #principal #conteudo #foto { margin-top:20px}
.elastico #principal #conteudo #mapa { width:100%; height:auto; margin:0 0 15px 0}
.elastico #principal #conteudo #colA h2,h3 { margin-bottom:20px}
.elastico #principal #conteudo #colB h2,h3 { margin-bottom:20px}
/*div textoCompleto*/
/* pagina corpo docente*/
.elastico #principal #conteudo #corpod { height: auto; width:300px; margin-top:15px; padding-left:10px}
.elastico #principal #conteudo #corpod ol { list-style:none; }
.elastico #principal #conteudo #corpod ol li{ display:block;height:20px; width: auto; font-weight:bold;}
.elastico #principal #conteudo #corpod ol li dl{ display:block; color:#000; position: absolute; visibility: hidden; width:600px; height:auto; font-size:10px; }
.elastico #principal #conteudo #corpod ol li dl dd{ margin-top:10px}
.elastico #principal #conteudo #corpod ol li dl h3,h4,h5{ margin:5px 0 5px 0; padding:0}
.elastico #principal #conteudo #corpod ol li dl img{ float:right; margin:-20px 10px}
.elastico #principal #conteudo #corpod ol li dl a{ color:#999;}
.elastico #principal #conteudo #corpod ol li dl a:hover{ color: #666; font-size:11px;}
.elastico #principal #conteudo #corpod ol li:hover { font-size:18px; padding:10px ; border:#000032 5px solid; width:600px; height:155px; text-decoration:none}
.elastico #principal #conteudo #corpod ol li:hover a{ color:#000032; text-decoration:none}
.elastico #principal #conteudo #corpod ol li:hover dl{ visibility: visible }
/* fim pagina corpo docente*/
/* ouvidoria*/
.elastico #principal #conteudo #ouvidoria { width:100%; height:auto; margin:15px 0 15px 0}
.elastico #principal #conteudo #ouvidoria img { float:right; margin:0 10px}
.elastico #principal #conteudo #ouvidoria p{ width:500px}
.elastico #principal #conteudo #ouvidoria ul{ width:500px}
.elastico #principal #conteudo #ouvidoria p,ul { margin:0 0 0 15px; padding:0; list-style: disc;}
.elastico #principal #conteudo #ouvidoria ul li{ margin-bottom:10px; margin-left:15px}
.elastico #principal #conteudo #ouvidoria h2{margin:15px 0 15px 0; padding:0}
.elastico #principal #conteudo #ouvidoria h3{margin:15px 0 15px 0; padding:0}
.elastico #principal #conteudo #ouvidoria h4{margin:15px 0 15px 0; padding:0}
/*fim ouvidoria*/
.elastico #principal #conteudo #textoCompleto { width:100%; height:auto}
.elastico #principal #conteudo #textoCompleto #abc { list-style-type: upper-latin; width:485px}
.elastico #principal #conteudo #textoCompleto #abc li{ margin:20px 0 20px 0}
.elastico #principal #conteudo #textoCompleto #fotos{ width:350px; height:auto;float: right; text-align:center }
.elastico #principal #conteudo #textoCompleto #fotos img{ margin:0 10px 10px 10px; width:300px; height:auto;}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #borda {background:url(../Imagens/borda_cursos.png) repeat-x; width:500px; height:4px; padding:0 ; margin-bottom:5px}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta { margin-bottom:10px}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #cc { width:500px; height:auto}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #cc p{ width:200px; height:50px; float:left; text-align: right; margin:0 20px auto; display:block; font-size:24px;}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #cc p a{ z-index:1;width:190px; height:40px; background:url(../Imagens/Menu/comente.png) no-repeat; color:#09F; text-decoration:none; display:block; padding:10px 10px 0 0}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #compartilhar { width:auto; height:15px;}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta #compartilhar a,span{ float:left; margin:0 5px auto auto}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta ul{ width:485px; padding:0; list-style: disc;}
.elastico #principal #conteudo #textoCompleto #noticiaCompleta ul li{margin-bottom:10px; margin-left:15px}
.elastico #principal #conteudo #textoCompleto #comentarios { margin-bottom:10px; width:500px}
.elastico #principal #conteudo #textoCompleto #comentarios #conteudoComentarios img{ width:16px; height:16px}
.elastico #principal #conteudo #textoCompleto p #fotosNoticias { margin:10px; width:300px; height:auto;float: right}
.elastico #principal #conteudo #textoCompleto h2,h3,h4,h5 { margin:20px 0 20px 0; width:500px }
.elastico #principal #conteudo #textoCompleto p { width:500px; margin-bottom:10px; color:#000}
.elastico #principal #conteudo #textoCompleto a { font-weight:bold}
.elastico #principal #conteudo #textoCompleto p img { float:left; margin:0 5px 5px 0;}
.elastico #principal #conteudo #textoCompleto #form1 {width:300px}
.elastico #principal #conteudo #textoCompleto #todasNoticias{ width:100%; height:auto }
.elastico #principal #conteudo #textoCompleto #todasNoticias div { display:block; width:100%; height:75px; }
.elastico #principal #conteudo #textoCompleto #todasNoticias img{ float:left; margin:3px 5px 20px 0; width:75px; height: auto}
.elastico #principal #conteudo #textoCompleto #todasNoticias p { color:#000}
/* div atividades*/
.elastico #principal #conteudo #colA #atividades{ width:auto; height:auto; margin-top:15px}
.elastico #principal #conteudo #colA #atividades p { margin-bottom:10px}
.elastico #principal #conteudo #colA #atividades img{float:left;margin:5px 5px 5px 0; width:75px; height: auto}
.elastico #principal #conteudo #colA img{ margin:10px auto 5px 15px; width:auto; height:auto}
.elastico #principal #conteudo #colA #conteudoCurso a{ font-weight:bold; width:auto; height:auto; margin:0; padding:0; float:right}
/*div materias*/
.elastico #principal #conteudo #materias { width:auto; height:auto}
.elastico #principal #conteudo #materias div img{ float:right; margin:0 0 0 10px}
.elastico #principal #conteudo #materias h2,h3,h4,h5{ margin:20px 0 20px 0;}
.elastico #principal #conteudo #materias p { padding:0}
.elastico #principal #conteudo #materias a { font-weight:bold}
/*div colB*/
.elastico #principal #conteudo #colB{width:430px; height:auto; padding-top:15px; float:right }
.elastico #principal #conteudo #colB img{margin:10px auto 5px 15px }
.elastico #principal #conteudo #colB #mais{ margin:0 0 0 auto; width:90px}
.elastico #principal #conteudo #colB #mais img{ float:left; padding:3px 3px 0}
.elastico #principal #conteudo #colB #mercado{ width:auto; height:auto; margin-bottom:15px}
.elastico #principal #conteudo #colB #mercado img{margin:5px 5px 5px 0; width:50px; height:50px}
.elastico #principal #conteudo #colB #mercado p{ float: right; width:375px; height: auto; padding-top:15px}
.elastico #principal #conteudo #downloads { width:100%; height: auto;}
.elastico #principal #conteudo #etiquetadownloads { margin-top:15px;height:25px;background: url(../Imagens/Menu/etiqueta%20downloads.jpg) no-repeat}
.elastico #principal #conteudo #etiquetadownloads span { display:none}
.elastico #principal #conteudo .downloads { width:430px; height: auto; list-style:none; margin:0}
.elastico #principal #conteudo .downloads li { width:56px; height:56px; float:left; margin:15px; display:block}
.elastico #principal #conteudo #downloads img{ width:50px; height:50px; padding-left:3px; padding-top:3px}
.elastico #principal #conteudo #textoCompleto #fotos #downloads .downloads li a .icone{ width:50px; height:50px; padding-left:3px; padding-top:3px}
.elastico #principal #conteudo #downloads img:hover{ width:56px; height:56px; padding:0}
.elastico #principal #conteudo #textoCompleto #fotos #downloads .downloads li a .icone:hover{ width:56px; height:56px; padding:0}
.elastico #principal #conteudo #downloads a:hover {text-decoration:none;}
.elastico #principal #conteudo #colB #links {width:100%; height: auto; margin:-20px 0; text-transform: lowercase; padding:0}
.elastico #principal #conteudo #colB #etiquetalink { margin:0 0 10px 0; padding:0;height:25px;background: url(../Imagens/Menu/etiqueta%20mercado.jpg) no-repeat}
.elastico #principal #conteudo #colB #etiquetalink span { display:none}
.elastico #principal #conteudo #colB #links #logo img{ width: auto; height: 50px; margin:0 auto 10px auto}
.elastico #principal #conteudo #colB #links #titulo { list-style:none; width:auto; height:auto; padding: 0  0 5px 0; display:none}
.elastico #principal #conteudo #colB #links #titulo img { display: none}
.elastico #principal #conteudo #colB #links ul #titulo {list-style:none; width:auto; height:auto; padding:0 0 10px 0; display:block}
.elastico #principal #conteudo #colB #links a:hover { font-weight:bold; text-decoration:none}
.elastico #principal #conteudo #colA #slide { margin-bottom:20px}
.elastico #principal #conteudo #evento { width:430px; height:auto; margin:10px 0; float:right; display:block}
.elastico #principal #conteudo #evento a{ font-weight:bold}
.elastico #principal #conteudo #evento p{ margin:5px 0 5px 0}
.elastico #principal #conteudo #evento #etiquetaevento { width:100%; height:25px; background:url(../Imagens/Menu/etiqueta%20eventos.jpg) no-repeat;}
.elastico #principal #conteudo #etiquetaevento span { display:none}
.elastico #principal #conteudo #etiquetaestagio {height:25px;background: url(../Imagens/Menu/etiqueta%20estagio.jpg) no-repeat;}
.elastico #principal #conteudo #etiquetaestagio span { display:none}
.elastico #principal #conteudo #estagio {width:430px; height: auto; margin:10px 0; float:left; display:block}
.elastico #principal #conteudo #estagio a{ font-weight:bold}
.elastico #principal #conteudo #estagio p{ margin:5px 0 5px 0}

/* div noticias */
.elastico #principal #conteudo #noticias { width:100%; height: auto;}
.elastico #principal #conteudo #noticias #ultimas{ width:auto; height: auto; margin:25px 0 15px 0; float:left}
.elastico #principal #conteudo #noticias #video{ width:340px; height:285px; padding:25px 0 15px 0; margin-left:auto; margin-right:20px}
/* fim da div noticias */
.elastico #principal #conteudo #eventos { width: 100%; height:auto; margin:10px 0; }
.elastico #principal #conteudo #eventos #headlines { margin:0 -10px 0 -10px;}
.elastico #principal #conteudo #eventos #headlines #chamadas { width:200px; height:220px; float:left; margin: 0 10px 10px 10px; display:block}
.elastico #principal #conteudo #eventos #headlines #chamadas a:hover{ text-decoration:none}
.elastico #principal #conteudo #eventos #headlines #chamadas p{ color:#000; width: 100% }
.elastico #principal #conteudo #eventos #headlines #chamadas p:hover{color:#006600; }
.elastico #principal #conteudo #eventos img{ margin-bottom:5px; width:100%; height:auto}
.elastico #principal #conteudo #eventos #mais{ width:52px; height:auto; margin:0 0  0 auto; display:block}
.elastico #principal #conteudo #eventos #mais img{ float:left; margin: 3px 4px 0 0; width:10px; height:10px}
/* div curso */
.elastico #principal #conteudo #graduacao{ width: 100%; height: auto;}
.elastico #principal #conteudo #graduacao #etiquetac{height:25px;background: url(../Imagens/Menu/etiqueta%20cursos.jpg) no-repeat}
.elastico #principal #conteudo #graduacao #etiquetac span{ display:none}
.elastico #principal #conteudo #graduacao #curso { width:430px; height: auto; text-align:justify; margin-right:20px; float:left}
.elastico #principal #conteudo #graduacao .curso { width:430px; height: auto; text-align:justify; margin-right:0; float:left}
.elastico #principal #conteudo #graduacao #borda {background:url(../Imagens/borda_cursos.png) repeat-x; width:430px; height:4px; padding:0 ; margin:0}
.elastico #principal #conteudo #graduacao #texto{ width:430px; height:auto; margin-top:30px}
.elastico #principal #conteudo #graduacao #texto #titulo{ width:260px; margin:20px 0 5px auto; text-align: right; }
.elastico #principal #conteudo #graduacao #texto #titulo h2{font-size:1.45em}
.elastico #principal #conteudo #graduacao #texto #menucursos{ width:280px; height:25px; background: url(../Imagens/Menu/bgmenucurso.png) no-repeat; list-style:none; display:block; margin:10px 0 0 auto}
.elastico #principal #conteudo #graduacao #texto #menucursos li { width:20%; height: auto; margin:4px 0; float:left; text-align:center; color:#FFF}
.elastico #principal #conteudo #graduacao #texto #menucursos a{ color:#FFF}
.elastico #principal #conteudo #graduacao #texto #menucursos a:hover { text-decoration:none; font-weight:bold}
.elastico #principal #conteudo #graduacao #texto #saiba:hover{ color: #F00}
.elastico #principal #conteudo #graduacao #texto #dl:hover{ color: #0F0}
.elastico #principal #conteudo #graduacao #texto #est:hover{ color: #000032}
.elastico #principal #conteudo #graduacao #texto #even:hover{ color:#FF0}
.elastico #principal #conteudo #graduacao #texto #mer:hover{ color:#F5A307}
.elastico #principal #conteudo #graduacao img{ width:150px; height:auto;float:left;}
/* fim div curso */
/* div pos, ex aluno */
.elastico #principal #conteudo #pos { width:430px; height:auto; margin:15px 0; float:left}
.elastico #principal #conteudo #pos #etiquetap{ background:url(../Imagens/Menu/etiqueta%20pos.jpg) no-repeat; width:430px; height:25px}
.elastico #principal #conteudo #pos #etiquetap span{ display:none}
.elastico #principal #conteudo #pos #cursos {height:100px; width:430px; text-align:justify; margin:10px 0;}
.elastico #principal #conteudo #pos h2{ font-size:1.45em}
.elastico #principal #conteudo #pos #cursos img{ float:left; margin-right:10px; width:100px; height:100px;}
.elastico #principal #conteudo #enquete { width:430px; height: auto; margin:15px 0 auto;float:right }
.elastico #principal #conteudo #enquete span{ display:none}
.elastico #principal #conteudo #enquete .enquete { width:100%; height:330px; background:#1a4772 no-repeat; color:#FFF;}
.elastico #principal #conteudo #enquete .enquete h4 { margin: 10px; float:left; display:block; width:100px; height:30px; background:url(../Imagens/Menu/bgbt.png); font-size:1em}
.elastico #principal #conteudo #enquete .enquete h4:hover { margin: 10px; float:left; display:block; width:100px; height:30px; background:url(../Imagens/Menu/bgbt2.png)}
.elastico #principal #conteudo #enquete .enquete form a { color:#1a4772; width:100%; height:23px; display:block; padding:7px 0; text-align:center}
.elastico #principal #conteudo #enquete .enquete form a:hover { color:#fff; text-decoration:none;}
.elastico #principal #conteudo #enquete .enquete #etiquetaenquete { height:25px; background:url(../Imagens/Menu/etiquetaenquete2.jpg) no-repeat}
.elastico #principal #conteudo #enquete #pergunta { width:auto; height:auto; margin:10px auto 20px auto; padding-left:10px; text-align: justify}
.elastico #principal #conteudo #enquete #pergunta h2{ font-size:1.3em}
.elastico #principal #conteudo #enquete #resposta{width: auto; height:17px; display:block; padding-left:10px}
.elastico #principal #conteudo #enquete #resposta input {margin:2px auto 0;}
.elastico #principal #conteudo #enquete #resposta img { width:auto; height:auto;}
.elastico #principal #conteudo #enquete #exaluno{ width:430px; height:125px; margin:10px 0 0 auto; float: right; background:url(../Imagens/exaluno1.jpg) no-repeat}
.elastico #principal #conteudo #enquete #exaluno p{ width:330px; height:auto; margin-left:90px; margin-top:10px; text-align:justify}
.elastico #principal #conteudo #enquete #exaluno a{ color:#ffffff;}
.elastico #principal #conteudo #enquete #exaluno #etiquetaex { height:25px;background:url(../Imagens/Menu/etiqueta%20ex.jpg) no-repeat}
.elastico #principal #conteudo #enquete #exaluno #etiquetaex span{ display:none}
.elastico #principal #conteudo #enquete #empregabilidade{ width:430px; height: auto; margin:0 0 10px auto;}
.elastico #principal #conteudo #enquete #empregabilidade #etiquetaempregabilidade { height:25px;background:url(../Imagens/Menu/etiquetaempregabilidade.jpg) no-repeat}
.elastico #principal #conteudo #enquete #empregabilidade #etiquetaempregabilidade span{ display:none}
.elastico #principal #conteudo #enquete #empregabilidade #espacoaluno { width:100%; height:100px; background:url(../Imagens/alunos.jpg) no-repeat;margin-top:5px}
.elastico #principal #conteudo #enquete #empregabilidade #espacoempresa { width:100%; height:100px; background:url(../Imagens/empresa.jpg) no-repeat; margin-top:5px }
.elastico #principal #conteudo #enquete #empregabilidade p { width:130px; height: auto; margin:0 0 0 300px; text-align:center;font-size:14px; padding-top:24px; font-weight:bold}
.elastico #principal #conteudo #enquete #empregabilidade a { color:#333}
.elastico #principal #conteudo #enquete #empregabilidade a:hover { color:#F00; text-decoration:none; font-weight:bold}
 
/* fim div  pos, ex aluno */
/* div destaques */
.elastico #principal #conteudo #destaque { width:100%; height: auto; margin:10px 0}
.elastico #principal #conteudo #destaque #envie { float: right; margin:7px 0 0 auto; color:#F00}
.elastico #principal #conteudo #destaque #professor #borda {background:url(../Imagens/borda_cursos.png) repeat-x; width:430px; height:4px; padding:0 ; margin:5px 0}
.elastico #principal #conteudo #destaque #alunos #borda {background:url(../Imagens/borda_cursos.png) repeat-x; width:430px; height:4px; padding:0 ; margin:5px 0}
.elastico #principal #conteudo #destaque #etiquetad{height:25px;background:url(../Imagens/Menu/etiqueta%20destaques.jpg) no-repeat}
.elastico #principal #conteudo #destaque span{ display:none}
.elastico #principal #conteudo #destaque #professor { width:430px; height:auto; margin: 15px 0; float:left}
.elastico #principal #conteudo #destaque #alunos { width:430px; height:auto; margin:15px 0 0 20px; float:right}
.elastico #principal #conteudo .fotos {width:430px; height: 240px; margin:0; list-style:none; overflow: auto}
.elastico #principal #conteudo .fotos li{ width:56px; height:56px; float:left; margin:12px 6px 12px 18px;}
.elastico #principal #conteudo .fotos li a img{ width:50px; height:50px; padding-left:3px; padding-top:3px}
.elastico #principal #conteudo .fotos a:hover img{ width:56px; height:56px; padding:0}

/* fim div destaques*/
/* div rodape */
.elastico #principal #rodape{ background:url(../Imagens/rodape.jpg) no-repeat; width:100%; height:50px; display:block; margin:auto 0;}
/* fim div rodape */

/*div confraria*/
.elastico #confraria{ width:100%; height:auto;}
.elastico #confraria img { width:100%; height:auto;}
/*fim div confraria*/ 
/*div Jornada*/
.elastico #jornada #programacao{ width:100%; height:500px; margin-top:20%; overflow:hidden }
.elastico #jornada #bg{ width:100%; height:100%;
						position: fixed;
						left:0px;top:0px;
						z-index:-1;}
.elastico #jornada #arte{ width:100%; height: auto;
						position: fixed;
						left:0px; top:0px;
						z-index:2; margin:auto 0 auto 0}
.elastico #jornada #arte2{ width:100%; height:100%;
						position: fixed;
						left:0px; top:0px;
						z-index:3;}
.elastico #jornada #programacao #tabela{ width:100%; height: auto;
										position: absolute;
										left:0px; top:0px;
										z-index:1;margin:auto 0 auto 0}
.elastico #jornada #programacao #oculto{ visibility:hidden}
/* fim div Jornada*/
/* borda arredondada*/

/* fim borda arredondada*/

/*Formatando o formulario*/
.form{ margin-top:10px;padding:15px; color:#ffffff; background-color:#000032; width:425px; }
.form fieldset div { float:left; margin-right:5px}
.form label{ float:left; padding-bottom:0.5em; width:25em;}
.form inpu,select,textarea,.botao{ border:1px solid #000}
.botao{ background: #ffffff; color:#000032; font-weight:bold; margin:10px}
.botao:hover{ background:#000032; color:#ffffff}
.elastico #principal #conteudo #textoCompleto #comment{ margin-top:10px;padding:15px; color:#ffffff; background-color:#000032; width:425px; }
.elastico #principal #conteudo #textoCompleto #comment fieldset div { float:left; margin-right:5px}
.elastico #principal #conteudo #textoCompleto #comment label{ float:left; padding-bottom:0.5em; width:25em;}
.elastico #principal #conteudo #textoCompleto #comment inpu,select,textarea,.botao{ border:1px solid #000}
.elastico #principal #conteudo #textoCompleto .botao{ background: #ffffff; color:#000032; font-weight:bold; margin:10px}
.elastico #principal #conteudo #textoCompleto .botao:hover{ background:#000032; color:#ffffff}
/*fim do formulario*/





.limpar{ clear: both}
.limpar2{ clear: right}
.limpar3{ clear: left}

/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6
   http://elmicox.blogspot.com/2008/03/ativando-hover-e-first-child-no-ie-6-um.html 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression */
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }
/* Micox Pseudo-class-css2 to IE (MXPC). Activate .hover and .first-child in IE 6 
   Deixe isto ao final de tudo do seu CSS pois o Webkit não interpreta nada mais abaixo do expression
*/
* html * { color: expression( (function(who){ if(!who.MXPC){
 who.MXPC = '1';
 if(who.nodeName != 'A'){
  who.onmouseenter=function(){ who.className += ' hover'};
  who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; }
 (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;
} } )(this) , 'auto') }

/* example */
p:first-child , p.first-child { color: #FFFFFF;}
li:hover a , li.hover a { color: #FFFFFF;}