@import url("http://www.rtve.es/css/rtve.2015/rtve.commons/rtve.core/basics.fonts.css");
/* ___-_ main elements _-________________ *//* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0; padding: 0;  border: 0;font-size: 100%;font: inherit;vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: '';  content: none; } table {  border-collapse: collapse; border-spacing: 0; }

html, body, #container { height: 100%; margin: 0; padding: 0; }
body {margin:0;padding:0;/* background:#ffffff; */color: white;font-family: 'Roboto', Arial, sans-serif;font-size:14px;position:relative;height:100%;}

/* ___-_ main elements _-________________ */
h1 { font-size: 1.75em; line-height: 1.2em; }
h1{ padding-bottom: 20px; font-size: 1.75em; line-height: 1.2em; color: #565658;}
h2{ padding-bottom: 20px; font-size: 1.75em; line-height: 1.2em; }
h3{ padding-bottom: 20px; font-size: 1.25em; line-height: 1.2em; }
h4{ padding-bottom: 10px; font-size: 1.25em; line-height: 1.2em; }
h5{ padding-bottom: 10px; font-size: 1.5em; line-height: 1.1em; }
h6{ padding-bottom:  8px; font-size: 1.1em; line-height: 1.1em; }

a, a span { cursor: pointer;
    -webkit-transition: color .3s ease-in;-moz-transition: color .3s ease-in;-ms-transition: color .3s ease-in;
    -transition: color .3s ease-in; transition: color .3s ease-in; }
  /*a:hover { color: #10634C; }*/
  a:active { position:relative;top: 1px; }
a.block { display: block; height: 100%; width: 100%; }

/* ___-_ workers _-________________ */
.inline{display:inline;}
.wrapper { width: 960px; margin: 0 auto; }
/* Media elements, image + text */
.wk-media-l { float:left; }
  .wk-media-l img,
  .wk-media-r img { display:block; }
.wk-media-r { display:table-cell; zoom:1; }

/* Columns */
.wk-col-l { display:inline; float:left; }
.wk-col-r { display:inline; float:right; }
.wk-col-3 { display:inline; width: 320px; float: left; margin-bottom: 10px; }
  .node-page .wk-col-3 { margin-bottom: 10px; }
    .node-page .wk-col-3 h2 { padding-bottom:  5px; }
.wk-col-33 { width: 33%; }
.wk-cent { text-align: center; }
.wk-right { text-align: right; }

/* Class for hidding elements if JavaScript is enabled */
html.js body .hidden { display:none; }

/* Clearfix trick to clear floated elements */
.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clearfix { display:inline-block; } html[xmlns] .clearfix { display:block; }* html .clearfix { height:1%; }

/* ___-_ Multicamara _-________________ */
body { width: 100%; max-width: 1180px; margin: 0 auto;}
a.ng-scope { display: block; cursor: pointer; }

#multicamera {margin: 0 auto 0 auto;background: #d53636;/* height: 640px; */}
   #multicamera.fullsc { margin: 0; width: 100%; height: auto; }
  .main-page { position: relative; height: auto; z-index: 1; overflow: hidden; width: 100%; padding-top: 73.25%;}

.main-video-cont {
      float:right;
      width: 60%;
      z-index: 10;
      -webkit-transition: all .3s ease-in;
      -moz-transition: all .3s ease-in;
      -ms-transition: all .3s ease-in;
      -
      transition: all .3s ease-in;
      transition: all .3s ease-in;
      position: absolute;
      top: 40px;
      right: 40px;
      }
    .main-video-full {width: 100%;background: #dd3333;top: 0;right: 0;}
    .main-video-cont p {text-align: left;font-size: 1.2em;margin-bottom: 28px;display: none;}
  .mainv-head { background: #992a16; color: white; width: 100%; padding: 5px 10px; position: relative; top: 2px;
     -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
    .mainv-head .wk-col-l { font-size: 1.25em; }
    .mainv-head .wk-col-r { font-size: 1.1em; }
  .video1, .video2, .ngv-video { position: relative; width: 100%; height: auto;  z-index: 1000; height: auto !important;}
    .video1, .video2 { position: absolute; top: 0; }
    .videoact { position: relative; }
    .ngv-video { height: auto;
      -webkit-transition: height .3s ease-in;-moz-transition: height .3s ease-in;-ms-transition: height .3s ease-in;
      -transition: width .3s ease-in;transition: height .3s ease-in; }
      .main-video-full .ngv-video {  height: 100% !important;}
    .ngv-video video { width: 100%; height: auto; display: block; clear: left; }
      .ngv-video img { width: 100%; position: absolute; top: 0; z-index: 12; cursor: pointer; }
.loading { display: block; width: 100%; height: 107.5%; position: absolute; top: 0; 
    background: rgba(0,0,0,0.3); z-index: 12;}
    .main-video-full .loading { height: 100%; }
  .loading .spinner { top: 50%!important; left: 50%!important; }

  .col-select-days-wrapper {padding: 0;background-color: #d53636;position: relative;}
.col-select-days {height: auto;width: 100%;display: table;}
.menu-stock { display:none; }
.menu-icon { display:none; z-index: 2000;}
.menu-icon img { width:35px; height: 35px;}
  .col-select-days li { padding: 8px 0 10px 0; display: table-cell; text-align: center;}
  .col-select-days a, .col-select-days .day-num {
      text-decoration: none;
      color: white;
      font-size: 22px;
      font-weight: 300;
      text-transform: uppercase;
      font-family: 'Roboto Slab',arial,sans-serif;
      }
    .col-select-days span {font-size: 1.7em;font-weight: 300;color:#fff;text-transform: uppercase;font-family: 'Roboto Slab',arial,sans-serif;}
    .col-select-days li.hover_on:hover { background: white;}
  .col-select-days li.hover_on:hover a { color: #dd3333}
  .col-select-days li.hover_on:hover .day-num { color: #dd3333; }
  .col-select-days li.active { background: white; position: relative; }
    .col-select-days li.active a { color: #dd3333; border: none; }
    .col-select-days li.active a span { color: #dd3333; }

.cameras {float:left;min-width: 100%;height: 685px;position: absolute;background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/map.png) no-repeat 16px 16px;z-index: -1000;top: 0;left: 0;}
  .cameras a { text-decoration: none; position: absolute; font-size: 1.2em; display: block;}
    .cameras a.active { color: #992a16; font-weight: 800; cursor: default; }
    .cameras a.active:hover { text-decoration: none; }
  .cameras .camera-01 { top: 12px; left: 76px;  }
  .cameras .camera-02 { top: 99px; left: 122px; }
  .cameras .camera-03 { top: 250px; left: 9px; }
  .cameras .camera-04 { top: 214px; left: 237px; }
  .cameras .camera-05 { top: 330px; left: 240px; }
  .cameras .camera-06 { top: 419px; left: 56px; }
  .cameras .camera-07 { top: 533px; left: 97px; }
  .cameras .camera-08 {top: 587px;left: 308px;}
  .cameras .camera-360 {top: 446px;left: 241px;}
  .cameras .camera--lenta, .cameras .camera--termica, .cameras .camera--aerea {background: #c73333;width: 19%;top: 70%;padding: 1rem;box-sizing: border-box;display: inline-block;}
  .cameras .camera--lenta {left: 57%;}
  .cameras .camera--termica {left: 77%;}
  .cameras .camera--aerea {left: 37%;}
  .cameras .camera--tv { display: none; }
  .cameras .camera--multi { display: none; }

#fullscBar { position: absolute; right: 10px; top: 10px; z-index: 100;  }
  #fullscBar a { display: block; float: right; width: 20px; height: 20px; margin-left: 14px; font-size: 1.2em;
    text-decoration: none; color: white; text-shadow: 1px 1px 1px black; font-weight: 800; }
    .butt-multiSmall, .butt-tvSmall { background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -206px -6px; }
      .butt-multiSmall.active { background-position: -206px -30px; }
    .butt-tvSmall { background-position: -242px -6px; }
      .butt-tvSmall.active { background-position: -242px -30px; }

.stupid-dot {position: absolute;width: 42px;height: 42px;background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/peloti.png) no-repeat;z-index: 500;}
.hover-layer { width: 112px; height: 70px; position: absolute; display:none;}
.hover-layer-01 { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.hover-layer-02 { padding-bottom: 10px; left: 15px; bottom: 32px; border-left: solid 2px;}
.hover-layer-03 { padding-top: 10px; left: 15px; top: 32px; border-left: solid 2px;}
.hover-layer-04 { padding-bottom: 10px; left: 15px; bottom: 32px; border-left: solid 2px;}
.hover-layer-05 { padding-top: 10px; left: 15px; top: 32px; border-left: solid 2px;}
.hover-layer-06 { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.hover-layer-07 { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.hover-layer-08 { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.hover-layer--lenta { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.hover-layer--termica { padding-top: 10px; left: -97px; top: 32px; border-right: solid 2px;}
.cameras a:hover .little-cam {margin-left:-2px;margin-top:-2px;border:solid 2px;border-color:white;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.cameras a:hover .little-cam + .camera-text { margin-left: -2px;}
.cameras a.camera-06:hover .little-cam, .cameras a.camera-07:hover .little-cam { margin-left:-2px; margin-top:-2px; }
.cameras a.camera-06:hover .camera-text, .cameras a.camera-07:hover .camera-text { margin-left: 0px;} 
.little-cam, .little-cam360  {width:30px;height: 30px;background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/Cam01.png) no-repeat;background-position: center;display: block;float: left;position:relative;background-color: white;border-radius: 100%;}
.little-cam360 {background-image:url("/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/360.png");}
.cameras .camera-06 .little-cam, .cameras .camera-07 .little-cam { float:right;}
.cameras .camera-06 .camera-text, .cameras .camera-07 .camera-text {padding-right: 10px;}
.big-cam {width: 30px;height: 30px;background-position: center;display: inline-block;border-radius: 10rem;}
.cameras .camera--lenta .big-cam {background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/Cam01.png) no-repeat center center #fff;float: none;display: inline-block;vertical-align: middle;}
.cameras .camera--termica .big-cam {background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/Cam01.png) no-repeat center center #fff;float: none;display: inline-block;vertical-align: middle;}
.cameras .camera--aerea .big-cam {background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/Cam01.png) no-repeat center center #fff;float: none;display: inline-block;vertical-align: middle;}
.camera-text {padding-top: 2px;padding-left: 10px;line-height: 22px;/* float: right; */font-weight: 400;color: #fff;display: inline-block;vertical-align: middle;}
.cameras .camera--lenta .camera-text, .cameras .camera--aerea .camera-text {padding-left: 1rem;}


.mainv-controls { height: 30px; background: #ccc url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/bg-player.jpg) repeat-x; padding: 0 4px; margin-bottom: 24px; color: #949494;}
.extra-controls {
    float: right;
    padding: 1rem 0;
}
.extra-controls a { 
  float: right; 
  display: block; 
  text-decoration: none;
    line-height: 30px;
    text-align: center;
    color: white;
    font-size: 2em;
  font-weight:400;
}


.cam--multi { cursor: pointer; }

/* estilos para la botonera del reproductor de video ****************************/


/* DIRECTION CONTROLS (NEXT / PREV) */

.buttonsright {
  display:inline;
  float:right;
  vertical-align:top;
}
.time {line-height: 2em; overflow: hidden;
height: 30px;
width: 90px;
}
.blv-time {margin-left: 10px;margin-right: 5px;
  height:30px;
  width:290px; padding: 0 5px;
  left:46px;
  background:  url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/bg-bar1.png) no-repeat 0 8px;
}
.main-video-full .blv-time { width: 680px;
  background:  url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/bg-bar2.png) no-repeat 0 8px;
}
.blv-time-pos-cont {
  width: 200px;width: 100%; 
height: 30px;
  position: relative; left: -10px;
}
.blv-time-pos {
  background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/bg-dot.png) no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  top : 5px;
}
.mainv-controls a { display: block; }
.mainv-controls a.play-pause{
  width:33px;
  height:27px;
  z-index:9999;
}
.mainv-controls a.fullscreen{
  width:33px;
  height:27px;
  z-index:9999;
}

.mainv-controls a.mute{
  width:33px;
  height:27px;
  z-index:9999;
}

.mainv-controls a.play-pause{
  width:43px;
  height:27px;
}

.mainv-controls a.play-pause{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -66px 0px;
}

.mainv-controls a.play-pause:hover{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -66px -27px;
}

.mainv-controls a.play-pause.paused {
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -109px 0px;
}
.mainv-controls a.play-pause.paused:hover {
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -109px -27px;
}

.mainv-controls a.fullscreen{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -33px 0;
}

.mainv-controls a.fullscreen:hover{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -33px -27px;
}

.mainv-controls a.fullscreen:active{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -33px -27px;
}

.mainv-controls a.mute{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -152px 0;
}

.mainv-controls a.mute:hover{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat -152px -27px;
}

.mainv-controls a.muted{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat 0 0;
}

.mainv-controls a.muted:hover{
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/controls.png) no-repeat 0 -27px;
}



/*Botones Recorrido y Multipantalla*/

.extra-controls a{
  /* width: 50%; */
  background-size: 50px !important;
  background-position: 9px !important;
  padding: 1em;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 0;
  text-align: left;
  padding-left: 2.5em;
  /* margin: 0 1em 0 0; */
  display: block;
  padding: 1.5rem 1rem 1.5rem 4rem;
}
a.butt-multicamera{
    background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_multi.png) no-repeat;
}
a.butt-tv{
  background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_recorri.png) no-repeat;
}


a.butt-tv:hover, a.butt-multicamera:hover{
   color:#dd3333; 
   background-size: 30px; 
   background-position: 18px;
}
a.butt-multicamera:hover {background: white url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_multi_red.png) no-repeat; }
a.butt-tv:hover {background: white url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_recorri_red.png) no-repeat; }


a.butt-tv.active, a.butt-multicamera.active { 
   background-size: 30px;
   background-position: 18px;
   color:#dd3333;
   cursor: default;
}
a.butt-tv.active {
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_recorri_red.png) no-repeat, white;
}
a.butt-multicamera.active{ 
   background: url(/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/btn_multi_red.png) no-repeat, white;
}

.main-video-cont.main-video-full p {
  /* width: 62.12%; */
  margin: 0 0 28px 18px;
}
.main-video-cont.main-video-full .extra-controls {
  /* width: 62.12%; */
  margin: 10px 0 80px auto;
}
.main-video-full ~ .cameras {
  float:none;
}

div.stock {
    display: inline-block;
    padding: 2rem 0 1rem 0;
    font-size: 200%;
    font-family: 'Roboto Slab',arial,sans-serif;
    font-weight: 700;
}



.col-select-days:before, .col-select-days:after{content:"";position:absolute;height:100%;width:10rem;top:0;}
.col-select-days:before {right: -10rem;}
.col-select-days:after {left: -10rem;}

/*MEDIA QUERIES*/

@media only screen and (max-width: 860px) {


  .cameras .camera--lenta, .cameras .camera--termica, .cameras .camera--aerea {top: -105px;width: 33%;text-align: center;}
  .cameras .camera--aerea{
    left: 0;
}
  .cameras .camera--lenta{
    left: 33%;
}
  .cameras .camera--termica {
    left: 66%;
}
  .main-page{position:relative;padding: 0;}
  .main-page > * {position:relative !important;display: block;float: left;}
  .blv-time {
    width: 40% !important;
    background-size: 100% !important;
  }
  .main-video-cont {
    float:none;
    width:100%;
    top: 0;
    left: 0;
    }
    .cameras {
    margin: 0 auto;
    width: 400px;
    float: none;
    transform: scale(0.8);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    margin-bottom: 40px;
    margin-top: 78px;
  }
  .extra-controls {
    position: relative;
    bottom: 0;
    width: 100%;
  }
  .extra-controls a {
      height: 49px !important;
      line-height: 100px;
      font-size: 1em;
  
      margin: 0;
      line-height: 24px;
      padding-left: 4em;
      width: 50%;
}
  .butt-multicamera {
    float:right;
  }
  .butt-tv {
    float:left !important;
  }
  .main-video-cont p { 
    position: relative;
    top: 0;
    padding: 0rem 1.5rem 0rem 1.6rem; 
  }
  .col-select-days-wrapper {
      padding: 0px;
      background-color: #f2f2f2;
      height:auto;
      font-size: 50%;
  }
  .col-select-days-wrapper.be_off {
    height:41px;
  }
  .col-select-days {
      padding: 0;
      margin: 0;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
  }
  .col-select-days li {
      border-bottom: 0.1rem solid #ddd;
      width: 100%;
      opacity: 0;
      padding: 0px;
      display: table;
  }
  .col-select-days li.active {
      opacity: 1;
      position: absolute;
      left: 0;
      top: 0;
  }
  .col-select-days.be_on li.active {
    background: rgba(0,0,0,0.05);
    position: relative;
  }
  .col-select-days li a {
    padding: 1rem 3.5rem 1rem 1.6rem;
    text-align: left;
    width: 100%;
    height: 146%;
    display: table-cell;
    font-size: 1.2rem;
    line-height: 0.5rem;
    font-weight: 500;
    color: black;
    vertical-align: middle;
  }
  
  /*estado on menu*/
  .col-select-days.be_on { height: auto;}
  .col-select-days.be_on {height:auto;}
  .col-select-days.be_on li {opacity:1;}
  .col-select-days.be_on .active {position:relative;}
    
  .col-select-days li a span {
    font-size: 1em;
    font-weight: 500;
  }
  .col-select-days li a .day-num {
      color: black;
      font-weight: 500;
  }
  .menu-stock { display: inline-block; float: right; text-align: right; }
  .menu-icon { display:block; position:absolute; right: 15px; top: 3px; }
  .menu-icon:not(.be_off) img { content:url('/css/rtve.2015.noticias/rtve.especiales/sanfermin-2016/i/encierros/close.png'); }
  div.stock { display:none; }
  
  .space { background-color: #a62626}
}
@media only screen and (max-width: 1200px) and (min-width:1100px) {
   .extra-controls a {
    font-size: 1.2em;
   }
}
@media only screen and (max-width: 860px) and (min-width:640px) {
   .extra-controls a { 
    font-size: 1.4em;