@import url("reset.css");
@import url("global.css");
@import url("superfish.css");

/*
# Azul escuro 1 (fundo e colunas laterais) #01478C
# Azul escuro 2 (fundo botao) #004483
# Azul escuro 3 (fonte conteudo bottom) #1F588F
# Azul claro 1 (conteudo top) #95BCE5
# Azul claro 2 (conteudo bottom) #ADD4FB
# Azul claro 3 (rodape) #135DA8
# Azul claro 4 (links news) #ADDAFF 
# Branco (texto) #FFFBF9 
*/


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

DIVS - A ordem em que os eles estão
listados é correspondente a do index.php

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

/* engloba os divs coluna_esquerda e conteudo
------------------------------*/
#wrap {
	background-color: #01478C;
	margin:0 auto;
	text-align:left;
	width:68.071em;
}

/* faz com que a coluna_esquerda cresça de junto com conteudo 
------------------------------*/
#wrap:after{
	background-color: #01478C;
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}

/* divs na coluna da esquerda
------------------------------*/
#coluna_esquerda  {
	background-color: #01478C;
	float:left;
	overflow:hidden;
    width:14.286em;
}

/* divs na coluna conteudo
------------------------------*/
#conteudo {
    width:53.786em;
	float:right;
}

#texto {
	background-color:#ADD4FB;
	color:#1F588F;
	font-size:13px;
	min-height:57.323em;
	padding:0.5em 1.9em 1em;
	text-align:justify;
	width:52.846em;
}

/* hack safari
------------------------------*/
body:first-of-type #texto { min-height:59.323em; 	margin-top:1em; }

/* hack opera
------------------------------*/
@media screen and (min-width: 10px) {
   #texto { min-height:57.923em; }
}

#language {
  height:60px;
  margin:-54px 0pt 0pt 41.214em;
  position:relative;
  width:11.571em;
}

/* hack safari
------------------------------*/
body:first-of-type #language {  margin:-3.791em 0 0 41.214em; }

/* hack opera
------------------------------*/
@media screen and (min-width: 10px) {
   #language { margin:-3.571em 0 0 41.214em; }
}

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

			Paragrafos

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

/* dentro do div conteudo
------------------------------*/
#texto p {
	line-height:1.538em;
	margin:1em auto;
}

p.copyright {
	color:#90bbe6; 
	font-size:12px; 
	text-align:center
}

p.obs {
	color:#567ba2;
	font-size:10px;
	text-align:center
}

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

		Estilo dos Links

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

/* links dentro do div texto
------------------------------*/
div#texto a { font-weight:bold; }
div#texto a:link { color:#004483; text-decoration:underline; }
div#texto a:visited { color:#004483; text-decoration:underline; }
div#texto a:hover { color:#fff; text-decoration:underline; }
div#texto a:active { color:#004483; text-decoration:none; }

a.terms:link {color:#FFFBF9; text-decoration:underline;}
a.terms:visited {color:#ADDAFF; text-decoration:underline; }
a.terms:hover {color:#ADDAFF; text-decoration:underline;}
a.terms:active {color:#ADDAFF; text-decoration:none;}



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

			Cabeçalhos

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

h2 {
	background:#004483;
	color:#AFD2FA;
	border-left:2em solid #003464;
	border-right:2em solid #003464;
	font: small-caps bold 16px "Times New Roman", 'trebuchet ms', verdana, sans-serif;
	margin-bottom:.5em;
	padding:5px 20px;
}

h3 {
	font-weight:bold;
	padding:4px 0 0 0; 
}

h4 { 
	font-style:italic;
	padding:4px 0 0 0; 
}


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

	Regua Horizontal - <hr>

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

/* Image replacement
------------------------------*/
hr.sec {
	background: transparent url(../imagens/hr_sec.gif) center no-repeat;
	border-width:0;
	height:3px;	
	margin-left:-170px;
}


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

			Listas

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

ul.language li a { left:2px; }

div#texto ol {
	list-style-type:decimal;
	padding:0 0 1em 3em;
}
div#texto ul {
	padding:0 0 1em 1.6em;
}
div#texto ol li, div#texto ul li {
	padding:.2em 0 .3em 0;
}