#base{ 
 width:1000px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto; 
} 

#headerTop{
 position:relative; 
 height:135px; 
 width:100%;
} 

#twocols{
 width:864px; 
 float:right; 
 position:relative; 
}

#rightcol{ width:308px; float:right;  position:relative;}

#leftcol{
 width:136px; 
 float:left; 
 position:relative;
}
  
#footer{width:100%; clear:both; height:200px; position:relative; /*background-color:brown;*/}  

#margin{ margin-left:8px;}  
#maincol{float: left; display:inline; position: relative; width:556px; /*background-color:green;*/}
#maincol #margin{ margin-left:8px;}

/* Header */
#headerLinks{ float: right; display:inline; position: relative; margin-left:8px; width:131px; height:73px;}
#headerPesquisa{float: right; display:inline; position: relative; margin-left:8px; width:161px; height:73px;}

/* Homepage */
#mainCanal{float: left; display:inline; position: relative; margin-left:8px; width:131px; height:190px;}
#mainBanner{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:548px;}
#mainpx{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:548px;}
#mainSustNoticias{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:376px; height:129px;}
#mainAccaoSust{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:164px; height:129px;}
#mainEspacoPublico{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:376px; height:300px;}
#mainRoteiro{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:164px; height:300px;}
#mainTv{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:548px;}

/* Coluna Direita */
#colDirSaber{float: left; display:inline; position: relative; margin-left:8px; width:131px; height:190px;}
#colDirAgenda{float: left; display:inline; position: relative; margin-left:8px; width:161px; height:190px;}
#colDirBanner1{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:300px;}
#colDirArtigo{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:300px; z-index:1;}
#colDirAreaCriancas{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:300px; height:75px;}
#colDirSondagens{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:131px; height:201px;}
#colDirAlertas{float: left; display:inline; position: relative; margin-left:8px; margin-top:8px; width:161px; height:166px;}
#colDirBanner2{float: left; display:inline; position: relative; padding: 8px 0px 8px 8px; width:300px;}

/* Footer */
#footerLogo{float: left; display:inline; position: relative; width:256px; height:48px;}

/* Páginas Centrais */
#mainPage{float: left; display:inline; position: relative; margin-left:8px; width:548px;}
#mainDesenv{float: left; display:inline; position: relative; padding:8px 0px 8px 8px; width:540px;}
.mainArea{float: left; display:inline; position: relative; padding:8px 0px 8px 0px; width:540px;}
.mainDestaque{float: left; display:inline; position: relative; padding:8px 0px 8px 0px; width:180px;}
.mainPageCol{float: left; display:inline; position: relative; padding:0px 8px 8px 0px;}
.mainTema{float: left; display:inline; position: relative; padding:0px 0px 8px 0px; width:262px; /*background-color:green;*/}
.mainDestaqueEmpresa{float: left; display:inline; position: relative; padding:0px 0px 8px 0px; width:130px;}
.colTema {float: left; display:inline; position: relative; padding:0px 8px 0px 0px;}
.mainLeft{float:left; width:540px; padding-top:5px;}
.temaRoteiro{float: left; display:inline; position: relative; padding:8px 0px 8px 0px; width:175px; height:115px;}

*.mainDesenvCanal{float: left; display:inline; position: relative; margin-left:8px; width:131px;}
*.mainDesenvTopo{float: left; display:inline; position: relative; margin-left:8px;}

#agenda{float: left; display:inline; position: relative; padding:8px 8px 0px 8px;}

.divSubTemasR {position:relative;filter:blendTrans(duration=0.2); visibility:hidden; z-index:1;}
.divSubTemasA 
{
	position: absolute; 
	width:131px;
	background-color:#FFF19E;
	left:8px; 
	top:25px;
	border:1px solid black;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	text-align:left;
}

.divSubTemasB 
{
	position: absolute; 
	width:131px;
	background-color:#FFF19E;
	left:8px; 
	top:5px;
	border:1px solid black;
	/* for IE */
	filter:alpha(opacity=80);
	/* CSS3 standard */
	opacity:0.8;
	text-align:left;
}