body { font-family: Arial, Helvetica, sans-serif;
	transition: ease 0.5s all;
	background: #000000;
background: -moz-linear-gradient(left, #000000 0%, #000000 50%, #ffff00 50%, #ffff00 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, #000000), color-stop(50%, #000000), color-stop(50%, #ffff00), color-stop(100%, #ffff00));
background: -webkit-linear-gradient(left, #000000 0%, #000000 50%, #ffff00 50%, #ffff00 100%);
background: -o-linear-gradient(left, #000000 0%, #000000 50%, #ffff00 50%, #ffff00 100%);
background: -ms-linear-gradient(left, #000000 0%, #000000 50%, #ffff00 50%, #bd0826 100%);
background: linear-gradient(to right, #000000 0%, #00000050%, #ffff00 50%, #ffff00 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffff00', GradientType=1 );
	}
	
div {transition: ease 0.5s all;}

/* Radio */

.logo img { width: 340px;     margin-top: 200px;}
	
.play { font-size:60px;
	background:#000000;
	border:12px solid #DEE0E3;
	padding:25px 40px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;
	color:#222;
	text-decoration:none;
	top: 300px;
    position: relative;
	}
	
.play:hover { text-decoration:none;
	color:#ffff00;
	}
	
.pausa { font-size:60px;
	background:#000000;
	border:12px solid #DEE0E3;
	padding:25px 40px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	border-radius: 50%;
	color:#222;
	text-decoration:none;
	}
	
.pausa:hover { text-decoration:none;
	color:#F60;
	}

.rsltplay { padding: 25px;}
.jp-audio { display: none;}

a, a:hover, a:visited, a:focus, a:link { text-decoration: none !important; outline: none !important ;}

/* Mob */

@media screen and (max-width: 768px) {
	
body { background: none; }
.logo { }
	.logo img { width: 250px; margin-top: 70px;}
	.play { top: 90px; margin-top: 0; }	
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.limpia:before,
.limpia:after {
    content: " ";
    display: table;
}

.limpia:after {
    clear: both;
}

.limpia {
    *zoom: 1;
}

.jp-jplayer,.jp-audio { width:1px; height: 1px; overflow:hidden; border:none !important;}

.rsltpausa{ width:60px; text-align: center; text-decoration: none;}
.rsltpausa:hover { text-decoration: none;}