html, body {
  height: 100%;
  overflow: hidden;
}

body{
  font-family: Verdana, Arial;
  font-size: 12px;
  background: url(../imagens/fundo.jpg) no-repeat #F4BC0F;
  color: #000;
}

#tudo {
  position: relative;
  height: 95%;
  overflow: auto;
}

#geral {
  display: block;
  margin: 0 auto;
  width: 950px;
  background: url(../imagens/fundobranco.gif) repeat-y 250px;  
  margin-top:10px;
}

#inicio {
  display: block;
  margin: 0 auto;
  width: 950px;
  margin-top: 0px;
}

* html #geral,
* * html #inicio {
	height: 100%; /* hack para IE6 que trata height como min-height */
}


p {
  line-height:16px;
  color: #000;
}

.alerta {
  display: block;
  background:url(../imagens/atencao.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  margin:20px;
  font-size: 10px;
  color:#000;
}

.sucesso {
  display: block;
  background:url(../imagens/sucesso.gif) 5px center no-repeat #ffffe1;
  border:1px solid #aca899;
  padding:5px 5px 5px 25px;
  margin:20px;
  font-size: 10px;
  color:#000;
}

.limpar {
  clear: both;
}










/* LOGOMARCA */
div#logo {
  position: fixed;
  float: left;
  width: 250px;
} 

div#logo h1 {
  display: none;
}






/* CONTEUDO */
div#conteudo {
  float: right;
  width: 600px;
  padding-right:100px;
} 

div#conteudo div.titulo {
  display: block;
  background: url(../imagens/barrasuperior.gif) no-repeat bottom center;
  height: 92px;  
}

div#conteudo div.titulo h2 {
  font-size: 50px;
  color: #133184;
  line-height: 92px;
  padding-left: 150px;  
}

/* CONTEUDO CORPO EM BRANCO */
div#conteudo div.texto {
  padding: 20px;
  min-height: 395px;
  _height: 395px;
}

div#conteudo div.texto h2 {
  color: #FF9C00;
  font-size: 18px;
  padding: 5px 0px;  
}

div#conteudo div.texto h3 {
  font-size: 14px;
  padding: 5px 0px;
  color: #000;  
}

div#conteudo div.texto p {
  padding-bottom: 10px;  
}


div#conteudo div.texto a p {
  padding-bottom: 0px;  
}

/* FAQ */
div#conteudo div#faq div.titulo {
  background: url(../imagens/bannerfaq.jpg) no-repeat bottom right;
}

div#conteudo div#faq div.titulo h2 {
  font-size: 38px;
  padding-left: 110px;
}

div#conteudo div#faq div.texto div.item {
  display: block;
  padding: 10px 0px 15px 0px;
  border-bottom: 1px dotted #FF9C00;
}

div#conteudo div#faq div.texto p {
  padding: 0px;
}

div#conteudo div#faq div.texto div.item a {
  color: #000;
  display: block;
  text-decoration: none;
}

div#conteudo div#faq div.texto div.item a:hover {
  text-decoration: underline;
}



/* CURSOS */
div#conteudo div.curso-graduacao div.titulo {
  background: url(../imagens/bannergraduacao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-pos-graduacao div.titulo {
  background: url(../imagens/bannerposgraduacao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-extensao div.titulo {
  background: url(../imagens/bannerextensao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-sequencial div.titulo {
  background: url(../imagens/bannerextensao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-graduacao div.texto {
  background: url(../imagens/graduacao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-pos-graduacao div.texto {
  background: url(../imagens/pos-graduacao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-extensao div.texto {
  background: url(../imagens/extensao.jpg) no-repeat bottom right;
}

div#conteudo div.curso-sequencial div.texto {
  background: url(../imagens/extensao.jpg) no-repeat bottom right;
}

div#conteudo div#curso div.texto table th {
  padding: 5px;
  background-color: #FFE3BF;
  text-align: center;
}

div#conteudo div#curso div.texto table tr.cabecalho th {
  background-color: #FFF;
  font-size: 10px;
}

div#conteudo div#curso div.texto table td {
  padding: 5px;
  border-bottom: 1px dotted #E4E4E4;
}

div#conteudo div#cursos div.texto a img {
  float: left;
  margin-right: 15px;
}

div#conteudo div#cursos div.texto a {
  display: block;
  margin: 5px 0px;
  text-decoration: none;
}

div#conteudo div#cursos div.texto a h2 {
  padding-top: 10px;
}

div#conteudo div#cursos div.texto a:hover h2 {
  text-decoration: underline;
}

/* CURSO */
div#conteudo div#curso div.texto h2 {
  font-size: 26px;
}

/* CURSO */
div#conteudo div#curso div.texto h4 {
  font-size: 12px;
  color: #133184; 
}

div#conteudo div#curso div.texto p {
  text-align: justify;
}

div#conteudo div#curso div.texto img {
  float: right;
}

div#conteudo div#curso div.texto table th {
  padding: 5px;
  background-color: #FFE3BF;
  text-align: left;
}

div#conteudo div#curso div.texto table tr.cabecalho th {
  background-color: #FFF;
  font-size: 10px;
}

div#conteudo div#curso div.texto table td {
  padding: 5px;
  border-bottom: 1px dotted #E4E4E4;
}

div#conteudo div#curso div.texto table td.ementa {
  display: none;
  text-align:justify;
  font-size:10px;
  line-height: 16px;
}

div#conteudo div#curso div.texto table a {
  text-decoration: none;
}

div#conteudo div#curso div.texto a.item {
  display: block;
  width: 48%;
  float: left;
  padding-bottom: 20px;  
  text-decoration: none;
}

div#conteudo div#curso div.texto a.item:hover img {
  border: 5px solid #FF9C00;  
}

div#conteudo div#curso div.texto a.item h2 {
  font-size: 12px;
  padding-top: 10px; 
}

div#conteudo div#curso div.texto a.item img {
  float: left;
  margin-right: 5px;
  border: 5px solid #FFF;  
  padding: 5px; 
}

div#conteudo div#curso div.texto a.item p {
  color: #133184;
  font-size: 10px;
}




/* NOTICIAS */
div#conteudo div#noticias div.titulo,
div#conteudo div#noticia div.titulo {
  background: url(../imagens/bannernoticias.jpg) no-repeat bottom right;
}

div#conteudo div#noticias div.titulo h2,
div#conteudo div#noticia div.titulo h2 {
  padding-left: 190px;
}

div#conteudo div#noticias div.texto a.item {
  display: block;
  padding: 10px 0px;  
  text-decoration: none;
  border-bottom: 1px dotted #FF9C00;
}

div#conteudo div#noticias div.texto p,
div#conteudo div#noticia div.texto p {
  text-align: justify;
}

div#conteudo div#noticias div.texto a:hover h3 {
  text-decoration: underline;
}

/* NOTICIA */
div#conteudo div#noticia div.texto h3 {
  clear: both;
}

div#conteudo div#noticia div.texto ul {
  list-style: circle;
  margin-left: 20px;
}

div#conteudo div#noticia div.texto ul li a {
  display: block;
  color: #FF9C00;
  padding: 3px 0px;
  text-decoration: none;
}

div#conteudo div#noticia div.texto ul li a:hover {
  text-decoration: underline;
  font-weight: bold;
}

div#conteudo div#noticia div.texto a.foto {
  display: block;
  width: 90px;
  float: left;
  text-decoration: none;
  padding: 5px;
  border: 5px solid #FFF;
}

div#conteudo div#noticia div.texto a.foto:hover {
  border: 5px solid #FF9C00;  
}


/* ATOS */
div#conteudo div#atos div.titulo {
  background: url(../imagens/banneratos.jpg) no-repeat bottom right;
}

div#conteudo div#atos div.titulo h2 {
  font-size: 40px;
}

div#conteudo div#atos div.texto div.item {
  display: block;
  padding: 10px 0px 15px 0px;
  border-bottom: 1px dotted #FF9C00;
}

div#conteudo div#atos div.texto p {
  padding: 0px;
}

div#conteudo div#atos div.texto div.item a {
  background: url(../imagens/pdf.gif) no-repeat left center;
  padding-left: 20px;
  line-height: 20px;
  color: #133184;
}


/*CONTATOS*/
div#conteudo div#contatos div.titulo {
  background: url(../imagens/bannercontatos.jpg) no-repeat bottom right;
}
div#conteudo div#contatos div.titulo h2 {
  padding-left: 190px;
}

div#conteudo div#contatos div.texto form {
  background: url(../imagens/fundoform.gif) no-repeat center top;
  padding: 3px 0px 0px 5px;
  height: 160px;
}

div#conteudo div#contatos div.texto form input {
  margin-bottom: 14px;
  _margin-bottom: 11px;
  height: 20px;
  width: 265px;
  border: none;
  background-color: #F9F9F9;
}

div#conteudo div#contatos div.texto form label.error {
  display: none;
  float: left;
  width: 0px;
  height: 0px;
}

div#conteudo div#contatos div.texto form input.error {
	background: url(../imagens/atencao.gif) no-repeat right center
}

div#conteudo div#contatos div.texto form select {
  margin-left: 8px;
  margin-bottom: 12px;
  height: 23px;
  width: 265px;
  border: none;
  border: 0px;
  background-color: #F9F9F9; 
   
}


div#conteudo div#contatos div.texto form textarea {
  margin-left: 8px;
  height: 50px;
  width: 260px;
  font-family: Verdana, Arial;
  border: none;
  background-color: #F9F9F9;    
}


div#conteudo div#contatos div.texto form div.coluna {
  width: 274px;
  float: left;
}

div#conteudo div#contatos div.texto form div.mensagem {
  float: left;
  margin: 0px;
  width: 300px;
}

div#conteudo div#contatos div.texto form a.btnenviar {
  clear: both;
  float: right;  
  display: block;
  width: 100px;
  height: 48px;
  background: url(../imagens/enviar.gif) no-repeat right bottom;
  text-indent: -9999px;
}

div#conteudo div#contatos div.texto form a.btnenviar:hover {
  background: url(../imagens/enviar.gif) no-repeat right top;
}

/*ENDERECO*/
div#conteudo div#contatos div.texto div.endereco {
  clear: both;
}

div#conteudo div#contatos div.texto div.endereco h3 {
  background: url(../imagens/telefone.gif) no-repeat left center;
  padding: 10px 0px 10px 30px;
  color: #133184;
  font-size: 18px;
}

div#conteudo div#contatos div.texto div.endereco a {
  display: block;
  background: url(../imagens/email.gif) no-repeat left center;
  padding: 10px 0px 10px 30px;
  color: #133184;
  font-size: 16px;
}

div#conteudo div#contatos div.texto div.endereco a.twitter {
  display: block;
  background: url(../imagens/twitter.jpg) no-repeat left center;
  padding: 10px 0px 10px 30px;
  color: #133184;
  font-size: 12px;
}

div#conteudo div#contatos div.texto div.endereco p {
  display: block;
  background: url(../imagens/endereco.gif) no-repeat left 15px;
  padding: 10px 0px 10px 30px;
  color: #133184;
  font-size: 12px;
}

div#conteudo div#contatos div.texto div.endereco p a {
  display: block;
  background: none;
  padding: 0px;
  color: #133184;
  font-size: 10px;
}


div#conteudo div#contatos div.texto {
  background: url(../imagens/mapa.gif) no-repeat bottom right;
}



/*MIDIAS*/
div#conteudo div#midias div.titulo {
  background: url(../imagens/bannermidia.jpg) no-repeat bottom right;
}


div#conteudo div#midias div.texto div.item {
  display: block;
  padding-bottom: 20px;  
  text-decoration: none;
}

div#conteudo div#midias div.texto div.item img {
  float: left;
  margin-right: 15px;
}

div#conteudo div#midias div.texto div.item a {
  color: #133184;
  font-size: 10px;
}


/*INSTITUCIONAL*/
div#conteudo div#institucional div.titulo {
  background: url(../imagens/bannerinstitucional.jpg) no-repeat bottom right;
}

div#conteudo div#institucional div.titulo h2 {
  padding-left: 230px;
}

 



/*ALBUM-DE-FOTOS*/
div#conteudo div#album-de-fotos div.titulo {
  background: url(../imagens/bannerfotos.jpg) no-repeat bottom right;
}

div#conteudo div#album-de-fotos div.texto p {
  font-size: 10px;
  color: #333;
}

div#conteudo div#album-de-fotos div.texto a.item {
  display: block;
  width: 48%;
  float: left;
  padding-bottom: 20px;  
  text-decoration: none;
}

div#conteudo div#album-de-fotos div.texto a.item:hover img {
  border: 5px solid #FF9C00;  
}

div#conteudo div#album-de-fotos div.texto a.item h2 {
  font-size: 12px;
  padding-top: 10px; 
}

div#conteudo div#album-de-fotos div.texto a.item img {
  float: left;
  margin-right: 5px;
  border: 5px solid #FFF;  
  padding: 5px; 
}

div#conteudo div#album-de-fotos div.texto a.item p {
  color: #133184;
  font-size: 10px;
}

div#conteudo div#album-de-fotos div.texto a.foto {
  display: block;
  width: 90px;
  float: left;
  text-decoration: none;
  padding: 5px;
  border: 5px solid #FFF;
}

div#conteudo div#album-de-fotos div.texto a.foto:hover {
  border: 5px solid #FF9C00;  
}



/* DESAFIO */
div#conteudo div#desafio div.titulo {
  background: url(../imagens/bannerdesafio.jpg) no-repeat bottom right;
}

div#conteudo div#desafio div.texto ul {
  list-style: circle;
  margin-left: 20px;
  margin-bottom: 10px;
}

div#conteudo div#desafio div.texto ul li {
  line-height: 16px;
  padding-bottom: 10px;
}


div#conteudo div#desafio div.texto a {
  color: #FF9C00;
  padding: 3px 0px;
  text-decoration: none;
}

div#conteudo div#desafio div.texto a:hover {
  text-decoration: underline;
}




/*DESAFIO CADASTRO*/
div#conteudo div#desafio-cadastro div.titulo {
  background: url(../imagens/bannerdesafio.jpg) no-repeat bottom right;
}
div#conteudo div#desafio-cadastro div.titulo h2 {
  padding-left: 190px;
}

div#conteudo div#desafio-cadastro div.texto form {
  background: url(../imagens/fundodesafio.gif) no-repeat center top;
  padding: 3px 0px 0px 5px;
  height: 180px;
}

div#conteudo div#desafio-cadastro div.texto form input {
  margin-bottom: 14px;
  _margin-bottom: 11px;
  height: 20px;
  width: 265px;
  border: none;
  background-color: #F9F9F9;
}

div#conteudo div#desafio-cadastro div.texto form label.error {
  display: none;
  float: left;
  width: 0px;
  height: 0px;
}

div#conteudo div#desafio-cadastro div.texto form input.error {
	background: url(../imagens/atencao.gif) no-repeat right center
}

div#conteudo div#desafio-cadastro div.texto form select {
  margin-left: 8px;
  margin-bottom: 12px;
  height: 23px;
  width: 265px;
  border: none;
  border: 0px;
  background-color: #F9F9F9; 
   
}


div#conteudo div#desafio-cadastro div.texto form textarea {
  margin-left: 8px;
  height: 90px;
  width: 260px;
  font-family: Verdana, Arial;
  border: none;
  background-color: #F9F9F9;    
}


div#conteudo div#desafio-cadastro div.texto form div.coluna {
  width: 274px;
  float: left;
}

div#conteudo div#desafio-cadastro div.texto form div.mensagem {
  float: left;
  margin: 0px;
  width: 300px;
}

div#conteudo div#desafio-cadastro div.texto form a.btnenviar {
  clear: both;
  float: right;  
  display: block;
  width: 100px;
  height: 48px;
  background: url(../imagens/enviar.gif) no-repeat right bottom;
  text-indent: -9999px;
}

div#conteudo div#desafio-cadastro div.texto form a.btnenviar:hover {
  background: url(../imagens/enviar.gif) no-repeat right top;
}

/*-- TWITTER --*/
div#conteudo div#desafio-cadastro div.texto div.promova {
  clear: both;
}

div#conteudo div#desafio-cadastro div.texto div.promova h3 {
  background: url(../imagens/telefone.gif) no-repeat left center;
  padding: 15px 0px 15px 30px;
  color: #133184;
  font-size: 18px;
}

div#conteudo div#desafio-cadastro div.texto div.promova a {
  color: #133184;
  font-size: 16px;
  display: block;
  width: 110px;
  height: 110px;
  float: left;
  text-indent: -9999px;
}

div#conteudo div#desafio-cadastro div.texto div.promova a.twitter {
  background: url(../imagens/twiiter.jpg) no-repeat center;
}

div#conteudo div#desafio-cadastro div.texto div.promova a.meualtovale {
  background: url(../imagens/meualtovale.jpg) no-repeat center;
}

div#conteudo div#desafio-cadastro div.texto div.promova a.delicious {
  background: url(../imagens/delicious.jpg) no-repeat center;
}

div#conteudo div#desafio-cadastro div.texto div.promova a.orkut {
  background: url(../imagens/orkut.jpg) no-repeat center;
}

div#conteudo div#desafio-cadastro div.texto div.promova a.regulamento {
  clear: both;
  text-indent: 0px;
  font-size: 12px;
  color: #133184;
  width: 100%;
  height: 30px;
  padding-top: 20px;
  text-align: right;
}





/* INTERESSE */
div#conteudo div#interesse div.titulo {
  background: url(../imagens/bannercontatos.jpg) no-repeat bottom right;
}

div#conteudo div#interesse div.titulo h2 {
  font-size: 46px;
}

div#conteudo div#interesse div.texto form {
  background: url(../imagens/fundointeresse.gif) no-repeat left 30px;
  padding: 3px 0px 0px 5px;
  height: 170px;
}

div#conteudo div#interesse div.texto form h3 {
	font-size: 12px;
	padding: 9px 0px;
}

div#conteudo div#interesse div.texto form input {
  margin-bottom: 14px;
  _margin-bottom: 11px;
  height: 20px;
  width: 265px;
  border: none;
  background-color: #F9F9F9;
}

div#conteudo div#interesse div.texto form input#buscaCurso {
	width: 540px;
}

div#conteudo div#interesse div.texto form label.error {
  display: none;
  float: left;
  width: 0px;
  height: 0px;
}

div#conteudo div#interesse div.texto form input.error {
	background: url(../imagens/atencao.gif) no-repeat right center
}

div#conteudo div#interesse div.texto form div.lado input {
  margin-left: 8px;  
}


div#conteudo div#interesse div.texto form div.coluna {
  width: 274px;
  float: left;
}

div#conteudo div#interesse div.texto form a.btnenviar {
  clear: both;
  float: right;  
  display: block;
  width: 100px;
  height: 48px;
  background: url(../imagens/enviar.gif) no-repeat right bottom;
  text-indent: -9999px;
}

div#conteudo div#interesse div.texto form a.btnenviar:hover {
  background: url(../imagens/enviar.gif) no-repeat right top;
}

/* MENU */
#menu {
	position: absolute;
	width: 100%;
	height: 60px;
	bottom: 0;
	text-align: center;
	background-color: #FE7F00;
  /*Opacity – Firefox e Opera*/
  opacity: .7;
  /*Opacity – Internet Explorer*/
  filter:alpha(opacity=70);
  /*Opacity – Versões antigas do Firefox*/
  -moz-opacity:0.7;
  /*Opacity – Safari e Google Chrome*/
  -khtml-opacity: 0.7;  
}


#menu ul {
	text-align: center;
  width: 950px;
  margin: 0 auto;
  padding-left: 160px;
}

#menu li {	
  float: left;
	list-style: none;
	line-height: 20px;
}

#menu li a {	
  display: block;
  white-space: nowrap
  font-size: 14px;
  padding: 0px 10px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  border-right: 1px dotted #FFF;	    
  margin-top: 10px;
}

#menu li a.ultimo {
  border: none;	    
}	

#menu li a.home {
  background: url(../imagens/home.png) no-repeat center;
  text-indent: -9999px;	 
  padding: 0px 20px;   
}	

#menu p.visao {
	font-size: 20px;
	color: #FFF;
	text-indent: 2px;
	margin-top: 10px; 	
}

.paginacao { color:#862E13; width:100%;  font-size:14px; padding:5px 0; margin:20px 0 0 0; text-align:center; clear:both; display:table; }
.paginacao p a { height: 20px; background-color:#FFF; color:#4C5044; background-color:#E4E4E4; text-decoration:none; font-weight:normal; padding:0px 4px; margin:0 2px; display:inline; }
.paginacao p a:hover { background-color:#FF9C00; color:#FFF; text-decoration:none; }
.paginacao p span { background-color:#FF9C00; padding:0px 4px; color:#FFF; }
.paginacao h4 { float:left; font-size:11px; color:#000; }
.paginacao p { float:right; margin:0px; }




/*PALESTRA*/
div#conteudo div#palestra div.titulo {
  background: url(../imagens/bannerposgraduacao.jpg) no-repeat bottom right;
}
div#conteudo div#palestra div.titulo h2 {
  padding-left: 190px;
}

div#conteudo div#palestra div.texto form {
  background: url(../imagens/fundoform.gif) no-repeat center top;
  padding: 3px 0px 0px 5px;
  height: 160px;
}

div#conteudo div#palestra div.texto form input {
  margin-bottom: 14px;
  _margin-bottom: 11px;
  height: 20px;
  width: 265px;
  border: none;
  background-color: #F9F9F9;
}

div#conteudo div#palestra div.texto form label {
  clear: both;
  margin: 0px;
  display: block;
  height: 17px;
  line-height: 15px;
  font-size: 11px; 
}

div#conteudo div#palestra div.texto form label input {
 margin: 0px;
 width: 15px;
 height: 13px;
 float: left;
}

div#conteudo div#palestra div.texto form label.error {
  display: none;
  float: left;
  width: 0px;
  height: 0px;
}

div#conteudo div#palestra div.texto form input.error {
	background: url(../imagens/atencao.gif) no-repeat right center
}

div#conteudo div#palestra div.texto form textarea {
  margin-left: 8px;
  height: 50px;
  width: 260px;
  font-family: Verdana, Arial;
  border: none;
  background-color: #F9F9F9;    
}


div#conteudo div#palestra div.texto form div.coluna {
  width: 277px;
  float: left;
}

div#conteudo div#palestra div.texto form div.mensagem {
  float: left;
  margin: 0px;
  width: 300px;
}

div#conteudo div#palestra div.texto form a.btnenviar {
  clear: both;
  float: right;  
  display: block;
  width: 100px;
  height: 48px;
  background: url(../imagens/enviar.gif) no-repeat right bottom;
  text-indent: -9999px;
}

div#conteudo div#palestra div.texto form a.btnenviar:hover {
  background: url(../imagens/enviar.gif) no-repeat right top;
}

/*PROGRAMACAO*/
div#conteudo div#palestra div.texto div.programacao {
  clear: both;
}

div#conteudo div#palestra div.programacao h4 {
  padding: 5px 0px 3px 0px;
  font-size: 14px;
}