/*** BOOSTRAP 5 COLUMNAS ***/
    .col-xs-15,.col-sm-15,.col-md-15,.col-lg-15 {
        position: relative;    min-height: 1px;    padding-right: 10px;    padding-left: 10px;}
    .col-xs-15 {
        width: 18%;
        float: left;
        /*background-color: burlywood;*/
        box-sizing: content-box;
    }
    @media (min-width: 768px) {
    .col-sm-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 992px) {
    .col-md-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%; float: left;}
    }
    @media (min-width: 1200px){
    .container {
        width: 1020px;
        max-width: none !important; /*DESACTIVAR EL RESPONSIVE*/
        }
    }
/*** FIN BOOSTRAP 5 COLUMNAS ***/

body, html{
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: auto;
  overflow-x: hidden;

    font-weight: normal;
    font-style: normal;
}
ul, ol{
    padding: 0;
    moz-padding: 0;
    webkit-padding: 0;
}
a {color: #fff;}
a:hover, a:focus{
    color: #c59a6d;
    text-decoration: none;
}

.nopadding{
    padding: 0px ;
    margin: 0px;
}

.header-comercio{
    background: #252525;
    /*padding: 10px;*/
    padding: 38px 0px 10px 0px;
    position: fixed;
    width: 100%;
    z-index: 99999999;
}
    a.logo-comercio{
        background: url(/especiales/oscar-2016/img/sprites.png) no-repeat 0 2px;
        display: block;
        height: 30px;
        margin: 0 auto;
    }

    a.logo-comercio2{
        background: url(/especiales/oscar-2016/img/sprites.png) no-repeat 0px -195px;
        display: block;
        height: 30px;
        margin: 0 auto;
        margin-top: 52px;
    }

#footer{
    height: 185px;
    border-top: 3px solid #C4913D;
}
    #footer p{    
        font: 12px/15px 'glosamedium';
        color: #252525;
        text-align: left;
        margin-top: 50px;
        letter-spacing: -0.3px;
    }

    #footer p a{    
        font: 12px/15px 'glosamedium';
        color: #252525;
        text-align: left;
        margin-top: 50px;
        letter-spacing: -0.5px;
    }
    #footer p a:hover{    
        text-decoration: underline;
    }

    .padding-left-22 { 
        padding-left: 22px;
    }


/****************** REDES SOCIALES ***************/
#social{
    position: absolute;
    right: 3px;
    top: 0;
}
    #social ul {
        cursor: pointer;
        float: left;
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        margin-right: 12px;
        padding: 0;
        text-align: center;            
    }
       #social li {		        	
            display: inline-block;
            margin: 0;
            *display: inline;
            zoom:1;
        }				
            #social li a{
                background: url(/especiales/oscar-2016/img/sprites.png) no-repeat;
                /* border: 0px solid #fff; */
                display: block;
                height: 85px;
                margin: 0;
                padding: 17px;
                text-indent: -9999px;
                width: 78px
            }					
                #social li a#facebook {
                    /*background-color: #0054a6;*/
                    background-position: 0px -23px;
                    }
                #social li a:hover#facebook {
                        background-position: 0px -107px;
                    }
                #social li a#twitter {
                        /*background-color: #6dcff6;*/
                        background-position: -79px -22px;
                    }
                #social li a:hover#twitter {
                        background-position: -79px -106px;
                    }

#social2{
    position: relative;
    margin-top: 10px;
}
    #social2 ul {
        cursor: pointer;
        float: left;
        list-style-type: none;
        list-style-image: none;
        margin: 0;
        padding: 0;
        text-align: center;            
    }
       #social2 li {		        	
            display: inline-block;
            margin: 0;
            *display: inline;
            zoom:1;
        }				
            #social2 li a{
                background: url(/especiales/oscar-2016/img/sprites.png) no-repeat;
                /* border: 0px solid #fff; */
                display: block;
                height: 60px;
                margin: 0;
                padding: 17px;
                text-indent: -9999px;
                width: 65px;
            }					
                #social2 li a#facebook {
                    /*background-color: #0054a6;*/
                    background-position: 0px -232px;
                    }
                #social2 li a:hover#facebook {
                        background-position: 0px -295px;
                    }
                #social2 li a#twitter {
                        /*background-color: #6dcff6;*/
                        background-position: -64px -230px;
                    }
                #social2 li a:hover#twitter {
                        background-position: -64px -294px;
                    }

/****************** FIN REDES SOCIALES ***************/


/****************** TIPOS DE LETRA ***************/

    /** OSWALD **/
    @font-face {
        font-family: 'oswaldbold';
        src: url('/especiales/oscar-2016/fonts/oswald-bold.eot');
        src: url('/especiales/oscar-2016/fonts/oswald-bold.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/oswald-bold.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/oswald-bold.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/oswald-bold.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/oswald-bold.svg') format('svg');
}
    @font-face {
        font-family: 'oswaldextralight';
        src: url('/especiales/oscar-2016/fonts/oswald-extralight.eot');
        src: url('/especiales/oscar-2016/fonts/oswald-extralight.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/oswald-extralight.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/oswald-extralight.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/oswald-extralight.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/oswald-extralight.svg') format('svg');
}
    @font-face {
        font-family: 'oswaldlight';
        src: url('/especiales/oscar-2016/fonts/oswald-light.eot');
        src: url('/especiales/oscar-2016/fonts/oswald-light.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/oswald-light.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/oswald-light.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/oswald-light.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/oswald-light.svg') format('svg');
}
    @font-face {
        font-family: 'oswaldregular';
        src: url('/especiales/oscar-2016/fonts/oswald-regular-webfont.eot');
        src: url('/especiales/oscar-2016/fonts/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/oswald-regular-webfont.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/oswald-regular-webfont.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/oswald-regular-webfont.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/oswald-regular-webfont.svg#oswaldregular') format('svg');
}
    @font-face {
        font-family: 'oswaldstencil';
        src: url('/especiales/oscar-2016/fonts/oswald-stencil.eot');
        src: url('/especiales/oscar-2016/fonts/oswald-stencil.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/oswald-stencil.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/oswald-stencil.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/oswald-stencil.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/oswald-stencil.svg') format('svg');
}

    /** GLOSA **/
    @font-face {
        font-family: 'glosabold';
        src: url('/especiales/oscar-2016/fonts/glosabold.eot');
        src: url('/especiales/oscar-2016/fonts/glosabold.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/glosabold.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/glosabold.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/glosabold.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/glosabold.svg') format('svg');
}
    @font-face {
        font-family: 'glosaroman';
        src: url('/especiales/oscar-2016/fonts/glosaroman.eot');
        src: url('/especiales/oscar-2016/fonts/glosaroman.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/glosaroman.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/glosaroman.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/glosaroman.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/glosaroman.svg') format('svg');
}
    @font-face {
    font-family: 'glosa_displaybold';
    src: url('/especiales/oscar-2016/glosadisplay-bold-webfont.eot');
    src: url('/especiales/oscar-2016/glosadisplay-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/oscar-2016/glosadisplay-bold-webfont.woff2') format('woff2'),
         url('/especiales/oscar-2016/glosadisplay-bold-webfont.woff') format('woff'),
         url('/especiales/oscar-2016/glosadisplay-bold-webfont.ttf') format('truetype'),
         url('/especiales/oscar-2016/glosadisplay-bold-webfont.svg#glosa_displaybold') format('svg');
}
    @font-face {
        font-family: 'glosablack_italic';
        src: url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.eot');
        src: url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/glosa-black_italic-webfont.svg#glosablack_italic') format('svg');
}
    @font-face {
        font-family: 'glosamedium';
        src: url('/especiales/oscar-2016/fonts/glosa-medium.eot');
        src: url('/especiales/oscar-2016/fonts/glosa-medium.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/glosa-medium.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/glosa-medium.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/glosa-medium.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/glosa-medium.svg') format('svg');
}
@font-face {
    font-family: 'glosablack';
    src: url('/especiales/oscar-2016/fonts/glosa-black-webfont.eot');
    src: url('/especiales/oscar-2016/fonts/glosa-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/oscar-2016/fonts/glosa-black-webfont.woff2') format('woff2'),
         url('/especiales/oscar-2016/fonts/glosa-black-webfont.woff') format('woff'),
         url('/especiales/oscar-2016/fonts/glosa-black-webfont.ttf') format('truetype'),
         url('/especiales/oscar-2016/fonts/glosa-black-webfont.svg#glosablack') format('svg');
}

    /** PRELO **/
    @font-face {
        font-family: 'prelobook';
        src: url('/especiales/oscar-2016/fonts/prelo-book.eot');
        src: url('/especiales/oscar-2016/fonts/prelo-book.eot?#iefix') format('embedded-opentype'),
             url('/especiales/oscar-2016/fonts/prelo-book.woff2') format('woff2'),
             url('/especiales/oscar-2016/fonts/prelo-book.woff') format('woff'),
             url('/especiales/oscar-2016/fonts/prelo-book.ttf') format('truetype'),
             url('/especiales/oscar-2016/fonts/prelo-book.svg') format('svg');
    }
   

/** bignoodletitling 
    @font-face {
    font-family: 'bignoodletitlingregular';
    src: url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.eot');
    src: url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.eot?#iefix') format('embedded-opentype'),
         url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.woff2') format('woff2'),
         url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.woff') format('woff'),
         url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.ttf') format('truetype'),
         url('/especiales/oscar-2016/fonts/big_noodle_titling-webfont.svg#bignoodletitlingregular') format('svg');
} **/

/****************** FIN TIPOS DE LETRA ***************/



/******** ENCABEZADOS ********/
h1 {
    /*font: 64px/54px 'actoextrabold';
    color: #838f97;*/
    padding: 10px 0px 20px 0px;
    text-transform: uppercase;
    margin: 0px;
}
h2 {
    font: 21px/73px 'oswaldlight';
    color: #252525;
    text-transform: uppercase;
    width: 20%;
    margin: 0px auto;
    background-color: white;
}

h2.dorado {
    font: 18px/45px 'oswaldlight';
    color: #c4933d;
    text-transform: uppercase;
    width: 100%;
    background-color: inherit;
}

    h2.peliculas {
        font: 40px/110px 'oswaldlight';
        color: #c4913d;
        text-transform: uppercase;
        width: 100%;
    }


h3{
    font: 48px/55px 'gotham';
    padding-bottom: 0px;
    color: #d0222d;
}
h4 {
    font: 17px/35px 'oswaldlight';
    color: #252525;
    text-transform: uppercase;
    border-bottom: 1px solid #c4913d;
}

p{
    font: 22px/28px 'actobook';
    /* font-weight: 400; */
    color: #231f20;
    text-align: center;
}
p.txt-title{    
    font: 17px/22px 'glosamedium';
    /* font-weight: 400; */
    color: #c4933d;
    padding: 5px 0px 0px 0px;
}
    p.txt-subtitle{    
        font: 14px/0px 'prelobook';
        /* font-weight: 400; */
        color: #252525;
        padding: 0px 0px 0px 0px;
    }

p.txt-title2{    
    font: 15px/18px 'glosamedium';
    /* font-weight: 400; */
    color: #c4933d;
    padding: 5px 18px 0px 0px;
    position: relative;    
}
    .title-ganador{
        font: 15px/18px 'glosablack' !important;
        text-decoration: underline;
    }
    span.miniatura{
        background: url(/especiales/oscar-2016/img/oscar-miniatura.jpg) no-repeat;        
        height: 45px;
        left: -16px;
        position: absolute;
        top: 8px;   
        width: 27px;

    }

.padding-bloque-down{    
    padding: 50px 25px 0px 0px !important;
}

.margin-top-50{    
    margin-top: 50px !important;
}

.margin-bottom-50{    
    margin-bottom: 50px !important;
}

.padding-left-15{    
    padding-left: 15px !important;
}

.padding-right-15{    
    padding-right: 15px;
}    

hr{
    width: 40px;
    margin: 10px 150px 7px 15px;
    border-color: #e4e4e4;
    float: left;
}

#header{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    border-bottom: 3px solid #c4913d;
    height: auto;
    min-height: 240px;
    padding-top: 70px;
    background-color: #252525;
    position: relative;
}
.bg-menu {
    color: #fff;
    text-transform: uppercase;
    font: 23px/75px 'oswaldlight';
    background-position: center;
}



a.menu {
    color: #fff;
    text-transform: uppercase;
    font: 20px/75px 'oswaldregular';
}

a.btn-arrow:before {
    width: 50px;
    background: url(/especiales/oscar-2016/img/btn-regresar.jpg) no-repeat;
    content: '';
    height: 30px;
    top: 27px;
    left: 495px;
    margin: 0 auto;
    position: absolute;
}

a:hover.btn-arrow:before {
    background: url(/especiales/oscar-2016/img/btn-regresar-hover.jpg) no-repeat;
}

a.menu2, a:hover.menu2 {
    color: #c4913d;
    text-transform: uppercase;
    font: 27px/260px 'oswaldlight';
}

img.arrow {
    position: absolute !important;
    top: 120px;
    left: 140px;
}

    a:hover.menu, a.active {
        color: #c4913d;
        text-transform: uppercase;
        font: 20px/75px 'oswaldregular';
    }

#bloque-pelicula{
    padding: 20px 0px 0px 0px;
}

#bloque-nominados{
    padding: 20px 0px 30px 0px;
}

#bloque-negro{
    margin-top: 45px;
    padding: 50px 0px;
    background-color: #252525;
    border-top: 3px solid #c4913d;
}

.col-xs-3-24{
    width: 24% !important;
}

.padding-left-10{
    padding-left: 28px;
}

    #bloque-negro p{    
            font: 16px/24px 'prelobook';
            /* font-weight: 400; */
            color: white;
            padding: 0px;
        }

    .bg-line {
        background: url(/especiales/oscar-2016/img/bg-line.jpg) repeat-x;
        background-position: 0px 38px;
    }

.clear{
    clear: both;
}

ul.menu-header{
    list-style-type: none;
    margin: 0 auto;
    padding: 0 53px;
    width: 1020px;
}
    ul.menu-header li{
        display: inline-block;
        vertical-align: top;
    }
        ul.menu-header li a{
            display: block;
            font: 20px/75px 'oswaldregular';
            margin: 0;
            text-transform: uppercase;
        }
            ul.menu-header li:nth-child(1){
                margin: 0 45px 0 0;
            }
            ul.menu-header li:nth-child(3),
            ul.menu-header li:nth-child(5){
                margin: 0 40px;
            }
            ul.menu-header li:nth-child(7){
                margin: 0;
            }
            .last{
                margin: 0 !important;
            } 
    ul.menu-header li.circulo{
        background: #C48F43;
        border-radius: 10px;
        height: 10px;
        margin: 30px 49px;
        width: 10px;
    }

.text-hide{
    margin-left: 15px;
}
.header-main{
    padding: 0;
}


/******** FIN ENCABEZADOS ********/


/****************** ANIMACIONES CSS ***************/
    /**** GIRAR ****/
    .girar{
      -webkit-animation-name: AnimInfinita2;
      -webkit-animation-duration: 2s;
      -webkit-animation-iteration-count:infinite;   
      /*-webkit-animation-direction:alternate;*/
      -webkit-animation-timing-function:linear;
      -webkit-animation-delay:0s;
      -moz-animation-name: AnimInfinita2;
      -moz-animation-duration: 2s;
      -moz-animation-iteration-count:infinite;   
      /*-moz-animation-direction:alternate;*/
      -moz-animation-timing-function:linear;
      -moz-animation-delay:0s;
      -o-animation-name: AnimInfinita2;
      -o-animation-duration: 2s;
      -o-animation-iteration-count:infinite;   
      /*-o-animation-direction:alternate;*/
      -o-animation-timing-function:linear;
      -o-animation-delay:0s;
      -ms-animation-name: AnimInfinita2;
      -ms-animation-duration: 2s;
      -ms-animation-iteration-count:infinite;   
      /*-ms-animation-direction:alternate;*/
      -ms-animation-timing-function:linear;
      -ms-animation-delay:0s;
      animation-name: AnimInfinita2;
      animation-duration: 2s;
      animation-iteration-count:infinite; 
      /*animation-direction:alternate;*/
      animation-timing-function:linear;
      animation-delay:0s;
    }
    @-webkit-keyframes AnimInfinita2{
        0%{
            transform:rotate(5deg);
        }
        50%{
            transform:rotate(-15deg);
        }
        100%{
            transform:rotate(5deg);
        }
    }

    /**** SALTAR ****/
    .saltar{
      -webkit-animation-name: AnimInfinita1;
      -webkit-animation-duration: 1s;
      -webkit-animation-iteration-count:infinite;   
      /*-webkit-animation-direction:alternate;*/
      -webkit-animation-timing-function:linear;
      -webkit-animation-delay:1s;
      -moz-animation-name: AnimInfinita1;
      -moz-animation-duration: 1s;
      -moz-animation-iteration-count:infinite;   
      /*-moz-animation-direction:alternate;*/
      -moz-animation-timing-function:linear;
      -moz-animation-delay:1s;    
      -o-animation-name: AnimInfinita1;
      -o-animation-duration: 1s;
      -o-animation-iteration-count:infinite;   
      /*-o-animation-direction:alternate;*/
      -o-animation-timing-function:linear;
      -o-animation-delay:1s;
      -ms-animation-name: AnimInfinita1;
      -ms-animation-duration: 1s;
      -ms-animation-iteration-count:infinite;   
      /*-ms-animation-direction:alternate;*/
      -ms-animation-timing-function:linear;
      -ms-animation-delay:1s;    
      animation-name: AnimInfinita1;
      animation-duration: 1s;
      animation-iteration-count:infinite; 
      /*animation-direction:alternate;*/
      animation-timing-function:linear;
      animation-delay:1s;
    }
    @-webkit-keyframes AnimInfinita1{
        0%{
            transform:translateY(0px);
        }
        50%{
            transform:translateY(-25px);
        }
        100%{
            transform:translateY(0px);
        }
    }
/****************** FIN ANIMACIONES CSS ***************/