/* HEADER */
div#header 	
{ height: 422px; }

div#top  	
{ 
	height: 125px; 
	position: relative;
	z-index:100;
}

/* LOGO */
div#top a.logo 
{ 
	float: left; 
	display: block; 
	width: 216px; 
	height: 105px; 
	margin: 0 0 0 50px;
}

	* html div#top a.logo { margin-left: 30px; }

div#top a.link-conteudo
{
	display: none;
}

/* BANNER */
#banner
{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -466px;
	z-index: 0;
}

/* TOP-NAV */
div#top div#sec-nav
{ 
	float: left;
	text-align: right;
	margin-top: 28px;
	width: 450px;
}

	div#top ul li
	{ display: inline; }


/* MAIN NAV */
div#main-nav
{
	clear: both; 
	margin: 4px 6px; 
	height: 36px; 
}

div#main-nav ul 
{}

	div#main-nav ul li
	{
		float: left; 
		display: block;
		width: 181px;
		height: 36px;
		margin: 0 1px;
	}
	
		div#main-nav ul li a
		{
			float: left; 
			display: block;  
			width: 181px; 
			height: 36px; 
			line-height: 36px; 
			background-image: url(../imagens/menu/menu-off.jpg);
			font-size: 13px; 
			text-align: center; 
			color: #003866;
		}
	
		div#main-nav ul li a:hover
		{ 
			background-image: url(../imagens/menu/menu-on.jpg); 
			color: #FFF;	
			text-decoration: none; 
		}
		

/* HOME CONTENT */

div.home { height: 360px; }

/* COLUNA DA ESQUERDA */
div#left
{
	float: left;
	width: 720px;
}

	/* box 1 */
	div#left div#box1
	{
		float: left;
		background: url(../imagens/background/box1-bg.jpg) no-repeat;
		height: 145px;
		width: 430px;
		padding: 5px 10px;
		overflow: hidden;
		margin-right: 7px;
	}
	
		div#box1 img 	{ width: 220px; height: 145px; float: left; margin-right: 10px; }
		div#box1 h2 	{ margin-bottom: 15px; }
		div#box1 h2 a 	{ color: #003866; font-size: 16px; font-weight: normal; }
		div#box1 p 		{ margin-left: 230px; font-size: 10px; }
	
	/* box 2 */
	div#left div#box2
	{
		float: left;
		background: url(../imagens/background/box2-bg.jpg) no-repeat;
		height: 145px;
		width: 240px;
		padding: 5px 10px;
		overflow: hidden;
	}
	
		div#box2 img 	{ width: 240px; height: 65px; display: block; }
		div#box2 h2 	{ margin-bottom: 5px; }
		div#box2 h2 a	{ color: #003866; font-size: 16px; font-weight: normal; }
		div#box2 p 		{ font-size: 10px; }

	div#left hr.clear 	{ clear: both; padding: 6px 0; }

	/* box 3 */
	div#left div#box3
	{
		margin-top: 12px;
		clear: both;
		float: left;
		background: url(../imagens/background/box3-bg.jpg) no-repeat;
		width: 180px;
		height: 90px;
		padding: 5px 10px;
		overflow: hidden;
		margin-right: 10px;
	}
	
		div#box3 img 	{ width: 180px; height: 55px; display: block; }
		div#box3 h2 	{ margin-bottom: 5px; }
		div#box3 h2 a	{ color: #003866; font-size: 16px; font-weight: normal; }
		div#box3 p 		{ font-size: 10px; }

	/* box 4 */
	div#left div#box4
	{
		margin-top: 12px;
		float: left;
		background: url(../imagens/background/box4-bg.jpg) no-repeat;
		width: 450px;
		height: 80px;
		padding: 5px 10px;
		overflow: hidden;
	}
	
		div#box4 h2 	{ margin-bottom: 5px; }
		div#box4 h2 a	{ color: #003866; font-size: 16px; font-weight: normal; }
		div#box4 p 		{ font-size: 14px; }
		div#box4 ul#nutrin-na-midia li a span { color: #003866 !important; } 

	div#left hr.divisor { clear: both; padding: 6px 0; background: url(../imagens/util/horizonal-line.jpg) no-repeat; }
	
	/* utils */	
	div#left ul#util 	
	{ 
		width: 680px; 
		padding: 10px 0 0 0;
		background: url(../imagens/util/horizonal-line.jpg) no-repeat;
		
		overflow: hidden; 
		clear: both; 
	}
		div#left ul#util li { display: inline; }


/* COLUNA DA DIREITA */
div#right  
{
	float: left; 
	width: 205px; 
	margin-left: 5px; 
}

	div#right div#publicidade { margin-bottom: 10px; }
	
	div#right div#publicidade img
	{
		width: 205px;	
	}
	
	/* LOGIN */
	div#right div#login
	{
		background-color: #bcbcbc;
		background-image: url(../imagens/util/login-icon.jpg);
		background-repeat: no-repeat;
		padding: 5px;
	}
	
		div#right div#login h2
		{
			font-size: 11px;
			color: #0072c0;
			margin: 0 0 10px 40px;
		}
		
		div#right div#login label
		{
			clear: both;
			float: left;
			width: 45px;
			font-size: 10px;
			margin-bottom: 3px;
			height: 18px;
			line-height: 18px;
		}
		
		div#right div#login input
		{
			width: 110px;
			height: 18px;
			line-height: 18px;
			margin-bottom: 3px;
			font-size: 11px;
		}
		
			div#right div#login input.user
			{ width: 145px; }
			
			div#right div#login input.button
			{
				width: 30px;
				border-bottom: 1px solid #fff;
				border-right: 1px solid #fff;
				background-color: #007cc4;
				color: #FFF;
				position: relative;
				top: 2px;
			}