/*common*/@import url("/css/rtve.commons/rtve.basics/00_reset.css");
/*common*/@import url("/css/rtve.commons/rtve.basics/01_layout.css");
/*common*/@import url("/css/rtve.commons/rtve.basics/02_basics.css");
/*common*/@import url("/css/tipografias.css");

#goyas2014 {width: 952px; margin: 0 auto;padding: 1.2em 0 0 0;box-sizing: border-box;background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/fondo.jpg') #090909 center top no-repeat;height: auto;} 
#goyas2014 ul {margin: 0; padding: 0; list-style: none;}
#goyas2014 h2{text-indent: -9999em;background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/titulo.png') no-repeat center bottom;padding-top: 30em;}
.premios-principales{overflow: hidden;padding-top: 0;}
.premios-principales li{float:left;width: 25%;}
.premios-principales li:nth-child(n+5) {width: 20%;padding-top: 2em;}
#goyas2014 ul li {text-align: center;}
.premios-principales h3{cursor:pointer;display: block;font-size: 100%;height: 13.6em;text-indent: -9999%;width: 100%;margin: 0;padding: 0;background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila01.png') no-repeat;width: 100%;}

.premios-principales li:nth-child(1) h3{background-position: -14px 0px;}
.premios-principales li:nth-child(1):hover h3,.premios-principales li:nth-child(1).active h3{background-position: -14px -136px; }
.premios-principales li:nth-child(2) h3{background-position: -276px 0px;}
.premios-principales li:nth-child(2):hover h3,.premios-principales li:nth-child(2).active h3{background-position: -276px -136px; }
.premios-principales li:nth-child(3) h3{background-position: -515px 0px;}
.premios-principales li:nth-child(3):hover h3,.premios-principales li:nth-child(3).active h3{background-position: -515px -136px; }
.premios-principales li:nth-child(4) h3{background-position: -709px 0px;}
.premios-principales li:nth-child(4):hover h3,.premios-principales li:nth-child(4).active h3{background-position: -709px -136px; }
.premios-principales li:nth-child(5) h3{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila02.png') no-repeat;background-position: -193px -1px;}
.premios-principales li:nth-child(5):hover h3,.premios-principales li:nth-child(5).active h3{background-position: -193px -133px; }
.premios-principales li:nth-child(6) h3{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila02.png') no-repeat;background-position: -14px 1px;}
.premios-principales li:nth-child(6):hover h3,.premios-principales li:nth-child(6).active h3{background-position: -14px -131px; }
.premios-principales li:nth-child(8) h3{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila02.png') no-repeat;background-position: -376px 1px;}
.premios-principales li:nth-child(8):hover h3,.premios-principales li:nth-child(8).active h3{background-position: -376px -131px; }
.premios-principales li:nth-child(7) h3{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila02.png') no-repeat;background-position: -553px 1px;}
.premios-principales li:nth-child(7):hover h3,.premios-principales li:nth-child(7).active h3{background-position: -553px -131px; }
.premios-principales li:nth-child(9) h3{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/sprite_fila02.png') no-repeat;background-position: -744px 1px;}
.premios-principales li:nth-child(9):hover h3,.premios-principales li:nth-child(9).active h3{background-position: -744px -131px; }
#goyas2014 ul.premios-principales > li .nominados {display: none;position: absolute; top: auto;bottom: 0; width: 100%;  left: 0;}
#goyas2014 ul.premios-principales > li .nominados li {float: left; width: 25%;padding: 4em 2em;box-sizing: border-box;-moz-box-sizing: border-box;}
#goyas2014 ul.premios-principales > li:first-child .nominados li {width: 20%;}
#goyas2014 ul.premios-principales > li .nominados li .media {display: block; width: 100%; height: auto;border: 0.2em dotted #C88A00;padding: 0.3em;box-sizing: border-box;margin-bottom: 1em;-moz-box-sizing: border-box;border-radius: 100%;overflow: hidden;background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/circulo.png') center;width: 17em;height: 17em;padding: 1.4em;overflow: hidden;border: none;text-align: center;margin-left: 1.2em;}
#goyas2014 ul.premios-principales > li:first-child .nominados li .media {border-radius: 0;background: none;width: 100%;height: auto;border: 0.2em dotted #C88A00;padding: 0;margin-left: 0;padding: 0.3em 0.3em 0em 0.3em;}
#goyas2014 ul.premios-principales > li .nominados li .media img{width: 100%;overflow: hidden;border-radius: 100%;/* box-sizing: border-box; */-moz-box-sizing: border-box;width: 130px;height: 130px;top: 6px;position: relative;}
#goyas2014 ul.premios-principales > li:first-child .nominados li .media img{width: 100%;height: auto;}
#goyas2014 ul.premios-principales > li .nominados li .title {display: block;width: 100%; text-align: center;color: white;text-transform: uppercase;font-size: 200%;font-family: RTVEfontB;line-height: 1;}
#goyas2014 ul.premios-principales > li .nominados li .subtitle {display: block;width: 100%; text-align: center;color: white;font-size: 160%;text-transform: uppercase;font-family: RTVEfontR;padding-top: 0.4em;line-height: 1;}
#goyas2014 ul.premios-secundarios {display: none;}
#goyas2014 ul.premios-secundarios.active{display: inline-block;padding-top: 2em;width: 100%;text-align: center;padding-bottom: 3em;}
#goyas2014 ul.premios-secundarios > li {float: left;width: 24.7%;display: inline-block;color: white;font-size: 140%;line-height: 1.5;font-family: RTVEfontR;padding-bottom: 3em;text-align: center;height: 10em;}
#goyas2014 ul.premios-secundarios > li h3 {text-align: center; background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/ribbon_categorias_secundarias.png') center top no-repeat;line-height: 1.5em;font-family: RTVEfontSansB;font-size: 110%;padding-bottom: 0.5em;color: black;}
#goyas2014 ul.premios-principales.active {position: relative; padding-bottom: 358px;display: block;height: 100%;}
#goyas2014 ul.premios-principales.active > li.active .nominados {display: block; }
#goyas2014 ul.premios-principales > li:first-child .nominados li .media img{border-radius: 0;border: 0;top: 0;}
#goyas2014 ul.premios-secundarios.active li{font-size: 120%;line-height: 1.5;font-family: RTVEfontSansR;}
#goyas2014 .more-premios{display: block;width: 100%;text-align: center;padding: 5em 0;background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/spite_botonvermas.png') no-repeat center top;text-indent: -9999em;}
#goyas2014 .publico{background: url('http://img.irtve.es/css/rtve.infografias/goyas-2014/i/footer.png') center top no-repeat;height: 12em;}
#goyas2014 .more-premios.active{background-position: center -111px; }
#wrapper, .skin2009 #wrapper{background: none !important;}
.TotalNavigation{width: 93.5% !important;}


#goyas2014 ul.premios-principales.active > li.active,#goyas2014 ul.premios-secundarios.active > li {animation: animacion 1s;-webkit-animation:animacion 1s;}
@keyframes animacion{0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes animacion{0%{opacity: 0;}100% {opacity: 1;}}


.no-js .more-premios{display: none !important;}
.no-js ul.premios-principales > li .nominados{position: relative !important;display: inline-block !important;}
.no-js .premios-principales li{width: 100%;}
.no-js .premios-principales h3{width: 24%;margin: 0 auto;}
.no-js .premios-principales li:nth-child(5) h3,.no-js .premios-principales li:nth-child(6) h3,.no-js .premios-principales li:nth-child(7) h3,
.no-js .premios-principales li:nth-child(8) h3,.no-js .premios-principales li:nth-child(9) h3{width: 20%;}
.no-js .premios-principales li:nth-child(1):hover h3,.no-js .premios-principales li:nth-child(1).active h3{background-position: -44px -136px;}
.no-js .premios-principales li:nth-child(1) h3{background-position: -44px -136px;}
.no-js .premios-principales li:nth-child(2):hover h3,.no-js .premios-principales li:nth-child(2).active h3{background-position: -300px -136px;}
.no-js .premios-principales li:nth-child(2) h3{background-position: -300px -136px;}
.no-js .premios-principales li:nth-child(3):hover h3,.no-js .premios-principales li:nth-child(3).active h3, .no-js .premios-principales li:nth-child(3) h3{background-position: -535px -136px;}
.no-js .premios-principales li:nth-child(4):hover h3,.no-js .premios-principales li:nth-child(4).active h3, .no-js .premios-principales li:nth-child(4) h3{background-position: -709px -136px;}
.no-js .premios-principales li:nth-child(5):hover h3,.no-js .premios-principales li:nth-child(5).active h3, .no-js .premios-principales li:nth-child(5) h3{background-position: -201px -136px;}
.no-js .premios-principales li:nth-child(6):hover h3,.no-js .premios-principales li:nth-child(6).active h3, .no-js .premios-principales li:nth-child(6) h3{background-position: -14px -136px;}
.no-js .premios-principales li:nth-child(7):hover h3,.no-js .premios-principales li:nth-child(7).active h3, .no-js .premios-principales li:nth-child(7) h3{background-position: -553px -133px;}
.no-js .premios-principales li:nth-child(8):hover h3,.no-js .premios-principales li:nth-child(8).active h3, .no-js .premios-principales li:nth-child(8) h3{background-position: -376px -133px;}
.no-js .premios-principales li:nth-child(9):hover h3,.no-js .premios-principales li:nth-child(9).active h3, .no-js .premios-principales li:nth-child(9) h3{background-position: -744px -133px;}


#goyas2014 .more-premios {/* display: none; */}
#goyas2014 ul.premios-secundarios.active li:nth-child(17){padding-left: 10em;}