@import url("http://fonts.googleapis.com/css?family=Arvo");        


body {
    width: 100%;
    background-color: White; /*#505355 TEMPORARIO*/
    margin: 0;
    padding: 0;
    /*font: 100% Arvo, Serif, Times New Roman; /*1em*/
    font-family: "Arvo", serif;
    /* font-weight: 400;*/
    font-weight: normal;
    font-size: 1em;
    text-align: center !important; /*centra os conteúdos -DIVs- na página*/  
}

/* ORGANIZAR!!! */
/* colocar aqui todas as definições base da estrutura semantica */
/* colocar aqui todas as definições base da estrutura semantica */
/* colocar aqui todas as definições base da estrutura semantica */

img {
    border: 0;
}
h1, h1 img {
	margin: 0;
	padding: 0;
	border: 0;
	width: 216px;
}

h1 img  
{
    height: 70px !important;
    width: auto;
}

h2 {
}
h3 {
}
h4 {
}
ul {
    /*border: 2px solid yellow;
    display: table; /* TEMPORARIO */
	list-style-type: none;
	margin: 0;
	padding: 0;
} 
h2 {
}
p {
	/*text-align: justify;*/
	text-align: left;
}

/****** Estilos Reutilizáveis ******/
/****** Estilos Reutilizáveis ******/
/****** Estilos Reutilizáveis ******/
.hide {
	/*left: 0;
	position: absolute; 
	overflow: hidden;
	top: -20em;	*/
	/*border: 1px solid blue;*/
	display: none;  /*!!!!verificar texto no html senao separar img.hide*/
	}
.alignRight {	
    float: right;
    }
.alignLeft {	
    float: left;
}
.PAGE { /*TEMPORARIA igualizar com margem_conteudo e PAGE*/
    margin: auto;
    padding: 0;
    border: 0;
    width: 960px; /*width: 90%; max-width: 960px;*/
}
/****** Cabeçalho  ******/
/****** Cabeçalho  ******/
/****** Cabeçalho  ******/
div.topo {
	width: 100%;
    background-color: #272a2c;
	color: white;
	top:0;
    margin: 0;
    height: 5.6em; 
    padding-top: 1em; 
    position: fixed;/*fixa o topo*/
    z-index: 1000 !important; /*fundamental para passar por cima das div em posição "absolute"*/
}   
div.topo img {
	/*padding:0;
    border: 0;*/
}
#pesquisa, #ctl00_Topo1_pesquisa { /*Pesquisa*/
    width: auto;
    height: auto;
    border: 0;
    margin-top: 1em; /*23px*/
    top: 2em; /*23px*/
}
.txt_pesquisa {
    float: left;
    width: 21em; /*260px*/
    height: 37px;
/*	line-height: 100%;*/
	line-height: 37px;
    color: #3E3E3E;
    background-color: #878787; /*old #404244;*/
    border: 0;
    margin:0;
    padding: 0 0.5em;
	font-family: Arvo !important;
	font-size: 0.8em;
} 
#imgpesquisa {
    /*float:left;
    border:0;*/
} 
#imgpesquisa a:hover {
} 
#menuTopo { /*!!! Barra fundo para Menu de topo*/
    width: 100%;
    border: 0;
    margin: 0;
    top: 6.2em;
    position: fixed;/*fixa o topo*/
    z-index: 1000 !important; /*fundamental para passar por cima das div em posição "absolute"*/
	height: auto;
	background-color: #404244;
}
#ctl00_Topo1_menuGeral  { /* Menu de topo*/
    width:100%; 
   /* min-width: 30em;
    max-width: 990px;*/
    padding:0;
    margin: 0;

  /*  font-family: Arvo;
    font-weight: lighter;
    font-size: 1em;
    text-align: center;*/
}
#ctl00_Topo1_menuGeral img.icon, #ctl00_Topo1_menuGeral img.separator, 
#ctl00_Topo1_menuGeral img.horizontal-separator { /* não se aplicam neste caso */
	display:none;
}
#ctl00_Topo1_menuGeral ul.level1 img.icon 
{
    display: block;
    padding-top: 0.42em;
    padding-bottom: 0.42em;
    margin-left: auto;
    margin-right: auto;    
}
#ctl00_Topo1_menuGeral ul.static, #ctl00_Topo1_menuGeral ul.dynamic {
   /*n.a, correspondem aos ul.level1 e ul.level2*/
}
#ctl00_Topo1_menuGeral ul.level1 { /* lista menus de 1º nível */
	width: 100% !important; /*100% !important;*/
    background-color: transparent;
    margin: 0.5em 0 0.5em 0; 
    padding:0; 
    list-style:none; 
    text-align: center;
    border: 0;
    border-left: 2px solid #fecb1c;
    line-height:2em; /* centra texto na vertical para altura definida nos menus*/
}
#ctl00_Topo1_menuGeral ul.level1 li {
	/*width: 92px !important; 
	min-width: 8em !important; 
	display: inline-block !important;
	white-space: nowrap !important;*/
    padding:0;
    margin: 0;
    border: 0;
    border-right: 2px solid #fecb1c;
}

#ctl00_Topo1_menuGeral ul.level1 li:first-child a {
    display:inline-block !important;
    width: 3.15em;
    height:100%; 
    float:left; /*!!!*/
    text-decoration:none; 
    white-space:nowrap;
    color:#ffffff;
}

#ctl00_Topo1_menuGeral ul.level1 li a {
    display:inline-block !important;
/*    width:9.85em; */
    width: 9.3em;
    height:100%; 
    float:left; /*!!!*/
    text-decoration:none; 
    white-space:nowrap;
    color:#ffffff;
}
#ctl00_Topo1_menuGeral ul.level1 li a:hover {
    color: #fecb1c;
}
#ctl00_Topo1_menuGeral ul.level2 { /* lista menus de 2º nível */
    background-color: #c4c4c4;
    margin: 0.5em 0 0.5em 0; 
    list-style:none; 
    text-align: left;
    border: 0;
    font-size: 80%;
    line-height: normal; 
    color: #3d3d3d;
	width: 20em !important;
}
#ctl00_Topo1_menuGeral ul.level2 li {
	width: 100% !important;
    border: 0;
}
#ctl00_Topo1_menuGeral ul.level2 li a {
    display: list-item !important;
    width:18em !important;; 
    height:100%; 
    /*float:left; */
    text-decoration:none; 
    white-space: normal;
    color:#3d3d3d !important;
    padding: 0.5em 0 0.5em 2em; 
}
#ctl00_Topo1_menuGeral ul.level2 li a:hover {
    color: #ffffff;
    background-color: #a3a3a3;
}
#ctl00_Topo1_menuGeral a { }
#ctl00_Topo1_menuGeral a.static {  }



/* DIVs margem TEMPORARIA igualizar com margem_conteudo e PAGE*/
div#margem_conteudoHP  {
    padding:0;
    margin: auto;
    border: 0;
    width: 90%;
    width: 960px; /*max-width: 960px;
    margin-top: 10em;*/
    padding-top: 1em;
    margin-bottom: 2em;

/*    border-top: 2px solid blue;
    border-bottom: 2px solid blue;
    background-color: silver; 
    color: black;*/
}
/* FIM DIV margem TEMPORARIA */
#margem_conteudo {
	/*float: left;
    background-color: white; 
    color: black;*/
    padding:0 !important;
    margin:auto;
    border: 0;
    width: 90%;
    width: 960px; /*max-width: 960px;*/
    margin-top: 10em;
}
/*#margem_conteudo div * {
    border: 2px solid red;
    padding: 0 !important;
    margin: 0 !important;
}*/


/* ***CONTEUDOS HOMEPAGE*** */
/* ***CONTEUDOS HOMEPAGE*** */
/* ***CONTEUDOS HOMEPAGE*** */


/* ***CONTEUDOS MENUS*** */
h2.path_inactivo {
    color: #626262; /*cinza escuro RGB 98 98 98*/
    /*font-size: 1.1710416783772em; 14pt*/
    font-size: 120%; 
    margin-bottom:0;
    padding-bottom:0;
}
h3.path_inactivo {
    color: #569fe7; /*Azul RGB 86 159 231*/
    /*font-size: 1.6729166833959999em;*/ /*20pt*/
   /* font-size: 1.5259166833959999em; /*20pt*/
    font-size: 160%; /*14pt*/
    margin:0 0 0.5em 0;
    padding:0;
}

        .areaMicrosite a:hover 
        {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            filter:alpha(opacity=60);
            /* -ms-filter:alpha(opacity=60);*/
            -moz-opacity:0.6;
            -khtml-opacity: 0.6;
            opacity:0.6;
            /*-ms-opacity:0.60;*/
        }

        .areaMicrosite a 
        {
            -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            filter:alpha(opacity=100);
            /*-ms-filter:alpha(opacity=100);*/
            -moz-opacity:1.0;
            -khtml-opacity: 1.0;
            opacity:1.0;
            /*-ms-opacity:1.0; */
            outline: none;
        }
        
        .areaMicrosite small 
        {
            color: #626262;
            line-height: 2em;
        }
        
        .areaMicrosite span 
        {
            font-weight: bold;
            line-height: normal;
        }
/* ***CONTEUDOS MENUS*** */