body {
margin: 0px;
padding: 0px;
}

body {
font-family: Verdana, Arial, Helvetica, sans-serif;
padding: 0;
margin:0;
}

p {
/*text-indent: 30px;*/
margin-bottom: 0.7em;
}

h1 {
font: 22px italic Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 12px;
}

h1 em {font-style: normal}

h2 {
font-size: 18px ;
}

h3 {
font-size: 17px ;
}

h4 {
font-size: 16px ;
}

h5 {
font-size: 15px ;
}

h6 {
font-size: 1em ;
}


ul {
margin-left: 30px;
}
ul ul {
}
ul ul ul {
}

ol {
	margin-left: 50px;
}

a {
	color: #004f80;
	text-decoration: none;
}
a:hover {
	color: #0086D7;
	text-decoration: underline;
}

hr {
	background-color: #114593;
	border: 0;
	height: 5px;
	margin: 4em 15%;
	-webkit-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
	box-shadow: -1px 1px 3px 0px rgba(0,0,0,0.75);
}

/* Tabelas */
/* Estas formata??es atingem todas as tabelas do site*/
/* Para formatar tabelas diferentes - como nos poemas das publica??es - use classes e signific?ncia, tipo "table.blabla td" */
table {
margin: 30px 0px;
padding: 0;
border: 1px solid #999999;
border-collapse: collapse;
}

th {
background-color: #BBBBBB;
border: 1px solid #999999;
font-weight: bold;
text-align: center;
text-indent:0;
padding: 2px;
}

td {
text-indent:0;
border: 2px solid #999999;
text-indent:0;
padding: 2px;
}

td p, th p  {text-indent:0;}

.quadro {
width: 700px;
padding: 2px;
}

.quadro td.quadro, .quadro th.quadro {
width: 120px;
text-align: center;
}

.estreita {width: 40px}
.média {width: 100px}
.larga {width: 250px}

/* FIM Tabelas*/


/***********/
/* Classes */
/***********/

.permalink {
	text-align: center;
	text-indent: 0;
	font-size: 0.8em;
	font-variant: small-caps; 
	margin-bottom: -2em;
	position: relative;
	z-index: 1;
}
.permalink a {
	color: gray;
}

hr.nr {
	background-color: gray;
	height: 2px;
	margin: 3em 0 0 30px;;
	width: 20%;

}

#conteudo_inicio {
padding: 50px 15px 25px 0px;
text-align: justify;
margin-left: 20px;
}

#apresentacao {
position: relative;
float: left;
width: 280px;
font-size: smaller;
text-align: justify;
}

#anuncios {
position: relative;
background-color: #DDDDDD;
padding: 6px;
margin: 0 0 25px 0;
clear: right;
margin-left: 290px;
}
* html #anuncios {
	float: left;
	margin-left: -40px;
}

#anuncios p, #apresentacao {text-indent: 0;}

.aviso {
  color: #990033;
  font-weight: bold;
  text-align: center;
  margin: 1em 3em; 
  text-indent: 0;
}

.lista h3 {
margin: 20px 0 0 0;
}

.lista p {margin: 0;
text-indent: 0;
}

.autorpub {
/*usar para o autor de publica??es - usar dentro de H3 */ 
color: #AA3F00;
font: italic 600 14px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0 14px;
text-indent: 0;
}

.autorcita {
/*usar para o autor de uma cita textual, tipo "(Fulano, 2004:340)" */
font: 400 0.8em Verdana, Arial, Helvetica, sans-serif;
text-align:right;
}

.bibliografia {
/* usar para refer?ncias das publica??es */
text-indent: -30px;
padding-left: 30px;
}

.cita {
/* usar para uma cita textual em bloco */
font: 400 0.8em Verdana, Arial, Helvetica, sans-serif;
padding-left: 100px;
text-indent: 10px;
}

.citartexto {
/*usar para o cabe?alho de uma publica??o, onde se diz como citar essa publica??o */
border-bottom: 1px solid #000;
border-top: 1px solid #000;
display: block;
font: 400 normal 1em Verdana, Arial, Helvetica, sans-serif;
margin: 5px 15px 5px 15px;
padding-left:50px;
text-align:justify;
text-indent: -50px;
}

.comentpub { 
/*usar para o cabe?alho de uma publica??o, para incluir coment?rios. */
/*usar tamb?m para o link para download em outros formatos */
font: oblique 400 0.8em Verdana, Arial, Helvetica, sans-serif;
margin: 0 4%;
padding-bottom: 20px;
text-align:center;
text-indent:0px;
}

.data {
font-size: 12px;
font-weight: 500;
text-align: right;
margin: 0.5em 0 1em;
}

.discipITEM {
font-size: 0.9em;
left: 50;
position:absolute;
}

.discipVALOR {
font-size: 1.2em;
margin: 0 0 0 100px;
text-indent: 0;
}

td.discipValor {
font-size: 1em;
margin: 0;
text-indent: 0;
text-align:center;
}
th.discipValor {
font-size: 1em;
margin: 0;
text-indent: 0;
text-align:center;
font-weight: bold;
}

.div233 {
float: left;
font: 400 14px Verdana, Arial, Helvetica, sans-serif;
margin: 6px 0 15px 0;
position: relative;
width: 218px;
}

.div699 {
clear:right;
float:left;
overflow:visible;
position: absolute;
width: 699px;
}

.divcoluna {
float: left;
padding-left: 30px;
position: relative;
width: 50%;
}

.divpub {
margin: 0 8% 0 6%;
text-align:justify;
}

.entrev {
margin-bottom: 6px;
padding-left: 30px;
text-indent: 30px;
}

.envrevPERG {
margin: 18px 0 10px 0;
font-style: italic;
font-weight: 500;
padding-left: 30px;
text-indent: -30px;
}

.entrevNOME {
font-weight: bold;
color: #AA3F00;
font-style:italic;
}

p.entrevRESP{
margin-bottom: 6px;
padding-left: 30px;
text-indent: -30px;
} 

.epigrafe {
margin-left: 150px;
text-align: right;
font-size: 0.85em;
}

.evento {
list-style-image: none;
list-style-type: none;
padding-left: 30px;
}
.imgReduz {
	max-width: 70%;
}

.linha60 {
background-color: #A02068;
font-size: 4px;
height: 6px;
line-height: 4px;
margin: 30px 20%;
}

.lista {
text-indent: 0;
font: 14px normal Verdana, Arial, Helvetica, sans-serif;
list-style-type: none;
list-style-image: none;
color: #333;
margin: 0;
margin-left: 0;
padding: 0;
}

.listatitulo {
font: 15px italic bolder Verdana, Arial, Helvetica, sans-serif;
color: #702450;
margin: 16px 0 0 0;
margin-left: 0;
padding: 0;
text-indent:0;
}

.listatitulo i {font-style: normal;}

.listasubtitulo {
color: #666;
margin: 0;
margin-left: 0;
padding: 0;
text-indent:0;
}

.listaautor {
margin: 0;
margin-left: 0;
padding: 0;
text-indent:0;
}

.espaco {margin-bottom: 20px}

.molduradireita {
float: right;
font: 400 18px Verdana, Arial, Helvetica, sans-serif;
margin: 15px;
position: relative;
text-align: right;
width: 40%;
}

.nota {
	font-size: 0.8em;
}	

.poema {
/* usar esta classe para um poema sozinho em coluna ?nica*/
font: 400 12px italic Verdana, Arial, Helvetica, sans-serif;
margin-top: 6px;
padding-left: 40px;
text-indent: 0;
}

table.poema {
/*usar esta classe e as duas seguintes para um poema em duas colunas*/
/*aplicar a classe .poema ? tag table */
margin: 25px 0;
padding: 0;
background-color: #F0E8E0;
border: 0;
width: 100%;
}
* html table.poema {
width: auto;
}

table.poema td{
margin:0;
margin-right: 10px;
background-color: #F0E8E0;
border: 0;
text-indent: 0;
width: 50%;
}

table.poema td.estreita {
/*usar esta classe para incluir uma coluna estreita no poema. */
/* eu usei uma coluna assim para colocar os n?meros de linha*/
/* ? preciso aplicar a classe .estreita a cada uma das c?lulas da coluna em quest?o*/
width: 10%;
}

.pub {
font: 400 14px Verdana, Arial, Helvetica, sans-serif;
margin-top: 6px;
}

.referencia {
font: 400 0.85em Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 1em;
margin-left:50px;
text-indent: -50px;
}

.resenha {
border-bottom: 2px solid #333;
border-top: 2px solid #333;
font: 500 12px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 30px 10px 30px;
text-indent: 0;
}

.subtitpub {
margin: 6px 0 0 !important;
font: normal 600 16px Verdana, Arial, Helvetica, sans-serif;
text-indent: 0;
}

h2.subtitpub {
font: 500 15px Verdana,Arial,Helvetica,sans-serif;
}

h4.subtitpub {
	margin: 1.5em 0 0.7em 0 !important;
}

.titulopub {
margin: 12px 0 0;
font:italic 600 22px Verdana, Arial, Helvetica, sans-serif;
text-indent: 0;
}

.clear {clear:both;}


/* Formatao avulsa */
.zeroI {text-indent: 0;}

.centro {text-align: center;}
.deze6 {font-size: 16;}
.maiusculas {text-transform:uppercase;}
.tachado {text-decoration:line-through;}
.sublinhado {text-decoration: underline;}

.quadroBiodata {
	max-height: 200px;
	overflow: auto; 
	font-size: 0.7em;
}
.biodata .quadroBiodata p{
	font-size: inherit;
}
/***********************/
/*       Leiaute       */
/***********************/



#container {
width: 100%;
/* ATENO: isto pode desconfigurar toda a pgina! */
position: relative;
padding:0;
}

#conteudo {
padding: 50px 35px 25px 20px;
text-align: justify;
margin-left: 20px;
}

#curvadir {
display: none;
}

#curva1 {
display: none;
}

#curva2 {
display: none;
}

#curva3 {
display: none;
}

#curvas2 {
position: relative;
clear: both;
}

#direita {
margin-left: 208px;
min-height: 500px;
margin-top: 3em;
}

#esq {
position: relative;
float: left;
top: 12px;
left: 20px;
z-index:1;
padding-top: 69px;
width: 160px;
}

.menuesq {}

.iconeufsc {
position: relative;
float: left;
margin-left: 10px;
left: 0px;
height: 73px;
width: 62px;
background-image: url('../images/logoufsc.GIF');
}

.iconeufsc a {
display: block;
height: 73px;
width: 62px;
}

.iconecce {
position: relative;
float:right;
margin-right: 10px;
height: 73px;
width: 40px;
background-image: url('../images/cce.gif');
background-repeat: no-repeat;
background-position: 0 19px;
}

.iconecce a {
display: block;
height: 73px;
width: 40px;
}

div.cadernos {
position: relative;
width: 101px;
height: 150px;
display: block;
margin-left: 35px;
clear: both;
top: 60px;
}
a.cadernos {
background-image: url('../images/cadernos.gif');
background-repeat: no-repeat;
width: 101px;
height: 150px;
display: block;
left: -50px;
padding:0;
}

#faixa {
color: 000;
font: normal bold 26px Verdana,Arial,Helvetica,sans-serif;
text-align: right;
padding: 0 10px;
}

#logo {
height: 166px;
width: 100%;
display: block;
clear: right;
position: relative;
background: #1659bf url(../images/logo.png) no-repeat 120px 79px;
text-indent: -3000px;
}
#ufsc {
	display: block;
	position: absolute;
	background: #1659bf url(../images/brasao.png) no-repeat 1026px 0 ;
	top:  48px;
	width: 1100px;
	height: 100px;
	margin-left: -1000px;
	z-index: 1;
}

#navsup {
position: absolute;
top: 166px;
left: 0;
text-align:right;
padding: 0;
height: 26px;
width: 100%;
background-color: #0f4098;
}
#navsup * {
	margin: 0;
}


.assina {
	margin: 0;
	font-size: 9px;
	padding: 1px;
}	

#topo {
position: relative;
}

#ufsc2 {
	display: none;
}





/******************************************************/
/*        Incio do menu SUPERIOR de navegao        */
/******************************************************/

#navsup ul li{
display: inline-block;
list-style-type: none;
padding: 0px;
text-align: center;
margin: 0;
height: 26px;
}
#navsup ul li:last-child{
margin-right: 1em;
}
#navsup ul li a{
font-size: 12px;
line-height: 26px;
vertical-align: middle;
font-family: Verdana,Arial,Helvetica,sans-serif;
/*border-bottom: 3px solid #989c88;*/
text-decoration: none;
font-weight: 700;
text-align: center;
color: #E0E9E0;
display: inline-block;
padding-right: 10px;
padding-left: 10px;
}

#navsup ul li a:hover {
background-color: #528FEB;
text-decoration: none;
color: #D9E0D6;
}

/********************************************/
/*        Menu INFERIOR de navegao        */
/********************************************/

#rodape {
position: relative;
top: 0px;
background-color: #0f4098;
text-align: center;
margin: 0;
padding: 0;
color: #ffffff;
}
#rodape a {
color: #ffffff;
background-color: #0f4098;
display: block;
padding-top: 1em;
}

#navinf { 
text-align: center;
margin: 0;
background-color: #1659bf ;
padding: 0;
border: 0;
}
#navinf ul {
	margin: 0;
	border: 0;
}

#navinf ul li{
display: inline-block;
list-style-type: none;
padding: 0;
margin: 0;
line-height: 26px;
vertical-align: middle;
}

#navinf ul li a{
font-size: 12px;
font-family: Verdana,Arial,Helvetica,sans-serif;
border-bottom: none;
text-decoration: none;
font-weight: 600;
color: #ffffff;
display: inline-block;
background-color: inherit;
padding: 0px 20px;
line-height: 26px;
border-collapse: no-collapse;
}

#navinf ul li a:hover {
text-decoration: none;
border-bottom: none;
background-color: #528FEB;
text-decoration: none;
color: #D9E0D6;
}

#navinf p {
	margin: 0 0 1em;
	padding: ;
}

/******************************************************/
/*             Menu ESQUERDO de navegao             */
/******************************************************/


/* the menu */


ul.nav,li.nav,a.nav {
display:block;
margin:0;
padding:0;
border:0;
font-family: Arial, Helvetica, sans-serif; 
}

ul.nav {
width: 160px;
font-size: 12px;
text-align: left;
list-style: none;
}

li.nav {
list-style: none;
list-style-image: none;
line-height: 26px;
font-size: 12px;
height: 26px;
color: #1659bf;
position: relative;
z-index:9;
border-bottom: 1px solid #dfdfdf;
padding-left: 3px;
}
li.nav li.nav:last-child {
border-bottom: none;
}
li.nav.inativo {
	color: #bbb
}
li.nav.inativo:hover {
background-color: #ffffff;
}

li.nav:hover {
	background-color: #eeeeee;
}

li.nav ul {
position: absolute;
left:75%;  /* IE */
top: 9px;
display: none;
border: 1px solid #cccccc;
background-color: #fcfcfc;
-webkit-box-shadow: -2px 2px 3px 1px rgba(0,0,0,0.56);
-moz-box-shadow: -2px 2px 3px 1px rgba(0,0,0,0.56);
box-shadow: -2px 2px 3px 1px rgba(0,0,0,0.56);
/*letter-spacing: -1;*/
}

li.nav>ul { left:75%; } /* others */

a.nav {
text-decoration: none;
color: #1659bf !important;
margin: 0;
height: 26px;
width:100%; /* IE */
}

li.nav>a.nav { width:auto; } /* others */

/* regular hovers */

a.nav:hover {
color: #C1267B !important;
}

/* hovers with specificity */

ul.nav li:hover { z-index:10; }

ul ul.nav, li:hover ul ul.nav {
display:none;
}

li:hover ul.nav, li:hover li:hover ul.nav {
display:block;
}

/**************************************/




/*///// Troca de língua /////*/

#linguas {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	font-size: 0.8em;
	font-weight: 400;
	background-color: inherit;
	color: #ffffff;
}

#linguas p {
	border-left: 1px solid #66B3FF;
	border-right: 1px solid #66B3FF;
	text-indent:0;
	margin: 4px 0;
	float: right;
	clear: both;
	white-space: nowrap;
}



#linguas a, #linguas span {
	border-left: 1px solid #66B3FF;
	border-right: 1px solid #66B3FF;
	padding: 0 5px;
}
#linguas a {
	color: #bbbbbb;
}

#linguas a:hover {
	background-color: #528FEB;
	color: #ffffff;
	text-decoration: none;
}



/* quadro de erros */

.erro {
	text-align: center;
	margin: 2em 15%;
	padding: 1em;
	text-indent: 0;
	border: 3px dotted #A02068;
	font-size: 18px;
	font-weight: 500;
	/* color: inherit;
	background-color: #FFE3DF; */
}

iframe {
;
}


/* Banner rotativo */
#banner_rotativo {
	text-align: center;
	padding: 0;
	margin: 1em 0 0 1em ;
	position: relative;
}
#banner_rotativo *{
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
}
#banner_rotativo li {
	white-space: nowrap;
	padding: 0 !important;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	position: static;
	display: none;
}
#banner_rotativo li img {
	vertical-align: middle;
	margin: 0;
	border: 0;
}