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

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

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

/* Area top col logo del negozio. porre altezza = altezza immagine */
.presentazione{ background: url(c-gabbiano.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:569px;
	height:58px;
    font: bold 12px Arial,sans-serif;
    background:#f7a501 url(offerte-gabbiano.png) center right no-repeat;
    /* se immagine piena, dare colore di contrasto per lettura, se no uguale a sfondo per nasconderlo */
    color:#f7a501;
    margin-top:60px;
    margin-bottom:60px;
}

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

.titoletto{ color: #fff; }