@charset "utf-8";
/* Hiro Ferreira - Engnet Consultoria e Implementações - Cel.: 55-61-9111.8168 -  http://www.engnetconsultoria.com.br    */

body {
margin:0;
padding:0;
font-family:Tahoma;
color:#666666;
font-size:11px;
background:url(images/background.jpg) repeat-x top;
}
a:link {
	text-decoration: none;
	font-family:Tahoma;
	font-size:11px;
	color:#990000;
}
a:visited {
	text-decoration: none;
	font-family:Tahoma;
	font-size:11px;
	color:#990000;
}
a:hover {
	text-decoration: none;
	font-family:Tahoma;
	font-size:11px;
	color:#FF2424;
}
a:active {
	text-decoration: none;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
}
#tudo{
margin-left:auto;
margin-right:auto;
margin-top:16px;
width:770px;
background:#FFFFFF;
}
/* ----------------------------------------------------------inicio topo---------------------------------------------------------------------------*/
#topo{
width:748px;
height:250px;
background: url(images/topo_background.jpg) no-repeat top;
margin-top:0px;
margin-right:0px;
margin-bottom: 0px;
margin-left: 10px;
}
#topo h2.logo{
padding:0;
border:none;
margin:8px 0 0 14px;
float:left;
position:absolute;
}
#topo h3.crubORG{
background: url(images/topo_crubORGbgMIDDLE.gif) repeat-x;
width:182px;
height:17px;
margin:179px 0 0 280px;
position: absolute;
float:left;
}
#topo h4.crubORGleft{
background:url(images/topo_crubORGbgLEFT.gif);
width:2px;
height:17px;
position:absolute;
float:left;
margin:179px 0 0 278px;
padding:0;
border:none;
}
#topo h4.crubORGright{
background:url(images/topo_crubORGbgRIGHT.gif);
width:2px;
height:17px;
position:absolute;
float:left;
margin:179px 0 0 462px;
padding:0;
border:none;
}
#topo p.crubORGmiddle{
color:#FFFFFF;
font-family:Tahoma;
font-weight:bold;
font-size:13px;
text-align:center;
width:182px;
height:17px;
position:absolute;
float:left;
margin:179px 0 0 278px;
padding:0;
border:none;
}
#topo ul{
float:left;
position: absolute;
margin:216px 0 0 0;
width:521px;
padding:0;
border:none;
display:block;
}
#topo li{
position:relative;
float:left;
list-style:none;
list-style-image:none;
list-style-type:none;
margin-left:15px;
margin-right:15px;
margin-bottom:0;
margin-top:0;
padding:0;
border:none;
display:block;
}
#topo li a{
font-family:Tahoma;
color:#666666;
font-size:11px;
text-decoration: none;
}
#topo li a:hover{
text-decoration: none;
font-family:Tahoma;
font-size:11px;
color:#990000;
}
#topo li.lineMenuTopo{
position:relative;
float:left;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0;
padding:0;
border:none;
background: url(images/topo_line_menu.gif) repeat-y;
width:1px;
height:11px;
}
#topo ul li img.lupaMais{
border:none;
padding:0;
margin:0 0 0 3px;
float:left;
position:relative;
}
#topo ul li img.lupaMenos{
border:none;
padding:0;
margin:0 3px 0 0;
float:left;
position:relative
}
#topo ul li p{
position:relative;
float:left;
margin:0;
padding:0;
border:none;
}
#topo p.pesquisar{
color:#D70000;
font-weight:bold;
height:19px;
position:absolute;
float:left;
margin:213px 0 0 521px;
padding:0;
border:none;
width: 227px;
text-align:left;
}
#topo ul.lupa{
margin:0;
padding:0;
border:none;
list-style:none;
}
#topo ul.lupa li{
margin:0;
padding:0;
border:none;
list-style:none;
float:left;
position:relative;
}
#topo ul.lupa li a span{
display:none;
}
#topo ul.lupa li a:hover span{
display:block;
float:left;
position:absolute;
top: -30px;
left:5px;
background:#FFFFFF;
font:Arial, Helvetica, sans-serif;
color:#666666;
width:105px;
height:15px;
border:1px solid  #666666;
padding:5px;
}
/* ----------------------------------------------------------fim topo---------------------------------------------------------------------------*/
/* ----------------------------------------------------------inicio corpo---------------------------------------------------------------------------*/
#corpo{
padding:0;
margin:0 10px 0 10px;
padding:0;
border:none;
}
/* ----------------------------------------------------------inicio left panel---------------------------------------------------------------------------*/
#leftpan{
position:relative;
float:left;
padding:0;
margin:0 10px 0 6px;
padding:0;
border:none;
width:182px;
z-index:4;
}

#leftpan ul.menuLateral{
border:1px #E2E2E2 solid;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
width:182px;

}
#leftpan ul.menuLateral li{
background:url(images/lefpan_menuLateral_li_background.gif) no-repeat #FFFFFF ;
background-position:bottom;
width:182px;
height:21px;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#leftpan div.helpMENU{
margin:3px 0 0 20px;
padding:0 0 0 0;
border:none;
height:14px;
width:162px;
}
#leftpan div.helpMENU a{
font-family:Tahoma;
color: #006600;
font-size:11px;
text-decoration: none;
}
#leftpan div.helpMENU a:hover{
text-decoration: none;
font-family:Tahoma;
font-size:11px;
color:#666666;
}
#leftpan h2.TopoBox{
width:177px;
height:23px;
font-family:tahoma;
font-size:13px;
color:#FFFFFF;
background: url(images/lefpan_arrowMenu.gif) no-repeat #6C6C6C 171px ;
padding:5px 0 0 6px;
margin:7px 0 3px 0;
}
#leftpan ul.novidades{
border:1px #E2E2E2 solid;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0;
padding:3px 0 0 0;
width:182px;
}
#leftpan ul.novidades li{
background:#FFFFFF url(images/lefpan_crubBall.gif) no-repeat scroll left top;
}
#leftpan ul.novidades li h3.dataNovidades{
margin:0 0 0 18px;
padding:0;
border:none;
font-weight:bold;
font-size:11px;
}
#leftpan ul.novidades li p.novidade{
margin:0 0 0 5px;
padding:0;
border:none;
width:171px;
position:relative;
}
#leftpan ul.novidades li div.VerTodas {
width:128px;
height: 16px;
margin:0 0 0 0;
background:url(images/lefpan_botao_vertodas.gif) no-repeat;
margin:0 auto 0 auto;
}
#leftpan ul.novidades li div.VerTodas:hover {
width:128px;
height: 16px;
margin:0 auto 0 auto;
background:url(images/lefpan_botao_vertodas_hover.gif) no-repeat;
margin:0 auto 0 auto;
}
#leftpan ul.novidades li.verTodas{
background:#FFFFFF;
margin:0 0 10px 0;
}

#leftpan ul.AudioVideo{
border:1px #E2E2E2 solid;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
width:182px;
}
#leftpan ul.AudioVideo li{
margin:6px 12px 13px 12px;
text-align:center;
}
#leftpan ul.AudioVideo li img{
border:none;
margin:0;
padding:0;
}

#leftpan ul.realizacao{
border:1px #E2E2E2 solid;
list-style:none;
list-style-image:none;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
width:182px;
}
#leftpan ul.realizacao li{
margin:6px 4px 2px 4px;
text-align:center;
}
#leftpan ul.realizacao li img{
border:none;
margin:0;
padding:0;
}
/* ----------------------------------------------------------inicio Middle Panel ---------------------------------------------------------------------------*/

#midpan{
float:left;
position:relative;
width:308px;
z-index:3;
}

#midpan h3.mid{
font-weight:bold;
font-size:11px;
font-family:tahoma;
text-align:center;
margin:12px 0 0 0;
padding:0;
border:none;
}
#midpan h2.topbox{
width:302px;
height:23px;
font-family:tahoma;
font-size:13px;
color:#FFFFFF;
background: url(images/lefpan_arrowMenu.gif) no-repeat #6C6C6C 296px ;
padding:5px 0 0 6px;
margin:14px 0 6px 0;
clear:both;
}
#midpan ul.destaques{
list-style:none;
list-style-type:none;
margin:0;
padding:0;
border:none;
width:302px;
}
#midpan ul.destaques li.litext{
margin:8px 0 8px 13px;
background:url(images/midpan_li_arrow.gif) no-repeat left;
padding:0 0 0 12px;
border:none;
position:relative;
}
#midpan ul.destaques li.litext a{
color:#666666;
}
#midpan ul.destaques li.litext a:hover{
color:#990000;
}
#midpan ul.destaques li.lineDestaques{
margin:0 0 0 12px;
border:none;
padding:0 0 0 0;
width:285px;
height:1px;
background:#E2E2E2;
font-size:1px;
position:relative;
}
#midpan ul.destaques li.outrosDestaques{
margin:13px 0 5px 0 ;
border:none;
padding:0 10px 0 0;
width:308px;
text-align:right;
position:relative;
}
#destaqueEsq{
float:left;
position:relative;
width:150px;
border-top: 3px solid #D1D1CF;
margin:10px 0 0 0;
padding:0;
}
#destaqueDir{
float:left;
position:relative;
width:150px;
margin:10px 0 0 8px;
border-top: 3px solid #D1D1CF;
padding:0;
}
h3.dataMidpan{
color:#990000;
font-weight:bold;
font-size:11px;
padding:0;
margin:7px 0 0 0;
border:none;
}
h4.descripitionMidpan{
font-size:11px;
font-weight:bold;
padding:0;
margin:5px 0 0 0;
border:none;
}
h5.leiaMaisDestaques{
text-align:right;
font-size:11px;
font-weight:normal;
}
img.FotoPresidente{
position:relative;
float:left;
margin:0 8px 0 0;
}
p.gluedNoMargin{
margin:0 0 0 2px;
padding:0;
border:none;
}
p.gluedMargin{
margin:0 0 15px 2px;
padding:0 0 0 15px;
border:none;
position:relative;
width:170px;
float:left;
}

/* ----------------------------------------------------------inicio right Panel ---------------------------------------------------------------------------*/

#rightpan{
float:right;
position:relative;
width:225px;
margin:0 4px 0 0;
z-index:2;
}
#rightpan h2.topBoxRight{
width:220px;
height:23px;
font-family:tahoma;
font-size:13px;
color:#FFFFFF;
background: url(images/lefpan_arrowMenu.gif) no-repeat #6C6C6C 210px ;
padding:5px 0 0 6px;
margin:0 0 3px 0;
}
#rightpan ul.publicacoes{
width:194px;
border:1px #E2E2E2 solid;
list-style:none;
margin:0 0 7px 0;
padding:8px 11px 14px 19px;
}
#rightpan ul.publicacoes li{
border:none;
padding:0;
margin:0;
}
#rightpan ul.publicacoes li img.publicacao{
position:relative;
float:left;
margin:0 0 3px 0;
padding:0;
border:none;
width:37px; 
height:56px;
}
#rightpan ul.publicacoes li p.nomePublicacao{
position:relative;
float:left;
margin:0;
padding:0 0 0 21px ;
border:none;
width:136px;
}
#rightpan ul.publicacoes li h3.boold{
font-weight:bold;
font-size:11px;
border:none;
padding:0;
margin:0 1px 0 21px;
float:left;
position:relative;
width:auto;
}
#rightpan ul.publicacoes li div.lineRightPublicacao{
height:1px;
width:128px;
background:#E2E2E2;
clear:both;
margin:3px 0 6px 53px;
}
#rightpan ul.publicacoes li.vertodass{
text-align:right;
}
#rightpan p.newsletter{
padding:4px 3px 7px 4px;
width:217px;
border:1px #E2E2E2 solid;
margin:0 0 9px 0;
}
#rightpan div.lineApoio{
width:128px;
height:1px;
background:#E2E2E2;
margin-left:auto;
margin-right:auto;
}

/* ----------------------------------------------------------inicio rodape ---------------------------------------------------------------------------*/
#rodape{
clear:both;
height:76px;
margin:0;
padding: 16px 0 0 0;
}
