body {
			background: #F1F1F1;
			color: #000;
			font: normal 11px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 0;
		}
		
		img {
			border: 0;
		}
		
		div {
			background: #88A300;
			height: 530px;
			margin: 0;
			padding: 0;
			width: 730px;
		}
		
		p {
			color: #000;
			font: normal 11px Verdana, Arial, Helvetica;
			line-height: 15px;
			text-align: justify;
		}
		
		a {
			color: #FFF;
			font: normal 11px Verdana, Arial, Helvetica;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}

		.topo {
			margin: 0;
			padding: 0;
		}
		
		.conteudo {
			margin: 0;
			padding: 0;
		}
		
		.header {
			background: #F1F1F1 url(../images/bkg_header.gif) no-repeat;
			height: 86px;
			margin: 0;
			padding: 0;
		}
		
		h3 {
			color: #000;
			font: bold 12px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 62px 33px 0 292px;
		}

		.menu {
			background: #CCD5AC;
			height: 25px;
			margin: 0;
			padding: 0;
		}
		
		.esq {
			float: left;
			height: 398px;
			margin: 20px 0 0 25px;
			_margin: 20px 0 0 0;
			padding: 0;
			_padding: 0 0 0 25px;
			width: 380px;
			_width: 355px;
		}
		
		.dir {
			float: right;
			height: 375px;
			margin: 20px 25px 0 0;
			_margin: 20px 0 0 0;
			padding: 0;
			width: 275px;
		}
		
		.visualizacao {
			height: 270px;
			margin: 0;
			text-align: center;
			width: 380px;	
		}
		
		.visualizacao p {
			margin: 0;
			padding: 0;
			text-align: center;
		}
		
		.visualizacao_hp {
			height: 375px;
			margin: 0;
			padding: 0;
			text-align: center;
			width: 680px;
		}
		
		.transc {
			background: #95AD1C;
			height: 85px;
			_height: 105px;
			margin: 0;
			padding: 10px;
			overflow-y: scroll;
			width: 360px;
			_width: 380px;
		}
		
		.transc h3 {
			color: #000;
			font: bold 11px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 0 0 10px 0;
		}
		
		.transc p {
			color: #000;
			font: normal 11px Verdana, Arial, Helvetica;
			line-height: 13px;
			margin: 0;
			padding: 0 0 10px 0;
			text-align: justify;
		}
		
		.conteudo {
			background: #95AD1C;
			height: 365px;
			_height: 375px;
			margin: 0;
			_margin: 0 25px 0 0;
			padding: 0 10px 10px 10px;
			width: 255px;
			_width: 275px;
		}
		
		.conteudo h3 {
			color: #000;
			font: bold 11px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 10px 0 10px 0;
		}
		
		.conteudo p {
			color: #000;
			font: normal 11px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 0 0 10px 0;
		}
		
		.conteudo a {
			color: #FFF;
			font: normal 11px Verdana, Arial, Helvetica;
			margin: 0;
			padding: 0;
			text-decoration: none;
		}
		
		.conteudo a:hover {
			text-decoration: underline;
		}
		
		.conteudo ul {
			margin: 0;
			padding: 0;
		}
		
		.conteudo ul li {
			color: #626262;
			font: normal 11px Verdana, Arial, Helvetica;
			list-style: url(../images/img_bullet.gif);
			margin: 0 0 5px 18px;
			padding: 0;
		}
		
		/* menu */
		ul.menu_horizontal, ul.menu_horizontal li {
			background: #CCD5AC; /* IE6 Bug */
			color: #636363;
			font: bold 1em verdana, arial, helvetica;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		
		ul.menu_horizontal {
			border-bottom: solid 1px #F1F1F1;
			cursor: default;
			left: 0;
			padding: 0 0 0 30px;
			position: absolute;
			top: 86px; /* navbar top position this DOES NOT already include 1px compensation on TOP, for list-item border collapse (1px defaults to around 0.05em) */
			width: 700px;
			_width: 730px;
			z-index: 2000;
			}
		
		ul.menu_horizontal li {
			cursor: pointer;
			cursor: hand;
			float: left;
			left: 0; /* navbar items' left position relative to the container this DOES NOT already include 1px compensation on LEFT, for list-item border collapse (1px defaults to around 0.05em) */
			margin: 0 0 0 -1px; /* shift list-items to collapse borders horizontally */
			position: relative;
			text-align: left;
			width: auto;
			}
		
		* html ul.menu_horizontal li {
			margin: 0 -1px 0 -1;
			}
		
		ul[class^="menu_horizontal"] li {
			margin: 0 -1px 0 -1px;
			left: 0;
			}
		
		ul.menu_horizontal ul {
			cursor: default;
			left: -10000px; /* position menus off the screen to hide because using display, visibility, overflow or clip, would hide them from browser-based screenreaders as well using left this time because top doesn't work correctly in safari and using px because left:-Nem causes a horizontal scrollbar in some opera builds it also has the advantage that menus which might extend beyond the window won't create a horizontal scrollbar unless they're open */
			margin: 2px 0 0 0; /* menu offset, which already includes 1px compensation for list-item border collapse */
			_margin: 0; /* menu offset, which already includes 1px compensation for list-item border collapse */
			padding: 0;
			position: absolute;
			top: auto;
			width: 220px; /* menu width */
			z-index: 2020;
			}
			
		ul.menu_horizontal ul li {
			left: auto; /* compensate for navbar positioning */
			margin: -1px 0 0 0; /* shift list-items to collapse borders vertically */
			width: 220px; /* duplicate menu width */
			}
		
		ul.menu_horizontal ul ul {
			/* this DOES NOT already include 1px compensation on TOP and LEFT, for list-item border collapse (1px defaults to around 0.05em) */
			margin: 0;
			/* overlapping the menus improves usability */
			}
		
		@media Screen, Projection { 
			ul.menu_horizontal li:hover > ul {
				left:auto;
				}
			ul.menu_horizontal ul li:hover > ul {
				top:0;
				}
			}
		
		ul.menu_horizontal a, ul.menu_horizontal a:visited {
			color: #636363;
			cursor: hand;
			cursor: pointer;
			display: block;
			font: bold 1em  verdana, arial, helvetica;
			padding: 6px 20px 6px 0;
			text-decoration: none;
			}
		
		ul.menu_horizontal a:hover, ul.menu_horizontal a:focus, ul.menu_horizontal a.rollover, ul.menu_horizontal a.rollover:visited {
			color: #636363;
			text-decoration: none;
			}
		
		ul.menu_horizontal ul a, ul.menu_horizontal ul a:visited {
			background-color: #EBF0DA;
			border: solid 1px #80A000;
			color: #626262;
			cursor: hand;
			cursor: pointer;
			display: block;
			font: normal 1em  verdana, arial, helvetica;
			margin: -1px 0 0 0;
			padding: 5px;
			text-align: right;
			text-decoration: none;
			top: 2px;
			}
		
		ul.menu_horizontal ul a:hover, ul.menu_horizontal ul a:focus, ul.menu_horizontal ul a.rollover, ul.menu_horizontal ul a.rollover:visited {
			background: #DADFCB;
			color: #626262;
			text-decoration: none;
			}
		
		ul.menu_horizontal a { float: left; }
		
		@media Screen, Projection { ul.menu_horizontal a { float: none; } }
		
		ul.menu_horizontal a:not(:nth-child(n)) { float: left; }
		
		ul.menu_horizontal ul a { float: none !important; }
		
		@media screen, projection {
			* html ul.menu_horizontal li {
				opacity: 0;
				filter: alpha(opacity=0);
				background-color: #FFF; /* this cures 'events fall through the menu' bug in ie6 you can can change the color, but don't remove it or use an image */ 
				display: inline; /* for ie5.0 */
				f\loat: left; /* for ie5.5+ */
				}
			}
		
		* html ul.menu_horizontal li { position: static; }
		* html ul.menu_horizontal a { position: relative; }
		
		/* hide menus from konqueror < 3.2 */
		ul[class^="menu_horizontal"] ul { display: none; }
		ul[class^="menu_horizontal"] ul { displa\y: block; }