body{
	margin: 0;
	padding: 0;
	color: #5D5D5D;
	background-color: #F5F3EE;
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

a{
	color: #5D5D5D;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

img{
	border: 0;
}

input.campoText, select, textarea{
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: 1px solid #D8D8D8;
}
textarea{
	font-size: 11px;
}
ul, ol, dl{
	margin: 0;
	padding: 0;
}



/************************** areaSite **************************/
#areaSite{
	width: 748px;
	margin: 0;
	padding: 0 10px;
	background: url(img/body_bg.gif) repeat-y left;
}


#areaTopo, #areaMenu, #areaConteudo, #areaRodape{
	margin: 0 auto;
}

/************************** areaTopo **************************/
#areaTopo{
	height: 93px;
}
#areaTopo h1{
	width: 92px;  /*92*/
	height: 77px; /*77*/
	margin: 0;
	padding: 16px 35px 0px 25px; /*6px 24px 0 15px;*/
	background: url(img/logo_yazigi.jpg) no-repeat 15px bottom;
}
#areaTopo h1 a{
	display: block;
	width: 92px;
	height: 77px;
}
#areaTopo h1 span{
	display: none;
}
#areaTopo div.banner{
	float: center;
	width: 460px;
	height: 60px;
	overflow: hidden;
	margin-top: 16px;
	background-color: #E6E1D6;
}



/************************** areaMenu **************************/
#areaMenu{
}

/********* Menu *********/
#areaMenu ul.menu{
	width: 748px;
	height: 66px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: #FFFDF3 url(img/menu_quadro.gif) no-repeat;
}
#areaMenu ul.menu li{
	float: left;
	height: 54px;
	padding: 0;
	background-color: #FFF;
	background-position: center;
	background-repeat: no-repeat;
}
#areaMenu ul.menu li a{
	display: block;
	width: 100%;
	height: 54px;
}
#areaMenu ul.menu li span{
	display: none;
}
#areaMenu ul.menu li.ativo{
	background-color: #AEF1BF;
}

/********* Submenu *********/
#areaMenu ul.submenu{
	width: 748px;
	height: 21px;
	padding: 6px 0px 0px 1px;
	margin: 0;
	list-style: none;
	background: #FFFDF3 url(img/menu_quadro.gif) no-repeat bottom;
}
#areaMenu ul.submenu li{
	display: inline;
	margin: 0 0 0 3px;
	padding: 0;
}
#areaMenu ul.submenu li a{
	font-size: 110%;
	color: #289247;
	padding: 3px 0;
}
#areaMenu ul.submenu li a span{
	padding: 3px;
	margin-left: 2px;
}
#areaMenu ul.submenu li a:hover{
	background: url(img/submenu_hover_dir.gif) no-repeat left;
	text-decoration: none;
}
#areaMenu ul.submenu li a:hover span{
	background: url(img/submenu_hover_esq.gif) no-repeat right;
	background-color: #ADF1BE;
}

#areaMenu ul.submenu li.ativo a{
	background: url(img/submenu_hover_dir.gif) no-repeat left;
	text-decoration: none;
}
#areaMenu ul.submenu li.ativo a span{
	background: url(img/submenu_hover_esq.gif) no-repeat right;
	background-color: #ADF1BE;
}


/********* areaLogado *********/
#areaLogado{
	padding-top: 10px;
}
#areaLogado a.logout{
	float: right;
	display: block;
	text-decoration: none;
}
#areaLogado a.logout span{
	cursor: pointer;
	display: block;
	color: #FFF;
	text-align: center;
}


/************************** areaConteudo **************************/
#areaConteudo{
	clear: both;
	width: 728px; /*728*/
	padding: 10px 10px 0 10px;
	font-size: 11px;
}
#areaConteudo p{
	margin: 0 0 10px 0;
}

.quadroImagem{
	float: left;
	width: 165px;
	height: 263px;
	margin-right: 7px;
}
.quadroImagem span{
	position: absolute;
	width: 165px;
	height: 263px;
	background: url(img/quadro_img_vertical.gif);
}
.quadroImagem img{
	width: 153px;
	height: 249px;
	margin: 6px;
}

.quadroImagemH{
	float: center;
	width: 135px;
	height: 160px;
	margin-right: 7px;
}
.quadroImagemH span{
	position: absolute;
	width: 135px;
	height: 160px;
	background: url(img/quadro_img_horizontal.gif);
}
.quadroImagemH img{
	width: 125px;
	height: 150px;
	margin: 5px;
}


h3{
	margin: 0 0 10px 0;
	font-size: 130%;
}
h4{
	margin: 0 0 10px 0;
	color: #578DB2;
	font-size: 180%;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
h4 span{
	color: #515151;
	font-size: 60%;
	letter-spacing: normal;
}
h5{
	clear: both;
	margin: 0 0 10px 0;
	padding-top: 10px;
	_padding-top: 0;
	color: #F5973B;
	font-size: 180%;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.botao{
	border: 0;
	cursor: pointer;
	background-color: transparent;
}
.botao:hover{
	text-decoration: none;
}
.btVoltar{
	display: block;
	clear: both;
	width: 35px;
	margin-top: 20px;
	padding: 1px 9px 1px 20px;
	color: #FFF;
	font-size: 120%;
	background: #65CB83 url(img/icn_seta_dir.gif) no-repeat 9px center;
}
.btVoltar:hover{
	text-decoration: none;
}
.btSeta{
	padding: 1px 8px 1px 20px;
	color: #FFF;
	background: #65BDCB url(img/icn_seta_esq.gif) no-repeat 9px center;
}
p.separa{
	clear: both;
	width: 100%;
	height: 17px;
	margin: 0;
	font-size: 0;
	background: url(img/ponto_verde.gif) repeat-x left 8px;
}
span.quebra{
	clear: both;
	display: block;
	height: 1px;
	font-size: 0px;
}

div.quadroBorda{
	clear: both;
	width: 100%;
	margin-bottom: 10px;
	background-color: #FFFDF3;
}
div.quadroBorda .topo,
div.quadroBorda .rodape{
	clear: both;
	width: 100%;
	height: 2px;
	font-size: 0;
	background-repeat: no-repeat;
}
div.quadroBorda .topo span,
div.quadroBorda .rodape span{
	float: right;
	width: 90%;
	height: 2px;
	background-repeat: no-repeat;
}
div.quadroBorda .topo{
	background-position: left top;
	background-image: url(img/quadro_borda_topo.gif);
}
div.quadroBorda .topo span{
	background-position: right top;
	background-image: url(img/quadro_borda_topo.gif);
}
div.quadroBorda .rodape{
	background-position: left bottom;
	background-image: url(img/quadro_borda_rodape.gif);
}
div.quadroBorda .rodape span{
	background-position: right bottom;
	background-image: url(img/quadro_borda_rodape.gif);
}
div.quadroBorda .centro{
	margin: 0;
	padding: 0 10px;
	border-left: 1px solid #D4D2CB;
	border-right: 1px solid #D4D2CB;
}

div.quadroSolido{ 
	background-color: #CFEFDA;
}
div.quadroSolido .topo,
div.quadroSolido .rodape{
	clear: both;
	height: 2px;
	font-size: 0;
	background-position: left;
	background-repeat: no-repeat;
}
div.quadroSolido .topo{
	background-image: url(img/quadro_solido_topo_dir.gif);
}
div.quadroSolido .rodape{
	background-image: url(img/quadro_solido_rodape_dir.gif);
}
div.quadroSolido .topo span,
div.quadroSolido .rodape span{
	float: right;
	width: 2px;
	height: 2px;
	background-position: right;
	background-repeat: no-repeat;
}
div.quadroSolido .topo span{
	background-image: url(img/quadro_solido_topo_esq.gif);
}
div.quadroSolido .rodape span{
	background-image: url(img/quadro_solido_rodape_esq.gif);
}
div.quadroSolido .centro{
	padding: 0 5px;
}
div.quadroSolido .separa{
	height: 1px;
	border-bottom: 1px solid #FFF;
}



div.areaDescricao img{
	float: left;
	width: 92px;
	padding: 5px;
	border: 1px solid #D5D2CB;
}
div.areaDescricao b{
	display: block;
	color: #289247;
	font-size: 110%;
	font-weight: normal;
	padding-bottom: 8px;
}
div.areaDescricao div.areaTexto{
	float: left;
	width: 600px;
	padding-left: 8px;
}
div.areaDescricao a.botao{
	float: right;
	color: #FFF;
	font-size: 90%;
	padding: 1px 5px 1px 20px;
	background: #65BECC url(img/icn_seta_esq.gif) no-repeat 5px center;
}

div.formForum form.formulario{
	width: 353px;
	height: 300px;
	margin: 0 0 30px 0;
	padding: 12px 376px 0 0;
	background: url(img/ex_seja_membro.jpg);
}


form.formulario{
	width: 353px;
	height: 200px;
	margin: 0 0 30px 0;
	padding: 12px 376px 0 0;
	background: url(img/ex_seja_membro.jpg);
}
form.formulario label{
	float: left;
	clear: left;
	display: block;
	width: 120px;
	padding-top: 4px;
	padding-bottom: 1px;
	text-align: right;
}
form.formulario input.botao{
	clear: both;
	float: right;
	width: 40px;
	height: 20px;
	margin-right: 10px;
	padding: 0 0 10px 0;
	font-size: 9px;
	color: #FFF;
	background: url(img/bt_balao.gif) no-repeat left top;
}
form.formulario input.campoText{
	width: 220px;
	margin-bottom: 7px;
}
form.formulario input.campoText{
	width: 220px;
	margin-bottom: 7px;
}
form.formulario input.senha{
	width: 120px;
}
form.formulario select{
	margin-bottom: 7px;
}
form.formulario select.ano{
	margin-right: 90px;
}
form.formulario textarea{
	width: 220px;
	height: 80px;
	margin-bottom: 7px;
}


/************************** areaRodape **************************/
#areaRodape{
	clear: both;
	padding: 40px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#areaRodape a{
	color: #6A6A6A;
}
#areaRodape ul{
	margin: 0;
	padding: 0;
}
#areaRodape li{
	display: inline;
	list-style: none;
	padding-left: 8px;
	margin-left: 8px;
	border-left: 1px solid #6A6A6A;
}
#areaRodape li.item1{
	padding-left: 0px;
	margin-left: 0px;
	border-left: 0;
}


/************************** areaPopup **************************/
#areaSitePopup{
	width: 560px;
	margin: 0 auto;
	padding: 0 11px;
	background: url(img/body_bg.gif) repeat-y left;
}


#areaConteudoPopup{
	clear: both;
	width: 540px;
	padding: 10px 10px 10px 10px;
	font-size: 11px;
}



/******************* Area de noticias da pagina home *******************/

#selecionaNoticiaHome_div{
	BORDER: #8CB492 2px dotted;
	background-color:#FFFFFF;
}
a.selecionaNoticiaHome{
	font-size:18px;
	text-decoration:none;
	color:#8CB492;
	font-weight:bold;
}
a.selecionaNoticiaHome:hover{
	color:#FFFFFF;
	background-color: #8BA9D8;
	cursor:default;    
	cursor:hand;
}
a.selecionaNoticiaHome_atual{
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #8BA9D8;
	font-weight:bold;
}
a.selecionaNoticiaHome_atual:hover{
	font-size:18px;
	text-decoration:none;
	color:#FFFFFF;
	background-color: #8BA9D8;
	font-weight:bold;
	cursor:default;    
	cursor:hand;  
}
/************ Feedback ***************/

  #texto {
            font: 12px arial, verdana, helvetica, sans-serif;
          /* margin-top:250px;*/
           /* text-align:center;*/
       }
      a.dcontexto{
            position:relative;
            font:12px arial, verdana, helvetica, sans-serif;
          /* padding:0;*/
          /* color:#000;*/
             text-decoration:none;
          /* text-decoration:underline;*/
          /* border-bottom:2px dotted #039;*/
          /* cursor:help;*/
             z-index:50;
           /*font-weight:bold;*/
       }
       a.dcontexto:hover{
           background:transparent;
            text-decoration:none;
            z-index:55;
       }
       a.dcontexto span{
            display:none;
       }
       a.dcontexto:hover a {
            text-decoration:none;
            display:block;
            position:absolute;
            width:250px;
            
          font: 12px arial, verdana, helvetica, sans-serif;
                       
      
           border:1px solid #999;
       
           background-color:#FFFFB3;
       
           color:#000000;
         
           /* font-weight:bold*/
      }
            

       a.dcontexto:hover span {
            text-decoration:none;
            display:block;
          position:absolute;
            width:250px;
         /* top:2em;*/
          /*text-align:justify;*/
          /*left:-7em;*/
            
          font: 12px arial, verdana, helvetica, sans-serif;
                       
        /* padding:5px 10px;*/
           border:1px solid #999;
        /* background:#000000;*/
           background-color:#FFFFB3;
         /*color:#FFF;*/
           color:#000000;
         
           /* font-weight:bold*/
      }
       a.dcontexto font {                                     

            font-family:Monotype Corsiva;                     
          
            color:#000000;        
           
         }

      
       div.dcontexto2 {
            position:relative;
            font:12px arial, verdana, helvetica, sans-serif;         
            text-decoration:none;        
            z-index:50;
          
       }

      div.dcontexto2 :hover{
           background:transparent;         
           z-index:55;
       }

       div.dcontexto2 a span{
            display:none
       }
        a.dcontexto2:hover a {         
            display:block;
            position:absolute;
            width:250px;          
            font: 12px arial, verdana, helvetica, sans-serif;                          
            border:1px solid #999;      
            background-color:#FFFFB3;      
            color:#000000;
         
        
      }
      div.dcontexto2 a:hover span {
         
            display:block;
            position:absolute;
            width:250px;                  
            font: 12px arial, verdana, helvetica, sans-serif;                            
            border:1px solid #999;      
            background-color:#FFFFB3;       
            color:#000000;
         
           
      }

       div.dcontexto2 font {                                     

            font-family:Monotype Corsiva;                               
            color:#000000;