/************************************************************************************************
	Home
************************************************************************************************/
body{
    /*background-image:url("../imagenes/contenedor/fondoContenedor.jpg");
    background-position: bottom;*/
	background-color:#000000;
	font-family: Verdana;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
    padding-bottom: 5px;
}
#contenedor{
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../imagenes/contenedor/contenedor.gif");
	background-position: bottom;
	background-repeat: repeat-x;
    overflow: hidden;
}
strong{
	font-weight:bold;
}
a{
	color:#decd8e;
	text-decoration:none;
}
a:hover{
	color:#ffffff;
}
h1{
    height: 220px; 
    width: 970px;
    margin-top: 0px;
 }
h2{
	padding-top:0px;
	padding-left:0px;
}
h3 a
{
	font-size: 15px;
	font-weight: bold;
}
p{
	padding-bottom:12px;
}
/**********************************************************************
	Cabecera
**********************************************************************/
#cabecera{
    background-image: url("../imagenes/cabecera/imagenCabecera.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    height: 490px;
    width: 980px;
    margin-left: 5px;
}
/**********************************************************************
	Fin Cabecera
**********************************************************************/
/**********************************************************************
	Menú
**********************************************************************/
#menu{
	position: relative;		/* con ésto marcamos que si hay elementos "position:absolute" dentro del #menu, tomen de referencia la posición de #menu para acomodarse */
    width: 960px; /* 980-10-10 */
    height: 45px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../imagenes/menu/opcionMenu.gif");
    background-repeat: no-repeat;
	overflow: hidden;
}
#menu a{
	position: absolute;	/* con esto indicamos que el elemento se posiciona donde le digamos nosotros, no siguiendo el flujo normal (algo así como poner una ventana de Windows donde queramos)*/
	height: 45px;
	display: block;
	overflow: hidden;
}
#menu a.opcionHome
{
	width: 165px;
	left: 15px;	/* Con esto indicamos que se tiene que poner a 0px del contenedor donde está el elemento */
	top: 0px;	/* Ídem left, pero la posición de arriba */
}
#menu a.opcionHome:hover,#menu a.opcionHome.opcionHomeSeleccionada
{
	text-indent: -165px;
}
#menu a.opcionBanda
{
	width: 165px;
	left: 143px;
	top: 0px;
}
#menu a.opcionBanda:hover,#menu a.opcionBanda.opcionBandaSeleccionada
{
	text-indent: -165px;
}
#menu a.opcionFotos
{
	width: 165px;
	left: 282px;
	top: 0px;
}
#menu a.opcionFotos:hover,#menu a.opcionFotos.opcionFotosSeleccionada
{
	text-indent: -165px;
}
#menu a.opcionAudio
{
	width: 165px;
	left: 407px;
	top: 0px;
}
#menu a.opcionAudio:hover,#menu a.opcionAudio.opcionAudioSeleccionada
{
	text-indent: -165px;
}
#menu a.opcionLetras
{
	width: 165px;
	left: 532px;
	top: 0px;
}
#menu a.opcionLetras:hover,#menu a.opcionLetras.opcionLetrasSeleccionada
{
	text-indent: -165px;
}#menu a.opcionVideos
{
	width: 165px;
	left: 657px;
	top: 0px;
}
#menu a.opcionVideos:hover,#menu a.opcionVideos.opcionVideosSeleccionada
{
	text-indent: -165px;
}
#menu a.opcionContacto
{
	width: 165px;
	left: 782px;
	top: 0px;
}
#menu a.opcionContacto:hover,#menu a.opcionContacto.opcionContactoSeleccionada
{
	text-indent: -165px;
}
/**********************************************************************
	Fin Menú
**********************************************************************/
/**********************************************************************
Contenido
**********************************************************************/
#contenido
{
    width: 980px;
    padding-top: 10px;
    padding-bottom: 50px;
    overflow: hidden;
}
#contenido #columnaIzquierda
{
    width: 560px; /* 580 - 20 */ 
    padding-top: 35px;
    padding-left: 20px;
    float: left;
}
#contenido #columnaIzquierda #cuadroNoticias
{
    padding-bottom: 50px;
    position: relative;
}
#contenido #columnaIzquierda #cuadroNoticias h2
{
    padding-bottom: 60px;
    /*background-image: url("../imagenes/contenido/columnaIzquierda/cuadroNoticias/fondoH2.gif");*/
    background-repeat: no-repeat;
    background-position: left 42px;  
}
#contenido #columnaIzquierda #cuadroNoticias h2 a
{
    width: 93px;
    display: block;
    overflow: hidden;
}
#contenido #columnaIzquierda #cuadroNoticias h2 a:hover
{
    text-indent: -93px;
}
#contenido #columnaIzquierda #cuadroNoticias p
{
    padding-left: 20px;
    padding-right: 20px;
}
#contenido #columnaIzquierda .opcionMasNoticias
{
	width: 70px;
	display: block;
	overflow: hidden;
	float: right;
	margin-right: 50px;
}
#contenido #columnaIzquierda .opcionMasNoticias:hover
{
	text-indent: -70px;
}
#contenido #columnaDerecha
{
    width: 345px; /* 400 - 35 - 20*/ 
    padding-top: 35px;
    padding-right: 20px;
    float: left;
    font-family: Verdana;
    font-size: 14px;
    color: #ffffff;
    line-height: 20px;
}
#contenido #columnaDerecha #cuadroContacto
{
    position: relative;
}
#contenido #columnaDerecha #cuadroContacto a
{
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    color: #decd8e;
    line-height: 10px;
}
#contenido #columnaDerecha #cuadroContacto a:hover
{
    color: #ffffff;
}
#contenido #columnaDerecha #cuadroContacto h2
{
    padding-bottom: 60px;
    background-image: url("../imagenes/contenido/columnaDerecha/cuadroContacto/fondoH2.gif");
    background-repeat: no-repeat;
    background-position: left 42px;  
}
#contenido #columnaDerecha #cuadroContacto h2 a
{
    width: 100px;
    display: block;
    overflow: hidden;
}
#contenido #columnaDerecha #cuadroContacto h2 a:hover
{
    text-indent: -100px;
}
#contenido #columnaDerecha #mySpace
{
    float: left;
    overflow: hidden;
}
#contenido #columnaDerecha #sonico
{
    float: left;
    overflow: hidden;
    padding-left: 35px;
}
#contenido #columnaDerecha #facebook
{
    float: left;
    overflow: hidden;
    padding-left: 35px; 
}
#contenido #cuadroReproductores
{
    clear: both;
    padding-left: 20px;
    padding-top: 80px;
}
#contenido #cuadroReproductores h2
{
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 15px;
    margin-bottom: 45px;
    overflow: hidden;
}
#contenido #cuadroReproductores #cuadroAudio
{
    float: left;
}
#contenido #cuadroReproductores #cuadroAudio h2
{
    width: 306px;
    background-image:url("../imagenes/contenido/cuadroReproductores/cuadroAudio/fondoAudio.gif");
}
#contenido #cuadroReproductores #cuadroAudio h2 a
{
    width: 62px;
    display: block;
    overflow: hidden;
}
#contenido #cuadroReproductores #cuadroAudio h2 a:hover
{
    text-indent: -62px;
}
#contenido #cuadroReproductores #cuadroVideos
{
    float: left;
    font-weight: bolder;
}
#contenido #cuadroReproductores #cuadroVideos h2
{
    width: 326px;
    background-image:url("../imagenes/contenido/cuadroReproductores/cuadroVideos/fondoVideos.gif");
}
#contenido #cuadroReproductores #cuadroVideos h2 a
{
    width: 71px;
    display: block;
    overflow: hidden;
}
#contenido #cuadroReproductores #cuadroVideos h2 a:hover
{
    text-indent: -71px;
}
#contenido #cuadroReproductores #cuadroFotos
{
    float: left;
}
#contenido #cuadroReproductores #cuadroFotos h2
{
    width: 326px;
    background-image:url("../imagenes/contenido/cuadroReproductores/cuadroFotos/fondoFotos.gif");
}
#contenido #cuadroReproductores #cuadroFotos a
{
    display: block;
    width: 202px; /* 250 - 24 - 24*/
    height: 150px; /* 190 - 20 -20 */
    background-image: url("../imagenes/contenido/cuadroReproductores/cuadroFotos/fondoFoto.jpg");
    background-repeat: no-repeat;
    overflow: hidden;
    padding-top: 20px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 20px;
}
#contenido #cuadroReproductores #cuadroFotos h2 a
{
    width: 63px;
    height: auto;
    padding: 0px;
    background: none;
    display: block;
    overflow: hidden;
}
#contenido #cuadroReproductores #cuadroFotos h2 a:hover
{
    text-indent: -63px;
}
/**********************************************************************
	Fin Contenido
**********************************************************************/
/**********************************************************************
	Pie
**********************************************************************/
#pie{
    width: 970px;
    height: 45px;
    background-image:url("../imagenes/pie/fondoPie.gif");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    font-family: Times New Roman, Times, Serif;
	font-size: 14px;
    color: black;
}
#pie a.innova
{
    float: right;
    padding-top: 8px;
    padding-right: 10px;
    font-weight: bold;
 }
#pie p.copyright
{
	width: 660px;
    float: left;
    padding-top: 25px;
    padding-left: 20px;
    color: black;
    font-weight: bold;
    font-size: 14px;
}
#pie p.copyright a
{
	color: black;
}
#pie p.creditos
{
	float: left;
	line-height: 23px;
}
#pie p.creditos a
{
	color: black;
	font-weight: bold;
}
#pie p.creditos .diseño
{
	color: #000000;
	font-weight: bold;
	font-size: 14px;
}
/**********************************************************************
	Fin Pie
**********************************************************************/
/************************************************************************************************
	Fin Home
************************************************************************************************/