/* @override 
	http://www.almaedizioni.it/plida/css/main.css
	http://almaedizioni.it:8888/online/plida/css/main.css
*/

/* 
	ALMAPLIDA - WebSection - temp
   	–––––––––––––––––––––––––––––––––––––––––
	colori:
	#BF311A	rosso pompeiano
	#DAD7C9	grigio medio
	#000000	nero
   	–––––––––––––––––––––––––––––––––––––––––
	fonts:
	Georgia, Times, serif
	Verdana, "Lucida Grande", sans-serif
	–––––––––––––––––––––––––––––––––––––––––
	disclaimer:
	kLABO thanks the following for providing opensource solutions used in this software:
	(1) Sticky Footer Solution by Steve Hatcher :: http://stever.ca :: http://www.cssstickyfooter.com
	–––––––––––––––––––––––––––––––––––––––––
	kLABO 02.2009
*/

html {
	height: 100%;
	width: 100%;
	font-size: 1em !important;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Times, serif;
	min-width: 1024px;
	height: 100%;
	background: transparent url(assets/bkgrpattern.jpg) repeat;
	font-size: 100%;
}

#wrap {
	margin: 0px;
	height: 100%;
}

#container {
	margin: 0px;
	padding-bottom: 250px;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/** navigation */
#nav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 205px;
	height: 100%;
	padding-left: 45px;
}

/* BOB IMAGE REPLACEMENT CON ROLLOVER */


/* #nav0 baktoalmaedizioni.it */

#nav0 {
	float: right; 
	position: relative;
	z-index: 8;
	padding: 0px;
	margin-top: 50px;
	margin-right: 10px;
}

#nav0 a {
	color: #eeeeee;
	display: block;
	width: 171px;/*229px;*/
	height: 30px;
	text-decoration: none;
/*	background: transparent url(assets/nav_tornadalma.png) 0 0 no-repeat; */
	background: transparent url(assets/almaedizioni.png) 0 0 no-repeat;
	padding: 0px;
}

#nav0 a:hover,
#nav0 a:focus,
#nav0 a:active {
	background-position: 0 -30px;
}

#nav0 a span {
	position:  relative;
	z-index: -8;
}


/* aggiunta altro link a plida */

#nav1 {
	float: right; 
	position: relative;
	z-index: 8;
	padding: 0px;
	margin-top: 50px;
	margin-right: 0px;
}

#nav1 a {
	color: #eeeeee;
	display: block;
	width: 130px;
	height: 30px;
	text-decoration: none;
	background: transparent url(assets/ladante.png) 0 0 no-repeat;
	padding: 0px;
}

#nav1 a:hover,
#nav1 a:focus,
#nav1 a:active {
	background-position: 0 -30px;
}

#nav1 a span {
	position:  relative;
	z-index: -8;
}


/* #navhome logo */

#navhome {
	position: relative;
	z-index: 1;
	width: 114px;
	height: 146px;
	margin-top: 35px;
}

#navhome a {
	padding: 0px;
	color: #eeeeee;
	display:  block;
	width: 114px;
	height: 146px;
	background: transparent url(assets/almaplida.png) 0 0 no-repeat;
	text-decoration: none;
}

#navhome a:hover,
#navhome a:focus,
#navhome a:active {
	background-position: 0 0px;
}

#navhome a span {
	position:  relative;
	z-index: -1;
}


/** <ul> menu */

#menu {
	padding:  0px;
	margin: 0px;
	list-style: none;
}

#menu a {
	display: block;
	text-decoration: none;
	font-size:1px !important;
	text-indent: -500em;
	padding: 0px;
	color: #eeeeee;
}

/** classe per voce menu attiva */

#menu > .on a {
	background-position: 0 -50px;
}


/* #item1 catalogo */

#item1 {
	position: relative;
	z-index: 1;
	width: 127px;
	height: 45px;
	margin-top: 30px;
	margin-left: -10px;
}

#item1 a {
	width: 127px;
	height: 45px;
	background: transparent url(assets/nav_catalogo.png) 0 0 no-repeat;
}

#item1 a:hover,
#item1 a:focus,
#item1 a:active {
	background-position: 0 -50px;
}

#item1 a span {
	position:  relative;
	z-index: -1;
}

/* #item2 ordini */
/*
#item2 {
	position: relative;
	z-index: 2;
	width: 110px;
	height: 39px;
	margin-top: 5px;
	margin-left: -10px;
}

#item2 a {
	width: 110px;
	height: 39px;
	background: transparent url(assets/nav_ordini.png) 0 0 no-repeat;
}

#item2 a:hover,
#item2 a:focus,
#item2 a:active {
	background-position: 0 -50px;
}

#item2 a span {
	position:  relative;
	z-index: -2;
}
*/

/* #item2a nuovo ordine */

#item2a {
	position: relative;
	z-index: 2;
	width: 157px;
	height: 39px;
	margin-top: 5px;
	margin-left: -10px;
}

#item2a a {
	width: 157px;
	height: 39px;
	background: transparent url(assets/nav-nuovoordine.png) 0 0 no-repeat;
}

#item2a a:hover,
#item2a a:focus,
#item2a a:active {
	background-position: 0 -50px;
}

#item2a a span {
	position:  relative;
	z-index: -2;
}


/* #item2b storico ordini */

#item2b {
	position: relative;
	z-index: 3;
	width: 165px;
	height: 39px;
	margin-top: 5px;
	margin-left: -10px;
}

#item2b a {
	width: 165px;
	height: 39px;
	background: transparent url(assets/nav-storicoordini.png) 0 0 no-repeat;
}

#item2b a:hover,
#item2b a:focus,
#item2b a:active {
	background-position: 0 -50px;
}

#item2b a span {
	position:  relative;
	z-index: -3;
}




/* #item3 progetti */

#item3 {
	position: relative;
	z-index: 4;
	width: 111px;
	height: 42px;
	margin-top: 5px;
	margin-left: -5px;
}

#item3 a {
	width: 111px;
	height: 42px;
	background: transparent url(assets/nav_progetti.png) 0 0 no-repeat;
}

#item3 a:hover,
#item3 a:focus,
#item3 a:active {
	background-position: 0 -50px;
}

#item3 a span {
	position:  relative;
	z-index: -4;
}

/* #item4 contatti */

#item4 {
	position: relative;
	z-index: 5;
	width: 111px;
	height: 41px;
	margin-top: 25px;
	margin-left: -5px;
}

#item4 a {
	width: 111px;
	height: 41px;
	background: transparent url(assets/nav_contatti.png) 0 0 no-repeat;
}

#item4 a:hover,
#item4 a:focus,
#item4 a:active {
	background-position: 0 -50px;
}

#item4 a span {
	position:  relative;
	z-index: -5;
}


/* #item5 guida all'uso */

#item5 {
	position: relative;
	z-index: 6;
	width: 145px;
	height: 33px;
	margin-top: 25px;
	margin-left: -5px;
}

#item5 a {
	width: 145px;
	height: 33px;
	background: transparent url(assets/nav_guida.png) 0 0 no-repeat;
}

#item5 a:hover,
#item5 a:focus,
#item5 a:active {
	background-position: 0 -50px;
}

#item5 a span {
	position:  relative;
	z-index: -6;
}

/* #item6 dati personali */

#item6 {
	position: relative;
	z-index: 7;
	width: 139px;
	height: 31px;
	margin-top: 5px;
	margin-left: -5px;
}

#item6 a {
	width: 139px;
	height: 31px;
	background: transparent url(assets/nav_datipersonali.png) 0 0 no-repeat;
}

#item6 a:hover,
#item6 a:focus,
#item6 a:active {
	background-position: 0 -40px;
}

#item6 a span {
	position:  relative;
	z-index: -7;
}


/* #item7 terminasessione */

#item7 {
	position: relative;
	z-index: 8;
	width: 170px;
	height: 31px;
	margin-top: 5px;
	margin-left: -5px;
}

#item7 a {
	width: 170px;
	height: 31px;
	background: transparent url(assets/nav_terminasessione.png) 0 0 no-repeat;
}

#item7 a:hover,
#item7 a:focus,
#item7 a:active {
	background-position: 0 -50px;
}

#item7 a span {
	position:  relative;
	z-index: -8;
}







/** header */
#header {
	width: 100%;
	height: 120px;
	overflow: hidden; /* ? */
}

#hleft {
	float: left;
	width: 66%;
	height: 100%;
	background: transparent url(assets/headbarlange.png) no-repeat;
}

#hright {
	float: right;
	width: 33%;
	height: 100%;
	text-align: right;
	background-color: transparent;
}

/* main container */
#main {
	margin: 0px 50px 40px 250px;
	min-height: 550px;
}

/* main content */
.content {
	clear: both;
}

.content p {
	line-height: 1.25em;
}

.left {
	float: left;
	width: 66%;
	margin-right: -10px;
	background-color: transparent;
}

/**** PER QUALE MOTIVO VINCOLO TUTTA 'STA ROBA AD ESSERE IN UN .LEFT ?????? */
/**/
.left h1 {
	padding-right: 25px;
}

.left p {
	padding: 0px;
	margin: 0px;
	margin-bottom: 15px;
}

/* WECK */
.left p.alt {
	color: #bf311a;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 5px;
}

/* WECK */
.left p.emph {
	background-color: #dad7c9;
	padding: 10px;
	margin-bottom: 15px;
}

/* WECK */
.left p.super {
	background-color: #BF311A;
	color: #eeeeee;
	padding: 10px;
	margin-bottom: 15px;
}

.left ul, 
.right ul {
	width: 100%;
	padding: 0px;
	list-style: none;
}

.left li {
	padding: 0px 25px 10px 20px;
	background: transparent url(assets/bullet.gif) no-repeat; 
	background-position: 0px 5px;
	width: auto;
}

.right li {
/*	margin-left: -5px; */
	padding: 0px 0px 10px 0px;
	width: auto;
	line-height: 1.5em;
}

.right li a {
	border: 0;
}


.right {
	float: right;
	width: 32%; /*33%; /*30%*/
	font-family: Verdana, "Lucida Grande", sans-serif;
	font-size: 0.7em;
	font-style: italic;
	text-transform: none;
}

.right p {
	color: #666666;
}

.right p span {
	color: #BF311A;
}

/** section break */
.brek {
	clear: both;
	padding-bottom: 10px;
	background: url(assets/bkgrpatterninv.jpg) repeat;
}

/** footer */
#footer {
	position: relative;
	clear: both;
	margin-top: -250px;
	height: 250px;
	width: 100%;
	font-family: Verdana, "Lucida Grande", sans-serif;
	font-size: x-small;/*0.7em;*/
	background: url(assets/fregio.png) no-repeat bottom right;
}

#footer p {
	padding: 20px 550px 0px 50px;
	line-height: 1.45em;
}

#footer p.note {
	line-height: 1.2em;
	padding-top: 0px;
	color: #666666;
}

.note {
	line-height: 1.2em;
	padding-top: 0px;
	color: #666666;
}

/** img & classes */
img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/** text formatting */
p {
	margin-top: 0px;
}

p span {
	color: #BF311A;
}

h1 {
	margin-top: 0px;
	font-size: 2em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 30px;
}

h1 span {
	font-weight: normal;
}

h3 {
	margin-top: 0px;
}

h2 span,
h3 span {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Times, serif !important;
}

.nomargin {
	margin: 0px;
}

/** <a> anchors */
a.btn {
	background-color: #DAD7C9;
	color: #BF311A;
	text-decoration: none;
/*	text-transform: uppercase; */
	padding: 1px 4px;
	border: 1px solid #BF311A;
}

a.btn:hover,
a.btn:focus,
a.btn:active {
	background-color: #BF311A;
	color: #DAD7C9;
}

a.mini {
/*	font-size: 0.8em; */
	color: #000000;
	text-transform: none;
	border: 0px;
}

a:hover.mini,
a:focus.mini,
a:active.mini {
	color: #dad7c9;
}

a.link {
	font-family: Georgia, Times, serif;
	font-size: 1.3em;
	color: #BF311A;
	border-bottom: 1px solid #DAD7C9;
	text-decoration: none;
}

a:hover.link,
a:focus.link,
a:active.link {
	border-bottom: 1px solid #BF311A;
}


a.big {
	font-family: Georgia, Times, serif;
	text-transform: none;
	font-size: 1.25em;
}

/* WECK */
a.valid {
	background: none;
	padding: 0;
	margin: 0;
}

/** forms elements */
input {
	margin-bottom: 10px;
}

input[type=text],
input[type=password] {
	border: 2px solid #666666;
	padding: 2px 4px;
	font-size: 0.8em;
	width: 66%;/*98%;/*96%; /*40%;*/
}

input[type=text]:focus,
input[type=password]:focus {
	border: 2px solid #BF311A;
}

input.std {
	width: 35%;
}

textarea {
	border: 2px solid #666666;
	padding: 2px 4px;
}

textarea:focus {
	border: 2px solid #BF311A;
}

fieldset {
	border: 1px solid #BF311A;
	padding: 2%;
	margin-bottom: 10px; /*25px;   */
}

fieldset > legend {
	font-style: italic;
	color: #BF311A;
	padding: 0px 10px;
}

label {
	display: block;
}

/* p classess (neu) */
/* classi varie globali per stilizzare testi */
/* mi fanno cacare proprio come concetto. perchè non identificano nulla a livello semantico... */
/* sono come scrivere font=",..." nell'xhtml... */

.serif {
	font-family: Georgia, Times, serif;
}

.sans {
	font-family: Verdana, "Lucida Grande", sans-serif;
	font-size: 0.9em;
}

.red {
	color: #BF311A;
}

.gray {
	color: #DAD7C9;
}

.mini {
	font-size: x-small;/*0.9em;*/
}

.capitalized {
	text-transform: uppercase;
}

/** table style */
table {
	clear: both;
	table-layout: fixed;
	border: 1px solid #BF311A;
	border-collapse: collapse;
	font-family: Verdana, "Lucida Grande", sans-serif;
	font-size: 0.7em;
	width: 100%;
	margin-bottom: 10px;
}

th {
	border: 1px solid #BF311A;
}

td {
	border: 1px solid #BF311A;
	text-align: center;
	padding: 3px 5px;
}

td.nopad {
	padding: 0px;
}

td.leftxt {
	text-align: left;
}

td.rightxt {
	text-align: right;
}

td.imgikon {
	padding-bottom: 0px;
}

tr.headrow {
	background-color: #bf311a;
	color: #bbbbbb;
	font-size: smaller;
	text-transform: uppercase;
}

tr.bookrow {
	background-color: transparent;
}

tr.bookrow:hover {
	background-color: #cccccc;
  	background: transparent url(assets/bkgrpattern2.jpg) repeat;
}

tr.orderrow {
	background-color: transparent;
}

tr.orderrow:hover {
	background-color: #cccccc;
}

tr.footrow {
	font-weight: bold;
	border: 1px solid #BF311A;
}

input.qu,
input.qu:focus {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	border: 0;
}

/* larghezze colonne per tabella carrello */
#tcode {
	width: 105px;
}
#tisbn { width: 105px; }
#tprod { width: auto; }
#tsupp { width: 150px; }
#tpeso { width: 50px; }
#tquan { width: 30px; }
#tprez { width: 60px; }
#ttota { width: 80px; }
#tweck { width: 60px; }

/* larghezze colonne per tabella ordini */

/* larghezze colonne per tabella catalogo */


.paddedbox { padding: 10px; }

.paddedbox p { margin-bottom: 10px; }

#hright label {
	display: inline;
	margin-right: 5px;
}

.rnote {
	text-align: right;
	display: block;
}

label:after {
	content: ":";
}

.nomargin {
	margin: 0px;
}





/** CSS IE6 SUBMIT REPLACEMENT FIX da http://www.ampsoft.net/webdesign-l/image-button.html */

/* 	[IR][btn] 
 	posso raggruppare le cose in modo + intelligente, 2 opzioni:
	(1) definisco prima tutte le regole comuni e poi definisco le particolari
	(2) definisco una classe base per i bottoni rimpiazzati e poi quella specifica per il bottone in questione
	(3) come (2) ma senza definire una nuova classe, potrei stilizzare di base tutti i button e riscrivere quelli diversi dalla base... (mi torna)
	ad ogni modo devo ripulire la cartella assets lasciando solo quelli che utilizzo e mettendo tutto in una cartella,
	senza distinguere tra png gif etc (jpg dropparlo del tutto) 
	*/

/* 	[IR][btn] "vuota il carrello" */
/*
.btn_emptycart {
	width: 167px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_vuotacarrello.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_emptycart:hover {
	background-position: 0px -30px;
}
*/

/* 	[IR][btn] "svuota" */ /* NEW OK. LASCIO LO STESSO NOME PER LA CLASSE COSì FACCIO PRIMA */
.btn_emptycart {
	width: 77px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn-svuota.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_emptycart:hover {
	background-position: 0px -30px;
}




/* 	[IR][btn] "ricalcola" */
.btn_recalculate {
	width: 98px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_ricalcola.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_recalculate:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "procedi" */
.btn_procedi {
	width: 85px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_procedi.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_procedi:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "nuovo ordine" */
.btn_neworder {
	width: 134px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_nuovoordine.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_neworder:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "annulla" */
.btn_cancel {
	width: 92px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_annulla.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_cancel:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "invia" */
.btn_invia {
	width: 63px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_invia.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_invia:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "aggiungi" */
.btn_aggiungi {
	width: 101px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_aggiungi.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_aggiungi:hover {
	background-position: 0px -30px;
}


/* 	[IR][btn] "modifica il carrello" */
.btn_modcart {
	width: 187px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_modificacarrello.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_modcart:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "inoltra l'ordine" */
.btn_inoltra {
	width: 151px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn_inoltraordine.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_inoltra:hover {
	background-position: 0px -30px;
}


/* NEW 2: "Titoli ALMA"(.btn_alma) + "Titoli non ALMA"(.btn_nonalma) */

/* 	[IR][btn] "Titoli ALMA" (NEU) */
.btn_alma {
	width: 126px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn-titolialma.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_alma:hover {
	background-position: 0px -30px;
}

/* 	[IR][btn] "Titoli non ALMA" (NEU) */
.btn_nonalma {
	width: 164px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn-titolinonalma.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_nonalma:hover {
	background-position: 0px -30px;
}


/* 	[IR][btn] "Aggiungi(alcarrello)" (NEU) */
.btn-aggiungi {
	width: 131px;
  	height: 30px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/btn-aggiungi.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn-aggiungi:hover {
	background-position: 0px -30px;
}





/* 	[IR][btn] "carrello"(ikon) */ /* ???(WTF)??? */
/*	questo è utilizzato in header per icona "vai al carrello"... ed è un button */
.btn_cart {
	width: 28px;
  	height: 25px;
  	margin: 0;
  	padding: 0;
  	border: 0;
  	background: transparent url(assets/ikon_cart.png) no-repeat center top;
  	text-indent: -1000em;
  	cursor: pointer;
}

.btn_cart:hover {
	background-position: 0px -25px;
}

/* 	[IR][ikon] "carrello" */
/* 	questo è utilizzato nella tabella a fine scheda libro */
a.ikon_cart {
	float: left;
	color: #eeeeee;
	display: block; /*inline-block;*/
	width: 28px;
	height: 25px;
	text-decoration: none;
	background: transparent url(assets/ikon_cart.png) no-repeat center top;
	padding: 0px; /**neu*/
}

a.ikon_cart:hover,
a.ikon_cart:focus,
a.ikon_cart:active {
	background-position: 0 -25px;
}

a.ikon_cart span {
	position:  relative;
	z-index: -8;
}


form {
	margin-bottom: 20px;
}

/* form inizio tabella catalogo */

form#form1 {
	clear: both;
	float: left;
	width: 100%;
}

#form1 fieldset {
/*	padding: 2% 0px 2% 0px; */
}

#form1 fieldset legend {
	text-align: center;
	text-decoration: underline;
}

#form1 label {
/*	clear: left;*/
	float: none; /*left;*/
	margin-right: 10px;
	margin-bottom:  5px;
	margin-top: 0px;
	width: auto;
}
#form1 input#codice {
	float: left;
	width: 96%;
	border: 2px solid #DAD7C9;
	padding: 5px 2%;
	margin: 0px;
}

#form1 input:focus#codice {
	border: 2px solid #BF311A;
}

#form1 select {
	float: left;
	width: 96%;
	border: 2px solid #DAD7C9;
	padding: 5px 2%;
	margin: 0px;
}

#form1 select:focus {
	border: 2px solid #BF311A;
}

#form1 input#titolo {
	float: left;
	width: 96%;
	border: 2px solid #DAD7C9;
	padding: 5px 2%;
	margin: 0px;
}

#form1 input:focus#titolo {
	border: 2px solid #BF311A;
}

#form1 button.btn_invia {
	float: left;
	margin-left: 0px;/*2%;	*/
	margin-bottom: 0px; /*10px;*/
	margin-right: 5px;
}



#form1 div.formfield34 {
	float: left;
	width: 30%;
	background-color: transparent;
	padding: 2%;
	padding-top: 0px;
}

#form1 div.formfield66 {
	float: left;
	width: 62%;
	background-color: transparent;
	padding: 2%;
	padding-top: 0px;
}

#form1 div.formfield100 {
	float: left;
	width: 96%;
	background-color: transparent;
	padding: 2%;
	padding-top: 0px;
}






#altri-titoli label {
	clear: left;
	float: left;
	margin-right: 10px;
	width: 20%;
	text-align: right;
}

#altri-titoli input {
	float: none;
}

#altri-titoli input#isbn {
	width: 25%;
}

#altri-titoli input#quantita {
	width: 25%;
}






#form-spedizione label {
	clear: left;
	float: left;
	margin-right: 10px;
	width: 20%;
	text-align: right;
}

#form-spedizione input {
	float: none;
}





div#form1-usr {
	clear: both;
	float: left;
	width: 49%;
	background-color: #ddd;
	margin-right: 2%;
}

div#form1-pw {
	float: left;
	width: 49%;
	background-color: #eee;
}

div#form1-usr input,
div#form1-pw input {
	width: 96%;
	padding: 2%;
	border-left: 0px;
	border-right: 0px;
}



/* remove firefox outlines */

a:focus, a:active {
	outline: none;
}




/* PROVA STILE GLOBALE PER LE <a>nchors (sperando non rompa nulla) */
a {
	color: #BF311A;
}


/* news */
div#news.right li {
padding: 1em 1em 0 1em;
border:1px solid #BF311A;
font-style:normal;
}

div#news.right h3 {
	font-weight: normal;
	font-style: italic;
	font-family: Georgia, Times, serif !important;
	color: #BF311A;
font-size:2em;
margin-bottom:10px;
}

div#news.right li h4 {
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times, serif !important;
	color: #BF311A;
	font-size:1.25em;
	margin:0 !important;
}