.deshabilitado{
	/*text-decoration:line-through;	*/
	opacity:.5;
}
.proximo{
	/*box-shadow: 0 0 13px 1px #FFF;*/
}
.highlighted{
	text-shadow: 0 0 13px 1px #FFc;
}
.highlight-animado {
	background:#ffffcc !important;
}
.highlight-animado  > :first-child{
    -webkit-animation: highlight-fade 3s 1;
    -moz-animation: highlight-fade 3s 1;
}
@-webkit-keyframes highlight-fade {
	0% { opacity:1}
    10% { opacity:.5 }
    20% { opacity: 1 }
    30% { opacity:.5 }
    40% { opacity:1 }
    50% { opacity:.5 }
    60% { opacity: 1 }
    70% { opacity:.5 }
    80% { opacity: 1 }
    90% { opacity:.5 }
    100% { opacity:1 }
}
@-moz-keyframes highlight-fade {
    0% { opacity:1 }
    10% { opacity:.5 }
    20% { opacity: 1 }
    30% { opacity:.5 }
    40% { opacity:1 }
    50% { opacity:.5 }
    60% { opacity: 1 }
    70% { opacity:.5 }
    80% { opacity: 1 }
    90% { opacity:.5 }
    100% { opacity:1 }
}
.highlight-animado-up {
}
.highlight-animado-up  > :first-child{
    -webkit-animation: highlight-up 5s ease-out 1;
    -moz-animation: highlight-up 5s ease-out  1;
}
@-webkit-keyframes highlight-up {
	0% { margin-top:0px}
    10% { margin-top:-15px }
    20% { margin-top:0px }
    30% { margin-top:-15px }
    40% { margin-top:0px }
    50% { margin-top:-15px }
    60% { margin-top:0px }
    70% { margin-top:-15px}
    80% { margin-top:0px }
    90% { margin-top:-15px}
    100% { margin-top:0px }
}
@-moz-keyframes highlight-up {
	0% { margin-top:0px}
    10% { margin-top:-15px }
    20% { margin-top:0px }
    30% { margin-top:-15px }
    40% { margin-top:0px }
    50% { margin-top:-15px }
    60% { margin-top:0px }
    70% { margin-top:-15px}
    80% { margin-top:0px }
    90% { margin-top:-15px}
    100% { margin-top:0px }
}

.mensaje{
	color:#666666;
	text-align:center;
}
/*TEST:		*/
.title-test{
	text-align: center;
	color: #B3B3B3;
	background-color: #F1F1F1;
	padding: 20px 9px 20px 9px;
	margin: 0;
	box-shadow: 0 0 19px -2px inset;
	display:none;	
}
.title-test h3{
	margin:0;
}
.title-test p{
	color:#333;
}
.br-test{
	display: block;
	margin: 76px 0;
	height: 9px;
	border-radius: 8px;
	box-shadow: 0px 5px 5px #CCC;
}
.num-test{
	padding: 2px 11px 3px;
	color: #757575;
	border-radius: 21px;
	box-shadow: 0px 0 6px;
	font-weight: normal;
}
.no-sel-test{
	color:green;
}
.mal-sel-test{
	color:red;
}
/*-----*/


.ui-dialog .ui-dialog-contain { margin-top: 0 }

.ui-body-c.cursar, .cursar.ui-body-c ,
.ui-overlay-c.cursar, .cursar.ui-overlay-c ,
.cursar{
	background:#e3e3e3;
}
.ui-panel-inner {
	padding: 0px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	background-color:#000;
}
.ui-panel-position-left{
	box-shadow: 4px 0 13px rgba(0, 0, 0, .4);
	z-index: 5000;
	border-color: #222;
}
.ui-panel-position-right {
	margin-left: -1px;
	box-shadow: -4px 0 13px rgba(0, 0, 0, .4);
	z-index: 5000;
	border-color: #222;		
}
/*.ui-panel-position-right .ui-panel-inner{
	padding-top:43px;
}
.ui-panel-inner .header{
	position: fixed;
	top: 0;
	display: block;
	right: 0;
	height: 29px;
	width: 274px;
	color: #4ADEEB;
	text-shadow: none;
	text-align: center;
	background-color: #333;
	z-index: 5002;
	padding-top: 14px;
	font-size: 14px;
}
*/

.panel-header{
	color: #FC9E12;/*#4ADEEB;*/
	text-shadow: none;
	text-align: center;
}
.navbar .ui-btn-inner{
	text-align:left;
}
	
.temario .class a span,
.temario .test a span,
.temario .exam a span,
.temario .proximo a span,
.temario .deshabilitado a span{
	display:none;	
}

.ui-body-c, .ui-overlay-c {
	background:#ffffff;
}
.logo-footer{margin:0 !important;}
.logo-footer img{margin:5px; width:150px;height:auto;}

ul li.cerrado, ul li.cerrado a{
	color: #888 !important;
	font-weight:normal !important;
}
ul li.actual, ul li.actual a{
	border: 1px solid #8C8C8C /*{b-bup-border}*/;
	background: #FC9E12 /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #fff !important/*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000 /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFB815 /*{b-bup-background-start}*/), to( #EB802D /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #FFB815 /*{b-bup-background-start}*/, #EB802D /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: linear-gradient( #FFB815 /*{b-bup-background-start}*/, #EB802D /*{b-bup-background-end}*/);
}
ul li.actual.cerrado, ul li.actual.cerrado a{
	border: 1px solid #8C8C8C /*{b-bup-border}*/;
	background: #FC9E12 /*{b-bup-background-color}*/;
	font-weight: bold;
	color: #000 /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #000 /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #FFB815 /*{b-bup-background-start}*/), to( #EB802D /*{b-bup-background-end}*/));
	background-image: -webkit-linear-gradient( #FFB815 /*{b-bup-background-start}*/, #EB802D /*{b-bup-background-end}*/);
	background-image: -moz-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: -ms-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: -o-linear-gradient( #FFb815 /*{b-bup-background-start}*/, #eb802d /*{b-bup-background-end}*/);
	background-image: linear-gradient( #FFB815 /*{b-bup-background-start}*/, #EB802D /*{b-bup-background-end}*/);
}
ul li.actual.cerrado, ul li.actual.cerrado a{
	color: #eee !important;
	font-weight:normal !important;
}

a.ui-link.btn-count{
	position: absolute;
	margin-top: -2px;
	right: 120px;
	padding: 2px 6px;
	border-radius: 10px;
	text-decoration: none;
	border: 1px solid #2489CE;
	color:#2489CE;
	
	-webkit-background-clip: padding;
	background-clip: padding-box;
	text-shadow: 0 1px 0 #FFF;

	background: #EEE;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F1F1F1));
	background-image: -webkit-linear-gradient(#FFF,#F1F1F1);
	background-image: -moz-linear-gradient(#fff,#f1f1f1);
	background-image: -ms-linear-gradient(#fff,#f1f1f1);
	background-image: -o-linear-gradient(#fff,#f1f1f1);
	background-image: linear-gradient(#FFF,#F1F1F1);
}

h3 .h3-count{
	float: right;
	font-size: 11px;
	padding: 1px 5px;
	border: 1px solid #CCC;
	border-radius: 8px;
	background: #EEE;
	font-weight: 700;
	color: #222;
	text-shadow: 0 1px 0 #FFF;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#F1F1F1));
	background-image: -webkit-linear-gradient(#FFF,#F1F1F1);
	background-image: -moz-linear-gradient(#fff,#f1f1f1);
	background-image: -ms-linear-gradient(#fff,#f1f1f1);
	background-image: -o-linear-gradient(#fff,#f1f1f1);
	background-image: linear-gradient(#FFF,#F1F1F1);
}

#nombre_usuario{
	margin-top:-5px;
}
#nombre_usuario span{
	color:#FC9E12;
	text-transform:capitalize;
}
.descargar-diploma{
	color:#e9d303 !important;
}

#footer-home{
	text-align: center;
	margin-top:100px;
}
.menu-home, .menu-login{
	width:auto;
	position:relative;
}
#header-campus{
	text-align: center;
	background:none; /*url(../img/bgcampus-f-m.jpg) center -353px repeat-x;*/
	padding: 0;/*15px;*/
	transition:1s;
	border-bottom:solid 1px #d1d1d1;
	position:relative;
	top:0;
	left:0;
}
#header-campus img{
	/*margin-left: -295px;*/
	transition:.5s;
}
/*
#header-campus .vm{width:100%;}
#header-campus .vm img{width:100%;height:auto;}
*/
#header-campus.online{
	background-position:center top;
}
#header-campus:hover{
	background-position:center -214px;
}
#header-campus.online:hover{
	background-position:center -214px;
}
.img-home{
	position: absolute;
	right: -468px;
	bottom:0;
}
.img-home img{
	max-width:468px;
	height:auto;
}
.sitaca{
	background:url(../img/bg-situacion.jpg) right top no-repeat;
}
.header-panel h3{
	float: left;
	width: 219px;
	padding: 10px !important;
	margin: 0 !important;
	background: url(../img/logoHpa.png) 17px center no-repeat;
}
#menu-panel{
	float: right;
	margin: 9px 16px;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 1px;
	color: #FFF;
}
#menu-panel a{
	text-decoration:none;
	font-weight: normal;
	color:#fff;
}
#popupAlumnos .ui-listview-filter {
	width: 100%;
	margin: 0 !important;
}


#situaciones .ui-icon-alert{
	background-color:#FC9E12 !important;
}

@media all and (min-width: 990px){
	#header-campus{margin-left:-495px; left:50%;	max-width:990px;}
	.vm{display:none;}
	.vd{display:inline-block;}
	.menu-home{
		left:50%;
		width:534px;
		margin-left:-499px;
	}
	.img-home{display:inline-block;}	
}
@media all and (max-width: 989px){
	.vm{display:inline-block;max-width: 98%;}
	.vd{display:none;}
	.img-home{display:none;}	
	.menu-home{
		width:98%;
		display:block;
		left:0;
		margin-left:-8px;
	}
	
}
@media all and (min-width: 561px){
	.menu-login{
		left:50%;
		width:534px;
		margin-left:-267px;
		top:30px;
	}
}
@media all and (min-width: 561px) and (max-width: 989px){
	.menu-home{
		left:50%;
		width:534px;
		margin-left:-264px !important;
	}
}
#ytvideo{position: relative;left: 50%;margin-left: -270px;top: 55px;box-shadow: -4px 4px 23px rgba(0,0,0,.5);width:560px; height:315px}
@media all and (max-width: 560px){
	#ytvideo{left: 5%;margin-left: 0px;top: 55px;width:90%; height:auto}
	.menu-login{
		width:95%;
		display:block;
		left:0;
		margin-left:-8px;
		top:30px;
	}
	.sitaca{
		background:none;
	}
	
}
/*@media all and (min-width: 981px){
	.menu-home{
		width:40%;
	}
	.img-home1, .img-home2{
		width:29%;
		height:auto;
		display:inline-block;
	}
}
*/

/*
@media all and (max-width: 400px){
	#btn-temario-a,#btn-opciones-a{display:inline-block}
	#btn-temario-b,#btn-opciones-b{display:none}
}
@media all and (min-width: 401px){
	#btn-temario-a,#btn-opciones-a{display:none}
	#btn-temario-b,#btn-opciones-b{display:inline-block}
}*/