html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body{
font-weight: normal;
	color: #5a5a5a;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin: 0;
	padding: 0;
	background: #d4efbb;}
h1 { font-size: 24px;}

h2 { font-size: 18px; color: #4b4b4b;}

h3 { font-size: 12px; color: #4b4b4b;}

h6 { font-size: 9px; }

h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin: 0 0 18px;
}

h1,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	color: #ffffff;
	font-weight:bold; 
}

li{
margin-left: 15px;text-decoration: none;}

a {
	color: #000000;text-decoration: none;}


img {
	border: 0;
}

b{font-size: 110%;}
em{color: red;}

#principal{
width: 840px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background: #ffffff;}

#topo{
background: #EAEAEA url("./imagens/bg-top.png") center center repeat-x;
height: 100px; /*Height of top section*/
	color: #ffffff;}

#topo h1{
margin: 0;
padding-top: 60px;
}

.topopri{
margin-left: 568px; /*Set left margin to*/
margin-top: -17px; color: #000000;}

.topopri1{
margin-left: 598px; /*Set left margin to*/
margin-top: -17px; color: #000000;}

#blococentral{
float: left;
width: 100%;
}

#caixaprincipal{
margin-left: 205px; /*Set left margin to LeftColumnWidth*/
min-height: 640px;

}

#colunaesq{
float: left;
width: 206px;
height: 500px;
margin-left: -840px; /*Set left margin to -(MainContainerWidth)*/
}

#rodape{
	clear: left;
	width: 100%;
	background: transparent;
	color: #4b4b4b;
	text-align: center;
	padding: 10px 0px 10px 0px;
	margin: 0px;	font-family: arial, sans-serif;
	font-size: 9px;
	line-height: 12px;
	border-top: 1px dotted #4b4b4b;	}
#rodape a{
	color: #4b4b4b;
	}

.caixainterior{
margin: 10px; /*Margins to provide padding*/
margin-top: 0;
}
.cabec{
margin: 10px; /*Margins to provide padding*/
margin-top: 0;
}

.cabec a{
color: white;
margin: 0px;margin-top: 0px;
text-decoration: none;
}

 a:hover{
color: #000000;
}
/*---------menu--------*/

.menu{
font: bold 11px Arial;
color: white;
width: 840px; 
margin: 0px;
}

.menu ul{
position: relative;padding: 0;
height:23px;
width: 840px; 
border: 0px;
background: transparent url(./imagens/bg-top.png) center center repeat-x;}
.menupri{
margin-left: 530px; /*Set left margin to*/
}

.menu ul li{
display: inline;
margin-top: 5px;
}

.menu ul li a{
float: left; 
color: white;
padding: 2px 12px;
margin-top: 5px;margin-left: 40px;
text-decoration: none;
border-right: 1px dotted #ffffff;
/*border-left: 1px solid #564c66; dark purple divider between menu items*/

}

.menu ul li a:visited{
color: white;
}

.menu ul li a:hover{
color: #ffff00; /*text color of selected and active item*/

}

.menu ul li a.selected{
color: #ffffff; 
padding-top: 6px; 
padding-bottom: 4px;
border-right: 1px dotted #ffffff;
background: black url() center center repeat-x;
}


/*--------menu - fim -------*/
/* ------------ menu principal ------------ */

#menup {
	font-family: arial, sans-serif;
	font-size: 10px;
	float: left;
	width: 180px;
	background-color: transparent;
	margin-top: 0px;
	margin-left: 0;
	padding: 0;
}

#menup ul{
	padding: 0;
	margin: 0 0 0px 0;
	list-style: none;
}

#menup li{
	padding: 0;
	margin: 0;
	display: inline;
}

#menup a{
	color: #ffffff;
	background-color: #4b4b4b;
	display: block;
	text-decoration: none;
	padding: 3px;
	width: 174px;
	border-bottom: 1px solid #ffffff;
}

#menup a:hover{
	color: #4b4b4b;
	background-color: #f0f0f0;
}

#menup a span {
	display: none;
}

#menup a:hover span {
	display: block;
	position: absolute;
	top: 180px;
	left: 250px;
	width: 300px;
	padding: 5px;
	margin: 10px;
	z-index: 100;
	color: #000000;
	background: #ffffff;
	font: 10px Verdana, sans-serif;
	text-align: left;
	border-left: 1px solid #000000;
}

#menup a.sublink{
	color: #000000;
	background-color: #e5e5e5;
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 7px;
	width: 170px;
	border-bottom: 1px solid #ffffff;
}

#menup a.sublink:hover{
	color: #FFFFFF;
	background-color: #000000;
}

#menup a.subsublink{
	color: #000000;
	background-color: #f6f6f6;
	display: block;
	text-decoration: none;
	padding: 3px 3px 3px 20px;
	width: 157px;
	border-bottom: 1px solid #ffffff;
}

#menup a.subsublink:hover{
	color: #FFFFFF;
	background-color: #000000;
}
#menup a.selected{
	color: #ffffff;
	background-color: #000000;
	display: block;
	text-decoration: none;
	padding: 3px;
	width: 174px;
	border-bottom: 1px solid #ffffff;
}

#menup a.elected{
	color: #ffffff;
	background-color: #000000;
	display: block;
	text-decoration: none;
	padding: 3px;
	width: 174px;
	border-bottom: 1px solid #ffffff;}
	
#menup h1{
	font-size: 100%;
	color: #ffffff;
	background-color: #000000;
	margin: 0;
	padding: 3px;
}

/* ------------ caixa de novidades ------------ */

#cnovidades {
	background-color: #ffffff;
	width: 178px;
	padding: 0;
	line-height: 12px;
	margin: 0 5px 0 0;
	color: #000000;
	border: 1px solid #c0c0c0;
}

#cnovidades ul{
	padding: 10px 0 0 0;
	margin: 0  0 0px 0;
	display: block;
	border-top: 1px dotted #c0c0c0;
}

#cnovidades li{
	margin: 0;
	background: transparent;
	display: block;
	padding: 0 10px 5px 20px;
}

#cnovidades a{
	display: inline;
	background: transparent;
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#cnovidades a:hover{
	display: inline;
	background: transparent;
	color: #FF8400;
	text-decoration: none;
	padding: 0;
	margin: 0;
}


<!-- Hide entire CSS code from IE6 -->
<![if !IE 6]>

#colunaesq {
}

.sombra {
width: 204px; /* container width*/
background: transparent url(imagens/bigshadow.gif) no-repeat bottom right;
margin-left: 7px;margin-top: 12px;}

.innerdiv {
width: 200px;
/* Add container height here if desired */
background-color: #f6f6f6;
border: 1px solid gray;
padding: 0px;
position: relative;
left: -7px; /*shadow depth*/
top: -7px; /*shadow depth*/}
<![endif]>