@charset "utf-8";
/* -------------------------------------------------------------------
	Edizioni Terra Santa - CSS per contenuto
	
	Versione:			1.1 del 14.06.09
	Ultima revisione:	-
	Ultima validazione:	05.10.07
	Autore:				Alessandro Placidi
	Contatto:			a.placidi@mindgear.it
	© 2007 Edizioni Terra Santa
------------------------------------------------------------------- */


/* -- INDEX ----------------------------------------------------------

Elementi generici e comuni
[1.0] - Tag di markup del documento
[2.0] - Classi di uso comune
[3.0] - Links
[4.0] - Tabelle
[5.0] - Pulsanti

Elementi di sezioni o pagine specifiche
[6.0] - Menu testata
[7.0] - Testata
[8.0] - Footer
[9.0] - Menu laterale
[10.0] - Carrello laterale
[11.0] - Nuovo utente
[12.0] - Scheda prodotto
[13.0] - Paging
[14.0] - Checkout
[15.0] - Homepage
[16.0] - Errore

-------------------------------------------------------------------- */


/* [1.0] TAG DI MARKUP DEL DOCUMENTO
------------------------------------------------------------------------------------------ */
h2 {
	color: #999999;
	background: inherit;
	letter-spacing: -0.05em;
	overflow: hidden;
	font-family: Helvetica, Arial, sans-serif; /* Gli <h2> hanno l'Arial come font al posto del verdana */
	font-size: 20px;
	font-weight: normal;
}

p {
	font-size: 11px;
	text-align: justify;
}

blockquote {
	margin: 0 15px 10px 15px;
	padding: 15px;
	color: #666;
	background-color: #EEE;
	font-size: 11px;
	text-align: justify;
}

ul, ol {
	padding: 0 0 0 10px; /* NOTA: imposto a 0 il padding superiore, inferiore e destro per evitare che venga impostato automaticamente da Firefox */
	list-style: inside;
	font-size: 11px;
	text-align: justify;
}

/* Prevedo che, nel caso di liste annidate, ci sia un margine superiore di 10px. Prevedo tutte le possibilità */
ul ul, ul ol, ol ul, ol ol {
	margin-top: 10px;
}

li {
	line-height: 100%;
}

dl {
	font-size: 11px;
	text-align: justify;
}

dl dd {
	margin-left: 20px;
}

address {
	font-size: 11px;
	text-align: justify;
}




/* [2.0] CLASSI DI USO COMUNE
------------------------------------------------------------------------------------------ */
.allineatoSinistra {
	text-align: left;
}

.allineatoDestra {
	text-align: right;
}

.allineatoCentro {
	text-align: center;
}

.clearingSinistra {
	clear: left;
}

.clearingDestra {
	clear: right;
}

.clearing {
	clear: both;
}

/* NOTA: perchè le due classi "headerGrigioChiaro" e "headerGNero" funzionino è necessario inserire uno span annidato nell'<h2>.*/
h2.headerGrigioChiaro {
	font-size: 14px;
	height: 30px;
	padding-right: 8px;
	color: #666; /*nella versione redd è 666*/
	background: #F1F1F1 url(../img/imgBoxesHeaders/png/sfondoHeaderGrigioChiaroR.png) no-repeat right 0;
}

h2.headerGrigioChiaro span {
	display: block;
	line-height: 30px;
	padding-left: 8px;
	background: url(../img/imgBoxesHeaders/png/sfondoHeaderGrigioChiaroL.png) no-repeat left 0;
}

h2.headerNero {
	height: 30px;
	padding-right: 8px;
	color: #FFF;
	background: #000 url(../img/imgBoxesHeaders/png/sfondoHeaderNeroR.png) no-repeat right 0;
	font-size: 14px;
}

h2.headerNero span {
	display: block;
	line-height: 30px;
	padding-left: 8px;
	background: url(../img/imgBoxesHeaders/png/sfondoHeaderNeroL.png) no-repeat left 0;
	letter-spacing: normal;
}




/* [3.0] LINKS
------------------------------------------------------------------------------------------ */
a {
	border-bottom: 1px solid #CCCCCC;
	color: #666666;
	background-color: inherit;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #333333;
	color: #333333;
	background-color: inherit;
}




/* [4.0] TABELLE
------------------------------------------------------------------------------------------ */
table {
	width: 100%;
	/* Il bordo inferiore è già generato dal <tr>, per cui non lo metto anche qui, per evitare uno spessore doppio */
	border-top: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	border-right: 1px solid #D2D2D2;
	font-size: 11px;
}

table * {
	margin: 0;
}

table tr.pari {
	color: inherit;
	background-color: #F4F4F4;
}

table tr:hover, table tr.pari:hover {
	color: inherit;
	background-color: #FAECC4;
}

table th {
	padding: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D2D2D2;
	border-left: 1px solid #FFF;
	border-right: 1px solid #D2D2D2;
	color: inherit;
	background-color: #EEE;
	text-align: left;
}

table td {
	padding: 5px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #D2D2D2;
}




/* [5.0] PULSANTI
------------------------------------------------------------------------------------------ */
.pulsantieraRidotta {
	height: 18px; /* BUG: questo risolve un problema di IE6 legato alla visualizzazione della pulsantiera nel tabset, ma potrebbe creare problemi in altre situazioni */
	line-height: 18px; /* Questo parametro deve essere analogo all'altezza dei pulsanti */
}

.pulsantieraRidotta a {
	display: block;
	float: right;
	height: 18px;
	line-height: 18px;
	margin: 0 0 10px 5px;
	padding: 0 5px;
	border-top: 1px solid #A9A8A7;
	border-left: 1px solid #A9A8A7;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	color: #FFF;
	background: #999999 url(../img/pulsanteGrigioScuro.jpg) repeat-x 0 center;
	white-space: nowrap;
	overflow: hidden;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

.pulsantieraRidotta a:hover {
	border-top: 1px solid #A9A8A7;
	border-left: 1px solid #A9A8A7;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	color: #333;
	background-color: inherit;
}

.pulsantieraRidotta br {
	clear: right;
}

.pulsanteRidotto {
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 5px;
	border-top: 1px solid #A9A8A7;
	border-left: 1px solid #A9A8A7;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	color: #FFF;
	background: #999999 url(../img/pulsanteGrigioScuro.jpg) repeat-x 0 center;
	white-space: nowrap;
	overflow: hidden;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
}

.pulsanteRidotto:hover {
	border-top: 1px solid #A9A8A7;
	border-left: 1px solid #A9A8A7;
	border-right: 1px solid #F5F5F5;
	border-bottom: 1px solid #F5F5F5;
	color: #333;
	background-color: inherit;
}




/* [6.0] MENU TESTATA
------------------------------------------------------------------------------------------ */
#menuTestata ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menuTestata li {
	float: left;
	width: 120px;
	line-height: 30px;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #B9B9B9;
	letter-spacing: -0.05em;
	overflow: hidden;
	font-size: 14px;
	text-align: center;
	text-transform: lowercase;
}

#menuTestata li a {
	display: block;
	margin-bottom: 0; /* NOTA: regola inserita per avere la precedenza sul wildcard * (vedi body *). */
	border-bottom: none; /* NOTA: regola inserita per avere la precedenza sul comportamento di defualt dei links (vedi a). */
	color: #999999;
	background: inherit;
	text-decoration: none;
}




/* [7.0] TESTATA
------------------------------------------------------------------------------------------ */
#testata h1 {
	margin: 0;
	text-indent: -3000px;
}




/* [8.0] FOOTER
------------------------------------------------------------------------------------------ */
#footer p {
	color: #999;
	background-color: #fff;
	font-size: 10px;
	text-align: right;
}




/* [9.0] MENU LATERALE
------------------------------------------------------------------------------------------ */
/*di questo non c'è l'inglese*/
#menuLaterale .bannerPromozioni {
	display: block;
	width: 205px;
	height: 82px;
	border-bottom: none;
	background: url(../img/bannerPromozioni.jpg) no-repeat 0 0;
	text-indent: -3000px;
}

#menuLaterale .bannerFPP {
	display: block;
	width: 205px;
	height: 82px;
	border-bottom: none;
	background: url(../img/bannerFPP.jpg) no-repeat 0 0;
	text-indent: -3000px;
}


#menuLaterale .bannerFPPEng {
	display: block;
	width: 205px;
	height: 164px;
	border-bottom: none;
	background: url(../img/bannerFPPEng.jpg) no-repeat 0 0;
	text-indent: -3000px;
}

/*di questo non c'è l'inglese*/
#menuLaterale .bannerTerrasantaNet {
	display: block;
	width: 205px;
	height: 82px;
	border-bottom: none;
	background: url(../img/bannerTerrasantaNet.jpg) no-repeat 0 0;
	text-indent: -3000px;
}

#menuLaterale .bannerFB {
	display: block;
	width: 205px;
	height: 52px;
	border-bottom: none;
	background: url(../img/bannerFB.png) no-repeat 0 0;
	text-indent: -3000px;
}

#menuLaterale .bannerFBEng {
	display: block;
	width: 205px;
	height: 52px;
	border-bottom: none;
	background: url(../img/bannerFBen.png) no-repeat 0 0;
	text-indent: -3000px;
}


/* [10.0] CARRELLO LATERALE
------------------------------------------------------------------------------------------ */
#carrelloLaterale {
	padding: 0 5px;
}

/* Riduco il margine inferiore di tutti gli elementi contenuti in #carrelloLaterale */
#carrelloLaterale * {
	margin-bottom: 5px;
}

/* Le pseudo-righe del carrello sono gestite con dei <div> */
#carrelloLaterale div {
	padding: 5px;
	border: 1px solid #EEE;
	color: inherit;
	background-color: #F7F7F7;
}

#carrelloLaterale div:hover {
	border: 1px solid #E9DBB3;
	color: inherit;
	background-color: #FAECC4;
}

/* Annullo il margine inferiore di tutti gli elementi contenuti nelle pseudo-righe */
#carrelloLaterale div * {
	margin: 0;
}

/* I links hanno due comportamenti diversi a seconda che siano a livello delle pseudo-righe (block, colori diversi) oppure contenuti in esse (inline, ecc.) */
#carrelloLaterale a {
	display: block;
	padding: 5px;
	border: 1px solid #EEE;
	color: #000;
	background-color: #F7F7F7;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#carrelloLaterale a:hover {
	border: 1px solid #E9DBB3;
	color: inherit;
	background-color: #FAECC4;
}

#carrelloLaterale div a {
	display: inline;
	padding: 1px 3px;
	border: 1px solid #DDD;
	color: inherit;
	background-color: #EEE;
	font-weight: normal;
}

#carrelloLaterale div a:hover {
	border: 1px solid #D8CAA2;
	color: inherit;
	background-color: #E9DBB3;
}




/* [11.0] NUOVO UTENTE modificato per news REDD in demo è ovviamente completamente diverso
------------------------------------------------------------------------------------------ */
#vetrina a img {
	display: block;
	margin: auto;
	margin-bottom: 10px;
	border: none;
}

#approfondimenti {
	list-style: none;
	padding: 0 10px;
}

.risultatiRicercaApprofondimenti {
	font-size: 10px;
}

#approfondimenti li {
	margin-bottom: 10px;
}

#approfondimenti li a {
	margin: 0;
	padding: 0 12px 0 0;
	border-bottom: none;
    background: url(../img/bulletLink.jpg) no-repeat right center;
}




/* [12.0] SCHEDA PRODOTTO
------------------------------------------------------------------------------------------ */
ul.elencoLinks {
	color: #999;
	background-color: inherit;
	list-style: none;
	list-style-position: outside; /* Inserito per risolvere la differenza di comportamento con le liste tra IE e Firefox */
	letter-spacing: -0.05em;
	font-size: 12px;
}

ul.elencoLinks li {
	padding-left: 15px;
	background: url(../img/bulletProdottiChiaro.jpg) no-repeat 0 center;
}

ul.elencoLinksScuro {
	color: #999;
	background-color: inherit;
	list-style: none;
	list-style-position: outside; /* Inserito per risolvere la differenza di comportamento con le liste tra IE e Firefox */
	letter-spacing: -0.05em;
	font-size: 12px;
}

ul.elencoLinksScuro li {
	padding: 0 10px 0 15px;
	background: url(../img/bulletProdottiScuro.jpg) no-repeat 0 center;
}

img.cover {
	float: right;
	margin: 0 0 15px 15px;
}

/*da demo*/
#colonnaDestra .perSaperneDiPiu {
	padding: 15px;
	color: #666;
	background-color: #EEE;
	text-align: justify;
}

/*da demo*/
#colonnaDestra .perSaperneDiPiu h3 {
	border-bottom: 1px solid #CCC;
	color: #999;
	background: inherit;
	font-size: 10px;
}

/*da demo*/
#colonnaDestra .perSaperneDiPiu ul {
	margin-bottom: 20px;
}




/* [13.0] PAGING
------------------------------------------------------------------------------------------ */
.paging {
	margin-bottom: 25px;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
}




/* [14.0] CHECKOUT
------------------------------------------------------------------------------------------ */
#checkout {
	margin-bottom: 40px;
}

#checkout span {
	font-size: 10px;
}

#checkout #totale {
	color: inherit;
	background-color: #E9E9E9;
}




/* [15.0] HOMEPAGE da demo
------------------------------------------------------------------------------------------ */
ul.nuoviProdotti {
	font-size: 10px;
	padding: 0 10px;
}




/* [16.0] ERRORE da demo
------------------------------------------------------------------------------------------ */
.paginaErrore h2 {
	color: #B22B17;
	background: inherit;
}