/* ___-_ 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: #515151; font-family: Helvetica, "Helvetica Neue", 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 { text-decoration: underline; color: #888888; 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: 928px; margin: 0 auto; }
a.ng-scope { display: block; cursor: pointer; }

#multicamera { margin: 0 auto 0 auto; background: white; }
   #multicamera.fullsc { margin: 0; width: 100%; height: auto; }
  .main-page { position: relative; background: url(../img/bg.jpg) no-repeat left top; }

.main-video-cont { position: absolute; right: 0; top: 0; width: 528px; z-index: 10;
      -webkit-transition: width .3s ease-in;-moz-transition: width .3s ease-in;-ms-transition: width .3s ease-in;
      -transition: width .3s ease-in;transition: width .3s ease-in; }
    .main-video-full { width: 930px; }
    .main-video-cont p { text-align: right; }
  .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-family:"RTVEfontSansR", Arial, Helvetica, sans-serif; font-size: 1.25em; }
    .mainv-head .wk-col-r { font-size: 1.1em; }
  .video1, .video2, .ngv-video { position: relative; width: 100%; height: auto; }
    .video1, .video2 { position: absolute; top: 0; }
    .videoact { position: relative; }
    .ngv-video { height: 298px;
      -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: 524px; }
    .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: 330px; position: absolute; top: 0; 
    background: rgba(0,0,0,0.3); z-index: 12;}
    .main-video-full .loading { height: 530px; }
  .loading .spinner { top: 50%!important; left: 50%!important; }

.col-select-days { background: #e9e9e9; border-bottom: 2px solid #992a16; width: 528px; height: auto; width: 100%; }
  .col-select-days li { display: inline-block; padding: 10px 0; }
  .col-select-days a, .col-select-days span { display: block; text-decoration: none; padding: 0 17px 0 16px; line-height: 1.1em; color: #333; 
      border-left: 1px solid #992a16; }
    .col-select-days span { color: #999; }
    .col-select-days a:hover { text-decoration: none; color: #992a16; }
    .col-select-days li:first-child a { border: none; }
  .col-select-days li.active { background: #992a16; position: relative; left: 1px; }
    .col-select-days li.active a { color: white; border: none; padding: 0 16px 0 16px; }

.cameras { height: 500px; width: 300px; position: relative; }
  .cameras a { text-decoration: none; position: absolute; color: #333; font-size: 0.9em; display: block; 
    background: url(../img/sp-cameras.png) no-repeat -119px -1px; }
    .cameras a.active { color: #992a16; font-weight: 800; cursor: inherit; }
    .cameras a.active:hover { text-decoration: none; }
  .cameras .camera-01 { top: 1px; left: 119px; padding: 14px 0px 61px 60px;  }
  .cameras .camera-02 { top: 30px; left: 0px; padding: 5px 50px 70px 0; background-position: 0 -30px; }
  .cameras .camera-03 { top: 145px; left: 67px; padding: 100px 8px 11px 10px; background-position: -67px -145px; }
  .cameras .camera-04 { top: 136px; left: 183px; padding: 0 10px 61px 50px; background-position: -183px -136px; }
  .cameras .camera-05 { top: 225px; left: 200px; padding: 26px 30px 61px 50px; background-position: -200px -225px; }
  .cameras .camera-06 { top: 284px; left: 63px; padding: 7px 70px 61px 0px; background-position: -63px -284px; }
  .cameras .camera-07 { top: 379px; left: 79px; padding: 0px 94px 61px 0px; background-position: -79px -379px; }
  .cameras .camera-08 { top: 388px; left: 245px; padding: 14px 20px 61px 80px; background-position: -245px -388px; }
  .cameras .camera-09 { top: 100px; left: 115px; padding: 0 10px 16px 100px; background-position: -115px -100px; }
  .cameras .camera-10 { top: 334px; left: 215px; padding: 14px 20px 17px 70px; background-position: -215px -334px; }
  .cameras .camera--aerea { top: 14px; left: 255px; padding: 4px 20px 77px 70px; background-position: -245px 6px; }
  .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(../img/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: 21px; height: 21px; background: url(../img/peloti.png) no-repeat; }

.mainv-controls { height: 30px; background: #ccc url(../img/bg-player.jpg) repeat-x; padding: 0 4px; margin-bottom: 10px; }
.extra-controls { margin-top: 10px; }
  .extra-controls a { float: right; display: block; margin-left: 20px; }

.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(../img/bg-bar1.png) no-repeat 0 8px;
}
.main-video-full .blv-time { width: 680px;
  background:  url(../img/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(../img/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(../img/controls.png) no-repeat -66px 0px;º
}

.mainv-controls a.play-pause:hover{
   background: url(../img/controls.png) no-repeat -66px -27px;
}

.mainv-controls a.play-pause.paused {
   background: url(../img/controls.png) no-repeat -109px 0px;
}
.mainv-controls a.play-pause.paused:hover {
   background: url(../img/controls.png) no-repeat -109px -27px;
}

.mainv-controls a.fullscreen{
   background: url(../img/controls.png) no-repeat -33px 0;
}

.mainv-controls a.fullscreen:hover{
   background: url(../img/controls.png) no-repeat -33px -27px;
}

.mainv-controls a.fullscreen:active{
   background: url(../img/controls.png) no-repeat -33px -27px;
}

.mainv-controls a.mute{
   background: url(../img/controls.png) no-repeat -152px 0;
}

.mainv-controls a.mute:hover{
   background: url(../img/controls.png) no-repeat -152px -27px;
}

.mainv-controls a.muted{
   background: url(../img/controls.png) no-repeat 0 0;
}

.mainv-controls a.muted:hover{
   background: url(../img/controls.png) no-repeat 0 -27px;
}

a.butt-multicamera {
  height:30px;
  width:188px;
  margin-left: 
}

a.butt-tv {
  height:30px;
  width:175px;
}


a.butt-multicamera{
   background: url(../img/sp-buttons.jpg) no-repeat -47px 0;
}
a.butt-multicamera:hover{
   background: url(../img/sp-buttons.jpg) no-repeat -47px -60px;
}

a.butt-multicamera.active{
   background: url(../img/sp-buttons.jpg) no-repeat -47px -30px; cursor: default;
}

a.butt-tv{
   background: url(../img/sp-buttons.jpg) no-repeat -233px 0;
}

a.butt-tv:hover{
   background: url(../img/sp-buttons.jpg) no-repeat -233px -60px;
}

a.butt-tv.active{
   background: url(../img/sp-buttons.jpg) no-repeat -233px -30px; cursor: default;
}