//------------------------------------->
////COLORS

//MOLDEO - 07
//
    @largura-coluna-menu: 250px;
    @fundo-menu-lateral: #337AB7;
    @cor-menu: #fff;
    @cor-menu-hover: #000;
    @bg-menu-hover: red;
//

//------------------------------------->


// ===================================================
// ESTRUTURA


body{
  font-family: 'Lato', sans-serif;
}

  a{
    text-decoration: none !important;
    outline: none;
  }

  #erro-404{
  	background-color: #f5f5f5;
  	padding: 30px 0;
  	margin: 20px 0;
  	border-radius: 5px;
  }


// =====================================================
// HEADER
  

 .bg-faded{
   background-color: transparent !important;
 }

 header{
  nav{
    font-weight: 300;
  }
 }


// =====================================================
// NAVBAR


//PAGINAS

      .box-vis-1{
        margin: 0 0 15px 0;
      }

      .box-vis-2{
        margin-bottom: 25px;
        
        h3{
          margin-bottom: 10px;
        }
      }

      .box-vis-3{
        p{
          margin-top: 10px;
        }
      }

      .box-vis-5{
        margin-bottom: 25px;

        h3{
          margin-top: 10px;
        }
      }

      .box-vis-6{
        margin-bottom: 25px;

        h4{
          margin-top: 10px;
          height: 80px;
          overflow: hidden;
          font-size:18px;
          text-align: center;
          margin-top:5px;
        }
      }

      .box-vis-7{
        margin-bottom: 25px;

        h4{
          margin-top: 10px;
          height: 60px;
          overflow: hidden;
        }
      }

      //===================

      .box-img-5{
        margin-bottom: 25px;
      }

      .box-img-6{
        margin-bottom: 25px;
      }

      .box-img-11{
        margin-bottom: 25px;
      }
      
      .box-img-10{
        margin-bottom: 25px;
      }

//==========================


///////////////////////////////////////////////////////--------------------------------------------

//-----------------------------------------MODELO - 07

.box-menu-lateral{
  height: 100%;

  //MENU LATERAL
  .coluna-1{
    background-color: @fundo-menu-lateral;
    width: @largura-coluna-menu !important;
    float: left;
    height: 100%;

    ul{
      padding: 0;
      margin: 0;
      overflow-y: auto;
      height: 100%;

      li{

        list-style: none;
        padding: 0;
        margin: 0;

        a{
          display: block;
          width: 100%;
          padding: 4px;
          margin: 2px 0;
          color: @cor-menu;

          &:hover{
            background-color: @bg-menu-hover;
            color: @cor-menu-hover;
          }
        }
      }
    }
  }

  //CONTEUDO DO MENU LATERAL
  .coluna-2{
    height: 100%;
    background-color: red;
    padding-left: @largura-coluna-menu;
  }
}
//----------------------------------------- FIM MODELO - 07


// Lightbox-bootstrap

#lightbox .modal-content {
    display: inline-block;
    text-align: center;   
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: rgb(25, 25, 25);
    padding: 5px 8px;
    border-radius: 30px;
    border: 2px solid rgb(255, 255, 255);
    position: absolute;
    top: -15px;
    right: -55px;
    
    z-index:1032;
}

/*
.carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;

}
.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}*/

.carousel-fade .carousel-item {
  position: absolute;  
  display: block;
  transition: opacity .9s ease-in-out;
  opacity: 0;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
}

// ==============================================================

.border-radius-0{
  border-radius: 0 !important;
}

// ==============================================================

.galeria-hover{
  background-color: #000;
  padding: 0;

  .capa{
    opacity: 0.5;

    &:hover{
      opacity: 1;
    }
  }
}


@media (max-width: 992px) {


.galeria-hover{
  padding: 10px !important;

  .capa{
    opacity: 1 !important;
  }
}
}

// ==============================================================