@font-face {
    font-family:Vaground;
    src:url(../../imagenes/vagroun2.ttf) format("truetype");
}
@font-face {
    font-family:Vaground;
    src:url(../../imagenes/vagroun2.eot);
}


body {
    margin-top:00px;
    font-family: Verdana, Arial, Vaground;
    font-size:10px;
    background-color:#0A0B0D;
    color:#000000;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/
}

#pagina {
    width:1012px;
    position:relative;
    margin: 0px auto;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/
}

#reproductor {
    width:990px;
    position:relative;
    margin: 0px auto;
    text-align:center; /*aqui mandamos a centrar todo el contenido*/
}

#margen {
    position:relative;
    width:100%;
    height:24px;
}

#top {
    position:relative;
    background-image:url(../../imagenes/top.jpg);
    width:100%;
    height:47px;
}
#top .topFacebook {
    position:absolute;
    width:113px;
    height:47px;
    top:0px;
    left:480px;
    cursor:pointer;
}
#top .topMySpace {
    position:absolute;
    width:113px;
    height:47px;
    top:0px;
    left:607px;
    cursor:pointer;
}
#top .topTwitter {
    position:absolute;
    width:113px;
    height:47px;
    top:0px;
    left:732px;
    cursor:pointer;
}
#top .topYouTube {
    position:absolute;
    width:113px;
    height:47px;
    top:0px;
    left:854px;
    cursor:pointer;
}

#header {
    position:relative;
    background-image:url(../../imagenes/header.jpg);
    width:100%;
    height:210px;
}

#header .reproductor {
    position:absolute;
    width:205px;
    height:28px;
    top:100px;
    left:760px;
    cursor:pointer;
}

#menu {
    position:relative;
    background-image:url(../../imagenes/menu.jpg);
    width:100%;
    height:46px;
}
#menu .menuHome {
    position:absolute;
    width:75px;
    height:24px;
    top:20px;
    left:47px;
    cursor:pointer;
}
#menu .menuProgramacion {
    position:absolute;
    width:119px;
    height:24px;
    top:20px;
    left:143px;
    cursor:pointer;
}
#menu .menuArtistas {
    position:absolute;
    width:109px;
    height:24px;
    top:20px;
    left:276px;
    cursor:pointer;
}
#menu .menuEscuchanos {
    position:absolute;
    width:107px;
    height:24px;
    top:20px;
    left:408px;
    cursor:pointer;
}
#menu .menuSubir {
    position:absolute;
    width:105px;
    height:24px;
    top:20px;
    left:534px;
    cursor:pointer;
}
#menu .menuNosotros {
    position:absolute;
    width:87px;
    height:24px;
    top:20px;
    left:654px;
    cursor:pointer;
}
#menu .menuChat {
    position:absolute;
    width:66px;
    height:24px;
    top:20px;
    left:765px;
    cursor:pointer;
}
#menu .menuContactanos {
    position:absolute;
    width:113px;
    height:24px;
    top:20px;
    left:854px;
    cursor:pointer;
}

#menuArtistas {
    font-family:Verdana, Arial, Vaground;
    font-size:9px;
    color:#FFFFFF;
    display:none;
    position:absolute;
    left:270px;
    top:278px;
    z-index:200;
    text-align:left;
}

#menuArtistas a {
    font-family:Verdana, Arial, Vaground;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:32px;
}

#menuProgramacion {
    font-family:Verdana, Arial, Vaground;
    font-size:9px;
    color:#FFFFFF;
    display:none;
    position:absolute;
    left:135px;
    top:278px;
    z-index:200;
    text-align:left;
}

#menuProgramacion a {
    font-family:Verdana, Arial, Vaground;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:32px;
}

#menuEscuchanos {
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    color:#FFFFFF;
    display:none;
    position:absolute;
    left:400px;
    top:278px;
    z-index:200;
    text-align:left;
}

#menuEscuchanos a {
    font-family:Verdana, Arial, Vaground;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:32px;
}

#menuNosotros {
    font-family:Verdana, Arial, Vaground;
    font-size:9px;
    color:#FFFFFF;
    display:none;
    position:absolute;
    left:640px;
    top:278px;
    z-index:200;
    text-align:left;
}

#menuNosotros a {
    font-family:Verdana, Arial, Vaground;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    padding-left:32px;
}

#cuerpo {
    position:relative;
    width:100%;
    margin-left:27px;
    z-index:100;
}

#izquierda {
    position:relative;
    width:761px;
    float:left;
}

#video {
    position:relative;
    float:left;
    z-index:100;
}

#derecha {
    position:relative;
    width:200px;
    float:left;
}

#pie {
    position:relative;
    background-image:url(../../imagenes/pie.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:126px;
    float:left;
    clear:both;
}

#pie .quicktime {
    width:100px;
    height:50px;
    position:absolute;
    top:40px;
    left:10px;
    cursor:pointer;
}

#pie .winamp {
    width:100px;
    height:50px;
    position:absolute;
    top:40px;
    left:130px;
    cursor:pointer;
}

#pie .realplayer {
    width:110px;
    height:50px;
    position:absolute;
    top:40px;
    left:240px;
    cursor:pointer;
}

#pie .windowsmedia {
    width:140px;
    height:50px;
    position:absolute;
    top:40px;
    left:365px;
    cursor:pointer;
}

#pie .screamer {
    width:40px;
    height:50px;
    position:absolute;
    top:40px;
    left:705px;
    cursor:pointer;
}

#contenido {
    width:761px;
}

#contenido .contenidoTop {
    position:relative;
    background-image:url(../../imagenes/contenidoTop.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:16px;
    float:left;
}

#contenido .contenidoPie {
    position:relative;
    background-image:url(../../imagenes/contenidoPie.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:25px;
    float:left;
}

#principal {
    position:relative;
    width:516px;
    float:left;
}

#principal .principalTitulo {
    position:relative;
    background-image:url(../../imagenes/contenidoTitulo.jpg);
    background-repeat:no-repeat;
    width:100%;
    height:50px;
    float:left;
    text-align:left;
}

#principal .principalContenido {
    position:relative;
    background-image:url(../../imagenes/contenidoFondo.jpg);
    background-repeat:repeat-y;
    width:100%;
    height:820px;
    float:left;
    text-align:left;
}

#sponsors {
    position:relative;
    width:100%;
    float:left;
}

#sponsors .top {
    background-image:url(../../imagenes/sponsorsTop.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:20px;
    float:left;
}

#sponsors .titulo {
    background-image:url(../../imagenes/sponsorsTitulo.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:51px;
    float:left;
}

#sponsors .contenido {
    background-image:url(../../imagenes/sponsorsFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:100%;
    height:auto;
    height:1263px;
    min-height:1263px;
    float:left;
}

#sponsors .pie {
    position:relative;
}

#banner {
    background-image:url(../../imagenes/fondoBanner.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:516px;
    height:144px;
    float:left;
}

#banner .bannerContenido {
    margin-top:20px;
    margin-left:6px;
}

#utiles {
    background-image:url(../../imagenes/utilesFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:245px;
    float:left;
}

#newsletter {
    position:relative;
    width:100%;
    float:right;
}

#newsletter .newsletterTop {
    position:relative;
    width:100%;
    float:right;
}

#newsletter .newsletterTitulo {
    background-image:url(../../imagenes/newsletterTitulo.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:70px;
    float:right;
}

#newsletter .newsletterContenido {
    background-image:url(../../imagenes/newsletterFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:100%;
    height:78px;
    max-height:78px;
    overflow:hidden;
    float:right;
    font-family:Verdana, Arial, Vaground;
    font-size: 12px;
    text-align: left;
}

#newsletter .newsletterPie {
    background-image:url(../../imagenes/newsletterPie.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:15px;
    float:right;
}

#chat {
    position:relative;
    width:100%;
    float:right;
}

#chat .chatTop {
    position:relative;
}

#chat .chatTitulo {
    background-image:url(../../imagenes/chatTitulo.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:62px;
    float:left;
}

#chat .chatContenido {
    background-image:url(../../imagenes/newsletterFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:100%;
    height:70px;
    max-height:70px;
    overflow:hidden;
    float:left;
    font-family:Verdana, Arial, Vaground;
    font-size: 12px;
    text-align:left;
}

#chat .chatPie {
    background-image:url(../../imagenes/newsletterPie.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:15px;
    float:left;
}

#sets {
    position:relative;
    width:100%;
    float:right;
}

#sets .setsTop {
    position:relative;
}

#sets .setsTitulo {
    background-image:url(../../imagenes/setsTitulo.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:64px;
    float:left;
}

#sets .setsContenido {
    background-image:url(../../imagenes/newsletterFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:100%;
    height:280px;
    max-height:280px;
    overflow:hidden;
    float:left;
    padding-left:10px;
}

#sets .setsContenido .item {
    background-image:url(../../imagenes/fondoSets.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:90%;
    height:42px;
    float:left;
    text-align:left;
    padding-top:10px;
}

#sets .setsContenido .item .contenido {
    margin-left:30px;

}

#sets .setsContenido .item .contenido a {
    text-decoration:none;
    color:#000000;
}

#sets .setsPie {
    background-image:url(../../imagenes/newsletterPie.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:15px;
    float:left;
}

#podcast {
    position:relative;
    width:100%;
    float:right;
}

#podcast .podcastTop {
    position:relative;
}

#podcast .podcastTitulo {
    background-image:url(../../imagenes/podcastTitulo.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:61px;
    float:left;
}

#podcast .podcastContenido {
    background-image:url(../../imagenes/newsletterFondo.jpg);
    background-repeat:repeat-y;
    position:relative;
    width:100%;
    height:284px;
    max-height:284px;
    overflow:hidden;
    float:left;
    padding-left:10px;
}
#podcast .podcastContenido .item {
    background-image:url(../../imagenes/fondoPods.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:90%;
    height:42px;
    float:left;
    text-align:left;
    padding-top:10px;
}

#podcast .podcastContenido .item .contenido {
    margin-left:30px;
}

#podcast .podcastContenido .item .contenido a {
    text-decoration:none;
    color:#000000;
}

#podcast .podcastPie {
    background-image:url(../../imagenes/newsletterPie.jpg);
    background-repeat:no-repeat;
    position:relative;
    width:100%;
    height:3px;
    float:left;
}

#paginador {
    position:relative;
    float:left;
    width:90%;
}

#paginador .paginadorAnterior {
    position:relative;
    float:left;
    width:50%;
}

#paginador .paginadorSiguiente {
    position:relative;
    float:right;
    width:50%;
    text-align:right;
}

#artistaItem {
    position:relative;
    background-image:url(../../imagenes/fondoListArtistas.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:480px;
    height:34px;
    float:left;
}

#artistaItem .item {
    position:relative;
    padding-top:12px;
    width:380px;
    float:left;
    text-align:left;
}

#artistaItem .item div{
    margin-left:40px;
}

#artistaItem .boton {
    position:relative;
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    color:#FFFFFF;
    background-color:#363636;
    margin-top:11px;
    text-decoration:none;
    width:90px;
    padding:2px;
    border-color: #363636 #363636 #363636 #363636;
    cursor:pointer;
    text-align:center;
    float:left;
}

#setItem {
    position:relative;
    background-image:url(../../imagenes/fondoListSets.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:480px;
    height:49px;
    float:left;
}

#setItemAlt {
    position:relative;
    background-image:url(../../imagenes/fondoListSetsAlt.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:480px;
    height:49px;
    float:left;
}

#setItem .item, #setItemAlt .item {
    position:relative;
    padding-top:12px;
    width:380px;
    float:left;
    text-align:left;
}

#setItem .item div, #setItemAlt .item div {
    margin-left:40px;
    margin-top:15px;
}

#setItem .download, #setItemAlt .download {
    position:absolute;
    top:5px;
    left:430px;
    width:40px;
    height:35px;
    cursor:pointer;
}

#setItemUpLoad {
    position:relative;
    background-image:url(../../imagenes/fondoListSetsUpLoad.jpg);
    background-repeat:no-repeat;
    background-position:bottom left;
    width:485px;
    height:49px;
    float:left;
}

#setItemUpLoad .item {
    position:relative;
    padding-top:18px;
    padding-left:38px;
    width:380px;
    float:left;
    text-align:left;
}

#formComentario {
    position:relative;
    float:left;
    width:400px;
}

.setSeparador {
    position:relative;
    background-image:url(../../imagenes/separadorSets.jpg);
    background-repeat:no-repeat;
    background-position:left bottom;
    width:480px;
    height:45px;
    float:left;
}

.fichaSeparador {
    position:relative;
    background-image:url(../../imagenes/separadorFicha.jpg);
    background-repeat:no-repeat;
    background-position:left bottom;
    width:480px;
    height:54px;
    float:left;
}

.comentariosSeparador {
    position:relative;
    background-image:url(../../imagenes/separadorComentarios.jpg);
    background-repeat:no-repeat;
    background-position:left 5;
    width:480px;
    height:54px;
    float:left;
}

.comentariosSeparadorNuevo {
    position:relative;
    background-image:url(../../imagenes/separadorComentariosNuevo.jpg);
    background-repeat:no-repeat;
    background-position:left 5;
    width:480px;
    height:54px;
    float:left;
}

.comentarioEspacio {
    position:relative;
    width:480px;
    height:5px;
    float:left;
}

#ficha {
    position:relative;
    float:left;
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    margin-left:10px;
    width:90%;
}

#ficha table {
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
}

#noticia {
    position:relative;
    float:left;
    margin-top:5px;

}

#noticia .noticiaTitulo {
    position:relative;
    background-image:url(../../imagenes/auricular.jpg);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:480px;
    height:35px;
    float:left;
}

#noticia .noticiaTitulo div {
    margin-left:35px;
}

#noticia .noticiaImagen {
    position:relative;
    width:206px;
    height:145px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
    background-color:#FFFFFF;
    margin-left:2px;
    margin-top:2px;
    top: 2px;
    left: 2px;
    float:left;
}

#noticia .noticiaDetalle {
    position:relative;
    float:left;
    width:250px;
    height:150px;
    margin-left:5px;
    overflow:hidden;
}

#noticia .noticiaSeparador {
    position:relative;
    background-image:url(../../imagenes/separadorNoticia.jpg);
    background-repeat:no-repeat;
    background-position:left bottom;
    width:480px;
    height:40px;
    float:left;
}

#noticia .noticiaSeparador div {
    margin-top:10px;
    margin-left:5px;
}

#noticia .noticiaSeparador div a {
    text-decoration:none;
}

#artista {
    position:relative;
    float:left;
    margin-top:5px;

}

#artista .artistaImagen {
    position:relative;
    width:206px;
    height:145px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-right-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-right-width: 1px;
    border-top-color: #999999;
    border-bottom-color: #999999;
    border-left-color: #999999;
    border-right-color: #999999;
    background-color:#FFFFFF;
    margin-left:2px;
    margin-top:2px;
    top: 2px;
    left: 2px;
    float:left;
}

#artista .artistaDetalle {
    position:relative;
    float:left;
    width:480px;
    margin-left:5px;
}

#comentario {
    position:relative;
    float:left;
    width:465px;
    margin-left:5px;
    background-color:#c6c6c6;
    border-color:#000000;
	border-style:solid;
	border-width:1px;
    padding:5px;
}

.comentarioNombre {
    position:relative;
    float:left;
    color:#0099FF;
    font-weight:bold
}

.comentarioFecha {
    position:relative;
    float:left;
    width:300px;
    color:#999999;
}

.comentarioTexto {
    position:relative;
    float:left;
    color:#999999;
    width:450px;
}

.textoCeleste {
    font-family:Verdana, Arial, Vaground;
    font-size: 16px;
    color: #4BA8C9;
    font-weight: bold;
}

.tituloNoticia {
    font-family:Verdana, Arial, Vaground;
    font-size: 14px;
    color: #4BA8C9;
    font-weight: bold;
}

.textoCelesteChico {
    font-family:Verdana, Arial, Vaground;
    font-size: 10px;
    color: #4BA8C9;
    font-weight: bold;
}

.tituloBlanco {
    font-family:Verdana, Arial, Vaground;
    font-size: 18px;
    color: #FFFFFF;
    margin-left:60px;
    margin-top:13px;
}

.botonNegro {
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    color:#FFFFFF;
    background-color:#363636;
    margin-top: 5px;
    text-decoration:none;
    width:80px;
    padding:2px;
    border-color: #363636 #363636 #363636 #363636;
    cursor:pointer;
}

.tablaContenidoUtiles {
    margin-left:15px;
    width:200px;
}

.textoNormal {
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    color:#000000;
    margin-left:20px;
    margin-right:10px;
    margin-top:10px;
}

.input-error {
    font-family:Verdana, Arial, Vaground;
    font-size:10px;
    color:#ff6666;
    margin-left:20px;
}

#sonando {
    position:absolute;
    top:225px;
    left:55px;
    width: 400px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Vaground;
    font-size:14px;
    font-weight: bold;
}

#ventanaChat {
    width: 970px;
    height: 662px;
    background-image: url(../../imagenes/chat/fondoChat.jpg);
    background-repeat: no-repeat;
    background-color: #000;
    color: #FFF;
    text-align: left;
    position:relative;
}

#ventanaChat .chat {
    top: 150px;
    left: 38px;
    position:absolute;
    background-color: #000000;
}

#ventanaChat .publiChat {
    top: 522px;
    left: 25px;
    position:absolute;
}