body
    {
	background: #fff;
	margin: 0; padding: 0;
	font: 8pt verdana, arial; color: #818181;
	}
p {line-height: 1.5em; margin: 1em 0;}


div {margin:0; padding:0; width: 99.999999%;}
a img {border:0}
.oculto {display: none;}
.clear {clear:both;}


h3 {font-size: 11pt; margin: 15px 0 5px 0; padding:0;}
h4 {font-size: 9pt; margin: 10px 0 5px 0; padding:0;}

#tudo
    {
	position:relative;
	width: 960px;
	margin:0; padding:0;
	}




/*___HOME________________*/

#home_logo
	{
	float: left;
	width: 920px; height: 100px;
	margin: 50px 0 0 0; padding: 0 0 0 40px;
	}
	#home_logo h1
		{
		display:block;
		float:left;
		width: 200px; height:140px;
		margin: 0 140px 0 0;
		background:url(../imagens/logo_home.gif) left top no-repeat;
		}
		#home_logo h1 strong {display: none;}

#banner_home
	{
	float: right;
	width: 480px; height: 40px; margin: 40px 0 0 0;
	}


#home_video_player
	{
	float: right;
	width: 480px; height: 400px;
	margin: 20px 0 0 0;
	}

#home_menu
	{
	float: left;
	width: 330px; height: 150px;
	margin-top: 100px;
	/* border: 1px solid #000;*/
	}
	#home_menu ul {list-style: none; margin:0; padding:0;}
	#home_menu li a
		{
		display:block;
		padding: 0 74px 0 0;
		height: 20px; margin: 0 0 5px 0;
		}
		#home_menu li a em {display: none;}
		#home_menu li a.mn_sobre {width: 237px; background: #e5e5e5 url(../imagens/home_mn_sobre.gif) left top no-repeat;}
			#home_menu li a.mn_sobre:hover {background-position: 0 -20px;}
		#home_menu li a.mn_repertorio {width: 237px; background: #e5e5e5 url(../imagens/home_mn_repertorio.gif) left top no-repeat;}
			#home_menu li a.mn_repertorio:hover {background-position: 0 -20px;}
		#home_menu li a.mn_contato {width: 199px; background: #e5e5e5 url(../imagens/home_mn_contato.gif) left top no-repeat;}
			#home_menu li a.mn_contato:hover {background-position: 0 -20px;}
		
	


#home_login
	{
	float: left; clear:left;
	width: 300px; height: 100px;
	/*border: 1px solid #000;*/
	}

#home_login h2
	{
	display:block; float:left;
	width: 200px; height: 20px;
	background:url(../imagens/home_login.gif) left top no-repeat;
	margin-bottom: 10px;
	}
	#home_login h2 strong {display:none;}

#home_login .campo
	{
	float: left;
	width: 190px; /*border: 1px solid #090;*/
	margin-bottom: 5px;
	}
	#home_login .full {width: 300px;}

#home_login label
	{
	display:block; float: left; 
	width: 50px; padding-right: 5px; text-align:right;
	}
#home_login input.texto {width: 120px; border: 1px solid #ccc; font-size: 8pt;}

#home_login .entrar
	{
	float: left;
	width: 55px; height: 16px; padding-top: 2px;
	margin-bottom: 5px;
	}

#home_login a {font-size: 7pt !important; display: block; width: 150px; float: left; clear:both; color: #818181; text-decoration:none; margin: 0 0 0 55px; _margin: 0 0 0 30px;}
#home_login a:hover {text-decoration:underline;}





/*_____TOPO__________________________*/

#topo
	{
	position:relative;
	width: 960px; height: 100px;
	margin: 0; padding:0;
	}
#topo h1
	{
	display:block; float: left;
	width: 70px; height: 40px;
	margin: 20px 0 0 20px; padding:0; _margin: 20px 0 0 10px; 
	background:url(../imagens/logo_sup.gif) left top no-repeat;
	}
#topo h1 a 
	{
	display:block; margin: 0; padding: 0;
	width: 70px; height: 40px;
	}
	#topo h1 a strong {display:none;}

#menu_sup
	{
	float:right;
	width: 848px; height: 40px;
	margin: 40px 0 0 0;
	}
	#menu_sup ul {list-style: none; margin: 5px 0 0 0; padding: 0; float: right;}
	#menu_sup ul li {display:inline-block; margin: 0 0 0 10px; padding:0;}
	#menu_sup ul li {display:inline;}
	#menu_sup ul>li{display:inline-block;}
	#menu_sup ul li a {display: block; height: 14px;}
	#menu_sup ul li a strong {display: none;}
		#menu_sup ul li a.mn_sup_videos {width: 38px; background:url(../imagens/mn_sup_videos.gif) left top no-repeat;}
			#menu_sup ul li a.mn_sup_videos:hover {background-position: 0 -14px;}
		#menu_sup ul li a.mn_sup_sobre {width: 69px; background:url(../imagens/mn_sup_sobre.gif) left top no-repeat;}
			#menu_sup ul li a.mn_sup_sobre:hover {background-position: 0 -14px;}
		#menu_sup ul li a.mn_sup_contato {width: 49px; background:url(../imagens/mn_sup_contato.gif) left top no-repeat;}
			#menu_sup ul li a.mn_sup_contato:hover {background-position: 0 -14px;}
		#menu_sup ul li a.mn_sup_repertorio {width: 86px; background:url(../imagens/mn_sup_repertorio.gif) left top no-repeat;}
			#menu_sup ul li a.mn_sup_repertorio:hover {background-position: 0 -14px;}

#barra
	{
	float:right;
	width: 848px; height: 15px;
	}
	.barra_sobre, .barra_parceiros {background: #e31556 url(../imagens/barra_sobre.gif) 39px 0 no-repeat;}
	.barra_repertorio, .barra_clientes  {background: #f0c72c url(../imagens/barra_repertorio.gif) 39px 0 no-repeat;}
	.barra_contato {background: #0073b9 url(../imagens/barra_contato.gif) 39px 0 no-repeat;}







/*_____CONTEÚDO_____*/

#contato_form 
	{
	width: 648px; height: 300px;
	margin: 0 0 0 110px; 
	}


#coluna_esq, .coluna_esq {float: left; width: 400px; margin: 0 0 40px 110px; _margin: 0 0 40px 55px;}
#coluna_dir, .coluna_dir {float: right; width: 400px; margin: 0 0 40px 0;}

	#coluna_esq ul, #coluna_dir ul, .coluna_esq ul, .coluna_dir ul {padding: 5px; margin: 0 10px;}
	#coluna_esq ul li, #coluna_dir ul li, .coluna_esq ul li, .coluna_dir ul li {line-height: 1.5em; margin:0; padding:0;}

.box_repertorio 
	{
	float: left;
	width: 370px; margin: 15px 0;
	}





h2.clientes, h3.clientes {margin: 0 0 20px 110px !important;}
h3.clientes a {display:block; width: 100px; float:right; text-align: right; font: normal 10px verdana; margin: -15px 0 0 0 !important;}
.box_repertorio_clientes
	{
	float: left;
	width: 370px; height: 80px; margin: 0 0 30px 0;
	}
	.box_clientes {float:left; margin: 0 20px 20px 0; width: 150px;text-align:right;}



/*___________FORMULÁRIO_______________*/

div.field {width: 250px; margin: 10px 0;}
div.field label {display:block; width: 250px; height: 15px; float: left; position:relative; clear:right; color:#666; font: 10px verdana;}

input.padrao {font: 8pt verdana; color: #000; width: 250px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2px; margin: 0px;}
select.padrao {font: 8pt verdana; color: #000;}
textarea.padrao {font: 8pt verdana; color: #000; width: 250px; padding: 3px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}

.erro {font: bold 8pt arial; color: #900; text-indent: 0; padding: 5px; background: #FFFFE3; border: 1px solid #eee;}
.erro strong {color: #000;}
.sucesso {font: bold 8pt arial; color: #039; text-indent: 0; padding: 5px; background: #fafafa; border: 1px solid #eee;}
.contador {display: block; position: absolute; right:0; top: 0; text-align:right; font: 9px verdana, arial; color: #aaa;}






/*_____RODAPÉ__________________________*/

#rodape
    {
	clear:both;
	width: 940px; height: 100px;
	margin: 40px 0 0 20px; padding: 0;
	border-top: 5px solid #f5f5f5;
	}
#rodape p {text-align:center; line-height: 1em; margin: 0.5em 0;}
	