@charset "utf-8";
/* 
Folha de Estilo do site Musiclick.com.br
Criação de DUBCOM Branding Digital
Desenvolvido em setembro de 2009

Referências de cor para o site
Cor de fundo - o cinza escuro 	( #24211D )
Cor de texto menu 				( #A79262 )
Cor de título azul acinzentado	( #9C95A7 )
*/

html, body{
	background-color:#24211D;
	margin: 0px;
	padding: 0px;
	font-family: arial;
	font-size: 12px;
}

/* Configurações de formato Layout*/
.coluna_esq_p{
height:auto;
width:100px;
float:left;
}
.coluna_esq_m{
height:auto;
width:200px;
float:left;
}

.coluna_dir_p{
height:auto;
width:900px;
float:left;
}
.fundo_produtos{
	height:auto;
	min-width:570px;
	width:650px;
	_width:649px;
	float:left;
	background-color:#FFFFFF;
}
.coluna_dir_m{
	height:auto;
	width:670px;
	float:left;
}
.coluna_dir_m8{
	height:auto;
	width:800px;
	float:left;
}
.coluna_institucional{
	height:auto;
	width:900px;
	float:left;
	background-image:url(img/fundo_institucional2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-position:left top;
}
.coluna_meio{
height:auto;
width:700px;
float:left;
}
.coluna_meio_home{
height:auto;
width:400px;
float:left;
}
.menuaux{
	height:300px;
	width:92px;
	background-color:#333333;
	padding:4px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	color:#9C95A7;
	margin-left: 800px;
}
.fontemenu {
	font-family: Tahoma;
	font-size: 14px;
	float: left;
	height: auto;
	width: auto;
}

.box_prod{
	height:280px;
	width:190px;
	float:left;
	margin:10px;
	border:thin solid #EB3D00;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color: #000;
}
.box_prod_g_home{
	background-color:#FFFFFF;
	height:200px;
	width:590px;
	float:left;
	border:thin solid #EB3D00;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.box_prod_p_home{
	height:210;
	width:140px;
	float:left;
	margin:4px;
	border:thin solid #EB3D00;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	background-color: #FFFFFF;
}

.fundo_top{
background-image:url(img/fundomenu.jpg);
background-position:center;
background-repeat:no-repeat;
height:60px;
width:1000px;
text-align:center;
float:left;
}
.fundo_rodape {
	height: auto;
	float:left;
	width: 1000px;
	background-color: #24211D;
	text-align: center;
}
.img_rodape {
	background-image: url(img/rodape.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
	height: 42px;
	width: 1000px;
}
.fundo_textura{
	background-image:url(img/fundo1.jpg);
	background-repeat:repeat-y;
	float:left;
	height: auto;
	width: 1000px;
}
.fundo_textura_latdi{
	background-image:url(img/fundo1.jpg);
	background-repeat:repeat-y;
	float:left;
	height: auto;
	width: 900px;
	background-position: right top;
}
.fundo_textura_lates{
	background-image:url(img/fundo1.jpg);
	background-repeat:repeat-y;
	float:left;
	height: auto;
	width: 900px;
	background-position: left top;
}
.fundo_box_oferta{
	height:530px;
	width:200px;
	float:left;
	background-image:url(img/boxoferta.png);
	background-repeat:no-repeat;
	background-position:top;
	margin-left: 5px;
}

.fundo_box_oferta_home{
	height:155px;
	width:590px;
	float:left;
	background-image:url(img/bg_ofertas.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}
.box_oferta{
	width:170px;
	height:145px;
	background-color:#FFFFFF;
	margin:5px;
}
.tit_oferta{
background-color:#CC3300;
height:auto;
width:170px;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}
.form_label{
	width:120px;
	text-align:right;
	float:left;
	margin-right:5px;
	clear:both;
	height:25px;
	color:#FFFFFF;
}
.form_label_p{
	width:100px;
	text-align:right;
	float:left;
	margin-right:5px;
	clear:both;
	height:25px;
	color:#000000;
}
.input_newsletter, .select_newsletter{
	width:350px;
	float:left;
	height:20px;
	border:none;
}
#menu{
	width:1000px;
}
#menu1 {
height:78px;
border-bottom:thin solid #999999;
border-top:thin solid #999999;
}
.barravermelha{
background-image:url(img/barravermelha.jpg);
background-repeat:no-repeat;
background-position:right;
height:30px;
width:1000px;
}
#lat_musicp{
	background-image:url(img/musiclick100.jpg);
	background-image:url(../img/musiclick100.jpg);
	background-repeat:no-repeat;
	width:900px;
	_width:1000px;
	background-position:left;
	height:auto;
	float:left;
	padding-left:100px;
	background-position: left top;
}
#lat_musicg{
background-image:url(img/musiclick200.jpg);
background-repeat:no-repeat;
width:200px;
height:100%;
float:left;
}


/* Configurações de fonte*/

	.fonte_top:hover{
		font-family: Arial;
		font-size: 13px;
		text-transform: capitalize;
		color: #FFFFFF;
		font-weight: bolder;
		text-decoration:underline;

	}
	.a:hover {
		color: #FFFFFF;
	}
	.fonte_top:active{
		font-family: Arial;
		font-size: 13px;
		text-transform: capitalize;
		color: #FFFFFF;
		font-weight: bold;
		text-decoration:none;
	}
	.fonte_top:visited{
		font-family: Arial;
		font-size: 13px;
		text-transform: capitalize;
		color: #9C95A7;
		font-weight: bold;
		text-decoration:none;
	}

.title1 {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #9C95A7;
}
.tit_cinza {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #9C95A7;
}
.tit_cinza_link{
font-family:Arial;
font-size:16px;
font-weight: bold;
color: #9C95A7;
text-decoration:none;
}
.tit_cinza_link:hover{
text-decoration:underline;
}
.tit_cinza_link:active{
text-decoration:none;
}
.tit_cinza_link:visited{
text-decoration:none;
}
.tit_cinza_link:link{
text-decoration:none;
}
.tit_cinza_e {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #9C95A7;
	letter-spacing:15px;
}
 .tit_cinza_e_link{
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #9C95A7;
	letter-spacing:15px;
	text-decoration:none;
}
.tit_cinza_e_link:hover{
text-decoration:underline;
}
.tit_cinza_e_link:active{
text-decoration:none;
}
.tit_cinza_e_link:visited{
text-decoration:none;
}
.tit_cinza_e_link:link{
text-decoration:none;
}

.tit_cinza_p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #9C95A7;
}
 .tit_cinza_p_link{
font-family:Arial;
font-size:12px;
font-weight: bold;
color: #9C95A7;
text-decoration:none;
}
.tit_cinza_p_link:hover{
text-decoration:underline;
}
.tit_cinza_p_link:active{
text-decoration:none;
}
.tit_cinza_p_link:visited{
text-decoration:none;
}
.tit_cinza_p_link:link{
text-decoration:none;
}

.tit_cinza_psn {
	font-family: arial;
	font-size: 12px;
	color: #9C95A7;
}
.text_cinza_esc{
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #24211D;
}
.text_cinza_esc_link{
font-family:Arial;
font-size:12px;
font-weight: bold;
color: #24211D;
text-decoration:none;
}
.text_cinza_esc_link:hover{
text-decoration:underline;
}
.text_cinza_esc_link:active{
text-decoration:none;
}
.text_cinza_esc_link:visited{
text-decoration:none;
}
.text_cinza_esc_link:link{
text-decoration:none;
}
.tit_marrom {
	font-family: arial;
	font-size: 14px;
	font-weight: bolder;
	color: #A79262;

}
.tit_marrom_g{
	font-family: arial;
	font-size: 20px;
	font-weight: bolder;
	color: #A79262;

}
.tit_marrom_g16{
	font-family: arial;
	font-size: 16px;
	font-weight: bolder;
	color: #A79262;
}
 .marrom_g16_link{
	font-family: arial;
	font-size: 16px;
	font-weight: bolder;
	color: #A79262;
	text-decoration:none;
}
.marrom_g16_link:hover{
text-decoration:underline;
}
.marrom_g16_link:active{
text-decoration:none;
}
.marrom_g16_link:visited{
text-decoration:none;
}
.marrom_g16_link:link{
text-decoration:none;
}
.tit_marrom_p {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #A79262;
}
.tit_marrom_psn {
	font-family: arial;
	font-size: 12px;
	color: #A79262;
}
 .tit_marrom_p_link{
font-family:Arial;
font-size:12px;
font-weight: bold;
color: #A79262;
text-decoration:none;
}
.tit_marrom_p_link:hover{
text-decoration:underline;
}
.tit_marrom_p_link:active{
text-decoration:none;
}
.tit_marrom_p_link:visited{
text-decoration:none;
}
.tit_marrom_p_link:link{
text-decoration:none;
}

.tit_marrom_pr {
	font-family: arial;
	font-size: 10px;
	color: #A79262;
	text-align: center;
}

.btn_escuro{
	background-color:#000000;
	font-family: Arial;
	font-size: 11px;
	color: #FFFF00;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	font-weight: bold;
}
.de{
text-decoration:line-through;
color:#000;
}
.por{
font-size:18px;
color:#EB3D00;
font-family:Arial;
font-weight:bolder;
}
.atencao{
	font-size:16px;
	color:#9A2A29;
	font-family:Arial;
	font-weight:bolder;
}
.reais{
background-color: #0065B3;
height:20px;
width:20px;
font-family: Arial;
font-size:16px;
font-weight:bolder;
color:#6AC334;
}
.tit_preto {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.tit_preto_g {
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.text_preto {
	font-family: arial;
	font-size: 12px;
	color: #000;
}
.text_preto_n {
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.text_preto_pq {
	font-family: arial;
	font-size: 11px;
	color: #000;
}

.tit_preto_e {
	font-family: arial;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	letter-spacing:15px;
}
.text_branco{
font-family:Arial;
font-size:12;
font-weight:normal;
color:#FFFFFF;
}

 .text_branco_link{
font-family:Arial;
font-size:12px;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}
.text_branco_link:hover{
text-decoration:underline;
}
.text_branco_link:active{
text-decoration:none;
}
.text_branco_link:visited{
text-decoration:none;
}
.text_branco_link:link{
text-decoration:none;
}

 .tit_marrom_menulat_link{
	font-family:Arial;
	background-image:url(img/bg_tit_menuvert.jpg);
	font-size:12px;
	color: #FFFFFF;
	text-decoration:none;
	margin-bottom: 5px;
}
.tit_marrom_menulat_link:hover{
text-decoration:underline;
}
.tit_marrom_menulat_link:active{
text-decoration:none;
}
.tit_marrom_menulat_link:visited{
text-decoration:none;
}
.tit_marrom_menulat_link:link{
text-decoration:none;
}


/* MENU  */


.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;position:relative;z-index:1;}
.qmmc .qmdividery{float:left;width:0px;}
.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}
.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}
.qmmc {position:relative;zoom:1;z-index:1;}
.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}
.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}
.qmsh div a {float:left;}
.qmmc div{visibility:hidden;position:absolute;}
.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}
.qmmc .qmcbox a{display:inline;}
.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}
.qmmc li {z-index:auto;}
.qmmc ul {left:-10000px;position:absolute;z-index:10;}
.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}
.qmmc li a {float:none}
.qmmc li:hover>ul{left:auto;}
#qm0 ul {
	top:100%;
/*	background-color: #000;
*/
}
#qm0 ul li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		margin-top:23px;
		padding:13px 0px 0px 10px;
		margin:0px ;
	}

	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{
	color:#9C95A7;
	font-family:"Arial";
	font-size:10px;
	text-decoration:none;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	}

	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{
	color:#FFF;

	}

	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#FFF;
	}

	/*"""""""" (MAIN) Parent Items""""""""*/	
	.qmparent1:a{
		width:80px;
	}
	.qmparent:a{
		width:80px;
	}

	#qm0 .qmparent	
	{
	background-position:92% 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	}
	#qm0 .qmparent_rodape	
	{
	background-position:92% 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	}
.pontomenu {
	margin-right: 5px;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	float: left;
}


	/*"""""""" (MAIN) Active State""""""""
	Se tirar esta largura, o menu cai pra baixo se passaomouse
	*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		text-decoration:none;
		width:auto;
	}

	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{
	background-color:#24211D;
	z-index:auto;
	letter-spacing:normal;
	}

	/*"""""""" (SUB) Items""""""""
	Este muda a o estilo do sublink
	*/	
	#qm0 div a, #qm0 ul a	
	{
		color:#9C95A7;
		padding:5px 10px 5px 5px;
		font-size:11px;
	letter-spacing:normal;
	}

	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #9C95A7;
		color:#FFFFFF;
	letter-spacing:normal;
	}

	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C95A7;
		color:#fff;
	letter-spacing:normal;

	}

	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{
		color:#fff;
		z-index:9999;
	letter-spacing:normal;
	}

	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{
		margin:2px 5px 5px 5px;
		font-family:Arial;
		letter-spacing:normal;
		font-size:13px;
	}

	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		text-decoration:none;
		margin:4px 5px 4px 5px;
		letter-spacing:normal;
	}

	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C95A7;
	letter-spacing:normal;
}

	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li .qmparent	
	{	
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C95A7;
	letter-spacing:normal;
}
	
	#qm0 .qmparent:hover	
	{	
	color:#fff;
	width:auto;
	letter-spacing:normal;
	}
	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive { 		
		color:#9C95A7;
		text-decoration:underline;
	}
	
	
.linha_noticias {
	height: 2px;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(img/linha_noticias.jpg);
}
.bg_tit_busca {
	background-image: url(img/bg_tit_destaque.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 800px;
	padding-top: 6px;
	padding-left: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
}