@import url(css/fotosVideos.css);
@import url(css/showroom.css);
@import url(css/estaEdicao.css);
@import url(css/outrasEdicoes.css);
@import url(css/materia.css);
@import url(css/videos.css);
@import url(css/clipping.css);
@import url(css/materiaBusca.css);
@import url(css/top10outros.css);
@import url(css/produtos_lateral.css);
@import url(css/categoria.css);
@import url(css/tendencias.css);
@import url(css/produtosHorizontal.css);
@import url(css/musicas.css);
@import url(css/materiasTendencias.css);
@import url(css/produtos.css);
@import url(css/contato.css);
@import url(css/cadastro.css);
@import url(css/top10.css);
@import url(css/areaVip.css);
@import url(css/receitas.css);


@import url(css/scroll.css);
@import url(css/dhtmlxcolorpicker.css);



@charset "utf-8";
/* CSS Document */

body{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background-image:url(images/fundo.gif);
	background-repeat:repeat-x;
	background-color:#ececec;
	margin:0px;
	overflow-x: hidden;
}


#tools{text-align:right;}
form{
	margin:0px
	}
	
a {
	outline: none;
}

.bold{font-weight:bold}

#toolsAreaVip{
	position:absolute;
	left:50%;
	margin-left:20px;
	top:90px;
	}
#toolsAreaVip a,#toolsAreaVip{
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	color:#fff;
	text-decoration:none;
	}
	
#toolsAreaVip a:hover{
	text-decoration:underline;
	}
	
#thumbs{	
	background-color:#000;
	padding:10px
}

#thumbs a img{
	margin:6px 2px 6px 2px;
	border:1px solid #000;
	}
#thumbs a:hover img{
	border:1px solid #af4f9a;
	}
/*------------------------------------------------------
	Header
------------------------------------------------------*/

/* Edi��es Anteriores */

.edic1, .edic2, .edic3 {
	float:left;
	display:block;
	background-repeat:no-repeat;
	width:50px;
	height:89px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:white;
	text-align:center;
	text-decoration:none;
}

.edic1{
	background-image:url(images/e1.gif);
	line-height:35px;
}

.edic1:hover{
	background-image:url(images/e1_hover.gif);
	background-repeat:no-repeat;
}


.edic2{
	background-image:url(images/e2.gif);
	line-height:40px;
}
.edic2:hover{
	background-image:url(images/e2_hover.gif);
	background-repeat:no-repeat;
}


.edic3{
	background-image:url(images/e3.gif);
	line-height:45px;
}
.edic3:hover{
	background-image:url(images/e3_hover.gif);
	background-repeat:no-repeat;
}


/* Login */


#login input{
	background-color:#470725;
	border:none;
	color:white;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	height:18px;
	padding-top:3px;
	padding-left:6px;
	}

/* Menu top (institucional) */

#topMenu a{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#7e7e7e;
	text-decoration:none;
	font-weight:bold;
	}
	
#topMenu a:hover{
	color:#991352;
	}


/* Cadastre-se*/

#topCadastro{
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:white;
	position:absolute;
	background-color:#ff0077;
	width:130px;
	height:35px;
	text-align:center;
	padding-top:18px;
	font-weight:bold;
	margin-top:69px;
	*margin-top:68px;
	margin-left:692px;
	text-decoration:none;
	}
	
#topCadastro:hover{
	background-color:#991352;
	}

/* logo */

#logo{
	position:absolute;
	left:50%;
	margin-left:-485px;
	margin-top:30px;
	}


/* menu principal */

#menu{
	margin-bottom:-1px
	}

#menu #subMenu{
	background-color:#690835;
	position:absolute;
	width:200px;
	margin-top:27px;
	}

#menu #subMenu a{
	display:block;
	width:100%;
	height:24px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	size:13px;
	color:white;
	padding-top:6px;
	padding-left:6px;
	text-decoration:none;
	text-indent:10px;
}

#menu #subMenu a:hover{
	background-color:#ff0077;

}


#mainBusca td{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#868686;
	}
#mainBusca input,#mainBusca select{
	background-color:#e2e2e2;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	border:none;
	
}
#mainBusca input{
	height:18px;
	padding-top:3px;
	padding-left:6px;
	color:#616161;
	}
	
#mainBusca select{
	height:22px;
	padding-top:3px;
	padding-left:6px;
	color:#616161;
}
	
/*------------------------------------------------------
	Body
------------------------------------------------------*/

#mainContent{
	background-image:url(images/backMainContent.gif);
	background-repeat:repeat-y;
	padding:3px 2px 3px 4px;
}


/* materia chamada */


.materiaCH{
	display:block;
	height:97px;
	float:left;
	overflow:hidden;
	margin:18px 0px 10px 13px;
	color:#3e3e3e;
	text-decoration:none;
	line-height:17px;
}

.materiaCH img{
	float:left;
	border:1px solid white;
	margin-right:5px;
}

.materiaCH .title {
	font-weight:bold;
	margin-bottom:3px;
}

.materiaCH span{
	display:block;
}


.materiaCH .categoria{
	line-height:9px;
	font-size:9px;
	color:#999;
	font-weight:bold;
	text-transform:uppercase;
}

/* materia chamada - hover */

.materiaCH:hover .title{
	color:#ff0077 !important
	}

/* top 10 Home */

#top10_home{
	position:inherit;
	display:block;
	float:right;
	margin-left:10px;
	margin-top:-8px;
	margin-right:-1px;
	}

#top10_home .top10Img{
	height:390px;
	text-align:center;
	overflow:hidden;
	width:263px;
	}


#top10_home .legenda{
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:white;
	font-weight:bold;
	}


#top10_home b{
	color:#ffba00;
	}
#top10_home .itens{
	background-color:#a06600;
	}

#top10_home .itens td a{
	display:block;
	height:30px;
	font-size:11px;
	line-height:30px;
	text-decoration:none;
	text-align:center;
	width:100%;
	background-color:#d98a00;
	color:white;
	font-weight:bold;
	}

#top10_home .itens td a:hover{
	background-color:#ffba00;
	}


/* cadastro meio conteudo */
#cadastroMeio{
	margin-top:1px;
	margin-bottom:30px
	}
#cadastroMeio input{
	background-color:#3c021d;
	border:none;
	height:21px;
	padding-top:6px;
	padding-left:6px;
	width:320px;
	color:white;
	font-size:11px;
}



/*------------------------------------------------------
	rodape
------------------------------------------------------*/

#rodape{
	display:block;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	line-height:18px;
	>html margin-left:-1px; /* firefox */
	

	}