@charset "ISO-8859-1"; /*** Código que corrige a acentuação ***/
/* CSS Document */
/* Configurações gerais ---------------------------------------------------------------------------------------------- */
* { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
hr { 
display : none; 
} 
img { 
border : none; 
} 
body { 
background : #444 url(img/bg_body.gif);
}
#geral { 
width : 960px;
margin : 0 auto; 
background : url(img/fundo_geral.jpg); 
}


/* Lateral Menu ---------------------------------------------------------------------------------------------- */
#geral #lateral_menu{ 
width : 230px;
height: 595px; 
background : url(img/lateral_menu.jpg) no-repeat; 
float: left;
}
#geral #lateral_menu #logotipo{ 
width : 182px;
height: 117px;
margin: 15px 0 0 23px;
}
#geral #lateral_menu #menu{
width : 140px;
height: 117px;
margin: 50px 0 0 75px;
}
#geral #lateral_menu #menu ul li{
text-align: right;
border-right: 4px solid #FFCC00;
margin-top: 5px;
}
#geral #lateral_menu #menu ul li.item_1{
border-right: 4px solid #FFCC00;
}
#geral #lateral_menu #menu ul li.item_2{
border-right: 4px solid #FF9900;
}
#geral #lateral_menu #menu ul li.item_3{
border-right: 4px solid #00CC00;
}
#geral #lateral_menu #menu ul li.item_4{
border-right: 4px solid #3399FF;
}
#geral #lateral_menu #menu ul li.item_5{
border-right: 4px solid #0000CC;
}
#geral #lateral_menu #menu ul li.item_6{
border-right: 4px solid #6600FF;
}
#geral #lateral_menu #menu ul li a{
font : 11px verdana, arial, tahoma;
color : #ccc;
text-decoration: none;
text-align: right;
border-bottom: 1px solid #888;
display: block;
padding: 0 15px 0 0;
height: 15px;
}
#geral #lateral_menu #menu ul li a:hover{
background: #9EBBF1;
color : #000;
}
/* Lateral Conteudo ----------------------------------------------------------------------------------------- */
#geral #lateral_conteudo{ 
width : 730px;
float: right;
}
#geral #lateral_conteudo #topo_menu{ 
width : 730px;
height: 86px;
background : url(img/fundo_topo_menu.jpg) no-repeat;
position: relative;
}
/*** Botão 1 ***/
#geral #lateral_conteudo #topo_menu #btn1{ 
width : 132px;
height: 58px;
position: absolute;
    top:26px;
	left: 173px;
}
#geral #lateral_conteudo #topo_menu #btn1 a{
display: block;
width: 132px;
height: 58px;
background: url(img/btn_1.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#geral #lateral_conteudo #topo_menu #btn1 a:hover{
background-position: left -60px;
}
/*** Botão 2 ***/
#geral #lateral_conteudo #topo_menu #btn2{ 
width : 132px;
height: 58px;
position: absolute;
    top:26px;
	left: 307px;
}
#geral #lateral_conteudo #topo_menu #btn2 a{
display: block;
width: 132px;
height: 58px;
background: url(img/btn_2.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#geral #lateral_conteudo #topo_menu #btn2 a:hover{
background-position: left -60px;
}
/*** Botão 3 ***/
#geral #lateral_conteudo #topo_menu #btn3{ 
width : 132px;
height: 58px;
position: absolute;
    top:26px;
	left: 441px;
}
#geral #lateral_conteudo #topo_menu #btn3 a{
display: block;
width: 132px;
height: 58px;
background: url(img/btn_3.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#geral #lateral_conteudo #topo_menu #btn3 a:hover{
background-position: left -60px;
}
/*** Botão 4 ***/
#geral #lateral_conteudo #topo_menu #btn4{ 
width : 132px;
height: 58px;
position: absolute;
    top:26px;
	left: 575px;
}
#geral #lateral_conteudo #topo_menu #btn4 a{
display: block;
width: 132px;
height: 58px;
background: url(img/btn_4.jpg) no-repeat;
text-indent: -999px; /*** Some com o texto ***/
overflow: hidden; /** Some com o conteúdo que transborda do elemento ***/
}
#geral #lateral_conteudo #topo_menu #btn4 a:hover{
background-position: left -60px;
}
#geral #lateral_conteudo #animacao_1{ 
width : 730px;
height: 109px;
background : url(img/fundo_animacao.jpg) no-repeat;
}
#geral #lateral_conteudo #conteudos{ 
width : 730px;
}


/* Rodape ---------------------------------------------------------------------------------------------- */
#geral #rodape{ 
width : 960px;
height: 81px;
background : url(img/fundo_rodape.jpg) no-repeat;
clear: both;
}
#geral #rodape img{ 
margin: 16px 0 0 25px;
float: left;
}
#geral #rodape p{
font : 11px verdana, arial, tahoma;
color : #999;
text-align: right;
margin: 28px 25px 0 0;
float: right; 
}