@charset "UTF-8";
body {
	margin: 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 14pt;
	background-color: #FFF;
	font-style: italic;
	background-image: none;
}
/* CSS Document */

.sidebar1 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding-bottom: 10px;
}
.sidebar2 {
	float: left;
	width: 180px;
	background: #EADCAE;
	padding: 10px 0;
}

/* ~~ Questo selettore raggruppato fornisce spazio agli elenchi dell'area .content ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* Questa spaziatura rispecchia la spaziatura destra nella regola di intestazione e paragrafo riportata sopra. La spaziatura è stata applicata al lato inferiore per garantire uno spazio tra gli altri elementi negli elenchi e a sinistra per creare il rientro. Può essere regolata a piacere. */
}

/* ~~ Gli stili dell'elenco di navigazione (rimovibili se scegliete di utilizzare un menu flyout reimpostato come Spry) ~~ */
ul.nav {
	list-style: none; /* Rimuove l'indicatore di elenco */
	border-top: 1px solid #666; /* Crea il bordo superiore dei collegamenti; tutti gli altri vengono posizionati utilizzando un bordo inferiore sul LI */
	margin-bottom: 15px; /* Crea lo spazio tra gli elementi di navigazione nel contenuto sottostante */
}
ul.nav li {
	border-bottom: 1px solid #666; /* Crea la separazione tra i pulsanti */
}
ul.nav a, ul.nav a:visited { /* Raggruppando questi selettori si fa in modo che i collegamenti mantengano l'aspetto di pulsante anche dopo che sono stati visitati */
	padding: 5px 5px 5px 15px;
	display: block; /* Specifica le proprietà block del collegamento facendo sì che riempia l'intero LI che lo contiene. Fa in modo che l'intera area risponda a un clic del mouse. */
	width: 160px;  /*Questa larghezza rende cliccabile l'intero pulsante in IE6. Se non avete bisogno di supportare IE6, può essere rimossa. Calcolate la larghezza corretta sottraendo la spaziatura di questo collegamento dalla larghezza del contenitore della barra laterale. */
	text-decoration: none;
	background: #C6D580;
}
.loghi {
	float: left;
	height: auto;
	width: 225px;
	margin-left: 30px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { /* Cambia il colore dello sfondo e del testo per la navigazione tramite mouse e tastiera */
	background: #ADB96E;
	color: #FFF;
}

/* ~~ Classi float/clear varie ~~ */
.fltrt {  /* questa classe può essere utilizzata per applicare un float a un elemento a destra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* questa classe può essere utilizzata per applicare un float a un elemento a sinistra nella pagina. L'elemento con float deve precedere l'elemento al quale deve essere affiancato sulla pagina. */
	float: left;
	margin-right: 8px;
}

a:link {
	color: #323232;
}
a:visited {
	color: #666;
}
a:hover {
	color: #CCC;
}
.clearfloat { /* Questa classe può essere inserita in un <br /> o in un div vuoto come elemento finale subito dopo l'ultimo div con float (all'interno del #container) se il overflow:hidden sul .container viene rimosso). */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* ~~ Questo contenitore a larghezza fissa circonda tutti gli altri div ~~ */
.container {
	width: 1050px; /* Il valore automatico sui lati, abbinato alla larghezza, produce un layout centrato. */
	overflow: hidden; /* Questa dichiarazione indica al .container dove terminano le colonne con float che deve contenere */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.header {
/*	background-image: url(img/header.jpg);*/
	background-image: url(http://www.granellidistelle.it/negozio/wp-content/uploads/2014/12/logo-1-granelli-stelle.jpg);
	float: left;
	height: 100px;
	width: 1045px;
	text-align: right;
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-style: italic;
	vertical-align: middle;
	margin-top: 30px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.content {
	width: 1050px;
	float: left;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
	height: auto;
}
.footer {
	float: left;
	height: 150px;
	width: 1045px;
	background-image: url(img/footer.jpg);
	padding-top: 180px;
	background-repeat: no-repeat;
	background-color: #CCC;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.txt_right {
	float: left;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
}
.txt_center {
	width: 300px;
	float: left;
	margin-right: 27px;
	margin-left: 27px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
}
.txt_left {
	float: left;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #323232;
	text-transform: lowercase;
	text-align: left;
}
.txt_contatti {
	float: right;
	width: 300px;
	margin-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	font-style: italic;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.txt_scroll {
	float: right;
	width: 300px;
	margin-left: 20px;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #FFF;
	font-style: italic;
}
.milk {
	float: right;
	height: 30px;
	width: 300px;
	text-align: right;
	clear: both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: italic;
	color: #FFF;
	margin-right: 20px;
	margin-bottom: 20px;
	vertical-align: text-bottom;
}

a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #F69;
}
a:active {
	text-decoration: none;
}

a:link {
	color: #999;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #F69;
}
a:active {
	text-decoration: none;
	font-weight: bold;
}
.facebook {
	height: auto;
	width: auto;
	margin-left: 35px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #999;
	text-align: left;
	clear: none;
	font-weight: bold;
}
.pulsanti {
	height: auto;
	width: auto;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	color: #999;
	text-align: left;
	clear: none;
	font-weight: bold;
	margin-top: 35px;
	margin-left: 30px;
}
.info {
	float: right;
	height: 95px;
	width: 625px;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	color: #9B9B9B;
	font-weight: normal;
	font-style: italic;
	background-image: url(img/sfondo_info.jpg);
}
.info_gallery {
	float: right;
	height: 126px;
	width: 400px;
	font-family: "Times New Roman", Times, serif;
	font-size: 27px;
	color: #9B9B9B;
	font-weight: normal;
	font-style: italic;
	background-image: url(img/sfondo_info.jpg);
	margin-top: 25px;
}
.news {
	float: left;
	width: 1045px;
	background-image: none;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #EE99C2;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	margin-bottom: 0px;
	margin-top: 50px;
	height: 400px;
}
.gallery {
	float: left;
	height: 700px;
	width: 1045px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #EE99C2;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	margin-bottom: 70px;
	margin-top: 50px;
	background-color: #CCC;
}
.box_oriz {
	float: left;
	width: 550px;
	margin-bottom: 75px;
	margin-top: 25px;
}
.box_vert {
	float: left;
	width: 500px;
	margin-top: 25px;
	margin-bottom: 75px;
}
.testo1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #EE99C2;
	float: left;
	height: 25px;
	width: auto;
	font-weight: bold;
	font-style: normal;
}