/* provisional*/
/*.oscar2016  .premios-secundarios, .more-premios, #principal10, a[href='#principal10'] img {display:none;}*/

/** titulares Categorias **/
#oscar2016 h5, #oscar2016  h4, #oscar2016  h3, #oscar2016  h2, .more-premios  {text-align:center;}
#oscar2016 > h2 {height:11.5em;overflow:hidden;}
h2.main span, .winners h2.main::before  {top:12%}
h2.more-premios{margin-top:-3em}
h2.more-premios span {top:40%;margin-top:-0.4em;}
h2.more-premios:after {top:52%;}
.premios-principales h3 {background:url('/css/rtve.2015.noticias/rtve.especiales/oscar-2016/i/separador_a.png') no-repeat 50% 65%;padding:3em 0;}
.premios-principales h3:after {position:relative;top:1em;display:block;}
.premios-principales h4.title:after {content:'';height:0.4em;background:url('/css/rtve.2015.noticias/rtve.especiales/oscar-2016/i/separador_c.png') no-repeat 50%;display:block;}
.premios-principales h4 {top:35%;}
.premios-principales .principal1 h4 {top:40%;}
.premios-principales  h5 {top:40%;}
/*peliculas*/
.nominados li {width:20%;}
.principal1 .nominados  li{width:25%;}/*5 - 10 peliculas*/
.premios-principales > li {padding-bottom:4em;margin-top:-4em;}


/*ancla*/
#oscar2016 li + a {position:relative;display:inline-block;z-index:3;text-align:center;top:-2em;}
#oscar2016 li + a > span {text-indent:-300em;}

/* Caja Secundarios */   
.more-premios span, .more-premios span:after  {display: inline-block;width:100%;}
.premios-secundarios {padding:4em 5em;}
.premios-secundarios li {width:33.3%;padding:2em 2em 0 0;}
.premios-secundarios li:nth-child(13), .premios-secundarios li:nth-child(15) {margin-left:17.5%;}
.premios-secundarios li:nth-of-type(3n+1) {clear:both;}
.premios-secundarios li:last-child{clear:none;}
.premios-secundarios .nominados {height:auto;overflow:hidden;}
.premios-secundarios .nominados li {padding:1em 0.5em 0 0.5em;}

/** positioning**/
#goya2016 ul, .premios-principales > li , .nominados .media img, .nominados .media, #oscar2016 li + a, .premios-secundarios .nominados li{width:100%;}
#oscar2016 li, .nominados .media, #oscar2016 li + a > span, .premios-secundarios, #oscar2016 li>a, #oscar2016 li>a img, .nominados .media img{display: block;}
#oscar2016 li, .premios-secundario{float:left;}
.premios-principales .nominados li:hover .txtInfo  {z-index:3}
.premios-principales  .txtInfo  {position:absolute;top:0;left:0;}
#oscar2016 li, .premios-principales  .txtInfo  h4, .premios-principales h3,.premios-principales h3 span, #oscar2016 h2 span, .premios-principales  .txtInfo  h5,
.premios-principales h4.title:after ,.more-premios span ,.more-premios:after, .winners h2.main::before {position:relative;}

.premios-principales h3:after, .more-premios:after  {content:'Nominados';}
/* Ganadores */
.winners h2.main::before, .winners .premios-principales h3:after, .winners .more-premios:after {content:'Ganadores';}
.winners .premios-principales .nominados .txtInfo h5, .winners .premios-principales .txtInfo h4 {opacity:0;}
.winners ul.nominados li img {opacity:1;-webkit-filter: brightness(120%) grayscale(100%);}
.winners ul.nominados li .txtInfo {display:block;width:100%;height:100%;opacity:1}
.winners ul.nominados:hover li .txtInfo {animation:none; -webkit-animation:none;-moz-animation:none;display:block;width:100%;height:100%;}
.winners ul.nominados li.ganador .txtInfo {background:none;}
.winners ul.nominados li.ganador img {filter:none;-webkit-filter:none;-moz-filter:none;}
.winners h2.main span {display:none;}
.winners  .premios-secundarios .ganador h4, #oscar2016.winners .premios-secundarios .nominados li.ganador:nth-child(2n) h4 {background:rgba(51,51,51,0.3);}
.winners ul.nominados li:hover .txtInfo h5 {animation:2s desplazar 1;-webkit-animation:desplazar 2s 1;-moz-animation:2s desplazar 1;opacity:1;}
.oscar2016.winners ul.nominados li.ganador .txtInfo {background:none;}
.oscar2016.winners .premios-principales .nominados li:hover .txtInfo  {animation:none; -webkit-animation:none;-moz-animation:none;opacity:1;float:left;width:100%;height:99.4%;background: rgba(51, 51, 51, 0.8);}


/*FONTS*/
#oscar2016 em {font-style:normal;}
#oscar2016 span, #oscar2016 h4, #oscar2016 h5, .premios-principales h3:after, .winners h2.main:before  {font-weight:normal}
.premios-principales h3:after, .more-premios:after, .premios-secundarios h4  {text-transform:capitalize;}
#oscar2016 h5, #oscar2016  h4, #oscar2016  h3, #oscar2016  h2, .more-premios  {text-transform:uppercase;}
.premios-principales h3 span {color:#5c5c5c;}
#oscar2016 .premios-secundarios h4, #oscar2016.winners .premios-secundarios .nominados li:nth-child(2n) h4  {color:#000;}
.premios-principales h4,.premios-principales h5, h2.main span, .more-premios span, .winners h2.main::before, .premios-secundarios h3{color:#f2f2f2;}
.more-premios:after {color:#dadada;}
.premios-principales h3:after, #oscar2016 .premios-secundarios .nominados li:nth-child(even) h4 {color:#727272;}

h2.main span, .winners h2.main::before  {font-size:4.8em;letter-spacing:0.04em;}
.premios-principales h3 span {font-size:3em;}
.more-premios span {font-size:3.6em;line-height:1;}	
.premios-secundarios h3 {font-size:2em;}		  
.premios-principales h4 {font-size:2.6em;line-height:1.2em;}
.premios-principales h5 {font-size:1.6em;line-height:1.2em;}
.more-premios:after, .premios-principales h3:after {font-size:1.8em;}
#oscar2016 .premios-secundarios h4 {font-size:1.5em;line-height:1.5;}
#oscar2016 .premios-secundarios h3 {font-size:1.2em;line-height:2;}
.more-premios span:after  {font-size:0.5em;}

/*COLOURS*/
#oscar2016 .premios-secundarios h3, #oscar2016 li + a img, #oscar2016 > h2  {background:#caaa68;}
.winners ul.nominados li .txtInfo, 
.winners ul.nominados:hover li .txtInfo,
ul.nominados:hover li .txtInfo {background:rgba(254,254,254,0.8);}
.premios-secundarios .nominados, ul.premios-principales li:nth-of-type(2n+1) {background:#f2f2f2;}

/*cursor*/
.premios-principales  .txtInfo {cursor:default;}
.premios-principales .principal1 .txtInfo, 
.premios-principales .nominados li:hover {cursor:pointer;}


/*  hover */
ul.nominados:hover li img {opacity:1;filter: brightness(120%) grayscale(100%);-webkit-filter: brightness(120%) grayscale(100%);	-moz-filter: brightness(120%) grayscale(100%);}
ul.nominados:hover li .txtInfo {opacity:1}						
ul.nominados:hover li .txtInfo h5, ul.nominados:hover li .txtInfo h4 {opacity:0}						

/* ANIMATION */
.principal1 ul.nominados li:hover .txtInfo h4 {animation:1.5s desplazarPrincipal 1; -webkit-animation:desplazarPrincipal 1.5s 1;-moz-animation:1.5s desplazarPrincipal 1;opacity:1;}
ul.nominados li:hover .txtInfo h5 {animation:1s desplazar 1;-webkit-animation:desplazar 1s 1;-moz-animation:1s desplazar 1;opacity:1;}
ul.nominados li:hover .txtInfo h4 {animation:1s mostrar 1; -webkit-animation:mostrar 1s 1;-moz-animation:1s mostrar 1;opacity:1;}			
ul.nominados:hover li .txtInfo {animation:1s mostrar 1; -webkit-animation:mostrar 1s 1;-moz-animation:1s mostrar 1;display:block;width:100%;height:100%;}
.premios-principales .nominados .txtInfo {opacity:0;}
.premios-principales .nominados li:hover .txtInfo, 
.winners .premios-principales .nominados li:hover .txtInfo  {animation:none; -webkit-animation:none;-moz-animation:none;opacity:1;float:left;width:100%;height:100%;background: rgba(202,170,104,0.8);}

@-webkit-keyframes mostrar {
  0% {
		opacity:0;				
	  }
  100% {
	    opacity:1;		
  }
}
@keyframes mostrar {
  0% {
		opacity:0;				
	  }
  100% {
	    opacity:1;		
  }
}

@-webkit-keyframes 
 {
  0% {
		opacity:0;		
		top:60%;
  }
  20% {
		opacity:0;		
		top:60%;
	  }
  100% {
	    opacity:1;
		top:5%;
  }
}
@keyframes desplazar {
  0% {
		opacity:0;		
		top:60%;
  }
  20% {
		opacity:0;		
		top:60%;
	  }
  100% {
	    opacity:1;
		top:40%;
  }
}

@-webkit-keyframes desplazarPrincipal {
  0% {
		opacity:0;		
		top:100%;
  }
  20% {
		opacity:0;		
		top:50%;
	  }

  100% {
	    opacity:1;
		top:40%;
  }
}
@keyframes desplazarPrincipal {
  0% {
		opacity:0;		
		top:100%;
  }
  20% {
		opacity:0;		
		top:50%;
	  }

  100% {
	    opacity:1;
		top:40%;
  }
}


/*.premios-secundarios, .more-premios,a[href='#principal9'] img  {display:none;}*/