/* CSS Document */
/*************************************************
Jorge MIsael Ruiz
jmrumz
29/10/2021
*************************************************/
*, *:before, *:after
{
		margin:0;
		padding:0;
		outline:0;
		box-sizing: border-box;
		text-decoration:none;
		list-style: none;
}

html
{
		height: 100%;
}
	
body 
{
		font-family:Helvetica, sans-serif;
		font-size:14px;
		color:#666;
		letter-spacing: 0.08em;
		background: url(../pgimg/logo_tecnm.fw.png), linear-gradient(125deg, rgb(20,75,115), rgb(191,239,255));
		background-repeat: no-repeat;
		background-position:1% 1%;
		background-size: 30%,100%;
		height: 100%;
}

#contenedor
{ 
		width:100%;
		min-height: 100%;
		
 		/* Flexbox */
		display: flex;
		flex-flow: column nowrap;
		/*flex-flow: row wrap;*/
		justify-content: flex-start;
		/*align-items: flex-start;*/
}

/*************************************************
*************************************************/
.clsFrom
{
	margin:0 auto;
	width:40%;
	min-width:35em;
	margin-top:10%;
}

.clsFrom fieldset/*(grupo de campos) dibuja una caja de los compos del formulario */
{
	border: 1px solid #0000B7; 
	border-radius: 0.31em;
	padding: 1em;
	background: #FFF;
	box-shadow: 0em 0.62em 0.62em black;
}

.clsFrom legend /*(Titulo del grupo de campos) Titulo del formulario  */
{
	background:#0000B7;
	text-align:left;
	color:#FFF;
	padding:0.25em 1.25em;
}

div.clsFrom_fila, div.clsFrom_fila_btn
{
	width:100%;
	margin-top:0.60em;
}

div.clsFrom_fila_btn
{
	margin-top:0.80em !important;
	text-align:center;
}

label
{
	display:block;
	color:#999;
	font-weight:501;
	padding-bottom:0.20em;
}
input[type='text'], input[type='password'] 
{
	width:100%;
	border:1px solid #999;
	/*border-bottom: 0.5px solid #666;*/
	padding:0.5em 0em 0.5em 0.25em;
	/*border-radius: 0.31em;*/
	letter-spacing: 0.08em;
	color:#004080;
}
input[type='text']:focus, input[type='password']:focus
{
	background:#FFD;
}

button
{
	cursor:pointer;
	border:1px solid;
	padding:0.50em 1.40em;
	border-radius: 0.40em;
}

.btn_Ok
{
	color:#060;
} 

button:hover{	opacity: 0.8; }
.btn_Disable{ background:#FFF;  }
.errMsj01{ color:#F00; font-size:0.90em; }

@media screen and (max-width: 700px)
{

	.clsFrom /*class principal para los formularios*/
	{
		margin-top:25%;
		width:98%;
		min-width:98%;
	}
}