/* CSS Document */

/*****************************************************************
							TAGS
******************************************************************/
*{
	margin:0px;
	padding:0px;
}
body{
	background:url(../imagem/jpg/bg_body.jpg) repeat-y center center;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:justify;
	line-height:18px;
	list-style:none;
}
h1{
	font:bold 16px Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	margin-bottom:10px;
	margin-top:5px;
	clear:both;
}
h2{
	font:bold 14px Geneva, Arial, Helvetica, sans-serif;
	color:#990000;
	text-align:left;
	padding:10px;
}
h3{
	font:bold 12px Geneva, Arial, Helvetica, sans-serif;
	color:#000;
	text-align:left;
	padding-left:20px;
}
li{
	display:block;
}
p{
	padding:10px;
}
b{
	color:#990000;
}
a{
	padding:10px;
	font:11px verdana, arial, helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:left;
}
a:hover{
	color:#990000;
	text-decoration:underline;
}
fieldset{
	border:none;
	padding:10px;
	margin:10px;
	float:left;
	clear:both;
}
legend{
	font:14px verdana, arial, helvetica, sans-serif;
	color:#990000;
}
li{position:relative;}
label{
	width:150px;
	clear:both;
	float:left;
	margin-top:1px;
}
input, select, textarea{
	background:#EBE6BC;
	border:1px solid #990000;
	margin-bottom:10px;

}
p.fone{float:right;}
/*****************************************************************
							DIVS 
******************************************************************/


/*****************************************************************
				GERAL - TOPO - MENU - BANNER - MENU 2
******************************************************************/

#geral{
	width:774px;
	margin:0 auto;
	background:#E0C572 url(../imagem/jpg/fc_1.jpg) repeat-y 50% 0;
}
#topo{
	width:774px;
	height:100px;
	background:url(../imagem/jpg/bg_topo.jpg) no-repeat left center;
	position:relative;
}
#topo-menu{
	width:300px;
    top:68px;
	left:470px;
	height:30px;
	position:absolute;
}
#topo-menu ul li{
	display:inline;
}
#topo-menu ul li a{
	float:left;
	padding:10px;
	height:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	text-align:center;
}
#topo-menu ul li a:hover{
	border-bottom:2px solid #993300;
	padding-bottom:8px;
	color:#993300;
}
#banner{
	width:774px;
	height:180px;
}
#menu{
	width:774px;
	height:30px;
	background:#F1D3AB;
}
#menu ul li{
	display:inline;
}
#menu ul li a{
	float:left;
	padding:10px;
	height:10px;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#624028;
	text-decoration:none;
	text-align:center;
	background:#F1D3AB;
}
#menu ul li a:hover{
	background:#996600;
	color:#fff;
}
/*****************************************************************
				conteudo página principal e divs
******************************************************************/
#box1{
	width:300px;
	float:left;
	background:#9A6600;
	text-align:left;
	color:#fff;
}
#box1 h1{
	font:bold 16px Geneva, Arial, Helvetica, sans-serif;
	padding:10px;
	color:#990000;
	border-bottom:5px solid #990000;
}
#box1 ul li{
	list-style-image:url(../imagem/gif/ic_01.gif);
	list-style-position:inside;
	padding-bottom:3px;
}
#box1 ul li a{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:3px;
}
#box1 ul li a:hover{
	color:#990000;
	text-decoration:underline;
}
#box1 ul li a.box{
	color:#fff;
	text-decoration:none;
	display:block;
	padding:3px;
	font-weight:bold;
}
#box1 ul li a:hover.box{
	color:#990000;
	text-decoration:underline;
}
#box2{
	width:474px;
	float:left;
}
#box2 ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
#box2 ul.lista{
	margin:0px;
	padding:10px;
	list-style:none;
}
#box2 ul li{
	position:relative;
	list-style:none;
}
.box2a, .box2b, .box2c{
	margin-bottom:20px;
	clear:both;
}
.box2a ul li, .box2b ul li{/* para o IE */
	list-style:none;
}
#box2 h1{
	color:#993300;
	background:url(../imagem/jpg/bg_box2_h1.jpg);
	padding-bottom:5px;
	padding-top:5px;
	margin-top:0px;
	border-bottom:5px solid #993300;
}

#box2 ul li a{
	color:#000;
	text-decoration:none;
	display:block;
	padding:3px;
}
#box2 ul li a:hover{
	color:#993300;
}
#box3{
	width:474px;
	float:right;
}
#box3 h1{
	color:#993300;
	background:url(../imagem/jpg/bg_box2_h1.jpg);
	padding:5px;
	margin-top:0px;
	border-bottom:5px solid #993300;
}
#box3 ul li a{
	color:#000000;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	text-decoration:none;
}
#box3 ul li a:hover{
	color:#FFFFFF;
}
#box3a{
	width:237px;
	height:200px;
	float:left;
}
#box3a h3{
	font:bold 12px verdana, arial, tahoma;
	color:#990000;
	text-align:left;
	padding:10px;
}
#box3a a{
	font:10px verdanda, arial, tahoma;
	color:#000;
	text-align:left;
	text-decoration:none;
	padding-bottom:10px;
	display:block;
}
#box3a a:hover{
	color:#990000;
	text-decoration:underline;
}
#box3b{
	width:217px;
	height:180px;
	background:#993300;
	float:right;
	padding:10px;
}
/*****************************************************************
							rodape
******************************************************************/
#rodape{
	width:774px;
	height:30px;
	text-align:center;
	padding-top:20px;
	clear:both;
	background:url(../imagem/jpg/bg_rodape.jpg) no-repeat left center;
}
/*****************************************************************
							jornal
******************************************************************/

#capa{
	width:185px;
	float:left;
}
#jor-cont{
	width:295px;
	float:right;
}

/*****************************************************************
							historia
******************************************************************/
#historia{
	width:471px;
}
/***********************blackblack******************************************
						classes gerais
******************************************************************/
.img{
	margin-right:5px;
	margin-left:5px;
	margin-bottom:5px;
}
.img-selo{
	padding:5px 130px 5px 130px;
	clear:both;
}
.submit{
	background:url(../imagem/jpg/bg_submit.jpg) no-repeat left center;
	width:120px;
	height:30px;
	float:left;
	border:none;
	margin-left:150px;
	cursor:pointer;
}
/*****************************************************************
							divs fotos
******************************************************************/
#fotos{
  margin-left:10px;
}
#fotos ul{
  margin:0px;
  padding:0px;
  list-style:none;
}
#fotos ul li{
  display:inline;
}
#fotos ul li a{
  float:left;
  border:2px solid #fff;
  padding:0px;
  margin:2px;
}
#fotos ul li a:hover{
  border:2px solid #333;
}
/*****************************************************************
							divs class
******************************************************************/
.bloco{
	margin:0 5px 0 5px;
	border-bottom:1px dashed #996600;
}
.bloco:hover, .bloco.over{
	background:#F2D186;
}
.bloco h2{
	font:bold 14px Geneva, Arial, Helvetica, sans-serif;
	color:#990000;
	text-align:left;
	clear:both;
	padding-bottom:10px;
	text-decoration:underline;
}
.bloco h3{
	font:bold 11px verdana, arial, tahoma;
	color:#990000;
	text-align:left;
}
.bloco a{
	display:block;
	width:93px;
	height:14px;
	padding:5px 5px 5px 18px;
	text-align:left;
	background:url(../imagem/gif/down_ic.gif) no-repeat left center;
	font:10px verdana, arial, tahoma;
	color:#000;
	text-decoration:none;
	margin-left:10px;
}
.bloco a:hover{
	color:#990000;
	text-decoration:underline;
}
.bloco p{
	font:10px verdana, arial, tahoma;
}