/* CSS Document */

body {
margin:0px;
padding:0px;
background:url(../images/layout/bg.jpg) fixed top repeat-x #376600;
}

img {border:none;}

/* ----------------------------------------------------------------------- TOPO */
.topo {
width:958px;
height:98px;
background:url(../images/layout/bgtopo.png) no-repeat top;
margin:0 auto;
}

.busca {
width:334px;
height:41px;
float:right;
}

.txtbusca {
height:20px;
margin:10px 0px 0px 30px;
padding:0px;
float:left;
}

.botok {
background:#006633;
color:#FFF;
border:none;
font:14px Georgia, "Times New Roman", Times, serif;
margin:12px 0px 0px 10px;
}

/* ----------------------------------------------------------------------- MENU */
.menu {
width:958px;
height:47px;
margin:10px 0px 0px 0px;
padding:0px;
float:left;
display:table;
}

/*.menu ul { ------> menu em flash
width:772px;
height:47px;
margin:0px;
padding:0px 0px 0px 20px;
float:left;
}*/

.menu ul {
width:772px;
height:47px;
margin:0px 0px 0px 30px;
padding:0px;
float:left;
display:table;
}

.menu ul li {
margin:0px;
padding:0px;
display:inline;
}

.menu ul li a {
font:11px trebuchet ms, Arial, Helvetica, sans-serif;
color:#fff;
margin:0px 5px 0px 0px;
padding:15px 10px 16px 10px;
text-decoration:none;
display:table;
float:left;
}

.menu ul li a:hover {background:url(../images/layout/bg_menu.jpg) repeat-x top; color:yellow;}

/* submenu */
.submenu {
float:left;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 0px;
}

.submenu li {
margin:0px 1px 0px 1px;
padding:0px;
list-style:none;
display:inline;
}

.submenu li a {
font:11px trebuchet ms, Arial, Helvetica, sans-serif;
color:#263500;
margin:0px;
padding:0px;
text-decoration:none;
}

.submenu li a:hover {
color:red;
}


/* ----------------------------------------------------------------------- BANNER */
.banner {
width:958px;
height:353px;
margin:0 auto;
margin-top:20px;
padding:0px;
position:relative;
}

/* ----------------------------------------------------------------------- QUADROS */
.quadros {
width:938px;
margin:0 auto;
margin-top:20px;
padding:0px;
position:relative;
background:red;
}

.participe {
width:304px;
float:left;
margin-right:13px;
}

.contribuicao {
width:304px;
float:left;
margin-right:13px;
}

.falecom {
width:304px;
float:left;
}

.titulo_box {
	width:299px;
	height:30px;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 0 0 0px;
}

.box_in {
	width:300px;
	height:136px;
	background:#fff;
	border-bottom:solid 4px #fff;
	border-left:solid 4px #fff;
}

.box_in:hover {
	border-bottom:solid 4px #f00;
	border-left:solid 4px #f00;
}

.contabradesco {
width:940px;
height:60px;
margin:0 auto;
padding:0px;
clear:both;
padding-top:20px;
}



/* ----------------------------------------------------------------------- TÓPICOS */
.topicos {
width:918px;
height:200px;
margin:0 auto;
padding:0px;
clear:both;
padding-top:20px;
}

.topicos .bloco {
width:286px;
height:180px;

float:left;
margin:0px 10px;
padding:0px 0px 0px 0px;
}

h3.topico01 {
height:38px;
font:18px trebuchet ms, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
margin:0px;
padding:5px 0px 0px 60px;
background:url(../images/layout/bg_topico01.png) no-repeat top left;
}

h3.topico02 {
height:38px;
font:18px trebuchet ms, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
margin:0px;
padding:5px 0px 0px 60px;
background:url(../images/layout/bg_topico02.png) no-repeat top left;
}

h3.topico03 {
height:38px;
font:18px trebuchet ms, Arial, Helvetica, sans-serif;
color:#333;
font-weight:bold;
margin:0px;
padding:5px 0px 0px 60px;
background:url(../images/layout/bg_topico03.png) no-repeat top left;
}

.bloco p {
width:148px;
font:11px trebuchet ms, Arial, Helvetica, sans-serif;
color:#fff;
margin:20px 0px 0px 20px;
float:left;
}

.bloco a {color:#fff;}
.bloco a:hover {color:#f00;}

.bloco img {
float:left;
margin:20px 0px 0px 20px;
}

.comu {
margin:-20px -5px 0px 0px;
padding:0px;
float:left;
}

.rodape {
width:968px;
height:100px;
background:url(../images/layout/bgrodape.png) no-repeat top;
margin:0 auto;
}