body {
				margin:0;
				padding:0;
				font: 14px/1.4 tahoma, verdana, arial, helvetica, sans-serif;
				text-align: center;
				background-color : black;
				background-image: url(figuras/fundo_site.jpg);
				color: white;
				background-repeat : repeat-x;}
				
			html {
                scrollbar-face-color:#444444;
                scrollbar-highlight-color:#000000;
                scrollbar-3dlight-color:#000000;
                scrollbar-darkshadow-color:#000000;
                scrollbar-shadow-color:#000000;
                scrollbar-arrow-color:#888888;
                scrollbar-track-color:#000000;}

			#corpo {
				width: 960px;
				margin: 0 auto;
				text-align: left;
				background-color :transparent ;}
				
			#topo {
				position: relative;
				width: 980px;
				height: 193px;
				background-color : transparent;
			
				background-position : center;
				background-repeat : no-repeat;	}
			
				
			/* menu */


			ul#nav {
                width: 940px;
				position: absolute;
				left: 20px;
				top: 177px;
				margin:0;
				padding: 0;}

			ul#nav li{

				display: inline;
				margin-right: 5px;
				list-style-type: none;}

			ul#nav li a{
			    width: 110px;
				float: left;
				color: #fff;
				font-size:12px;
				font-weight: bold;
				text-decoration: none;
				text-transform:uppercase;
				border-top: solid 1px #3B3B3B;
		        border-right: solid 1px black;
		        border-bottom: 1px solid #1F1F1F;
		        border-left: solid 1px #3B3B3B;
				padding: 2px 10px 2px 30px;
				background-image : url(figuras/a_link.gif);
				background-repeat : repeat-x;
			}

			ul#nav li a:hover{
				color: Silver;
				background-color: black;
				background-image : url(figuras/a_hover.gif);
				background-repeat : repeat-x;
			}
			
			/* principal e auxiliar */

			#principal{
				float: left;
				width: 580px;
				height: 520px;
				margin-top: 20px;
				margin-left: 20px;
				margin-right:60px;
				margin-bottom: 50px;
				display: inline;}

			#auxiliar{
				float: right;
				margin-top: 20px;
				margin-bottom: 50px;
				margin-right:20px;
				width: 250px;
				background-color: transparent;}
				
			#principal h4 {
				font-size:15px;
				color: white;
				background-image : url(figuras/a_link.gif);
				margin: 2px 0 10px 0}
				
			#principal hr {
				color: gray;
				margin: 2px 0 2px 0;
				border : dotted;}

			#principal h3{
				left: 50px;
				top:15px;
				font-size: 16px;
				margin:0;}

			#principal a {
				color:#E84B00;}
				
				#principal p {
				margin-top: 10px;}

			#principal a:visited {
				color:#f60;}

			#principal a:hover{
				color:#fc6;
				text-decoration: none;}
				
			h2 {font-size:20px;
				margin: 30px 0 10px 0}

			

			#fcinza {
				margin-top: 10px;
				background : #1f1f1f;}
				
		/* repertorio */
			
			#repertorio_l{
			    float: left;
				width: 420px;
				margin-top: 20px;
				margin-left: 20px;
				margin-right:90px;
				margin-bottom: 50px;
				display: inline;}
			
			#repertorio_r{
			    float: right;
				width: 420px;
				margin-top: 20px;
				margin-right:20px;
				margin-bottom: 50px;	}
				
			#repertorio_l h4 {
				font-size:15px;
				color: white;
				background-image : url(figuras/a_link.gif);
				margin: 20px 0 2px 0}
				
			#repertorio_l hr {
				color: gray;
				margin: 2px 0 2px 0;
				border : dotted;}
			 
			#repertorio_l h3{
				left: 50px;
				top:15px;
				font-size: 16px;
				margin:0;}
				
			#repertorio_l p {
			    margin: 1px 0 1px 0;
				text-transform:uppercase;}
			
				
				#repertorio_r h4 {
				font-size:15px;
				color: white;
				background-image : url(figuras/a_link.gif);
				margin: 20px 0 2px 0}
		
		    #repertorio_r hr {
				color: gray;
				margin: 2px 0 2px 0;
				border : dotted;}
			 
			#repertorio_r h3{
				left: 50px;
				top:15px;
				font-size: 16px;
				margin:0;}
				
			#repertorio_r p {
			    margin: 1px 0 1px 0;
				text-transform:uppercase;}
				
				
				
				
				
				
				
			


		
			.active a:hover{
				background-image: url(figuras/a_link.gif)! important;}


			#auxiliar h3{
				left: 50px;
				top:15px;
				font-size: 16px;
				margin:0;}

			#auxiliar a {
				color:#E84B00;}

			#auxiliar p {
				margin-top: 10px;}

			#auxiliar a:visited {
				color:#f60;}

			#auxiliar a:hover{
				color:#fc6;
				text-decoration: none;}
				
			#auxiliar hr {
				color: gray;
				margin: 2px 0 2px 0;
				border : dotted;}
				
			

			p.pular {margin: 0;
				text-indent: -100000px;}

				
				/* videos */
				
			#videos{
			border-bottom: 3px dotted gray;
			width: 940px;
			margin: 0px 20px 0 20px;}
			
			#videos_l {
			float: left;
			width: 425px;
			margin-right: 60px;}
			
			#videos_r {
			
			float: right;
			width: 455px;}
			
#videos h4 {
font-size:15px;
color: white;
background-image : url(figuras/a_link.gif);
margin: 2px 0 10px 0;
border-top: solid 1px #3B3B3B;
border-right: solid 1px black;
border-bottom: 1px solid #1F1F1F;
border-left: solid 1px #3B3B3B;}
				
#videos p {
margin-top: 10px;}
				
#videos a {
color:#E84B00;}
				
#videos p {
margin-top: 10px;}

#videos a:visited {
color:#f60;}

#videos a:hover{
color:#fc6;
text-decoration: none;}

#videos p {
margin-top: 10px;}



/* botoes dos videos */

#nav3{
		width: 200px;
		height: 55px;
		margin: 10px auto 0 auto;
		background-image : url(figuras/fundo_prev.gif);
		background-repeat : repeat-x;
	}


	#prev{
		float: left;
		width:83px;
		margin-left: 15px;
		margin-top: 9px;
		border-right: solid 2px #1f1f1f}

	#next{
		float: right;
		width:98px;
		margin-top: 9px;
		border-left: solid 2px gray}


				
				
	/* rodape */
				

			#rodape{
				clear: both;
				background-color: black;
				border-top: 1px solid white;	}

			#rodape p{
				font-size: 11px;
				margin-top: 1px;
				margin-left: 20px;}