/* Informaci�n de colores
Negro: #000000
Gris:  #aaaaaa
Naranja: #fabb00
Blanco: #ffffff
*/
body{
	background-color: black;
	font-family: verdana;
	color:white;
}
#principal{
	position: absolute;
	left:50%;
	margin-left:-400px;
	width: 800px;
	height:600px;
	background-color: black;
}
/*---Zona logo-----*/
#contLogo{
	position: absolute;
	top: 218px;
	left: 20px;
	width: 339px;
	height: 112px;
}
#bienve{
	position:absolute;
	top:195px;
	left:214px;
	width: 339px;
	height: 112px;
	text-align:center;
	display:block;
}
#logo{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 339px;
	height: 99px;
}
#raya{
	position:absolute;
	top: 99px;
	left: 0px;
	width: 339px;
	height: 13px;
}
#bienvenido{
	position:absolute;
	top: 130px;
	left: 0px;
	width: 339px;
	height: 13px;
	text-align:center;
	background-color:black;
}
#bienvenido a{
	font-family: verdana;
	font-size: 10pt;
	text-decoration:none;
}
/*---Zona botones-----*/
#contBotones{
	position: absolute;
	top: 341px;
	left: 280px;
	width: 79px;
	height: 233px;
}
#tituloinicio, #botoninicio a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botoninicio a{
	background: url("bloques/imagenes/botoninicioblanco.gif") no-repeat 50% 0%;
}
#botoninicio a:hover{
	background: url("bloques/imagenes/botoniniciogris.gif") no-repeat 50% 0%;
}
#titulogrupo, #botongrupo a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botongrupo a{
	background: url("bloques/imagenes/botongrupoblanco.gif") no-repeat left 0%;
}
#botongrupo a:hover{
	background: url("bloques/imagenes/botongrupogris.gif") no-repeat 50% 0%;
}
#titulocursos, #botoncursos a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botoncursos a{
	background: url("bloques/imagenes/botoncursoblanco.gif") no-repeat 50% 0%;
}
#botoncursos a:hover{
	background: url("bloques/imagenes/botoncursogris.gif") no-repeat 50% 0%;
}
#titulogaleria,#botongaleria a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botongaleria a{
	background: url("bloques/imagenes/botongaleriablanco.gif") no-repeat 50% 0%;
}
#botongaleria a:hover{
	background: url("bloques/imagenes/botongaleriagris.gif") no-repeat 50% 0%;
}
#tituloagenda, #botonagenda a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botonagenda a{
	background: url("bloques/imagenes/botonagendablanco.gif") no-repeat 50% 0%;
}
#botonagenda a:hover{
	background: url("bloques/imagenes/botonagendagris.gif") no-repeat 50% 0%;
}
#tituloagenda, #botoncontactar a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botoncontactar a{
	background: url("bloques/imagenes/botoncontactarblanco.gif") no-repeat 50% 0%;
}
#botoncontactar a:hover{
	background: url("bloques/imagenes/botoncontactargris.gif") no-repeat 50% 0%;
}
#tituloagenda, #botoncreditos a{
	position: relative;
	width: 79px;
	height: 34px;
	text-decoration:none;
	display:block;
}
#botoncreditos a{
	background: url("bloques/imagenes/botoncreditosblanco.gif") no-repeat 50% 0%;
}
#botoncreditos a:hover{
	background: url("bloques/imagenes/botoncreditosgris.gif") no-repeat 50% 0%;
}
/*---Zona titulo-----*/
#contTitulo{
	position: absolute;
	top: 0px;
	left: 402px;
	width: 397px;
	height: 217px;
	z-index:1;
}
#titulo{
	position: absolute;
	top: 88px;
	left: 0px;
	width: 243px;
	height: 40px;
	z-index: 2;
}
#fundido0, #fundido1, #fundido2, #fundido3,#fundido4{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 397px;
	height: 217px;
	opacity: 0;
}
#menu{
	position: absolute;
	top: 188px;
	left: 0px;
	width: 316px;
	height: 18px;
	z-index: 2;
}
#titulodanza, #botondanza a{
	position: absolute;
	top:0px;
	left:0px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botondanzanaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botondanza a{
	background: url("bloques/imagenes/botondanzablanco.gif") no-repeat 50% 0%;
}
#botondanza a:hover{
	background: url("bloques/imagenes/botondanzagris.gif") no-repeat 50% 0%;
}
#titulopercusion,#botonpercusion a{
	position: absolute;
	top:0px;
	left:79px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botonpercusionnaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botonpercusion a{
	background: url("bloques/imagenes/botonpercusionblanco.gif") no-repeat 50% 0%;
}
#botonpercusion a:hover{
	background: url("bloques/imagenes/botonpercusiongris.gif") no-repeat 50% 0%;
}
#titulofotos, #botonfotos a{
	position: absolute;
	top:0px;
	left:0px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botonfotosnaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botonfotos a{
	background: url("bloques/imagenes/botonfotosblanco.gif") no-repeat 50% 0%;
}
#botonfotos a:hover{
	background: url("bloques/imagenes/botonfotosgris.gif") no-repeat 50% 0%;
}
#titulovideos, #botonvideos a{
	position: absolute;
	top:0px;
	left:79px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botonvideosnaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botonvideos a{
	background: url("bloques/imagenes/botonvideosblanco.gif") no-repeat 50% 0%;
}
#botonvideos a:hover{
	background: url("bloques/imagenes/botonvideosgris.gif") no-repeat 50% 0%;
}
#titulocartel, #botoncartel a{
	position: absolute;
	top:0px;
	left:158px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botoncartelesnaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botoncartel a{
	background: url("bloques/imagenes/botoncartelesblanco.gif") no-repeat 50% 0%;
}
#botoncartel a:hover{
	background: url("bloques/imagenes/botoncartelesgris.gif") no-repeat 50% 0%;
}
#titulomp3, #botonmp3 a{
	position: absolute;
	top:0px;
	left:237px;
	width: 78px;
	height: 18px;
	background: url("bloques/imagenes/botonmusicanaranja.gif") no-repeat 50% 0%;
	text-decoration:none;
	display:block;
}
#botonmp3 a{
	background: url("bloques/imagenes/botonmusicablanco.gif") no-repeat 50% 0%;
}
#botonmp3 a:hover{
	background: url("bloques/imagenes/botonmusicagris.gif") no-repeat 50% 0%;
}
/*---Zona texto-----*/
#contTexto{
	position: absolute;
	top: 222px;
	left: 402px;
	width: 380px;
	height: 352px;
}
#scrollText{
	position:absolute;
	top:5px;
	left:14px;
	width:333px;
	overflow:hidden;
	visibility:hidden;
}
#botonarriba{
	position: absolute;
	top:0px;
	left:351px;
	width:29px;
	height:29px;
	cursor:pointer;
}
#botonabajo{
	position: absolute;
	top:323px;
	left:351px;
	width:29px;
	height:29px;
	cursor:pointer;
}
/* P�gina de inicio */
#introduccion{
	position:absolute;
	top: 218px;
	left:420px;
	width:138px;
	height:356px;
	background-color: black;
}
#presentacion0, #presentacion1, #presentacion2, #presentacion3, #presentacion4, #presentacion5, #presentacion6{
	position:absolute;
	top: 95px;
	left:581px;
	width:172px;
	height:579px;
	opacity: 0;
}
/* zona de texto, marcos de galeria, etc */
.titular{
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #fabb00;
}
.marcoCartel{
	position:relative;
	width: 107px;
	height:146px;
	margin-left:90px;
	padding-top: 13px;
	background: url("bloques/imagenes/marcocartel.gif") no-repeat 50% 50%;
	text-align: center;
	display:block;
}
.marco_izq{
	width: 146px;
	height:116px;
	padding-top: 25px;
	padding-left: 15px;
	background: url("bloques/imagenes/marco.gif") no-repeat 50% 50%;
	float:left;
}
.marco_der{
	width: 146px;
	height:116px;
	padding-top: 25px;
	padding-left: 15px;
	background: url("bloques/imagenes/marco.gif") no-repeat 50% 50%;
	float:right;
}
.marcovideo{
	position:relative;
	width: 280px;
	height:182px;
	margin-left:20px;
	padding-top: 160px;
	background: url("bloques/imagenes/marcovideo.gif") no-repeat 50% 50%;
	text-align: center;
	display:block;
}
.marcoEnlace{
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: white;
}
.musica{
	position:relative;
	margin-top:20px;
	padding-left: 40px;
	display:block;
	font-family: verdana;
	font-size: 10pt;
	font-weight: bold;
	color: white;
}
/* *[onClick*="swSon"]{
*/
.play{
	cursor: pointer;
	vertical-align: -50%;
}
#creditos{
	position:absolute;
	top:56px;
	left:214px;
	width: 425px;
	height: 524px;
	text-align:center;
	display:block;
}
#txtCreditos{
	position:absolute;
	top:149px;
	left:0px;
	height: 263px;
	font-family: verdana;
	font-size: 10pt;
	text-decoration: none;
	text-align: center;
	color: white;
}
#txtCreditos a{
	text-decoration: none;
	font-weight: bold;
	color: white;
}