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

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

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

h1,h2{font-family: "CenturyGothic";}

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

.errors
{
	font-family: "CenturyGothic";
	font-size: 14px;
	padding-top: 3px;
	height:14px;
}

#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: "CenturyGothic";
	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;
}

#contenedor1
{
	/*border: 1px solid #3cbc3c;*/
	border-radius: 7px;
	width: 310px;
	height: 410px;
	margin:auto;
	margin-top: 25px;
	position: absolute;
    left: calc(50% - 155px);
    top: calc(40% - 205px)
}

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

h1
{
	font-size: 20px;
}

.txa
{
	font-family: "CenturyGothic";
	width: 225px;
	font-size: 12px;
	border: 1px solid #4693e5;
	color:#686867;
	border-radius: 8px;
	padding-left: 5px;	
	margin:auto;
}

.form-controlmail, .form-control, .form-controlnom, .form-controlpw, .form-controlnum
{
	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-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,.txa: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:#4693e5;
	border:none;
	cursor: pointer;
	opacity: 1;
	color:white;
	padding:auto;
}

.btn:hover
{
	opacity: 0.7;
	transform: scale(0.99);
}

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

.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;*/
}

#titlelogin{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 27px;
}

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


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

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