/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
 padding-top:50px;
}

#masthead { 
 min-height:150px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
}

#leftCol .nav .active {
  font-weight: bold;
  border-left: 2px solid #94c122;
}

#leftCol .nav .nav {
  display: none;
}

#leftCol .nav .active .nav {
  display: block;
  /* padding-left: 20px; */
}

#leftCol .nav .nav a {
  font-weight: normal;
  font-style: italic;
  font-size: 0.85em;
  padding-left: 25px;
  /* background-color: #f0f0f0; */
}

/*
#leftCol .nav .nav span {
  margin: 0 5px 0 2px;
}
*/

#leftCol .nav .nav .active a,
#leftCol .nav .nav .active:hover a,
#leftCol .nav .nav .active:focus a {
  font-weight: bold;
  border-left: 4px solid #94c122;
}

/*
#leftCol .nav .nav .active span,
#leftCol .nav .nav .active:hover span,
#leftCol .nav .nav .active:focus span {
  display: none;
}
*/

#leftCol .nav > li > a {
    padding: 4px 15px;
}

table.tbl th {
    text-align: center;
}

table.tbl td:not(:first-child) {
    text-align: center;
}

table.tbl .gris_bajo {
    background-color: #f0f0f0;
}



@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
        margin-top:30px;
        width:228px;
  }

  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
  }
}

/*
#sidebar li.active {
  border:0 #94c122 solid;
  border-right-width:2px;
}
*/