html, body {height:100%;} 

* {
	margin:0px;
	padding:0px;
	list-style:none;
	text-decoration:none;
	vertical-align:bottom;
}

body {
	margin:0 auto; 
	padding:0;
	background:#f4f4f5;
}

.textoint {clear:both;}

/*TUDO*/
#tudo {
	width:992px;
	position:relative;  /*Contexto de posicionamento */
	text-align:left;
	min-height:100%;
	margin: 0 auto;
	border-right:2px solid #bfc0c2;
	border-left:2px solid #bfc0c2;
	background:url(background.jpg) repeat-x repeat-y;
	}

* html #tudo {height: 100%;}

/*TOPO*/
#topo {
	width:992px;
	height:146px;
		}
		
/*LOGO*/
#logo {
	width:228px;
	height:146px;
	float:left;
	}
	
/*PUBTOPO*/
#pubtopo {
	width:760px;
	height:96px;
	border:none;
	float:left;
	}
	
/*MENUTOPO*/
#menutopo {
	background: #000 url(menu1.jpg) no-repeat 0 0;
	width:760px;
	height:50px;
	float:left;
	}

#menutopo ul {
	list-style:none;
	text-indent: -9999em;
}

#menutopo ul li a:hover{
  z-index:1000;
}

#menutopo li {
    position:absolute;
    height:50px;
}

#menutopo li a {
    display:block;
	text-decoration: none;
    width:100%;
    height:100%;
    top:0;
}

#home{width:71px;left:228px;}
#fotos{ width:62px; left:298px; }
#noticias{ width:78px; left:361px; }
#ranking{ width:80px; left:438px; }
#imprensa{ width:93px; left:517px; }
#calendario{width:102px; left:609px;}
#costama{width:73px; left:710px;}
#quemsomos{width:120px; left:781px;}
#contato{width:90px; left:904px;}

#home a:hover{ background:url(menu2.jpg) no-repeat 0 -50px; }
#fotos a:hover{ background:url(menu2.jpg) no-repeat -70px -50px; }
#noticias a:hover{ background:url(menu2.jpg) no-repeat -133px -50px; }
#ranking a:hover{ background:url(menu2.jpg) no-repeat -210px -50px; }
#imprensa a:hover{ background:url(menu2.jpg) no-repeat -289px -50px; }
#calendario a:hover{ background:url(menu2.jpg) no-repeat -381px -50px; }
#costama a:hover{ background:url(menu2.jpg) no-repeat -481px -50px; }
#quemsomos a:hover{ background:url(menu2.jpg) no-repeat -552px -50px; }
#contato a:hover{ background:url(menu2.jpg) no-repeat -676px -50px; }

/*MEIO*/
#meio {
	width: 992px;
	height: 771px;
		}
		
/*MEIO1*/
#meio1 {
	width: 992px;
		}
	
/*NEWS+RODAPÉ*/
#news {
	width:491px;
	height:772px;
		}
	
/*JUST NEWS*/
#justnews {
	width: 491px;
	height:772px;
	background: #FFF url(news.jpg);
	float:left;
	}
	
#justnews .title a{
font: 24px "Century Gothic", Verdana, Helvetica;
color: #006600;
text-decoration: none;
}

#justnews .title a:hover{
font: 24px "Century Gothic", Verdana, Helvetica;
color: #003300;
text-decoration: none;
}

#justnews .outras a{
font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #666666;
text-decoration: none;
}

#justnews .outras a:hover{
font: 14px "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000000;
text-decoration: none;
}

/*FOTOS INDEX*/
#pics {
	width: 321px;
	height:772px;
	background: #c7c9cb;
	float:left;
	}

#pics .title a{
font: 18px "Century Gothic", Verdana, Helvetica;
color: #666666;
text-decoration: none;
}

#pics .title a:hover{
font: 18px "Century Gothic", Verdana, Helvetica;
color: #000;
text-decoration: none;
}

#pics img {
border:2px solid #666;
}

#pics img:hover{
border:2px solid #000;
}

#pics .destaque {
border:none;
}

#pics .destaque:hover {
border:none;
}

/*PUB + REVISTA*/
#pubmag {
	width: 176px;
	height:772px;
	background: #FFF;
	float:left;
	}

#pubmag .text p{
font: 12px "Century Gothic", Verdana, Helvetica;
color: #666666;
text-decoration: none;
}

#pubmag .link a{
font: 12px "Century Gothic", Verdana, Helvetica;
color: #666666;
text-decoration: none;
}

#pubmag .link a:hover{
font: 12px "Century Gothic", Verdana, Helvetica;
color: #000;
text-decoration: none;
}

/*RODAPÉ*/
#rodape {
	width:992px;
	height:80px;
	background: #FFF;
	float:left;
	}
	
/*INTERNO*/
#interno {
	width:820px;
	background: #FFF;
	float:right;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	}

#interno .pic a {
border:none
}

#interno .mes p{
font: 20px "Century Gothic", Verdana, Helvetica;
color: #006600;
text-decoration: none;
}

#interno .dia p{
font: 18px "Trebuchet MS", Verdana, tahoma, sans-serif;
color: #333333;
text-decoration: none;
}

#interno .noticias a{
font: 16px "Trebuchet MS", Verdana, tahoma, sans-serif;
color: #333333;
text-decoration: none;
}

#interno .noticias a:hover{
font: 16px "Trebuchet MS", Verdana, tahoma, sans-serif;
color: #000000;
text-decoration: none;
}

/*MENU INTERNO*/
#menu1 {
	width: 145px;
	height:auto;
	background: #CCCCCC;
	float:left;
	}
	
#menu1 .texto p{
font: 16px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #000;
text-decoration: none;
}

#menu1 .link a{
font: 14px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #666666;
text-decoration: none;
}

#menu1 .link a:hover{
font: 14px "Trebuchet MS", Verdana, Tahoma, sans-serif;
color: #000;
text-decoration: none;
}

#div1 {
width: 992px;
height:2px;
background: #FFF;
float:left;
	}