/*//////////////////////////////////////////////////////
//
//		TAGS
//
//////////////////////////////////////////////////////*/

body {
	font-family: Helvetica,Arial,sans-serif;
	font-size: 15px;
	color: #000;
	background-color: #fff;
	margin: 0;
}

img {
	border: none;
}

p {
	font-size: 15px;
	line-height: 25px;
	margin: 0;
	padding: 0;
}

/*
form {
	margin: 0;
	padding: 0;
}
*/

a {
	color: #000;
}

/*//////////////////////////////////////////////////////
//
//		GENERALES
//
//////////////////////////////////////////////////////*/

.clear {
	clear: both;
}

.botonMini {
	display: inline-block;
	background-color: #ED1C24;
	font-size: 13px;
	line-height: 30px;
	color: #fff;
	padding: 0 15px;
	font-weight: normal;
	text-decoration: none;
	white-space: nowrap;
	text-transform: none;
}

.botonMaxi {
	display: inline-block;
	background-color: #ED1C24;
	font-size: 15px;
	line-height: 45px;
	color: #fff;
	padding: 0 25px;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

.botonMini:hover, .botonMaxi:hover{
	color: #ED1C24;
}

/*//////////////////////////////////////////////////////
//
//		ESTRUCTURA
//
//////////////////////////////////////////////////////*/

#header, #contenido, #footer, #menuPrincipal {
	width: 1000px;
	margin: 0 auto;
}

/*//////////////////////////////////////////////////////
//
//		HEADER
//
//////////////////////////////////////////////////////*/

#header {
	height: 170px;
	background-image: url(/img/logo.jpg);
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

#header .socialMedia {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}

.socialMedia a {
	display: inline-block;
	margin: 5px 5px 0 0;
}

.socialMedia a:hover {
	opacity: .5;
}

#idiomas {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0;
}

#idiomas a {
	display: inline-block;
	margin: 10px 0 0 15px;
	font-size: 13px;
	color: #000;
	text-decoration: none;
}

#idiomas a:hover {
	color: #888;
}

#cesta_cab {
	background-image: url(/img/cesta.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top: 120px;
	padding: 5px 30px 5px 50px;
	/*border: 2px solid #ccc;*/
	cursor: pointer;
	background-color: #f0f0f0;
}

#cesta_cab:hover {
	/*border: 2px solid #999;*/
}

#cesta_cab h3 {
	font-weight: normal;
	font-size: 15px;
	margin: 0;
	padding: 0;
}

#cesta_cab span {
	font-size: 12px;
}

/*//////////////////////////////////////////////////////
//
//		MENU PRINCIPAL
//
//////////////////////////////////////////////////////*/

#menuPrincipal {
	height: 44px;
	background-color: #f0f0f0;
	position: relative;
}

#menuPrincipal > a {
	display: inline-block;
	line-height: 44px;
	margin-left: 20px;
	text-decoration: none;
	color: #000;
	font-size: 15px;
}

#menuPrincipal > a:hover {
	color: #888;
}

/*//////////////////////////////////////////////////////
//
//		BUSCADOR
//
//////////////////////////////////////////////////////*/
input.buscador {
	border: none;
	height: 30px;
	width: 240px;
	padding: 0 0 0 30px;
	color: #646464;
	font-size: 15px;
	background-image: url(/img/lupa.jpg);
	background-repeat: no-repeat;
	background-position: 10px center;
	float:left;
	
}

#buscadorPrincipal {
	font-size: 0;
	position: absolute;
	right: 7px;
	top: 7px;
	padding: 0;
	margin: 0;
	float:right;
	width:350px;
}

/*
#buscadorPrincipal input, #buscadorPrincipal .botonMini {
	display: block;
	float: right;
	margin: 0 0 0 7px;
}
*/



#buscadorPrincipal .botonMini {
	display: block;
	float: right;
	margin: 0 0 0 7px;
}

/*

.tt-query,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-query {
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
	margin-top: 10px;
    width: 350px;
    max-height: 150px;
    overflow-y: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.tt-suggestion {
    padding: 5px 20px;
    font-size: 16px;
    line-height: 24px;
}

.tt-suggestion.tt-cursor{
	cursor: pointer;
	background-color: #ED1C24;
	color: #fff;
}

.tt-suggestion.tt-is-under-cursor { UPDATE: newer versions use .tt-suggestion.tt-cursor 
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}



span.disco, span.artista, span.genero{
	display: inline-block;
	font-size: 10px;
	width: 40px;
}

*/

.error_busqueda {
	margin:20px 0;
}

#resultado_busqueda h2{
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 1000px;
	text-transform: uppercase;
}

#resultado_busqueda  ul{
    list-style:none; /* Eliminamos los bullets */
    margin:0px; /* Quitamos los margenes */
    padding:0px; /* Quitamos el padding */
}

#resultado_busqueda ul li {
   
    padding: 0;
	margin:10px 0;
}
#resultado_busqueda ul li a{
    text-decoration:none;
    color:#000;
  
}
#resultado_busqueda ul li a:hover{
    color:#666;
}


/*//////////////////////////////////////////////////////
//
//		FOOTER
//
//////////////////////////////////////////////////////*/

#footer {
	height: 220px;
	border-top: 1px solid #000;
	background-image: url(/img/logo.jpg);
	background-position: 50px 30px;
	background-repeat: no-repeat;
	position: relative;
	margin-top: 60px;
}

#footer .col {
	width: 150px;
	margin-top: 35px;
	float: left;
}

#footer .col:first-child {
	margin-left: 220px;
}

#footer .col a {
	display: block;
	font-size: 15px;
	text-decoration: none;
	line-height: 22px;
	color: #000;
}

#footer .col a:hover {
	color: #888;
}

#footer .socialMedia {
	position: absolute;
	top: 50px;
	right: 0;
	font-size: 0;
}

/*//////////////////////////////////////////////////////
//
//		CONTENIDO
//
//////////////////////////////////////////////////////*/

#inicio #contenido {
	margin-top: 10px;
}

#contenido {
	overflow-x:hidden;
}

.listaDiscos h2, .discoSemana h2, .listaVideos h2, #cesta h2, .contractacio h2 {
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 1000px;
	text-transform: uppercase;
}

/*----------------------------------------------*/

.error-listaDiscos {
	
	font-size: 20px;
	min-height:300px;
	margin-top:60px;
}
	

.listaDiscos {
	width: 1010px;
	margin-top: 60px;
	font-size: 0;
}

.listaDiscos h2 .botonMini {
	position: relative;
	top: -7px;
	margin-left: 20px;
}

/*-----------------  PAGINACION LISTA -------------------*/

.listaDiscos .paginacion {
	font-size:12px;
	width:1000px;
	height:30px;
	overflow:auto;
	padding:10px 0;

}

.listaDiscos .paginacion .recuento {
	float:left;
	width:400px;

}

.listaDiscos .paginacion .paginas {
	float:left;

}

.listaDiscos .paginacion .mostrar {
	float:right;
	text-align:right;

}

/*----------------------------------------------*/

/*---------------- PROMOS ----------------------*/

#promos .banner-promo{
	
	margin-top:10px;
}


#promos .texto-promo p{
	
	margin: 0 5px 15px 0;
	padding: 4;
	font-size: 18px;
	font-weight: normal;
	
}

/*----------------------------------------------*/

.discoMini {
	width: 192px;
	height: 288px;
	background-color: #ededed;
	overflow: hidden;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 20px;
}

.discoMini > a:nth-child(1) {
	display: inline-block;
	text-align: center;
	width: 192px;
	height: 192px;
	background-color: #444;
}

.discoMini a:hover {
	opacity: .5;
}

.discoMini .disco {
	margin: 10px 0 0 10px;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	color: #000;
	font-weight: bold;
}

.discoMini .artista {
	margin: 5px 0 0 10px;
	display: inline-block;
	font-size: 15px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.discoMini .genero {
	margin: 5px 0 0 10px;
	display: inline-block;
	font-size: 12px;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

/*----------------------------------------------*/

.discoSemana {
	margin-top: 60px;
	position: relative;
	font-size: 0;
}

.discoSemana .botonMaxi {
	position: absolute;
	bottom: 0;
}

.discoSemana .info {
	width: 665px;
	float: right;
	height: 300px;
}

.discoSemana h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
}

.discoSemana h4 {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}




/*----------------------------------------------*/

.listaVideos {
	width: 1010px;
	margin-top: 60px;
	position: relative;
	font-size: 0;
}

.listaVideos iframe {
	float: left;
	margin: 0 10px 20px 0;
}

/*//////////////////////////////////////////////////////
//
//		FICHA PRODUCTO
//
//////////////////////////////////////////////////////*/

#fichaProducto {
	margin-top: 30px;
}

#fichaProducto img {
	float: left;
}

/*----------------------------------------------*/

#fichaProducto .info {
	min-height: 530px;
	width: 665px;
	float: right;
}

#fichaProducto h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
}

#fichaProducto h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 20px;
	font-weight: normal;
}


#fichaProducto .soporte{
	font-size: 18px;
	margin: 0 0 15px 0;
	color: #ff0000;
	
}
#fichaProducto .links {
	margin-top: 50px;
}

#fichaProducto .links a {
	display: block;
	margin-bottom: 10px;
}

#fichaProducto .canciones {
	margin-top: 50px;
}

#fichaProducto .canciones li{
	padding-top:5px;
	font-size: 11px;
}

/*----------------------------------------------*/

#fichaProducto .comprar {
	float: left;
	width: 300px;
	margin-top: 15px;
}

#fichaProducto .comprar table {
	width: 300px;
	border-top: 1px solid #000;
	border-spacing: 0;
}

#fichaProducto .comprar table tr {
	height: 60px;
}

#fichaProducto .comprar table td {
	border-bottom: 1px solid #000;
}

#fichaProducto .comprar table td:first-child {
	width: 100%;
	/*white-space: nowrap;*/
	padding-right: 20px;
}

#fichaProducto .comprar table td:nth-child(2) {
	/*width: 100%;*/
	font-weight: bold;
	padding-right: 20px;
}

#fichaProducto .descatalogado {
	text-align: center;
	/*border: 1px solid #ED1C24;*/
	padding: 20px;
	font-style: oblique;
	color: #ED1C24;
	font-weight: bold;
	font-size: 14px;
	background-color: #fff4f4;
}

#fichaProducto .fechaEnvio {
	margin-top: 20px;
	text-align: center;
	/*border: 1px solid #ED1C24;*/
	padding: 20px;
	font-style: oblique;
	color: #ED1C24;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	background-color: #fff4f4;
}


#fichaProducto .spoty {
	float: left;
	width: 145px;
	margin-top: 15px;
	padding: 5px;
}

#fichaProducto .itunes {
	float: left;
	width: 145px;
	margin-top: 15px;
	padding: 5px;
}

#fichaProducto .spoty .texto{
	margin-left: 50px;
	padding-top: 10px; 
}

#fichaProducto .spoty .texto a{
	text-decoration: none;
	font-weight: 800;
}
/*//////////////////////////////////////////////////////
//
//		CATALOGO
//
//////////////////////////////////////////////////////*/

.categoria {
	width: 1010px;
	margin-top: 60px;
	font-size: 0;
}

.categoria .info {
	float: left;
	margin-right: 10px;
	background-color: #ddd;
	width: 394px;
	font-size: 15px;
	height: 288px;
}

.categoria .info > div {
	margin: 30px 30px 0 30px;
}

.categoria .info h2 {
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 10px;
}

#buscadorArtistas, #buscadorDiscos, #buscadorGeneros {
	font-size: 0;
}

#buscadorArtistas .buscador,
#buscadorDiscos .buscador,
#buscadorGeneros .buscador {
	width: 227px;
}

#buscadorArtistas input,
#buscadorArtistas .botonMini,
#buscadorDiscos input,
#buscadorDiscos .botonMini,
#buscadorGeneros input,
#buscadorGeneros .botonMini{
	display: block;
	float: right;
	margin: 0 0 0 0;
}

.categoria .links {
	padding-top: 20px;
	line-height: 25px;
}

.categoria .links a {
	display: inline-block;
	margin-right: 10px;
}

/*//////////////////////////////////////////////////////
//
//		GALERIA
//
//////////////////////////////////////////////////////*/

#galeria {
	width: 1000px;
	
		
}

#prev {
	position: absolute;
	cursor: pointer;
	left: 20px;
	top: 175px;
	z-index: 1000;
}

#next {
	position: absolute;
	cursor: pointer;
	right: 20px;
	top: 175px;
	z-index: 1000;
}

#galeria .photos :hover {
	opacity: .5;
}

#galeria .photos {
	padding-bottom:2px;
}

#galeria .photos img {
	
	cursor: pointer;
}

/*//////////////////////////////////////////////////////
//
//		RADIO
//
//////////////////////////////////////////////////////*/

#radio {
	float: left;
	width: 600px;
}

#radio h2 {
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 30px;
}

#tracks {
	margin-top: 30px;
}

#radio .track {
	padding: 5px 0;
	border-bottom: 1px solid #999;
	height:80px;
}

#radio .track .data {
	width: 380px;
	display: inline-block;
	cursor: pointer;
	line-height: 25px;
	padding-left: 30px;
	float:left;
}

#radio .track .portada {
	width: 80px;
	float:left;
	height:80px;
	padding-right:20px;
}

#radio .track > div:hover, #radio .track > div.seleccionado {
	background-image: url(/img/play.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
}

#player audio {
	width: 600px;
}

#canales {
	width: 400px;
	float: left;
}

#canales h2{
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 10px;
}

#canales span {
	display: block;
	text-decoration: underline;
	margin-bottom: 10px;
	cursor: pointer;
	font-size: 20px;
}

/*//////////////////////////////////////////////////////
//
//		TV
//
//////////////////////////////////////////////////////*/

#canalesYoutube {
	width: 300px;
	float: left;
}

#canalesYoutube h2{
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 10px;
}

#canalesYoutube a {
	display: block;
	margin-bottom: 10px;
	font-size: 20px;
}

#videosYoutube {
	float: left;
	width: 500px;
}

#videosYoutube h2{
	font-weight: normal;
	font-size: 30px;
	margin-bottom: 10px;
}

/*//////////////////////////////////////////////////////
//
//		donde estamos
//
//////////////////////////////////////////////////////*/

#map{

	width:100%;
	height:500px;
}

#tienda {
	margin-bottom:30px;
}

#tienda  h2 {
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 1000px;
	text-transform: uppercase;
}

/*//////////////////////////////////////////////////////
//
//		quienes somos
//
//////////////////////////////////////////////////////*/

#historicos {
	width: 1010px;
	margin-top: 60px;
	font-size: 0;
}


#somos, #historicos {
	margin-bottom:30px;
}

#somos p{
	margin:20px 0;
}


#somos  h2, #historicos  h2 {
	border-bottom: 1px solid #000;
	font-weight: normal;
	font-size: 30px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width: 1000px;
	text-transform: uppercase;
}



/*//////////////////////////////////////////////////////
//
//		contacto
//
//////////////////////////////////////////////////////*/



#contacto {
	margin: 40px auto;
	width:1000px;
	min-height: 500px;
	_height: auto !important;
	_height: 500px;
	overflow: auto;
	_overflow: visible;
}

#contacto h1 {
	padding: 20px;
	border-bottom: 1px solid #d7dbdf;
}

#contacto label,
#contacto form {
	margin: 0;
	padding: 0;
}

#contacto form {
	margin: 7px;
}

#contacto div.formulario {
	float: left;
	width: 400px;
}

#contacto .formulario p.error,
#contacto .formulario p.ok {
	margin: 0 0 3em;
	color: #006abe;

}

#contacto .formulario .campo label {
	display: block;
	margin-bottom: 5px;
}

#contacto .formulario .campo_texto,
#contacto .formulario .campo_textarea {
	width: 300px;
	margin-bottom: 15px;
}

#contacto .formulario .campo_textarea {
	height: 150px;
}

#contacto .formulario .campo_submit {
	
	border: none;
	cursor: pointer;
	height: 29px;
	width: 109px;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
	display: block;
}

#contacto .datos {
	width: 380px;
	float: right;
	margin-left: 20px;
	text-align: left;
	margin-bottom: 50px;
}


#contacto .datos,
#contacto .datos p {
	line-height: 2em;
}



/*//////////////////////////////////////////////////////
//
//		CESTA
//
//////////////////////////////////////////////////////*/

#cesta {

	min-height: 400px;
	width:1000px;
	margin:20px auto;

}

#cesta h3{
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 25px;
	font-weight: bold;
}

#cesta .articulos,
#cesta .mensajes {
	margin: 20px 0;
}

#cesta .mensajes p {
	color: red;
}


#cesta .articulos table {

	width: 100%;
	margin-bottom: 40px;
}

#cesta .articulos table th,
#cesta .articulos table td {
	padding: 8px 0;
	border-bottom: 1px solid #d7dbdf;
	text-align: left;
}

#cesta .articulos table tfoot th {
	border-bottom: none;
}

#cesta .articulos table .cantidad {
	text-align: center;
}

#cesta .articulos table .precio,
#cesta .articulos table .importe {
	text-align: right;
}

#cesta .articulos table .quitar {
	border: none;
	width: 0;
	padding-left: 15px;
}

#cesta .articulos table th.quitar {
	visibility: hidden;
	padding-left: 0;
	width: 0;
}

#cesta .articulos table td.quitar a {
	display: block;
	background: url('/css/quitar.gif') no-repeat left center;
	width: 0;
	padding-left: 16px;
	height: 16px;
	overflow: hidden;
}


#cesta .articulos #precio_envio {
	border:1px;
	font-size:16px;
	width:36em;
}

#cesta .articulos .pagar{
	float:right;
	padding-right:75px;
}

#cesta .botonMini{
	border:0;
	width:150px;
	margin-bottom:20px;
	text-align:center;
	border-radius: 4px;
	height: 34px;
}


#cesta  .campo {
	margin: 0 0 10px;
}

#cesta  .campo .dato {
	margin: 0 0 14px;
	font-size:16px;
	font-weight:900;
}

#cesta  label {
	display: block;
	margin-bottom: .3em;
}

#cesta #datosenvio #datoscliente{
	float:left;
	width:540px;
}

#cesta #datosenvio #datoscliente .campo_email input,
#cesta #datosenvio #datoscliente textarea {
	width: 24em;
}

#cesta #datosenvio #datoscliente textarea{
	height:10em;
}
 #texto_envio{
	font-size:12px;
	padding:10px 10px 10px 0;
	width:520px;
	line-height:1.4;
}


#cesta #datosenvio #botonespago{
	float:right;
	width:150px;
	text-align:right;
}

/*
#cesta #datosenvio  #botonespago .campo_paypal input{
	border: none;
	cursor: pointer;
	height: 29px;
	line-height: 500px;
	overflow: hidden;
	padding: 0;
	text-indent: 500px;
	vertical-align: middle;

}



#cesta #datosenvio  #botonespago .campo_paypal input {
	background: transparent url('/css/paypal.gif') no-repeat;
	width: 109px;
}
*/

/*//////////////////////////////////////////////////////
//
//		BUSCADOR
//
//////////////////////////////////////////////////////*/


.contractacio {
	width:1012px;
}

.contractacio .lista_grupos .grupo a{
	text-decoration:none;
}

.contractacio .lista_grupos .grupo{
	
	float:left;
	width:243px;
	overflow: hidden;
  	display: inline-block;
  	margin-right: 10px;
  	margin-bottom: 20px;
	
}

.contractacio .lista_grupos .grupo .nombre {
	
	width: 243px;
	margin-top: 15px;
	border-top: 1px solid #000;
	border-spacing: 0;
	height: 60px;
	border-bottom: 1px solid #000;
	text-align:center;
}

.contractacio .lista_grupos .grupo .nombre{
	
	font-size:18px;
}


.contractacio .grupo-contratacion .derecha{
  	width: 665px;
  	float: right;
}

.contractacio .grupo-contratacion .derecha .redes{
	height:40px;
}

.contractacio .grupo-contratacion .derecha .redes .red{
	
	float:left;
	padding: 0 5px 0 0;
}

.contractacio .grupo-contratacion .derecha  .texto{
	clear:both;
	margin:20px 0;
}

.contractacio .grupo-contratacion .derecha  .texto p {
	
	margin:10px 0;
	font-size:14px;
}


.contractacio .grupo-contratacion .derecha  .texto h1,
.contractacio .grupo-contratacion .derecha  .texto h2,
.contractacio .grupo-contratacion .derecha  .texto h3,
.contractacio .grupo-contratacion .derecha  .texto h4 {
	
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	width:100%;
}

.contractacio .grupo-contratacion h3 {
	font-weight: normal;
	font-size: 24px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-transform: uppercase;
	border-spacing: 0;
	border-bottom: 1px solid #000;
}


.contractacio .grupo-contratacion .derecha  .descargas{
	
	margin:10px 0;
}


.contractacio .grupo-contratacion .derecha  .descargas li{

	line-height:2.5;
}

.contractacio .grupo-contratacion .derecha  .descargas li a{
	
	text-decoration:none;
}

.contractacio .grupo-contratacion .derecha  .descargas li a:hover{
	
	color:#a6a6a6;
}

.contractacio .grupo-contratacion .izquierda{

	width:300px;
	float:left;
	
}

.contractacio .grupo-contratacion .izquierda .eventos .evento{

	margin:5px 0 20px 0;
}

.contractacio .grupo-contratacion .izquierda .eventos .evento .fecha{
	float:left;
	font-weight:bold;
}

.contractacio .grupo-contratacion .izquierda .eventos .evento .lugar{
	float:right;
}

.contractacio .grupo-contratacion .izquierda .eventos .evento .comentario{
	clear:both;
	font-size:12px;
	padding-top:5px;
}

.contractacio .grupo-contratacion .listaDiscos{
	clear:both;
}
.contractacio .grupo-contratacion .videos{
	width:1000px;
	clear:both;
	margin:20px 0 ;
}