/* CSS Document */
@font-face {
    font-family: 'droid_serif';
    src: url('/fonts/especiales/droid_serif/droidserif-italic-webfont.eot');
    src: url('/fonts/especiales/droid_serif/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/droid_serif/droidserif-italic-webfont.woff2') format('woff2'),
         url('/fonts/especiales/droid_serif/droidserif-italic-webfont.woff') format('woff'),
         url('/fonts/especiales/droid_serif/droidserif-italic-webfont.ttf') format('truetype'),
         url('/fonts/especiales/droid_serif/droidserif-italic-webfont.svg#droid_serif') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'droid_serif';
    src: url('/fonts/especiales/droid_serif/droidserif-bold-webfont.eot');
    src: url('/fonts/especiales/droid_serif/droidserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/droid_serif/droidserif-bold-webfont.woff2') format('woff2'),
         url('/fonts/especiales/droid_serif/droidserif-bold-webfont.woff') format('woff'),
         url('/fonts/especiales/droid_serif/droidserif-bold-webfont.ttf') format('truetype'),
         url('/fonts/especiales/droid_serif/droidserif-bold-webfont.svg#droid_serif') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'droid_serif';
    src: url('/fonts/especiales/droid_serif/droidserif-webfont.eot');
    src: url('/fonts/especiales/droid_serif/droidserif-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/droid_serif/droidserif-webfont.woff2') format('woff2'),
         url('/fonts/especiales/droid_serif/droidserif-webfont.woff') format('woff'),
         url('/fonts/especiales/droid_serif/droidserif-webfont.ttf') format('truetype'),
         url('/fonts/especiales/droid_serif/droidserif-webfont.svg#droid_serif') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid_serif';
    src: url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.eot');
    src: url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.woff2') format('woff2'),
         url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.woff') format('woff'),
         url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.ttf') format('truetype'),
         url('/fonts/especiales/droid_serif/droidserif-bolditalic-webfont.svg#droid_serif') format('svg');
    font-weight: 700;
    font-style: italic;
}

.lista-nominados{ color:#111;font-family:droid_serif, Georgia, "Times New Roman", Times, serif; max-width:980px; margin:0 auto; font-size:14px;}
.categoria-big{ margin-bottom:60px;}
.categoria-big h2{ font-size:16px; margin:0 auto; text-align:center; text-transform: uppercase; font-weight:bold; letter-spacing:2px; line-height:115%;}
.categoria-big h2 span{ border-bottom:4px solid #111; display:block; width:220px; margin:0 auto; padding:20px 0;}
.categoria-big ul{}
.categoria-big ul li{ float:left; margin-top:30px; width:18.4%;margin-left:2%;}
.categoria-big ul li:first-child { margin-left:0;}
.categoria-big ul li figure{}
.categoria-big ul li figure figcaption{ padding:10px 0;}
.categoria-big ul li figure img{ width:100%; height:auto; display:block;}
.categoria-big ul li figure h3{ line-height:20px; margin:0; padding:0; font-weight:normal;}
.categoria-big ul li figure p{ color:#999; line-height:20px; margin:0; padding:0;}
.categoria-big ul li figure h3 a{ color:#111;}
.categoria-big ul li figure p a{ color:#999;}
.categoria-big ul li.premiado figure figcaption{ background:#111; padding:10px 10px}
.categoria-big ul li.premiado figure h3{ color:#FFF;}
.categoria-big ul li.premiado figure h3 a{ color:#FFF;}
.lista-nominados a:hover{ text-decoration:none; opacity:0.8}
.lista-nominados a:hover img{ opacity:0.8}


#mejor-pelicula ul{}
#mejor-pelicula ul li{ width:23.5%; }
#mejor-pelicula ul li:nth-child(5){ margin-left:0; clear:both;}

.categoria-pq{ float:left; width:23.5%; margin-left:2%; margin-bottom:60px}
.categoria-pq ul{}
.categoria-pq ul li{ padding:10px;}
#otras-cat .categoria-pq:nth-child(4n+1){margin-left: 0; clear:both; }
.categoria-pq h2{ font-size:13px; margin:0 auto; text-align:left; text-transform: uppercase; font-weight:bold; letter-spacing:1px; line-height:115%; border-bottom:4px solid #111; padding:10px 0; margin:0 0 20px;}
.categoria-pq ul li h3{ margin:0 0 5px; padding:0;font-weight:normal;}
.categoria-pq ul li p{color:#999; margin:0; padding:0;}
.categoria-pq ul li.premiado{ background:#111;}
.categoria-pq ul li.premiado h3{ color:#FFF;}
.categoria-pq ul li.premiado h3 a{ color:#FFF;}
.categoria-pq ul li p a{color:#999;}


@media(max-width:767px){	
.lista-nominados{ margin:0 1%;}
.categoria-big ul { text-align:center; display:inline-table; width:100%; }
.categoria-big ul li{ float:left; margin-top:30px; width:31.33%;margin-left:3%; display: inline-block; text-align:left;}
.categoria-big ul li:nth-child(3n+1){margin-left: 18%; clear:both;}
.categoria-big ul li:nth-child(1){margin-left:0 }

#mejor-pelicula ul li{ width:23.5%; margin-left:2%;}
#mejor-pelicula ul li:nth-child(3n+1){ margin-left:2%; clear:none;}
#mejor-pelicula ul li:nth-child(1){ margin-left:0; clear:none;}

.categoria-pq{ float:left; width:31.33%; margin-left:3%; margin-bottom:60px}
#otras-cat .categoria-pq:nth-child(4n+1){margin-left: 3%; clear:none;}
#otras-cat .categoria-pq:nth-child(3n+1){margin-left: 0; clear:both;}


}

@media(max-width:600px){
.categoria-big ul li{ float:left; margin-top:30px; width:48%;margin-left:4%; display: inline-block; text-align:left;}
.categoria-big ul li:nth-child(3n+1){margin-left: 4%; clear:none;}	
.categoria-big ul li:nth-child(2n+1){margin-left:  0; clear:both;}
.categoria-big ul li:nth-child(4n+1){margin-left:  26%; clear:both;}
.categoria-big ul li:nth-child(1){margin-left: 0; clear:both;}

#mejor-pelicula ul li{ width:48%;margin-left:4%;}
#mejor-pelicula ul li:nth-child(3n+1){ margin-left:4%; clear:none;}


	
#mejor-pelicula ul li{ width:48%; margin-left:4%; }
#mejor-pelicula ul li:nth-child(5){ margin-left:4%; clear:none;}
#mejor-pelicula ul li:nth-child(2n+1){ margin-left:0; clear:both;}	
.categoria-pq{ float:left; width:48%; margin-left:4%; margin-bottom:60px}
#otras-cat .categoria-pq:nth-child(3n+1){margin-left: 4%; clear:none;}
#otras-cat .categoria-pq:nth-child(2n+1){margin-left: 0; clear:both;}
}