@import url("css-pages.css");

* {
	margin:0;
	padding:0;
	font-family:"Trebuchet MS", Arial, Verdana;
	outline:none
	}

body {
	background:#CDE0CD url(../images/body-bg.jpg) left top repeat-x;
	}

#container {
	width:780px;
	margin:0 auto;
	}
	
#topo {
	background:	url(../images/h1.jpg) center top no-repeat;
	}

#topo h1 {
	width:780px;
	height:189px;
	}
#topo h1 a {
	display:block;
	padding:36px 0px 0px 28px;
	text-indent:-9999px;
	width:311px;
	height:109px;
	}

#conteudo{
	background:url(../images/conteudo-bg.jpg) #cde0cd top center no-repeat;
	}
	
#coluna {
	width:190px;
	float:left;
	}
	
#coluna ul#barnav {
	list-style:none;
	padding-top:35px;
	}
#coluna ul#barnav li {
	}
#coluna ul#barnav li a.normal {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size:20px;
	display:block;
	padding:3px;
	text-indent:33px;
	}
#coluna ul#barnav li a.normal:hover {
	color:#87FFEF
	}
	
#coluna ul#barnav li.dif ul {
	display: none;
	text-align: left;
	border:1px solid #fff;
	padding:0;
	margin:0;
	}
#coluna ul#barnav li.dif ul li {
	margin:0;
	padding:0;
	}
#coluna ul#barnav li.dif ul li a {
	font-size:12px;
	color:#fff;
	display:block;
	text-indent:40px;
	}
	
#coluna div {
	margin-top:100px;
	}

#principal {
	float:left;	
	width:585px;
	text-align:justify;
	}
	
h2 {
	text-indent:-9999px;
	height:40px;
	margin-left:25px;
	margin-top:9px;
	margin-bottom:10px;
	}
	
#corpo {
	position:relative;
	top:-5px;
	left:-2px;
	background:#fff;
	width:564px;
	padding:10px;
	padding-top:0
	}

#rodape {
	background:url(../images/rodape.gif) center top no-repeat;
	padding:3px;
	clear:both;
	border:1px solid #033F26;
	background:#407A61;
	}
#rodape p {
	text-align:center;
	font-size:10px;
	color:#fff;
	padding:0
	}
	

/* easy slider customization --- */

#slider {
	width:492px;
	height:242px;
	margin-left:41px;
	}

#slider ul, #slider ul li {
	margin: 0;
	padding: 0;
	width:492px;
	height:242px;
	list-style: none;
	}

#slider ul li { 
	width: 492px;
	height: 242px;
	overflow: hidden;
}
#slider ul li a img{ 
	border:none;
}

#prevBtn {
	display: block;
	width:40px;
	margin-top:-240px;	
	height: 242px;
	margin-left:2px;
	background: url(../images/btn_previous.jpg) no-repeat 0 0;
}

#nextBtn { 
	display: block;
	width: 40px; 
	height: 242px;
	margin-top: -240px;
	margin-left: 532px;
	background:url(../images/btn_next.jpg) no-repeat 0 0;
}

#prevBtn a {
	display: block;
	width: 40px;
	height: 242px;
	z-index:1;
	background: url(images/page-home-feature-btn-prev.gif) no-repeat 0 0;
	outline: none;
}

#nextBtn a {
	display: block;
	width: 40px;
	height: 242px;
	background: url(images/page-home-feature-btn-next.gif) no-repeat 0 0;
	outline: none;
}

#prevBtn a:hover{
	background-image: url(images/page-home-feature-btn-prev-on.gif);
}

#nextBtn a:hover {
	background-image: url(images/page-home-feature-btn-next-on.gif);
}