@charset "UTF-8";
/* CSS Document */

/*----------------------------------------
TIPOGRAFIA DEL SITIO
-----------------------------------------*/
html {
  font-size: 13px; }

.container {
    position: relative;
    width: auto;
    margin: 0 auto;
    padding: 0;
}

body{
	
	/* Full height */
	height: 100%;
	/* Center and scale the image nicely */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	font-family: 'Lato', sans-serif;	  
  }

.bg-secondary {
	background-color: #8b981f!important;
} 

nav {
	float: inherit;
    margin-top: 0px;
}

div.topbar {
    display: none;
    padding: 14px;
    background: #003652;
    background: -moz-linear-gradient(left, #003652 0%, #435761 100%);
    background: -webkit-linear-gradient(left, #003652 0%, #435761 100%);
    background: linear-gradient(to right, #003652 0%, #435761 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue71', endColorstr='$blue40',GradientType=1 );
    color: #fff;
}
.bandidiomes {
    background: #003652;
    background: -moz-linear-gradient(left, #003652 0%, #435761 100%);
    background: -webkit-linear-gradient(left, #003652 0%, #435761 100%);
    background: linear-gradient(to right, #003652 0%, #435761 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue71', endColorstr='$blue40',GradientType=1 );
}

ul.social-primary {
    float: right;
    margin:5px 0px;
}

a.sidenav-trigger {
    color: #fff;
    font-size: 3em;
}
.sidenav {
    position: fixed;
    width: 300px;
    left: 0;
    top: 0;
    margin: 0;
    transform: translateX(-100%);
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%);
    padding-bottom: 40px;
    background-color: #fff;
    z-index: 999;
    overflow-y: auto;
    will-change: transform;
    backface-visibility: hidden;
   
}

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

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

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}

h2 .col-sm-3 {
	font-weight: bold;
	font-family: 'Lato', sans-serif;
	font-size: 1.5rem; 
}


.bg_gris{
	background-color:#A4A3A8;
}

.bg_azul{
	background-color:#004D75; 
}
.bg_azul_osc{
	background-color:#003652 ;
}

.texto-blanco{
	color: #FFFFFF;	
}
.texto-gris{
	color: #535252;
}
.texto-verde{
	color: #A0AC19;
}
.texto-azul{
	color: #004D75;
}
.texto-azul_osc{
	color: #003652;
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
color: rgba(0, 0, 0, 0.54);
font-weight: bold;
}

.logotipo{
	width: 60%;
	margin: 0px;
}
.logotipo_footer{
	
	width: 9%;
	padding: 10px 0 0 0;
}

.logotipo_footer .col-md-4{
	width: 20%;
}
footer .logotipo_footer .col-lg-5{
	width: 20%;
	align-items:center;
}
.mundo{
	width: 55px;
}
.mundo_central{
	width: 55px;
	position: relative;
	text-align: center;
}
.navbar-toggler{
	
}

blockquote {
    margin:0px;
    padding-left:0 ;
    border-left:0 ; 
}

a {
    color: #004D75;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
	 background-color: transparent;
    -webkit-text-decoration-skip: objects;
	  -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
}


a:hover{
	color: #004D75;
	text-decoration: none;
}
a:active{
	color:#004D75;
	text-decoration: none;
}
a:visited{
	color:#004D75;
	text-decoration: none;
	outline: 0;
}

a.dropdown-item{
	color:#004D75 ;
}

nav li a {
    display: inline-block;
    color: #004D75;
    font-family:'Lato', sans-serif;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 100%;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
}
.nav-link {
    display: block;
    padding:18px 0px 0px 0px;
}
/*-----------------------------------------
 ESTILOS PARA ".redes-sociales"
------------------------------------------*/
.iconos-redes-header{
	width: 10px;
	margin: 5px 5px;
	color: white;
}
.redes-sociales li a i {
  color: #fff;
  font-size: 1rem;
  padding: .6rem 1rem;
  opacity: .8;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.redes-sociales li a i:hover {
  opacity: 1;
  -webkit-transform: scale(1.3) rotate(360deg);
          transform: scale(1.3) rotate(360deg); }
.banner-video{
	background-image: url("../images/600X300.gif");
	padding: 200px 0;
	position: relative;
	text-align: center;
}
.banner-video .play{
	width: 80px;
	height: 80px;
	position: relative;
}
.alturas{
	padding-top: 50px;
	padding-bottom: 30px;
	padding-left: 0px;
	padding-right: 0px;
}
.sps--abv{
	background-color: transparent;
	color: #000;
}
.sps--blw{
	background-color: #FFFFFF;
	color: #000;
}

/*-----------------------------------------
Estilos btn-primary
------------------------------------------*/
.btn{
color: #FFFFFF;
background-color:#003652;
border: 2px solid;
border-color: #003652;
border-radius: 20px;
padding-right: 25px;
padding-left: 25px;	
}
.btn-primary {
  color: #fff;
  background-color: #434142;
  border-color: #434142;
  position: relative;
  overflow: hidden;
  z-index: 1;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.btn-primary:hover {
  color: #002c78;
  background-color: #fff;
  border-color: #434142; }

.btn-primary:active {
  color: #002c78 !important;
  background-color: #504e4f !important;
  border-color: #5d5a5c !important; }

.btn-primary:focus {
  color: #002c78 !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(67, 65, 66, 0.5) !important;
          box-shadow: 0 0 0 0.2rem rgba(67, 65, 66, 0.5) !important; }


/*-----------------------------------------
Insertamos la fecha del boton principal
------------------------------------------*/
.btn-primary:after {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: "\f138";
  position: relative;
  left: .6rem;
  top: .1rem;
  -webkit-transition: left .3s ease;
  transition: left .3s ease; }

.btn-primary:hover:after,
.btn-primary:focus:after,
.btn-primary:active:after {
  left: .25rem; }



/*-----------------------------------------
Insertamos la caja blanca del boton principal
------------------------------------------*/
.btn-primary:before {
  content: "";
  z-index: -1;
  width: 0;
  height: 100%;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: skew(45deg, 0);
          transform: skew(45deg, 0);
  -webkit-transition: all .4s ease;
  transition: all .4s ease; }

.btn-primary:hover:before,
.btn-primary:focus:before,
.btn-primary:active:before {
  width: 130%;
  left: -15%; }

.footer_us{
	padding: 30px;
	text-align: center;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #A4A3A8;
  text-align: left;
  list-style: none;
  background-color: #fff;

}

.logo-innovagro {
text-align: center;
margin-top: 20px;
}

/*-----------------------------------------
 ESTILOS PARA "#menu-navegacion"
------------------------------------------*/
/*Quitamos estilos al boton por defecto*/
#menu-navegacion .navbar-toggler {
  padding: 0;
  font-size: 1rem;
  line-height: 1;
  background-color: transparent;
  border: none;
  border-radius: 0;
  outline: 0; }

/*Estilos boton del menu personalizado*/
#menu-navegacion .boton-menu:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f0c9";
  font-weight: 900;
  color: #fff;
  font-size: 2rem; }

#menu-navegacion .icono-cerrar:before {
  content: "\f00d";
  position: relative;
  left: .2rem; }

/*Estilos de los enlace del #menu-navegacion*/
.navbar-dark .navbar-nav .nav-link {
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-radius: .5rem;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

.navbar-dark .navbar-nav .nav-link:after {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  font-weight: 900;
  -webkit-transition: all .3s ease;
  transition: all .3s ease; }

/*Estilos estado hover de enlace*/
.navbar-dark .navbar-nav .nav-link:hover {
 /* background-color: #003fab; */}

.navbar-dark .navbar-nav .nav-link:hover:after {
  -webkit-transform: rotateZ(180deg);
          transform: rotateZ(180deg); }

/*Estilos para el enlace activo*/
.navbar-dark .navbar-nav .nav-link.active {
  background-color: #434142; }

/*Clase cuando  la barra de navegación se fija a la parte superior*/
.menu-fijo {
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  background-color: #001945 !important;
  width: 100% !important; }

/*-----------------------------------------
ESTILOS PARA "#mapa"
------------------------------------------*/
/*---#direcciones{
	width: 400px;
	height: auto;
	overflow: hidden;
	padding:20px 5px 20px 20px;
	float: left;		
}
-*/
#mapa{
	width: 650px;
	height: auto;
	overflow: hidden;
	padding:20px 5px 20px 20px;
	float: right;		
}
/*-----------------------------------------
ESTILOS PARA "#pie-de-pagina"
------------------------------------------*/
.enlaces-secundario {
font-size:12px;

}

.enlaces-secundario a {
	font-size:12px;
  padding: 1rem;
  color: white;
   }


/*---------------------------------------------------
EMPEZAN EL SHOW DE LAS MEDIAS QUERIES
---------------------------------------------------*/



@media (min-width: 768px) {
  .navbar-dark .navbar-nav .nav-link {
    padding: .7rem 1.2rem;
    border-radius: 1.5rem; }

  .navbar-dark .navbar-nav .nav-link:after {
    content: ""; }

}

@media (min-width: 990px) {
  html {
    font-size: 16px; }
 }
@media (min-width: 1200px) {
 }

@media (min-width: 1600px) {
 }