.limpiar{clear:both;
		border: none;
		height: 0;
		width: 0;}

html{
background-color: #EAE2CB;
height: 98.1%;
}
body 
{
	font-family: Calibri;
	font-size: 20px;
	padding-top: 8px;
	color:#686867;
	background-color: #EAE2CB;
	height: 96%;
}
a{
	font-size: 12px;
	font-family: Calibri;
}

h1,h2{font-family: Calibri;}

hr
{
	color: #E8DAB1;
	background-color: #ffffff;
}

#errorx, #errory, #errorupdate, #alertapw, #errorrpw
{
	font-family: Calibri;
	font-size: 14px;
	padding-top: 3px;
	padding-bottom: 3px;
	height:14px;
	color:red;
}
#errorupdate
{
	padding-top: 20px;
}

#contenedor
{ 
	max-width:300px; 
	margin:auto; 	
	border-radius:6px;
	border:1px solid #E8DAB1;
	background-color: #ffffff;
	padding-bottom: 25px;
	font-size: 22px;
}

#recordarme
{
	text-align:left;
	font-size: 14px;
	font-family: Calibri;
	max-width: 110px;
	max-height: 15px;
	padding-bottom: 28px;
	padding-top:6px;
}

#recordarme strong
{padding-left: 3px;}

#recordarme label {
  display: block;
}
#recordarme input {
  width: 16px;
  height: 16px;
  margin:0;
  vertical-align: bottom;
  *overflow: hidden;
  border-radius: 0px;
  padding-top: 1px;
}

#contenedor2
{
	display:none;
	/*height:100%;*/
	font-size: 	18px;
	background-color: #ffffff;
	border-radius:0px 0px 8px 8px;
	min-height:350px;
}

#contenidoRecuperarPw, #contenidoMsjRecuperacion, #contenidoNuevaPass, #contenidoPwExpirada
{
	margin:auto;
	display:none;
	font-size: 	18px;
	background-color: #ffffff;
	border-radius:0px 0px 8px 8px;
	min-height:350px;
	max-width:300px; 
}

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

/*Alineación de datos de la orden*/
.tdr{
	text-align: left;
	padding-top:3px ;
}

.tdl{
	text-align: left;

}
h1
{
	font-size: 20px;
}

.form-controlmail, .form-control, .form-controlnom, .form-controlpw, .form-controlnum
{
	font-family: Calibri;
	height: 25px;
	width: 200px;
	font-size: 16px;
	border: 1px solid #e5c047;
	color:#686867;
	border-radius: 8px;
	padding-left: 25px;	
	margin:auto;
}

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

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

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

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

.form-controlnum:focus, .form-control:focus, .form-controlmail:focus, .form-controlpw:focus, .form-controlnom:focus
{
  	box-shadow: 0 0 12px #d49dfa;
  	border: 1px solid #e8c7ff;
  	outline:0;
}
.btn
{
	font-family: Calibri;
	border-radius: 8px;
	font-size: 20px;
	height: 55px;
	width: 225px;
	background:#e5c047;
	border:none;
	cursor: pointer;
	opacity: 1;
	color:darkred;
	padding:auto;
}


.btn:hover
{
	opacity: 0.7;
	transform: scale(0.99);
	border:1px solid #d8a1ff;
}

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

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

#sessionpanel, #sessionpanel2
{

	border-radius:8px 8px 0px 0px;
	color: #000000;
	max-width:300px; 
	margin:auto;
	max-height: 54px;
	padding-top: 7px;
	border-bottom: 1px solid #EAE2CB;

	/*
	background:#ffffff;
	border:1px solid #E8DAB1;*/
}

#logoinicial
{
	padding-top: 10px;
	border-radius:8px 8px 0px 0px;
	max-width:325px; 
	margin:auto;
	padding-bottom: 15px;
}


.logout 
{
background-image: url(/img/off.png); 
border-width: 0;
}




@media (max-width: 768px)
{
	#contenedor
	{
		width: 75%;
	}
}

@media (max-width: 480px)
{
	#contenedor
	{
		width: 95%;
	}
}