/* CSS Document */

* { margin: 0; padding: 0; }

@import ("conteudo.css");

html, body { position: relative; width: 100%; height: 100%; font: 10px "Trebuchet MS"; overflow-y: hidden;overflow-x: hidden }
* html body { behavior:url("css/csshover.htc");	}

img
{
	border:0px;
}

div#topo {
	width: 100%;
	height: 44px;
	background-color: #fff;
	top: 30px;
	left: -1px;
	right: 0;
	position: absolute;
}
div#topo h2 { position: relative; }
div#topo h2 a { width: 250px; height: 86px; display: block; top: -20px; left: 10px; position: absolute; background: url(../imagens/logo_logo.png) left center no-repeat; text-indent: -999em; }

div#topo ul#menu { margin-right: 20px; list-style: none; height: 44px; float: right; }
* html  div#topo ul#menu { margin-right: 10px; }

div#topo ul#menu li { float: left; margin-left: 3px; margin-top: 10px; }
div#topo ul#menu li a { text-transform: uppercase; text-decoration: none; color: white; display: block; height: 23px; line-height: 23px; background-image: url(../imagens/fundo_menu.gif); background-repeat: no-repeat; text-align: center; }

  div#topo ul#menu li.conhecaprojeto a   { width: 127px; background-position: 0 0; }
  div#topo ul#menu li.colecoes a         { width:  71px; background-position: 0 -30px; }
  div#topo ul#menu li.formacaoleitor a   { width: 140px; background-position: 0 -60px; }
  div#topo ul#menu li.propostatrabalho a { width: 150px; background-position: 0 -90px; }
  div#topo ul#menu li.contato a          { width: 71px;  background-position: 0 -120px; }

/* submenu */
div#topo ul#menu li.colecoes { position: relative; padding-bottom: 11px; background-color: #fff;  z-index: 999;}
div#topo ul#menu li.colecoes ul.submenu { display: none; background: #fff; position: absolute; margin-left: -75px; left: 50%; top: 34px; padding: 10px 0; list-style: none; z-index: 999; }
div#topo ul#menu li.colecoes ul.submenu { border: 1px solid #f9f9f9; border-bottom-color: #eee; border-top: none; z-index: 999; /* caso queira tirar a borda apenas delete toda essa linha */ }
div#topo ul#menu li.colecoes:hover ul.submenu { display: block; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li { display: block; float: none; margin: 3px 10px; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a { font-size: 9px; width: 130px; background: url(../imagens/fundo_submenu.gif) center 0 no-repeat; color: #fff; z-index:999; }
/* div#topo ul#menu li.colecoes ul.submenu li a:hover { color: #fff; background-color: #ccf; } */
div#topo ul#menu li.colecoes ul.submenu li a.historia-a-vista { background-color: #4F8E86; background-position: center 0; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a.de-fio-a-pavio   { background-color: #E08127; background-position: center -23px; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a.sim-sim-salabim  { background-color: #725E9D; background-position: center -46px; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a.confabulando     { background-color: #5176BA; background-position: center -69px; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a.hora-viva        { background-color: #9E373B; background-position: center -92px;  z-index:999;}
div#topo ul#menu li.colecoes ul.submenu li a.pe-ante-pe       { background-color: #EC728B; background-position: center -115px; z-index:999; }
div#topo ul#menu li.colecoes ul.submenu li a.tempo-rei        { background-color: #98A039; background-position: center -138px; z-index:999; }


div#topo a.logopositivo { width: 109px; height: 44px; background: url(../imagens/logo_positivo.jpg) center no-repeat; display: block; text-indent: -999em; margin-right: 25px; float: right; overflow: hidden; }
* html div#topo a.logopositivo { margin: 0 10px 0 15px; }
/* top - right - bottom - left */

div#topo h3 { display: none; height: 22px; clear: both; background: url(../imagens/fundo_descricao.gif) no-repeat; text-indent: -999em; }

div.flash { z-index: 1; overflow-y: hidden; width: 100%; height: 100%; margin-top:1px;}


/* conteudo */

div#limites { height: 100%; }
div#limites div#coluna1 { width: 45%; height: 100%; background: #e3ea8d url(../imagens/verde.jpg) right top repeat-y; float: left; }
div#limites div#coluna2 { width: 55%; float: right; }
* html div#limites div#coluna2 { text-align: center; }

div#limites div#coluna2 div.conteudo { color: #636466; }
div#limites div#coluna2 div.conteudo h3 { color: #65a639; font-size: 14px; }
div#limites div#coluna2 div.conteudo h4 { text-transform: uppercase; font-size: 12px; padding: 20px 0 5px 0; }
div#limites div#coluna2 div.conteudo { width: 340px; height: 270px; padding: 10px 50px 10px 0; margin: 115px auto 0; overflow: auto;}
* html div#limites div#coluna2 div.conteudo { text-align: left;}
div#limites div#coluna2 div.conteudo p { font-size: 12px; margin: 10px 0; line-height: 16px; }

div#limites div#coluna2 div.rodape { font-size: 10px; }

div#limites div#coluna2 div.rodape { text-align: center; }
div#limites div#coluna2 div.rodape ul.menu { list-style: none; margin-top: 40px; }
div#limites div#coluna2 div.rodape ul.menu li { display: inline; margin: 0 15px; }
div#limites div#coluna2 div.rodape ul.menu li a { display: inline-block; padding: 0 6px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; color: #ccc; text-transform: uppercase; font-weight: bold; text-decoration: none; }

/*
padding: 2px 4px;
top-bottom | left-right
- - - - -
padding: 2px 4px 6px;
top | left-right | bottom
*/

div#limites div#coluna2 div.rodape ul.opcoes { list-style: none; margin-top: 20px; }
div#limites div#coluna2 div.rodape ul.opcoes li { margin: 5px 0; position: relative; }
div#limites div#coluna2 div.rodape ul.opcoes li a { text-decoration: none; color: #fff; display: inline-block; background: url(../imagens/left_link_marrom.jpg) left center; }
div#limites div#coluna2 div.rodape ul.opcoes li a strong { padding: 0 10px; display: inline-block; height: 19px; line-height: 19px; background: url(../imagens/right_link_marrom.jpg) right center no-repeat; cursor: pointer; }


div#limites div.rodape { text-align: center; }
div#limites div.rodape ul.controle {
	list-style: none;
	margin-top: 200px;
	height: 40px;
}
*html div#limites div.rodape ul.controle { list-style: none; margin-top: -20px; height: 40px; }
div#limites div.rodape ul.controle li { display: block; margin: -70px 20px; position: relative; }
* html div#limites div.rodape ul.controle li { display: block; margin: 20px 20px; position: relative; }
div#limites div.rodape ul.controle li a { display: block; padding: 0 6px; border-left: 2px solid #ccc; border-right: 2px solid #ccc; color: #ccc; text-transform: uppercase; font-weight: bold; text-decoration: none; }

div#limites div.rodape ul.controle li.home { float: left;}
* html div#limites div.rodape ul.controle li.home { float: left;}
div#limites div.rodape ul.controle li.voltar { float: right; }


/* - - - - Colecoes - - - - */

div#limites div#coluna1 div.playerflash { padding-top: 100px; width: 396px; height: 355px; margin: 115px 90px 0 0; background: url(../imagens/fundo_player.jpg) center center no-repeat; float: right; }
* html div#limites div#coluna1 div.playerflash { margin-right: 25px; padding-top: 50px; height: 300px; }
html > body div#limites div#coluna1 div.playerflash { margin-top: 75px; }
div#limites div#coluna1 div.playerflash div.flash { width: 285px; margin-left: 73px; }
div#limites div#coluna1 div.playerflash div.flash h2 { font-size: 12px; color: #65a639; text-align: center; }
div#limites div#coluna1 div.playerflash div.flash p.info { font-size: 10px; color: #65a639; text-align: center; margin-top: 50px; }


div#limites div#coluna1 div.imagem { text-align: center; margin-top: 120px; }
body.colecoes div#limites div#coluna2 div.conteudo { text-align: center; width: 500px; overflow: visible; }
body.colecoes div#limites div#coluna2 div.conteudo div.flash { margin-top: 40px; }
body.colecoes div#limites div#coluna2 div.rodape ul.controle { margin-top: 180px; }
* html body.colecoes div#limites div#coluna2 div.rodape ul.controle { margin-top: -250px; }

h2.confabulando,
h2.de_fio_a_pavio,
h2.historia_a_vista,
h2.hora_viva,
h2.pe_ante_pe,
h2.sim_sim_salabim,
h2.tempo_rei { text-indent: -999em; background-repeat: no-repeat; margin: 0 auto 0; }

h2.confabulando     { width: 232px; height: 129px; background-image: url(../imagens/placas/confabulando.gif); }
h2.de_fio_a_pavio   { width: 185px; height: 131px; background-image: url(../imagens/placas/de_fio_a_pavio.gif); }
h2.historia_a_vista { width: 180px; height: 127px; background-image: url(../imagens/placas/historia_a_vista.gif); }
h2.hora_viva        { width: 179px; height: 127px; background-image: url(../imagens/placas/hora_viva.gif); }
h2.pe_ante_pe       { width: 214px; height: 113px; background-image: url(../imagens/placas/pe_ante_pe.gif); }
h2.sim_sim_salabim  { width: 151px; height: 107px; background-image: url(../imagens/placas/sim_sim_salabim.gif); }
h2.tempo_rei        { width: 214px; height: 126px; background-image: url(../imagens/placas/tempo_rei.gif); }



/* formacao do leitor */

body.formacaoleitor div#limites,
body.formacaoleitor div#limites div#coluna1,
body.formacaoleitor div#limites div#coluna2 { height: auto; }

body.formacaoleitor div#limites div#coluna1 { width: 32.5%;  text-align: center; background: url(../imagens/linha_vert.gif) right 100px no-repeat; }
body.formacaoleitor div#limites div#coluna1 img { margin: 130px auto 0; display: inline-block; }

body.formacaoleitor div#limites div#coluna2 { width: 62%; }

body.formacaoleitor div#limites div#coluna2 div.conteudo { width: auto; height: 270px; margin: 100px 30px 0; overflow: auto; }

body.formacaoleitor div#limites div#coluna2 div.conteudo strong,
body.formacaoleitor div#limites div#coluna2 div.conteudo h3 { font-size: 14px; color: #cf8a33; }


body.formacaoleitor div#limites div.rodape ul.controle { clear: both; padding: 50px 20px; }
* html body.formacaoleitor div#limites div.rodape ul.controle { clear: both; padding: 25px 20px; }


/*66A639*/

/* - - - - conheça o projeto - - - - */

body.projeto div#limites,
body.projeto div#limites div#coluna1,
body.projeto div#limites div#coluna2 { height: auto; }

body.projeto div#limites div#coluna1 { width: 32.5%;  text-align: center; background: url(../imagens/linha_vert.gif) right 100px no-repeat; }
body.projeto div#limites div#coluna1 img {margin: 200px auto 0; display: inline-block; }

body.projeto div#limites div#coluna2 { width: 62%; }

body.projeto div#limites div#coluna2 div.conteudo { width: auto; margin: 100px 0 0; overflow: visible; }

body.projeto div#limites div#coluna2 div.conteudo strong,
body.projeto div#limites div#coluna2 div.conteudo h3 { font-size: 14px; color: #66A639; }

body.projeto div#limites div.rodape ul.controle { clear: both; padding: 50px 20px; }
* html body.projeto div#limites div.rodape ul.controle { clear: both; padding: 25px 20px; }


/* - - - - ARQUIVOS PDF - - - -*/

body.arquivospdf div#limites { padding: 115px 15px 0; height: auto; text-transform: uppercase; }


body.arquivospdf div#limites h1,
body.arquivospdf div#limites ul li.arquivo h5,
body.arquivospdf div#limites ul li.arquivo h4 { text-align: center; }

body.arquivospdf div#limites h1 { color: #ccc; font-size: 16px; text-align: center; }

body.arquivospdf div#limites ul { list-style: none; margin: 20px auto 0; width: 1000px; }
body.arquivospdf div#limites ul li.arquivo { width: 140px; min-height: 200px; padding-bottom: 10px; margin: 0 1px; float: left; background: url(../imagens/fundo_arquivos.jpg) center bottom no-repeat; }
* html body.arquivospdf div#limites ul li.arquivo { height: 200px;}
body.arquivospdf div#limites ul li.arquivo h5 { color: #ccc; font-weight: bold; font-size: 12px; padding-top: 5px; background: url(../imagens/fundo_topo_arquivos.gif) center top no-repeat; }
body.arquivospdf div#limites ul li.arquivo h4 { height: 23px; line-height: 23px; color: #fff; font-weight: normal; margin-top: 5px; font-size: 10px; background: url(../imagens/fundo_submenu.gif) center 0 no-repeat; }

body.arquivospdf div#limites ul li.arquivo ul { width: 128px; }

body.arquivospdf div#limites ul li.arquivo a { color: #fff; text-decoration: none}
body.arquivospdf div#limites ul li.arquivo h4.laranja  { background-position: center -23px; }
body.arquivospdf div#limites ul li.arquivo h4.roxo     { background-position: center -46px; }
body.arquivospdf div#limites ul li.arquivo h4.azul     { background-position: center -69px; }
body.arquivospdf div#limites ul li.arquivo h4.vermelho { background-position: center -92px; }
body.arquivospdf div#limites ul li.arquivo h4.rosa     { background-position: center -115px; }
body.arquivospdf div#limites ul li.arquivo h4.verde    { background-position: center -138px; }


body.arquivospdf div#limites ul li.arquivo ul { margin: 10px 0 0 10px;}
body.arquivospdf div#limites ul li.arquivo ul li { height: 52px; padding: 0; margin: 12px 0; }
body.arquivospdf div#limites ul li.arquivo ul li a { font-size: 9px; display: block; padding-top: 5px; color: #999; text-decoration: none;}
body.arquivospdf div#limites ul li.arquivo ul li a img { border: none; float: left; padding: 2px; margin-right: 5px; margin-top: -10px;}

body.arquivospdf div#limites div.rodape ul.controle { clear: both; margin: 20px auto; width: 200px; height: 40px; }
* html body.arquivospdf div#limites div.rodape ul.controle { width: 220px; }
body.arquivospdf div#limites div.rodape ul.controle li { float: left; }

/* - - - -  CONTATO - - - - - */
body.contato div#texto { width: 541px; height: 449px; margin-top: -225px; margin-left: -271px; top: 50%; left: 50%; background: url(../imagens/nuvem_contato.gif) center no-repeat; position: absolute; z-index: -1; }
body.contato div#texto p { margin-top: 150px; padding-left: 40px; text-align: center; font-size: 20px; color: #fff; font-weight: normal; text-decoration: none; }
body.contato div#texto p strong { color: #FFF6BF; font-size: 22px; }
div#bottom h6 a {
	width: 131px;
	height: 42px;
	display: block;
	bottom:4px;
	right: 42px;
	position: absolute;
	text-indent: -999em;
	background-repeat: no-repeat;
	background-position: left center;
	}
div#bottom {
	width: 100%;
	height: 26px;
	padding-bottom:18px;
	padding-top:7px;
	padding-left:30px;
	background-color: #fff;
	bottom: 23px;
	left: 0;
	right: 0;
	position: absolute;
	z-index:4;
}
.ilustra
{
	position:absolute;
	left: 55px;
	top: 130px;
}
.placa
{
	position:relative;
	left: 582px;
	top: 103px;
	z-index:0;
}
.placa_livro
{
	position:absolute;
	left: 12px;
	top: 106px;
}
.video
{
	position:absolute;
	left: 14px;
	top: 200px;
	
	width: 399px;
	height: 130px;
}
.texto_colecao
{	position:absolute;
	width: 449px;
	left: 535px;
	top: 229px;
	font-size: 12px;
	
}
.colecao_titulo
{
	font-size:16px;
	color:#00CC00;
	text-align:center; /* hack para o IE */	
}

.text-obra
{
	position:absolute;
	left: 515px;
	top: 95px;
	height: 328px;
	overflow:auto;
	overflow-x: hidden;
	padding-right:20px;
	font-size:12px;
	color:#666666;
}
.flash_list
{
	position:absolute;
	width: 449px;
	height:130px;
	left: 533px;
	top: 360px;
	overflow:auto;
}
.bto_home
{
	position:absolute;
	width: 50px;
	left: 515px;
	font-size:12px;
	color:#999999;
	top: 510px;
}
.bto_voltar
{
	position:absolute;
	width: 59px;
	left: 815px;
	font-size:12px;
	color:#999999;
	top: 510px;
}
.barra_opcoes
{
	position:absolute;
	width: 500px;
	left: 515px;
	font-size:12px;
	color:#999999;
	top: 446px;
}
.barra_propostas
{
	position:absolute;
	width: 446px;
	left: 515px;
	font-size:12px;
	color:#999999;
	top: 474px;
}
#prop
{
	position:relative;
	width:371px;
	height:77px;
	top:111px;
	left:301px;
	display:block;
}
.img
{
border:none;
}

#prop1
{
		position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:5px;
	display:none;}
#prop2
{
	position:relative;
	width:621px;
	height:auto;
	top:6px;
	left:150px;
display:none;}
#prop3
{
		position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:300px;
	display:none;
	}
#prop4
{
	position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:500px;
	display:none;
	}
#prop5
{
	position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:50px;
	display:none;
	}
#prop6
{
		position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:500px;
	display:none;
}
#prop7
{
	position:relative;
	width:371px;
	height:77px;
	top:5px;
	left:600px;
	display:none;
}
.colecao
{
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
}

.div_alignleft
{ 
	float:left;
}

.div_aligncenter
{ 
	position:relative;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

.div_aligncenter2
{ 
	text-align:center; /* hack para o IE */	
}