/* CSS Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td{margin:0;padding:0;}
address,th{font-style:normal;font-weight:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
img,fieldset{border:none;}
ol,ul{list-style:none;}
li{list-style-type:none;}


/* Div COnteudo */
#conteudo{
width:500px;
height:500px;
text-align:left;
position:relative;
}

#conteudo p{
max-width:400px;
_width:400px;
}

#conteudo ul li{
list-style-type:none;
}

#conteudo p.left{
float:left;
width:160px;
text-align:center;
margin-bottom:30px;
}

#conteudo p.right{
float:right;
width:160px;
text-align:center;
margin-bottom:30px;
}

/*===================================================================================*/
img.pagju{
float:left;
}

#links{
width:270px;
height:200px;
padding-top:30px;
padding-left:30px;
}

#links ul{
list-style-type:none;
}

#links ul li{
margin-bottom:10px;
}

/*================================================= Outras DIVs =========================================*/

#ultimos{
width:405px;
height:210px;
background:url(../img/bg_ultimos.gif) no-repeat;
margin-top:50px;
position:relative;
}

#ultimos img{
float:right;
margin:55px 13px 0 0;
}

#ultimos ul{
float:left;
margin:50px 13px 0 20px;
}

#ultimos ul li{
margin-bottom:10px;
}


#discografia{
width:320px;
height:800px;
position:relative;

}

#discografia img{
margin-bottom:10px;
}

/*
#discografia h3{
margin-bottom:10px;
}
*/



#composicoes{
width:360px;
height:450px;
background:url(../img/bg_composicoes.gif) no-repeat;
padding:15px;
position:relative;
}

#composicoes img.left{
float:left;
margin-right:10px;
margin-left:-15px;
}


#letras{
width:460px;
height:570px;
text-align:left;
padding:20px;
padding-bottom:0px;
overflow:auto;
}

#letras p{
width:430px;
}



/*========================================================CONTATO =====================================================*/
#contato{
width:340px;
height:360px;
background:url(../img/bg_contato.jpg) no-repeat;
padding:20px;
position:relative;
}

#contato input{
background:url(../img/bg_body.jpg);
border:none;
}


#contato select{
background:url(../img/bg_body.jpg);
border:none;
}

#contato input.enviar{
background:url(../img/bt_enviar.gif) no-repeat;
width:100px;
height:20px;
color:#C8C3B5;
}

#contato textarea{
background:url(../img/bg_body.jpg);
border:#E6E3DD solid 1px;
overflow:scroll; 
overflow-x:hidden; 
overflow-y:scroll
}


#contato table td {
height:35px;
_height:25px;
}

#composicoes table td{
height:35px;
font-weight:bold;
}

/*Geral */

.left{
float:left;
margin-bottom:20px;
}

.right{
float:right;
margin-bottom:20px;
}

/*==== Tabelas ====*/
#tb_agenda{
position:relative;
}

#tb_agenda td{
background:url(../img/bg_tabelas_linhas.gif) repeat-x;
height:35px;
font-weight:bold;
color:#4F452E;
}

#tb_agenda td.sem_bg{
background:none;
}

/*=================================================Galeria ================================================*/
#galeria{
float:left;
}

#galeria img{
margin-bottom:5px;
}

#thumbs_coluna{
width:167px;
height:435px;
overflow:auto;
float:right;
margin-top:90px;
}

#thumbs_coluna img {
	border: 4px solid #F7F7F4;
}

.thumbs {
	padding: 2px;
}
.thumbs img {
	border: 2px solid #F7F7F4;
}

div.galeria{ width:150px; _width:140px; height:180px;  float:left; margin:0 10px 10px 0; _margin:0 5px 5px 0;}


/*=============================================================================*/

div.box_fechado,div.box_aberto{padding:5px;cursor:pointer;}
div.box_fechado{height:18px;overflow:hidden;}
div.box_aberto{overflow:none;}
div#sol a{color:#fff;}
div#sol a:hover{color:#FF7F00;}