@font-face {
    font-family: "CenturyGothic";
    src: url("../../CenturyGothic.ttf");
}
body
{
	font-family: "CenturyGothic";
}

#contenidoRecuperarPw,#contenidoMsjRecuperacion,#contenidoNuevaPass, #contenidoPwExpirada
{
	border: 1px solid #3cbc3c;
	border-radius: 7px;
	width: 310px;
	height: 410px;
	margin:auto;
	margin-top: 25px;
	display: none;
}

#contenedor
{
	border: 1px solid #3cbc3c;
	border-radius: 7px;
	width: 310px;
	height: 410px;
	margin:auto;
	margin-top: 25px;
}

#content
{
	margin:auto; 
	text-align:center;
	max-width:225px; 
}

.form-controlpwx
{
	font-family: "CenturyGothic";
	height: 25px;
	width: 200px;
	font-size: 16px;
	border: 1px solid #4693e5;
	color:#686867;
	border-radius: 8px;
	padding-left: 25px;	
	margin:auto;
}

.form-controlpwx
{
	background:url('../../login/img/pw.png')no-repeat 6px 5px;
}


.form-controlpwx:focus
{
  	box-shadow: 0 0 12px #4693e5;
  	border: 1px solid #4693e5;
  	outline:0;
}
.btn
{
	font-family: "CenturyGothic";
	border-radius: 8px;
	font-size: 20px;
	height: 55px;
	width: 225px;
	background:rgb(0, 116, 200);
	border:none;
	cursor: pointer;
	opacity: 1;
	color:white;
	padding:auto;
}


.btn:hover
{
	opacity: 0.7;
	transform: scale(0.99);
	background:rgb(119, 188, 31);
}

.btn:active
{
	transform: scale(0.96);
}

.btn:focus
{
	outline: 0;
	border: 1px solid #000000;
}

@media (max-width : 980px) {
	#contenidoRecuperarPw,#contenidoMsjRecuperacion,#contenidoNuevaPass, #contenidoPwExpirada
	{
		margin-top: -65px;
	}
}