/* ------ NOTAS -----------------------------------------
Interface - Web/CGMI - Ministério do Desenvolvimento
Renato Carvalho: renato.carvalho@desenvolvimento.gov.br
Rafael Torales: rafael.porto@desenvolvimento.gov.br

--------- INFORMACOES DE ATUALIZACAO --------------------

Tipo do CSS: Geral
Projeto: Aprendendo a Exportar
Ultima Atualizao: 29 de Junho de 2006
Ultima Atualizao Feita Por: Renato (renato.carvalho@desenvolvimento.gov.br)


*/

/* default font size
@import url(small.css);
*/
body {background:#00447a url(../img/fundo.jpg); text-align: center; margin: 0 auto;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
a:visited {}
img {border:0;}
hr {display:none;}

.clear {clear:both;}
ol.roman {list-style:upper-roman;}
ol.roman li {margin:0 0 0.7em 0;}
ol.numero {list-style:decimal;}
ol.numero li {margin:0 0 0.7em 0;}
ol.letraMin {list-style: ower-alpha;}
div.center {text-align:center;}
#divTexto a.tiraIcone {background: none; padding:0; !important}
#divTexto a:visited.tiraIcone {background:none; padding:0; !important}

/* ============================== HACKS ============================== */
/* Método de Clear Floats - http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* RAIZ
-------------------------------------------------------------------- */
#divRaiz {position: relative; width: 779px; margin: 0 auto; background: url(../img/bg-topo.gif) repeat-y;}

/* TOPO GOVERNO
-------------------------------------------------------------------- */
#barra-gov ul#barra {margin: 0; padding: 0; background: #ffcc00; height: 22px; clear: both; font-family: Arial, Helvetica, sans-serif;}
#barra-gov ul#barra li {list-style: none; margin: 0; padding: 0;}
#barra-gov li#mdic {float: left;}
#barra-gov #mdic, li#mdic a{display: block; width: 430px; height: 21px; background: url(../img/gov/logo_des2.gif) top left no-repeat;}
#barra-gov li#gov {float: right;}
#barra-gov #gov, li#gov a{display:block; width:74px; height: 21px; background:#ffcc00 url(../img/gov/brasil2.gif) top left no-repeat;}
#barra-gov ul#barra span{display: none;}
#barra-gov li#select {float: left;}
#barra-gov li#select select {background-color: #F8c400; font-size: 11px; padding:1px; margin-top: 1px; border:1px solid #bf9900;}

/* TOPO
-------------------------------------------------------------------- */
#divTopo {position: relative; width: 779px;	background: #fff url(../img/bg-topo.gif) repeat-y;}
	#divSombra {width:779px; height:19px; background: #054c82 url(../img/topo.jpg) 0 0 no-repeat;}
	#barra-gov {background-image: url(../img/bg-topo.gif); width: 748px; float:left; display:inline; margin:0 0 0 16px;}
	#divLogo {float: left; width:296px; height:96px;}
	#divLogo h1 {width: 296px; height: 96px; display: block; background-image: url(../img/logo.jpg); text-decoration:none; margin:0; padding:0;}
	#divLogo h1 a{width: 296px; height: 96px; display: block; overflow:hidden; text-indent:-32697px; background-image: url(../img/logo.jpg); text-decoration:none;}
	#divVazio {width: 176px;height: 96px;float: left;}	
	#divBanner {width: 386px;height: 96px; float: left; text-align:right; background:#fff url(../img/topo-bg.jpg) repeat-x left bottom;}
	#divHome {width: 82px;height: 21px;	float: left; padding: 75px 0 0 0; background:#fff url(../img/topo-bg.jpg) repeat-x left bottom;}
	#divFinal {width: 15px;	height: 96px;float: left;}

	#divMenuSup {width: 779px; height: 27px; position: relative;}
	#divMenuSup ul {list-style: none;margin:0 0 0 16px; padding: 0; clear: both; position: relative;}
	#divMenuSup li {margin: 0; padding: 0; float: left;}
		#sobAprExportar, #sobAprExportar a {display: block; width: 250px; height: 27px; background: url(../img/mnuSup_SobAprExportar.jpg) no-repeat;}
		#cenAtendimento, #cenAtendimento a {display: block; width: 199px; height: 27px; background: url(../img/mnuSup_CenAtendimento.jpg) no-repeat;}
		#levSitVoce, #levSitVoce a {display: block; width: 174px; height: 27px; background: url(../img/mnuSup_LevSitVoce.jpg) no-repeat;}
		#mapSite, #mapSite a {display: block; width: 125px; height: 27px; background: url(../img/mnuSup_MapSite.jpg) no-repeat;}
		#sobAprExportar a:hover, #cenAtendimento a:hover, #levSitVoce a:hover, #mapSite a:hover {background-position: bottom;}
		#sobAprExportar span, #cenAtendimento span, #levSitVoce span, #mapSite span {display: none;}
	#divFloat {float: left;}

/* CONTEUDO
-------------------------------------------------------------------- */
#divConteudo {width: 779px;float: left;}
#divColuna1 {width: 245px;float: left;}

#divTabela table {border-top: 1px solid; border-left: 1px solid; margin: 0; font-size: 11px;}
#divTabela td {padding: 2px 5px; margin: 0; border-bottom: 1px solid; border-right: 1px solid;}
#divTabela tr.titulo {padding: 5px; font-variant: small-caps; font-size: 12px; font-weight: bolder; color: #fff; text-align: center;}

#divNavegacao {font-size: 10px;font-family: tahoma;}
	#divTexto #divNavegacao a:visited {background-image: none; padding: 0;}

/* Menu de Acessibilidade */
#divConteudo #nav-acessibilidade {width:97px; height:27px; position: absolute; left: 666px; top: 163px; background: transparent url(../img/nav-acessibilidade-bg.png) no-repeat 0 0; margin: 0; padding: 0;}
#divConteudo #nav-acessibilidade ul {margin: 0; padding: 0; list-style-type: none; list-style: none;}
#divConteudo #nav-acessibilidade li {float: left; list-style-type: none; margin: 0; padding: 0; list-style: none;}
#divConteudo #nav-acessibilidade li a {width: 16px; height: 16px; display: block; overflow: hidden; text-indent: -9999px;}
#divConteudo #nav-acessibilidade li a:visited {text-decoration: none;}
#divConteudo #nav-acessibilidade li.home {margin: 5px 3px 5px 6px; _margin: 5px 3px 5px 3px; background: transparent url(../img/ico-home.gif) no-repeat 0 0;}
#divConteudo #nav-acessibilidade li.aumentar {margin: 5px 3px 5px 9px; _margin: 5px 3px 5px 5px;background: transparent url(../img/ico-aumentar-fonte.gif) no-repeat 0 0;}
#divConteudo #nav-acessibilidade li.diminuir {margin: 5px 3px; background: transparent url(../img/ico-diminuir-fonte.gif) no-repeat 0 0;}
#divConteudo #nav-acessibilidade li.imprimir {margin: 5px 3px; background: transparent url(../img/ico-imprimir.gif) no-repeat 0 0;}
#divConteudo #nav-acessibilidade li.voltar {margin: 5px 3px; background: transparent url(../img/ico-voltar.gif) no-repeat 0 0;}

#divColuna2 {width: 534px;float: left;}
#divMnSombra {width: 534px;	height: 12px;font-size: 2px;float: left;}
/* MENU
-------------------------------------------------------------------- */
	#divMenu {margin: 0 0 60px 44px; width: 201px; font-family: Verdana;	font-weight: bold; font-size: 10px;	text-align: left;	}
	/* Imagem q aparece no topo do menu */
	#divMnFoto {width: 245px; height: 96px; }
	#divMenu p {margin: 0; padding: 0;}
	/* todas as listas */
	#divMenu ul { padding: 0; list-style: none; float : left; width: 201px;}
	/* todos os itens de listas */
	#divMenu li { position : relative; float : left; margin-bottom : -1px; width: 201px;}
	/* segundo nível das listas */
	#divMenu li ul {position : absolute; left: -999em;	margin-left : 201px; _margin-left : 201px; margin-top : -2.1em;}
	/* third-and-above-level lists */
	#divMenu li ul ul { left: -999em;}
	#divMenu li a {width: 201px; w\idth:181px; display:block; color:#fff; text-decoration:none; padding: .4em 1em .4em 11px;}
	#divMenu li:hover ul ul, #divMenu li:hover ul ul ul, #divMenu li.sfhover ul ul, #divMenu li.sfhover ul ul ul {left: -999em;}
	/* lists nested under hovered list items */
	#divMenu li:hover ul, #divMenu li li:hover ul, #divMenu li li li:hover ul, #divMenu li.sfhover ul, #divMenu li li.sfhover ul, #divMenu li li li.sfhover ul {left: auto;}

	/* Aruuma posição do menu quando o submenu possui duas linhas*/
	.menuduaslinhas {position : absolute; top:20px;	}
	
	#menu-comExportar ul{background-color: #9AB674;}
	
	/* Links com as cores de cada menu */
	/* VERMELHO */
	#submenu1 a {background: #C79793 url(../img/vermelho_bg_menu.gif) top left; border-bottom: 1px solid #A55351;}
	#submenu1 a:hover {}
	/* LARANJA */
	#submenu2 li a {background-color: #EBA554; border-bottom: 1px solid #CD551C;}
	#submenu2 li a:hover {background-color: #F0B87A;}
	#submenu2 ul {background-color: #FFDD97;}
	#submenu2 ul li a {background-color: #FFDD97; border-bottom: 1px solid #DEAB72; color: #333;}
	#submenu2 ul li a:hover {background-color: #E8C885;}
	#submenu2 ul li li a {background-color: #FFF1C5; border-bottom: 1px solid #EACEAA; color: #333;}
	#submenu2 ul li li a:hover {background-color: #EEDDA9;}
	#submenu2 a.seta-laranja {background: #EBA554 url(../img/bullet-seta-laranja.gif) center right no-repeat;}
	#submenu2 a.setinha-laranja {background: #FFDD97 url(../img/bullet-setinha-laranja.gif) center right no-repeat;}
	/* VERDE */
	#submenu3 li a {background-color: #9AB674; border-bottom: 1px solid #779351;}
	#submenu3 li a:hover {background-color: #AEC58F;}
	#submenu3 ul {background-color: #E0EDC2;}
	#submenu3 ul li a {background-color: #E0EDC2; border-bottom: 1px solid #BCD0A1; color: #333;}
	#submenu3 ul li a:hover {background-color: #BCD0A1;}
	#submenu3 a.seta-verde {background: #9AB674 url(../img/bullet-seta-verde.gif) center right no-repeat;}
	#submenu3 a.setinha-verde {background: #E0EDC2 url(../img/bullet-setinha-verde.gif) center right no-repeat;} 
	/* AZUL */
	#submenu4 li a {background: #7FAFC1; border-bottom: 1px solid #44788C;}
	#submenu4 li a:hover {background: #9BC1CE;}
	/* AMARELO */
	#ulPqExpotar a {}
	#ulPqExpotar a:hover {}
	
	#divMenu ul {list-style: none; margin: 0; padding: 0; clear: both;}
	#divMenu li {margin: 0; padding: 0; }
		#pqExportar a, #plaExportacao a, #comExportar a, #ondBusApoio a, #simuladores a {display: block; width: 201px; height: 21px; background-repeat: no-repeat;}
		#pqExportar a:hover, #plaExportacao a:hover, #comExportar a:hover, #ondBusApoio a:hover, #simuladores a:hover {background-position: bottom;}
		#pqExportar strong, #plaExportacao strong, #comExportar strong, #ondBusApoio strong, #simuladores strong {background-position: bottom;}
		#pqExportar span, #plaExportacao span, #comExportar span, #ondBusApoio span, #simuladores span {display: none;}
		/* Estados ativos do menu */
		#pqExportar a.ativo, #plaExportacao a.ativo, #comExportar a.ativo, ondBusApoio a.ativo, #simuladores a.ativo {background-position: bottom;}
	
/* DIV TEXTO ===================================================== */
	#divTexto {width: 485px; padding: 0 5px 30px 15px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; text-align: left; line-height: 1.3em; float: left;}
	#divTexto h2 {font-family: "Times New Roman", Times, serif;	font-size: 16px; font-weight: bolder; text-transform: uppercase; padding: 5px 0 5px 10px; border-left: 8px solid; margin: 7px 0;}
	#divTexto h2 span {font-size: 25px;}
	#divTexto h3 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-variant: small-caps;}
	#divTexto h4 {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; font-variant: small-caps;}
	#divTexto ul li {margin: 0 0 0.7em 0;}	
	#divTexto dt {font-size: 10px; font-weight: bolder; margin: 5px 0;}
	#divTexto dd {font-size: 10px; margin: 0 0 0 5px; border-left: 1px solid #EEC98B; padding: 0 0 0 5px;}

#divTexto table.mnu{width:95%; border-collapse:collapse;}
#divTexto table.mnu td{padding:3px 15px 3px 10px;border:1px Solid; width:50%;}
#divTexto table.mnu thead h4{margin:0px; font-size: 13px;}
#divTexto .mnu {font-size: 11px;}
#divTexto .mnu a{text-decoration: underline;}
#divTexto .mnu a:visited{text-decoration: underline;}
#divTexto .mnu a:hover{text-decoration: none;}
#divTexto table.mnu tr{vertical-align:top;}
#divTexto table.mnu ul{margin:0;padding:0px;list-style-type:none;}
#divTexto table.mnu ul li{margin:0;padding:0px 10px 0 2ex;background-repeat:no-repeat;background-position:0em 0.5em; line-height:165%;}
#divTexto table.mnu ul li:hover {background-position:0.2em 0.5em;}
#divTexto table.mnu ul li.ativo{margin:0px;padding:0px 15px 3px 2ex;background-repeat:no-repeat; background-position:0px 0.7ex;line-height:110%;}
#divTexto table.mnu ul li.ativo a{margin: 0;text-decoration:underline;}
#divTexto table.mnu ul li.tit{margin: 0;background:none;padding:0px 15px 3px 0px;font-weight:bold;font-size:11px;}
#divTexto table.mnu ul li select{margin: 0; width:165px;}

/* Box de Dicas */
#divDica {width: 443px; float: left; margin: 5px 0 10px 2px;}
	#divDicaTopo {width: 443px; height: 41px; float: left; clear: right;}
	#divDicaTopo h3 {display: none;}
	#divDicaProf {width: 112px;	height: 102px; float: left;}
	#divDicaTexto {width: 307px; float: left; margin: 0 0 0 5px;}
		#divDicaTexto p {margin: 5px 0;}
	#divDicaRodape {width: 443px; height: 10px; font-size: 2px;}
/* Box de Atencao */
#divAtencao {width: 395px; float: left;	margin: 0 0 0 25px;	color: #fff;}
	#divAtencaoConteudo {width: 395px; float: left;	background-image: url(../img/atencao_fundo.gif);}
	#divAtencaoTopo {width: 395px; height: 53px; float: left; clear: right; background-image: url(../img/atencao_topo.gif);}
	#divAtencaoTopo h3 {display: none;}
	#divAtencaoExc {width: 69px; height: 74px; float: left;	background-image: url(../img/atencao_exc.gif);}
	#divAtencaoTexto {width: 300px;	float: left; margin: 0 0 0 5px;}
		#divAtencaoTexto p {margin: 0;}
		#divAtencaoTexto a {color: #fff;}
	#divAtencaoRodape {width: 395px; height: 12px; font-size: 2px; background-image: url(../img/atencao_rodape.gif);}
/* Box de Lembre-se */
#divLembre {width: 413px; float: left; margin: 0 0 0 15px; color: #000;}
	#divLembreConteudo {width: 413px; float: left; background-image: url(../img/lembre_fundo.gif);}
	#divLembreTopo {width: 413px; height: 25px;	float: left; clear: right; background-image: url(../img/lembre_topo.gif);}
	#divLembreTopo h3 {display: none;}
	#divLembrePost {width: 135px; height: 108px; float: left; background-image: url(../img/lembre_post.gif);}
	#divLembreTexto {width: 265px; float: left;	margin: 0px;}
		#divLembreTexto p {margin: 0;}
		#divLembreTexto a {color: #000;} 
	#divLembreRodape {width: 413px;	height: 12px; font-size: 2px; background-image: url(../img/lembre_rodape.gif);}
/* Box de Obs */
#divObs {width:407px; float:left; margin:0 0 0 25px; color:#fff;}
	#divObsConteudo {width:407px; float:left; background-image:url(../img/obs_fundo.gif);}
	#divObsTopo {width:407px; height:37px; float:left; clear:right;	background-image: url(../img/obs_topo.gif);}
	#divObsTopo h3 {display: none;}
	#divObsBook {width: 148px; height: 73px; float: left; background-image: url(../img/obs_book.gif);}
	#divObsTexto {width: 245px;	float: left; margin: 0;}
		#divObsTexto p {margin: 0 0 10px 0;}
		#divObsTexto a {color: #fff;}
		#divObsTexto h3 {color: #fff;}
	#divObsRodape {	width: 407px; height: 12px;	font-size: 2px;	background-image: url(../img/obs_rodape.gif);}

/* Popup */
#divPopup {width: 540px;float: left; position:relative;}
	#divPpTopo {width: 540px;height: 23px;float: left; position:relative;}
		/* Menu de Acessibilidade */
		#divPopup #nav-acessibilidade {width:97px; height:27px; position: absolute; left: 427px; top: 14px; background: transparent url(../img/nav-acessibilidade-bg.png) no-repeat 0 0; margin: 0; padding: 0;}
		#divPopup #nav-acessibilidade ul {margin: 0; padding: 0; list-style-type: none; list-style: none;}
		#divPopup #nav-acessibilidade li {float: left; list-style-type: none; margin: 0; padding: 0; list-style: none;}
		#divPopup #nav-acessibilidade li a {width: 16px; height: 16px; display: block; overflow: hidden; text-indent: -9999px;}
		#divPopup #nav-acessibilidade li a:visited {text-decoration: none;}
		#divPopup #nav-acessibilidade li.home {margin: 5px 3px 5px 6px; _margin: 5px 3px 5px 3px; background: transparent url(../img/ico-home.gif) no-repeat 0 0;}
		#divPopup #nav-acessibilidade li.aumentar {margin: 5px 3px 5px 9px; _margin: 5px 3px 5px 5px;background: transparent url(../img/ico-aumentar-fonte.gif) no-repeat 0 0;}
		#divPopup #nav-acessibilidade li.diminuir {margin: 5px 3px; background: transparent url(../img/ico-diminuir-fonte.gif) no-repeat 0 0;}
		#divPopup #nav-acessibilidade li.imprimir {margin: 5px 3px; background: transparent url(../img/ico-imprimir.gif) no-repeat 0 0;}
		#divPopup #nav-acessibilidade li.voltar {margin: 5px 3px; background: transparent url(../img/ico-voltar.gif) no-repeat 0 0;}
	#divPpRodape {width: 540px;	height: 22px; position:relative;}

#divRodape {width: 779px;height: 19px;background: url(../img/rodape.jpg) no-repeat; font-size:1px; float: left;}