/* 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
{
	font-family:Helvetica, sans-serif;
	font-size:14px;
	color:#666;
	letter-spacing: 0.08em;
}
#contenedor
{ 
	/*position:relative;*/
	width:80%;
	height: 100vh;
	/*background: #999;*/
	margin:0 auto;
}
/*---------------------------------------------------------------------------*/
.fm_1
{  
	margin:auto;
	padding-top:15%;
	width:35.25em; 
	/*font-size:0.9em;*/
}
.fm_1 fieldset
{
	border: 1px solid; 
	border-radius: 0.31em;
	padding: 1em;
	background: #FFF;
	box-shadow: 0em 0.62em 0.62em black;
}
.fm_1 legend
{
	background:#003A75;
	color:#FFF;
	padding:0.25em 1.25em;
}
div.fdInput, div.fdControl
{
	width:100%;
	margin-top:0.60em;
}
div.fdControl
{
	text-align:center;
}
div.fdControl button.btAp
{
	background:#360;
	color:#FFF;
}
input[type='text'], input[type='password'] 
{
	width:100%;
	border:0px;
	border-bottom:2px solid #666;
	
	padding:0.5em 0em 0.5em 0.25em;
	/*border-radius: 0.31em;*/
	letter-spacing: 0.08em;
}
input[type='text']:required, input[type='password']:required
{
	background:url(../img/required.gif) no-repeat left bottom;
	padding-left:1em;
}
button
{
	padding:0.4em 1.5em 0.4em 1.5em;
	border:1px #003300 solid;
	border-radius: 0.31em;
	cursor:pointer;
}
button:hover
{
	opacity: 0.8;
}
/*responsive*/
/********************************************************************/
@media screen and (max-width: 800px)
{
	#contenedor
	{
		width:100%;
		background:#005BB7;
	}
	.fm_1
	{
		width:96%;
		padding-top:10%;
	}
}