body{background:#BCE;font-family:verdana, arial, sans-serif;color:#676767;font-size:12px;line-height:1.6em;margin:0;padding:0}
a{text-decoration:none;color:#357}
a:hover{text-decoration:underline;color:brown}

img{border:none}

.icon-mobile{display:none}
.contenedor{width:924px;margin:10px auto 30px auto;background:#fff;box-shadow:0 0 5px #999;position:relative;overflow:hidden;border-radius:10px}
.cabecera{position:relative;overflow:hidden;line-height:60px;padding:10px;border-bottom:1px solid #f2f2f2;background:url('../img/fondo_cabecera.jpg');border-radius:10px 10px 0 0}
.cabecera .logo{float:left;position:relative;overflow:hidden;text-align:left;font-size:30px;color:#f60;font-family:impact,sans-serif}
.cabecera .logo a{float:left;position:relative;overflow:hidden}
.titulo{padding:10px;border-bottom:1px solid #f2f2f2}
.titulo h1{font-size:30px;color:#333;font-family:arial,sans-serif;margin-top:0;margin-bottom:5px}
.contenido{width:548px;float:left;position:relative;overflow:visible;border-right:1px solid #f2f2f2;padding:0 10px 10px 10px}
.contenido h2{color:#333;font-size:16px;font-family:arial,sans-serif}
.contenido h3{color:#333;font-size:20px;font-family:arial,sans-serif}
.contenido p{font-size:14px;line-height:1.3em}
.contenido strong{color:#333}
.contenido .nota{background:#ffffd3;border:1px solid #EAD000;padding:0 10px}
.barra{float:left;position:relative;overflow:visible;width:336px;margin-left:10px;padding:10px 0 10px 0}
.pie{position:relative;overflow:hidden;clear:both;border-top:1px solid #f2f2f2;padding:10px}
.miga{font-size:10px;display:block;margin:10px 0 0 10px}

.adsense{text-align:center;margin-bottom:10px}

.leccion{margin:15px 0;clear:both}
.leccion span{background:#D8FDDE;color:green;padding:10px;border-radius:5px;font-weight:bold;text-shadow:0 1px #fff;margin-right:3px;font-size:20px;display:block;float:left;position:relative;overflow:hidden}
.leccion .data{width:475px;margin-left:5px;margin-bottom:15px;float:left;position:relative;overflow:hidden}
.leccion .titulo_leccion a{font-weight:bold;font-size:16px;font-family:arial,sans-serif}

.cancion{margin:15px 10px;background:#f9f9f9;display:block;padding:5px 10px;border-radius:10px;float:left;position:relative;overflow:hidden;text-align:center;width:128px}
.cancion .titulo_cancion span.imagen{width:128px;height:128px;display:block;border-radius:10px;font-weight:bold;text-shadow:0 1px #fff;margin-right:3px}
.cancion .dificultad{position:relative;bottom:85px;background:#fff;color:#000;text-transform:uppercase;font-size:9px;display:block;padding:10px;opacity:.6}
.cancion a:hover{text-decoration:none}
.cancion img{border-radius:10px;background:#f2f2f2}
.cancion .titulo_cancion a{font-weight:bold;font-family:arial,sans-serif;font-size:12px}

.estilo{margin:15px 10px;background:#f9f9f9;display:block;padding:5px 10px;float:left;position:relative;overflow:hidden;text-align:center;width:140px}
.estilo .titulo_estilo span.imagen{width:128px;height:128px;display:block;border-radius:10px;font-weight:bold;text-shadow:0 1px #fff;margin-right:3px}
.estilo .dificultad{position:relative;bottom:85px;background:#fff;color:#000;text-transform:uppercase;font-size:9px;display:block;padding:10px;opacity:.6}
.estilo a:hover{text-decoration:none}
.estilo img{border-radius:10px;background:#f2f2f2}
.estilo .titulo_estilo a{font-weight:bold;font-family:arial,sans-serif;font-size:14px;text-shadow:0 1px #fff}

.social{position:relative;overflow:hidden;background:#E9EDDE;padding:10px;margin-bottom:10px}
.social span{display:block;color:#727E4D;text-align:center;text-shadow:0 1px #fff}
.social .bloque{float:left;position:relative;overflow:hidden;padding:10px 10px 10px 18px}

/*
.seguir{position:relative;overflow:hidden;background:#f2f2f2 url('../img/fondo_gris_336.png') repeat-x;padding:10px 0 10px 10px;border:1px solid #ccc;margin-bottom:10px}
.seguir span{display:block;margin-bottom:5px;text-shadow:0 1px #fff;font-weight:bold;color:brown}
.seguir .perfil strong{font-size:16px;margin-bottom:4px;display:block;font-family:arial,sans-serif;text-shadow:0 1px #fff;color:#357}
.seguir .foto{float:left;position:relative;overflow:hidden;margin-right:10px}
.seguir .twitter{width:260px;position:relative;overflow:hidden}
*/

.seguir{position:relative;overflow:hidden;background:#E9EDDE;padding:5px 0 5px 10px;margin-bottom:10px}
.seguir span{display:block;margin-bottom:5px;text-shadow:0 1px #fff;color:#727E4D;margin-bottom:5px}
.seguir .perfil strong{font-size:16px;margin-bottom:4px;display:block;font-family:arial,sans-serif;text-shadow:0 1px #fff;color:#357}
.seguir .foto{float:left;position:relative;overflow:hidden;margin-right:10px}
.seguir .twitter{width:260px;position:relative;overflow:hidden}

.pie {width:100%;margin:0 auto;position:relative;overflow:hidden;text-shadow:0 1px #fff;font-family:arial,sans-serif}
.pie ul{margin:0;padding:0}
.pie li{border-top:1px solid #f2f2f2;margin:5px 0}
.pie .bloque{width:200px;border-radius:10px;background:#fff;float:left;position:relative;overflow:hidden;margin:0 30px;padding:10px}

/* Paginador */
.paginador{clear:both;margin:40px 0}
.paginador a{font-family: Helvetica, Arial, sans-serif;font-size: 1.2em;font-weight: bold;width: 127px;padding: 8px 10px;height:16px;text-decoration: none;color: #333;text-shadow: 0 1px 0 #fff}
.paginador .anterior{background: url(../img/paginador_izquierda.png) 0 0 no-repeat;text-align: right;float:left}
.paginador .anterior:hover{background: url(../img/paginador_izquierda.png) 0 bottom no-repeat;color:#fff;text-shadow:none}
.paginador .siguiente{background: url(../img/paginador_derecha.png) 0 0 no-repeat;text-align: left;float:right}
.paginador .siguiente:hover{background: url(../img/paginador_derecha.png) 0 bottom no-repeat;color:#fff;text-shadow:none}

.center{text-align:center}

a.boton{font-weight:bold;background:#f2f2f2;display:bolck;padding:5px 10px;box-shadow:0 1px 3px #ccc}
a:hover.boton{background:#f9f9f9}
.grande{font-size:20px}
.medio{font-size:16px}
.chico{font-size:12px}

.divisor{clear:both;border-bottom:1px dashed #ccc;margin:10px 0;display:block}

.img_bio{border:1px solid #ccc;text-align:center;margin:0;padding:5px}
.img_bio_desc{background:#f2f2f2;font-size:10px;border:1px solid #ccc;border-top:none;text-align:center;padding:7px;font-style:italic}

.licencia{text-align:center;margin-bottom:10px}

.indice{background:#E9EDDE;padding:10px;text-align:center;margin-bottom:10px}
.indice a{font-weight:bold;text-shadow:0 1px #fff;font-size:15px;color:#357}

.buscador{float:right;position:relative;overflow:hidden}
.scrollable{width:336px}

.titulo_relacionados{padding:10px;clear:both;margin-top:20px;border:1px solid;border-color:#ccc #ccc #d4d4d4 #d4d4d4;background:#f2f2f2;border-radius:5px 5px 0 0;border-bottom:none;font:normal 16px impact,arial,sans-serif}
ul.relacionados{clear:both;margin:0 0 20px 0;padding:0;border:1px solid;border-color:#ccc #ccc #d4d4d4 #d4d4d4;border-top:none}
ul.relacionados li{padding:10px;background:#f2f2f2;display:block;border:1px solid;border-color:#ccc #ccc #fff #ccc; border-left:none;border-right:none}

.menu{clear:both;background:#f2f2f2;border-bottom:4px solid #357;text-align:center;margin:0 auto;position:relative;overflow:hidden}
.menu ul{list-style:none;width:900px;margin:0 auto;padding:0;position:relative;overflow:hidden}
.menu ul li{float:left;position:relative;overflow:hidden;background:#f9f9f9;margin:4px 20px 0 20px}
.menu ul li a{padding:5px}
.menu ul li a:hover{background:#357;color:#fff;text-decoration:none}

.canciones_relacionadas {text-align:center}
.canciones_relacionadas strong a{font-weight:normal;display:block;background:#E9EDDE;padding:10px;color:#727E4D;text-shadow:0 1px #fff}
.canciones_relacionadas .titulo-box{text-align:left;background:none;margin:20px 0}
.canciones_relacionadas .titulo-box a{background:none;margin-top:20px;color:#333;font-size:16px;padding:0 0 5px 0}
.canciones_relacionadas ul{margin:0;padding:0;list-style:none;position:relative;overflow:hidden}
.canciones_relacionadas ul li{text-align:left;margin:5px 0;position:relative;overflow:hidden}
.canciones_relacionadas ul li img{vertical-align:middle;border-radius:5px}
.canciones_relacionadas ul li .imagen{margin:5px 5px 5px 0;float:left;position:relative;overflow:hidden}
.canciones_relacionadas ul li a{text-align:left;text-decoration:none;color:#666;font-size:11px}
.canciones_relacionadas ul li a .titulo{color:#357;margin:0;padding:0;font-size:16px;text-decoration:none;border:0}
.canciones_relacionadas ul li a:hover .titulo{text-decoration:underline;color:brown}

.mas_canciones_box{text-align:right}

.subtitulo_back{background:#f9f9f9;padding:10px;margin:0;text-align:center;color:#727E4D !important;text-shadow:0 1px #fff}

.boton_grande {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:21px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #cc9f52;
}.boton_grande:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;
}.boton_grande:active {
	position:relative;
	top:1px;
}
/* This imageless css button was generated by CSSButtonGenerator.com */

