@font-face{
	font-family: fuente01;
	src: url(fuentes/fuente.ttf);
}
@font-face{
	font-family: fuente02;
	src: url(fuentes/fuente02.ttf);
}
body {
	background: #FFF;
	padding: 0px;
	margin: 0px auto;
	font-family: fuente02;
	background: rgb(237, 236, 248);
}
.clsLogin {
	position: absolute;
	top: 20%;
	left: 34%;
	width: 30%;
	box-shadow: 0px 0px 5px #000;
	padding: 1%;
}
.clsLogin table {
	width: 100%;
}
.clsLogin table tr th{
	text-align: left;
	color: #333;
	font-size: 12px;
}
.clsLogin table tr td img {
	width: 60%;
	padding-left: 20%;
}
.clsTextLogeo {
	width: 90%;
	height: 40px;
	border: #CCC 1px solid;
	font-family: fuente02;
	font-weight: bold;
	font-size: 17px;
	padding: 5px 5%;
	color: #333;
	text-align: center;
}
.clsTextLogeo:focus {
    outline:none;
}
.clsButtonLogeo {
	width: 100%;
	height: 45px;
	border: #5B2068 1px solid;
	font-family: fuente02;
	font-weight: normal;
	font-size: 20px;
	background: #103A8E;
	color: #FFF;
	cursor: pointer;
}
.clsButtonLogeo:disabled {
	border: #CCC 1px solid;
	background: #CCC;
	color: #FFF;
	cursor: none;
}

.clsMensaje {
	font-family: RobotoM; font-size: 11px; text-align: center; margin: 0px; font-weight: normal; width: 100%;padding: 10px 0px; background: rgba(255,0,0,.3); border: 1px solid rgba(255,0,0,1);
}



@media only screen and (min-width:124px) and (max-width:750px){
    .clsLogin {
	    position: absolute;
	    top: 20%;
	    left: 5%;
	    width: 88%;
	    //box-shadow: 0px 0px 5px #000;
	    padding: 1%;
    }
}