body
{
	font-family: 'Rubik', sans-serif;
	margin: 0px;
	background-color: #FFF;
}

#contenedor-superior
{
	text-align: center;
}

#centrado
{
	/*width: 1432px;*/
	margin: 0 auto;
	background-color: #000;
}

#centrado-pie
{
	width: 392px;
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
	padding-top: 38px;
	
}

#centrado-formulario
{
	text-align: left;
	width: 392px;
	height: 570px;
	margin: 0 auto;
	background-color: #000;
}

#acceder
{
	background-color: #000;
	
}

#acceso-texto
{
  height: 80px;
  width: 239px;
  color: #FFFFFF;
  font-family: Rubik;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24px;
  float: left;
  margin-top: 20px;
}

#acceso-boton
{
	float: right;
	height: 72px;
	width: 72px;	
}

.centrado
{
	width: 586px;
	margin: 0 auto;
	text-align: left;
}

.campos
{
	padding-top: 63px;
}

#container-principal
{
	text-align: center;
}

#centrado-principal
{
	background-color: #000;
	width: 1432px;
}


#principal
{
	text-align: center;
	background-color: #000;
	
	width: 1432px;
	height: 808px;

	-webkit-border-radius: 0px 0px 25% 25%;
	-moz-border-radius: 0px 0px 25% 25%;
	border-radius: 0px 0px 25% 25%;
}

#pie
{
	background-color: #FFF;
}



.bienvenida
{
	/*padding-top: 96px;*/
	margin: 0 auto;
	height: 121px;
	width: 392px;
	color: #FFFFFF;
	font-family: Rubik;
	font-size: 50px;
	letter-spacing: 0;
	line-height: 64px;
	text-align: center;
}

.usuario-copy 
{
  height: 16px;
  width: 352px;
  color: #CFD1DB;
  font-family: Rubik;
  font-size: 10px;
  letter-spacing: 0;
  line-height: 12px;
  padding-bottom: 8px;
  
  margin-left: 42px;
}

.input-usuario
{
	height: 32px;
	width: 352px;
	opacity: 0.25;
	color: #CFD1DB;
	font-family: Rubik;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 14px;
}	

.olvide-mi-clave
{
  height: 16px;
  width: 311px;
  color: #000000;
  font-family: Rubik;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 14px;
  text-decoration: underline;
}

.field
{
	display: flex;
}

.field input
{
	margin-left: 16px;
	height: 32px;
	width: 352px;
	color: #DDD;
	font-family: Rubik;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 14px;
	background-color: #000;
	border: 0px;
	border-bottom: 1px solid #FFF;
}

#usuario-imetropolis
{
	/*padding-top:20px;*/
}

.icono-clave
{
	margin-top: 8px;
}

.separador
{
	height: 48px;
}

.separador-max
{
	height: 79px;
}

.olvide-mi-clave a
{
	text-decoration: none;
    color: #000;
}

#contenedor-superior-rc
{
	text-align: center;
}

#centrado-rc
{
	width: 100%
	margin: 0 auto;
	background-color: #FFF;
}

#centrado-formulario-rc
{
	text-align: left;
	width: 600px;
	height: 570px;
	margin: 0 auto;
	background-color: #FFF;
}


.Soporte
{
    width: 24px;
	cursor: pointer; 
	text-align: right; 
	padding-top: 48px; 
	padding-right: 48px;	
	padding-bottom: 24px;	
    margin-left: calc(100vw - 104px);
}

.boton-enviar
{
    margin: 0 auto;
    padding: 20px 50px; 
    color: #FFFFFF;
    font-family: Rubik;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
    text-align: center;
    background-color: #00ADC6;
    cursor: pointer;
    margin-top: 24px;
    margin-bottom: 24px;
	border: 0px;
    border-radius: 50px;
    -webkit-box-shadow: 9px 10px 12px -9px rgba(207,207,207,.5);
}

.boton-enviar:hover 
{
    background-color: #009EB5;
    box-shadow: none;
}

.bienvenida-rc 
{
	height: 32px;
	width: 311px;
	color: #000000;
	font-family: Rubik;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 25px;
	margin-top: 250px;
}

.leyenda
{
    margin-top: 16px;
	height: 32px;
	width: 600px;
	color: #000000;
	font-family: Rubik;
	font-size: 14px;
	font-weight: 300;
	letter-spacing: 0;
	line-height: 20px;	
}

.recuadro-campos-rc 
{
	
}

.field-rc input 
{
	margin-top: 64px;
	height: 32px;
	width: 600px;
	/*color: #CFD1DB;*/
	color: #999999;
	font-family: Rubik;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 14px;	
    background-color: #FFF;
    border: 0;
	border-bottom: 1px solid #DDD;
}

.Cerrar
{
	text-align: right;
	cursor: pointer;
	padding-top: 24px;
}

#mensaje
{
	color: #FF0000;
	font-weight: bold;
	text-align: center;
	padding-top: 20px;
}