﻿*
{
    margin: 0;
    padding: 0;
}
body
{
    font-family: "trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: black;
    background: orange url( '../images/bgk.gif' ) repeat-y scroll center top;
}
h1
{
    background: transparent url( '../images/h1.gif' ) no-repeat scroll left top;
    font-size: 24px;
    height: 47px;
    padding: 0 0 0 50px;
    margin-bottom: 10px;
    margin-top: 10px;
}

h3
{
    background: transparent url( '../images/h33.gif' ) no-repeat scroll center top;
    font-size: 24px;
    height: 36px;
    padding: 5px 0 0 47px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
    clear: both;
    margin-top: 5px;
}
h4
{
    font-size: 14px;
    text-transform: uppercase;
    color: #494848;
    margin-top: 9px;
}
p
{
    text-align: justify;
}
.letra-faq
{
    font-size: 13px;
}
img
{
    border: none;
}
#site
{
    width: 972px;
    background-color: White;
    margin: 0 auto;
    background-color: white;
    background: white url('../images/bgk-site.gif' ) repeat-y scroll right top;
}
#header
{
    position: relative;
    text-align: center;
}

.en-cuenta p
{
    padding-left: 42px;
    padding-right: 42px;
}


#buscar
{
    width: 350px;
    height: 50px;
    position: absolute;
    z-index: 5;
    left: 600px;
    top: 15px;
    font-size: 17px;
    color: white;
    text-align: right;
    display: none;
}
.textbox-Buscar
{
    background: transparent url(                       '../images/imput-buscar1.gif' ) no-repeat scroll left top;
    width: 150px;
    height: 21px;
    border: none;
    font-size: 11px;
    padding: 7px 0 0 24px;
    margin-top: 1px;
}




#topmenu
{
    background-image: url('../images/topMenu.gif' );
    background-repeat: no-repeat;
    height: 32px;
    text-align: center;
}
#topmenu ul
{
    list-style: none;
    margin: 0 auto;
}
#topmenu li
{
    display: block;
    height: 5px;
    float: left;
    font-size: 18px;
    margin: 0 15px;
    padding: 3px 12px 0;
}
#topmenu li a
{
    color: #4B4B4B;
    text-decoration: none;
}
#topmenu li a:hover
{
    color: #237cc0;
    text-decoration: underline;
}
#cart-submenu
{
    margin-left: 6px;
    width: 221px;
    float: right;
    text-align: center;
    background: transparent url(                       '../images/subMenu-bgk.gif' ) repeat-y scroll center top;
}
#subMenu
{
    margin-left: 6px;
    width: 221px;
    float: left;
    text-align: center;
    background: transparent url(                       '../images/subMenu-bgk.gif' ) repeat-y scroll center top;
}
#subMenu h2
{
    background-image: url(                       '../images/subMenu-h2.gif' );
    background-repeat: no-repeat;
    height: 30px;
    text-align: center;
    font-size: 16px;
    padding-top: 18px;
    color: white;
}
#subMenu ul
{
    list-style: none;
}
#subMenu li
{
    background-image: url(                       '../images/li.gif' );
    background-repeat: no-repeat;
    text-align: center;
    font-size: 14px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-weight: bold;
}
#subMenu li a
{
    background-image: url(                       '../images/li.gif' );
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    color: #4B4B4B;
}
#subMenu li a:hover
{
    /*background-image: url(                       '../images/li-a.gif' );*/
    background-repeat: no-repeat;
    text-decoration: none;
    display: block;
    color: orange;
}
#canvas
{
    margin: 6px 0px 6px 0px;
    width: 735px;
    float: left;
}
#entradilla
{
    background: white url(                       '../images/entradilla.gif' ) repeat-x;
    margin: 10px;
    padding: 20px;
}


.entrada
{
    margin: 10px;
    padding: 20px;
}

.entradilla
{
    background: white url(                       '../images/entradilla.gif' ) repeat-x;
    margin: 10px;
    padding: 20px;
}


#top-descargas
{
    margin: 10px;
    padding: 20px;
}

/* PAGINA DE CONTACTENOS */
#formulario-contactenos
{
    width: 370px;
    border: thin #ea8d16 solid;
    padding: 10px;
    float: left;
    font-size: 13px;
}

#formulario-nuevo-usuario
{
    /*border: thin #ea8d16 solid;*/
    width: 100%;
    float: left;
    font-size: 13px;
}

#formulario-nuevo-usuario table
{
    width:100%;
    background: #fcfcfc url(                       '../images/result.gif' ) repeat-x scroll left top;
    margin: 3px;
    border: 1px #d1d1d1 solid; /*height: 205px;*/
}

.formulario-nuevo-usuario-input
{
    font-size: 15px;
    width: 200px;
}

#formulario-contactenos table
{
    background-color: #eee;
    padding: 10px;
}

#formulario-extra
{
    width: 240px;
    height: 290px;
    margin-left: 405px;
    background-image: url(../images/contactenos-image.jpg);
    background-repeat: no-repeat;
}

.error
{
    color: Red;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    display: block;
}

.fotoAlbum
{
    width: 217px;
    padding: 10px;
    background: transparent url(                       '../images/bgk-img-album.jpg' ) no-repeat;
    float: left;
    border: 3px #d8d8d8 solid;
    margin: 10px 10px 5px 0;
}

.fotoAlbumCarrito
{
    width: 40px;
    padding: 10px;
    background: transparent url(                       '../images/bgk-img-album.jpg' ) no-repeat;
    float: left;
    border: 3px #d8d8d8 solid;
    margin: 5px 5px 2px 0;
}


#foot
{
    clear: both;
    height: 83px;
    background-image: url('../images/foott.gif');
    background-repeat: no-repeat;
    text-align: center;
    padding: 20px 0 0 0;
    font-weight: bold;
    font-size: 13px;
    line-height: 14px;
    color: #545454;
}

#foot a
{
    color: #545454;
}



#busquedavanzada
{
    background: transparent url(                       '../images/busqueda.gif' ) no-repeat;
    width: 652px;
    height: 312px;
    margin: 0 auto;
    padding: 0 16px;
}
#busquedavanzada h2
{
    margin: -6px 0 0 0;
    font-size: 14px;
}
#busquedavanzada form
{
    margin: 12px 0 0 0;
}
#busquedavanzada .escribir
{
    background: transparent url(                       '../images/input-busquedavanzada.gif' ) no-repeat;
    width: 230px;
    height: 19px;
    border: none;
    font-size: 11px;
    padding: 7px 16px 0 26px;
}
#busquedavanzada table
{
    margin: 7px 0 0 0;
}
#busquedavanzada hr
{
    margin: 5px 0;
}
#popup
{
    background-color: #fff;
    margin: 0 auto;
    width: 564px;
}
#pop1
{
    width: 558px;
    margin: 0 auto;
    background-color: #eee;
    font-size: 14px;
}
#pop1 h1
{
    background: none;
    margin: 5px 0 9px 0;
    padding: 0;
    border-bottom: thin black solid;
    height: 100%;
}
#pop1 img
{
    background: transparent url(                       '../images/bgk-img-popup.jpg' ) no-repeat;
    padding: 5px;
    float: left;
    margin: 5px;
    width: 160px;
    height: 166px;
}
#elcodigo
{
    background: transparent url(                       '../images/enviar-codigo.jpg' ) no-repeat;
    width: 139px;
    height: 22px;
    border: none;
    font-size: 11px;
    padding: 7px 7px 0 20px;
}
#enviarcodigo
{
    background-image: url(                       '../images/enviar-codigo-boton.jpg' );
    width: 101px;
    height: 34px;
    border: none;
}
.clear
{
    clear: both;
}
.destacados
{
    float: left;
    width: 330px;
    height: 300px;
    background: transparent url(              '../images/bgk-destacados.jpg' ) no-repeat scroll center top;
    text-align: left;
}
.destacados h2
{
    font-size: 13px;
    font-weight: normal;
    padding-top: 7px;
    padding-left: 23px;
    text-align: center;
}
.destacados .img
{
    float: left;
    width: 135px;
    position: relative;
    top: 23px;
    left: 17px;
    display: block;
    background-color: #FFF;
    padding: 3px;
}
.resultado
{
    background: #fcfcfc url(                       '../images/result.gif' ) repeat-x scroll left top;
    margin: 3px;
    border: 1px #d1d1d1 solid; /*height: 205px;*/
    padding: 10px;
}

.resultado-top10
{
    background: #fcfcfc url(                       '../images/result.gif' ) repeat-x scroll left top;
    margin: 3px;
    border: 1px #d1d1d1 solid; /*height: 205px;*/
}

.resultado-top10 a
{
    font-size: 15px;
    color: #237cc0;
}

.header-top
{
    float: left;
}

.resultado-top10 a:hover
{
    color: Orange;
}

.resultado-top10 h2 img
{
    margin-top: 1px;
    padding-left: 1px;
}

.resultado-top10 h2
{
    float: left;
    padding-top: 2px;
}


.desc
{
    padding-left: 40px;
}

.item-top
{
    float: right;
    padding-top: 5px;
    padding-right: 5px;
}

.resultado h2 img
{
    float: left;
    padding: 0 10px 0 10px;
    width: 100px;
}
.resultado h2, .resultado h2 a
{
    margin-top: 10px;
    color: #237cc0;
    font-size: 17px;
}
.resultado h2 a:hover
{
    color: orange;
}

.resultado-der
{
    width: 500px;
    margin-left: 120px;
}


.resultado-top
{
    width: 280px;
    float: left;
}


.resultado-der a
{
    color: #237cc0;
    margin-top: 10px;
}
.resultado-der a:hover
{
    color: Orange;
}

.resultado-letras
{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.paginacion
{
    text-align: center;
    padding: 5px;
    padding-right: 8px;
    font-size: 17px;
    font-weight: bold;
}

.pos
{
}

.resultado-letras a, .paginacion a
{
    color: #237cc0;
}
.resultado-letras a:hover, .paginacion a:hover
{
    color: Orange;
}

.resultado-vacio
{
    font-size: 21px;
    font-weight: bold;
    color: #237cc0;
    padding: 25px;
    text-align: center;
    margin: 0: auto !important;
}

.detalles
{
    margin: 0 0 0 0;
    width: 100px;
}
.colecciones
{
    width: 158px;
    height: 200px;
    background: transparent url(                       '../images/bgk-colecciones.jpg' ) no-repeat scroll center top;
    float: left;
    margin: 8px;
    text-align: center;
}
.colecciones img
{
    margin-top: 15px;
}
.referencia
{
    color: #ea8d17;
    font-size: 14px;
    margin-top: 35px;
}

.tablalbum
{
    background-color: #f3f3f3;
    width: 670px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.tablalbum th
{
    background-image: url(../images/tabla-header.jpg);
    height: 37px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.tablalbum a
{
    color: #237cc0;
    font-weight: bold;
}
.tablalbum a:hover
{
    color:orange;
}


#tablalbum
{
    background-color: #f3f3f3;
    width: 652px;
    text-align: center;
}

#tablalbum th
{
    background-image: url(image\tabla-header.jpg);
    height: 37px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 5px 3px 9px;
}

.tablacarrito
{
    background-color: #f3f3f3;
    width: 662px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;    
}

.tablacarrito img
{
    height: 55px;
    margin: 5px;
}

.tablacarrito-eliminar
{
    height: 19px;
}


.tablacarrito td
{
    padding: 2px 4px 2px 9px;
}

.tablacarrito th
{
    background-image: url(../images/tabla-header.jpg);
    height: 37px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 5px 3px 9px;
}

.tablacarrito a
{
    color: #237cc0;
}
.tablacarrito a:hover
{
    color: Orange;
}

.tituloalbumcarrito
{
    font-size: 14px;
    background-color: #e6e6e6;
    width: 662px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    padding: 3px 5px 3px 8px;
}

.tituloalbumcarrito td
{
    padding: 0;
    margin: 0;
}

#tablacarrito
{
    background-color: #f3f3f3;
    width: 652px;
    text-align: left;
}

#tablacarrito th
{
    background-image: url(image\tabla-header.jpg);
    height: 37px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 5px 3px 9px;
}


.celda
{
    background-color: #e6e9ee;
}
.textoleft
{
    text-align: left;
}

.detalle-destacado
{
    margin-left: 165px;
    position: relative;
    top: 15px;
    padding-right: 8px;
    padding-left: 7px;
}

.novedad
{
    height: 145px;
    overflow: auto;
}

.botones-info
{
    text-align: right;
    padding: 3px;
    padding-right: 8px;
}

.boton-abajo-derecha
{
    padding-right: 10px;
    float: right;
}

#canciones
{
    text-align: right;
}

.ver-canciones
{
    margin-top: 15px;
}

#separator
{
    padding: 20px;
}

#separator-coleccion
{
    padding-left: 101px;
}

#miSlide
{
    padding-left: 40px;
}


.negro
{
    background: #92BE4F;
}


/* Rating */
.ratingStar
{
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar
{
    background-image: url(../images/FilledStar.gif);
}

.emptyRatingStar
{
    background-image: url(../images/EmptyStar.gif);
}

.savedRatingStar
{
    background-image: url(../images/SavedStar.gif);
}

.rating
{
    position: absolute;
}


.mensaje-rating
{
    position: relative;
    left: 70px;
    bottom: 40px;
}

.exito
{
    background-color: #B7D3B1;
    color: #000;
    padding: 5px;
}

.error
{
    background-color: #F17454;
    color: #000;
    padding: 5px;
}


.finmenu
{
    background: transparent url(’../images/foot-fin.jpg’) no-repeat;
    height: 43px;
}

.div-img-banner
{
    text-align: center;
}
.div-img-banner img
{
    width: 680px;
}

.itemAdded2ShoppingCart
{
    color: Green;
    border: 1px solid green;
    padding: 5px;
    margin: 5px;
}

.itemErrorInShoppingCart
{
    color: red;
    border: 1px solid red;
    padding: 5px;
    margin: 5px;
}

.header-carrito
{
    background-color: White;
    width: 400px;
    height: 30px;
    position: absolute;
    right: 10px;
    top: 65px;
}

.header-carrito a
{
    color: #EA8D17;
}

.header-carrito .left
{
    text-align: left;
    float: left;
}

.header-carrito .left td
{
    padding: 0px 0px 0px 2px;
}

.carrito-top
{
    text-align: center;
    padding: 15px 0px 0px 0px;
}

.carrito-top a
{
    color: #EA8D17;
    font-size: 14px;
    font-weight: bold;
}

.carrito-bottom
{
    padding: 0px 0px 15px 0px;
}

.carrito-bottom a
{
    color: #EA8D17;
}

.header-carrito .right
{
    text-align: right;
}

.header-carrito .uname
{
    padding: 0px 20px 0px 0px;
}

.detalle-carrito
{
    border: 1px solid #E5E5E5;
    height: 70px;
    text-align: left;
    padding: 5px 5px 2px 5px;
    margin: 4px;
}

.detalle-carrito-titulo
{
    font-size: 14px;
    margin-right: 170px;
}

.carrito-vacio
{
    font-size: 18px;
    text-align:center;
    color:#EA8D17;
    padding-top:10px;
}

#carrito-vacio
{
    display:none;
}

#resumen-carrito1
{ 
    display:none;
}

#resumen-carrito2
{ 
    display:none;
}

#tabla-carrito
{
    display:none;
}

.detalle-carrito-valor
{
    color: #EA8D16;
    font-size: 14px;
}

.preferencias-musicales
{
    border: 1px solid #999999 !important;
    background: none !important;
}

.preferencias-musicales-descripcion
{
    width:150px !important;
    
}

.preferencias-musicales input
{
    margin: 6px;
}

.ayuda-texto
{
    width: 120px;
    height: 15px;
    color: White;
    background-color: green;
    padding: 15px;
}
.texto-ayudame
{
    border: 1px solid #DBDBDB;
    color:White;
    background-color:#EA8D17;
    padding: 3px;
    text-align:left;
    display: none;
}

.formulario-error
{
    background-color: #E6C8C8;
}

.jValidar-mensaje-error
{
    background-color: Red;
    color: White;
    padding: 3px;    
}

.login-carrito
{
    height: 400px;
    padding: 10px;
    position: relative;
}

.login-carrito-signin
{
    float: left;
    width: 300px;
}

.login-carrito-signin-tabla
{
    width: 100%;
    height: 200px;
    background: #fcfcfc url(                       '../images/result.gif' ) repeat-x scroll left top;
    margin: 3px;
    border: 1px #d1d1d1 solid; /*height: 205px;*/
}

.login-carrito-signin-tabla a
{
    color: #EA8D17;
}

.login-carrito-signin-title
{
    font-size: 20px;
    color: #EA8D17;
    padding-bottom: 15px;
}


.login-carrito-signin-tabla-input
{
    font-size: 15px;
    width: 220px;
}

.login-carrito-new
{
    float: left;
    width: 300px;
    padding: 0 0 0 20px;
}

.login-carrito-new-tabla
{
    width: 100%;
    height: 200px;
    background: #fcfcfc url(                       '../images/result.gif' ) repeat-x scroll left top;
    margin: 3px;
    border: 1px #d1d1d1 solid; /*height: 205px;*/
}

.login-carrito h3
{
    background: transparent url( '../images/h34.jpg' ) no-repeat scroll center;
    clear: both;
    color: white;
    font-size: 14px;
    font-weight: normal;
    margin-top: 5px;
    text-transform: uppercase;
    text-align: right;
}

.visiblediv
{
    background: white;
    border: 3px solid #D8D8D8;
    padding: 5px;
    width: 200px;
    position: absolute;
    right: 10px;
    top: 10px;
    display: none;
}

.visiblediv-user-info
{
}

.visiblediv-titulo
{
    border-bottom: 1px dotted;
}

.visiblediv-detalle-carrito
{
    padding: 10px 0px 0px 0px;
}

.visiblediv-carrito-vacio
{
    padding: 10px;
    text-align: center;
}

.visiblediv-ver-carrito
{
    padding-right: 1px;
    text-align: right;
}

.tabla-respuesta-p2p
{
    border: 1px solid #000000;
    border-collapse: collapse;
}

.tabla-respuesta-p2p td
{
    border: 1px solid #000000;
    padding: 3px;
}

.respuesta-p2p div
{
    border-bottom: 1px dotted #B4B4B4;
    padding: 5px 0px 0px 0px;
}

.respuesta-p2p-campo
{
    padding-right: 10px;
    color: #EA8D17;
}

.respuesta-p2p-campo-aprobada
{
    color: #FFF !important;
    background-color: Green !important;
    font-size: 14px;
    padding: 1px 20px 0;
}

.respuesta-p2p-campo-rechazada
{
    color: #FFF !important;
    background-color: #FF0000 !important;
    font-size: 14px;
    padding: 1px 20px 0;
}

.respuesta-p2p a
{
    color: #EA8D17;
    text-decoration: underline;
}
.carrito-total
{
    font-size: 15px;
    color: #247BBC;
    font-weight: bold;
    margin-bottom: 7px;
}

.col-help
{
    width:30px;
}

.mensaje-error
{
    color:Red;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid #FF0000;
    padding: 10px;
    display: block;
}

.mensaje-exito
{
    color:Green;
    font-weight: bold;
    margin-bottom: 5px;
    margin-top: 5px;
    border: 1px solid Green;
    padding: 10px;
    display: block;
}

.aclaracion-formato
{
    background-color:#EA8D17;
    color: White;
    font-size: 15px;
    padding:8px;
    margin: 5px;
    text-align: center;
} 

.tabla-formulario
{
    padding: 20px;
    font-size: 16px;
}
.tabla-formulario td
{
    /*border-bottom: dotted 1px #C0C0C0 !important;*/
}

.tabla-formulario td
{
    padding: 3px 8px;
}

.tabla-formulario td input
{
    font-size: 16px;
    width: 300px;
}

.tabla-formulario-descripcion-campo
{
    padding-right: 10px;
    color: #EA8D17;
}

.tabla-formulario .header
{
    font-weight: bold;
}

.tabla-vacia
{
    font-size: 18px;
    text-align:center;
    color:#EA8D17;
    padding-top:10px;
}

.tabla-canciones-disponibles
{
    background-color: #f3f3f3;
    width: 662px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;    
    display:none;
}

.tabla-canciones-disponibles-botones-info
{
    text-align: right;
    padding: 3px;
    padding-right: 8px;
    display:none;
}

.tabla-canciones-disponibles-sincanciones
{
    font-size: 18px;
    text-align:center;
    color:#EA8D17;
    padding-top:10px;
    display:none;
}

.resultado-cambio-password
{
    font-size: 18px;
    text-align:center;
    color:#EA8D17;
    padding: 10px 0px 0px 150px;     
}


.tabla-canciones-disponibles img
{
    height: 55px;
    margin: 5px;
}

.tabla-canciones-disponibles td
{
    padding: 2px 4px 2px 9px;
}

.tabla-canciones-disponibles th
{
    background-image: url(../images/tabla-header.jpg);
    height: 37px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 5px 3px 9px;
}

.tabla-canciones-disponibles a
{
    color: #237cc0;
}

.tabla-canciones-disponibles a:hover
{
    color: Orange;
}

.mensaje-transaciones-pendientes
{
    padding: 10px;
    border: 1px solid #F9E82D;
    background-color: #FFDF00;
    color: #247BBC;
    font-size: 14px;
    margin: 10px;
    display: none;
}
