*{ margin:0; padding:0;}
body {
    background: #d0ccbd; font-family: Verdana, Geneva, sans-serif;
}
.login-wrap{ display:block; padding-top:34px;}
.login-wrap .logo{ display: block; margin:0px auto 30px;}
.login-wrap .form h2{ color:#796e5c; font-size:14px; font-style:italic; margin-bottom:5px;}
.login-wrap .form p{color:#796e5c; font-size:11px; font-style:italic; text-shadow:0 1px 0 rgba(255, 255, 255, .9);margin-bottom:18px;}
.login-wrap .form{ padding:30px 77px; width:318px; height:253px; margin:0 auto; background-color:#eae6db; border-radius:4px; text-align:center;
box-shadow:0 2px 5px rgba(62, 53, 26, .1), 0 7px 7px rgba(62, 53, 26, .3), 0 3px 17px rgba(62, 53, 26, .2);}
.login-wrap .form:hover{box-shadow:0 2px 6px rgba(62, 53, 26, .2), 0 7px 8px rgba(62, 53, 26, .3), 0 3px 17px rgba(62, 53, 26, .3);}

.login-wrap input.campo{
	font-size:14px; color:#958c79; margin:10px auto 14px; width:100%; outline:none;
	padding:10px; background:#d9d4bf; border:none;
	border-radius:6px;
	box-shadow:1px 1px 3px rgba(62, 53, 26, .4) inset, 1px 1px 0 rgba(255, 255, 255, .9);
	transition:background ease .5s; -moz-transition:background ease .5s; -webkit-transition:background ease .5s;
}
.login-wrap input.campo:hover{ background:#ded9c6;transition:background ease .5s; -moz-transition:background ease .5s; -webkit-transition:background ease .5s;}
.login-wrap input.campo:active, input.campo:focus{ background:#e3dfcf;transition:background ease .5s; -moz-transition:background ease .5s; -webkit-transition:background ease .5s;}

.login-wrap ::-webkit-input-placeholder  { color:#958c79; }
.login-wrap input:-moz-placeholder { color:#958c79; }
.login-wrap input:focus::-webkit-input-placeholder  { color:#aba290; }
.login-wrap input:focus:-moz-placeholder { color:#aba290; }

.login-wrap .buton{
	width:200px; padding:7px; margin:0 auto; border-radius:6px;
	background-color: #d8d1be;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#d8d1be), to(#f0e9d8));
	background-image: -webkit-linear-gradient(top, #d8d1be, #f0e9d8);
	background-image: -moz-linear-gradient(top, #d8d1be, #f0e9d8);
	background-image: -o-linear-gradient(top, #d8d1be, #f0e9d8);
	background-image: -ms-linear-gradient(top, #d8d1be, #f0e9d8);
	background-image: linear-gradient(top, #d8d1be, #f0e9d8);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d8d1be', EndColorStr='#f0e9d8');
}
.login-wrap .buton input{
	-webkit-appearance:none; outline:none; font-size:14px; background:red; border:none; display:block; width:100%; border-radius:4px;
	color:#FFF; text-shadow:0px -1px 1px rgba(62, 53, 26, .7); padding:10px;

	box-shadow:0 2px 2px rgba(113, 77, 2, .1), 0 4px 5px rgba(113, 77, 2, .4), 0 3px 17px rgba(113, 77, 2, .2), 0 2px 1px rgba(255, 255, 255, .4) inset;
	background-color: #dec48d;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dec48d), to(#cfa652));
	background-image: -webkit-linear-gradient(top, #dec48d, #cfa652);
	background-image: -moz-linear-gradient(top, #dec48d, #cfa652);
	background-image: -o-linear-gradient(top, #dec48d, #cfa652);
	background-image: -ms-linear-gradient(top, #dec48d, #cfa652);
	background-image: linear-gradient(top, #dec48d, #cfa652);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#dec48d', EndColorStr='#cfa652');
}

.login-wrap .buton input:hover{box-shadow:0 1px 2px rgba(113, 77, 2, .3), 0 3px 5px rgba(113, 77, 2, .5), 0 0px 17px rgba(113, 77, 2, .4), 0 2px 1px rgba(255, 255, 255, .4) inset;}
.login-wrap .buton input:active{box-shadow:0 1px 2px rgba(113, 77, 2, .1) inset, 0 3px 4px rgba(113, 77, 2, .2) inset, 0 0px 17px rgba(113, 77, 2, .1), 0 2px 1px rgba(255, 255, 255, .6), 0 1px 1px rgba(255, 255, 255, .9); line-height:16px;}
.login-wrap span{ text-align:center; display:block; margin:20px auto 10px; font-size:10px; color:#796e5c; text-shadow:0 1px 0 rgba(255, 255, 255, .5);}
.login-wrap p.credits{text-align: center; color:#f3efe5; font-size:10px; font-weight:100;}
.login-wrap p.credits a{ text-decoration:none; color:#FFF; cursor:pointer;}
.login-wrap p.credits a:hover{ text-shadow:0 0 4px white;}
.login-wrap p.credits a:active { text-shadow:none;}