/* ------------------------ COLORS ------------------------------------------- */
/* -- Backgrounds -- */

/* ----- Fonts ----- */

/* ---- Borders ---- */
div.users fieldset {border-color:#BF007D;
				border: 0px solid;} /* morado*/
input[type=submit] {box-shadow: 4px 4px 2px #888888 !important;}


body {
	width:1024px;
	margin:0 auto;
	font-family: 'Lato', sans-serif;
	font-size: 75%;	
}
#header {
	float:left;
	width:100%;
	margin:20px 0;
	text-align: center;
}
#header img {
	margin: 0px auto;
	width:50%;
}
.header-title {
	width:43%;
	float:left;
	font-size:30px;
	margin:10px 3% 0 0;
	text-align:right;
}
.header-logo {
	width:50%;
	float:left;
}
.header-logo img {
	display:block;
	text-align:left;
}
#content {
	float:left;
	width:100%;
}

/* ------------- Forms --------------- */
div.users {
	width:400px;
	margin:50px auto 0 auto;
}
div.users a {
	text-decoration: none;
}
div.users a:hover {
	text-decoration: underline;
	color: #BF007D;
}
div.users fieldset {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
div.users fieldset legend {
	font-size:18px;
	padding:0 10px;
}
div.users .input {
	float:left;
	width:100%;
	margin:5px 0;
}

div.users .text label,
div.users .password label  {
	float:left;
	width:25%;
}
div.users .text input,
div.users .password input  {
	float:left;
	width:70%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #BF007D;
	-webkit-transition: border 1s ease;
	-moz-transition: border 1s ease;
	-o-transition: border 1s ease;
	-ms-transition: border 1s ease;
	transition: border 1s ease;
}
div.users .password input:focus,
div.users .text input:focus  {
	float:left;
	width:70%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #000;
	box-shadow: 4px 4px 2px #888888;
}

div.users .submit {
	float:left;
	width:100%;
	text-align:center;
	margin-top:15px;
	
}

/* ------ debug -------*/
.cake-sql-log {
	float:left;
	width:100%;
	margin-top:50px;
}