/* CSS Document */


body {
	margin: 0;
	padding: 0;
	font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
	color: #000000;
	background-color: #CCCCCC;	
	background-image: url(imagenes/bg.gif);
}

p {
line-height: 170%;
text-indent: 0px;
margin-left: 30px;
}

.right {
text-align: right;
}

a:link {
	color: #AA0000;	
}
a:visited {
	color: #AA0000;	
}

a:hover {
	color: #000000;
}
 


/*POSITIONING======================================*/


#container {
position: relative;
border-left: 10px solid #1D1D1D;
border-right: 10px solid #1D1D1D;
border-bottom: 10px solid #1D1D1D;
background-image: url(imagenes/fondo.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0 auto;
width: 676px;
}

#container1 {
position: relative;
border-left: 10px solid #1D1D1D;
border-right: 10px solid #1D1D1D;
border-bottom: 10px solid #1D1D1D;
background-image: url(imagenes/fondo1.jpg);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0 auto;
width: 676px;
}

#menu {
	top: 0px;
	width: 676px;
	height: 70px;
	left: -3px;
	text-align: center;
}

#menu1 {
	margin-top: 85px;
	width: 500px;
	height: 70px;
	left: -3px;
	text-align: left;
	line-height: 225%;
}

#navigation {
font-size: 16px;
font-weight: bold;
font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
}

#navigation ul {
list-style: none;
float: none;
margin: 0px;
padding: 0;
padding-top: 25px;
padding-bottom: 5px;
}

#navigation li {
display: inline;
}

#navigation a:link {
padding: 8px 8px 8px 8px;
color: #CCCCCC;
text-decoration: none;
}

#navigation a:visited {
padding: 8px 8px 8px 8px;
color: #CCCCCC;
text-decoration: none;
}

#navigation a:hover {
background-color: #666666;
color: #CCCCCC;
text-decoration: none;
}

#navigation a:active {
background-color: #666666;	
}

#navigation1 {
font-size: 13px;
font-weight: bold;
font-family: 'Lucida Grande','Lucida Sans Unicode',arial,verdana,sans-serif;
}

#navigation1 ul {
list-style: none;
float: none;
margin: 0px;
padding: 0;
padding-top: 25px;
padding-bottom: 5px;
}

#navigation1 li {
display: inline;
}

#navigation1 a:link {
padding: 8px 8px 8px 8px;
color: #CCCCCC;
text-decoration: none;
}

#navigation1 a:visited {
padding: 8px 8px 8px 8px;
color: #CCCCCC;
text-decoration: none;
}

#navigation1 a:hover {
background-color: #666666;
color: #CCCCCC;
text-decoration: none;
}

#navigation1 a:active {
background-color: #666666;	
}

#logo {
background: url(imagenes/logo.png) no-repeat bottom right;
width: 350px;
height: 234px;
margin-bottom: 25px;
}

#bottom {
background: url(images/bottom.jpg);
width: 676px;
height: 22px;
}

#bottom2 {
background: url(images/bottom1.jpg);
width: 676px;
height: 22px;
}

#columna {
font-size: 12px;
margin-left: 67px;
width: 283px;
}

#columna h1 {
width: 193px;
height: 88px;
background: url(imagenes/agenda.png);
}

#columna h3 {
width: 283px;
height: 96px;
background: url(imagenes/clases.png);
}

#columna h4 {
color: #AA0000;
font-size: 16px;
margin-left: 30px;
}

#columna h5 {
color: #AA0000;
font-size: 12px;
margin-left: 30px;
}

.separador {
background: url(imagenes/div.png);
width: 202px;
height: 6px;
margin-left: 30px;
}

.style1 {
	color: #AA0000;
	font-weight: bold;
}

.style2 {
	font-size: 14px;
	font-weight: bold;	
}

#agenda {
position: relative;
}

#agenda p {
font-size: 90%;
line-height: 150%;
}

#agenda h4 { 
font-size: 14px;
line-height: 150%;
}

#columna1 {
width: 300px;
height: 540px;
position: absolute;
top: 120px;
left: 380px;
border: none;
background-image: url(imagenes/index.png);
background-repeat: no-repeat;
}

#columna1 p {
font-size: 12px;
line-height: 150%;
text-indent: 0px;
margin: 10px 11px 31px 11px;
}

#columna1 h1 {
background-image: url(imagenes/especiales.png);
height: 161px;
width: 282px;
margin-top: 475px;
}

#columna1 h2 {
color: #AA0000;
font-size: 14px;
margin-left: 10px;
}

#especiales {
position: relative;
width: 283px;
}

#retro {
float: left;
height: 102px;
width: 110px;
margin-right: 10px;
margin-bottom: -10px;
background: url(imagenes/retro.png);
}

#melo {
float: right;
height: 99px;
width: 107px;
margin-right: 10px;
margin-bottom: -10px;
background: url(imagenes/melo.png);
}

#jazz {
float: left;
height: 100px;
width: 108px;
margin-right: 10px;
margin-bottom: -5px;
background: url(imagenes/jazz.png);
}

#tango {
float: right;
height: 102px;
width: 110px;
margin-right: 10px;
margin-bottom: 0px;
margin-left: -10px;
background: url(imagenes/tango.png);
}

#links {
padding: 25px 0;
text-align: center;
font-size: 13px;
font-weight: bold;
background-image: url(imagenes/pie.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

#links1 {
padding: 25px 0;
text-align: center;
font-size: 13px;
font-weight: bold;
background-position: bottom;
background-repeat: no-repeat;
}

#blanco {
height: 100px;
}

#blancoindex {
height: 500px;
}

#bottom {
background: none;
}

#bottom ul {
list-style: none; 
float: none;
margin: 0;
padding: 0;
padding-top: 7px;
padding-bottom: 5px;
}

#bottom li {
display: inline;
padding: 8px 10px 7px 10px;
text-decoration: none;
}


#bottom a:link {
text-decoration: none;
}

#bottom a:visited {
text-decoration: none;
}

#bottom a:hover {
text-decoration: none;
}


#footer {
position: relative;
margin: 0 auto;
margin-top: 12px;
width: 696px;
font-size: 11px;
font-family: arial,'verdana';
color: #000000;
}

#footer p {
text-indent: 0;
margin-top: -3px;
text-align: center
}


/*BIOGRAFIA==============================*/


#bio {
margin-top: 25px;
font-size: 12px;
width: 600px;
margin-left: 30px;
}

#frase {
position: absolute;
top: 225px;
left: 280px;
font-size: 12px;
width: 250px;
margin-left: 30px;
}

#ot {
width: 272px;
height: 241px;	
background: url(imagenes/ot.png);
float: right; 
margin-left: 25px;
margin-right: 10px;
}

#ow {
width: 226px;
height: 171px;	
background: url(imagenes/ow.png);
float: left; 
margin-left: 25px;
margin-right: 10px;
}

#blanco1 {
height: 100px;	
}

h5 {
width:575px;
height: 447px;
background-image: url(imagenes/bio.png);
 }

 
h6 {
width:351px;
height: 98px;
background-image: url(imagenes/discografia.png);
 }
 
 
/*DISCOGRAFIA==============================*/


#musica{
margin-top: 25px;
font-size: 12px;
width: 600px;
margin-left: 30px;
}


#mujer {
width:303px;
height: 303px;
background: url(imagenes/mujer.jpg);
float: right;
}
 
#cds {
margin-top: 75px;
}
 
#cds p {
font-size: 90%;
line-height: 150%;
}

#mp3 {
width: 320px;
height: 500px;
float: right;
margin-left: 35px;
text-align: right;
} 
 
/*FOTOS==============================*/ 


#fotos{
margin-top: 25px;
margin-left: 30px;
background: url(imagenes/fotos.png);
width: 645px;
height: 593px;
}

#albums {
position: absolute;
top: 250px;
margin-left: 30px;
width: 470px;
}

#fotos1 {
margin-top: 25px;
background: url(imagenes/fotos1.png);
width: 470px;
height: 687px;
}

#galeria {
position: absolute;
top: 250px;
margin-left: 0;
#margin-left: 35px;
width: 450px;
#width: 370px;
font-size: 12px;
}

#albums1 {
position: absolute;
top: 250px;
left: 470px;
width: 470px;
}

.nav {
margin-top: 35px;
margin-right: 65px;
#margin-right: 30px;
}

.nav1 {
margin-top: 165px;
margin-right: 65px;
#margin-right: 30px;
}

#blanco2 {
height: 200px;	
}

#blanco3 {
height: 25px;	
}

/*VIDEOS==============================*/ 

#videos {
margin-top: 25px;
background: url(imagenes/videos.png);
margin-left: 35px;
width: 596px;
height: 227px;
}

#reproductor {
margin-top: 35px;
margin-left: 35px;
width: 225px;
height: 475px;
font-size: 12px;
}

#swf {
position: absolute;
top: 350px;
left: 300px;
width: 352px;
height:430px;
}

#player {
position: absolute;
top: 350px;
left: 300px;
width: 352px;
height:430px;
}


/*DISCOGRAFIA==============================*/


#contacto{
margin-top: 25px;
font-size: 12px;
width: 600px;
margin-left: 30px;
}

 
#contacto h6 {
width:341px;
height: 137px;
background-image: url(imagenes/contacto.png);
 }

#nota {
width: 292px;
height: 325px;
float: right;
margin-top: -50px;
}


/*FANS==============================*/


#fans {
margin-top: 25px;
background: url(imagenes/fans.png);
margin-left: 35px;
width: 620px;
height:557px;
}

#sa {
margin-top: -325px;
margin-left: 30px;
width: 300px;
font-size: 12px;
}

#registro {
position: absolute;
top: 620px;
#top: 630px;
left: 300px;
margin-left: 30px;
width: 300px;
font-size: 12px;
}

#registro p {
font-size: 90%;
line-height: 150%;
}

/*FORMULARIO==============================*/

form {
margin-left: 30px;
width: 300px;
font-size: 12px;
}

.style3 {
	font-size: 14px;
	font-weight: bold;	
	text-indent: -20px;
}

#nombre {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/1.png);
width: 238px;
height: 45px;
border: none;
}

#mail {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/2.png);
width: 238px;
height: 45px;
border: none;
}

#ciudad {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/3.png);
width: 238px;
height: 45px;
border: none;
}

#provincia {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/4.png);
width: 238px;
height: 45px;
border: none;
}

#pais {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/5.png);
width: 238px;
height: 45px;
border: none;
}

#fecha {
margin-top: -5px;
margin-bottom: -5px;
#margin-top: -15px;
#margin-bottom: -15px;
background: url(imagenes/6.png);
width: 238px;
height: 45px;
border: none;
}

input.text1 {
background: none;
width: 205px;
height: 20px;
border: none;
padding-top: 13px;
margin-left: 15px;
font-size: 13px;
color: #750000;
}

input.text2 {
background: none;
width: 205px;
height: 20px;
border: none;
padding-top: 17px;
margin-left: 15px;
font-size: 13px;
color: #750000;
}

input.text3 {
background: none;
width: 205px;
height: 20px;
border: none;
padding-top: 15px;
margin-left: 15px;
font-size: 13px;
color: #750000;
}

.enviar {
background: url(imagenes/enviar.png); 
border: 0;
width: 111px;  
height: 21px;  
margin-top: 15px;
#margin-top: 25px;
margin-left: 3px;
#margin-left: -30px;
}

.borrar {
background: url(imagenes/borrar.png); 
border: 0;
width: 102px;  
height: 25px;  
margin-top: 15px;
#margin-top: 25px;
margin-left: 3px;
}