body {
	background:#f0f0f0;
	min-width:auto;
	height:auto;	
}

.backplayer {
	background:#f0f0f0;
	padding:20px;
}

.squarevivo {
	display:inline-block;
	width:15px;
	height:15px;
	overflow: hidden;
	background:#cc1e1e;
	border-radius:50%;
	vertical-align:middle;
	margin:0 10px 0 0;
}

.jp-audio {
	max-width:600px;
	margin:0 auto 40px;
	box-shadow:0 6px 10px -5px rgba(0,0,0,0.6);
	border-radius:5px;
	overflow:hidden;
}

div.logo {width:200px;margin:0 auto 30px;}

.leyenda {
	background:#f0f0f0;
	padding:25px;
	margin:50px 0 0;
	max-width:600px;
	margin:auto;
}
.leyenda, .leyenda h3 {font-family: 'Source Sans Pro', sans-serif;}
.leyenda h3 {margin:0 0 20px 0;font-weight:bold;font-size:20px;line-height:22px;}
.leyenda .wp {margin:20px 0;text-align:center;}
.leyenda .wp svg {font-size:42px;vertical-align:-15px;margin:0 10px 0 0;}


/* Audio Embedido */


.m_audio {
	background:#f5f5f5;
	padding:0;
	border-radius:5px;
	position:relative;
	clear:both;
	margin:30px 0;
}

.jp-gui {
	position:relative;
	padding:15px;
	background:#fff;
}

.jp-audio.jp-state-looped {}
.jp-gui div:focus,.jp-gui div:active {outline:0}


.jp-progress {
	position:absolute;
	width:100%;
	height:2px;
	top:0;
	left:0;
}
.jp-seek-bar {
	background:#28aae2;
	height:100%;
	width:0;
}
.jp-seek-bar .jp-play-bar {
	background:#28aae2;
	height:100%;
}

.jp-controls {
	width:100px;
	float:left;
}
.jp-controls div {
	display:inline-block;
	font-size:22px;
}
.jp-controls div span {
	display:inline-block;
	padding:10px;
}
.jp-audio .pause,
.jp-state-playing .play  {display:none;}
.jp-state-playing .pause {display:block;}

.jp-time-holder {
	float:left;
	width:135px;
	font-size:13px;
	padding-top:11px;
}
.jp-time-holder span {display:inline-block;}
.jp-repeat {font-size:22px;float:right;margin-top:-1px;}
.jp-duration {}

.jp-volume-controls {
	width:150px;
	float:right;
	padding:10px 0 0;
	margin:0;
	position:relative;
	font-size:20px;
}
.jp-volume-controls span {display:inline-block;}
.jp-mute       {float:left;padding:3px 0 0;}
.jp-volume-max {float:right;padding:3px 0 0;}
.jp-volume-bar {
	position:relative;
	width:100px;
	height:7px;
	background:#a0a0a0;
	cursor:pointer;
	margin:0 5px 0 10px;
	border-radius:5px;
	overflow:hidden;
}
.jp-volume-bar .jp-volume-bar-value {position:absolute;top:0;left:0;height:100%;background:#28aae2;;}

.jp-details {
	padding:10px;
	font-size:14px;
	background:#28aae2;
	color:#fff;
	transition:all 0.2s ease;
	/*	border-bottom:1px solid #cc1e1e; */
	/* box-shadow:0 5px 8px -7px rgba(0,0,0,0.3) inset; */
}
.jp-state-looped .jp-details {box-shadow:0 5px 8px -7px rgba(40,170,226,0.6) inset; /*border-top:1px solid #28aae2;background:#28aae2;color:#fff;*/}
.jp-state-looped .jp-repeat {color:#28aae2;}

.jp-no-solution {display:none;}

/* Para iOS y Android */
.jp-state-no-volume .jp-mute .fa-volume-off,
.jp-mute .fa-volume-up {display:none;}
.jp-state-no-volume .jp-mute .fa-volume-up {display:block;}
.jp-state-no-volume .jp-mute { width:50%;font-size:32px;}

.jp-state-no-volume.jp-state-muted .jp-mute .fa-volume-off {display:block;}
.jp-state-no-volume.jp-state-muted .jp-mute .fa-volume-up {display:none;}

/* Fin Audio embebido */


@media (max-width:720px){
	.jp-volume-controls {display:none;}
}