/** Colores menu **/
:root {
	--color-fondo-todo:  #fff;
	--color-novedades: #1491d3;
	--color-institucional: #1491d3; #5BA5D7;
	--color-institucional-dark: #147FB6;
	--color-investigacion: #6AC7BD;
	--color-investigacion-dark: #43B7A8;
	--color-formacion: #53E06F;
	--color-formacion-dark: #27CF47;
	--color-transferencia: #9CE002;
	--color-transferencia-dark: #91CD01;
	--color-servicios: #CCD600;
	--color-servicios-dark: #B5C000;
	--color-publicaciones: #FEC200;
	--color-publicaciones-dark: #FAB600;
	--color-contacto: #FB9900;
	--color-contacto-dark: #EE4900;
	--color-buscador: #EE4900;
}


/**====================================================**/
/** CUADRO SUPERIOR **/

#cuadro-superior-todo {
	padding-top: 0.5%;
	padding-bottom: 0.5%;
	box-shadow: 1px 1px 5px #c0c0c0;
	z-index: 10000;
}

#cuadro-superior-todo,
#cuadro-superior-todo > div,
#nav-principal-todo {
	background-color: var(--color-fondo-todo);
	padding-left: 0;
	padding-right: 0;
	padding: 0;
}

#cuadro-superior-todo {
	background-image: linear-gradient(90deg, #1491d3 60%, #FB9900 50%);
}

	/** Cuadro logo y datos **/
	#cuadro-superior-todo #cuadro-logo {
		border-bottom: 1px solid #eaeaea;
		padding: 5px 15px;
	}

		/** Imagen logo **/
		#cuadro-superior-todo .navbar-brand img#logo {
			min-height: 50px;
			max-height: 80px;
			text-align: left;
			float: left;
		}
		
		#cuadro_datos_contacto p {
			font-family: 'Segoe UI', Arial;
			font-size: 0.75em;
			color: #404040;
			text-align: right;
			margin: 11px 15px;
		}
		
	#cuadro-superior-todo #navbarMenu {
		background-color: #FB9900;
	}

	#cuadro-superior-todo #nav-principal-todo .navbar-nav > li > a {
		padding: 15px 25px;
		padding-bottom: 10px;
		margin-right: 0;
		color: #fff;
		font-family: 'Segoe UI', 'Lucida Sans Unicode', 'Lucida Grande', 'sans-serif';
		font-size: 0.85em;
		font-weight: 600;
		text-transform: uppercase;
		border-bottom: 6px solid transparent;
	}
	
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a:hover {
		color: #fff;
		-webkit-transition: all 150ms ease-in-out;
		-moz-transition: all 150ms ease-in-out;
		-ms-transition: all 150ms ease-in-out;
		-o-transition: all 150ms ease-in-out;
		transition: all 150ms ease-in-out;
	}
	
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a:focus {
		color: #fff;
	}
	
	/** Submenu **/
	#cuadro-superior-todo .dropdown-menu {
		padding: 0;
		border: 0;
		border-radius: 0;
		margin-top: 0;
		border: 1px solid #eaeaea;
	}
		
		#cuadro-superior-todo .dropdown-menu .dropdown-item {
			padding: 5px 15px;
			padding-right: 20px;
			font-size: 0.9em;
			color: #404040;
		}
		
		#cuadro-superior-todo .dropdown-menu .dropdown-item:hover {
			background-color: #fff;
		}

		/** Institucional **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInstitucional {
			background-color: var(--color-institucional);
		} 
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInstitucional:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInstitucional:focus {
			border-color: var(--color-institucional-dark);
		}
		
		#cuadro-superior-todo #dropdownInstitucional.dropdown-menu .dropdown-item:hover {
			background-color: var(--color-institucional-dark);
		}
		
		/** Investigacion **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInvestigacion {
			background-color: var(--color-investigacion);
		}
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInvestigacion:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInvestigacion:focus {
			border-color: var(--color-investigacion-dark);
		}
		
		#cuadro-superior-todo #dropdownInvestigacion.dropdown-menu .dropdown-item:hover {
			background-color: var(--color-investigacion-dark);
		}
		
		/** Formacion **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarFormacion {
			background-color: var(--color-formacion);
		}
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarFormacion:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarFormacion:focus {
			border-color: var(--color-formacion-dark);
		}
		
		#cuadro-superior-todo #dropdownFormacion.dropdown-menu .dropdown-item:hover {
			background-color: var(--color-formacion-dark);
		}
		
		/** Transferencia **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarTransferencia {
			background-color: var(--color-transferencia);
		}
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarTransferencia:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarTransferencia:focus {
			border-color: var(--color-transferencia-dark);
		}
		
		#cuadro-superior-todo #dropdownTransferencia.dropdown-menu .dropdown-item:hover {
			background-color: var(--color-transferencia-dark);
		}
		
		/** Servicios **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-servicios {
			background-color: var(--color-servicios);
		}
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-servicios:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-servicios:focus {
			border-color: var(--color-servicios-dark);
		}
		
		/** Publicaciones **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarPublicaciones {
			background-color: var(--color-publicaciones);
		}
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarPublicaciones:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarPublicaciones:focus {
			border-color: var(--color-publicaciones-dark);
		}
		
		#cuadro-superior-todo #dropdownPublicaciones.dropdown-menu .dropdown-item:hover {
			background-color: var(--color-publicaciones-dark);
		}
		
		/** Contacto **/
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-contacto,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-contacto:hover,
		#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-contacto:focus {
			background-color: var(--color-contacto);
		}

/** Boton menu **/
.navbar-toggler {
	background-color: var(--color-novedades);
	margin-left: 15px;
	border-radius: 0;
}

/**====================================================**/
/** RESPONSIVE **/

/** Max-width: 1200px **/
@media (max-width: 1200px) {
	
	#cuadro-superior-todo {
		background-image: none;
	}
	
	#cuadro-superior-todo .dropdown-menu {
		border: 0;
		border-top: 1px solid #eaeaea;
	}
	
	#cuadro-superior-todo li, 
	#cuadro-superior-todo #nav-principal-todo .navbar-nav > li > a	 {
		background-color: #fff !important;
		border: 0;
		padding-left: 10px;
	}
	
	/** Institucional **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInstitucional {
		color: var(--color-institucional);
	}
	
	/** Investigacion **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarInvestigacion {
		color: var(--color-investigacion);
	}
	
	/** Formacion **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarFormacion {
		color: var(--color-formacion);
	}
	
	/** Transferencia **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarTransferencia {
		color: var(--color-transferencia);
	}
	
	/** Servicios **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-servicios {
		color: var(--color-servicios);
	}
	
	/** Publicaciones **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#navbarPublicaciones {
		color: var(--color-publicaciones);
	}
	
	/** Contacto **/
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a#link-contacto {
		color: var(--color-contacto);
	}
	
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a:hover {
		background-color: #fff;
		//color: #c0c0c0;
		opacity: 0.7;
	}
	
}

/** Max-width: 990px **/
/** Menu colapsado **/
@media (max-width: 990px) {
	
	#cuadro-superior-todo #nav-principal-todo .navbar-nav > li > a {
		padding-right: 10px;
		padding-bottom: 5px;
		margin: 5px auto;
		border-radius: 0;
	}

	
	
	#cuadro-superior-todo #nav-principal-todo .navbar-nav a.active {
		background-color: #fff;
		color: var(--color-principal);
		border-right: 5px solid var(--color-principal);
		padding-right: 10px;
		padding-bottom: 5px;
	}
	
	/** Dropdown menu **/
	#cuadro-superior-todo .dropdown-menu {
		border-color: transparent;
		padding-right: 15px !important;
	}
		
		#cuadro-superior-todo .dropdown-menu .dropdown-item:hover {
			background-color: transparent !important;
			color: var(--color-principal) !important;
		}
}

/** Max-width: 400px **/
@media (max-width: 400px) {
	
	#cuadro-superior-todo #cuadro_datos_contacto {
		display: none;
	}
}