@import url(//fonts.googleapis.com/css?family=Roboto:400,300,500);

* {margin:0;padding:0}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 0px;}  /* debe ser del mismo alto que el footer */

#footer {position: relative;
	margin-top: -0px; /* valor engativo del alto del footer */
	height: 0px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* especificas */
a, a:visited {
	color: #FF7519;
	text-decoration: none;
}
*:focus { outline:none;}
body {
	color:#4c4e4f;
	font-family: 'Roboto', sans-serif;
	background-color:#fcfcfc;
	background-image: url(img%20portal/bg.png);
}
#wrap { 
	position:relative;
	z-index:3;
}
.widthtotal { width:910px; margin:auto; padding:25px 0; }
.alignVertical { position:absolute; top:50%; left:50%; margin:-210px 0 0 -480px;}

fieldset { border:none;}
.login-popup { background-color:#FFFFFF; box-shadow:rgba(0,0,0,0.14) 0 4px 9px; float:right; width:380px;}
.presentacion { float:left; width:466px;}

.logoPlataformaonline {
	display: block;
	margin: 0;
	padding: 0;
	height: 100px;
	width: 288px;
	margin: 0 0 24px 0;
	text-indent: -9999em;
	background-image: url(img%20portal/logoColnodo.png);
}
.presentacion p { font-size:13px; font-weight:300; line-height:21px; padding:0; font-weight:300; margin:0 0 15px 91px;}
.presentacion a { color:#0e67b2; text-decoration:none;}

/* formulario */
.loginBtn {
	background-color: #f6f6f6;
	padding: 20px 39px;
}
.loginBtn input { 
	background-color:#ffa901; color:#111; border:none;
	padding:10px 26px; text-align:center;
	outline:none;
	font-size:15px;
	cursor:pointer;
	box-shadow:inset rgba(0,0,0,0.2) 0 -2px;
	font-family:'Roboto', sans-serif;
	border-radius:3px;
	font-weight:500;
	text-shadow:rgba(255,255,255,0.15) 0 1px 5px;
}
.loginBtn input:active {box-shadow:inset rgba(0,0,0,0.2) 0 1px 2px; }
.camposFormLogin input {
	padding: 7px 8px;
	border: 1px solid #ddd;
	border-left-color:#cecece;
	border-top-color:#b5b5b5;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 18px;
	font: normal 15px/19px 'Roboto', sans-serif;
	color: #333;
	transition:border-color .3s;
	border-radius:1px;
}
.camposFormLogin input:focus { border-color:#ffa901;}
.camposFormLogin { padding:0 39px 8px;}
.camposFormLogin label {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 19px;
	padding: 4px 0;
}
.loginTit {
	font-size: 18px;
	line-height: 54px;
	font-weight: 500;
	text-align: center;
	padding: 0 39px;
	color: #fff;
	margin-bottom: 20px;
	background-color: #37619d;
}

#footer { display:none;}

/* mensajes formulario*/
.errorLogin, .error, .ok { background-color:#bb3e49; padding:8px; margin:0 39px 5px; color:#fff; text-align:center; font-size:13px;} 
.error p, .ok p { padding:0; margin:0;}
.ok { background-color:#90bb3e;}

.boxesCampus  { padding-top:20px;}
.boxesCampus .accesocursos { padding:18px 25px 0; background-color:#FFFFFF; box-shadow:rgba(0,0,0,0.14) 0 4px 9px; }

/* reset password */
.mask-form {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 2;
	-webkit-animation: fadein 1.2s;
	animation: fadein 1.2s;
}
#resetPassword-box .login-middle {
	position: relative;
	z-index: 3;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.5) 0 25px 45px;
	-webkit-animation: entrie-form 1.2s;
	animation: entrie-form 1.2s;
}
#resetPassword-box .login-msg {
	padding: .5rem 1rem 1rem;
}
#resetPassword-box .login-tit {
    font-size: 1.2rem;
    color: #111;
    padding: 2rem 0 1rem;
}

#resetPassword-box .login-close {
	position: absolute;
    top: -3.2rem;
    right: -3.6rem;
    display: block;
    font-size: 25px;
    color: #fff;
    line-height: 4rem;
    width: 4rem;
    text-align: center;
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


@-webkit-keyframes entrie-form {
	0% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		        transform: translateY(50px);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(50px);
		        transform: translateY(50px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes entrie-form {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	50% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.always-visible {

	display: block !important;

}


#resetPassword-box .login-tit {

	padding-left: 15px;

}