@font-face {
    font-family: 'Droid Sans';
    src: url('fonts/DroidSans.eot');
    src: url('fonts/DroidSans.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans.woff') format('woff'),
         url('fonts/DroidSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Droid Sans';
    src: url('fonts/DroidSans-Bold.eot');
    src: url('fonts/DroidSans-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans-Bold.woff') format('woff'),
         url('fonts/DroidSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
body {
	font-family:"Droid Sans", sans-serif;
	font-size:12px;
	background:#f1f1f1 url(imagenes/bg.png);
	color:#525252;
	margin:0;
}
ul {
	list-style:none;
	margin:0px;
	padding:0;
}
img {
	border:0;
}
a:link, a:visited {
	color: #0066cc;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h2 {
	margin-top:30px;
}

/* LAYOUT */
div#allcontent {
	width:910px;
	margin:10px auto;
	padding:0 10px;
}
div#maincontent {
	border:1px solid #CCCCCC;
	background-color:#ffffff;
	padding:18px;
	border-radius:10px;
	overflow:hidden;
	zoom:1;
	behavior: url(/PIE.htc);
}
div#leftcolumn {
	width:155px;
	float:left;
}
div#rightcolumn {
	width:135px;
	float:right;
}
div#maincolumn {
	margin-left:180px;
	margin-right:160px;
}
div#header {
	margin:20px 0;
	position:relative;
}
div#header div.buscar {
	position:absolute;
	right:20px;
	top:15px;
}
div#header div.buscar input.button {
	margin-left:5px;
}
div.warning,
div.notice {
	width:100%;
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:3px 0;
	background-color:#aa0000;
	border-bottom:2px solid #660000;
}
div.notice {
	color:#2F2F2F;
	background-color:#FFFF90;
	border-bottom:2px solid #E3E382;
}
div.tools {
	overflow:hidden;
}

/* FORMS */
.input {
	border:1px solid #CCCCCC;
	font-size:13px;
	font-family:"Droid Sans", sans-serif;
	padding:4px 6px;
	border-radius:4px;
	box-shadow: 0 0 6px #E3E3E3 inset;
	color:#525252;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	behavior: url(/PIE.htc);
	outline:none;
}
:-moz-placeholder {
	color:#aaaaaa;
}
::-webkit-input-placeholder {
	color:#aaaaaa;
}
textarea.input {
	resize:vertical;
}
.input:focus {
	border-color:#0066cc;
}
.button {
	font-family:"Droid Sans", sans-serif;
	background:#448BD2;
	background:linear-gradient(top, #448BD2, #014F9D);
	background:-moz-linear-gradient(top, #448BD2, #014F9D);
	background:-webkit-linear-gradient(top, #448BD2, #014F9D);
	background:-o-linear-gradient(top, #448BD2, #014F9D);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#448BD2', endColorstr='#014F9D');
	color:#ffffff;
	font-size:13px;
	padding:3px 10px;
	border:1px solid #5E82A7;
	border-radius:5px;
	box-shadow: 0 0 3px #BBBBBB;
	cursor:pointer;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
.button:hover {
	background:#5596D7;
	background:linear-gradient(top, #5596D7, #1262B1);
	background:-moz-linear-gradient(top, #5596D7, #1262B1);
	background:-webkit-linear-gradient(top, #5596D7, #1262B1);
	background:-o-linear-gradient(top, #5596D7, #1262B1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5596D7', endColorstr='#1262B1');
}
.button[disabled] {
	background:#ddd;
	border-color:#ccc;
	font-style:italic;
	cursor:default;
}
div.msg {
	padding:5px 10px;
	margin:3px 0;
	border:1px solid;
}
div.msg-error {
    color: #D8000C;
    background-color: #FFBABA;
}
div.msg-success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

/* CANCION */
div.cancion {
	background:linear-gradient(top, #ffffff, #eaeaea);
	background:-moz-linear-gradient(top, #ffffff, #eaeaea);
	background:-webkit-linear-gradient(top, #ffffff, #eaeaea);
	background:-o-linear-gradient(top, #ffffff, #eaeaea);
	border:1px solid #d7d7d7;
	border-radius:10px;
	padding:8px 10px;
	margin:10px 0;
	overflow:hidden;
	zoom:1;
	-pie-background:linear-gradient(top, #ffffff, #eaeaea);
	behavior: url(/PIE.htc);
}
div.cancion div.left {
	float:left;
	width:340px;
}
div.cancion div.right {
	float:right;
	width:130px;
	overflow:hidden;
}
div.cancion div.letra {
	margin:10px 0;
}
div.cancion div.rating {
	margin-bottom:8px;
	height:18px;
}
div.cancion div.rating div.stars {
	float:left;
}
div.cancion div.rating span.value {
	line-height:18px;
	margin-left:5px;
	font-size:11px;
}
div.cancion div.uploader {
	margin-bottom:8px;
}
div.cancion div.share {
	margin-top:12px;
	visibility:hidden;
}
div.cancion:hover div.share {
	visibility:visible;
}
div.cancion div.share a {
	background:url(imagenes/sprite.png) no-repeat;
	width:16px;
	height:16px;
	margin-right:3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
div.cancion div.share a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
div.cancion div.share a.fb {
	background-position:-60px -18px;
}
div.cancion div.share a.tw {
	background-position:-76px -18px;
}
div.cancion div.downloads {
	margin-bottom:8px;
}
div.cancion div.play {
	margin-top:10px;
	height:28px;
}
div.cancion div.play span {
	background:url(imagenes/sprite.png) no-repeat -92px -18px;
	width:19px;
	height:20px;
	display:block;
}
div.cancion div.play object {
	outline:none;
}

/* CATEGORIAS */
div.categorias ul.mas {
	display:none;
}
div.categorias a.ver-mas {
	background:url(imagenes/sort.png) no-repeat right 5px;
	padding-right:15px;
}

/* COUNTER */
div.counter {
	font-size:16px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px;
}
div.counter div.num {
	font-size:32px;
}

/* ENVIAR */
div.enviar {
	margin-bottom:30px;
}
div.enviar input.input,
div.enviar textarea {
	font-size:12px;
	margin:3px 0;
	width:100%;
}
div.enviar textarea {
	height:100px;
}
div.enviar input.button {
	margin:3px 0;
}

/* SHARE */
#leftcolumn div.share a {
	background:url(imagenes/sprite.png) no-repeat;
	width:30px;
	height:30px;
	margin-right:3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
}
#leftcolumn div.share a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}
#leftcolumn div.share a.fb {
	background-position:0 -18px;
}
#leftcolumn div.share a.tw {
	background-position:-30px -18px;
}

/* STARS */
div.stars {
	background:url(imagenes/sprite.png) no-repeat 0 0;
	width:90px;
	height:18px;
	position:relative;
}
div.current {
	background:url(imagenes/sprite.png) no-repeat -180px 0;
	height:18px;
	position:absolute;
	left:0;
}
div.stars a {
	display:block;
	height:18px;
	position:absolute;
	left:0;
	cursor:pointer;
}
div.stars a:hover {
	background:url(imagenes/sprite.png) no-repeat -90px 0;
}
div.stars a.one { width:18px; }
div.stars a.two { width:36px; }
div.stars a.three { width:54px; }
div.stars a.four { width:72px; }
div.stars a.five { width:90px; }

/* PAGINACION */
.paginacion {
	font-size:12px;
	overflow:hidden;
	zoom:1;
	margin:4px 0;
	padding:1px 0;
}
.paginacion .content {
	float:right;
}
.paginacion a {
	padding:2px 5px;
	border:1px solid #DDDDDD;
	display:block;
	float:left;
	margin:0 2px;
	text-decoration:none;
	color:#0066cc;
	outline:none;
}
.paginacion a:hover {
	background-color:#0066cc;
	color:#ffffff;
	border:1px solid #0066cc;
}
.paginacion span {
	display:block;
	float:left;
	padding:2px 0px;
	margin:1px 1px;
}
.paginacion span.current {
	margin:1px 4px;
	font-weight:bold;
}
.paginacion-abc {
	width:625px;
	margin:5px auto;
}
.paginacion-abc a, .paginacion-abc span.current {
	text-transform:uppercase;
}

/* SORT */
div.sort {
	float:left;
	margin-top:7px;
	position:relative;
}
div.sort a.open {
	background:url(imagenes/sort.png) no-repeat right 5px;
	padding-right:15px;
}
div.sort ul {
	position:absolute;
	left:0;
	top:15px;
	background:#ffffff;
	border:1px solid #a0a0a0;
	padding:7px;
	white-space:nowrap;
	box-shadow: 3px 3px 6px rgba(20,20,20,0.5);
	display:none;
}
div.sort li a {
	padding:4px 9px;
	display:block;
}
div.sort li a:hover {
	background-color:#0066CC;
	color:#ffffff;
	text-decoration:none;
}
.rate {
	font-family: Verdana;
	font-size: 10px;
	color: #3b4d66;
	border:1px solid #cccccc;
}