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

//MOLDEO - 07
//
    @largura-coluna-menu: 250px;
    @fundo-menu-lateral: #337AB7;
    @cor-menu: #fff;
    @cor-menu-hover: #000;
    @bg-menu-hover: red;
//
//HEADER
//
    @header-margin: 15px 0;
//
//NEWSLETTER
//
  @new-bg-color : #000;
  @new-tetx-color : #fff;

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


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

  html, body{
    width: 100% !important;
    height:  100% !important;
  }

  a{
    text-decoration: none !important;
  }

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

  header#home{
    .navbar-brand{
      img{
        height: 250px !important;
      }
    }
  }

// =====================================================
// newletter

#newletter{
  background-color: @new-bg-color;
  padding: 20px 0;
  color: @new-tetx-color;
  margin-top: 25px;
}


// =====================================================
// HEADER
  
  header{
    margin: @header-margin;
  }

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


// =====================================================
// 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: 60px;
          overflow: hidden;
        }
      }

      .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;
}


// ===========================================
// VIDEOS

.videos{
  h2{
    font-size: 14px;
    margin: 5px 0;
    color: #000;
  }
  p{
    color: #333;
  }
}