p {
}

.header.container {
  margin-top: 140px; }
  .header.container * {
    color: #1d1d1b; }
  .header.container h1 {
    font-size: 4.4rem; }
  .header.container .filter p {
 	color: #1d1d1b;   
    font-family: 'Oswald', sans-serif;
    font-size: 1.6rem; }
  .header.container ul li {
    float: left;
    margin: 0 15px; }
    .header.container ul li a {
      font-size: 1.6rem;
      text-transform: uppercase;
      color: #9d9d9d;
      padding: 0 6px; }
    .header.container ul li.active a, .header.container ul li:hover a {
      color: #1d1d1b;
      border-bottom: 2px solid #009fe3; }
    .header.container ul li:last-child {
      margin-right: 0; }

.filter-pane {
  border-bottom: 1px solid #cdcdcd;
  background: #f9f9f9;
  padding: 38px 0;
  font-size: 1.6rem; }
  .filter-pane > .container {
    padding: 0 30px; }
  .filter-pane li {
    margin-bottom: 28px; }
    .filter-pane li:last-child {
      margin-bottom: 0; }
    .filter-pane li a {
      font-family: 'Lato', sans-serif;
      font-weight: normal;
      color: #1d1d1b; }
      .filter-pane li a:before {
        content: '+ '; }
      .filter-pane li a:hover {
        color: #009fe3; }
    .filter-pane li.active a {
      color: #009fe3; }

main.content {
  background: #eee; 
  position: relative;
  z-index: 1;
  margin-bottom: -30px;}
  main.content .filter-tags .tag {
    float: left;
    margin: 0 10px; }
    main.content .filter-tags .tag a {
      color: #fff;
      background: #9d9d9d;
      padding: 14px 26px 14px 18px;
      font-family: 'Lato', sans-serif;
      font-size: 1.6rem;
      display: block; }
      main.content .filter-tags .tag a:after {
        content: 'x';
        font-weight: 300;
        position: relative;
        left: 10px; }
      main.content .filter-tags .tag a:hover {
        background: #848484; }
    main.content .filter-tags .tag:first-child {
      margin-left: 0; }
    main.content .filter-tags .tag:last-child {
      margin-right: 0; }

.photos .box {
  overflow: hidden;
  min-height: 200px;
  margin-bottom: 20px; }
  .photos .box img {
    max-width: 100%; }
  .photos .box:hover .overlay {
    opacity: 1; }
  .photos .box > a {
    display: block;
    position: relative; }
.photos .overlay {
  background: rgba(0, 31, 45, 0.8);
  text-align: center;
  padding: 31% 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease; }
  .photos .overlay .icon.expand {
    background: url(../img/icons/icon-expand.png);
    width: 48px;
    height: 48px;
    display: block;
    margin: 0 auto; }
.photos .btn.view-more {
  width: 300px;
  height: 60px;
  display: block;
  line-height: 150%;
  margin: 0 auto;
  color: #1d1d1b;
  border: 1px solid #1d1d1b; }
 #header-filter {
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  padding: 20px 0px 0px;
 } 
@media (max-width: 992px) { 
	.header.container ul li {
	    margin-bottom: 20px;
	}	
}
/*# sourceMappingURL=vidaestudiantil.css.map */