/* 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-hula.png) }
#prevbutton{ 	background-image: url(c-prev-hula.png); }
#nextbutton{ 	background-image: url(c-next-hula.png) }
#printbutton{ 	background-image: url(c-print-hula.png) }
#mapbutton{ 	background-image: url(c-compass-hula.png) } 
#propbutton{ 	background-image: url(c-eye-hula.png) }

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

#pagecontent{ background: #cf0 url(l2-hula.jpg) repeat-y top center; color: #063; }
#pagecontent a{ color: #063; text-decoration: none; }
#pagecontent a:hover{ text-decoration: underline; }
#pagecontent img{ border: 1px solid #cf0; }
/* filetto intorno immagine prodotti */

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


/* 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:530px;
	height:52px;
    font: bold 12px Arial,sans-serif;
    background:#CCFF00 url(offerte-hula.png) center right no-repeat;
    /* se immagine piena, dare colore di contrasto per lettura, se no uguale a sfondo per nasconderlo */
    color:#CCFF00;
    margin-top:60px;
    margin-bottom:60px;
}

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

.titoletto{ color: #c3f; }