/*
Site Do Programa Educacao Infoco
Estilo Padrao
Abrangencia Geral
*/
body { margin: 0 0 50px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 68.75%; color: #333; }
a { color: #006; outline: none; }
p { line-height: 1.63em; margin: 0 0 1.63em; }
em { color: #666; font-style: normal; font-size: 1.27em; }
em strong { font-size: 1em; font-style: italic; font-weight: normal; }
h1 { font-size: 2.18em; font-weight: bold; margin: 0 0 22px; color: #666; }
h2 { font-size: 1.63em; font-weight: bold; color: #666; margin-bottom: 0.45em; }
h4 { font-size: 1em; font-weight: normal; text-transform: uppercase; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0; }
ul { margin-top: 0; }
li dl { display: inline; }
li dt { color: inherit; font-weight: inherit; }
dt { color: #999; font-weight: bold; }

/* Classes */
p.dica_de_tela { display: none; }

/* Informacoes de Acessibilidade */
@media braille, embossed, handheld, print, projection, screen, tty, tv {
.informacoes_ledor_tela { display: none; }
}


/* Apresentacao em tela de computador */
@media screen {
html { background: #9e9e9e; }
body { background: #fff; }
blockquote { border-left: #666 solid 1px; margin: 0; padding: 0 40px; }

/* Topo da pagina */
#topo { background: #39c url(imagens/fundo_topo.jpg) repeat-x center top; }
	#topo div { width: 766px; height: 160px; margin: 0 auto; background: url(imagens/imagem_topo.jpg) no-repeat; position: relative; }
	#topo img { visibility: hidden; }

/* Logotipos do Programa e da Empresa */
#logotipo_educacao_infoco { display: block; width: 145px; width: 145px; position: absolute; left: 14px; top: 12px; }
#logotipo_infoco { display: block; width: 50px; width: 48px; position: absolute; right: 20px; top: 0; }

/* Barra de Ferramentas de Usabilidade */
#ferramentas_usabilidade { background: #fc3 url(imagens/fundo_barra_usabilidade.gif); font-size: 11px; height: 21px; color: #030; overflow: hidden; }
	#ferramentas_usabilidade div { width: 726px; padding: 3px 20px 0; margin: 0 auto; }
	#ferramentas_usabilidade p { margin: 0; }
	#ferramentas_usabilidade a { color: #030; }

#tamanho_fonte { float: right; position: relative; padding-right: 43px; }
	#tamanho_fonte span { cursor: pointer; display: block; width: 17px; height: 17px; text-indent: -99999em; overflow: hidden; }
#diminuir { background: url(imagens/botao_diminuir_fonte.gif) no-repeat; position: absolute; right: 20px; top: -1px; }
#aumentar { background: url(imagens/botao_aumentar_fonte.gif) no-repeat; position: absolute; right: 0; top: -1px; }

/* Menu e conteudo da pagina */
#menu_conteudo { background: #fff; }
	#menu_conteudo div { width: 746px; padding: 0 0 0 20px; margin: 0 auto; }
		#menu_conteudo div #conteudo div { background: none; width: auto; padding: 0; margin: auto; }

body.pagina_inicial #menu_conteudo div { background: url(imagens/fundo_pagina_inicial.jpg) no-repeat; }
body.educar_para_a_vida #menu_conteudo div { background: url(imagens/fundo_educar_para_a_vida.jpg) no-repeat; }
body.nosso_contexto_educacional #menu_conteudo div { background: url(imagens/fundo_nosso_contexto_educacional.jpg) no-repeat; }
body.visao_geral #menu_conteudo div { background: url(imagens/fundo_visao_geral.jpg) no-repeat; }
body.conhecendo_o_programa #menu_conteudo div { background: url(imagens/fundo_conhecendo_o_programa.jpg) no-repeat; }
body.plataforma_tecnologica #menu_conteudo div { background: url(imagens/fundo_plataforma_tecnologica.jpg) no-repeat; }
body.por_dentro_do_projeto #menu_conteudo div { background: url(imagens/fundo_por_dentro_do_projeto.jpg) no-repeat; }
body.cursos_oferecidos #menu_conteudo div { background: url(imagens/fundo_cursos_oferecidos.jpg) no-repeat; }
body.implantacao #menu_conteudo div { background: url(imagens/fundo_implantacao.jpg) no-repeat; }

/* Menu da Pagina */
#menu { float: left; list-style: none; font-size: 11px; padding: 84px 0 0; margin: 0; width: 206px; margin-bottom: 50px; }
	#menu li { display: inline; }
	#menu a { display: block; border-bottom: #006 solid 1px; text-decoration: none; padding-top: 18px; }
	#menu a:hover { background: url(imagens/imagem_menu_ativo.gif) no-repeat scroll 100% 85%; }
	#menu a strong{ color: #F90; text-transform: uppercase; }

/* Conteudo da Pagina */
#menu_conteudo #conteudo { background: url(imagens/fundo_conteudo.gif) no-repeat scroll 100% 100px; width: auto; padding: 50px 118px 50px 20px; margin: 0; margin-left: 206px; }
#conteudo h1 { text-indent: -99999em; overflow: hidden; background: no-repeat left bottom; }

div.assinatura { text-align: right; }
	div.assinatura p.nome { font-size: 1.27em; font-weight: bold; margin: 0; }

/* Rodape da Pagina */
#rodape { clear: both; background: #090 url(imagens/fundo_rodape.gif) repeat-x; color: #fefefe; height: 50px; }
	#rodape address { width: 726px; padding: 0 20px; margin: 0 auto; text-align: right; font-style: normal; font-size: 1.09em; line-height: 1.63em; padding-top: 5px; }
	#rodape address a { color: #fefefe; text-decoration: none; }
	#rodape address strong.pagina_infoco { display: block; }

/* Títulos das páginas */
body.pagina_inicial #conteudo h1 { background-image: url(imagens/titulo_pagina_inicial.gif); }
body.educar_para_a_vida #conteudo h1 { background-image: url(imagens/titulo_educar_para_a_vida.gif); }
body.nosso_contexto_educacional #conteudo h1 { background-image: url(imagens/titulo_nosso_contexto_educacional.gif); }
body.visao_geral #conteudo h1 { background-image: url(imagens/titulo_visao_geral.gif); }
body.conhecendo_o_programa #conteudo h1 { background-image: url(imagens/titulo_conhecendo_o_programa.gif); }
body.plataforma_tecnologica #conteudo h1 { background-image: url(imagens/titulo_plataforma_tecnologica.gif); }
body.por_dentro_do_projeto #conteudo h1 { background-image: url(imagens/titulo_por_dentro_do_projeto.gif); }
body.cursos_oferecidos #conteudo h1 { background-image: url(imagens/titulo_cursos_oferecidos.gif); }
body.implantacao #conteudo h1 { background-image: url(imagens/titulo_implantacao.gif); }

/* Quadro de Cursos */
#menu_conteudo div #conteudo div.cursos { background: url(imagens/pontilhado.gif) repeat-y left top; padding-left: 15px; margin: 20px 0; position: relative; }
div.cursos p.voltar, div.cursos p.topo { color: #666; }
div.cursos p.voltar a, div.cursos p.topo a { color: #666; text-decoration: none; }
div.cursos p.voltar a:hover, div.cursos p.topo a:hover { text-decoration: underline; }
div.cursos p.voltar { position: absolute; right: 0; top: 5px; }
}


/* Apresentacao em impressao e braile */
@media braille, embossed, print {
#ferramentas_usabilidade { display: none; }
#menu { display: none; }
p.voltar, p.topo { display: none; }
}


/* Apresentacao em impressao */
@media print {
html { background: none; }
a { color: #333; text-decoration: none; }
#topo { float: left; }
#conteudo { margin-left: 14pc; border-left: #999 dotted 2pt; padding-left: 2pc; margin-bottom: 2pc; }
}