/*!
 * Roots 6.5.1
 */

@import "bootstrap/bootstrap.less";

/* ==========================================================================
   Base
   ========================================================================== */

body { }



/* ==========================================================================
   Header
   ========================================================================== */

.banner { }



/* ==========================================================================
   Content
   ========================================================================== */

.content { 
  background-color: #fff}



/* ==========================================================================
   Primary Content
   ========================================================================== */

.main { }

/* Gallery Shortcode */
.gallery-row { padding: 15px 0; }



/* ==========================================================================
   Sidebar
   ========================================================================== */

.sidebar { }



/* ==========================================================================
   Posts
   ========================================================================== */

.hentry header { }
.hentry time { }
.hentry .byline { }
.hentry .entry-content { }
.hentry footer { }



/* ==========================================================================
   Footer
   ========================================================================== */

.content-info { }



/* ==========================================================================
   WordPress Generated Classes
   See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
   ========================================================================== */

.aligncenter { display: block; margin: 0 auto; }
.alignleft { float: left; }
.alignright { float: right; }
figure.alignnone { margin-left: 0; margin-right: 0; }



/* ==========================================================================
   Media Queries
   ========================================================================== */

@media (min-width: @screen-sm-min) { }

@media (min-width: @screen-md-min) { }

@media (min-width: @screen-lg-min) { }





@charset "UTF-8";

/* Author: Cooltribes - Juan Pernia (@juanrules)  */
/* Project name: Personaling  al 30/06/2013 */ 

/*==============================================================
----------------  FRAMEWORK - JUAN -------------------------------
==============================================================*/


/*--- @ ---*/
@color1: #6d2d56; /* Morado Berenjena */
@color2: #3c4141; /* Gris raton */
@color3: #fff;
@color4: #000; /* Negro */
@color5: #ddd; /* Gris */
@color6: #AD3682; /* Morado claro */
@color7: #22F28A; /* Verde chillon */
@color8: #685b5b;
@color9: #9b9894;
@color10: #f0e9f1; /* Lila */
@color11: #8b5293; /* Morado chillon */
@amarillo: #FFD629;

@font-face {
    font-family: "AJensonPro";
    src: url(../fonts/AJensonPro-Regular.otf) format("opentype");
}
/*--- "." ---*/
.color1{ color:@color1;}
.color2{ color:@color2;}
.color3{ color:@color3;}
.color4{ color:@color4;}
.color5{ color:@color5;}
.color6{ color:@color6;}
.color7{ color:@color7;}
.color8{ color:@color8;}
.color9{ color:@color9;}
.color10{ color:@color10;}
.color11{ color:@color11;}

.bg_color1{ background-color:@color1;}
.bg_color2{ background-color:@color2;}
.bg_color3{ background-color:@color3;}
.bg_color4{ background-color:@color4;}
.bg_color5{ background-color:@color5;}
.bg_color6{ background-color:@color6;}
.bg_color7{ background-color:@color7;}
.bg_color8{ background-color:@color8;}
.bg_color9{ background-color:@color9;}
.bg_color10{ background-color:@color10;}
.bg_color11{ background-color:@color11;}



.border_radius (@radius: 5px) {
  border-radius: @radius;
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
}

.text_light{text-shadow:1px 1px #fff}
.text_shadow{text-shadow:1px 1px #000}
.non_visible{text-indent:-9999px;font-size:0;height:0;padding:0}
.text_align_right{text-align:right}
.text_align_left{text-align:left}
.text_align_center{text-align:center}
.gradient_1{background:linear-gradient(top,#eba97d0%,#ffcdb13%,#ffb1856%,#ff8f4999%)}
.CAPS{text-transform:uppercase}
.modulo1 h4{color:#e46c0a;font-size:12px}
.modulo1{border:1px solid #f1e7e7;background-color:#fff;border-radius:7px 7px 7px 7px;margin:0 0 10px;padding:20px}
.modulo1 h3{border-bottom:1px solid #f1e7e7;color:#a26767;font-size:12px;text-transform:uppercase;text-shadow:0 1px #fff;-webkit-text-shadow:1px 1px #fff;-ms-text-shadow:1px 1px #fff;-moz-text-shadow:1px 1px #fff;background:linear-gradient(top,#ffffff0%,#fbf7f74%,#f8f1f199%);margin:-20px -20px 15px;padding:5px 20px}
.table_1{color:#a08578}
.table_1 th,.grid-view table.items th{color:#fff;background:linear-gradient(top,#eba97d0%,#ffcdb13%,#ffb1856%,#ff8f4999%)}
.table_1 th a,.grid-view table.items th a{color:#fff}
.img_1{border:5px solid #fff;outline:1px solid #F1E7E7}
.img_2{border:15px solid #fff;outline:1px solid #F1E7E7}
.t_small{font-size:0.8em !important}
.T_large{font-size:2em !important}
.T_xlarge{font-size:3em !important}
.T_superlarge{font-size:8em !important; line-height:1.2em}
table .no_border_left{border-left:none}
table .no_border_center{border-center:none}
table .no_border_right{border-right:none}
a{color:@color1; .transition_all}
a:hover{color:#333}
.table_border_left{border-left:1px solid #DDD}
.text_left_align,.table_survey label{text-align:left}
.no_bullets{ list-style:none;}
.background_gray{
   background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* IE10+ */
background: linear-gradient(top, #ffffff 0%,#eeeeee 100%); /* W3C */
   }
   
.box_shadow{
   box-shadow: 0px 0px 4px  rgba(0,0,0,0.2);
   -moz-box-shadow: 0px 0px 4px  rgba(0,0,0,0.2);
   -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
   }
.big{ font-size:20px;}




/* Transitions */
.transition_all{
     transition:all ease 0.5s;
-moz-transition:all ease 0.5s; /* Firefox 4 */
-webkit-transition:all ease 0.5s; /* Safari and Chrome */
-o-transition:all ease 0.5s; /* Opera */}

/* Textos */
.text_left_align {
  text-align: left;
}
.text_right_align {
  text-align: right;
}
.text_center_align {
  text-align: center;
}

/* titles */
.title_xlarge{
   font-size:45px; 
   }
.title_large{
   font-size:30px; 
}
.title_medium{
   font-size:24px; 
}

/* SIdebar */


/* Brakers */
.braker_right{border-right:1px solid #ddd;}
.braker_left{ border-left:1px solid #ddd; }
.braker_top{ border-top:1px solid #ddd;}
.braker_bottom{ border-bottom:1px solid #ddd;}


/*------------------------------------ Miscelaneos ------------------------------------*/

/* Margins */
.margin_top{margin-top:2.18em}
.margin_left{margin-left:2.18em}
.margin_right{margin-right:2.18em}
.margin_bottom{margin-bottom:2.18em}

.margin_top_large{margin-top:4.68em}
.margin_left_large{margin-left:4.68em}
.margin_right_large{margin-right:4.68em}
.margin_bottom_large{margin-bottom:4.68em}

.margin_top_medium{margin-top:1.56em}
.margin_left_medium{margin-left:1.56em}
.margin_right_medium{margin-right:1.56em}
.margin_bottom_medium{margin-bottom:1.56em}

.margin_top_small{margin-top:1em}
.margin_left_small{margin-left:1em}
.margin_right_small{margin-right:1em}
.margin_bottom_small{margin-bottom:1em}

.margin_top_xsmall{margin-top:0.5em}
.margin_left_xsmall{margin-left:0.5em}
.margin_right_xsmall{margin-right:0.5em}
.margin_bottom_xsmall{margin-bottom:0.5em}

.margin_large{margin:4.68em} 
.margin_medium{margin:1.56em} 
.margin_small{margin:1em} 
.margin_xsmall{margin:0.5em} 

.margin_top_large_minus{ margin-top:-4.68em;}
.margin_left_large_minus{ margin-left:-4.68em;}
.margin_right_large_minus{ margin-right:-4.68em;}
.margin_bottom_large_minus{ margin-bottom:-4.68em;}

.margin_left_minus{ margin-left:-1em;}
.margin_right_minus{ margin-right:-1em;}
.margin_top_minus{ margin-top:-1em;}
.margin_bottom_minus{ margin-bottom:-1em;}

.margin_left_medium_minus{ margin-left:-1.56em;}
.margin_right_medium_minus{ margin-right:-1.56em;}
.margin_top_medium_minus{ margin-top:-1.56em;}
.margin_bottom_medium_minus{ margin-bottom:-1.56em;}

.margin_left_small_minus{ margin-left:-0.5em;}
.margin_right_small_minus{ margin-right:-0.5em;}
.margin_top_small_minus{ margin-top:-0.5em;}
.margin_bottom_small_minus{ margin-bottom:-0.5em;}

.margin_top_xsmall_minus{margin-top:-7px}
.margin_left_xsmall_minus{margin-left:-7px}
.margin_right_xsmall_minus{margin-right:-7px}
.margin_bottom_xsmall_minus{margin-bottom:-7px}

/* No margin */
.no_margin_left{ margin-left:0;}
.no_margin_right{ margin-right:0;}
.no_margin_top{ margin-top:0;}
.no_margin_bottom{ margin-bottom:0;}

/* Paddings */
.padding_top_large{padding-top:4.68em}
.padding_left_large{padding-left:4.68em}
.padding_right_large{padding-right:4.68em}
.padding_bottom_large{padding-bottom:4.68em} /* algo aqui */

.padding_top{padding-top:2.18em}
.padding_left{padding-left:2.18em}
.padding_right{padding-right:2.18em}
.padding_bottom{padding-bottom:2.18em}

.padding_top_medium{padding-top:1.56em}
.padding_left_medium{padding-left:1.56em}
.padding_right_medium{padding-right:1.56em}
.padding_bottom_medium{padding-bottom:1.56em}

.padding_top_small{padding-top:1em}
.padding_left_small{padding-left:1em}
.padding_right_small{padding-right:1em}
.padding_bottom_small{padding-bottom:1em}

.padding_top_xsmall{padding-top:0.5em}
.padding_left_xsmall{padding-left:0.5em}
.padding_right_xsmall{padding-right:0.5em}
.padding_bottom_xsmall{padding-bottom:0.5em}

.padding_large{padding:4.68em} 
.padding_medium{padding:1.56em} 
.padding_small{padding:1em} 
.padding_xsmall{padding:0.5em} 
.box_2{  
   padding:10px;
   outline:1px solid #ddd;
   border:10px solid #fff;
   margin-bottom:20px;

   }
.box_1{background-color:#fff; .box_shadow; padding:10px 20px;
}
/* For media */
.border_1{     
   border:10px solid #fff;
   outline:1px solid #ddd;
}
.border_2{     
   border:5px solid #fff;
   outline:1px solid #ddd;
}

/* Listas */
.bullet_1{ margin-left:20px;}
.bullet_1  li {
      list-style: disc;
      margin-bottom:15px;
   }
.bullet_2{ list-style: circle;}
.bullet_2 li{ margin-bottom:10px;}


/* Lists */
.list_vert {
   margin:5px 0
}
.list_vert li {
   margin:10px 0
}
.list_horz {
   margin:0;
}
.list_horz li {
    display: block;
    float: left;
   margin:0;
}
.list_horz_margin_right li{ margin-right:10px !important;}
.list_horz_margin_top li{ margin-top:10px !important;}
.box-fluid{
   padding: 0 15px;
}


/*==============================================================
----------------  CUSTOM PROJECT STYLES ------------------------
              Here comes the specific styles and
              rewrittes for this project 
==============================================================*/




/* CSS Document */


/* HOME ON */ 
.home_banner{
   background: rgba(82, 96, 114, 0.8);
    color: rgb(255, 255, 255);
    position: absolute;
    top: 30%;
    padding:2em 0;
    width: 100%;
    z-index: 10000;
    font-size: 1.2em;

}

/* HOME OFF */


/* Slides ON */
#slides {
   position: relative;
}
#slides .slides-container {
   display: none;
}
#slides .scrollable {
 *zoom: 1;
   position: relative;
   top: 0;
   left: 0;
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
   height: 100%;
}
#slides .scrollable:after {
   content: "";
   display: table;
   clear: both;
}
.slides-navigation {
   margin: 0 auto;
   position: absolute;
   z-index: 3;
   top: 46%;
   width: auto;
}
.slides-navigation a {
   position: absolute;
   display: block;
}
.slides-navigation a.prev {
   left: 0;
}
.slides-navigation a.next {
   right: 0;
}
.slides-pagination {
   position: absolute;
   z-index: 3;
   bottom: .5em;
   text-align: right;
   right:1em;
   width: auto;
}
.slides-pagination a {
   border: 2px solid rgba(255,255,255,.6);
   border-radius: 15px;
   width: 13px;
   height: 13px;
   display: inline-block;
   margin: 2px;
}
.slides-pagination a.current {
   background: #FFD629;
}
ul#slide-list {
  bottom:-4px !important;
}
ul#slide-list li.current-slide{
   background: @amarillo;
   border-color: lighten(@amarillo, 10%);
}
.single-projects, .home{
  ul#slide-list li{
    width: 13px;
    height: 13px;
  }
}
#prevslide, #nextslide{
  height:50px !important;
  width: 50px !important;
  padding: 6px 6px 0 !important;
  border: 0 none !important;
  border-radius: none !important;
  box-shadow: none !important;
}

/* SLides OFF */

/* Sticky footer styles ON
      -------------------------------------------------- */

      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 20px;
      .color3;
      opacity:.8;
      .transition_all;
      h1{ 
         font-size: 1.6em;
          line-height:.5em;
          margin: 0;
          padding: 0;
          text-align: center;
          font-weight: normal;
      }


      &:hover{
         opacity:1}
      }
     
      #footer {
      background-color: rgba(110, 118, 139, 0.5);
      bottom: 0;
      position: fixed;
      width: 100%;
      z-index: 2;
      padding:1em 0 2em;

      
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -40px;
          padding-left: 20px;
          padding-right: 20px;
		  
        }
		
		#push,
      #footer {
		  height: 80px !important;
      }

	  }

/* Sticky footer styles OFF
      -------------------------------------------------- */

body{
   font-family:AJensonPro, Georgia, "Times New Roman", Times, serif;
   font-weight:300;
   background:url('../img/bg_page_azul.jpg') no-repeat #6e768b;
   background-size: cover;
   color:#eaeaea;
   
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family:AJensonPro, Georgia, "Times New Roman", Times, serif;
}



/* NAVIGATION ON
      -------------------------------------------------- */

#navigation{
   margin-top:0;
   position: absolute;
   z-index: 1000; 
   border:none;
   width: 100%;
   background-color: rgba(110, 118, 139,.5);
   .navbar-inner {
      background:none;
      border:none;
      box-shadow:none;
      -moz-box-shadow:none;
      -ms-box-shadow:none;
      -webkit-box-shadow:none;
      
   }
   .navbar-brand{
      color: #ffffff;
      text-shadow: none;
      -moz-text-shadow: none;
      -webkit-text-shadow: none;
      -ms-text-shadow: none;
      // background:rgba(0,0,0,0.7);
      font-size:1.75em;
      font-weight: normal;
      font-family:AJensonPro, "Times New Roman", serif;
      text-transform:uppercase;
      letter-spacing: 0.2em;
      padding: 12px 0 10px !important;
      }
      .navbar-brand span
      {
      font-size:1.78em;
      } 

   .nav > li > a{
      color: #ffffff;
      text-shadow: none;
      -moz-text-shadow: none;
      -webkit-text-shadow: none;
      -ms-text-shadow: none;
      // background:rgba(0,0,0,0.7);
      margin:0 1px;
      font-size:.8em;
      padding: 15px;
      .CAPS;
      &:hover{color:rgb(255,214,41);}
      
      
   }
   .dropdown-menu {
      background-color: rgba(0, 0, 0, 0.7);
      border-radius: 0 0 0 0;
      .border_radius (@radius: 0) ;
   }
   .dropdown-menu > li > a{
      .color3;
      font-size:1em;
      text-transform: capitalize;

      
   }
   .dropdown-menu li {
    float: left;
}

}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus,
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle, .navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle{ 
   background: none;
   box-shadow:none;
   -moz-box-shadow:none;
   -ms-box-shadow:none;
   -webkit-box-shadow:none;

}
.navbar .pull-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.pull-right:before{ display: none}
#navigation .nav > li.active > a{color:rgb(255,214,41);}
.navbar .nav > li > .dropdown-menu:after {
      border-bottom: 6px solid transparent;
      display:none;
   }
ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
   }

.slides-pagination {
    bottom: 5px;
    position: fixed;
    right: 1em;
    text-align: right;
    width: auto;
    z-index: 3;
    a{

    }
}
.slides-navigation {

   position: relative;
   a{
       border: 3px solid rgba(255, 255, 255, .4);
       border-radius: 30px 30px 30px 30px;
       box-shadow: 0 1px 1px rgba(0,0,0,.3);
       color: rgb(255, 255, 255);
       display: block;
       font-size: 26px;
       font-weight: bold;
       height: 30px;
       margin: 0 25px;
       padding: 11px 6px 0;
       text-align: center;
       text-decoration: none;
       text-shadow: 0 1px 1px rgb(0, 0, 0);
       top: -40px;
       transition: background 0.15s ease 0s;
       width: 30px;
   }
}
// Submenu de proyectos
#menu-projects{
    margin-right: 15px;
    margin-top: -43px;
    position: absolute;
    z-index: 3000;
    right: 0;
    
    .navbar-nav > li > a{
       color:@color3;
       padding-top:5px;
       padding-bottom: 5px; 

    }
    .nav > li > a:hover, .nav > li > a:focus{
      background-color: transparent;
      color: @amarillo;
    }
}
.caret{
  display: none;
}
.menu-the-firm:hover{
  #menu-projects{display: none;}
}

// http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
.tabs-below, .tabs-right, .tabs-left {
  .nav-tabs {
  border-bottom: 0;
}
}
 
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}
 
.tab-content > .active,
.pill-content > .active {
display: block;
}
 
.tabs-below {
> .nav-tabs {
border-top: 1px solid #ddd;
 
> li {
margin-top: -1px;
margin-bottom: 0;
 
> a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
 
&:hover, &:focus {
border-top-color: #ddd;
border-bottom-color: transparent;
}
}
}
> .active a {
&, &:hover, &:focus {
border-color: transparent #ddd #ddd #ddd;
}
}
}
}
 
.tabs-left, .tabs-right {
> .nav-tabs > li {
float: none;
 
> a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}
}
}
 
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
 
> li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
 
&:hover, &:focus {
border-color: #eee #ddd #eee #eee;
}
}
 
> .active a {
&, &:hover, &:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #fff;
}
}
}
 
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
 
> li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
 
&:hover, &:focus {
border-color: #eee #eee #eee #ddd;
}
}
 
> .active a {
&, &:hover, &:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #fff;
}
}
}
/* NAVIGATION OFF
      -------------------------------------------------- */




/* PROJECT GRID ON
      -------------------------------------------------- */


.project_grid{
   #Grid{ 
   .margin_top_large;
    margin-left: -90px;
    li img {
      max-width: 100%;
    }

  }
   .thumbnails > li{ 
      margin-left:4%;
      width: 15%;
      margin-bottom:3%;
      a{ color:darken(@color3,5%); text-transform: uppercase; font-size: .8em}
      p{
        height: 27px;
        overflow: hidden;
      }

   }
   .sidebar .nav-stacked li {
         padding:0;
         a{
            font-size: 1em;
            background: rgba(0,0, 0,.3);
            display: inline-block;
            padding: .3em .5em;
            text-transform: none;
            margin-bottom: 0.2em;
         }
      }
   background-size:cover;
      .thumbnail {
         border: 8px solid rgba(255, 255, 255, 0.3);
         padding: 0;
         .border_radius(@radius:0);
         .transition_all;
         
         
         }
      .span6 .thumbnail {
         img{
            width:96%}
         border: 0;
         }
       .thumbnails .span6{ margin-bottom:5px}
      .thumbnails .span3:nth-child(4n+1){ margin-left:0;}
      .thumbnails .span4:nth-child(3n+1){ margin-left:0;}
      a.thumbnail:hover, a.thumbnail:focus{
         border-color: rgba(255, 255, 255, 0.6);
         }
      .carousel{ margin-bottom: 0;}
      .carousel-control{ font-family: 'helvetica Neue', helvetica, sans-serif;}
      .carousel-inner > .item > img, .carousel-inner > .item > a > img{ margin:0 auto;}
      .carousel-control{ left:40px; top: 50%}
      .carousel-control.right{ right:40px; left:auto}
      .carousel-indicators{
                  right: 55px;
                  top: -25px;
                  z-index: 5;
         }
   }
#primary{
   padding-top:3em;
   padding-bottom:9em;
   // background:rgba(0,0,0,0.6);
   height:100%}
   
.page-header{
   border-bottom:0;
   margin-bottom:0;
   h1{
      font-weight:300;
      color:#6b6b6b;
   
      span{
         color:@color3;
         }
         }  
      
   }


#project_grid_bg{
   background:url(../img/slide_3.jpg) no-repeat 0 0 ;
   }
  #footer h1{
    display: none;
  }
.single-projects{
    #footer h1{
    display: block;
  }

}
#project_14{

      position: absolute;
      top: 60px;
      left: 20px;
      z-index: 100;
      
      .sidebar .nav-stacked li {
         padding:0;
         a{
            font-size: 1em;
            background: rgba(0,0, 0,.3);
            display: inline-block;
            padding: .3em .5em;
            text-transform: none;
            margin-bottom: 0.2em;
         }
      }
      .page-header h1{
         color:#000;
         font-size: 1.6em;
         box-shadow: none;
         -moz-box-shadow: none;
         -webkit-box-shadow: none;
         -ms-box-shadow: none;
      }
}
.project_description{
   position: absolute;
   right: 0px;
   bottom:100px;
   background-color: rgba(110, 118, 139, 0.5);
   color: #fff;
   padding: 2em 7em 2em 2em ;
   width: 330px;
   max-height: 400px;
   overflow: scroll;
   h2{
    font-size: 20px;
   }
}

.show_hide {
    display:none;
   font-size: 20px;
    position: absolute;
    bottom: 50px;
    color: #fff;
    text-decoration: none;
    width: 40px;
    right: 0px;
    display: block;
    cursor: pointer;
    height: 40px;
    padding: 5px;
    text-align: center;
    background-color: rgba(110, 118, 139, 0.5);
    &:hover, &:focus{
      text-decoration: none;
      color: #fff;
    }
}


/* PROJECT GRID OFF
      -------------------------------------------------- */
     
/* SIDEBAR ON
      -------------------------------------------------- */

.sidebar{
   .nav-stacked{
      li{
         // border-bottom:1px solid rgba(255,255,255,.3);
         padding:.5em;
         font-size: 1.3em;
         text-transform: uppercase;
         .transition_all;
         &:last-child{ border-bottom:0;}
         &:hover{    
                  color: rgba(255,241,14,1);
                  
                  }
         a{
            background:none;
            color:@color3;
            &:hover{
               color: rgba(255,241,14,1);
               text-decoration: none;
            }
         
         }
         ul li{
            padding:.5em;
            list-style:none;
            text-transform: none ;
            font-size: 1em;
         }
         ul{
            margin-left:.25em;
            margin-top:.4em}
         
         }
      }
}

/* SIDEBAR OFF
      -------------------------------------------------- */
     
     
/* RESPONSIVE  ON
      -------------------------------------------------- */
 /* Second, the vertical media queries!

@media (max-height:450px){
       .project_grid .carousel-inner > .item > img, .project_grid .carousel-inner > .item > a > img{
      height:200px}
}

 @media  (min-height:451px) and (max-height:600px){
     .project_grid .carousel-inner > .item > img, .project_grid .carousel-inner > .item > a > img{
      height:300px}
}


@media  (min-height:601px) {
   
        .project_grid .carousel-inner > .item > img, .project_grid .carousel-inner > .item > a > img{
      height:450px;
      }
}



/* RESPONSIVE  OFF
      -------------------------------------------------- */

     .nav .dropdown-menu{
      margin-top:0;
      top:40px;
     }
     .navbar .pull-right > li > .dropdown-menu, .navbar .nav > li > .dropdown-menu.pull-right {
    left: 0px;
    right: auto;
   }
   .hola{}
   .nav-collapse ul li ul li{display: inline-block;}
   .dropdown{
      display: inline-block; 
      position: static;}
   .dropdown-menu{
      width: 370px;
   }
   #dropdown-right ul.dropdown-menu{
      margin-top: 69px;
      top: 0;
      left: auto;
      right: 20px;
      position: fixed;
      width: auto;
   }
@-moz-document url-prefix() {
  #dropdown-right ul.dropdown-menu{
   top: 0;
  }
 }
 .project_grid {margin-top: 0;}

  /* CRISTIAN */

 .nodropdown-menu{
   background-clip: inherit;
    background-color: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    float: left;
    left: 0;
    list-style: none outside none;
    margin-left: 20px;
    min-width: 160px;
    padding: 5px 0;
    position: relative;
    z-index: 1000;
    width: 100%;
 } 
.nav .nodropdown-menu {
    margin-top: 0;
    top: 0px;
}

#dropdown-right ul.dropdown-menu {
    margin-top: 40px;
}
/* #navigation {margin-top: 20px;}  /*ocera: 11 03 2014 */

#navigation .dropdown-menu {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}

#navigation .navbar-brand {padding: 20px 10px;}
#navigation .nav > li > a {padding: 8px 15px;}
.nav .dropdown-menu {top: 20px;}
#navigation .dropdown-menu > li > a:hover {color: #FFD629;background: none;}

#navigation .dropdown-menu > li.active >a {color: #FFD629;background: none;}
.closed{
   border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 15px 15px 15px 15px;
    display: inline-block;
    height: 15px;
    margin: 2px;
    padding: 3px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 15px;
}

/* INTERNAS ON
      -------------------------------------------------- */

.interna{
   color: #444;
   background-color: @color3;
   padding: 6em 1em 2em;
   h1{
      
      font-weight: normal;
   }
   .page-header {
       border-bottom: 1px solid #EEEEEE;
       margin: 20px 0 30px;
       padding-bottom: 9px;
       h1{color:#666}
   }
   h2{
      font-size: 1.4em;
      font-family: "AJensonPro", Georgia, serif;
      font-weight: normal;

   }
   .allan_big{
      background: url('../img/allan_big.jpg') no-repeat top right;
      padding: 6em 0 5em;
   }
   .publicaciones{
      text-align: center;
      color: #777;
      img{
         display: block;
         margin-bottom: 1em;
         
         border: 10px #fff solid;
   outline: 1px solid #ddd;
   max-width: 90%;

      }
      h3{
         font-size: 1.3em;
         padding: 0;
         line-height: 1em;
         margin-top: .5em;
         margin-bottom: 0
      }
      p{
         color: #999;
      }
      .span4{
         margin-bottom:4.3em
      }
      .span4:nth-child(3n+1){ margin-left: 0}
   }
   .blog{
      color: #777;
      .img_destacada{
         display: block;
         border: 10px solid #fff;
         box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2)

      }
      h3{
         font-size: 1.3em;
         padding: 0;
         line-height: 1em;
         margin-bottom: 0
      }
      p{
         color: #999;
      }
      
   }
   .staff{
    img{
      max-width: 100%;
    }
      h2{
         margin-top: 0;
         padding-top: 0;
      }
      .person{
         padding: 1em 0 2em;
         border-bottom: 1px solid #ddd;
         margin-bottom: 1em;
      }
   }

}
.img_1{
   border: 10px #fff solid;
   outline: 1px solid #ddd;
   max-width: 90%;
}
.entry-title{
   font-weight: normal;
   font-family: "AJensonPro", georgia, serif;
   font-size: 2.5em;
   text-transform: capitalize;

}
/* INTERNAS OFF
      -------------------------------------------------- */