@charset "utf-8";
/* CSS Document */

body, div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
body{
	background:url(images/bgbody.png) 0 0 repeat #fff;
	color: #666666/*#5F7A77*/; font:10px/16px Arial, Helvetica, sans-serif;}
img{border:none}	
table{ width:auto; height:auto}

/*----MAIN PANEL -----------------------*/	
#mainPan{width:862px; position:relative; margin:3% auto;}
ul{list-style-type:none}


/*---- HEADER -----------------------*/	
#header{
	width:862px;height:85px;
	margin:0 auto; display:block;
	background:url(images/header.png);}

#header #headerBanner{
	width:398px;height:auto;
	margin:20px 6% auto auto;
	float: right;}


#LogUser{
	float:left; width:362px;height:auto;
    margin:25px 0 0 50px;}

.LetrasMaiusculas{
	text-transform:uppercase;}    
    
/*----HEADER NAV -----------------------*/	
#headerNav{
	width:862px; height:181px; margin:0 0; text-align:left;
	background:url(images/bgbanner.png) 0 0 no-repeat;}
	
#headerNav ul.headerLeftNav{
	display:block; float:left;
	width:167px; height:auto;padding-left:108px;}
	
#headerNav ul.headerLeftNav li{
	position:relative; display:list-item;
	width:137px; height:auto; margin:0 15px;
	border-bottom:1px dotted #D9F2F0;
	font:11px Verdana, Arial, Helvetica, sans-serif;}
	
#headerNav ul.headerLeftNav li:hover{
	border-bottom:1px dotted #0067AF;}
	
#headerNav ul.headerLeftNav li.endNav{
	border:none;}	

#headerNav ul.headerLeftNav li a{
	line-height:23px; margin-top:2px;padding:0 0 0 15px;
	background:url(images/bullet-normal.gif) 0 2px no-repeat #fff; 
	color:#305E5C; text-decoration:none; }
		
#headerNav ul.headerLeftNav li a:hover{
	line-height:23px;padding:0 0 0 15px;
	background:url(images/bullet-hover.gif) 0 2px no-repeat #fff; 
	color:#0067AF;  text-decoration:none; }	

#headerNavBanner{
	width:536px;height:164px;
	margin:auto 11px 17px 0;}
	
	
/* BODY PANEL -----------------------*/	
#bodyPan{
	width:862px; position:relative;	margin:0 0;
	background:url(images/bgbodypan.png) 0 0 repeat-y;}

.colLogo,.colNews,.colText{ vertical-align:top;}

#bodyPan .colLogo{width:108px;height:auto;}
#bodyPan .colLogo img{margin-left:22px;}


/*----News----*/
.colNews{
	margin:0px; padding:0px;
	width:167px; height:auto;}
	
.colNews h1{
	display:block; position:relative; height:auto;
	margin:0 15px; padding:0 0 0 15px;
	background:  url(images/bgNewsH1.png) left 0 no-repeat;
	font:12px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#305E5C;}
    
.colNews h2{
	display:block;position:relative;
    margin-top:10px;padding-left:18px;
	background:url(images/bgH2.png) left bottom no-repeat;	
	font:9px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#477702;}
    
.colNews h3{
	display:block;position:relative;
	font:10px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;}

    
.colNews p{
	margin-bottom:5px;
	display:block; position:relative;
	font:9px Verdana, Arial, Helvetica, sans-serif;}

.colNews ul.headerLeftNav{
	display:block;
	width:167px; height:auto;
	margin-bottom:15px;}
	
.colNews ul.headerLeftNav li{
	position:relative; display:list-item; padding:0px;
	width:137px; height:auto; margin:0 15px;
	border-bottom:1px dotted #D9F2F0;
	font:11px Verdana, Arial, Helvetica, sans-serif;} 
	
.colNews ul.headerLeftNav li:hover{
	border-bottom:1px dotted #0067AF;}
	
.colNews ul.headerLeftNav li.endNav{
	border:none;}	

.colNews ul.headerLeftNav li a{
	line-height:23px; margin-top:2px;padding:0 0 0 15px;
	background:url(images/bullet-normal.gif) 0 2px no-repeat #fff; 
	color:#305E5C; text-decoration:none; }
		
.colNews ul.headerLeftNav li a:hover{
	line-height:23px;padding:0 0 0 15px;
	background:url(images/bullet-hover.gif) 0 2px no-repeat #fff; 
	color:#0067AF;  text-decoration:none; }	

.colNews ul.headerLeftNav li img{
	position:relative;float:right; margin:3px 0 0 5px;}	

.colNews ul.headerLeftNav  h1{
	display:block; position:relative; height:auto;
	margin:0 15px; padding:0 0 0 15px;
	background:  url(images/bgNewsH1.png) 0px no-repeat;
	font:12px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#305E5C;}

    

/*---- Col Texto----*/
#bodyPan .colText{
	width:536px;height:auto; padding-right:50px;
	border-left:1px solid #D8F1EF;}
	
#bodyPan  #Texto{
	margin:0 15px;}	

#bodyPan  #Texto h1{
	margin:25px  0 10px 0; padding-left:18px;
	border-bottom:1px dotted #0067AF;
	background:url(images/bgH1.png) left bottom no-repeat;
	font:18px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#0067AF;}
#bodyPan  #Texto h2{
	margin:20px  50% 10px 0;padding-left:18px;
	border-bottom:1px dotted #477702;
	background:url(images/bgH2.png) left bottom no-repeat;	
	font:15px bold Verdana, Arial, Helvetica, sans-serif;
	color:#477702;}	
#bodyPan  #Texto h3{
	margin:5px 0;padding-left:18px;
	background:url(images/bgH3.png) left top no-repeat;	
	font:12px bold Verdana, Arial, Helvetica, sans-serif;
	color: #000/*#477702*/;}
#bodyPan  #Texto p{
	position:relative; display:block;
	margin: 0  0 5px 20px;}
#bodyPan  #Texto p strong{
	color:#333333;}

#bodyPan  #Texto ul{
	margin:5px  0 5px 0;padding-left:18px;
	color:#333333;}
#bodyPan  #Texto ul li{
	margin:5px  0 5px 0;padding-left:18px;
	background: url(images/bgTextLI.png) left top no-repeat;	
	color:#333333;}


#bodyPan  #Texto img{
	float:right; clear:both;padding:20px;}

#bodyPan p.alerta{
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-weight:900; color:#ff0000;}
    
/* Col Texto Notícias */ 
#noticias{
	width:auto; height:auto;
    margin:0 15px;
    border-bottom:1px dotted #305E5C;}
    
#noticias .tdNoticia{
	width:auto; height:auto; padding:5px 0 2px 0;
	border-bottom:1px dotted #ccc;}	

#noticias h1{
	margin:25px  0 10px 0; padding-left:18px;
	border-bottom:1px dotted #0067AF;
	background:url(images/bgH1.png) left bottom no-repeat;
	font:18px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#0067AF;}
    

#noticias h4{
	border-bottom:1px dotted #0067AF;
	font:10px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#0067AF;}

#noticias .pTituloNoticia{
	margin-right:5px;
	display:block; float:left; width:185px;}  
      
#noticias .pDataNoticia{
	margin-right:5px;
	display:block; float:left; width:75px;} 
    
#noticias .pStatusNoticia{
	margin-right:7px; text-align:center;
	display:block; float:left; width:30px;}
    
#noticias .pResponsavelNoticia{
	margin-right:5px;
	display:block; float:left; width:85px;} 
    
#ListaNoticias{
	text-align:left; height:100%;
	margin:0 15px;} 
    
#ListaNoticias div{
	display: inline-block;
	width:100%; height:auto;
	margin:5px 15px; text-align:left;
} 
    
#ListaNoticias h1{
	margin:25px  0 10px 0; padding-left:18px;
	border-bottom:1px dotted #0067AF;
	background:url(images/bgH1.png) left bottom no-repeat;
	font:18px bold Verdana, Arial, Helvetica, sans-serif; font-weight:900;
	color:#0067AF;}  
    
#ListaNoticias h2{
	display:block; float:left;
	padding-left:18px;
	background:url(images/bgH2.png) left bottom no-repeat;	
	font:10px bold Verdana, Arial, Helvetica, sans-serif;
	color:#477702;}	
         
#ListaNoticias h3{
	padding-left:18px; 
	background:url(images/bgH3.png) left bottom no-repeat;	
	font:12px bold Verdana, Arial, Helvetica, sans-serif;
	color: #000;}
    
#ListaNoticias p{
	line-height:12px;
	position:relative; display:block; float:left;
	margin-left:7px;}
 
	
/*----FOOTER PANEL----*/
#footermainPan{
	height:103px;position:relative; margin:0 auto; clear:both; padding:40px 0 0; 
	background:url(images/footer.png) 0 0 no-repeat; color:#333333;
	font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; }
#footerPan{width:778px; position:relative; margin:0 auto; }
#footerPan p{width:608px; height:20px; position:relative; margin:0 auto;text-align:center;}
#footerPan p a{padding:0 0 0 5px; color:#0067AF; text-decoration:none;}
#footerPan p a:hover{text-decoration:underline;}
	

