*{
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	font-family : Arial, Helvetica, sans-serif;
}
body{
	background-color : #dbdad0;
	background-image : url(img/bg.jpg);
}
a{
	text-decoration : none;
	color : #033553;
}
a:hover{
	text-decoration : underline;
}
#topo{
	position : absolute;
	left : 0;
	top : 0;
	background-image : url(img/topo-noticias.gif);
}
#topo,
#topo a{
	width : 900px;
	height : 31px;
	display : block;
}
#topo a{
	width : 120px;
	float : left;
	margin-right : 10px;
}
#titulo{
	position : absolute;
	left : 536px;
	top : 10px;
	background-image : url(img/titulo.jpg);
}
#titulo,
#titulo a{
	width : 324px;
	height : 73px;
	display : block;
}
#topo h2,
#titulo h1{
display : none;
}
#menu{
	position : absolute;
	left : 23px;
	top : 76px;
	width : 853px;
	height : 59px;
	background-image : url(img/menu.jpg);
	background-position : 0 7px;
	padding-left : 10px;
}
#menu span,
#menu a{
	display : block;
	float : left;
	margin : 0 0 0 0;
	color : #fff;
	font-size : 14px;
	font-weight : bold;
	height : 59px;
	width : 130px;
	line-height : 59px;
	text-align : center;
	background-position : 0 59px;
}
#menu a:hover{
	background-position : 0 0;
	text-decoration : none;
}
#menu span{
	background-position : 0 -59px;
	color : #000;
	text-decoration : none;
}
.menu1,
.menu2,
.menu3,
.menu4,
.menu5{	background-image : url(img/menu-c.gif);}
#menu span.menu6,
#menu a.menu6{	background-image : url(img/menu-d.gif); width:170px;}

#cativeiro,
#videos,
#entenda,
#quem_e{
	width : 520px;
	height : 280px;
	position : absolute;
	left : 50px;
	top : 150px;
}
#quem_e{
	width : 580px;
	left : 50px;
	top : 150px;
}
#info{
	position : absolute;
	left : 200px;
	top : 150px;
	width : 400px;
	height : 350px;
	z-index : 5;
}
p{
	font-size : 13px;
	line-height : 140%;
	margin : 10px;
	font-weight : bold;
}
h1{
	color : #524f3a;
	font-size : 28px;
	margin : 10px;
}
h2{
	color : #524f3a;
	font-size : 18px;
	margin : 10px;
}
#banner{
	position : absolute;
	left : 40px;
	top : 615px;
	height : 90px;
	text-align : center;
	width : 820px;
}
#submenu{
	width : 155px;
	background-image : url(img/submenu.jpg);
	position : absolute;
	left : 30px;
	top: 165px;
	padding-top : 13px;
}
#submenu2{
	width : 777px;
	height : 127px;
	display : block;
	position : absolute;
	left : 26px;
	top : 474px;
	background-image : url(img/submenu2.jpg);
	padding-left : 70px;
	overflow : hidden;
}
#submenu2 span,
#submenu2 a{
	display : block;
	float : left;
	width : 90px;
	line-height : 12px;
	height : 105px;
	color : #fff;
	font-size : 11px;
	font-weight : bold;
	text-align : center;
	margin : 22px 5px 0 5px;
	background-image : url(img/submenu2a.gif);
}
#submenu2 a:hover{
	background-position : 0 -105px;
	text-decoration : none;
}
#submenu2 span{
	background-position : 0 -210px;
	color : #000;
}
#submenu2 span img,
#submenu2 a img{
	margin : 12px 0 2px 0;
	border : none;	
}

#submenu span,
#submenu a{
	display : block;
	width : 136px;
	margin : 0 0 0 7px;
	height : 35px;
	line-height : 35px;
	padding-left : 5px; 
	border-bottom : 1px solid #2e6e99;
	color : #fff;
	font-weight : bold;
	font-size : 11px;
}
#submenu span{
	background-image : url(img/submenu-span.gif);
	color : #000;
}
#submenu a:hover{
	background-color : #00253f;
	text-decoration : none;
}
#submenu a.menufim{
	background-image : url(img/submenufim.gif);
	width : 155px;
	height : 10px;
	display : block;
	margin : 0;
	padding : 0;
	line-height : 10px;
	border : none;
}
#mapa{
	position : absolute;
	top : 136px;
	left : 414px;
	background-image : url(img/mapa.jpg);
	display : block;
	width :456px;
	height :237px;
	z-index : 2;
}
#foto1{
	position : absolute;
	left : 591px;
	top : 162px;
}
#foto3,
#foto2{
	width : 228px;
	height : 314px;
	background-image : url(img/foto2-bg.jpg);
	position : absolute;
	left : 610px;
	top : 140px;
}
#foto3{
	left : 630px;
}
#foto3 img,
#foto2 img{
	margin : 7px 0 0 7px;
}
.leiamais{
	float : left;
	margin : 5px;
}
.leiamais a{
	display : block;
	overflow : hidden;
	text-indent : -100px;
	height : 27px;
	width : 98px;
	background-image : url(img/leiamais.gif);
}
#proxima,
#anterior,
#proxima a,
#anterior a{
	width : 40px;
	height : 40px;
	display : block;
}
#proxima,
#anterior{
	position : absolute;
	top : 525px;
	left : 32px;
	z-index : 8;
}
#proxima{
	left : 828px;
}
#proxima a{
	background-image : url(img/proxima.gif);
}
#anterior a{
	background-image : url(img/anterior.gif);
}
#proxima a:hover,
#anterior a:hover{
	background-position : 0 -40px;
}
#galeria #proxima,
#galeria #anterior{
	left : 5px;
	top : 394px;
}
#galeria #proxima{
	left : 153px;
}
#galeria #anterior a{
	background-image : url(img/anterior-gal.gif);
}
#galeria #proxima a{
	background-image : url(img/proxima-gal.gif);
}
#submenu2 #espacador2{
	height : 100px;
	width : 100px;
	background-color : transparent;
	display : block;
	float : left;
}

#cativeiro,
#videos{
	top : 130px;
	width : 790px;
	height :400px;
}
#videos h2,
#videos h2 a{
	font-size : 13px;
}
#videos a:hover,
#videos a:hover h2{
	text-decoration : none;
	color : #000;
}
#videos h2{
	margin : 2px;
}
#videos ul{
	width : 790px;
	height : 330px;
}
#videos li a img{
	margin : 15px 0 5px 0;
	border : 1px solid #fff;
}
#videos li a:hover img{
	border : 1px solid #000;
}
#videos li{
	margin : 5px;
	width : 250px;
	height : 170px;
	display : block;
	float : left;
	text-align : center;
	background-image : url(img/video.gif);
}
#videos li a{
	display : block;
	width : 250px;
	height : 170px;
}
#porao{
	position : absolute;
	left : 110px;
	top : 84px;
}
#galeria .mascara{
	position : absolute;
	left : 0;
	top : 0;
	width : 833px;
	height : 435px;
	z-index : 6;
	background-color : #FFF;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	border : 1px solid #ccc;
}
#video iframe{
	position : absolute;
	left : 150px;
	top : 1px;
	width : 482px;
	height : 453px;
}
#video,
#galeria{
	position : absolute;
	left : 33px;
	top : 140px;
	width : 833px;
	height : 435px;
	z-index : 5;
}
#galeria h1{
	font-size : 13px;
	position: absolute;
	left : 0;
	top : 1px;
	z-index : 7;
}
#galeria #thumbs{
	width : 220px;
	height : 360px;
	position : absolute;
	display : block;
	left : 5px;
	top : 20px;
	z-index : 7;
}
#galeria #thumbs a{
	display : block;
	width : 62px;
	height : 62px;
	float : left;
	margin : 0;
}
#galeria #fotao{
	width : 580px;
	height : 374px;
	position : absolute;
	display : block;
	left : 230px;
	top : 30px;
	z-index : 7;
	text-align : center;
}
#galeria #fotao img{
	border : 1px solid #000;
}
#galeria #thumbs a img{
	border : 1px solid #cccccc;
}
#galeria #thumbs a:hover img{
	border : 1px solid #000;
}
#video #fechar,
#video #fechar a,
#galeria #fechar,
#galeria #fechar a{
	width : 113px;
	height : 21px;
	display : block;
}
#video #fechar,
#galeria #fechar{
	position : absolute;
	left : 700px;
	top: 4px;
	z-index : 10;
	background-image : url(img/fechar.gif);	
}
#video #fechar{
	background-image : url(img/fechar-video.gif);	
	left : 510px;
	top : 10px;
}
#galeria h5{
	font-size : 11px;
	position : absolute;
	left : 230px;
	top : 405px;
	color : #000;
	width : 570px;
	height : 15px;
	display : block;
	z-index : 20;
	text-align : center;
}
#videolink a,
#videolink{
	width : 100px;
	height : 10px;
}
#videolink{
	position : absolute;
}