body {
  font-family: 'Oswald', sans-serif;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 400;
  background-color: #000000;
}


.container { 
  margin-right: auto;
  margin-left: auto;
  max-width: 950px;
}

/* SEPARADORES */
.s { clear: both; }
.s5 { height: 5px; clear: both; }
.s10 { height: 10px; clear: both; }
.s15 { height: 15px; clear: both; }
.s20 { height: 20px; clear: both; }
.s30 { height: 30px; clear: both; }
.s40 { height: 40px; clear: both; }
.s50 { height: 50px; clear: both; }
.s60 { height: 60px; clear: both; }
.s70 { height: 70px; clear: both; }
.s80 { height: 80px; clear: both; }
.s90 { height: 90px; clear: both; }
.s100 { height: 100px; clear: both; }
.s110 { height: 110px; clear: both; }
.s120 { height: 120px; clear: both; }
.s130 { height: 130px; clear: both; }
.s140 { height: 140px; clear: both; }
.s150 { height: 150px; clear: both; }
.s160 { height: 160px; clear: both; }
.s170 { height: 170px; clear: both; }
.s180 { height: 180px; clear: both; }
.s190 { height: 190px; clear: both; }
.s200 { height: 200px; clear: both; }

/* COLOR */
.color { color: #e7a830; }
.blanco { color: #FFFFFF; }
.negro { color: #000000; }

b, strong { color: #FFFFFF; }

/* TIPOGRAFÍAS */
h1, h2, h3, h4, h5 {
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: #e7a830;
}

/* TABLAS */
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    border: none;
}
  

.table>tbody>tr>td > strong { color: #e7a830; }

h1 small, h2 small, h3 small { color: #FFFFFF; font-weight: 700; margin: 0; padding: 0;  } 

.texto-sinopsis { font-size: 120%; }

.texto-sombra { text-shadow: 1px 1px #000000; }

/* NAVBAR */
.navbar-default { border: none; }

.navbar { 
  -webkit-transition: all 0.6s ease-out; 
  -moz-transition: all 0.6s ease-out; 
  -o-transition: all 0.6s ease-out; 
  -ms-transition: all 0.6s ease-out; 
  transition: all 0.6s ease-out; 
  background: #000000;
  min-height: 70px;
}

.navbar.scrolled {
    background: #000000;
}  

@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        background-color: rgba(0, 0, 0, 0.3);
    }
    .pull-right {
      float: left!important;
    }
}    


/* Hamburguesa */
.navbar-toggle { padding-top: 20px; }

.navbar-default .navbar-toggle {
    border: none;
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: rgba(0, 0, 0, 0.2);
}

/* Menú */
.navbar-default .navbar-nav>li>a { 
  font-family: 'PT Sans', sans-serif;
  font-weight: 700;
  /*color: #999999;*/
  color: #FFFFFF;
  font-size: 14px;
  /*text-transform: uppercase;*/
  padding: 16px 0 0 20px;
  /*text-shadow: 1px 1px #000000;*/
  letter-spacing: 1px;
}

/*.navbar.scrolled .navbar-nav>li>a { color: #FFFFFF; }*/

.nav > li.disabled > a {
  color: #e7a830;
}

/* Menú SM */
@media (min-width: 768px) { 
  .navbar-default .navbar-nav>li>a { font-size: 14px; padding: 20px 0 0 9px; }
}  
/* Menú MD */
@media (min-width: 992px) { 
  .navbar-default .navbar-nav>li>a { font-size: 16px; padding: 20px 0 0 14px; }
}  

/*.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus {
    color: #537b82;
    text-decoration: none;
    background: none;
}*/


.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    color: #e7a830;
    text-decoration: none;
    background: none;
}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #e7a830;
    background-color: transparent;
}

.scrolled .navbar-nav>li>a { color: #FFFFFF; }

/* Logo */
.navbar-brand { padding: 0 15px 0 15px; }


  /*img.borde-color { border-bottom: 10px solid #e2048c; }*/

/* INICIO */
section.inicio {
  background: url(imagen/fondo-cabecera.jpg) no-repeat center bottom;
  background-size: cover;
  /*min-height: 700px;*/
}

/* TRÁILER */
section#trailer { color: #FFFFFF; background-color: #000000; }


/* DIRECCIÓN */
.entrevista p { margin-bottom: 30px; }

.cita { text-transform: none; }

/* DESCARGAS */

.descargas img:hover { opacity: 0.7; filter: alpha(opacity=70);  }

/* CRÍTICAS */
h4.critica { text-transform: none; }

.criticas > p { margin-top: 20px; }

.glyphicon-star { color: #e7a830; }



/* SEPARADOR */

hr.fancy-line { 
    border: 0; 
    height: 3px;

}
hr.fancy-line:before {
    top: -0.5em;
    height: 1em;
}
hr.fancy-line:after {
    content:'';
    height: 0.5em;
    top: 1px;
}

hr.fancy-line:before, hr.fancy-line:after {
    content: '';
    position: absolute;
    width: 100%;
}

hr.fancy-line, hr.fancy-line:before {
    background: radial-gradient(ellipse at center, rgba(195,35,58,0.1) 0%,rgba(195,35,58,0) 75%);
}

hr.fancy-line:after {
    background: #f4f4f4;
}


#inicio {
  background: url( 'imagen/fondo-cabecera.jpg' ) no-repeat center top;
  margin-top: 0px;
  padding-top: 70px;
  text-align:center;
  background-attachment: relative;
  background-position: center center;
  /*min-height: 700px;*/
  width: 100%;
  
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

section { padding-top: 30px; }

.seccion-inicio {
    height: 100%;
    padding-top: 150px;
    text-align: center;

}

img.borde-abajo { border-bottom: 10px solid #c3233a; }

.contenido-color { background-color: #c3233a; color: #FFFFFF; }

.contenido-color small { color: #FFFFFF; }

.titular-giro {
    -moz-transform: rotate(-6deg);                 /*FF*/
    -o-transform: rotate(-6deg);                   /*Opera*/
    -webkit-transform: rotate(-6deg);              /*Safari, Chrome*/
    -ms-transform: rotate(-6deg) !important;       /*IE9*/
        transform: rotate(-6deg);                      /*CSS3 default*/
    background-color:transparent;
    zoom: 1;
    z-index:1; /*NEEDED FOR IE8*/
    position:absolute;
    line-height: 0.8;
}

.titular-giro { padding-top: 10px 10px; }

@media (min-width: 768px) { 

  .titular-giro { padding: 5px 10px 15px 10px; }

} 

 .titular-giro-mini {
  padding: 0;
 }