body{
	background-color: #DAE8F5;
  font-family: 'Raleway', sans-serif;
}

h1{
  /*font-size: 40px;*/
   font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

h2{
   font-family: 'Raleway', sans-serif;
  font-weight: bold;
}

h3{
   font-family: 'Raleway', sans-serif;
  font-size: 4vh;
  font-weight: bold;
}

h4{
  font-weight: bold;
}

h5{
  font-weight: bold;
}

a{

}

p{
  font-size: 2.5vh;
}

footer {
  background-color: #00759C;
  bottom: 0px;
  width: 100%;
  height: 60px;
  color: white;
   padding-top: 20px;
}


.titulos{
   color: #00759C;
}

.btn-skin:hover,
.btn-skin:focus,
.btn-skin:active,
.btn-skin.active {
  color: #fff;
  background-color: #666;
  border-color: #00759C;
}

.btn-skin {
  color: #fff;
  background-color: #00759C;
  border-color: #666;
}

.well{ 
  background-color: rgba(237,240,248,0.85);
  border-radius: 15px;
}


/*la clase grow es para la barra de navegación*/
.grow
{
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition: all .4s ;
}

.grow:hover
{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.2);
transition: all .4s ;
}

.grow-btn-form{
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all .4s ;
}

.grow-btn-form:hover{
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: all .4s ;
}



/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------- Principal -------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/


.home-section {
    padding-bottom: 271px;
     display:block;
    position:relative;
    z-index:120;
    /*background-color: #DAE8F5;*/
}

#contenedor-principal{
   background: url("../img/finca/DJI_0127.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #808080;
    margin-top: 73px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- BARRA NAVEGACION ----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

#logonav{
  width: 45%;
}


.logonav{
	width: 45%;
  transition: all 0.6s;
  
}

.banner{
  background-color: #fff;
  border: 0px;
  height: 120px;
  background: url("../img/barra3.png") no-repeat center top;
  -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;

}

@media only screen and (max-width: 767px) {

  .logonav{
    width: 33%;
    transition: all 0.6s; 
  }

  #navbar{
    margin-top: 0px;
    padding: 1% 0 1% 15%;
    background-color: #fff;
  }
}

#navbar{
	margin-top: 0px;
	padding: 1% 0 1% 15%;
}

#navbar li a{
  color: #000;
  font-weight: bold;
}

#navbar li a:hover{
  color: #FF5328;
}

.navbar-nav li:hover{
transition: all .4s ease-in-out;
border-radius: 10px;
}


/*-------------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------- Formularios ----------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/

/*.bodycontainer { max-height: 350px;  width: 100%; margin: 0; overflow-y: auto;}
.table-scrollable { margin: 0; padding: 0; }*/

.tabla{
  background-color: rgba(255,255,255,0.85);
  border-radius: 8px;
  padding: 5px 15px 0px 15px;
}