@font-face {
	font-family: 'dinnova';
	src: url('fuentes/dinregular.eot');
	src: local('dinnova'), url('fuentes/dinregular.woff') format('woff'), url('fuentes/dinregular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
	font-family: 'dinnova';
	src: url('fuentes/dinmedium.eot');
	src: local('dinnova'), url('fuentes/dinmedium.woff') format('woff'), url('fuentes/dinmedium.ttf') format('truetype');
    font-weight: 500;
}
@font-face {
	font-family: 'dinnova';
	src: url('fuentes/dinbold.eot');
	src: local('dinnova'), url('fuentes/dinbold.woff') format('woff'), url('fuentes/dinbold.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: 'arsnova';
    src: url('fuentes/ars-bolditalic.eot');
    src: url('fuentes/ars-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('fuentes/ars-bolditalic.woff2') format('woff2'),
         url('fuentes/ars-bolditalic.woff') format('woff'),
         url('fuentes/ars-bolditalic.ttf') format('truetype'),
         url('fuentes/ars-bolditalic.svg#ars_maquette_probold_italic') format('svg');
    font-weight: 600;

}
body {margin: 0;}
#estanoche *, #estanoche {line-height: normal; background-repeat: no-repeat;}
#estanoche {width: 312px; height: 312px; overflow: hidden; font-family: dinnova; position: relative; background-color: black;}
#estanoche #contenedornoche {z-index: 5; position: absolute; bottom: 20px; left: 20px; width: 272px; overflow: hidden;}
#estanoche h2 {background-color: rgba(255, 255, 255, 0.6);margin: 0;z-index: 5;background-image: url("img/luna.png?V2");background-position: 12px 12px;color: #1d1d1d;font-weight: 500;padding: 4px 10px 6px 40px;}
#estanoche #contenidonoche {background-color: #ee2375;z-index: 5;color: white;padding: 7px 12px 9px;}
#estanoche #contenidonoche h1 {font-size: 18pt; min-height: 32px;text-transform: uppercase;margin: 0; }
#estanoche #contenidonoche p {font-size: 19pt; margin: 0;}
#estanoche a {position: absolute; width: 100%; height: 100%;z-index: 10;}
#estanoche:hover img {opacity: 0.6;}
#estanoche img {position: absolute; z-index: 1; transition: all .2s ease;}

#capitulosatresplayer * {transition: all .2s ease}
#capitulosatresplayer {border: 8px solid #ee2375; height: 315px; width: 960px; font-family: dinnova; position: relative; }
#capitulosatresplayer h1 {color: #ee2375; font-weight: 400; font-size: 23pt; margin: 10px 0 0 19px;}
#capitulosatresplayer > a {position: absolute; right: 20px; top: 17px;font-size: 23pt; color: #1d1d1d; }
#capitulosatresplayer > a div.titmas {width: 0; overflow: hidden; float: left; height: 30px; opacity: 0;}
#capitulosatresplayer > a div.titmas p {width: 125px; margin: -5px 0 0 0; font-weight: 500;} 
#capitulosatresplayer > a div.botonmas {border-radius: 100px; line-height: 28px;width: 30px; height: 30px; float: right; text-align: center;  background-color: #e9e9e9;}
    #capitulosatresplayer > a:hover div.titmas {width: 125px; opacity: 1;}
    #capitulosatresplayer > a:hover div.botonmas {background-color: #ee2375; color: white;}
#capitulosatresplayer h1 a {width: 0; overflow: hidden;}
#capitulosatresplayer h1 b {font-weight: 600;}
#capitulosatresplayer h1 span {font-weight: 600; color: #1d1d1d; background-image: url(img/atresplayer.png); background-repeat: no-repeat; background-position: 5px 10px; padding-left: 39px;}
#capitulosatresplayer ul  {margin: 16px 0 0 20px; padding: 0; width: 47%; float: left;}
#capitulosatresplayer ul li {list-style: none; font-size: 19pt; height: 80px; margin: 0 0 0 211px; position: relative;}
#capitulosatresplayer ul li:first-child a {background: rgba(0, 0, 0, 0.2); position: absolute; width: 100%; height: 100%; color: white;}
    #capitulosatresplayer ul li:first-child a:hover {background: rgba(222, 0, 107, 0.4);}
    #capitulosatresplayer ul li:first-child a:hover p {color: white !important;}
#capitulosatresplayer ul li a {color: #1d1d1d;}  
    #capitulosatresplayer ul li a:hover p {color: #ee2375}
    #capitulosatresplayer ul li a:hover span {opacity: 0.4;}
#capitulosatresplayer ul li a span {opacity: 0;}
#capitulosatresplayer ul li p {float: left; margin: 5px 0 0 0; width: 150px;}
#capitulosatresplayer ul li a span {position: absolute;background-color: #ee2375; width: 65px; height: 65px; border-radius: 100px; left: 0;}
#capitulosatresplayer ul li a img {float: left; margin: 0 12px 0 0; border-radius: 100px; width: 65px; height: 65px;}

#capitulosatresplayer ul li:first-child {width: calc(200px - 28px); height: 226px; position: relative; padding: 0px 14px 0px 0px;background-color: red; float: left; background-repeat: no-repeat; color: white; font-size: 18pt; font-weight: 600; text-transform: uppercase; margin: 0 25px 0 0;}
#capitulosatresplayer ul li:first-child p {position: absolute; bottom: 10px; margin: 0; padding: 0 14px 0 14px;}