BODY {
	background-color: #8bc7eb;
	margin: 0;
	padding: 0;
	text-align: center;
}

#sombra {
	background: url(img/sombra.png) repeat-y center top;
}

#fundo {
	background: url(img/fundo.png) no-repeat center top #b1d4f0;
}

#principal {
	position: relative;
	margin: 0 auto;
	background: url(img/fundo_principal.png) repeat-x #eaf2f7;
	width: 778px;
	text-align: left;
}

#logo {
	position: absolute;
	top: 7px;
	left: 15px;
}

#menu {
	position: absolute;
	top: 68px;
	left: 10px;
	width: 400px;
	z-index: 10;
	clip: rect(0px 200px 400px 0px);
}

#menu_html { 
	display: none; 
}

#menu ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.menu_html {
	text-decoration: none;
	background: url(img/menu.gif) no-repeat top left #4487ac;
	padding: 3px 3px 3px 14px;
	list-style: none;
	display: block;
	width: 183px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	border-bottom: dashed 1px #FFFFFF;
}

.menu_html:hover{
	background-color: #167b94;
	text-decoration: none;
}

.submenu_html {
	text-decoration: none;
	background: url(img/submenu.gif) no-repeat top left #81adc4;
	padding: 2px 2px 3px 24px;
	list-style: none;
	display: block;
	width: 174px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.submenu_html:hover{
	background-color: #2d6689;
	text-decoration: none;
}


#coluna {
	margin: 0 0 0 220px;
}

#ferramentas {
	padding-top: 3px;
	width: 460px;
	height: 64px;
	padding-left: 90px;
}

#banner {
	width: 550px;
	height: 140px;
	z-index: 6;
}

#rodape{
	background: url(img/rodape.png) repeat-x #0080c2;
	width: 100%;
	height: 29px;
}


@media print {

	#logo {
		position: relative;
		display: block;
		margin-bottom: 20px;
	}

	#banner {
		position: relative;
		display: block;
		margin-left: 20px;
	}
	
	#menu, #menu_html, #ferramentas, #rodape {
		display: none;
	}
	
	#coluna {
		margin: 0;
	}	

}