/* Definicion de clase para modulo Presentación */
.presentacion {
height:450px;
/*background-image: url(img/fondo5.jpg); */
background-image: url(img/fondoeg.jpg);
background-size: auto; 
opacity:0.9;
}
@media (max-width: 767px) { /* para que ocupe menos alto en celulares */
  .presentacion {
    height:300px;
	/*background-image: url(img/fondo5chi.jpg);*/
	background-image: url(img/fondoeg.jpg);
	background-size: auto; 
	opacity:0.9;
  }
}
/* Fin */




/* Definición de fuentes a usar*/
@font-face 
{
    font-family: "Helvetica Black";
	src: url('../fonts/HelveticaBlack.ttf') format("truetype");
}
@font-face 
{
    font-family: "Lato-Bold";
	src: url('../fonts/Lato-Bold.ttf') format("truetype");
}
@font-face 
{
    font-family: "Lato-Regular";
	src: url('../fonts/Lato-Regular.ttf') format("truetype");
}
@font-face 
{
    font-family: "Merriweather-Bold";
	src: url('../fonts/Merriweather-Bold.ttf') format("truetype");
}




/* Configuración de clase navbar toggle el menu de 3 rayitas en celulares */
/* Modifica la ubicacion del menu */
.navbar-toggler {
margin-top: -10px; 
}
/* FIN configuracion clase navbar-toggle

/* Configuración de clase navbar */
/* Modifica el alto del encabezado */
.navbar 
{ 
min-height: 40px; /* min-height debe ser igual a height y line-height del navbar-nav*/
margin-top: -10px; 

} 
/* Modifica atributos de items barra de navegacion */
.navbar-nav 
{
/* Modifica el alto de los botones de la barra de navegacion */
	line-height: 10px;  
/*	border: 1px dashed rgb(106,174,122); /*este recuadro sirve para ver si está en línea con el logo */

}
#navbar .navbar-nav > li > a   /* Atributos de opciones de menú de navbar */
 {
    padding: 0 25px; /* 0px espacio superior e inferior, 30px espacio a izquierda y derecha de cada item del menu  */
    height: 40px;
    line-height: 40px;
    border-top: 2px;
    width: 100%;
/*	font-family:"Helvetica LT CondensedLight","HelveticaNeue",'ArialNarrow','Arial';  
/*	font-family: 'Rubik', sans-serif;
	font-family: 'Oswald', sans-serif;
	font-family: 'Century Gothic', 'sans-serif';
*/
	font-family: 'Arial';  
	font-size: 14px;
	color:#FFF;
	
	text-transform: none;
	text-decoration: none;
	font-style: normal;
  	border-bottom: .2rem solid transparent; /* define como será el borde del boton */
 }


#navbar .navbar-nav > li > a:hover {
background-color: transparent;  /* Pone transparente el botón para que solo se vea el borde cuando pasa el mouse */
}


/* FIN configuracion de clase navbar */

/* Configuración logo navbar */

.navbar-brand {
    margin-top: 15px;
	font-size: 0.7em;
    color: #fff;
    text-decoration: none;
    border:1px solid #fff;
/*    text-transform: uppercase;
*/
    font-weight: 300;
    display: block;
    padding: 0;
    height: 42px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.31);
}

.navbar-brand span {
    padding: 0.496em .6em;
 
    display: inline-block;
    background: #fff;
    color: #2e2f2f;
}
.navbar-brand i {
    padding: 0.5em 0.5em 0.5em 0em;
    font-style: normal;
    display: inline-block;
}
a.navbar-brand:hover {
    color: #fff;
}
/* FIN Configuración logo navbar */