/*
RE-SETS
=========================================================================================
*/

ul,li{
	margin:0;
	padding:0;
}

*{
	margin:0;
	padding:0;
}

body{
	background-color:#f4f4f4;
}


/*
GERAL
=========================================================================================
*/
#geral{
	width:840px;
	height:1200px;
	margin:0 auto;	
}

/*
BOX
=========================================================================================
*/
#box{
	width:840px;
	background-color:#fff;
	float:left;
}

/*
TOPO - CABEÇA OU TESTEIRA
=========================================================================================
*/
#topo{
	width:820px;
	height:183px;
	background:url(../images/topo.jpg) no-repeat;
	margin:10px 10px 0 10px;
	float:left;
}


/*
MENU DE OPÇÕES
=========================================================================================
*/

#menu{
	width:820px;
	height:57px;
	background:url(../images/bg_menu.jpg) no-repeat;
	margin:0 10px 0 10px;
	float:left;
}

#menu ul{
	list-style:none;
	margin-left:15px;
}

#menu ul li{
		display:inline;
		float:left;
		
}

#menu ul li img{
	float:left;
}

#menu ul li a{
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999;
	text-decoration:none;
	text-shadow:1px 1px 2px #CCC;
	padding:19px 10px;
	float:left;
}

#menu ul li a:hover{
	background-color:#E4E4E4;
	color:#FFF;
	text-shadow:1px 1px 2px #CCC;
}


/*
CONTENT - CONTEUDO
=========================================================================================
*/
#content{
	width:820px;
	margin:0 10px 0 10px;
	float:left;
}


#conteudo{
	width:598px;
	margin:10px 0;
	float:left;
	
}

#institucional{
	width:599px;
	height:192px;
	background:url(../images/bg_institucional.jpg) no-repeat;
	float:left;
}

#institucional h1{
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;
}

#institucional h2{
	font:17px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#0CC;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;
}

#institucional p{
	font:13px Tahoma, Geneva, sans-serif;
	color:#666;
	float:left;
	margin:10px;
	text-indent:35px;
	text-align:justify;
}

#institucional a{
	color:#09C;
	font-weight:bold;
	text-decoration:none;
}

#institucional a:hover{
	text-decoration:underline;
	color:#FFF;
}


#gremio{
	width:176px;
	height:174px;
	background:url(../images/bg_gremio.jpg) no-repeat;
	float:left;
	margin:10px 0;
}

#gremio h1{
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F90;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;	
}

#gremio p{
	font:13px Tahoma, Geneva, sans-serif;
	color:#666;
	float:left;
	margin:10px;
	text-indent:35px;
	text-align:justify;
}

#gremio a{
	color:#09C;
	font-weight:bold;
	text-decoration:none;
}

#gremio a:hover{
	text-decoration:underline;
	color:#FFF;
}



#viagens{
	width:414px;
	height:174px;
	background:url(../images/bg_viagens.jpg) no-repeat;
	float:right;
	margin:10px 0;
}

#viagens h1{
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F90;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;	
}

#viagens p{
	font:13px Tahoma, Geneva, sans-serif;
	color:#666;
	float:left;
	margin:10px;
	text-indent:35px;
	text-align:justify;	
}

#viagens a{
	color:#09C;
	font-weight:bold;
	text-decoration:none;
}

#viagens a:hover{
	text-decoration:underline;
	color:#FFF;
}


#galeria{
	float:left;
}

#galeria img{
	float:left;
	border:2px solid #CCC;
	margin:3px;
}

#galeria img:hover{
	border:2px solid #F60;
}

/*
PAGE - PÁGINAS AVULSAS
=========================================================================================
*/

#page{
	font:13px Tahoma, Geneva, sans-serif;
	color:#666;
	text-align:justify;	
}

#page a{
	font:12px Tahoma, Geneva, sans-serif;
	color:#06C;
}

#page p{
	font:13px Tahoma, Geneva, sans-serif;
	color:#666;
	margin:10px;
	text-indent:35px;
	text-align:justify;
	float:left;
}

#page h1{
	width:800px;
	float:left;
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F60;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;	

}

#page h2{
	width:800px;
	font:18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#09C;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;
	float:left;
}

#page h3{
	font:15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F60;
	text-shadow:1px 1px 2px #999;
	margin:20px 0 10px 10px;
	float:left;

}

#page ul{
	list-style:none;
	margin-left:10px;
	float:left;
}

#page ul li{
	width:510px;
	height:35px;
	background-color:#f9f9f9;
	border:1px solid #f1f1f1;
	float:left;
}
#page ul li:hover{
	background-color:#e2e2e2;
}


#page ul li a{
	text-decoration:none;
	font:12px Tahoma, Geneva, sans-serif;
	color:#666;
	float:left;
	margin:8px 10px;
}

#page ul li a:hover{
	text-decoration:underline;
	color:#09C;
}
/*
SIDEBAR - BARRA LATERAL COM CONTEUDO
=========================================================================================
*/

#sidebar{
	width:211px;
	height:384px;
	margin:10px 0 0 10px;
	float:right;
}

#anuncio{
	width:211px;
	height:137px;
	background:url(../images/bg_anuncio.png) no-repeat;
	float:left;
	overflow:hidden;
}

#anuncio ul{
	list-style:none;
	float:left;
	margin:8px 0 0 8px;
}

#anuncio ul li{
	float:left;
}

#anuncio ul li a img{
     margin:10px 0 0 10px;
	float:left;
}
#noticias{
	width:211px;
	height:237px;
	background:url(../images/bg_noticias.jpg) no-repeat;
	float:left;
	margin:10px 0;
	padding:10px 0;
	overflow:hidden;
	
}

#noticias a{
	text-decoration:none;
	font:11px Tahoma, Geneva, sans-serif;
	color:#09F;
	width:190px;
	font-weight:bold;
	margin:10px;
	float:left;
}

#noticias h1{
	font:22px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F90;
	text-shadow:1px 1px 2px #999;
	margin:8px 0 10px 10px;		
}

#noticias ul{
	list-style:none;
	margin-left:10px;
}
#noticias ul li{
	border-bottom:1px dotted #09F;
	width:190px;
}

#noticias ul li a{
	text-decoration:none;
	font:11px Tahoma, Geneva, sans-serif;
	color:#666;
	width:190px;
}

#not_efeito{
	margin:15px 0 0 10px;
	float:left;
	overflow:hidden;
	width:190px;
}
#not_efeito ul{
	float:left;
}


/*
RODAPÉ - FOOTER
=========================================================================================
*/

#footer{
	width:820px;
	height:52px;
	background:url(../images/bg_footer.jpg) no-repeat;
	float:left;	
	margin:10px;
}

#navegadores{
	width:210px;
	height:52px;
	float:left;
}

#navegadores img{
	margin:2px;
}
#copy{
	width:400px;
	height:52px;
	float:left;
	font:10px Tahoma, Geneva, sans-serif;
	color:#666;
}

#copy span{
	text-align:center;
	margin:10px 60px;;
	float:left;
}

#assinatura{
	width:210px;
	height:52px;
	float:right;
	font:9px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666;
}

#assinatura span{
	text-align:center;
	margin:10px 10px;;
	float:left;
}