/*********************************** ///// INICIO FORMATA TOPO  \\\\\ ***********************************/


#banner {   /******************************** IMG FUNDO TOPO */

BACKGROUND: url(capa/topo_img.gif) no-repeat right top #FFFFFF; /*  FUNDO - POSICAO NO TOPO */
MARGIN-TOP: 10px;  /* MARGEM  - POSICAO NO TOPO */
MARGIN-RIGHT: 10px;  /* MARGEM  - POSICAO NO TOPO */
HEIGHT: 150px;

}

#barra {   /******************************** BARRA SUPERIOR DO TOPO  ( URL, BUSCA, NOME ) */

BACKGROUND: url(capa/topo_nome.gif) no-repeat right top #FFFFFF; /* FUNDO - POSICAO NO TOPO */
WIDTH: 743px;
HEIGHT: 29px;
MARGIN-TOP:10px;
MARGIN-RIGHT:5px;

}

#barra_busca {   /******************************** BARRA SUPERIOR DO TOPO  ( URL, BUSCA, NOME ) */

BACKGROUND-IMAGE: url(capa/topo_fundo.gif);
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: #FFFFFF;
COLOR: #FFFFFF;
WIDTH: 780px;
HEIGHT: 42px;
MARGIN-LEFT:0px;

}

#barra_busca .busca_texto {   /******************************** BARRA SUPERIOR DO TOPO  ( TEXTO DA BARRA ) */

COLOR: #FFFFFF;
TEXT-ALIGN: right;
MARGIN: 10px 20px 5px 10px;
FLOAT: right; /* POSICAO NA DIV */

}

.busca_top {   /******************************** BARRA SUPERIOR DO TOPO  ( BUSCA DA BARRA ) */

COLOR: #FFFFFF;
TEXT-ALIGN: left;
MARGIN: 15px 0px 15px 15px;
FLOAT: left; /* POSICAO NA DIV */
}

.busca_botao {   /******************************** BARRA SUPERIOR DO TOPO  ( BUSCA DA BARRA ) */

BACKGROUND: url(capa/bt_ok.gif) no-repeat transparent; /* FUNDO - POSICAO NO TOPO */
COLOR: #000000;
BORDER: 0px;
MARGIN-LEFT: 3px;
FONT-SIZE: 10px;
WIDTH:24px;
HEIGHT:18px;

}

#nome {

BACKGROUND: url();
BACKGROUND-REPEAT: repeat-x 0px 0px;
TEXT-ALIGN: center;
FONT-SIZE: 11px;
WIDTH: 202px;
HEIGHT: 41px;
LINE-HEIGHT: 41px
}

#logo {

BACKGROUND:url(capa/logo.gif) no-repeat #FFFFFF;
MARGIN-LEFT: 15px;
TEXT-ALIGN: center;
WIDTH: 170px;
HEIGHT: 145px;
LIST-STYLE:none; 
DISPLAY:inline;

}

#barratopo {   /******************************** BARRA INFERIOR DO TOPO  ( SEPARADORA DE CONTEUDO ) */

BACKGROUND: url(../capa/linha_h_sombra_top.gif);
BACKGROUND-REPEAT: repeat-x 0px 0px;
WIDTH: 755px;
HEIGHT: 20px;
margin-left:0px;

}

#topmenu{

BACKGROUND:url(capa/busca_fd.gif);
BACKGROUND-REPEAT: repeat-x 0px 0px;
WIDTH: 738px;
HEIGHT: 29px;

}


UL.topmenu { 

BACKGROUND:url() ;
BACKGROUND-REPEAT: repeat-x;
WIDTH:100%;

BORDER-TOP:1px solid #26363E;
BORDER-LEFT:0px solid #ffffff;
BORDER-BOTTOM:0px solid #ffffff;
BORDER-RIGHT:0px solid #ffffff;

MARGIN: 0PX;
PADDING:0;

}
	
UL.topmenu LI {

LIST-STYLE:none; 
DISPLAY:inline;

}
	
UL.topmenu LI A { 

BACKGROUND:url() #C0C0C0;
BACKGROUND-REPEAT: repeat-x;
HEIGHT: 35px;
LINE-HEIGHT:10px;

PADDING-TOP: 13px;
PADDING-LEFT: 11px;
PADDING-BOTTOM: 0px;
PADDING-RIGHT: 11px;
	
BORDER-TOP: 0px solid #26363E;
BORDER-LEFT: 0px solid #26363E;
BORDER-BOTTOM: 0px solid #26363E;
BORDER-RIGHT: 0px solid #26363E;

TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
TEXT-ALIGN: center;

FONT-WEIGHT: bold;
FONT-SIZE: 10px;
FLOAT:left;


}
	
UL.topmenu A:hover{

BACKGROUND:url() #458EB9;
BACKGROUND-REPEAT: repeat-x;
COLOR: #FFFFFF;
TEXT-DECORATION: none;

}


/*********************************** ///// INICIO FORMATA MENU  \\\\\ ***********************************/

#menu{

WIDTH: 210px;  /*  TAMANHO DO MENU  */
MARGIN:0px 0px 0px 0px;

}

#menu UL {

LIST-STYLE: inside url("");  /*  IMG MARCADOR  */
BACKGROUND-COLOR:;
BACKGROUND-IMAGE: url();
BACKGROUND-REPEAT: no-repeat;

PADDING-TOP: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
PADDING-RIGHT: 0px;

BORDER-TOP: 0px solid #ffffff;
BORDER-LEFT: 0px solid #ffffff;
BORDER-BOTTOM: 0px solid #D6D6D6;
BORDER-RIGHT: 0px solid #ffffff;

/* POSICAO */
LIST-STYLE-TYPE: none;
DISPLAY: block;
WIDTH: 0PX;
MARGIN: 0PX;
PADDING:0;
MARGIN-LEFT: 5PX;

}

UL.#menu LI {

LIST-STYLE:none; 
DISPLAY:inline;

}

#menu .menu_bar_topo{

BACKGROUND-COLOR:;
BACKGROUND-IMAGE: url();
BACKGROUND-REPEAT: no-repeat;
COLOR:#096296;
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
MARGIN-BOTTOM: 0px;
PADDING-TOP: 10px;
PADDING-BOTTOM: 5px;
PADDING-LEFT: 0px;
DISPLAY: block;
TEXT-TRANSFORM: uppercase;
FONT-WEIGHT: bold;

}

#menu .menu_bar_botao{

BACKGROUND: url("") no-repeat-x ;
WIDTH: 160PX;
HEIGHT: 25PX;
COLOR:#FFFFFF;
MARGIN-TOP: 0px;
MARGIN-LEFT: 16px;
MARGIN-BOTTOM: 0px;

PADDING-TOP: 10px;
PADDING-BOTTOM: 10px;
PADDING-LEFT: 5px;
DISPLAY: block;

TEXT-TRANSFORM: uppercase;
FONT-WEIGHT: bold;

}


#menu UL LI {

BACKGROUND-COLOR:;
BACKGROUND-IMAGE: url();
BACKGROUND-REPEAT: no-repeat;

FONT-SIZE: 11px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
WIDTH: 160px;  /*  LARGURA DO BOTAO  */
HEIGHT: 17px;  /*  ALTURA DO BOTAO  */
PADDING-TOP: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 1px;
PADDING-RIGHT: 5px;

BORDER-TOP: 0px solid #ffffff;
BORDER-LEFT: 0px solid #ffffff;
BORDER-BOTTOM:1px solid #D6D6CE;  /*  COR DA LINHA DIVISORIA  */
BORDER-RIGHT: 0px solid #ffffff;
DISPLAY: block;

}

#menu UL LI A { 

BACKGROUND-COLOR:;
BACKGROUND-IMAGE: url();
BACKGROUND-REPEAT: no-repeat;
COLOR:#606060;
TEXT-DECORATION: none;

}

#menu UL LI A:hover { 

BACKGROUND-COLOR:;
BACKGROUND-IMAGE: url();
BACKGROUND-REPEAT: no-repeat;
COLOR:#C0C0C0;
TEXT-DECORATION: none;

}

/*********************************** ///// INICIO FORMATA MENU  - FERRAMENTAS \\\\\ ***********************************/

#ferramentas{

BACKGROUND:url() #ECECE3;
BACKGROUND-REPEAT: repeat-x;
FONT-SIZE: 11px;
COLOR: #000000;
WIDTH: 160px;

PADDING-TOP: 5px;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 5px;
PADDING-RIGHT: 10px;

}

#ferramentas UL {

LIST-STYLE: inside url("capa/ico_estrela.gif");
BACKGROUND:url() #ECECE3;
BACKGROUND-REPEAT: repeat-x;
WIDTH: 0PX;

PADDING-TOP: 0PX;
PADDING-LEFT: 0PX;
PADDING-BOTTOM: 0PX;
PADDING-RIGHT: 0PX;

BORDER-TOP: 0px solid #ffffff;
BORDER-LEFT: 0px solid #ffffff;
BORDER-BOTTOM: 2px solid #d6d6d6;
BORDER-RIGHT: 0px solid #ffffff;

DISPLAY: BLOCK;
MARGIN: 0PX;

}

#ferramentas UL LI {

BACKGROUND:url() #ECECE3;
BACKGROUND-REPEAT: repeat-x;
FONT-WEIGHT: bold;
COLOR: #C23A12;
WIDTH: 160PX;

DISPLAY: BLOCK;
PADDING-RIGHT: 10PX;
PADDING-LEFT: 10PX; /******************************** DISTANCIA ICONE - NOME */
PADDING-BOTTOM: 5PX;
PADDING-TOP: 5PX;

BORDER-TOP: 0px solid #ffffff;
BORDER-LEFT: 0px solid #ffffff;
BORDER-BOTTOM: 0px solid #ffffff;
BORDER-RIGHT: 0px solid #ffffff;


}

#externos {
 
BACKGROUND:url() ;
BACKGROUND-REPEAT: repeat-x;
WIDTH: 160px;
HEIGHT: 105px;
/*LINE-HEIGHT: 105px;*/

}


/*********************************** ///// INICIO FORMATA INF  \\\\\ ***********************************/


#inflogo {

BACKGROUND: url() ;
BACKGROUND-REPEAT: repeat-x;
TEXT-ALIGN: center;
LIST-STYLE:none; 
DISPLAY:inline;


}

#barrainftop {   /******************************** BARRA SUPERIOR DO INF  ( SEPARADORA DE CONTEUDO - MENU INF - URL ) */

BACKGROUND: url() #0075E6; /* PLANO DE FUNDO */
BACKGROUND-REPEAT: repeat-x 0px 0px;
MARGIN-LEFT:0px;

WIDTH: 755px;  /* LARGURA */
HEIGHT: 40px;  /* ALTURA */
COLOR: #FFFFFF;  /* COR DA FONTE */

}

#barrainf {   /******************************** BARRA INF  ( ENDERECO - LOGO - BY ) */

BACKGROUND: url(../capa/fundo_inf.gif) #0075E6; /* PLANO DE FUNDO */
BACKGROUND-REPEAT: repeat-x;
PADDING-TOP:20px;

TEXT-ALIGN: center;
COLOR: #BFBFB7;  /* COR DA FONTE */
WIDTH: 755px;  /* LARGURA */
HEIGHT: 142px;  /* ALTURA */

}

/*********************************** ///// INICIO FORMATA ITENS DE CONTEUDO E NAVEGACAO  \\\\\ ***********************************/

.titulo{

BACKGROUND-IMAGE: url(capa/ico_seta.gif);  /* ICONE MARCADOR */
BACKGROUND-REPEAT: no-repeat;
BACKGROUND-COLOR: #FFFFFF;

TEXT-TRANSFORM: uppercase;
TEXT-DECORATION: none;
COLOR: #036BB1; /* COR DO TITULO */
FONT-WEIGHT: bold;
FONT-SIZE: 12px;

LINE-HEIGHT: 10PX;
PADDING-LEFT: 20PX;
PADDING-BOTTOM: 5PX;
BORDER-BOTTOM: 2px solid #F2F2F2  /* COR DA LINHA DIVISORIA */

}

.titulo_clean{

FONT-FAMILY: 'Times New Roman', Times, serif;
FONT-SIZE: 2.5em;
FONT-WEIGHT: normal;
COLOR: #036BB1;
MARGIN: 0;
BORDER: none;
PADDING: 0;
LINE-HEIGHT: 120%;

}



UL.icones {

WIDTH:100%;
MARGIN: 0PX;
PADDING:0;
TEXT-ALIGN: right;
PADDING-TOP: 9PX;

}

UL.icones LI {

LIST-STYLE:none; 
DISPLAY:inline;
WIDTH:165px;
TEXT-ALIGN: right;
}

UL.dicones {

WIDTH:100%;
MARGIN: 0PX;
PADDING:0;
TEXT-ALIGN: center;
BORDER-TOP: 2px solid #D6D6CE;  /* COR DA LINHA DIVISORIA */
PADDING-TOP: 10PX;

}

UL.dicones LI {

LIST-STYLE:none; 
DISPLAY:inline;
PADDING-LEFT: 3PX;

}

/*********************************** ///// INICIO FORMATA DESTAQUE DE CAPA \\\\\ ***********************************/

#detalhes {
WIDTH:455px;
FLOAT:left;
MARGIN-LEFT:25px;
}

#detalhes_clean{MARGIN:0px;} /* PARA CONTEUDO COM MOLDURA */



#destaque {

BACKGROUND: url() repeat-x 0px 0px ;
MARGIN-RIGHT:10px;
WIDTH:auto;
HEIGHT: auto;
LIST-STYLE:none; 
DISPLAY:inline;

}

/******************************** FORMATACAO DESTAQUE - POSICIONAMENTO */

#destaque .destaq_div{ MARGIN-LEFT: 10px; MARGIN-BOTTOM: 5px;  }
#destaque .destaq_esq{ BACKGROUND: #FAFAFA; FLOAT: left; HEIGHT:245px; }
#destaque .destaq_centro{ BACKGROUND: #FAFAFA; MARGIN-LEFT:8px; FLOAT: left; HEIGHT:245px;}
#destaque .destaq_dir{ BACKGROUND: #FAFAFA; FLOAT: right; HEIGHT:245px;}

#destaque .barrap {   /******************************** BARRA TITULO DESTAQUE P */

BACKGROUND: url(capa/barra_dest.gif) repeat-x 0px 0px ;
COLOR: #FFFFFF;
FONT-SIZE: 10px;
TEXT-TRANSFORM: uppercase;
FONT-WEIGHT: bold;
PADDING: 3px 0px 5px 20px;
WIDTH:170px;
HEIGHT: 20px;

}

#destaque .barrag {   /******************************** BARRA TITULO DESTAQUE G */

BACKGROUND: url(capa/barra_dest.gif) repeat-x 0px 0px ;
COLOR: #FFFFFF;
FONT-SIZE: 11px;
TEXT-TRANSFORM: uppercase;
PADDING: 3px 0px 5px 20px;
WIDTH:348px;
HEIGHT: 20px;

}


#destaque .dest_data {   /******************************** FORMATACAO DATA - GERAL  */
BACKGROUND:url(capa/ico_setap.gif) no-repeat left center;
COLOR: #036BB1;
FONT-WEIGHT: bold;
PADDING: 5px 0px 0px 10px;
MARGIN: 5px 0px 0px 0px;
WIDTH:100px;
}

#destaque .dest_fotog {   /******************************** FOTO DESTAQUE FOTOG + TEXTO */
BACKGROUND:url() #FFFFFF;
PADDING: 2px 2px 2px 2px;
MARGIN: 5px 0px 10px -3px;
BORDER: 1px solid #036BB1;
WIDTH:151px;
}

#destaque .destaq_fotop{   /******************************** FOTO DESTAQUE FOTOP LATERAL + TEXTO */
FLOAT: left;
BORDER: 1px solid #036BB1;
MARGIN: 10px 0px 10px 2px;
PADDING: 2px 2px 2px 2px;

}

#destaque .destaq_textop{ MARGIN-TOP:13px; MARGIN-LEFT:8px; FLOAT: left; }
#destaque .destaq_textopp{ FONT-SIZE:10px; FONT-VARIANT: small-caps; WIDTH:95px; MARGIN-TOP:13px; MARGIN-BOTTOM:13px; MARGIN-LEFT:8px; FLOAT: left; }
#destaque .destaq_textot{ COLOR: #036BB1; FONT-WEIGHT: bold; }


#destaque UL  {

LIST-STYLE: inside url("capa/ico_setap.gif") no-repeat left center;
WIDTH:100%;
DISPLAY: BLOCK;
MARGIN: 0PX;

}

#destaque UL LI {

COLOR: #036BB1;
DISPLAY: BLOCK;
PADDING: -3px 0px 0px 5px;

}

UL.destaqueul {

LIST-STYLE: inside url("capa/ico_setap.gif") no-repeat center left ;
WIDTH:100%;
DISPLAY: BLOCK;
MARGIN: 0PX;

}

UL.destaqueul LI {

COLOR: #036BB1;
DISPLAY: BLOCK;
PADDING: 0px 0px 0px 0px;

}


/*********************************** ///// SEPARADORES ( H / V )  \\\\\ ***********************************/

.separar{ WIDTH:5px; HEIGHT: 5px; MARGIN: 0px 0px 0px 0px; }
.separarh{ WIDTH:35px; HEIGHT: 35px; MARGIN: 0px 0px 0px 0px; }
.separarp{ HEIGHT: 25px; MARGIN: 0px 0px 0px 0px; }
.separarv{ WIDTH:5px; HEIGHT: 100%; }
.separard{ WIDTH:5px; HEIGHT: 200px; }
.separarc{ display:block; text-align:center; MARGIN:0 auto; }

.separar_hpontos{ WIDTH:229px; HEIGHT: 17px; MARGIN: 0px 0px 5px 0px; }
.separar_hsombra{ WIDTH:229px; HEIGHT: 17px; MARGIN: 0px 0px 5px 0px; }
.separar_hsombrac{ BACKGROUND:url(../capa/linha_h_sombra.gif) no-repeat center top transparent #FFFFFF; WIDTH:100%; HEIGHT: 17px; MARGIN: 0px 0px 5px 0px; }

.separar_vpontos{ BACKGROUND:url(../capa/linha_v_pontos.gif) repeat-x #FFFFFF; WIDTH:9px; HEIGHT: 164px; }
.separar_vsombra{ BACKGROUND:url(../capa/linha_v_sombra.gif) no-repeat #FFFFFF; WIDTH:17px; HEIGHT: 229px;}
.separar_titulo { MARGIN-TOP:25px; MARGIN-BOTTOM:25px; BORDER-BOTTOM:3px solid #F2F2F2; }

/*********************************** ///// INICIO FORMULARIOS GERAIS \\\\\ ***********************************/


INPUT {   /******************************** CAMPO TEXTO */

FONT-FAMILY: tahoma, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
PADDING-TOP: 2px;
PADDING-LEFT: 2px;
BORDER-TOP: #a0d9fb 1px solid;
BORDER-LEFT: #a0d9fb 1px solid;
BORDER-BOTTOM: #a0d9fb 1px solid;
BORDER-RIGHT: #a0d9fb 1px solid;
WIDTH: 105px;

}

SELECT {   /******************************** CAMPO ( DROP - SELECT - COMBO - COMBO BOX ) */

FONT-FAMILY: tahoma, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
BORDER-TOP: #a0d9fb 1px solid;
BORDER-LEFT: #a0d9fb 1px solid;
BORDER-BOTTOM: #a0d9fb 1px solid;
BORDER-RIGHT: #a0d9fb 1px solid;
WIDTH: 150px;

}

TEXTAREA {   /******************************** TEXTAREA ( CAIXA DE TEXTO ) */

FONT-FAMILY: tahoma, verdana, helvetica, sans-serif;
FONT-SIZE: 11px;
BORDER-TOP: #a0d9fb 1px solid;
BORDER-LEFT: #a0d9fb 1px solid;
BORDER-BOTTOM: #a0d9fb 1px solid;
BORDER-RIGHT: #a0d9fb 1px solid;
PADDING: 5px 5px 5px 5px;
WIDTH: 350px;
HEIGHT: 155px;

}

.form_convite input{
width:100%;
}

.end_convite input{
width:90%;
}

.campo_convite input{
width:70%;
}

.botao_convite input{
border:none;
}