﻿*
{
	margin: 0;
	padding: 0;
}
body
{
	font-family: "trebuchet MS" ,Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: black;
	background: orange url('../images/back-cafe.jpg' ) 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: 15px;
}
h3
{
	background: transparent url('../images/h3.gif' ) no-repeat scroll left top;
	font-size: 24px;
	height: 36px;
	padding: 5px 0 0 31px;
	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;
}
img
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
}
#site
{
	width: 972px;
	background-color: White;
	margin: 0 auto;
	background-color: white;
	background: white;
}
#header
{
	position: relative;
	text-align: center;
}

#en-cuenta
{
	margin: 4px;
	padding: 20px;
}


#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: 64px;
	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: 23px 23px 0;
}
#topmenu li a
{
	color: #4B4B4B;
	text-decoration: none;
}
#topmenu li a:hover
{
	color: #237cc0;
	text-decoration: underline;
}
#subMenu
{
	margin-left: 6px;
	width: 221px;
	float: left;
	text-align: center;
	background: transparent url('../images/subMenu-bgk.gif' ) repeat-y scroll center top;
	margin-bottom: 15px;
}
#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;
	height: 24px;
	text-align: center;
	font-size: 14px;
	padding-top: 5px;
	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: 715px;
	float: left;
	padding: 10px;
	padding-top:5px;
}
#entradilla
{
	background-image: url('../images/entradilla.gif' );
	background-repeat: repeat-x;
	background-color: #fff;
	width: 675px;
	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-contactenos table
{
	background-color: #eee;
	padding: 10px;
}

#formulario-extra
{
	padding-bottom: 190px;
	width: 240px;
	margin-left: 405px;
	background-image: url('../images/contactenos-image.jpg');
	background-repeat: no-repeat;
	background-position: top;
	padding-top:210px;
}

.error
{
	color: Red;
	font-weight: bold;
}



.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;
}


#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 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: 662px;
	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;
}

.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;
}


/*************************************************************/
/*************************************************************/
/****************** CANVAS SITIO *****************************/
/*************************************************************/

#canvas-sitio
{
	padding: 20px;
}
#canvas-sitio h3
{
	background: transparent url(  '../images/h3-big.gif' ) no-repeat scroll left top;
	font-size: 24px;
	height: 36px;
	padding: 5px 0 0 31px;
	color: white;
	font-size: 14px;
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
	margin-top: 5px;
}


/*************************************************************/
/*************************************************************/
/****************** HOME *************************************/
/*************************************************************/
.home-left
{
	float: left;
	width: 569px;
}

.home-right
{
	float: right;
	width: 359px;
}

.lista-novedades
{
}
.lista-novedades .novedad
{
	float: left;
	width: 232px;
	text-align: center;
	height: 350px;
	padding-top: 10px;
	border-top-style: dashed;
	border-top-width: 1px;
	border-top-color: #C0C0C0;
	background-image: url('../images/Novedad-Back.jpg');
	background-position: center;
}
.lista-novedades .novedad .titulo
{
	color: #C38B04;
	font-weight: bold;
	font-size: 18px;
}

.lista-novedades .novedad img
{
	width: 200px;
}

#CabezadeFlash
{
	position: relative;
	width: 930px;
	margin: 0 auto;
}
.menu
{
	position: absolute;
	bottom: 0px;
	height: 25px;
	width: 620px;
	font-size: 20px;
	padding-bottom: 8px;
	text-align: left;
	padding-left: 30px;
}

.menu a
{
	color: Black;
	text-decoration: none;
}

.barra-idiomas
{
	text-align: right;
	padding: 5px 0 5px 15px;
	font-size: 13px;
}

/*************************************************************/
/*************************************************************/
/****************** HOME *************************************/
/*************************************************************/
.noticia-left
{
	float: left;
	width: 355px;
}

.noticia-left img
{
	width: 330px;
	display: block;
	margin: 0 auto;
	padding-bottom: 20px;
}
