/* CSS Document */
/*************************************************
Jorge MIsael Ruiz
jmrumz
29/10/2021
*************************************************/
*, *:before, *:after
{
		margin:  0;
		padding: 0;
		outline: 0;
		box-sizing: border-box;
		text-decoration:none;
}
body 
{
		background-color:#F4F4F4;
		font-family:Arial;
		font-size:16px;
}
#contenedor
{ 
		display: flex; 
		position:relative;
		flex-direction: row wrap;
		height: 100vh;
		justify-content: center; 
		align-items: center; 
		background: #999;
}
/**************************************************/
/* */
/**************************************************/

a{ color:#3D4D83; text-decoration:underline;   }

/**************************************************/
/* formularios */
/**************************************************/
.cfm{ width:31.25em; }
.cfm fieldset
{
	border: 1px solid; 
	border-radius: 0.31em;
	padding: 1em;
	background: #FFF;
	box-shadow: 0em 0.62em 0.62em black;
}

.cfm legend
{
	background:#003A75;
	color:#FFF;
	padding:0.25em 1.25em;
}

div.fdIn
{
	width:100%;
}

div.fdCn
{
	width:100%;
	margin-top:0.50em;
	text-align:center;
}

input[type='text'], input[type='password'] 
{
	width:100%;
	border:1px solid #999;
	padding:0.5em 0em 0.5em 0.25em;
	border-radius: 0.31em;
}

input[type='text']:focus, input[type='password']:focus
{
	background:#F4F7C1;
}

.btnAcep
{
	background:#360;
	padding:0.35em 1.30em;
	cursor:pointer;
	border:1px #003300 solid;
	color:#FFF;
}

@media screen and (max-width: 800px)
{
	
	.cfm{ width:98%; }
	a{
		display:block;
		padding:.5em .5em .5em 0em;
	}
	
}