/* ___-_ 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{ height: 100%; width: 100%; margin: 0; padding: 0; }

@font-face {
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* ___-_ 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;
    -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: black; }
a.block { display: block; height: 100%; width: 100%; }

p { padding-bottom: 1.2em; }

.ft-awesome { font-family: 'FontAwesome'; }

/* ___-_ 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; }
.wk-valign { display: table; vertical-align: middle; background: rgba(0,0,0,0.2); height: 100%; width: 100%; }
  .wk-valign-cont { display: table-cell; vertical-align: middle; text-align: center; }

/* 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%; }

/* ___-_ layout _-________________ */
#lab-header  #botonicon { text-indent: 0; width: 180px; line-height: 2.2em; font-size: 1.2em; text-decoration: none; color: white; }
  #lab-header  #botonicon  span {padding: 4px 13px; background: url(../img/bg--botonmini.png) no-repeat;  }

#lab-header { width:100%; top: 0; left: 0; z-index: 999; background: #1c1c1c; text-align: center; font-size: 13px; position: fixed; }
  #lab-header .logo { float: left; width: 400px; height: 30px; padding: 4px 0 0 10px; padding: 0; position:relative; 
    background: url("../img/sp--lab.png") 7px 4px no-repeat; }
  #lab-header .logo a { display:block; height: 100%; width: 100px; text-indent: -999px; overflow: hidden;}

#lab-header #menu { display: block; margin: 0; padding: 0; line-height: 30px; float: left; height: 30px; width: 55%;
     -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
  #lab-header #menu a { color:#c2c1c1; text-decoration:none; padding:0  8px; text-transform: uppercase; }
    #lab-header #menu a:hover {  color:#ffffff;}
  #lab-header #menu ul { background: #222222; width: 200px; margin: 0 auto; }
    #lab-header #menu li {  height: 0; display:block; margin:0; padding:0; list-style:none; color:#c2c1c1; overflow: hidden;
        -webkit-transition: height .3s ease-in;-moz-transition: height .3s ease-in;-ms-transition: height .3s ease-in;
        -transition: height .3s ease-in;transition: height .3s ease-in; }
      #lab-header #menu:hover li { height: 20px; }
      #lab-header #menu li a { display: block; padding-bottom: 10px; line-height: 1em; }

@media all and (min-width: 800px) {
  #lab-header .logo { width: 400px; }
  #lab-header #menu { width: 90%; padding-right: 80px; }
    #lab-header #menu .menu-main { display: none; }
    #lab-header #menu ul { width: auto; height: 20px; overflow: hidden; }
      #lab-header #menu li { height: 20px; display: inline; }
        #lab-header #menu li a { display: inline; position: relative; }
        #lab-header #menu li a:before { display: block; content: '|'; position: absolute; left: -10px; top: 0; padding-left: 5px; }
        #lab-header #menu li:first-child a:before { display: none; }
}

#lab-header .social-lockup {pointer-events: all; float: right; position:absolute; top:6px; right:10px; }
  #lab-header .social-lockup a { background: url("../img/sp--lab.png") top left no-repeat;
    text-indent: -999px; overflow: hidden;
      width: 16px; height: 15px; cursor: pointer; float: left; margin:0 0 0 8px; }
    #lab-header .social-lockup .social-fbook { background-position: 0 -40px }
    #lab-header .social-lockup .social-twitter { background-position: 0 -73px; }

#lab-footer { float: left; display :inline; width:100%; margin:30px 0 0 0; padding:0; position: absolute;z-index: 3;
    background: #222222; font-size:13px; text-align:center; }
  #lab-footer ul { display:inline; margin:0; padding:0; width:100%; float:left; line-height:25px;}
    #lab-footer ul li { display:inline; margin:0; padding:0 5px 0 0; list-style:none; color:#c2c1c1;}
    #lab-footer ul li a { color:#c2c1c1; text-decoration: none; padding: 0 5px}
    #lab-footer ul li a:hover { text-decoration: underline; } 
#lab-footer.lab-footer-fixed { position: fixed; bottom: 0 }

/*__-_ general _-___*/
.uppercase { text-transform: uppercase; }
.wk-col4 div { width: 23%; float: left; padding: 0 1%; font-size: 1.1em; }
div .parrafoSlide { color: white; }
.negrita{font-weight:800;}
p.parrafo{ padding:0.5em 2.5em; line-height:1.2em; display:block!important; }
.bigText { font-size: 1.2em; } 
h2{ padding:1em 1em 0em 1.5em; color:#666; font-size:1.2em; font-family:RTVEfontB,Arial,Sans-serif; }
li.info{ padding:0.5em 3.5em;  line-height:1em; font-size:1em; color: #ddd; }
.ocultar { display:none; }

.t-tip { position: relative; display: block; }
  .t-tip-wrap { position: absolute; bottom: 30px; left: 50%; width: 200px; margin-bottom: 30px; display: none; text-indent: 0; }
  .t-tip-elm { background-color: eee; color: rgb(0,0,0); padding: 10px; position: relative; left: -100px; }
    .t-tip-elm:before { content: ''; position: absolute; bottom: -20px; left: 80px; width: 0; height: 0; 
      border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid eee; }

.bl-logos { margin-bottom: 40px; }
  .bl-logos a { background: url(../img/sp-marcas.png); display: block; height: 50px; width: 200px; text-indent: -9999px; 
      float: left; margin-right: 40px; }
    a.bl-logo-1 { background-position: -10px 0; } a.bl-logo-1:hover { background-position: -10px -120px; }
    a.bl-logo-2 { background-position: -10px -66px; } a.bl-logo-2:hover { background-position: -10px -186px; }
    a.bl-logo-3 { background-position: -450px 1px; height: 60px; } a.bl-logo-3:hover { background-position: -450px -119px; }
    a.bl-logo-4 { background-position: -230px 1px; } a.bl-logo-4:hover { background-position: -230px -119px; }
    a.bl-logo-5 { background-position: -230px -66px; } a.bl-logo-5:hover { background-position: -230px -186px; }
    a.bl-logo-6 { background-position: -470px -64px; } a.bl-logo-6:hover { background-position: -470px -184px; }
    a.bl-logo-7 { background-position: -10px -250px; } a.bl-logo-7:hover { background-position: -10px -312px;height:60px; }
    a.bl-logo-8 { background-position: -230px -250px; } a.bl-logo-8:hover { background-position: -230px -312px;height:60px; }
    a.bl-logo-9 { background-position: -465px -250px; height:60px; } a.bl-logo-9:hover { background-position: -465px -312px;height:60px; }

/*__-_ layout _-___*/
body { background:#409689; color: #fff; font-family:RTVEfontR, Arial, Helvetica, sans-serif; font-size:16px; }

.video-wrap { height: 100%; left: 0; width: 680px; top: 30px; position: fixed;}
  .video-wrap-box { height: 360px; width: 640px; position: absolute; top: 50%; margin-top: -180px; left: 20px;}
.absolute {
  position: absolute
}
.fixed {
  position: fixed
}
  
#container-slides { max-width: 1420px; text-align: center; }
#container-slides-right { width:720px; float:left; margin-left: 700px; }
  .parrafoSlide{ margin-left:2em; width:90%; padding:1em 1em 0em 1.5em; line-height: 1.2em;
    color:#000; font-size:1.2em; font-family:RTVEfontR,Arial,Sans-serif; }
  .titularSlide { font-size: 2em; margin-bottom: 26px; text-transform: uppercase; text-align:center }
  .textoSlide { text-align:center; line-height: 1.2em;}

#grafico4{ margin:2em; margin-left:100px; }


.slides{ padding-top:100px; overflow: hidden; }
#slide1 { padding: 100px 90px 0 90px; } 
  #paper1_1{ height: 820px; margin-left:-25px;}
  #paper1_2{ height: 560px; margin-left:-25px; }
#slide2 { padding: 100px 90px 0 90px; }
  #paper2{ height: 750px; padding-top: 0px; }
#slide3 { padding: 100px 90px 0 90px; }
#paper3{ height: 350px; }
#slide4 { padding: 100px 100px 0 100px; }
  #paper4{ height: 410px; margin-left:-25px; }
#slide5 { padding: 100px 100px 0 100px; }
#paper5_1{ height: 480px; margin-left:-35px;}
  #paper5_2{ height: 600px; margin-left:-35px; }
  #paper5_3{ height: 600px; }
#paper6{ height: 450px;  }
#paper7{ height: 500px; }
  #paper7_1{ height: 730px;  }
  #paper7_2{ height: 450px; }
  #paper7_3{ height: 750px; }
  #paper7_4{ height: 500px; }
#paper8{ height: 900px; }
#paper10{ height: 450px; }

#slide1 { height: 1550px; }
#slide2 { height: 975px; }
#slide3 { height: 500px; } 
#slide4 { height: 600px; } 
#slide5 { height: 1000px; } 
#slide6 { height: 750px; } 
#slide7 { height: 1000px;}





/* ocultando los parrafos que se muestran con los lanzarSVG */
#p1slide1, #p2slide1, #p1slide2, #p1slide3, #p1slide4 , #p1slide4 , #p1slide5 , #p1slide6 , #p1slide7, #marcas {display:none;}
 
/*__-_ botones _-___*/
.botonNavegacion { z-index: 10; width: 103px; height: 103px; display: table; text-align: center; opacity: 0; position: absolute; }
  .botonNavegacion a { display: table-cell; vertical-align: middle; z-index: 11; color: black; 
    text-decoration: none; position: relative; padding: 5px; font-size: 1.4em; opacity: 0; }
    
  #boton1 { top: 31px; left: 120px; }
  #boton2 { top: 31px; left: 420px; }
  #boton3 { top: 30px; left: 119px; }
  #boton4 { top: 30px; left: 418px; }
  #boton5 { top: 30px; left: 102px; }
  #boton6 { top: 30px; left: 118px; }
  #boton7 { top: 32px; left: 418px; }
  #boton8 { top: 31px; left: 103px; }
  #boton9 { top: 32px; left: 420px; }
  #boton10 { top: 30px; left: 267px; }

/*__-_ intro slide _-___*/
#intro { position: relative; }
  .intro-head { background: black }
    .videoIntro { width: 100%; height: auto; }
    .intro-head video { display: block; margin: 0 auto; }
  .intro-body { width: 100%; padding: 60px 0; text-align: center; }
    .intro-body h1 { font-family: RTVEfontR, Arial, Helvetica, sans-serif; text-transform: uppercase; 
      font-size: 3em; color: white; line-height: 0.8em; }
    .intro-body h2 { color: #333; padding-top: 0; margin-bottom: 50px; } 

/*__-_ final slide _-___*/
#final { clear: both; border-bottom: 30px solid black; }
  #final h2, #final h3 { font-family: RTVEfontR, Arial, Helvetica, sans-serif; }
  #final strong { font-family: RTVEfontR, Arial, Helvetica, sans-serif; }
  #final p { font-size: 1.2em; line-height: 1.1em; margin-bottom: 1em; }
  #final h3 { font-size: 1.7em; padding-bottom: 10px; }
  .wrap1170 { width: 1170px; margin: 0 auto; }
  .fin-head { height: 290px; padding-top: 50px; border-bottom: 10px solid black; }
    .fin-head h2 { color: white; font-size: 1.6em; margin-bottom: 20px; }
  .fin-body { background: white; padding-top: 175px; color: #333; }
    .fin-body p { font-size: 1.1em; color: #333; }
  .final-logo { display: block; margin: 0 auto; clear: both; padding: 50px; }

.puntico { padding-left: 30px; position: relative; }
  .puntico:before { content: ''; display: block; width: 20px; height: 20px; 
    position: absolute; left: 0; background: #FF4200; -webkit-border-radius: 10px; border-radius: 10px; }
  .punto-yellow:before { background: #FFE603; }
  .punto-blu { margin-top: 95px; }
    .punto-blu:before { background: #30CCFF; }
  .punto-green { margin-top: 70px; }
    .punto-green:before { background: #A5CE42; }
  .punto-clan { margin-top: 106px; }
    .punto-clan:before { background: #FE00FE; }
  .punto-red { clear: both; }

  p.ultimo{padding-bottom:50px;}

@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}


#homeIcons { position: fixed; top: 35px; left: 10px; color: white; font-size: 2.4em; z-index: 9999}
  #homeIcons a {   
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
  font-weight: normal;
  font-style: normal;
  color: white; padding-right: 5px; text-decoration: none; 
  }

#intro-down { position: relative; top: 35px; color: white; font-size: 2.4em; z-index: 9999}
  #intro-down a {   
  font-family: 'FontAwesome';
  src: url('../font/fontawesome-webfont.eot?v=3.2.0');
  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');
  font-weight: normal;
  font-style: normal;
  color: white; padding-right: 5px; text-decoration: none; 
  position:absolute;
  right:5px;
  top:75px;
  }