/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;font-style:normal;font-weight:normal;}
address,th,{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none;}
a{text-decoration:none;}
a:focus{outline:none;}
.left{float:right;}

body{
margin:0 auto;
text-align:center;
background:#fff url(../img/bg_body.gif);
font-family:Tahoma,Arial, Helvetica, sans-serif;
font-size:11px;
}

a{
color:#000;
}

a:hover{
color:#000;
}

a:visited{
color:#000;
}

/*=========================================================MENU PRINCIPAL====================================*/

#menu {
float:left;
text-align:left;
width:233px;
/*height:540px;*/
}

/* remove all the bullets, borders and padding from the default list styling */
#menu ul {
width:207px;
background:url(../img/bg_menu_princ.gif) repeat-y;
margin-left:8px;
}
/* hack for IE5.5 */
/** html #menu ul {margin-left:-16px; ma\rgin-left:0;}*/
/* position relative so that you can position the sub levels */
#menu ul li {
position:relative;
height:30px;
}

/* get rid of the table */
#menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}


#menu ul li a, #menu ul li a:visited {
display:block; 
height:30px;
width:207px;
color:#666;
background:none;
padding-left:10px;
font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
font-size:16px;
}
/* hack para IE5.5 */
_#menu ul li a, _#menu ul li a:visited {
background:none;
width:207px;
w\idth:206px;
padding-left:10px;
font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
font-size:16px;
  }
  
_#menu ul li a:hover {
color:#000; 
background:#F2F2F2;
}

#menu ul li a:hover {
color:#000; 
background:#F2F2F2;
}


/*ocultar os subniveis*/
#menu ul ul {
visibility:hidden;
position:absolute;
top:0;
left:206px;
background:url(../img/bg_menu_princ.gif) repeat-y; 
}
/*faz o subnivel aparecer*/
#menu ul li:hover ul,
#menu ul a:hover ul {
visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
#menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#menu ul :hover ul :hover ul{ 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
}
/*=====================================================BOTŐES HOME / EMAIL / RESTRITO========================================*/
#menu_sec{
z-index:1
}
/*#menu_sec ul{
margin-top:90px;
}
*/

#menu_sec ul li {
float:left;
}

#menu_sec ul li a{
width:40px;
height:25px;
background:no-repeat 0px -25px;
display:block;
text-indent:-5000px;

 }

#menu_sec ul li a.home{
background:url(../img/bt_home.gif);
}

#menu_sec ul li a.email{
background:url(../img/bt_email.gif);
}

#menu_sec ul li a.restrita{
width:30px;
background:url(../img/bt_restrita.gif);
}

#menu_sec ul li a:hover{
background-position:0px 0px;
 }


p.data_princ{/* Data da manchete principal*/
font-size:10px;
color:#ccc;
}

span.data_noticia{/* Data das noticas da index no quadro cinza*/
color:#aaa;
font-size:10px;
}


/*===============================================TÍTULOS E PARAGRAFOS==============================================*/
h1.index{
display:none;
}

h1{
font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
font-size:22px;
color:#306;
}

h1.noticias{
background:#fff url(../img/bg_h2_noticias.gif) no-repeat;
width:100%;
height:36px;
}

h1.maisnoticias{
font-size:18px;
}

h2{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}

h2.maisnoticias{
font-size:18px;
font-weight:bold;
color:#666;
}

p.cinza{
color:#000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
}
p.emailenviado{
margin:200px 0 0 80px;
}

/*=========================================================Estrutura===================================================*/
#flash{
width:530px;
height:115px;
float:right;
margin-right:5px;
}

#conteudo{
width:381px;
min-height:500px;
float:right;
text-align:left;
}
/*=========================================================Rodape===================================================*/
#rodape{
width:770px;
height:25px;
background:#e8e8e8;
text-align:right;
color:#666;
font-size:10px;
padding-top:15px;
border-bottom:2px #fff solid;
margin:0 auto;
}

#rodape img{float:right;
margin-right:20px;
text-align:right;
}
#rodape p {margin:0 0 0 20px;}
/*======================================================COLUNA DIREITA======================================================*/
#coluna_direita{
width:136px;
float:right;
margin:0 5px 0 10px;

}

#news{
height:170px;
float:left;
width:150px;
padding:10px;
}
#news{
height:170px;
float:left;
width:150px;
padding:10px;
}
#news2{
height:170px;
width:200px;
margin:10px 0 0 10px;
}

#enquete{
padding:10px;
text-align:left;
}

#enquete p{
margin-top:10px;
text-align:left;
}

/*========================================================CONTEUDO CENTRAL==================================================*/
#principal{
background:#FFF;
width:370px;
min-height:600px;
padding:10px 0 0 10px;
_width:350px;
_height:600px;
_padding:10px 0 0 10px;

}

/*========================================================NOTICIAS==================================================*/


#noticias{
background:url(../img/bg_noticias.jpg) repeat-x;
width:380px;
min-height:600px;
}

#noticias_conteudo{
width:360px;
margin:10px;
}

img.noticias{
border:#fff solid 6px;
margin-bottom:10px;
}



/*========================================================MAIS NOTICIAS==================================================*/
#maisnoticias{
background:#F8F8F8;
width:320px;
min-height:30px;
margin:10px;
padding:10px;
color:#000;
}

#maisnoticias ul li{
margin-left:15px;
margin-bottom:5px;
}


#maisnoticias ul li a{
color:#000;
}

#maisnoticias ul li a:visited{
color:#000;
}

#maisnoticias ul li a:hover{
text-decoration:underline;
}
/*========================================================INFORMATIVO==================================================*/
#informativo{
height:130px;
padding:10px;
}

#informativo img{
float:left;
margin-right:10px;
}



/*========================================================AREA RESTRITA==================================================*/

#area_restrita{
width:213px;
height:115px;
float:left;
text-align:left;
padding:10px;
}

#area_restrita_cinza p{
text-align:left;
margin:0 10px;

}

#area_restrita_cinza{
background:#e8e8e8;
width:200px;
height:115px;
margin:0 auto;
text-align:right;
}





/*=========================================================FORMULÁRIOS====================================================*/

input{
background:#fff;
border:#666 double 1px;
color:#666;
font:11px;
}

input.botao{
background:#eee;
border:#ddd solid 1px;
height:27px;
}

.semborda{
border:none;
}

/*========================================================PUBLICIDADE==========================================*/

/*BANNERS 120X60*/

p.publi_120x60{
width:120px;
height:60px;
background:#eee;
margin:0 0 5px 5px;
}


#publicidade{
width:468px;
height:60px;
margin:15px 0 10px 35px;

}

#banner_rodape{
width:468px;
height:255px;
margin:40px 35px 40px 35px;
float:right;
_margin-right:15px;
}