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

 .slideshow-container {
      position: relative;
      max-width: 600px;
      margin: auto;
    }
    .slides {
      display: none;
      width: 100%;
    }
    .fade {
      animation: fadeEffect 1s ease-in-out;
    }
    @keyframes fadeEffect {
      from {opacity: 0.4}
      to {opacity: 1}
    }
        .controls {
      text-align: center;
      margin-top: 10px;
    }
.controls button {
	
  background-color: transparent;
	background: linear-gradient(to bottom, #EBE8E8, #C9C7C7);
  border: 1px solid #FFFFFF;
  color: #2C2C2C;
  font-size: 14pt;
  padding: 1px 10px 7px 10px;
  margin: 0px 5px;
  cursor: pointer;
  border-radius: 30px;
  transition: all 0.5s ease;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
}

.controls button:hover {
	border: 1px solid #FFFFFF;
  background: linear-gradient(to bottom, #0D0D0D, #FBFAA0);
  color: #000;
  background-color: rgba(200, 200, 200, 0.1);
}

li a, .dropbtn {
  display: inline-block;
  color: white;
/*  text-align: center; */
  padding: 14px 16px;
  text-decoration: none;
	

}
		
	 .titulo_blanco a
		{
			color: #FFFFFF;
		}


li.dropdown {
  display: inline-block;
	
}

.dropdown-content {
  	display: none;
  	position: absolute;
	float: left;
	
	background: linear-gradient(to bottom, #F70303, #560202);
    background-color: var(--navbar-bg-color);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);	
	
	  min-width: 160px;
	  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  z-index: 1;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

.dropdown-content a {
  color: #FAF7F7;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}



.dropdown:hover .dropdown-content {
  display: block;
}
		
		
	
		header{
			margin-top: 0px;
			}

		
		#navbar
		{	border-radius: 10px;
			margin: 0 2% 0 2%;
		}
		
		.logo-right
		{
			margin-right: 24px;
		}
		
		.logo{
			margin-left: 24PX;
		}
				.header2
		{
			color: #090909;
            padding: 10px 0;
            text-align: center;
            display: flex;
            justify-content: space-between;
            align-items: center;
			
		}
		.header2 h1
		{		
			color: #292929;
			text-shadow: 0 3px 3px #B7B7B7;
			text-decoration: none;
	
			font-size: 1.1em;
			margin-right: 23px;
			font-weight: 500;
		}
		
		.ece_labs_title
		{
			visibility: hidden;
			display: none;
								
		}
		
		.esconder{				
				visibility: visible;
		}
		
		.esconder_mostrar
		{
			visibility: hidden;
			display: none;
		}
		
		.class_code
		{
			display: none;
		}
		
		.course_title
		{
			display: none;
		}
		
	.navbar-logo img
		{
			width: 90px;
			visibility: hidden;
		}
		
		.border_colores{
			background: linear-gradient(#FFF 0 0) padding-box, linear-gradient(to bottom,  #DDE581, #817B04) border-box;			
			padding: 10px;
			border-radius: 10px;
			border: 3px solid transparent;		
			padding-top: 1.4em;
		}
		
		
@media screen and (max-width: 768px) {
			
			* {
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		}	
	
			.border_colores {
				background: linear-gradient(#FFF 0 0) padding-box, linear-gradient(to bottom,  #59C9FF, #FFFFFF) border-box;
				border: 3px solid transparent;
			padding-top: 1.4em;
			}
	

	
		.ece_labs_title
			{
				display:flex;
				visibility: visible;
				color: var(--navbar-text-color-focus);
			}
	
	.esconder{
			visibility: hidden;
			display: none;
	}
	
	.esconder_mostrar
	{
		visibility: visible;
	}
	
		#navbar
		{	border-radius: 0px;
			margin: 0;
		}
	
		.course_title
		{
			display:flex;
		}
	
			.navbar-logo img
		{
			width: 90px;
			visibility: visible;
		}
	
		.navbar-links {

				}
	
	        .header2 {
				
				display: none;
				
            }
			
		}
		
							
@media screen and  (max-width: 480px){
			
		.border_colores {
				background: linear-gradient(#FFF 0 0) padding-box, linear-gradient(to bottom,  #59C9FF, #FFFFFF) border-box;
				border: 3px solid transparent;
				padding-top: 1.4em;
			}
	
		.navbar-links {
				background: linear-gradient(to bottom, #560202, #920303, #F70303);
			}
		}