/*  PAGE LAYOUT   */

#header {
	background: #F7C92F;
}

#layout_container {
	/* width: 960px; */
	margin: 0 auto;
	
	/* border: solid 1px #000;  */
}

#top_nav {
	background-color: #000;
	margin-bottom: 10px;
}

#top_nav a{
	color: #fff;
	text-decoration: none;
}

#left {
	/* width: 180px; */
	width: 16%;
	float: left;
	/* padding-top: 30px; */
	padding: 30px 0px 0px 15px;
	/*  background-color: #ffff00;  */
}

#content {
	/* width: 600px; */
	width: 68%;
	float: left;
	padding: 12px 12px;
}

#right {
	/* width: 180px; */
	width: 16%;
	float: left;
	/* background-color: #ccc;  */
}

#margin-bottom {
	clear: both;	
}

#footer {
	margin-top: 10px;    /* nao funciona  */	
}



/*  LEFT NAVIGATION  */

#left {
	background-color: #F0F8FF;
}


#left ul {
    list-style-type: none;
	/*  list-style-image: url('../images/nav_dot.png');  */
	
    margin: 0;
    padding: 0;
    width: 100%; 
    /* background: #FFA500;	*/
	/* background: #5F9EA0; */ 
	/* background: #2F4F4F; */

}

#left ul li {
	/*  list-style:none;  */
	margin:0;
	padding-left:0px;
}

#left p.section_title {
	font-size: 2vw;
	color: #FF8C00;
}

#left ul li.catHeader {
	list-style:none;
	margin:0;
	margin-top: 10px;
	padding-left:3px;
	/* background: #CAD2D2; */
	color: #000;
	font-weight: bold;
}

#left ul li.catHeader:first-child {
	list-style:none;
	margin:0;
	
	padding-left:3px;
	/* background: #CAD2D2; */
	color: #000;
	font-weight: bold;
}

#left ul li.catSubHeader{
	color: #DC143C;
}


#left ul li.catItem{
	list-style:none;
    background-image: url('../images/nav_dot.png');
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: .6em;
}


#left ul li a {
	display:block;
	
	/*  background: #F5F5F5;  */
	color: #000;
    /* padding: 8px 16px; */
	padding: 5px 5px;
	line-height:.5em;
    text-decoration: none;	
}

#left ul li a:hover {
	/* background: #D3D3D3;  */
	color:#FFA500;	
}

#left ul li a.categoriesMenuActiveItem,
#left ul li a.categoriesMenuActiveItem:hover {
	background: #D3D3D3;
	color:#20B2AA;	
}

.categoriesMenuActiveItem {
	background: #D3D3D3;
	color:#20B2AA;	
}


#left ul li a.active { /*  active left menu item  */
	/*  background: #D3D3D3;  */
	color:#FFA500;	
}

/*  RIGHT NAVIGATION  */
#right div {
	margin-top: 20px;
	margin-left: 20px;
	
}

#right div h4 {
	color: #808080;
}
#right ul li a {
	color: #FFA500;
}

#right ul li a:hover {
	/* background: #D3D3D3;  */
	text-decoration: underline;	
}



#right ul li a.active {
	color: #000000;
}

/*
#content { 
	padding: 0 20px; 
	width: 100%;
	margin-top: 10px;	
}

*/

#content, #left, #right, #footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}