/* IMPOSTAZIONE PER SCHERMI PICCOLI */
body {
 font-size: 100%;
 font-family: Verdana, sans-serif; 
}
img {
	max-width: 90%;
}

.campo {
    position: relative;
    text-align: right;
    max-width: 30%;
    padding: 10px;
}

 .pulsante_invio {
		background-color: 	#41a8be;
		font-weight: 		normal;
		font-size: 			1.1em;
		min-width: 			2.5em;
		width: 				80px;
		height: 			40px;
		border-radius: 		7px;
		margin-top: 		10px;
}

input.login {
	font-size: 			small;
	font-family: 		"Courier New", Courier, Monaco, monospace;
	color: 				white;
	background-color: 	#a1a1a1;
}

.messaggio_errore {
	background-color: #ff9d9d;
	border-style: solid;
	border-color: #ff0000;
	border-width: 3px;
	border-radius: 10px;
	box-shadow: 10px 10px 5px #888888;
	padding: 1em;
	margin-top: 1em;
	max-width: 35%;
}


@media screen and (min-width: 480px) {

	img {
 		max-width: 90%;
 	}
 	.pulsante_invio {
		font-size: 	1.0em;
		width: 		70px;
		height: 	30px;
	}
}
 
/* IMPOSTAZIONE PER SCHERMI TABLET */
@media screen and (min-width: 768px) {
 	.pulsante_invio {
		font-size: 	1.0em;
		width: 		70px;
		height: 	30px;
	}
}
 
/* IMPOSTAZIONE PER SCHERMI PC FINO A 1024 */
@media screen and (min-width: 1024px) {
	body {
		font-size: 0.8em;
	}
 	.pulsante_invio {
		font-size: 		0.8em;
		font-weight: 	bold;
		cursor: 		pointer;
		width: 			70px;
		height: 		30px;
	}
}
 
/* IMPOSTAZIONE PER ALTA RISOLUZIONE */
@media screen and (min-width: 1200px) {
	body {
		font-size: 0.8em;
	}
 	.pulsante_invio {
		font-size: 0.8em;
		font-weight: bold;
		cursor: pointer;
	}
}