@charset "utf-8";
/* CSS Document */

label {
	color:#444;
}

input[type=text], input[type=email], input[type=password], input[type=submit], input[type=button] {
	font-family: 'Della Respira', serif;
	color:#444;
	border:1px solid #CCC;
	display:block;
	width:100%; 
	padding:12px 16px; 
	margin:0.5em 0 1.5em 0; 
	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-khtml-box-sizing: border-box; 
	box-sizing: border-box;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

select {
	font-family: 'Della Respira', serif;
	color:#444;
	border:1px solid #ccc;
	display:block;
	width:100%; 
	padding:12px 16px; 
	margin:0.5em 0 1.5em 0; 
	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-khtml-box-sizing: border-box; 
	box-sizing: border-box;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

option {
	margin:10px;	
}

textarea {
	font-family: 'Della Respira', serif;
	color:#444;
	border:1px solid #ccc;
	display:block;
	width:100%; 
	padding:12px 16px; 
	margin:0.5em 0 1.5em 0; 
	resize:none;
	height:120px;
	
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	-khtml-box-sizing: border-box; 
	box-sizing: border-box;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { border:1px solid #2E2210; box-shadow:0 0 8px #D4C7A9; }

label.ok { color:#88BA2A; font-family: font-family: 'Della Respira', serif; }
label.ko { color:#C00; font-family: font-family: 'Della Respira', serif; }

input.ok { border-color:#88BA2A; }
input.ko { border-color:#C00; }

input.bottone {
	display:inline-block;
	width:200px;
	text-align:center;
	background:#D4C7A9;
	color:#2E2210;
	line-height:30px;
	font-weight:700;
	border:none !important;
	text-decoration:none !important;
	padding:12px 50px;
	/*-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;*/
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

input.bottone:hover {
	background:#2E2210;
	color:#D4C7A9 !important;	
	cursor:pointer;	
}

.err {
	border-color:#E33E3E !important;	
}