body {
background-color: #000000;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0px;
margin:0px;
}






/* ----------container to center the layout---------- */
#containerindex {

width: 800px;
height:600px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
text-align:center;
background-color:#000000;
border:1px solid #ffffff;
} 



/* --------------left navi------------- */
#leftindex {
 width:405px; 
 float:left; 
 position:relative; 
margin: 0px 0px 0px 0px;
padding:0px 0px 8px 0px; 
 }

/* logotipo*/
.logotipoindex{
width:405px;
height:99px;
float:left;
background-color:#000000;
margin:250px 0px 0px 0px;
padding:0px 0px 0px 0px;

}






/* -----------------content--------------------- */
#contentindex{ 
float:right;
width:355px;
height:auto;
margin: 0px; 
background-color:#000000;
position:relative;
top:160px;
}

.headstockindex{
float:right;
margin:-30px 0px 0px 0px;
padding:0px 0px 0px 0px;

}


.biografiaindex{
float:left;
position:relative;
top:40px;
left:55px;
}

.discografiaindex{
float:left;
position:relative;
top:10px;
left:90px;}

.conciertosindex{
float:left;
position:relative;
top:40px;
left:130px;}


.fotosindex{
float:left;
position:relative;
top:220px;
left:-150px;
}

.tiendaindex{
float:left;
position:relative;
top:250px;
left:-110px;}

.contactoindex{
float:left;
position:relative;
top:205px;
left:125px;
}

.titvideoindex{
float:left;
margin:0px 0px 0px 0px;
padding:60px 0px 0px 0px;
height:auto;
}