/* CSS Document */
@font-face {
  font-family: 'CrimsonText-Semibold';
  src: url('../../fonts/backend/CrimsonText/CrimsonText-Semibold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText-Semibold';
  src:  url('../../fonts/backend/CrimsonText/CrimsonText-Semibold.otf')  format('opentype'),
	     url(data:application/x-font-woff;charset=utf-8;base64) format('woff'), url('../../fonts/backend/CrimsonText/CrimsonText-Semibold.ttf')  format('truetype'), url('../../fonts/backend/Crimson Text/CrimsonText-Semibold.svg#CrimsonText-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText-Bold';
  src: url('../../fonts/backend/CrimsonText/CrimsonText-Bold.eot') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CrimsonText-Bold';
  src:  url('../../fonts/backend/CrimsonText/CrimsonText-Bold.otf')  format('opentype'),
	     url(data:application/x-font-woff;charset=utf-8;base64) format('woff'), url('../../fonts/backend/CrimsonText/CrimsonText-Bold.ttf')  format('truetype'), url('../../fonts/backend/Crimson Text/CrimsonText-Bold.svg#CrimsonText-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

body{
	font-family: 'CrimsonText-Bold';
	font-size: 15px;
	
}
.letra_login{
	font-family: 'corbel' !important;
	color: #ffffff;
	text-align: left;
}
.recupera{
	font-family: 'corbel' !important;
	color: #fff !important;
	font-size: 20px;
}
.footer{
	color: #ffffff;
    font-family: 'calibri' !important;
    font-size: 14px;
	padding: 0 15px;
	background: #000000;
	position: fixed;
    bottom: 0;
    width: 100%;
	padding-top: 10px;
}
.direccion{
	float: left;
}
.elaborado{
	text-align: right;
}
.registrarse{
	float: right;
    color: #ffffff !important;
    margin-right: 14%;   
    background: #00a96b;
    border: 1px solid #00a96b;
    padding: 6px 25px;
    border-radius: 18px;
	font-size: 20px;
    font-family: corbel;
}
.contacts{
	color: #ffffff !important;
	font-size: 18px;
}
.faq{
	color: #ffffff !important;
	margin-right: 14%;
	font-size: 16px;
}
.activar-email{
	color: #ffffff;
	font-family: 'corbel' !important;
	font-size: 28px;
	text-align: center;
}
.ms-ingresar{
	color: #ffffff;
    font-family: 'calibri' !important;
    font-size: 20px;
	text-align: center;
}
.btn-ingreso-sistema{
	width: 350px;
	font-family: 'corbel' !important;
	font-size: 28px;
	margin: 0 42%;
}
.btn-reenvio{
	width: 350px;
	font-family: 'corbel' !important;
	font-size: 28px;
	margin: 0 42%;
}
.btn-recuperar{
	float: right;
}
.btn-ingresar{
	width: 100%;
	/*00AA65*/
	background: #00a97e;
	color: #ffffff;
	font-family: 'corbel' !important;
	font-size: 20px;
}
.activar{
	margin-top: 15%;
}
.usuario{
	font-size: 21px;
    font-weight: bold;
}
.clave{
	font-size: 21px !important;
	font-weight: bold;
}
/*vista registro*/
.titulo_registro{
	background: #000000;
	border-radius: 18px 18px 0 0 !important;
	padding: 5px;
}
.titulo-recuperar{
	color: #ffffff;
	font-family: 'Corbel';
}
.btn_rojo{
	background: #d41700;
	color: #ffffff;
	border-radius: 15px;
	font-family: 'Corbel';
	font-size: 18px;
	padding: 6px 0px;
    width: 80px;
}
.btn_azul{
	background: #0050bf;
	color: #ffffff;
	border-radius: 15px;
	font-family: 'Corbel';
	font-size: 18px;
	padding: 6px 0px;
    width: 80px;
}


.form-registro::placeholder{
	color: #b5b5b5 !important;
	font-family: 'Corbel';
	font-size: 13pt;
}
.form-registro{
	height: 36px;
}

@media (min-width: 320px) and (max-width: 480px) {
	.usuario{
		margin-left: 8%;
	}
	.clave{
		margin-left: 8% !important;
	}
	.btn-ingresar {
		width: 88%;
		margin: 0 9%;
	}
	.recupera {
		font-size: 18px;
	}
	.registrarse {
		font-size: 15px;
		margin-bottom: 10px;
		margin-right: 0;
	}
	.contacts {
		font-size: 17px;
	}
	.faq {
		font-size: 14px;
		margin-right: 0;
	}
}