/* Se il negozio ha 1 colonna importare /style_1_col.css altrimenti se 2 colonne /style_2_col.css */
@import '/css/style_1_col.css';


/* ELENCO BOTTONI E GRAFICA VARIA */

#shopbutton{ 	background-image: url(c-back-fantasy.png) }
#prevbutton{ 	background-image: url(c-prev.png) }
#nextbutton{ 	background-image: url(c-next.png) }
#printbutton{ 	background-image: url(c-print-fantasy.png) }
#mapbutton{ 	background-image: url(c-compass-fantasy.png) }
#propbutton{ 	background-image: url(c-eye-fantasy.png) }

/* div che stampa l'immagine separatrice tra i vari paragrafi. deve essere alto quanto l'immagine spaziatrice */
.spaziatore{ background-image: url(c-chapter-fantasy.png); height:10px; }

#pagecontent{ background: #40105A url(l2-fantasy.jpg) repeat-y top center; color: #fff; }
#pagecontent a{ color: #fff; text-decoration: none; }
#pagecontent a:hover{ text-decoration: underline; }
#pagecontent img{ border: 1px solid #306; }

/* Area top col logo del negozio. porre altezza = altezza immagine */
.presentazione{ background: url(c-fantasy.jpg) no-repeat; height: 394px; }





/* Image Replacement - Tecnica My Latest take --> VEDI: http://css.html.it/articoli/leggi/2030/image-replacement-le-3-tecniche-migliori/4/  */
/* Istruzioni creazione immagini:
	l- immagine non puo essere trasparente, deve avere lo sfondo della pagina
	2- lasciare almeno un padding di 10-15 px prima del testo dentro al file immagine, farla quindi piu alta del necessario
	3- impostare la width e la height del div di circa 20px o quanto basta a coprire il testo
	4- il colore del testo sostitutivo deve essere uguale allo sfondo del sito, e lo sfondo del div deve essere un colore di contrasto al testo
	   per permettere che possa essere letto in assenza della immagine
	5- testare su fierfox, explorer 6 e 7 che il testo venga coperto correttamente
*/
h2#titolo_lista_offerte{
	width:555px;
	height:45px;
    font: bold 12px Arial,sans-serif;
    background:#C33BED url(cornice-offerte.gif) center right no-repeat;
    /* se immagine piena, dare colore di contrasto per lettura, se no uguale a sfondo per nasconderlo */
    color:#40105A;
    margin-top:60px;
    margin-bottom:60px;
}

h2#titolo_lista_gallery{
	width:565px;
	height:55px;
    font: bold 12px Arial,sans-serif;
    background:#C33BED url(gallery-fantasy2.jpg) center right no-repeat;
    /* se immagine piena, dare colore di contrasto per lettura, se no uguale a sfondo per nasconderlo */
    color:#40105A;
    margin-top:40px;
    margin-bottom:30px;
}

.titoletto{ color: #FFF; }