/********************************************
   AUTOR: Víctor Sánchez 
   WEBSITE: http://www.matibruno.es/
   VERSION: 1.0
	 ÚLTIMA MODIFICACIÓN: 22 Abril 2009          	
 *******************************************/ 
 

/* Cuerpo
----------------------------------------------- */
body {
	margin:0; 	
	padding: 0;
	font: normal .80em/1.5em 'Trebuchet MS', Verdana;
	color: #8B8B89;
	background: #000000 url(../imagenes/body.jpg) center top repeat-x;
	text-align: center;	
	height: 100%;	
}

/********************************************
               Estilos   	
 *******************************************/ 

/* Links
----------------------------------------------- */
a {
  outline: none;
	color: #C2B499; 
	text-decoration: none; 
}

a:hover { 
  color: #B9A067; 
  text-decoration: none; 
}

.iniciorollover {
  display: block;
  width: 118px;
  height: 44px;
  background: url(../imagenes/inicio.jpg) no-repeat;
  text-indent: -9999px;
}
		
a.iniciorollover:hover {
  background-position: -118px;
}

.biorollover {
  display: block;
  width: 126px;
  height: 44px;
  background: url(../imagenes/biografia.jpg) no-repeat;
  text-indent: -9999px;
}
		
a.biorollover:hover {
  background-position: -126px;
}

.blogrollover {
  display: block;
  width: 80px;
  height: 44px;
  background: url(../imagenes/blog.jpg) no-repeat;
  text-indent: -9999px;
}
		
a.blogrollover:hover {
  background-position: -80px;
}

.fotosrollover {
  display: block;
  width: 96px;
  height: 44px;
  background: url(../imagenes/fotos.jpg) no-repeat;
  text-indent: -9999px;
}
		
a.fotosrollover:hover {
  background-position: -96px;
}

.videosrollover {
  display: block;
  width: 88px;
  height: 44px;
  background: url(../imagenes/videos.jpg) no-repeat;
  text-indent: -9999px;
}
		
a.videosrollover:hover {
  background-position: -88px;
}

/* Encabezados
----------------------------------------------- */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #C2B499;
}

h1 {
  font-size: 1.4em; 
}

h2 { 
  font-size: 0.9em; 
	text-transform: uppercase;
	color: #B9A067;
}

h3 {
  font-size: 1.2em; 
}

p {
	margin: 0px 15px;
	padding-bottom: 10px;
}
h1, h2, h3 {
	margin: 0px 15px;
}

ul, ol, li {
	margin: 10px 30px;
	padding: 0 15px;	
 list-style-type: none;	
}

/* Estilo de Imágenes
----------------------------------------------- */
img {
  border: none;
}

img.float-right {
  margin: 5px 0px 5px 15px;  
}

img.float-left {
  margin: 5px 15px 5px 0px;
}

/********************************************
               Contenido   	
 *******************************************/ 
#envoltorio {
	position:relative;
	margin: 0 auto;
	width:901px;
	height:1200px;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:602px;
	height:110px;
}

#descarga {
	position:absolute;
	left:602px;
	top:0px;
	width:299px;
	height:216px;
}

#inicio {
	position:absolute;
	left:0px;
	top:110px;
	width:118px;
	height:44px;
}

#biografia {
	position:absolute;
	left:118px;
	top:110px;
	width:126px;
	height:44px;
}

#blog {
	position:absolute;
	left:244px;
	top:110px;
	width:80px;
	height:44px;
}

#fotos {
	position:absolute;
	left:324px;
	top:110px;
	width:96px;
	height:44px;
}

#videos {
	position:absolute;
	left:420px;
	top:110px;
	width:88px;
	height:44px;
}

#espaciomenu {
	position:absolute;
	left:508px;
	top:110px;
	width:94px;
	height:44px;
}

#banner {
	position:absolute;
	left:0px;
	top:154px;
	width:602px;
	height:355px;
}

#reproductor {
	position:absolute;
	left:602px;
	top:216px;
	width:299px;
	height:293px;
}

#noticias {
	position:absolute;
	left:0px;
	top:509px;
	width:495px;
	height:426px;
	background:url(../imagenes/noticias.jpg) no-repeat;
}

#galeria {
	position:absolute;
	left:0px;
	top:509px;
	width:495px;
	height:426px;
	background:url(../imagenes/galeria.jpg) no-repeat;
}

#scroll {
  text-align:justify;
  font: bold .90em/1.4em 'Trebuchet MS', sans-serif;
  overflow: auto;
  width:450px; 
  height:280px; 
  padding: 10px;
  margin-top: 90px;
  margin-left: 20px;  
}

#galeria2 {
	position:absolute;
	left:495px;
	top:509px;
	width:406px;
	height:426px;
	background:url(../imagenes/galeria2.jpg) no-repeat;
}

#video {
	position:absolute;
	left:495px;
	top:509px;
	width:406px;
	height:426px;
}



#myspace {
	position:absolute;
	left:0px;
	top:935px;
	width:214px;
	height:265px;
}

#gira {
	position:absolute;
	left:214px;
	top:935px;
	width:408px;
	height:227px;
	background:url(../imagenes/gira.jpg) no-repeat;
}

.conciertos {
  text-align:left;
  font: bold .90em/1.4em 'Trebuchet MS', sans-serif;
  overflow: auto;
  width:300px; 
  height:140px; 
  padding: 10px;
  margin-top: 60px;
  margin-left: 35px;  
}

#contacto {
	position:absolute;
	left:622px;
	top:935px;
	width:279px;
	height:227px;
}

#creditos {
	position:absolute;
	left:214px;
	top:1162px;
	width:687px;
	height:38px;
	background:url(../imagenes/creditos.jpg) no-repeat;
}

.textocreditos {
  text-align:center;
  font: bold .70em/1.4em 'Trebuchet MS', sans-serif;
  width:650px; 
  height:30px; 
  padding: 0px;
  margin-top: -5px;
  margin-left: 0px;  
}