/* By RSD:
 * This is the layout CSS
 * This wont be changed a lot once it is stable
 * Theming will go to the theme.css file with colors and backgrounds
 */
 

/* everything is inside here 
 * as it can be noticed, it is not a fluid layout 
 */
#page-container 
{
/*   width:900px; */
  margin:0px auto;
  margin-top:10px;
  margin-bottom:10px;
  font-size:1.0em;
  border:solid 1px rgb(150,150,150); /* repeated in themes */
  position: relative;
}

/* page container is divided into header, main and footer */
#header 
{
/*   width:900px;   */
  font-family:"trebuchet ms",arial,sans-serif;
}

/* Todo o contedo do meio (tudo sem header e footer fica dentro) */
#main 
{
  clear:both; 
  width:100%; /* IE 6 Only */
  
  /* background ta na segunda classe do main (multiclasse) */
}

#footer 
{
  clear:both; 
/*   width:900px; */
  padding:1.0em 0 1.0em 0; 
  font-size:1.0em; 
   overflow:visible !important; 
   overflow:hidden;
}
/* -------------------------------------- */











/* Larguras das colunas definidas pelo tipo da coluna */


#coluna_esquerda
{
  float:left;
  margin: 0;
  overflow:visible;
}

#coluna_direita
{
  float:right; 
  margin: 0;
  overflow:visible;
}

/* Module positions, if used */
#maintop-11,#maintop-12,#maintop-13,
#maintop-21,#maintop-22,#maintop-23,
#maintop-31,#maintop-32,#maintop-33,
#mainbot-11,#mainbot-12,#mainbot-13,
#mainbot-21,#mainbot-22,#mainbot-23,
#mainbot-31,#mainbot-32,#mainbot-33
{
  float: left;
}

/* main content iqs here */
#main-content 
{
  position: relative;
  float:left; 
  /* width definido pelas colunas */
  margin:0 0 0 10px; 
  overflow:visible;
  
  /* Mudou do #main para ca para evitar espaços nas colunas */
  padding-bottom:30px; 
  
  /* inside main-content 100% will be equal to 12pt.
   * before the next font-size, 100% = 10pt (as set in the body)
   */
  font-size: 120%;
}

/* Restore p in main-content claro*/
#main-content p
{
  font-size: 100%;
}

/* largura do main-content baseado no numero de colunas 
 * Atribuido como multiclasse de main-content
 */
.main-content-cols-0
{
	width: 880px;
}

.main-content-cols-1
{
	width: 680px;
}

.main-content-cols-2
{
	width: 480px;
}




	
/*------ Logo in the site header ------ */
/* Client Logo */
.module-sitelogo 
{
  position:absolute;
  z-index:1;
  margin:7px 0 0 20px;
}

/* Client Name */
.module-sitename
{
  width:300px; 
  height:45px; 
  position:absolute; 
  left: 250px;
  z-index:1; 
  margin:20px 0 0 90px;
  overflow:visible;
}

.module-sitename h1 
{
  font-size:240%;
}

.module-sitename h2 
{
  margin:-4px 0 0 0; 
  font-size:120%;
}

.module-sitename a 
{
  text-decoration:none; 
}

.module-sitename a:hover 
{
  text-decoration:none; 
}

.module-sitemessage 
{
  width:600px; 
  height:120px; 
  position:absolute; 
  z-index:1; 
  margin:20px 0 0 280px; 
}

.module-sitemessage h1 
{
  width:600px; 
  text-align:right; 
  font-size:230%;
}

.module-sitemessage h2 
{
  float:right; 
  width:320px; 
  margin:8px 0 0 0; 
  text-align:right; 
  line-height:100%; 
  font-size:160%;
}

.module-sitemessage h3 
{
  float:right; 
  width:320px; 
  margin:10px 0 0 0; 
  text-align:right; 
  font-size:140%;
}

/* O IE"precisa que todos os pseudo headers sejam especificados */
.module-sitemessage h3 a,
.module-sitemessage h3 a:visited,
.module-sitemessage h3 a:active
{
  text-decoration:none; 
  color:rgb(234,239,247);
}

.module-sitemessage h3 a:hover 
{
  text-decoration:none; 
  color:rgb(50,50,50);
}
/* -------------------------------------- */



/* ----------- Font Sizer controls in the header ------------ */
/* Considerando font-sizer no header-middle */
.module-font-sizer
{
  position:absolute;
  z-index:2;
  top: 12px;
  left: 460px;
  width: 200px;
}

.module-font-sizer ul
{
  float:right; 
  padding:0 20px 0 0;
}

.module-font-sizer li
{
  display:inline; 
  list-style:none;
}

/* make sure IE6 will show borders for linkbutton */
.module-font-sizer ul li
{
  line-height: 2em;
}

.module-font-sizer li a
{
  padding:0 0 0 3px;
}

.module-font-sizer a:hover
{
  text-decoration:none;
}

.module-font-sizer a img
{
  height:14px;
  border:none;
}

/* Text link button
 * should bring the whole nav0 stuff here
 * and rename it
 */
a.linkbutton,
a.linkbutton:active,
a.linkbutton:visited,
a.linkbutton:hover,
a.linkbutton:link
{
  margin: 2px;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-decoration:none;
  font-size: 120%;
  text-align:center;
  font-family:verdana,arial,sans-serif;
}

a.linkbutton:hover
{
  cursor:pointer;
}
/*---------------------------------------------------------*/








/* --------------- Search inside breadcrumbs -------------------- */

.header-breadcrumbs .searchform,
.header-breadcrumbs .searchform form fieldset 
{
  float:right; 
}

.searchform 
{
  width:285px; 
  padding:0 17px 0px 0px; 
}

/* FIXME: acho que isso não existe 
 * remover depois do teste
 */
/*.searchform form fieldset 
{
  border:none;
}*/

.searchform input.field 
{
  width:10.0em; 
  padding:0.2em 0 0.2em 0; 
  font-family:verdana,arial,sans-serif; 
  font-size:120%; 
}

.searchform input.button 
{
  width:3.0em; 
  padding:1px; 
  text-align:center; 
  font-family:verdana,arial,sans-serif; 
  font-size:120%;
}

.searchform input.button:hover 
{
  border:solid 1px rgb(80,80,80); 
  background:rgb(220,220,220); 
  color:rgb(80,80,80);
}

/* keep the search form in the right place */
.searchform .module
{
	float:right;
}
/*--------------------------------------------------------*/

/* ----------- FOOTER SECTION --------------- */
#footer p 
{
  line-height:1.3em; 
  text-align:center; 
  color:rgb(125,125,125); 
  font-weight:bold; 
  font-size:110%;
  margin: 0;
}

#footer p.credits 
{
  font-weight:normal;
}

#footer a 
{
  text-decoration:none;
  color:rgb(125,125,125);
}

#footer a:hover,
#footer a:visited
{
  text-decoration:none; 
  color:rgb(0,0,0);
}
/* ---------------------------------------------- */







/* -------------- Extra classes ------------- */
/* Classes extras para serem usadas quando 
 * for necess�ias
 */

p.center 
{
  text-align:center;
}

p.right 
{
  text-align:right;
}

p.left
{
  text-align:left;
}

p.details 
{
  margin:-0.25em 0 1.0em 0; 
  line-height:1.0em; 
  font-size:110%;
}

p.caption 
{
  margin:0.5em 0 2.0em 20px; 
  text-align:left; 
  color:rgb(80,80,80); 
  font-size:110%;
}

#coluna_esquerda p 
{
  margin:0 10px 10px 20px; 
  color:rgb(80,80,80); 
  line-height:1.3em; 
  font-size:110%;
}


#coluna_direita p 
{
  margin:0 10px 1.0em 10px; 
  color:rgb(80,80,80); 
  line-height:1.3em; 
  font-size:110%;
}


/* -- Para fazer colunas -- */
.column1-unit 
{
  width:440px; 
  margin-bottom:10px;
}

.column2-unit-left 
{
  float:left; 
  width:200px; 
  margin-bottom:10px;
}

.column2-unit-right 
{
  float:right; 
  width:200px; 
  margin-bottom:10px;
}

.column3-unit-left 
{
  float:left; 
  width:120px; 
  margin-bottom:10px;
}

.column3-unit-middle 
{
  float:left; 
  width:120px; 
  margin-bottom:10px;
  margin-left:40px;
}

.column3-unit-right 
{
  float:right; 
  width:120px; 
  margin-bottom:10px;
}
/* -- ------------------- -- */

/* --- MAIN CONTENT --- Separar depois */

.main-content h1.block 
{
  margin:1.0em 0 0em 0; 
  padding:2px 0 2px 2px; 
  background:rgb(190,190,190); 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(255,255,255); 
  font-weight:bold; 
  font-size:220%;
}

.main-content h1 
{
  margin:1.0em 0 0.5em 0; 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(80,80,80); 
  font-weight:normal; 
  font-size:210%;
}

.main-content h2 
{
  margin:1.0em 0 0.5em 0; 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(80,80,80); 
  font-weight:normal; 
  font-size:170%;
}

.main-content h3 
{
  margin:-1.0em 0 0.5em 0; 
  font-family:"trebuchet ms",arial,sans-serif; 
  color:rgb(125,125,125); 
  font-weight:normal; 
  font-size:130%;
}


.main-content h4 
{
  margin:1.5em 0 1.0em 0; 
  color:rgb(80,80,80); 
  font-family:"trebuchet ms",arial,sans-serif; 
  font-weight:normal; 
  font-size:170%;
}

.main-content h5 
{
  margin:1.5em 0 1.0em 0;
  color:rgb(80,80,80); 
  font-family:"trebuchet ms",arial,sans-serif; 
  font-size:140%;
}

.main-content h6
{
  margin:1.2em 0 0.2em 0; 
  color:rgb(80,80,80); 
  font-weight:bold; 
  font-size:120%;
}


.main-content ul 
{
  list-style:none; 
  margin:0.5em 0 1.0em 0;
}

.main-content ul li 
{
  margin:0 0 0.2em 2px; 
  padding:0 0 0 12px; 
  background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; 
  line-height:1.4em; 
  font-size:100%;
}

.main-content ol 
{
  margin:0.5em 0 1.0em 20px;
}

.main-content ol li 
{
  list-style-position:outside; 
  margin:0 0 0.2em 0; 
  line-height:1.4em; 
  font-size:100%;
}




/* Personaliza�o dos m�ulos nas colunas direita e esquerda 
 *
 * Formato das divs:
 * coluna
 *  tipo da coluna
 *    Lista de modulos
 *
 * "coluna" refere-se a coluna da direita ou esquerda
 *   #coluna_direita ou #coluna_esquerda
 * "tipo da coluna" �o tipo escolhido para a coluna
 *   cada tipo possui seu proprio arquivo css: column-<tipo>.css
 *   Os tipos atuais s�: "solid" e "float".
 *
 */



/******************/
/*  CLEAR FLOATS  */
/******************/

/* NOTE: Evita explosão dos box expansíveis, estudar melhor  */
/* http://www.positioniseverything.net/easyclearing.html */

#page-container:after, #header:after, .header-breadcrumbs:after, #main:after, 
.main-content div:after, #coluna_direita div:after,
#coluna_esquerda div:after
{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}
 
#footer:after
{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

#coluna_esquerda:after, #coluna_direita:after
{
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden;
}

 /********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print 
{
  .header-top 
  {
/*     width:900px; */
    height:80px; 
    background:rgb(240,240,240); 
    overflow:visible; 
  }
}

@media print 
{
  .header-breadcrumbs 
  {
/*     width:900px;  */
    background:transparent;
  }
}

@media print 
{
  .top_menu
  {
    float:left; 
/*     width:900px;  */
    border:none; 
    background:rgb(240,240,240); 
    color:rgb(75,75,75); 
    font-size:1.0em; 
    font-size:130%;
  }
} /*Color navigation bar normal mode*/

@media print 
{
  #main 
  {
    clear:both; 
/*     width:900px;  */
    padding-bottom:30px; 
    background:transparent;
  }
}

@media print 
{
  #footer 
  {
    clear:both; 
/*     width:900px;  */
    height:3.7em; 
    padding:1.1em 0 0; 
    background:rgb(240,240,240); 
    font-size:1.0em; 
    overflow:visible; 
  }
}

@media print 
{
  #coluna_esquerda 
  {
    display:inline /*Fix IE floating margin bug*/; 
    float:left; 
    width:199px; 
    border-right:solid 1px rgb(200,200,200); 
    border-bottom:solid 1px rgb(200,200,200); 
    background-color:rgb(240,240,240); 
    overflow:visible; 
  }
}