/* VERSION ESCRITORIO */
@media (min-width: 768px) and (max-width: 1024px) {
  body {
    background-image: url('fondo-general.png');
    background-position: center;
}
  #colecciones {
    display: none;
    background: #f7f7f7;
  }

  .movil {
    display: none !important;
  }
  ::-webkit-input-placeholder {
    color: #d1d1d1;
  }
  ::-moz-placeholder {
    color: #d1d1d1;
  }
  :-ms-input-placeholder {
    color: #d1d1d1;
  }
  :-moz-placeholder {
    color: #d1d1d1;
  }
  *::-webkit-scrollbar-track {
    background-color: #fff;
  }
  *::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
  }
  *::-webkit-scrollbar-thumb {
    background-color: #558000;
  }
  div#cabeza section.logo {
    /* background: url(header.jpg) no-repeat bottom left #fff; */
    /* padding: 1em 0px 6em; */
    background-size: 125%;
  }
  .contenedor {
    width: 1170px;
    margin: auto;
  }
  div#cabeza .contenedor {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1250px;
  }
  div#cabeza section.logo img {
    /* width: 590px; */
  }
  div#cabeza section.logo a img {
    width: 40px;
    padding: 5px;
  }
  div#cabeza section.logo .social {
    align-self: flex-start;
  }
  .navbar {
    min-height: 40px !important;
  }
  .breadcrumb a {
    color: #629300;
  }
  header .navbar-header.pull-right.hidden-xs {
    width: 100%;
  }
  header ul img.home {
    width: 30px;
  }
  header .nav.navbar-nav.pull-left {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    height: 60px;
  }
  .glyphicon-home:before {
    content: '' !important;
  }
  .navbar-nav > li {
    border-right: 1px solid #9eb733;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
  }
  .navbar-nav > li.nombre-pagina {
    margin-right: auto;
    margin-left: 0;
    border: 0;
  }
  #buscador {
    padding: 50px;
    text-align: center;
    background-image: url(fondo-buscador.png);
    background-size: auto 102%;
    background-position: center;
  }
  div.colecciones {
    display: flex;
    max-width: 100%;
    margin: auto;
    padding: 10px;
    padding-bottom: 35px;
    padding-top: 35px;
  }
  div.coleccion {
    margin: 10px 15px;
    background: white;
    padding: 15px;
    padding-bottom: 0;
    border: 1px solid #e6e5e5;
    text-align: center;
    display: flex;
    flex-wrap:  wrap;
    transition:all .5s;
  }
  div.coleccion a:hover {
    text-decoration: none;
  }
  div.coleccion:hover {
    transform: scale(1.1);
  }
  div.coleccion > p {
    text-align: left;
  }
  footer {
    display: flex !important;
    position: absolute;
    border-bottom: 30px solid #38332b;
    left: 0;
    background: #67655e!important;
    width: 100%;
    padding: 15px;
    color: white;
    justify-content: space-between;
  }
  #aspect_discovery_SiteRecentSubmissions_div_site-recent-submission ul {
    display: flex;
    flex-wrap: wrap;
  }
  #aspect_discovery_SiteRecentSubmissions_div_site-recent-submission ul li.ds-artifact-item {
    /* width: 50%; */
    padding: 10px;
    box-sizing: border-box;
  }
  #aspect_discovery_SiteRecentSubmissions_div_site-home .page-header {
    /* text-align: center; */
  }
  footer .contfooter {
    display: flex;
  }
  footer .contfooter a {
    color: #a4d893;
  }

  .cf:before, .cf:after{
    content:"";
    display:table;
  }
  .cf:after{
    clear:both;
  }
  .cf{
    zoom:1;
  }

  .search-wrapper {max-width: 510px;
    width: 100%;
    margin: 0 auto;
  }
  .search-wrapper input {
    max-width: 418px;
    width: 100%;
    height: 27px;
    padding: 10px 10px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    border-radius: 3px 0 0 3px;
    box-sizing: content-box;
  }
  .search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
  }
  .search-wrapper input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  }
  .search-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  }
  .search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  }

  .search-wrapper button {overflow: visible;position: relative;float: right;border: 0;padding: 0;cursor: pointer;height: 47px;width: 72px;font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';color: white;text-transform: uppercase;background: #629300;border-radius: 0 3px 3px 0;text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);}
  .search-wrapper button:hover{
    background: #558000;
  }
  .search-wrapper button:active,
  .search-wrapper button:focus{
    background: #456800;
    outline: 0;
  }
  .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
  }
  .container-fluid{
    /* padding-left:75px!important; */
    /* padding-right:75px!important; */
    max-width: 1170px;
    width: 100%;
  }
  body > div.container-fluid {
        padding-top: 15px;
    background: white;
  }
  .header-search img {
    margin-top: 5px;
    margin-left: 5px;
    display: inline-block;
    float: right;
  }
  li.nombre-pagina > strong > h1 {
    color: #629300;
    font-size: 26px;
  }
  .navbar-nav > li:nth-child(3) {
    border-right: 1px solid #9eb733;
  }
  .login-home {
    text-align: center;
    padding: 20px 100px;
  }
  .login-home fieldset {
    width: 100%;
  }
  .footer dt {
    color: #9eb733;
  }
  dl {
    margin-top: 0;
    margin-bottom: 20px !important;
  }
  div.row.footerrow {
    display: flex;
  }
  .arboles img {
    position: absolute;
    bottom: 0;
    right: 10px;
  }



}


@media (min-width: 768px) and (max-width: 991px){
  .col-xs-6.col-sm-3.sidebar-offcanvas {
    position: relative !important;
    top: 0;
    width: 33% !important;
  }
  #sidebar {
   display: block;
 }
 .row-offcanvas-right .col-xs-6.col-sm-3.sidebar-offcanvas {
  right: 0% !important;
}
.col-sm-12 {
  width: 65% !important ;
}
.container {
  width: 850px !important;
}
}
#main-container > div.row.row-offcanvas.row-offcanvas-right > div > div.col-xs-12.col-sm-12.col-md-9.main-content > div.visible-xs.visible-sm > footer {
  display: none !important;
}