@import url('cssreset.css');

	body {	background: url('../images/main_bg.jpg') repeat-y top center #004b80; 
			text-align: center;
	}
	
	/* PAGINA CENTRALIZADA */
	#all  { width: 779px; margin: auto; text-align: left; }
	#topo { height: 103px; background: url('../images/topo.jpg') no-repeat; }



	/* CABECALHO, LOGO E MENU */
	#topo h1			{ }
	#topo h1 a			{ display: block; width: 275px; height: 78px; 
							background: url(../images/logo.png) no-repeat; }
	#topo h1 a span		{ display: none; }

	label { display: block; margin-bottom: 1em; }
	label em { display: block; float: left; width: 130px; }

	#topo ul						{ float: right; width: 170px; margin-top: -15px; }
	#topo ul li						{ float: left; width: 69px; }
	#topo ul li a					{ display: block; height: 20px; }
	#topo ul li a span				{ display: none; }
	#topo ul li a.cadastre-se		{ width: 87px; background: url('../images/cadastre-se.png') no-repeat; }
	#topo ul li a.contato			{ width: 67px; background: url('../images/contato.png') no-repeat; }

	#menu { position: relative; height: 197px; background: url('../images/chamada.jpg') -2px 0px no-repeat; }
	#menu hr { display: none; }
	
	#menu ul { float:right; }
	#menu ul li { float:left; }
	#menu ul li a { background: url('../images/menu.png') no-repeat; display: block; height: 34px; }
	#menu ul li a span { display: none; }
	#menu ul li.quem-somos a		{ background-position: 0px 0px; width: 108px; }
	#menu ul li.experiencia a		{ background-position: -108px 0px; width: 82px; }
	#menu ul li.abordagens a		{ background-position: -190px 0px; width: 120px; }
	#menu ul li.produtos a			{ background-position: -310px 0px; width: 80px;}
	#menu ul li.tipos a				{ background-position: -390px 0px; width: 125px;}
	#menu ul li.informa a			{ background-position: -515px 0px; width: 125px; }
	#menu ul li ul.subquemsomos		{ display: none; position: absolute; }
	#menu ul li ul.subabordagens	{ display: none; position: absolute; }

	#menu ul li ul.subquemsomos li.sub11 a { width: 133px; display: block; background-position: 0px -71px; }
	
	#menu ul li ul.subabordagens li.sub21 a { position: absolute; top: 0px; width: 140px; display: block; background-position: -190px -71px; }
	#menu ul li ul.subabordagens li.sub22 a { position: absolute; height: 32px; top: 34px; width: 140px; display: block; background-position: -190px -106px; }
	#menu ul li ul.subabordagens li.sub23 a { position: absolute; top: 64px; width: 140px; display: block; background-position: -190px -139px; }
	#menu ul li ul.subabordagens li.sub24 a { position: absolute; height: 25px; top: 97px; width: 140px; display: block; background-position: -190px -172px; }
	#menu ul li ul.subabordagens li.sub25 a { position: absolute; top: 122px; width: 140px; height: 25px; display: block; background-position: -190px -197px; }

	/* CONTEUDO PRINCIPAL */

	#container { background: url('../images/content_bg.jpg') repeat-y 0px -250px #E1CA94; } 

	#content { padding: 2em; color: #01223a; font: 9pt/1.2em 'Trebuchet Ms', Arial, sans-serif; }
	#content a { color: #296182; text-decoration: none; }
	#content a:hover { text-decoration: underline; }
	#content p {  margin-bottom: 1em; }	

	
	#content strong { color: #296182; }
	#content p em {  font-weight: bold; font-style: normal; color: #296182; font-size: 10pt; }	
	
	#content h2 { display: inline; font: 19pt 'Trebuchet Ms', Arial, sans-serif; letter-spacing: -1px; padding-right: 55px; padding-top: 8px; padding-bottom: 10px; background: url('../images/story-title.png') no-repeat top right; line-height: 60px;	text-transform: uppercase; color: #296182; }
	#content h2.informa { display: block; width: 280px; height: 45px; background: url('../images/instituto-informa.png') no-repeat; }
	#content h2 span { display: none; }
	
	#content h3 { font-weight: normal; color: #296182; font-size: 14pt; letter-spacing: -1px; height: 15px; margin: 0.5em 0; }
	#content h3 span { display: black; height: 15px; float: left; }
	#content .hr-h3 { float: right; width: auto; margin: auto; background: url(../images/hrbar.gif) repeat-x 0px 8px; height: 15px; }
	#content .breadcrumb {  }

	/* Barra horizontal de Produtos */
	#content h2.hr_produtos { overflow: hidden; display: block; width: auto; clear: both; padding: 0; height: 30px; border-bottom: solid 3px #004B80; text-indent: -999em; background: url('../images/produtos.png') no-repeat; margin-top: 1em; }

	/* Caixas - CSS está permitindo qualquer tamanho de caixa de acordo com largura e texto desejado. */
	.box					{ }
	.box div				{ background: url('../images/box11.jpg') no-repeat left top; }
	.box div div			{ background: url('../images/box12.jpg') no-repeat left bottom;  }
	.box div div div		{ background: url('../images/box21.jpg') no-repeat right top;  }
	.box div div div div	{ background: url('../images/box22.jpg') no-repeat right bottom; }

	/* Personalização das caixas */
	.chamada_produtos		{ display: inline; width: 28.9%; float: left; margin-right: 6.3%; margin-top: 1em; margin-bottom: 1em; }
	#content .abordagens 	{ display: inline; width: 28.9%; float: left; margin-right: 6.3%; margin-top: 1em; margin-bottom: 1em; height: 125px; }
	#content .boxprodutos 	{ display: inline; width: 28.8%; float: left; margin-right: 6.3%; margin-top: 1em; margin-bottom: 1em; height: 225px; }
	#content .boxprodutos p 	{ padding: 0 1em; }
	#content .boxprodutos p em	{ display: block; padding-top: 0.5em; } 
	#content .abordagens div div div div	{ height: 125px; }
	#content .abordagens p				{ padding: 0 1em; }
	#content .abordagens p em			{ display: block; padding-top: 0.5em; }
	.tipo_pesquisa						{ width: 28.9%; float: right; margin-left: 6.3%; margin-top: 1em; margin-bottom: 1em; }
	.chamada_home						{ width: 47%; float: right; margin-left: 2%; margin-top: -40px; }
	.chamada_home div div div div div	{ padding: 0em 1em 1em 1em; }
	#content .chamada_home div div div div div a	{ margin: 0; display: block; float: none; line-height: 15px; color: #01223A; font-size: 100%; padding-top: 4.5em; background: url('../images/chamada-home.png') no-repeat; }
	#content .chamada_home div div div div div a:hover	{ text-decoration: none;  }

	#content .quem-sidebar	{ width: 210px; float: right; margin-left: 1em; margin-top: -1em; margin-right: 0.5em; }
	#content .quem-sidebar .box { width: 210px; }
	#content div.chamada_last			{ margin-right: 0; }

	/* Fix Float */
	.clear								{ clear: both; }

	/* Foto */
	.foto-ilustra						{ float: left; margin-right: 1.5em;	}

	/* Titulo e imagens dentro de cada caixa */
	.box .pesquisasrecentes				{ height: 125px; background: url('../images/box/pesquisasrecentes.png') no-repeat; }
	.box .artigos						{ height: 125px; background: url('../images/box/artigos.png') no-repeat; }
	.box .fabiogomes					{ height: 125px; background: url('../images/box/fabiogomes.png') no-repeat; }

	.box .informaeleitoral				{ height: 136px; background: url('../images/box/informaeleitoral.png') no-repeat 0px 0px; }
	.box .avaliacaopublica				{ height: 136px; background: url('../images/box/avaliacaopublica.png') no-repeat 0px 1px; }
	.box .mercadologico					{ height: 136px; background: url('../images/box/mercadologico.png') no-repeat; }

	.box a	{ color: #004b80; font: 10pt 'Trebuchet MS', arial, helvetica; margin-left: 10px; text-decoration: none; }
	.box a:hover { text-decoration: underline; }
	

	#content ol								{ padding: 0em 2em 1em 2em; }
	#content ol li							{ list-style: decimal; }
	#content .box h3						{ display: none; }
	#content .box .artigos p,
	#content .box .fabiogomes p,
	#content .box .pesquisasrecentes p		{ padding: 35px 1em 0px 10px; }

	#content .box .informaeleitoral,
	#content .box .avaliacaopublica			{ text-align: right; }
	
	#content .box .informaeleitoral p,
	#content .box .avaliacaopublica p		{ padding: 48px 10px 0px 62px; margin-bottom: 5px; }
	
	#content .box .informaeleitoral a,
	#content .box .avaliacaopublica a		{ margin-right: 10px; }

	#content .box .mercadologico p			{ padding: 48px 61px 0px 13px; text-align: left; margin-bottom: 5px; }
	

	/* Rodapé do site */
	#footer { padding: 1em; }
	#footer hr,
	#footer h2
	{ display: none; }
	
	#footer span { display: none; }
	#footer a { display: block; height: 25px; }
	
	#footer ul li { float: left; }
	#footer ul li.trabalhe { background: url('../images/trabalhe.gif') no-repeat; width: 104px;	}
	#footer ul li.politica { background: url('../images/politica.gif') no-repeat;width: 130px;	}
	#footer ul li.mapa { background: url('../images/mapa.gif') no-repeat;width: 84px;	}
	#footer address { float: right; background: url('../images/contato_01.gif') no-repeat; width: 355px; }
	#footer address a { margin-left: 145px; background: url('../images/contato_02.gif') no-repeat; 	}

	/* Formularios */
	input, textarea, select { background: #EEDFC0; border: solid 1px #BBA375; font-size: 11pt; color: #59411B; padding: 0.25em;  }

	.abep { margin-left: 4.5em; }
	#content .botao { margin: 2em 0; text-transform: uppercase; padding: 0.5em; background: #004b80; color: #FFFFFF; }

	#content a.pdf { display: block; height: 40px; padding-left: 35px; padding-top: 5px; background: url('../images/pdf.png') no-repeat; }
	#content div.hr-div { margin: 2em 0; clear: both; }


	/* Mapa do site */

	#content ul.mapa			{ margin-bottom: 1em; }
	#content ul.mapa li			{ margin: 0.5em 0; float:left; width: 24%; text-transform: uppercase; }
	#content ul.mapa li ul		{ }
	#content ul.mapa li ul li	{ width: auto; float: none; text-transform: capitalize; }
	

	label.error { display: inline; margin-left: 5px; color: #DA3322; }