/* CSS Document */
/*############# CAIXA QUE ENCLAUSURA TODO O SITE #############*/
#div_mestra{
width: 950px;
padding:0px;
margin: 0 auto;  /* << QUANDO TERMINAR TIRA O COMMENT*/
}


/*############# CORRESPONDE AO TOPO TODO #############*/
#div_topo{
width: 950px;
margin:0px;
padding:0px;
text-align:right;
background-color:#dedede;
height:22px;
clear:both;
}
#newsletter_escondida{
	position:relative;
	left: 515px;
	top: 23px;	
	float:left;
	width: 173px;
	z-index:100;
	text-align:left;
	background-image:url(../imgs/fundo_box2.gif);
	background-repeat: repeat;
	margin-bottom:-180px;
	padding-bottom:7px;
	padding-right:20px;
	padding-left:10px;
	visibility:hidden;
	clear:both;
}
#login_minhaconta{
	position:relative;
	left: 569px;
	top: 88px;	
	float:left;
	z-index:101;
	width: 173px;
	text-align:left;
	background-image:url(../imgs/fundo_box1.gif);
	background-repeat: repeat;
	margin-bottom:-280px;
	padding-bottom:7px;
	padding-right:15px;
	padding-left:10px;
	visibility:hidden;
	clear:both;
}

#login_arearestrita{
	position:relative;
	left: 1px;
	top: 10px;	
	float:left;
	z-index:102;
	width: 173px;
	text-align:left;
	background-image:url(../imgs/fundo_box2.gif);
	background-repeat: repeat;
	margin-bottom:-280px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:10px;
	visibility:hidden;
	clear:both;
}

#div_marca{
width: 256px;
text-align:right;
float:left;
z-index:1;
clear:both;

}
#div_menuobras{
width: 185px;
text-align:left;
float:left;
margin-left:93px;
margin-top:20px;
background-image:url(../imgs/fundo_obras.gif);
background-repeat:no-repeat;

}
#div_pedidos{
width: 185px;
text-align:left;
float:left;
margin-left:35px;
margin-top:20px;
background-image:url(../imgs/fundo_pedidos.gif);
background-repeat:no-repeat;
}
#div_artistas{
width: 185px;
text-align:left;
float:left;
margin-left:30px;
margin-top:20px;
background-image:url(../imgs/fundo_artistas.gif);
background-repeat:no-repeat;
}



/*############# CORRESPONDE AO MIOLO CENTRAL  #############*/
#div_miolo{
width: 730px;
text-align:left;
float:left;
clear:both;
background-color:#f3f4ef;
background-repeat:repeat-x;
background-image:url(../imgs/fundo_tracejado.gif);
margin-bottom:25px;
padding-top:5px;
padding-bottom:9px;
}
#div_miolo_grande{
clear:both;
width: 933px;
text-align:left;
float:left;
background-color:#f3f4ef;
background-image:url(../imgs/fundo_tracejado.gif);
background-repeat:repeat-x;
margin-left:13px;
margin-bottom:25px;
padding-left:20px;
padding-top:5px;
}


/*############# CORRESPONDE A BARRA LATERAL VERTICAL DIREITA #############*/
#div_lateral{
width:180px;
top:0px;
right:-20px;
position:relative;
text-align:left;
float:left;
margin-left:0px;
}
#div_lateral_a{
position:relative;
width: 170px;
text-align:left;
background-color:#f3f4ef;
background-image:url(../imgs/fundo_tracejado.gif);
background-repeat:no-repeat;
padding-left:10px;
padding-right:20px;
text-transform:uppercase;
padding-top:7px;
padding-bottom:9px;
margin-bottom:9px;/* >>>>>>> #####################  AtEnçÂO!! TIRAR QUANDO MANDAR EXIBIR o LATERAL_B##############*/
}
#div_lateral_b{
	position:absolute; /* >>>>>>> ##################### AtEnçÂO!!  COLOCAR COMO RELATIVE QUANDO MANDAR EXIBIR #############*/
	width: 170px;
	text-align:left;
	background-image:url(../imgs/fundo_box1.gif);
	background-repeat: repeat;
	margin-top:7px;
	padding-right:20px;
	padding-left:10px;
	padding-top:7px;
	padding-bottom:9px;
	visibility: hidden; /* AtEnçÂO!!  >>>>>>> ##################### COLOCAR VISIBLE PARA MANDAR EXIBIR #############*/

}
#div_lateral_c{
position:relative;
width: 170px;
text-align:left;
background-image:url(../imgs/fundo_box2.gif);
background-repeat: repeat;
margin-top:7px;
padding-right:20px;
padding-left:10px;
padding-top:7px;
padding-bottom:9px;
}
#div_lateral_d{
position:relative;
width: 170px;
text-align:left;
background-image:url(../imgs/fundo_box3.gif);
background-repeat: repeat;
margin-top:7px;
padding-right:20px;
padding-left:10px;
padding-top:7px;
padding-bottom:9px;
}

#div_lateral_e{
position:relative;
width: 170px;
text-align:left;
background-image:url(../imgs/fundo_box1.gif);
background-repeat: repeat;
margin-top:7px;
margin-bottom:25px;
padding-right:20px;
padding-left:10px;
padding-top:7px;
padding-bottom:9px;
}



/*############# CORRESPONDE AO RODAPÉ  #############*/
#div_rodape {
margin: 0 auto; /* <<  QUANDO terminar TIRA O COMMENT*/

width:950px;
height:140px;
text-align:left;
clear:both;
padding-bottom:9px;
padding-bottom:0px;
margin-bottom:0px;

}
#div_rodape_interno {
margin: 0 auto; /* <<  QUANDO terminar TIRA O COMMENT*/
background-color:#dedede;
width:950px;
height:140px;
text-align:left;
clear:both;
padding-bottom:9px;
padding-bottom:0px;
margin-bottom:0px;

}
#div_rodape_col_1 {
margin-left:35px;
padding-top:20px;
float:left;
}

#div_rodape_col_2 {
margin-left:55px;
padding-top:20px;
float:left;
}

#div_rodape_col_3 {
margin-left:55px;
padding-top:20px;
float:left;
}

#div_rodape_col_4 {
margin-left:55px;
padding-top:20px;
float:left;
}

#div_rodape_marca {
width:200px;
float:right;
}