.encabezado-logo {
    		height: 200px;
          position: relative;
    		background: #AFDEF9;
    		background-size:cover;
    		background-position: center; 
    		padding: 0px 30px 0px 50px;
    		background-blend-mode: normal;
    	}

.encabezado-logo .row > div {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
    	
    	.encabezado-logo:before {
    	  content: "";
    	  position: absolute;
    	  display: block;
    	  width: 100%;
    	  height: 200px;
    	  top: 0;
    	  left: 0;
    	  background: linear-gradient(65deg, rgba(255,255,255,0) 10%, rgba(255,255,255,0.7) 65%);
    	  /*background: linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 40%, rgba(255,255,255,0)40%, rgba(255,255,255,0.7) 95%);*/
    	  /*background: linear-gradient(to right, rgba(175,222,249,0.2) 40%, rgba(175,222,249,0.7)90%);*/
    	}
    	@media (min-width: 768px){
    	  .encabezado-logo:before {
    	    background: linear-gradient(65deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,0) 40%, rgba(255,255,255,0.7) 95%);
    	  }
    	}
    	
    	.encabezado-logo .iso-utn {
    		height: 65px;
    		width: 55px;
    		background: transparent url("../img/utn-iso.png") no-repeat;
    		position: absolute;
    		float: left;
    		top: -5px;
    		left: -60px;
    		z-index: 5;
    	}
    	
    	.home .encabezado-logo {
    		background: #DDD;
    	}
    	
    	.encabezado-logo a {
    		text-decoration: none;
    		color: #000;
    	}
    	
    	.encabezado-logo img {
    		text-align: right;
    	}
    	
    	.encabezado-logo .small {
    		color: #000;
    		opacity: 0.5;
    	}
    	
    	#carousel-home {
    		min-height: 350px; /*height: 350px;*/
    	}
    	#carousel-home img {
    	    min-height: 350px; /*height: 350px;*/
    	    width: 100%;
    	    -o-object-fit: cover;
    	    object-fit: cover;
    	}
    	#carousel-home .caption {
    		pointer-events: none;
    	}
    	#carousel-home .caption h3, #carousel-home .caption p {
    		white-space: nowrap;
    		overflow: hidden;
    		text-overflow: ellipsis;
    	}
    	
    	#carousel-home .carousel-control.left {
    		background-image: linear-gradient(to right, rgba(0, 0, 0, .1) 0, rgba(0, 0, 0, .0001) 100%);
    		}
    	#carousel-home .carousel-control.right {
    		background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .1) 100%);
    		}

    	footer {
    		background-color: #111;
    		color: #FFF;
    		padding: 30px 0px;	
    	}
    	footer a, footer a:hover {
    		color: #FFF;
    	}
    	.navbar {
    		margin-bottom: 0px;
    	}
    	.botones-home > div {
    		text-align: center;
    		padding: 50px;
    	}
    	.botones-home > a {
    		display: block;
    		min-width: 100%;
    		min-height: 100%;
    		background: #F0F;
    	}

    	
    	
    	#nav.affix {
    	    position: fixed;
    	    top: 0;
    	    width: 100%;
    	    z-index:10;
    	}
    	.navbar {
    		border-radius: 0px;
    	}

    	
		.affix .nombre-grupo {
    	    margin-left: 120px;
    	    transition: margin-left 0.5s;
    	    -webkit-transition: margin-left 0.5s;
    	  }
    	.affix-top .nombre-grupo {
    	  margin-left: 0px; 
    	  transition: margin-left 0.5s;
    	  -webkit-transition: margin-left 0.5s;
    	}
    	.navbar-brand {
    		position: absolute;
    		width: 150px;
    		display: block;
    		
    	}
    	.affix .navbar-brand {
    	  color: #F0F;
    	  left: 0px;
    	  margin-left: 0px !important;
    	  transition: left 0.5s;
    	  -webkit-transition: left 0.5s;
    	}
    	.affix-top .navbar-brand {
		  color: #000;
		  left:  -150px;
		  transition: left 0.5s;
		  -webkit-transition: left 0.5s;
    	}
    	
    	.destacados-home {
    		background: #192A67;
    	}
    	.destacados-home .banneritem {
    		display: block;
    		overflow: hidden !important;
    		height: 200px;
    		padding: 0;
    	}
    	.destacados-home .banneritem a {
    		width: 100%;
    		height: 100%;
    		
    	}
    	.destacados-home img {
    		float: left;
    		width: 100%;
    		height: 100%;
    		-webkit-filter: grayscale(100%) blur(3px) opacity(.3);
    		filter: grayscale(100%) blur(1px) opacity(.3);
    		-o-object-fit: cover;
    		object-fit: cover;
    		-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 */
    		transition: all 1s;
    	}
    	.destacados-home img:hover {
    		-webkit-filter: grayscale(0%) blur(0px) opacity(1);
    		filter: grayscale(0%) blur(0px) opacity(1);
    	}
    	
    	.destacados-home .banneritem .caption {
    		position: absolute;
    		display: block;
    		color: #FFF;
    		text-align: center;
    		width: 100%;
    		top: 100px;
    		text-shadow: 2px 2px 2px #192A67;
    		font-weight: 300;
    		pointer-events: none;
    	}
    	.destacados-home .banneritem .caption h3 {
    		font-weight: 200;
    		pointer-events: none;
    	}
    	
    	
/*    	ACCESOS DIRECTOS     */


		.accesos-encabezado {
			/*background: #afdef9;*/
			/*padding-left: 50px;*/
			
		}
		.accesos-encabezado h2 {
			font-size: 14px;
			font-weight: 300;
			text-transform: uppercase;
			margin: 15px 0px;
			padding: 15px 0px;
			border-bottom: 1px solid #CCC;
		}
		
		#accesos-contenedor {
			/*margin-top: 15px;*/
		}
		
		.accesos-home .banneritem {
			height: 180px;
		}
		
		.accesos-home .banneritem a {
			background: #192A67;
			width: 100%;
			height: 90px;
			display: block;
			overflow: hidden;
		}
		.accesos-home .banneritem img {
			width: 100%;
			height: 90px;
			-o-object-fit: cover;
			object-fit: cover;
			
			-webkit-transition: all 0.5s ease;
			   -moz-transition: all 0.5s ease;
			     -o-transition: all 0.5s ease;
			    -ms-transition: all 0.5s ease;
			        transition: all 0.5s ease;
		}
		
		.accesos-home .banneritem img:hover {
		  -webkit-filter: blur(.2px) opacity(.7) grayscale(80%);
		  filter: blur(.2px) opacity(.7) grayscale(80%);
		  /*width: 120%;
		  height: 108px;*/
		}
		
		.accesos-home .banneritem a:before {
		   font-family: FontAwesome;
		   content: "\f0a9";
		   color: #FFF;
		   display: inline-block;
		   position: absolute;
		   font-size: 20px;
		   left: 50%;
		   top:  35px;
		   opacity: 0;
		   margin-left: -10px;
		   transition: all 0.5s ease;
		}
		
		.accesos-home .banneritem a:hover:before {
			opacity: 1;
		}
		
		.accesos-home .banneritem .caption {
			color: #192A67;
			font-weight: 300;
		}
		.accesos-home .banneritem .caption h3 {
			font-size: 16px;
		}
		
		
		/*#accesos-contenedor {
			background-color: #F5F5F5;
			
		}*/

		/******************/

    	/*.accesos-home .banneritem {
    		display: block;
    		overflow: hidden !important;
    		height: 100px;
    		padding: 0;
    	}
    	.accesos-home .banneritem a {
    		width: 100%;
    		height: 100%;
    		
    	}
    	.accesos-home .banneritem img {
    		float: left;
    		min-width: 100%;
    		min-height: 100%;
    		opacity: 0;
    		-webkit-transition: opacity 1s; /* For Safari 3.1 to 6.0 *!/
    		transition: opacity 1s;
    	}
    	.accesos-home .banneritem:hover img {
    		opacity: 1;
    	}
    	
    	.accesos-home .banneritem .caption {
    		position: absolute;
    		display: block;
    		color: #192A67;
    		text-align: center;
    		width: 100%;
    		top: 10px;
    		font-weight: 300;
    		pointer-events: none;
    	}
    	.accesos-home .banneritem .caption h3 {
    		font-size: 16px;
    		padding-left: 15px;
    		padding-right: 15px;
    		color: #192A67;
    	}
    	.accesos-home .banneritem:hover .caption h3 {
    		color: #FFF;
    		text-shadow: 2px 2px #000;
    	}*/

    	
/*    	CONTENIDO     */

    	.col-izquierda, .col-derecha {
    		margin-top: 20px;
    	}
    	.body {
    		margin-bottom: 20px;
    	}
    	
    	.col-derecha .feed {
    		border: 0px;
    	}
    	.col-derecha .list-group-item:first-child {
    		border-radius: 0px;
    		border-top: 0px;
    	}
    	
    	.col-izquierda .nav li {
    		width: 100%;
    		display: block;
    		margin-left: 5px;
    		margin-bottom: 5px;
    	}
    	.col-izquierda .nav .active>a {
    		color: #000;
    	}
    	
    	/*.col-izquierda .nav ul, .col-izquierda .nav li {
    		padding: 0;
    		margin: 0;
    	}*/
    	
    	.col-izquierda .nav>li a:focus, .nav>li a:hover {
    		background-color: transparent;
    	}
    	
    	.col-izquierda .nav a {
    		padding: 5px 0px;
    		color: #666;
    		text-decoration: none;
    	}
    	
    	.col-izquierda .nav a:hover {
    		color: #000;
    	}
    	
    	.col-izquierda .nav li ul {
    		padding: 5px 0px;
    	}
    	
    	.col-izquierda .nav li:not(.active) ul {
    		display: none;
    	}
    	
    	
    	
/*    	TIPOGRAFÍA     */

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px
}

.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 20px;
    margin-bottom: 10px
}

/*    	LOGIN  & EDICIÓN    */

.login-description {
	padding: 20px 0px ;
	}
	
.nav-editar, .nav-editar:active:hover {
	background-color: #d9534f!important;
	color: #FFF !important;
}

.nav-editar, .nav-editar:active:hover {
	background-color: #d9534f!important;
	color: #FFF !important;
}

.icons .btn-group {
	background-color: #d9534f;
	color: #FFF;
}

.icons .btn-group > a, .icons .btn-group > a:hover {
	color: #FFF;
}

.username {
	margin-right: 20px !important;
	}
	
.edit .btn-toolbar, .edit .control-group {
	margin: 20px 0px;
}

.edit .nav-tabs {
	margin: 10px 0px;
}