



#mailbox {
	/*background-size:contain;
	 *margin-top:20px;
	margin-bottom:20px;
	background-color: #eeeeee;*/
	width:95%;
	margin: 0 auto 20px auto;
}

#scelta {
	/*background-size:contain;
	 *margin-top:20px;
	margin-bottom:20px;
	background-color: #eeeeee;*/
	width:170px;
	margin-left: 50px;
}

/*parametri del form richiesta informazioni*/
form#richiestainfo {
background: #771100;/*#408095*/
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 1%;
width: 88%;
position: relative;
margin: 10px auto 0 auto;
}

form#richiestainfo fieldset {

border: none;
margin-bottom: 10px;
}
form#richiestainfo fieldset:last-of-type {
margin-bottom: 0;
}
/*Intestazione dei box*/
form#richiestainfo legend {
color: #ffffff;
font-size: 16px;
font-weight: bold;
padding-bottom: 10px;
text-shadow: 0 1px 1px #ffff00;
/*text-shadow: 0 1px 1px #c0d576;*/
}
/*contatore progressivo leggenda
form#richiestainfo > fieldset > legend:before {
content: "Step " counter(fieldsets) ": ";
counter-increment: fieldsets;
}*/
form#richiestainfo fieldset fieldset legend {
color: #111111;
font-size: 14px;
font-weight: normal;
padding-bottom: 0;
}


/*Parametri riquadro sopra le label ed i campi*/
form#richiestainfo ol li {
width: 98%;
padding: 5px 1%;
background: #b9cf6a;
background: rgba(255,255,255,.5);
border-color: #e3ebc3;
border-color: rgba(255,255,255,.8);
border-style: solid;
border-width: 2px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 30px;
list-style: none;

margin-bottom: 2px;
}
/*non influente perch� condizione non presente*/
form#richiestainfo ol ol li {
background:#ffff00;
border: none;
float: left;
}
/*Parametri relativi la label dei campi*/
form#richiestainfo label {
float: left;
font-size: 14px;
width: 12%;
/*font-size: 13px;
width: 110px;*/
}
/*non usato
form#richiestainfo fieldset fieldset label {
background:none no-repeat left 50%;
line-height: 20px;
padding: 0 0 0 30px;
width: auto;
}
form#richiestainfo label[for=visa] {
background-image: url(visa.gif);
}
form#richiestainfo label[for=amex] {
background-image: url(amex.gif);
}
form#richiestainfo label[for=mastercard] {
background-image: url(mastercard.gif);
}

form#richiestainfo fieldset fieldset label:hover {
cursor: pointer;
}*/

/*area di inserimento dati*/
form#richiestainfo input:not([type=radio]),
form#richiestainfo textarea {
background: #ffffff;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
font: italic 13px Georgia, "Times New Roman", Times, serif;
outline: none;
padding: 1%;
width: 98%;
/*width: 200px;*/
}
/*area posizione attiva cursore*/
form#richiestainfo input:not([type=submit]):focus,
form#richiestainfo textarea:focus {
background: #eaeaea;
}
/*form#richiestainfo input[type=radio] {
float: left;
margin-right: 5px;
}*/

/*parametri del bottone invia*/
form#richiestainfo button {
background: #BBAA00;
/*background: #384313;*/
border: none;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
display: block;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
margin: auto;
padding: 7px 25px;
text-shadow: 0 1px 1px #000000;
text-transform: uppercase;
}
form#richiestainfo button:hover {
background: #1e2506;
cursor: pointer;
}






.linemailbox {
	border-top:1px solid #408095;
	margin:20px 0;
	width:100%;
}

.clearmailbox {
	clear:both;
}

@media only screen and (min-width: 280px) and (max-width: 320px) {
	#mailbox {
		width:98%;	
}
/*	form#richiestainfo {
	
	padding: 5px 7px;
	}
	form#richiestainfo input:not([type=radio]),
	form#richiestainfo textarea {

	}*/
form#richiestainfo ol li {
    width: 96%;
}
}
@media only screen and (min-width: 321px) and (max-width: 480px) {
		#mailbox {
		width:98%;	
}
	form#richiestainfo ol li {
    width: 97%;
}
	

}
@media only screen and (min-width: 481px) and (max-width: 600px) {

}
@media only screen and (min-width: 601px) and (max-width: 768px) {

    
}
@media only screen and (min-width: 769px) and (max-width: 960px) {

}
@media only screen and (min-width: 961px) and (max-width: 1024px) {
		#mailbox {
		width:960px;	
}
    
}
@media only screen and (min-width: 1025px) {
		#mailbox {
		width:960px;	
}
    
}