@charset "utf-8";
/* CSS Document */
.display-pc{ display:none;}
.display-tablet{ display:none;}
.display-celulares{ display:none;}
body{ margin:0px; }
#pagina{ position:absolute;  z-index:10; width:100%;}
/*********************************** CABEZERA  ****************************************/
#top_a{ width:100%; height:auto; float:left;  background:#fff; }
#top_a_cabezera{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; overflow:hidden;}
/*********************************** MENU  ****************************************/
#menu{ width:100%; height:auto; float:left;  background:#0145cc;  position: sticky; top: 0; z-index:1000000;}
#menu_cabezera{ width:90%; height:auto;  margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; overflow:hidden;}
/*********************************** BANNER INDEX  ****************************************/
#banner{ width:100%; height:auto; float:left; background:#0038a8; padding: 4% 0%;}
#Infbann{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** MARCAS  ****************************************/
#caja_eslogan{ width:100%; height:auto; float:left; padding: 4% 0%; background:#005296;}
#eslogan{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:900px; padding: 0% 5%;  overflow:hidden; }
/*********************************** MARCAS  ****************************************/
#cajaInicio{ width:100%; height:auto; float:left; padding: 4% 0%;  background:url('../imagenes/fondoeInicio.png');}
#cajaInicioInfo{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:900px; padding: 0% 5%;  overflow:hidden; }
/*********************************** CONTENIDOS  ****************************************/
#contAlumbra{ width:100%; height:auto; float:left; background:#f8f9e0; padding: 4% 0%;}
#infoAlumbra{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** CONTENIDOS  ****************************************/
#cont{ width:100%; height:auto; float:left; background:#e0f2fe; padding: 4% 0%;}
#info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
#infoValores{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1000px; padding: 2% 5% 5% 5%;  border-radius: 20px; background:#fff; overflow:hidden;}
#infoEquipo{ width:90%; height:auto; margin-left:auto; margin-right:auto; border: #d8dce4 1px solid; max-width:1000px; padding: 3% 5%; border-radius: 20px;  background:#fff; overflow:hidden;}
/*********************************** CONTENIDOS  ****************************************/
#contNara{ width:100%; height:auto; float:left; padding: 6% 0%;  background:url('../imagenes/fondoeSlogan.png');  }
#infoNara{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** MINI GALERIA  ****************************************/
#marcas{ width:100%; height:auto; float:left; background:#fff; padding: 2% 0%; }
#marcas_caja{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%;  overflow:hidden;}
/*********************************** PIE  ****************************************/
#pie{ width:100%; height:auto; float:left; padding: 4% 0%; background:#122e45;}
#pie_info{ width:90%; height:auto; margin-left:auto; margin-right:auto; max-width:1400px; padding: 0% 5%; overflow:hidden;}
.iconos_impulsoweb{ width:auto; height:auto; float:left; margin:27px 10px 0px 0px; }
#impulsoweb {width:160px; height:85px; float:left; background:url('../imagenes/link.png') no-repeat;}
#impulsoweb:hover {background:url('../imagenes/link_precionado.png') no-repeat;}
/*********************************** TIPOGRAFIAS  ****************************************/
@font-face {
	    font-family: 'titulo';
    src: url('../tipografias/titulo.woff');
}
@font-face {
	    font-family: 'normal';
    src: url('../tipografias/normal.woff');
}
@font-face {
	    font-family: 'bold';
    src: url('../tipografias/bold.woff');
}
@font-face {
	    font-family: 'light';
    src: url('../tipografias/light.woff');
}
@font-face {
	    font-family: 'cursiva';
    src: url('../tipografias/cursiva.woff');
}