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



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

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

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

@media (max-width: 1449px) {
  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:208px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:208px;
  }
}
@media (max-width: 1300px) {
  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:190px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:190px;
  }
}

@media (max-width: 1202px) {
  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:170px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:170px;
  }
}
@media (max-width: 1080px) {
  #sidebar.affix-top {
    position: static;
    margin-top:30px;
    width:140px;
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:140px;
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
}

.navbar{
  background-color: #fff;
  color: #666;
  border-bottom: 0;
}

@media (min-width: 992px) {
  .navbar-nav{
    visibility: hidden;
  }

}

@media (max-width: 991px) {
  #sidebar{
    visibility: hidden;
  }

  .inicio{
    margin-top: -150px;
  }

}

a{
  color: #666 !important;
}

a:link{
  color: #666 !important;
}
a:hover{
  color: #666;
}

#portfolio{
  margin-top:30px;
}

.abajo{
  margin-bottom: 30px;
}