/*
	configurar para 800x600

20/março/2005 - Removi os paddings por causa do Internet Explorer... =/
30/mar/2005 - Inseri uma porcao de hacks para o IE... =//

*/

body {
  font-family: Sans-serif, Arial;
  background-color: white;

/* para ficar fixed */
  padding:5em 0 0 0;
  background:url(foo) fixed;
  
/* para centralizar tudo */
	text-align: center;
	min-width: 700px;
}

/* para centralizar tudo */
div.hack {
	margin:0 auto;
	width:700px;
	text-align: left;
}


/* width para o IE */
* html .main {
   width: 700px;
}

.main {
  position: absolute;
  background-color: #efefef;
  font-family: Verdana;
  font-size: 12pt;
  top: 110px;
  width: 595px; /* apenas para o FF */
  min-height: 800px;
  _height: 800px; /* para o IE aceitar min-height*/
  border-left: 106px solid #afafef;
}

p {
  padding-right: 40px;
  padding-left: 40px;  
  text-align: justify;
}

li {
  padding-right: 40px;
  padding-left: 40px;  
  text-align: justify;
}

h1{
  padding:0pt;
  font-size: 20pt;
  text-align: center;
}

h2{
  padding:0pt;
  font-size: 11pt;
  font-style: italic;
  text-align: center;
}


/* 
   preciso arrumar um jeito da barra
   ficar no centro e ao mesmo tempo ter
   700 pixels de comprimento
   
   preciso tambem colocar barras brancas
   no canto.
*/
div.title_bar {
   /* position: absolute; */
   /* para ficar fixed */
  position:fixed;
  _position:absolute;
  top:0;
  _top:expression(eval(document.body.scrollTop));
  z-index:100;
   
   /* voltamos à nossa programação normal */
   background-color: #afafef;

   top: 0px;
   height: 110px;
   width: 700px;
   margin:0; 

   /*padding: 0px;*/
   
 
}

.title {
  text-align: center;
  font-size: 0.3px;
}

.subtitle {
   position: relative;
   text-align: center;
   font-size: 10pt; 
   top: -10px;
}


.datetime {
   position: absolute;
   left: 110px;
   bottom: 4px;
   font-size: 10px;
}

embed.tie_logo {
   position: absolute;
   left: 4px;
   top: 3px;
}

img.tie_logo {
   position: absolute;
   left: 4px;
   top: 4px;
}

img.mapa_mundi {
   position: relative;
}

img.lang_flag {
   position: absolute;
   bottom: 4px;
   left: 210px;
}

/* ajustar o bottom para aparecer na mesma linha da data */
.web_login {
   position: absolute;
   font-size: 10px;
   bottom: 0px;
   left: 000px;
   width: 700px;
   text-align: center;
}

input.web_login {
   background-color: black;
   font-size: 10px;
}

.web_user_options {
   position: absolute;
   font-size: 10px;
   bottom: 4px;
   left: 0px;
   width: 700px;
   text-align: center;
}

a:visited, a:link {
   text-decoration: none;
   color: #3333ff;
}

a:hover {
   text-decoration: underline;
   color: #000088;
}


/*

   Codigo da barra lateral

*/

.side_bar {
   position: absolute;
   color: white;
   top: 120px;
   height: inherit;
   min-height: 600px;
   width: 106px;
   font-size: 10pt;
}

.user_bar {
   color: red;
   text-align: center;
}


div.icones_apoio {
   position: relative;
   background-color: white;
   width: 48px;
   left: 30px;
   text-align: center;
}

/*

    Tabela de usuários
    
*/

table {
	position: relative;
	left: 10px;
	width: 500px;
}

th {
	text-align: left;
	font-size: 12pt;
	background-color: #dfdfff;
}

td {
	text-align: left;
	font-size: 10pt;
}


/*

   Convocatórias 
   
   
*/

div.convocatorias
{
  position: absolute;
  top: 0;
  right: 4px;
  width: 140px;
  text-align: center;
  font-size: 10px;
/*
  background-color: #ffffdd;
  border: 4px solid #ffffaf;
*/
}

div.conv_title
{
  font-size: 11px;
  text-decoration: underline;
  text-align: left;
  background-color: #ffffaf;
  border: 4px solid #ffffaf; 
}

* html div.conv_gambi
{
 width: 140px;
}

div.conv_gambi
{
  position: absolute;
  width: 132px;
  right: 0px;
  top: 20px;
  background-color: #ffffdd;
  border: 4px solid #ffffaf;
}

a.conv_item
{
  text-decoration: none;
}
a.conv_item:hover
{
  background-color: #efefdf;
}

/*

   Notícias
   
   
*/

div.news {
     position: relative;
     list-style-type: none;
     left: 16px;
     width: 564px;
   }

div.firstnews {
     position: relative;
     list-style-type: none;
     left: 16px;
     width: 424px;
   }

      
div.newstitle {
     position: relative;
     text-align: left;
     background-color: #eeffee;
     font-size: 18pt;
     left: 0px;
     right: 0px;
     top: 0;
     }

div.newssubtitle {
     font-size: 12pt;
     font-style: italic;
     padding-left: 0em;
   }

div.newsbody {
     font-size: 10pt;
     background-color: #fefeff;
     padding-top: 1em;
     padding-left: 0em;
     padding-right: 1em;
     text-align: justify;
   }

div.newsfigure {
     float:right;
   }

div.newsinfo {
     text-align:right;
     font-size: 8pt;    
   }
   
/* botões */

a.button {
	position: relative;
	display: block;
	background-color: #afafaf;
	width: 96px;
	height: 14px;
	top: 2px; 
	left: 4px;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
	color: black;
	border-left: 1px solid #efefef;
	border-top: 1px solid #efefef;
	border-right: 2px solid #9f9faf;
	border-bottom: 2px solid #9f9faf;
}