@import url(muzike.normal.css) screen;
@import url(muzike.mobile.css) all and (max-width: 800px);
@import url(muzike.mobile.css) handheld;

.font70, .fa.font70 {font-size: 70% !important;}
.font80, .fa.font80 {font-size: 80% !important;}
.font90, .fa.font90 {font-size: 90% !important;}
.font150 { font-size: 150%;}


a:hover .fa {
	opacity: 0.6;	
}

a.button {
	display: inline-block; 
	margin: 5px;
	padding: 1px 10px;
	border: 1px solid white; 
}

a.button:hover  {
	background-color: white; 
	color: black; 
}


button.a {
	border: 0px; 
	background-color: transparent; 
	padding: 5px 10px;
	font-size: 70%;
	color: white; 
	margin-bottom: 10px; 
}

button.a:hover {
	cursor: pointer;
}

button.a i {
	position: relative;
	top: 2px;
	font-size: 160%;
}

div.comentario {
	margin-bottom: 20px; 
}

div.comentario_autor {
	font-style: italic;
}




span.discogs {
	position: relative;
	display: inline-block; 
	width: 15px; height: 15px; 
	top: 2px; left:2px;
	background-size: contain; 
	background-repeat: no-repeat;
	background-image: url(../img/discogs.png);
}


div.nota_texto {
	padding: 10px 0px;
}



span.tab {
	float: left;
	color: white;
	cursor: pointer;
	padding: 0px 5px;
	font-size: 90%;
	border-left: 1px solid white;
	font-family: 'Oswald', sans-serif;
	
}

span.tab:first-child {
	border-left: 0px;
}

span.tab.active {
	background-color: white; 
	color: black;	
}


span.tab:hover {
	opacity: 0.7;
}

span.tab.active:hover { 
	opacity: 1;
}


div.tabs {
	margin-bottom: 10px;
}


div.text_block_brief {
	background-color: rgba(238, 238, 238);
	color: rgb(15,15,15);
	padding: 10px; 
	margin-bottom: 20px; 
	font-size: 95%; 
}



div.text_block_brief h3 {
	font-size: 120%; 
	margin-bottom: 5px;
}


div.text_block_brief a  {
	font-weight: 700;
	color: black;
	font-family: 'Cabin Condensed', sans-serif;
	text-decoration: underline;
}

div.text_block_brief a:hover  {
	opacity: 0.7;
}





.switched {
	display: none;
}

.switched.active {
	display: block;
}

span.switched.active {
	display: inline;
}
	

div.ver_resumen {
	margin-bottom: 0px; 
}

div.ver_resumen_mas {
	padding: 10px 10px 10px;
}

div.ver_resumen_mas.active {
	padding-bottom: 20px; 
	margin-bottom: 0px;
}

div.ver_resumen_linea {
	border-bottom: 1px solid white;
	margin-bottom: 20px;
}