div.box-central-videos {
	width: 100%;
	display:inline-block;
}
#caja-emol-tv {
width: 100%;
background-color: #fff;
display:inline-block;
}

#caja-emol-tv iframe {
border:0px;
position:absolute; top:0;left: 0; width:100%; height:100%;
}

#emol-tv-activo {
	max-width: 100%;
	clear: both;
	position: relative;
	background-color: #fff;
	height: auto;
	float: left;
	border-bottom: 2px solid #E0B21F;
}

#emol-tv-activo-contiframe {
	max-width: 100%;
	float:left;
	clear:both;
	position: relative;
		height: auto;
}

.emol-tv-image-iframe {
width:100%;
height:auto;
z-index: -1;

}

#emol-tv-activo h5 {
	font-family: roboto, Arial, Helvetica, sans-serif;
    font-size: 26px;
    float: left;
    height: auto;
    max-width: 100%;
	margin: 0;
    padding: 10px;
    color: #152a49;
    font-weight: normal;
	box-sizing: border-box;
}

#emol-tv-activo p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
height: auto;
max-width: 100%;
color: #131313;
margin-bottom: 25px;
padding:0px 10px;
box-sizing: border-box;
}

#emol-tv-activo ul {
bottom:0px;
right:5px;
list-style-type: none;
padding: 5px 0 5px 0;
margin:0px;

float:right;

}

#emol-tv-activo ul li {
display:inline-block;
width: 18px;
height: 18px;
margin-right:10px;
position: relative;
}

#emol-tv-activo ul li a:link,
#emol-tv-activo ul li a:visited {
background-repeat: no-repeat;
background-position: center center;
width: 18px;
height: 18px;
position: absolute;
top:0px;
left:0px;
transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
}

#emol-tv-activo ul li a.emol-tv-twitter { background-image: url(../img/iconos/tw-tv.png); }
#emol-tv-activo ul li a.emol-tv-twitter:hover { background-image: url(../img/iconos/tw-tvh.png); }
#emol-tv-activo ul li a.emol-tv-facebook { background-image: url(../img/iconos/fb-tv.png); top:-1px; }
#emol-tv-activo ul li a.emol-tv-facebook:hover { background-image: url(../img/iconos/fb-tvh.png); }
#emol-tv-activo ul li a.emol-tv-gplus { background-image: url(../img/iconos/gp-tv.png); }
#emol-tv-activo ul li a.emol-tv-gplus:hover { background-image: url(../img/iconos/gp-tvh.png); }
#emol-tv-activo ul li a.emol-tv-url { display: none; }


#emol-tv-relacionados {
	padding:0;
	margin: 0;
}

#emol-tv-relacionados li {
	font: 13px/17px Arial, Helvetica, sans-serif;
	color: #131313;
	list-style-type: none;
	width: 33.33%;
	height: 240px;
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
}

#emol-tv-relacionados li.playing a:after {
content: 'Reproduciendo';
font-family: Arial, Helvetica, sans-serif;
position: absolute;
top:5%;
right:5%;
z-index: 3px;
background-color: #000;
background-color: rgba(0,0,0,0.7);
padding:2px 5px;
color: #fff;
text-transform: uppercase;
font-size: 11px;
transition: background 0.2s linear;
  -webkit-transition: background 0.2s linear;
  -ms-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;


}

#emol-tv-relacionados li.playing:hover a:after {
background-color: rgba(0,0,0,0.9);  
}

#emol-tv-relacionados li:after {
content: '';
position: absolute;
width: 35px;
height: 36px;
    top: 90px;
    left: 80px;
background-image: url(../img/iconos/icono-especial-4.png);
background-repeat: no-repeat;
background-position: center center;
z-index: 3;
}

#emol-tv-relacionados li a:link,
#emol-tv-relacionados li a:visited {
color: #131313;
text-decoration: none;
padding: 5% 5% 0 5%;
float:left;
}

#emol-tv-relacionados li img {
float: left;
width: 100%;
border: 0px;
margin-bottom:20px;
z-index: 3;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
}

#emol-tv-relacionados li:hover {
cursor: pointer;
}

#emol-tv-relacionados li:hover img {
opacity: 0.6;
filter: alpha(opacity=60);
}

#emol-tv-relacionados li span {
position: absolute;
bottom:20px;
right:10px;
font-size: 11px;
color: #131313;
} 

#emol-tv-relacionados li:nth-child(2n+1) {
	background-color: #D8E3ED;
}

#emol-tv-relacionados li:nth-child(2n+1):hover { 
background-color: #E8E8E8;
}

#emol-tv-relacionados li:nth-child(2n) { 
background-color: #becfe1; /*vids*/
}

#emol-tv-relacionados li:nth-child(2n):hover { 
background-color:  #E8E8E8;
}

/*#emol-tv-relacionados li:nth-child(3n) { 
background-color: #dbe4eb;

}

#emol-tv-relacionados li:nth-child(3n):hover { 
background-color: #fff;
}*/

#emol-tv-relacionados li:nth-child(1n):after {
background-image: url(../img/iconos/icono-especial.png);
}

#emol-tv-relacionados li:nth-child(3n):after {
background-image: url(../img/iconos/icono-especial.png);
}

#emol-tv-relacionados li:nth-child(2n):after {

background-image: url(../img/iconos/icono-especial-3.png);
}

#emol-tv-relacionados li:nth-child(4n):after {
background-image: url(../img/iconos/icono-especial-3.png);
}

#ver-mas-relacionados {
	/*font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #999999;
padding:5px 0px;
width: 100%;
text-align: center;
float:left;
clear:both;
margin-bottom: 10px;
transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  margin-top: 25px;
  
  */

	width: 55%;
	margin-right: 1%;
	background-color: #5EA5DC;
	height: 30px;
	color: #FFFFFF;
	font-family: 'roboto', Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
	border-radius: 5px;
	transition: background-color 0.3s linear;
	-webkit-transition: background-color 0.3s linear;
	-ms-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	margin: 0 auto;
}

#ver-mas-relacionados:hover {
	cursor: pointer;
	/*background-color: #777;*/
	text-decoration: none;
	background-color: #2572AE;
}

.box-veranteriores {
	float: left;
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
	padding-top: 1.8%;
	padding-right: 0%;
	padding-bottom: 1.8%;
	padding-left: 0%;
	border-top: 2px solid #e0b21f;

	margin-bottom: 10px;
	text-align:center;
}

/* =========================== base player =========================== */




#player_pulsar {
	position: relative;
	width: 278px;
	min-height: 350px;
	background-color: #000000;
	
}

#player_pulsar ul {
list-style-type: none;
margin:0px;
padding:0px;



}

div.jp-audio {

	font-size:1em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.6;
	color: #bdbdbd;
	width:100%;
	margin-top: 10px;
	padding: 0px;
	float: left;
	height: auto;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

div.jp-interface {
	position: relative;
	margin-bottom:13px;
	width:100%;
	
	
}

div.jp-audio .jp-interface {
	height: 70px;
	margin: 0px;
	padding: 0px;
}

/*div.jp-audio-stream .jp-interface {
	height: 50px;
}

*/
/* Controles */

div.jp-controls-holder {
	clear: both;
	margin:0 auto 10px auto;
	position: relative;
	overflow:hidden;
	
	
}

div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding: 1px 0 2px 1px;
	overflow:hidden;
	width: 201px;
	height: 34px;
}

div.jp-audio ul.jp-controls,
div.jp-audio-stream ul.jp-controls {
	padding: 0px;
	float: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

div.jp-audio-stream ul.jp-controls {
	width: 100px;
	position: relative;
	
}

div.jp-video ul.jp-controls {
	margin:0 0 0 115px;
	float:left;
	display:inline;
		
	
}

div.jp-interface ul.jp-controls li {
	display:inline;
	float: left;
	margin-right:3px;
}
div.jp-interface ul.jp-controls a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height: 34px;
	margin: 0 1px 2px 0;
	padding: 0;

	
}

/* Controles del playlist */

div.jp-type-playlist .jp-controls li a{
	width: 33px;
	height: 33px;
	transition: all 0.1s linear;
	  -webkit-transition: all 0.1s linear;
	  -ms-transition: all 0.1s linear;
	  -moz-transition: all 0.1s linear;
	  -o-transition: all 0.1s linear;
}

div.jp-type-playlist .jp-play {
	background: url("../img/player/musica-2.png") no-repeat;
}

div.jp-type-playlist .jp-play:hover {
	background: url("../img/player/musica-2b.png") no-repeat;
}

div.jp-type-playlist .jp-pause {
	background: url("../img/player/musica-6.png") no-repeat;
}

div.jp-type-playlist .jp-pause:hover {
	background: url("../img/player/musica-6b.png") no-repeat;
}

div.jp-type-playlist .jp-stop {
	background: url("../img/player/musica-4.png") no-repeat;
}

div.jp-type-playlist .jp-stop:hover {
	background: url("../img/player/musica-4b.png") no-repeat;
}

div.jp-type-playlist .jp-previous {
	background: url("../img/player/musica-1.png") no-repeat;
}

div.jp-type-playlist .jp-previous:hover {
	background: url("../img/player/musica-1b.png") no-repeat;
}

div.jp-type-playlist .jp-next {
	background: url("../img/player/musica-5.png") no-repeat;
}

div.jp-type-playlist .jp-next:hover {
	background: url("../img/player/musica-5b.png") no-repeat;
}

/* @end */

/* Barra de progreso */

div.jp-seeking-bg {
	background-color: #fff;
		float: left;
}

.jp-progress {
	background: #fff;
	width: 100%;
	height: 5px;
	overflow:hidden;
	margin-top:10px;
		float: left;
}

.jp-seek-bar {
	background: #ffffff;
	width:0px;
	height: 100%;
	overflow:hidden;
	cursor:pointer;
	float: left;
}

.jp-play-bar {
	background: #9f68b8;
	width:0px;
	height: 100%;
	overflow:hidden;
}


/* @end */

/* Controles de volumen */

div.jp-interface ul.jp-controls a.jp-mute,
div.jp-interface ul.jp-controls a.jp-unmute,
div.jp-interface ul.jp-controls a.jp-volume-max {
	position: absolute;
	top:13px;
	width: 17px;
	height: 12px;
}

/*div.jp-audio ul.jp-controls a.jp-mute,
div.jp-audio ul.jp-controls a.jp-unmute,
div.jp-audio-stream ul.jp-controls a.jp-mute,
div.jp-audio-stream ul.jp-controls a.jp-unmute {
	position: absolute;
	top:120px;
	background: url("../imagenes/sonido3.png") no-repeat;
}*/

div.jp-audio ul.jp-controls a.jp-volume-max,
div.jp-audio-stream ul.jp-controls a.jp-volume-max {
	right:0px;
	background: url("../img/player/sonido2.png") no-repeat;
}

div.jp-interface ul.jp-controls a.jp-mute {
	background: url("../img/player/sonido3.png") no-repeat;
	right:100px;
}

div.jp-interface ul.jp-controls a.jp-mute:hover {
	background: url("../img/player/sonido3b.png") no-repeat;
}

div.jp-interface ul.jp-controls a.jp-unmute {
	background: url("../img/player/sonido1.png") no-repeat;
	right:100px;
}

div.jp-interface ul.jp-controls a.jp-unmute:hover {
	background: url("../img/player/sonido1b.png") no-repeat;
}

div.jp-interface ul.jp-controls a.jp-volume-max {
	background: url("../img/player/sonido2.png") no-repeat;
}

div.jp-interface ul.jp-controls a.jp-volume-max:hover {
	background: url("../img/player/sonido2b.png") no-repeat;
}

.jp-volume-bar {
	background: #fff;
	position: absolute;
	top:17px;
	right:28px;
	width: 68px;
	height: 3px;
	overflow: hidden;
}

.jp-volume-bar:hover {
	cursor:  pointer;
}

div.jp-audio-stream .jp-interface .jp-volume-bar {
	width: 97px;
	border-right:1px solid #180920;
	padding-right:1px;
}

.jp-volume-bar-value {
	height: 3px;
	background-color: #9f68b8;
}

/* @end */

/* Duración y tiempo */

.jp-current-time, .jp-duration {
	width:70px;
	font-size:0.55em;
	color: #000;
	font-weight: bold;
}

.jp-current-time {
	float: left;
}

.jp-duration {
	float: right;
	text-align:right;
}

/* @end */

/* Playlist */

div.player-general .jp-playlist {
height: 200px;
overflow-y: scroll;
width: 295px;
padding-right:5px;
}

div.player-artistas .jp-playlist {
height: 270px;
width: 295px;
padding-right:5px;
overflow-y: scroll;
}

.jp-title ul,
.jp-playlist ul {
	list-style-type:none;	
	font-size:.7em;
	
}

.jp-video .jp-title ul {
	margin: 0 20px 10px;
}

.jp-video .jp-playlist ul {
	margin: 0 20px;
}

.jp-title li,
.jp-playlist li {
	position: relative;
	height: 24px;
	line-height: 24px;
	border-bottom:1px solid #9f68b8;
	overflow: hidden;
	padding-left:145px;
	padding-right:5px;
}

.jp-playlist li span.jp-artist {
	position: absolute;
	width: 145px;
	left:5px;
	top:0px;
	font-weight: bold;
	font-size: 12px;
}

.jp-title li{
	border-bottom:none;
	border-top:none;
	padding:0;
	text-align:center;
}

div.jp-type-playlist div.jp-playlist li:first-child {
	border-top:none;
}

div.jp-type-playlist div.jp-playlist li:last-child {
	border-bottom:none;
}

div.jp-type-playlist div.jp-playlist a {
	color: #616161;
	text-decoration:none;
}

div.jp-type-playlist div.jp-playlist a:hover {
	color: #000;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	background-color: #fff;
}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
	color: #000;
}



.box-left-oscuro-videos {
	float:left;
	width: 100%;
	background-color: #dbe4eb;
}
.box-left-oscuro-videos h1 {
	float: left;
	font-size: 22px;
	color: #131313;
	font-weight: normal;
	padding-top: 25px;
	padding-left: 20px;
	width: 92%;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

/* @end */


/*div.jp-jplayer audio,
div.jp-jplayer {
	width:0px;
	height:0px;
}

div.jp-jplayer {
	background-color: #000000;
}*/

/* @end */

/* ==================== ======================================== MONITOR 1024 PX ==================== ======================================== */

@media screen and (max-width: 1260px) { 
#emol-tv-relacionados li:after {
display: none;
}
}
/* ==================== ========================================  MONITOR CELULARES ==================== ======================================== */

@media screen and (max-width: 740px) { 
#emol-tv-relacionados li {
width: 50%;
padding-bottom: 25px;
height:235px;
}
#emol-tv-relacionados li span {
bottom:0px;
} 
}
@media screen and (max-width: 480px) { 
#emol-tv-relacionados li {
width: 50%;
padding-bottom: 25px;
height:185px;
}
}