/*Videos*/

#caja-emol-tv {
float:left;
clear:both;
margin-top:7px;
}

#caja-emol-tv iframe {
width: 645px;
height: 362px;
border:0px;
}

#emol-tv-activo {
height: 525px;
float:left;
clear:both;
position: relative;
margin-bottom:20px;
}

#emol-tv-activo h5 {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 23px;
float: left;
height: auto;
width: 605px;
padding:20px;
color: #3c3c3c;
}

#emol-tv-activo p {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
height: auto;
width: 605px;
color: #3c3c3c;
margin-bottom: 5px;
padding:0px 20px;
}

#emol-tv-activo ul {
position: absolute;
bottom:0px;
right:5px;
list-style-type: none;
padding:0px;


}

#emol-tv-activo ul li {
float:left;
width: 18px;
height: 18px;
margin-right:5px;
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/tw-tv.png); }
#emol-tv-activo ul li a.emol-tv-twitter:hover { background-image: url(../img/tw-tvh.png); }
#emol-tv-activo ul li a.emol-tv-facebook { background-image: url(../img/fb-tv.png); top:-1px; }
#emol-tv-activo ul li a.emol-tv-facebook:hover { background-image: url(../img/fb-tvh.png); }
#emol-tv-activo ul li a.emol-tv-gplus { background-image: url(../img/gp-tv.png); }
#emol-tv-activo ul li a.emol-tv-gplus:hover { background-image: url(../img/gp-tvh.png); }
#emol-tv-activo ul li a.emol-tv-url { display: none; }

#emol-tv-relacionados li {
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
color: #3c3c3c;
padding:0px 20px;
list-style-type: none;
width: 175px;
height: 240px;
float:left;
position: relative;
}

#emol-tv-relacionados li.playing a:after {
content: 'Seleccionado';
font-family: 'roboto', Arial, Helvetica, sans-serif;
position: absolute;
top:0px;
right:0px;
z-index: 3px;
background-color: #000;
background-color: rgba(0,0,0,0.7);
padding:2px 5px;
color: #fff;
text-transform: uppercase;
font-size: 10px;
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:97px;
left:86px;
background-image: url(../img/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: #3c3c3c;
text-decoration: none;
}

#emol-tv-relacionados li img {
margin-left:-20px;
float:left;
width: 215px;
height: 120px;
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: #888;
} 

#emol-tv-relacionados li:nth-child(1n) {
background-color: #dbdbdb;
}

#emol-tv-relacionados li:nth-child(1n):hover { 
background-color: #E8E8E8;
}

#emol-tv-relacionados li:nth-child(2n) { 
background-color: #fff;
}

#emol-tv-relacionados li:nth-child(2n):hover { 
background-color: #fafafa;
}

#emol-tv-relacionados li:nth-child(3n) { 
background-color: #fafafa;
width: 175px;
}

#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-4.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-2.png);
}

div#ver-mas-relacionados {
font-family: 'roboto', Arial, Helvetica, sans-serif;
font-size: 13px;
background-color: #afafaf;
padding:5px 0px;
width: 100%;
text-align: center;
float:left;
clear:both;
margin-bottom: 10px;
display: none;
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;
}

div#ver-mas-relacionados:hover {
cursor: pointer;
background-color: #777;
}