/* Folha de estilo
Layout INPE - Instituto Nacional de Pesquisas Espaciais
INTRANET / STI
/*

/*=========================================================================================================================================================*/
/* GERAL */


select.topo{ font-size:11px;}
input.topo { font-size:11px; height:12px;}
input.botao2 { height:22px;}

a:link{color:black;text-decoration:none;}
a:active{color:black;text-decoration:none;}
a:visited{color:black;text-decoration:none;}
a:hover{color:#007dbe;text-decoration:underline;} 

a.pdf {
	display:inline-block;
	/*height:20px;*/
	padding-left:30px;
	background:url("/imagens/pdf_menor.png") no-repeat -1px top;
}

a.internet {
	display:inline-block;
	/*height:20px;*/
	padding-left:30px;
	background:url("/imagens/internet.png") no-repeat -1px top;
}

h2{
font:18px Tahoma, Geneva, sans-serif;
font-stretch:expanded;
text-align:right;
color:#00558E;
border-bottom:1px dashed #00558E;
padding-top:0px;
margin-top:-15px;
}

img{
border:0px;
}

table {
font:11px verdana, arial, helvetica, sans-serif;
text-align:justify;
}

form{
margin-top:20px;
}

/*================================================================================================================================================================*/
/* TEXTOS */

.texto_laranja{
color:#f7941d;
}

.texto_branco{
color:#FFFFFF;
font-weight:bold;
}

.cinza_menor{
font-size:10px;
color:#666666;
}

.azul_negrito{
color:#007dbe; 
font-weight:bold;
}

.texto_vermelho{
color:#FF0000;
}


/*===================================================================================================================================================================*/
/* INÍCIO */

html{
	background: #c8d7dc; 
}

body{
/*background-color:#cedce7;*/
font:11px verdana, arial, helvetica, sans-serif;
line-height:16px;
margin:0px;
padding:0px;

			
			
background: #c8d7dc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjVmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2UzZWFlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOGQ3ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f5f6), color-stop(37%,#e3eaed), color-stop(100%,#c8d7dc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-8 */	

height:100% !important;


/*background: #c0ced7; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
/*background: #c0ced7 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyNzI3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZWRjZTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+)  no-repeat;
background: #c0ced7 -moz-linear-gradient(top,  #627279 0%, #c0ced7 100%) no-repeat; /* FF3.6+ */
/*background: #c0ced7 -webkit-gradient(linear, left top, left bottom, color-stop(0%,#627279), color-stop(100%,#c0ced7)) no-repeat; /* Chrome,Safari4+ */
/*background: #c0ced7 -webkit-linear-gradient(top,  #627279 0%,#c0ced7 100%) no-repeat; /* Chrome10+,Safari5.1+ */
/*background: #c0ced7 -o-linear-gradient(top,  #627279 0%,#c0ced7 100%) no-repeat; /* Opera 11.10+ */
/*background: #c0ced7 -ms-linear-gradient(top,  #627279 0%,#c0ced7 100%) no-repeat; /* IE10+ */
/*background: #c0ced7 linear-gradient(to bottom,  #627279 0%,#c0ced7 100%) no-repeat; /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#627279', endColorstr='#c0ced7',GradientType=0 ) no-repeat; /* IE6-8 */

}

#divbody{
margin:auto;
margin-top:0px;
background-color:#ffffff;
height:auto !important;
width:990px;
}

/*===================================================================================================================================================================*/
/* TOPO */



/* FIM BARRA DO GOVERNO NOVA =============================================================================================*/

#topo_modelo{
width:990px; /*1024x780*/
height:130px;
}

#busca{
text-align:right;
line-height:26px;
height:26px;
width:970px;
position:absolute;
margin:0px;
/*margin/*\**//*: 0px\9;*/
font-size:10px;
margin-right:20px;
overflow:hidden;
}




fieldset.busca{
margin:0px;
padding:0px;
border:none;
}

form{
margin:0px;
padding:0px;
}

fieldset.busca input {
font:11px verdana, arial, helvetica, sans-serif;
}

fieldset.busca label.botao{
padding-right:30px;
}


#detalhe_topo {
display:block;
position:relative;
width: 990px; /*1024x780*/
height:26px;
line-height:26px;
background:#c5d8e5;
border-bottom:3px solid #FFFFFF;
}

#topo_hora {
background:#c5d8e5;
text-align:left;
padding-left:10px;
font-weight:bold;
font-size:10px;
color:#666666;
float:left;
display:block;
line-height:26px;
height:26px;
width:620px;
}

#bandeira{
font-size:10px;
text-align:right;
color:#666666;
width:290px;
float:left;
display:block;
height:26px;
line-height:26px;
}

#bandeira.img{
	padding-top:4px;
}

#topo_A {
float:right;
text-align:right;
width:60px;
height:26px;
line-height:26px;
padding-right:10px;
background-color:#c5d8e5;
}

#topo_A a:link{
text-decoration:none;
color:#666666;
}

#topo_A a:active{
text-decoration:none;
color:#666666;
}

#topo_A a:visited{
text-decoration:none;
color:#666666;
}

#topo_A a:hover{
text-decoration:none;
color:#007dbe; 
}

#bandeira a:link{
text-decoration:none;
color:#666666;
}

#bandeira a:active{
text-decoration:none;
color:#666666;
}

#bandeira a:visited{
text-decoration:none;
color:#666666;
}

#bandeira a:hover{
text-decoration:underline;
color:#007dbe; 
}

.menos{
font:11px Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#666666;
}


.padrao{
font:15px Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#666666;
}

.mais{
font:20px Geneva, Arial, Helvetica, sans-serif; 
font-weight:bold;
color:#666666;
}

/*===================================================================================================================================================================*/
/* MENU PRINCIPAL - ESQUERDO */


#divleft{
float:left;
width:200px;
margin:0px;
background-color:#c9d7dc;
display:block;
}

.endereco_menu{
font-size:9px;
text-align:center;
font-style:italic;
background-color:#c9d7dc;
} 

.menuheader{
text-align:right; 
font-weight:bold;
font-variant:small-caps;
color:#fff;
background-color:#00558E;
padding-top:3px; 
padding-right:5px;
padding-left:5px;
padding-bottom:3px;
display:block; 
border-top: 1px solid #FFFFFF;
}

/*!!!!!!!!!!! MyCSSMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! MyCSSMenu Styles !!!!!!!!!!!*/

	
	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{
	float:left;
	width:200px;
	margin-bottom:30px;
	border-bottom: 1px solid #FFFFFF;
	
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
	width:190px;
	display:block;
	background:#c9d7dc;
	padding:5px;
	text-decoration:none;
	border-top:1px #ffffff solid;
 	height: auto;	
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#b3c8d0;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
	float:left;
	margin-bottom:30px;
	border-bottom: 1px solid #FFFFFF;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
	width:190px;
	display:block;
	background:#c9d7dc;
	padding:5px;
	text-decoration:none;
	border-top:1px #ffffff solid;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
	background-color:#f6f5f5;
	}
	
	#qm0 span {
	position:absolute;
	top:3px;
	right:5px;
	font-weight:bold;
	float:right;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
	background-color:#f6f5f5;
	}



/*===================================================================================================================================================================*/
/* CENTRO */

#menu_lateral{
padding:10px;
padding-bottom:0px;
font-weight:bold;
font-variant:small-caps;
color:#999999;
}

#menu_lateral a:link{
color:#999999;
text-decoration:underline;
}

#menu_lateral a:active{
color:#999999;
text-decoration:underline;
}

#menu_lateral a:visited{
color:#999999;
text-decoration:underline;
}

#menu_lateral a:hover{
color:#007dbe;
text-decoration:underline;
}

#margem{
padding-right:40px;
padding-left:40px;
padding-top:25px;
padding-bottom:25px;
}

#texto{
text-align:justify;
}

#texto a:link{
color:black;
text-decoration:underline;
}

#texto a:active{
color:black;
text-decoration:underline;
}

#texto a:visited{
color:black;
text-decoration:underline;
}

#texto a:hover{
color:#007dbe;
text-decoration:underline;
}

#divmid2{
background:#ffffff;
float:left;
width:790px;
min-height:400px;
display:block;
}

#divmid3{
background:#ffffff;
float:left;
width:590px;
min-height:400px;
}

div.justify{
text-align:justify;
}

div.right{
text-align:right;
}

div.left{
text-align:left;
}

div.center {
text-align: center;
}

div.center div, div.center p, div.center table, div.center form {
text-align: left; margin-left: auto; margin-right: auto;
}

.botao_voltar{
float:right;
font-weight:bold;
padding-top:50px;
padding-bottom:25px;
}

fieldset.formulario{
margin:0px;
padding:0px;
border:none;
}

fieldset.formulario input {
font:11px verdana, arial, helvetica, sans-serif;
}

div.esconde{
text-align:left;
padding-left:20px;
padding-right:20px;
padding-top:3px;
padding-bottom:3px;
background-color:#f5f5f5; 
width:460px; 
margin-bottom:3px;
}

/*===================================================================================================================================================================*/
/* MENU LATERAL - DIREITO */

#divright{
float:right;
display:inline;
width:200px;
margin:0px;
padding-right:0px;
padding-left:0px;
background-color: #eeeeee;
text-align:center;
}

.destaques {
background-color: #eeeeee;
text-align:justify;
padding-left:10px;
padding-right:10px;
padding-bottom:20px;
}

.linha_azul{
padding-top: 3px; 
padding-right: 5px;
padding-left: 5px;
padding-bottom: 3px;
min-height : 19px; 
background-color:#c5d8e5; 
font-weight:bold; 
text-align:left;
}

.linha_preta{
text-align:center; 
font-weight:bold;
font-variant:small-caps;
color:#fff;
background-color:#00558E;
padding-top:3px; 
padding-right:5px;
padding-left:5px;
padding-bottom:3px;
min-height:19px; 
}

.links_relacionados{
background-color:#eeeeee;
font-weight:bold;
text-align:center;
border-top:3px solid #f8f8f8;
border-right:3px solid #f8f8f8;
border-left:3px solid #f8f8f8;
padding-left:15px;
padding-right:15px;
padding-top:25px;
padding-bottom:25px;
}


/*===================================================================================================================================================================*/
/* RODAPÉ */

#divfoot{
clear:both;
padding:0;
}

#bottom1{
border-top:2px #f8f8f8 solid;
width:990px; /*1024x780*/
height:5px;
background:#666666;
}

#copyright{
width:990px; /*1024x780*/
height:25px;
background:#c5d8e5;
}

#copyrightfont{
color:#000000;
font-size:11px;
padding-top:4px;
text-align:center;
}

/*===================================================================================================================================================================*/


 /**
	  * Oculta o input
	  */
	  .accordion-item input{display:none;}
	 
	  /**
	   * Aqui configura o label
	   * que será parte clicável
	  **/
	  .accordion-item label{
	      display:block;
	      border:none;
		  padding: 5px;
	      background:#ecf4fc;
	      cursor:pointer;
		  font-weight:bold;
	  }
	  
	 .accordion-item label img{ vertical-align:middle;}
	 
	  /**
	  * Aqui o elemento que vai o conteúdo.
	  * Define o height:0, para aplicarmos o efeito
	  * colocamos overflow:hidden não mostrar o último item
	  * O transition o tipo de efeito que queremos
	  */
	  .accordion-content{
	      height: 0px;
	      /*overflow: hidden;
	      -webkit-transition: height 0.3s ease-in-out;
	      -moz-transition: height 0.3s ease-in-out;
	      -o-transition: height 0.3s ease-in-out;
	      -ms-transition: height 0.3s ease-in-out;
	      transition: height 0.3s ease-in-out;*/
	  }
	 
	  /**
	  * Selecionar o elemento que está precedente
	  * do tipo com atributo checked, sendo
	  * que o ID comece o accordion
	  * E dentro dele, definimos a altura,
	  * mostrando o conteúdo
	  */
	  .accordion-content {
	      height: auto;
		  border-right:1px solid #ecf4fc;
		  border-left:1px solid #ecf4fc;
		  border-bottom:1px solid #ecf4fc;
		  padding:10px;
	  }


	#texto a.cor:link, #texto a.cor:visited, #texto a.cor:active {
		text-decoration: none;
		color:blue;
	}
	
	#texto a.cor:hover {
		text-decoration: underline;
		color:blue;
	}
	
	.boxAzul{background-color:#ecf4fc; width:100%; padding:5px; font-weight:bold;}
	#texto .boxAzul a:link, a:active{text-decoration:none;}