/*
 * Formulario de acceso
 */
body{
	margin: 84px 0 10px 0;
	color: black;
	background-color: #2f2f2f;
}
*{
	margin: 0;
	padding: 0;
	font-family: "Titillium Web",sans-serif !important;
	font-size: 10pt;
	line-height: 1.5;
}


/*
 * Caja principal
 */
div#ppal{
	position: relative;
	margin: 0 auto;
	padding: 284px 60px 67px 60px;
	width: 678px;
	color: #666666;
	background: #404040 none right top no-repeat; /* Imagen personalizada */
	border: 1px solid #545454;
}

div#ppal h1{
	margin: 0;
}

div#ppal p{
	margin: 10px 0;
	color: white;
}

div#ppal form{
	white-space: nowrap;
	margin: 18px 0 0 1px;
	font-size: 0; /* Evitamos la separación entre elementos */
}
div#ppal form *{
	vertical-align: middle;
}
div#ppal form label{
	display: inline-block;
	padding: 0 25px 0 12px;
	height: 32px;
	font-family: "Arial Narrow", Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 32px;
	text-transform: lowercase;
	color: white;
	background: #656363;
	border: 1px solid #656363;
}
div#ppal form label span{
	display: none;
}
div#ppal form input.text{ /* No podemos alinear en vertical con line-height ya que Firefox no lo soporta */
	margin: 0 10px 0 5px;
	padding: 5px 7px 5px 10px;
	width: 120px;
	height: 22px;
	border-width: 0;
	color: #949494;
	background: #fff;
	line-height: 1;
	border: 1px solid #949494;
}
div#ppal form input[name=email]{
	width: 240px;
}
div#ppal form input:focus{
	outline: none !important; /* Elimanos el borde en webkit */
}


div#ppal div.error{
	display: inline-block;
	margin: 10px 0 0 0;
	padding: 2px 5px;
	background: #F82121;
	color: white;
}


div#ppal a{
	color: #00B1D6;
	text-decoration: none;
}
div#ppal a:hover{
	text-decoration: underline;
}


#menu-secundario{
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0 15px 10px 0;
	text-transform: lowercase;
}


div#version{
	position: absolute;
	right: 4px;
	bottom: 2px;
	color: #E5E3DB;
	font-size: 6.5pt;
}