body{
  font-family: 'Open Sans';
}




.navbar{
  margin-bottom:0;
  border:0 none transparent;
  background:none;
}

.navbar-right{
  margin-top:25px;
}

.navbar-right li a{
  padding:10px;
  margin-right:10px;
  font-size:1.5em;
  font-weight:100;
}

.navbar-right li.active a{
  background:none !important;
  border-bottom:5px solid red;
}

.logo{
  max-height:70px;
}

.logo-1{
  margin-top:25px;
}

#imagen{
  height:400px;
  background:url('../images/Machu-Picchu.jpg') no-repeat center center;
  background-size:cover;
}

#imagen .alpha{
  background:rgba(255,255,255,.4);
}

#imagen .container h1,
#imagen .container h2,
#imagen .container h3,
#imagen .container h4{
  color:white;
  font-family:'Open Sans';
  font-weight:800;
  text-shadow:0.1em 0.1em 0.2em #222;
}

#imagen .container{
  position:relative;
  height:100%;
}

#imagen .container h3,
#imagen .container h4{
  margin-top:-8px;
}

#imagen #social{
  position:absolute;
  top:350px;
  right:20px;
  color:#fff;
}

#imagen #social i{
  background:rgba(255,255,255,.5);
  padding:5px;
}

#imagen #social .fa-facebook{
  background:rgba(59,89,152,.8);
  color:#fff;
}

#imagen #social .fa-twitter{
  background:rgba(64,153,255,.8);
  color:#fff;
}

.contenido{
  line-height:27px;
  text-align:justify;
  margin-bottom:20px;
}

.contenido p,
.contenido h1,
.contenido h2,
.contenido h3{
  font-family:'Open Sans';
}

.contenido p,
.contenido li{
  font-weight:300;
  font-size:1.2em;
}

.contenido ul{
  list-style:square;
}

ul.timeline{
  list-style:none;
}


.contenido h1{
  margin-bottom:30px;
  margin-top:0;
}

.nav-stacked{
  background:#FFF;
  padding:10px;
}

.nav-stacked li a{
  border-radius:0;
  color:#222;
}

.nav-stacked li a:hover{
  color:#003399;
  background:white;
}

.nav-stacked li h4{
  text-transform:uppercase;
  font-family:'Roboto';
}

#page{
  margin-top:40px;
}

footer{
  background-color:#222;

  /*background-color: #353535;*/
  border-color: transparent;
  background-image: url(../images/bg.png);



  padding-top:30px;
  padding-bottom:30px;
}

footer .container{
  color:#fff;
}

footer .logos img{
  margin-right:10px;
  margin-left:10px;
  text-align:center;
  margin: 0 auto;
}

.tweet{
  background:#fff;
  padding-top:5px;
  padding-bottom:5px;
}



.logo.logo-1{
  margin-bottom: 30px;
}

.span-2{
  width: 20%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;

}

@media (max-width: 768px){
  .span-2{
    width: 100%;
  }
  .logos .span-2{
    margin: 10px auto;
  }
  .logos{
    margin: 20px 0;
  }
  .texto-footer{
    text-align: center;
  }
  .logo-izarus > img{
    margin: 0 auto;
  }
}
.org-lista{
  margin: 20px 0;
}

.social-nav{
  overflow:hidden;
}

.twitter-timeline-rendered{
  height:300px;
  width:100% !important;
}


.footer h4{color: #fff;border-bottom: 1px solid #428bca;margin-bottom: 10px;padding-bottom: 10px;}
/*---------------------------------
        TIMELINE STYELS
        ----------------------------------*/

        .timeline {
          border-collapse: collapse;
          border-spacing: 0;
          display: table;
          position: relative;
          table-layout: fixed;
          width: 100%;
          margin-bottom: 50px;
        }

        .timeline .time-show {
          margin-right: -75px;
          margin-top: 30px;
          position: relative;
          margin-bottom: 30px;
        }

        .time-show .btn {
          width: 150px;
        }

        .timeline .time-show a {
          color: #fff;
        }

        .timeline:before {
          background-color: #d8d9df;
          bottom: 0px;
          content: "";
          left: 50%;
          position: absolute;
          top: 30px;
          width: 1px;
          z-index: 0;
        }

        h3.timeline-title {
          margin: 0;
          color: #C8CCD7;
          font-size: 20px;
          font-weight: 400;
          margin: 0 0 5px;
          text-transform: uppercase;
        }

        .t-info {
          color: #C8CCD7;
        }

        .timeline-item:before, .timeline-item.alt:after {
          content: "";
          display: block;
          width: 50%;
        }

        .timeline-item {
          display: table-row;
        }

        .timeline-desk {
          display: table-cell;
          vertical-align: top;
          width: 50%;
        }

        .timeline-desk h1 {
          font-size: 16px;
          font-weight: 300;
          margin: 0 0 5px;
        }

        .timeline-desk .panel {
          display: block;
          margin-left: 45px;
          position: relative;
          text-align: left;
          background: #fff;
        }

        .timeline-item .timeline-desk .arrow {
          border-bottom: 8px solid transparent;
          border-top: 8px solid transparent;
          display: block;
          height: 0;
          left: -7px;
          position: absolute;
          top: 50%;
          margin-top: -10px;
          width: 0;
        }

        .timeline-item .timeline-desk .arrow {
          border-right: 8px solid #fff !important;
        }

        .timeline-item.alt .timeline-desk .arrow-alt {
          border-bottom: 8px solid transparent;
          border-top: 8px solid transparent;
          display: block;
          height: 0;
          right: -7px;
          position: absolute;
          top: 50%;
          margin-top: -10px;
          width: 0;
          left: auto;
        }

        .timeline-item.alt .timeline-desk .arrow-alt {
          border-left: 8px solid #fff !important;
        }

        .timeline .timeline-icon {
          left: -54px;
          position: absolute;
          top: 50%;
          margin-top: -10px;
        }

        .timeline .timeline-icon {
          background: #fff;
          border: 1px solid #D8D9DF
        }

        .timeline-desk span a {
          text-transform: uppercase;
        }

        .timeline-desk h1.red, .timeline-desk span a.red {
          color: #EF6F66;
        }

        .timeline-desk h1.green, .timeline-desk span a.green {
          color: #39B6AE;
        }

        .timeline-desk h1.blue, .timeline-desk span a.blue {
          color: #56C9F5;
        }

        .timeline-desk h1.purple, .timeline-desk span a.purple {
          color: #8074C6;
        }

        .timeline-desk h1.light-green, .timeline-desk span a.light-green {
          color: #A8D76F;
        }

        .timeline-desk h1.yellow, .timeline-desk span a.yellow {
          color: #fed65a;
        }

        .timeline .timeline-icon {
          border-radius: 50%;
          -webkit-border-radius: 50%;
          display: block;
          height: 20px;
          width: 20px;
          text-align: center;
          color: #fff;
        }

        .timeline .timeline-icon i {
          margin-top: 9px;
        }

        .timeline-item.alt .timeline-icon {
          left: auto;
          right: -56px;
        }

        .timeline .time-icon:before {
          font-size: 16px;
          margin-top: 5px;
        }

        .timeline .timeline-date {
          left: -245px;
          position: absolute;
          text-align: right;
          top: 12px;
          width: 150px;
          display: none;
        }

        .timeline-item.alt .timeline-date {
          left: auto;
          right: -245px;
          text-align: left;
          display: none;
        }

        .timeline-desk h5 span {
          color: #999999;
          display: block;
          font-size: 12px;
          margin-bottom: 4px;
        }

        .timeline-item.alt:before {
          display: none;
        }

        .timeline-item:before, .timeline-item.alt:after {
          content: "";
          display: block;
          width: 50%;
        }

        .timeline-desk p {
          font-size: 14px;
          margin-bottom: 0;
          color: #999;
        }

        .timeline-desk a {
          color: #1fb5ad;
        }

        .timeline-desk .panel {
          margin-bottom: 5px;
        }

        .timeline-desk .album {
          margin-top: 20px;
        }

        .timeline-item.alt .timeline-desk .album {
          margin-top: 20px;
          float: right;
        }

        .timeline-desk .album a {
          margin-right: 5px;
          float: left;
        }

        .timeline-item.alt .timeline-desk .album a {
          margin-left: 5px;
          float: right;
        }

        .timeline-desk .notification {
          background: none repeat scroll 0 0 #FFFFFF;
          margin-top: 20px;
          padding: 8px;
        }

        .timeline-item.alt .panel {
          margin-left: 0;
          margin-right: 45px;
        }

        .mbot30 {
          margin-bottom: 30px;
        }

        .timeline-item.alt h1, .timeline-item.alt p {
          text-align: right;
        }
/*--------------------------------
         Directory Styles
         ------------------------------*/

         .directory-list, .directory-info-row .social-links {
           list-style-type: none;
           padding: 0;
           margin: 0;
         }

         .directory-list li {
           border-left: 1px solid #EFF0F4;
           display: table-cell;
           width: 1%;
         }


         .directory-list li a {
           display: block;
           padding: 8px 0;
           text-align: center;
           text-transform: uppercase;
           background: #fff;
           color: #7A7676;
           -moz-transition: all 0.2s ease-out 0s;
           -webkit-transition: all 0.2s ease-out 0s;
           transition: all 0.2s ease-out 0s;
           text-decoration: none;
         }

         .directory-list li a:hover, .directory-info-row .social-links li a:hover {
           background:#428bca;
           color: #fff;
         }

         .directory-info-row {
           display: inline-block;
           width: 100%;
           margin-top: 20px;
         }
         .directory-info-row .social-links {
           display: inline-block;
           margin-top: 10px;
         }

         .directory-info-row .social-links li{
           display: inline-block;
         }

         .directory-info-row .social-links li a{
           background: #EFF0F4;
           width: 30px;
           height: 30px;
           line-height: 30px;
           text-align: center;
           display: inline-block;
           border-radius: 50%;
           -webkit-border-radius: 50%;
           color: #7A7676;
         }

         .directory-info-row h4, .directory-info-row a {
           color: #424F63;
         }

         .directory-info-row .thumb {
           border-radius: 50%;
           -webkit-border-radius: 50%;
           margin-right: 20px;
         }