.cl-effect-2 .my-btn-empty
{
	line-height:44px;
	-webkit-perspective:1000px;
	-moz-perspective:1000px;
	perspective:1000px;
	float:left;
	padding:0;
	letter-spacing:0;
	text-align:center
}
.cl-effect-2 .my-btn-empty .inside-btn
{
	position:relative;
	display:inline-block;
	padding:0;
	background:#E0E1E3;
	-webkit-transition:-webkit-transform .3s ease-out;
	-moz-transition:-moz-transform .3s ease-out;
	transition:transform .3s ease-out;
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transform-style:preserve-3d;
	-moz-transform-style:preserve-3d;
	transform-style:preserve-3d;
	width:100%;
	height:45px
}
.csstransforms3d .cl-effect-2 .my-btn-empty:active .inside-btn::before,.csstransforms3d .cl-effect-2 .my-btn-empty:focus .inside-btn::before,.csstransforms3d .cl-effect-2 .my-btn-empty:hover .inside-btn::before,.csstransforms3d .cl-effect-2 .my-btn-empty:visited .inside-btn::before
{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	height:100%;
	background:#0965a0;
	content:attr(data-hover);
	-webkit-transition:background .3s;
	-moz-transition:background .3s;
	transition:background .3s;
	-webkit-transform:rotateX(-90deg);
	-moz-transform:rotateX(-90deg);
	transform:rotateX(-90deg);
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	transform-origin:50% 0
}
.cl-effect-2 .my-btn-empty:focus .inside-btn,.cl-effect-2 .my-btn-empty:hover .inside-btn
{
	-webkit-transform:rotateX(90deg) translateY(-22px);
	-moz-transform:rotateX(90deg) translateY(-22px);
	transform:rotateX(90deg) translateY(-22px)
}
.csstransforms3d .cl-effect-2 .my-btn-empty:focus .inside-btn::before,.csstransforms3d .cl-effect-2 .my-btn-empty:hover .inside-btn::before 
{
	color:#ffffff!important
}

.activeInstitucional, .activeInstitucional:hover, .institucional:hover {background:#266092!important; color:#ffffff!important;}
.activeEnsenanza, .activeEnsenanza:hover, .ensenanza:hover {background:#326799!important; color:#ffffff!important;}
.activeInvestigacion, .activeInvestigacion:hover, .investigacion:hover {background:#3C709F!important; color:#ffffff!important;}
.activeExtension, .activeExtension:hover, .extension:hover {background:#4777A5!important; color:#ffffff!important;}
.activeComunicacion, .activeComunicacion:hover, .comunicacion:hover {background:#688FB8!important; color:#ffffff!important;}
.activeAdministracion, .activeAdministracion:hover, .administracion:hover {background:#7D9FC4!important; color:#ffffff!important;}
.activeBienestar, .activeBienestar:hover, .bienestar:hover {background:#5C87B1!important; color:#ffffff!important;}
.activeBecas, .activeBecas:hover, .becas:hover{background:#5380AA!important; color:#ffffff!important;}
.activeInternacional, .activeInternacional:hover, .internacional:hover {background:#7197BC!important; color:#ffffff!important;}

.csstransforms3d .cl-effect-2  .my-btn-empty:focus .inside-btn.menu-transparencia::before,.csstransforms3d .cl-effect-2  .my-btn-empty.my-btn-empty:hover .inside-btn.menu-transparencia::before 
{
	/*background:#007B97!important;*/
	color:#ffffff;
} 
	/*.csstransforms3d #menu-alumno .my-btn-empty:focus .inside-btn::before,.csstransforms3d #menu-alumno .my-btn-empty:hover .inside-btn::before
{
	background:#d6c286!important
}
.csstransforms3d #menu-docente .my-btn-empty:focus .inside-btn::before,.csstransforms3d #menu-docente .my-btn-empty:hover .inside-btn::before
{
	background:#d4d49d!important
}
.csstransforms3d #menu-pau .my-btn-empty:focus .inside-btn::before,.csstransforms3d #menu-pau .my-btn-empty:hover .inside-btn::before
{
	background:#bddde4!important
}
	*/@media (min-width:1025px) and (max-width:1069px)
{
.cl-effect-2 .my-btn-empty .inside-btn
{
	padding-left:3px;
	padding-right:3px
}

}
	@media (min-width:1070px) and (max-width:1199px)
{
.cl-effect-2 .my-btn-empty .inside-btn
{
	padding-left:6px;
	padding-right:6px
}

}
	@media (min-width:1200px)
{
.cl-effect-2 .my-btn-empty .inside-btn
{
	padding-left:11px;
	padding-right:10px
}

}
.csstransforms3d #menu-transparencia .my-btn-empty:hover .inside-btn::before, #menu-transparencia,.csstransforms3d #menu-transparencia .cl-effect-2 .my-btn-empty:hover .inside-btn::before 
{
	background:#A3A4A6!important;
	 color:#ffffff
}