/* barra da DirectCall */
@import url(dcbar.css);

/* menu de navegação da esquerda */
@import url(sitenav.css);

/* box "veja também" */
@import url(vejatambem.css);

/* notas de rodape que viram tooltips */
@import url(tooltips.css);

/* rodape */
@import url(footer.css);

/* configurações gerais */

*{ margin:0; padding:0; }

body{
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}

/* tipografia */

a{ text-decoration:none; color:#06f; }
a:hover{ text-decoration:underline; }
a img{ border:none; }
img{ border:none; }

/* sub-títulos */

h2{
	display:block;
}

/* outros elementos */

hr{ display:block; margin:10px 0; visibility:hidden; }

/* área do site */

#site{
	float:left;
	width:970px;
	position:relative;
	left:50%;
	margin:30px 0 25px -500px;
	padding:0 15px;
}

/* barra esquerda */

#nav{
	float:left;
	width:154px;
	margin:20px 20px 0 0;
}


/* contatos e redes sociais */

#site #nav #contact{
	margin:40px 0 40px 20px;
	list-style:none;
}

#site #nav #contact li{
	margin:5px 0;
}

#site #nav #contact a{
	color:#666;
}

#site #nav #contact img{
	position:relative;
	margin:0 3px 0 0;
	top:3px;
}

/* corpo do site */

#site #container{
	float:right;
	width:786px;
	margin:0 0 25px 10px;
}

#site #container #midia{
	margin-left:-10px;
	position:relative;
	z-index:0;
}

#container h3{
	font-size:20px;
}

#container h4{
	font-size:16px;
	font-weight:normal;
	margin:30px 0 0 0;
}

#site .topicos{
	list-style:none;
}

#site .topicos li{
	padding-left:90px;
}

#principal ul,
#principal ol{
	margin:0 20px 0 30px;
}

#principal li{
	margin-bottom:10px;
}

.acessibilidade .paises{
	padding:20px 0 0 0;
	float:left;
}

.acessibilidade .paises li{
	display:inline;
	float:left;
	width:140px;
	height:16px;
	list-style:none;
	margin:-4px 2px;
	_margin:-24px 2px;
	padding:2px 4px;
	background:#eee;
	font-size:11px;
}

.acessibilidade .paises li sup{
	position:absolute;
	padding-top:-5px;
	color:#900;
	font-size:9px;
}

.acessibilidade .legenda{
	font-size:10px;
	color:#999;
}

.acessibilidade #contexto ol{
	color:#999;
	margin:5px 20px 10px 10px;
}

.obs{
	padding:30px 0 0 0;
	font-style:italic;
}

.adendo{
	margin:20px 0 0 0;
	font-size:9px;
	color:#999;
}