__#bgvideo {
-webkit-animation: fadein 1s; 
   -moz-animation: fadein 1s; 
    -ms-animation: fadein 1s; 
     -o-animation: fadein 1s; 
        animation: fadein 1s;
}
.bleed a:first-child {
    margin-top:5px;
}
___.bleed.transmediale {
    background:#fff;
    background:rgba(100,80,130,1.0);
    background:rgba(300,300,300,1.0);
}
___.bleed.transmediale a {
    background:#555;
    background:rgba(0,0,0,0.7);
    background:#333;
}
.bleed.pentarositas {
    _background:#fff;
    _background:rgba(100,80,130,1.0);
    background:rgba(300,300,300,1.0);
}
.bleed.pentarositas a {
    background:#f5f5f5;
    _background:rgba(100,80,130,1.0);
    _background:rgba(300,300,300,1.0);
    text-shadow:rgba(0,0,0,0.5) 1px 1px;
    text-shadow:none;
    color:#aaa;
}
.bleed.pentarositas a:hover {
    background:#ddd;
    box-shadow:
        inset rgba(0,0,0,0.4) 0px 0px 10px,
        inset rgba(255,255,255,0.2) 0px -1px;
}
.bleed.pentarositas a.active {
    background:#fd9;
    background: rgb(255,100,0);
    background: rgb(255,200,100);
    background: rgb(220,70,120);
    background: rgb(250,80,150);
    background: rgb(100,80,130);
    background:#777;
    text-shadow:rgba(0,0,0,0.5) 1px 1px;
}
.bleed {
  z-index:1111;
  position:fixed;
  
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  
  left:  0px;
  top:   0px;
  bottom:0px;
  width:60px;
  width:68px;
  background:#444;
  _background:#555;
  _background:#222;
  _background: #f5f5f5;
  _background:rgba(500,500,500,0.5);
  background:rgba(5,5,5,0.5);
  ___background: url(assets/img/p5R.png) no-repeat center center fixed;
  __box-shadow:inset rgba(0,0,0,0.1) -1px 0px;
  __box-shadow:inset rgba(0,0,0,0.3) 2px 3px;
  xxx-webkit-box-shadow: -15px 0 5px 10px #888;
          xx-box-shadow: 10px 0 5px -2px #888;
  }
.bleed {
  
  
  -webkit-box-shadow: 12px 0 15px -15px rgba(0,0,0,0.5);
     -moz-box-shadow: 12px 0 15px -15px rgba(0,0,0,0.5);
          box-shadow: 12px 0 15px -15px rgba(0,0,0,0.5);
  }
.bleed a {
  font-weight:bold;
  font-size:10px;
  color:#888;
  text-shadow:rgba(0,0,0,0.5) 0px -1px;
  display:block;
  position:relative;
  width:60px;
  padding:30px 0px 10px;
  height:20px;
  overflow:hidden;
  text-align:center;
  left:4px;
  }
.bleed a:hover {
  background:#555;
  box-shadow:inset #444 0px 0px 20px 10px;
  }
.bleed a.active {
  background:#333;
  color:#fff;
  box-shadow:
    inset rgba(0,0,0,0.4) 0px 0px 10px,
    inset rgba(255,255,255,0.2) 0px -1px;
  }
.bleed a.disabled,
.bleed a.disabled:hover {
  color:#666;
  background:transparent;
  box-shadow:none;
  text-shadow:none;
  }
.bleed a.disabled .i30 { opacity:0.2; }
.bleed a .i30 {
  position:absolute;
  left:15px;
  top:5px;
  opacity:0.5;
  }
.bleed a.active .i30 { opacity:1; }
.bleed a small { display:none; }
.bleed a:hover small {
  margin:5px;
  border-radius:3px;
  display:block;
  position:relative;
  z-index:1;
  }
    _.bleed { background: #fff; }
    _.bleed { background: #bbb; }
    _.bleed { background: #332233; } 
    .bleed { background: #666; }
    _.bleed { background: #444; }
___.bleed {
    background: url("http://pentarosa.com/assets/img/p5R.png") no-repeat center center fixed;
    background: url("http://pentarosa.com/assets/img/p5R.png") no-repeat left top fixed;
    background: url("../../assets/img/p5R.png") no-repeat left top fixed;
    background: url("../../assets/img/p5R.png") no-repeat center center fixed;
    -webkit-background-size: cover; 
    -moz-background-size: cover;    
    -o-background-size: cover;      
    background-size: cover;         
}
    __.bleed a {
      background:#ccc;
      background:#666;
      color:#ccc;
    }
    _.bleed a.active {
      background:#f8f8f8;
      background:#444;
      color:#fff;
      box-shadow:none;
      __box-shadow:
        __inset rgba(0,0,0,0.4) 0px 0px 10px,
        __inset rgba(255,255,255,0.2) 0px -1px;
      }
    _.bleed a.b44 { background: #444; }
    _.bleed a.bff { background: #fff; }
    _.bleed a.bff { background: #f8f8f8; left:0px;right:0px; }
    
    .bleed,
    .bleed * {
        -moz-box-sizing: content-box; 
             box-sizing: content-box;
    }
    .i30.plugins  { background-position:-120px 0px; }
    .i30.p11  { background-position:-150px 0px; }
    .i30.p12  { background-position:-180px 0px; }
    .i30.p13  { background-position:-210px 0px; }
    .i30.p25  { background-position:-120px -30px; }
    .i30.p26  { background-position:-180px -30px; }
    .i30.p36  { background-position:-150px -60px; }
    .bleed a .glyphicon {
        font-size:20px;
        display:block;
        width:100%;
        height:45px;
        margin:-20px auto;
    }
    .bleed a,
    .bleed a .glyphicon {
        text-decoration:none;
        color:#aaa;
    }
    .bleed a:hover,
    .bleed a:hover .glyphicon {
        color:#fff;
    }
    .bleed a.active,
    .bleed a.active .glyphicon {
        color:#fff;
    }
    .bleed a.dark,
    .bleed a.dark .glyphicon {
        color:#666;
    }
    .bleed a.dark:hover,
    .bleed a.dark:hover .glyphicon {
        color:#ccc;
    }
    .bleed a.disabled,
    .bleed a.disabled .glyphicon {
        color:#666;
    }
