/* piccolo esempio di css reset */
html, body, h1, form, fieldset, legend, ol, li {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: Verdana, serif;
	padding: 20px;
}

h1 {
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 50px;
}

form#pagamenti {
	background: #B0C4DE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	counter-reset: fieldsets;
	/*i conteggi delle liste ricominciano da capo ad ogni fildset*/
	padding: 20px;
	width: 480px;
}

form#pagamenti fieldset {
	/*di default il tag fieldset ha un bordo*/
	border: none;
	margin-bottom: 10px;
}

form#pagamenti legend {
	color: #000080;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
	
	/*Permette di creare dei testi ombreggiati*/
	text-shadow: 1px 1px 1px #c0d576;
}

/*Si riferisce al titolo - tipo di carta*/
form#pagamenti fieldset fieldset legend {
	font-size: 12px;
	font-weight: bold;
}

form#pagamenti ol li {
	background: #b9cf6a;
	/*colori nel formato (rgb)alpha*/
	background: rgba(255,255,255,.3);
	border-color: #e3ebc3;
	border-color: rgba(255,255,255,.6);
	border-style: solid;
	border-width: 2px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	line-height: 30px;
	list-style: none;
	padding: 5px 12px;
	margin-bottom: 2px;
}

/*si riferisce ai tipi di carte di credito*/
form#pagamenti ol ol li {
	background: none;
	border: none;
	float: left;
}


/*Assegna uno stile alle label di tutti i campi*/
form#pagamenti label {
	float: left;
	font-size: 12px;
	width: 200px;
}

form#pagamenti fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}

form#pagamenti fieldset fieldset label:hover {
	cursor: pointer;
	}
	
/*formatta tutti i campi di input e la textarea tranne i radio button */

form#pagamenti input:not([type=radio]),input:not([type=checkbox])
form#pagamenti textarea {
	background: #fff;
	border:none;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

	font: normal 10px Verdana, serif;
	outline: none;
	padding: 5px;
	width: 200px;
}

/*formatta tutti i campi di input e la textarea tranne i radio button */



/*aspetto dei campi input quando prendono il fuoco*/
form#pagamenti input:not([type=submit]):focus,
form#pagamenti textarea:focus{
	background: #ccc;
}

/*aspetto dei campi input quando prendono il fuoco*/


form#pagamenti input[type=radio] {
	float: left;
	margin-right: 5px;
}


form#pagamenti button {
	background: #000080;
	border: none;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;

	text-transform: uppercase;
	padding: 7px 25px;
	color: #fff;
	display: block;
	font: 16px Verdana, serif;
	letter-spacing: 1px;
	margin: auto;

	text-shadow: 1px 1px 1px #000;
}

form#pagamenti button:hover {
	background: #4169E1;
	/*Viene la manina quando passo sul bottone*/
	cursor: pointer;
}


#testoprivacy 
{
	font: 9px Verdana, serif !important;
	width:100% !important;
}

#privacyAcquistoPermesso {
    width:10% !important;
}

#privacyNews{
    width:10% !important;
}

#news{
    width:80% !important;
}

form#pagamenti input[type=checkbox] {
	float: left;
	margin-right: 1px;
}

#consensoPrivacy li{
	margin-left: 0px !important;

}

form#bottoneInvia {
	background: #B0C4DE;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	counter-reset: fieldsets;
	/*i conteggi delle liste ricominciano da capo ad ogni fildset*/
	padding: 20px;
	width: 480px;
}

form#bottoneInvia button {
	background: #000080;
	border: none;

	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	border-radius: 15px;

	text-transform: uppercase;
	padding: 7px 25px;
	color: #fff;
	display: block;
	font: 16px Verdana, serif;
	letter-spacing: 1px;
	margin: auto;

	text-shadow: 1px 1px 1px #000;
}

/* stili per riepilogo ordine */
#content {
  font: 12px Verdana, serif;
  color: #333;
  float: left;
  width: 100%;
  margin: 0 0 0px 0;
  padding: 0;
  background: #E0E4CC;
  border:1px solid #000; 
  border-radius:10px; 
}


#content  .paragrafo {
  font: bold Verdana, serif;
  color: #000;
  background: #E0E4CC;
}

/* erorre sessione */

form#sessione {
	background: #FF0000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;

	counter-reset: fieldsets;
	/*i conteggi delle liste ricominciano da capo ad ogni fildset*/
	padding: 10px;
	width: 480px;
	
	color: #FFFFF0;
}