/* CSS Document */
html, body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	font-size: x-small;
	background: url(../images/bg.jpg) repeat;
	background-repeat: repeat;
	text-align: center;
}
/* -------------- Struttura sito -------------- */
#main
{
	/* contenitore generale */
	margin: 0 auto 10px auto;
	padding: 0;
	width: 720px;
	background: transparent url(../images/layout_sfondo.jpg) repeat-y;
	position: relative;
}

/*fieldset 
{
	width:450px;
}*/

#header_logo
{
	/* testa */
	margin: 0;
	padding: 0;
	height: 51px;
	background: transparent url(../images/layout_headLogo.jpg) repeat-y;
}

#header_flash
{
	/* testa */
	margin: 0;
	padding: 0;
	height: 150px;
	background: transparent url(../images/layout_headFlash.jpg) no-repeat;
	text-align: left;
}

#flashobject
{
	margin-left: 11px;
}

#topnav
{
	/* per la barra di nav vera e propria */ /*margin:0 0 0 165px;*/
	margin: 0;
	padding: 0;
	height: 33px; /*line-height:26px;*/
	background: transparent url(../images/layout_menu.jpg) repeat-y;
	text-align: center;
	vertical-align: middle;
}

#centro
{
	/* col di dx dove va il testo */
	margin: 5px 25px 5px 215px;
	padding: 0px;
	text-align: left; /*float:left;*/ /*width:430px;*/ /*height: 650px;*/
	/*height: 650px;*/
}

#mybar
{
	/* menu col destra */
	margin: 5px 5px 5px 15px;
	padding: 5px 5px 5px 5px;
	width: 200px;
	float: left;
	text-align: left;
	background: #EDEAE3;
}

#elencoprodotti
{
	width: 490px;
	padding: 0 0 0 5px;
	margin: 0 auto 0 auto;
}

#marca
{
	float: right;
	margin: 2px 0 0px 0;
	color: #6D6D6D;
}

#immagineprodottoselezionato
{
	width: 300px;
	margin: 0 auto 0 auto;
}

#dettagliprodottoselezionato
{
	width: 400px;
	margin: 0 auto 0 auto;
	text-align: left;
	padding: 5px 5px 5px 5px;
}

#footer
{
	margin: 0;
	padding: 0;
	text-align: center;
	clear: both;
	height: 37px;
	background: transparent url(../images/layout_footer.jpg) no-repeat;
	color: white;
	line-height: 25px;
}

/* Primo piano */

#primopiano_container
{
	margin: 0 auto 10px auto;
	padding: 10px 0 10px 0;
	width: 230px;
	height: auto; /*margin:10px auto; */
	margin: 3px 3px 3px 3px; /*border:1px solid #999; */
	padding: 0px;
	float: left;
}

#primopiano_immagine
{
	width: 70px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	float: left; /*border-right:1px solid #999; */
}

#primopiano_sopra
{
	margin-left: -1px;
	padding: 0px;
	height: auto; /*border-bottom:1px solid #999; */
	text-align: left; /*background-color:#F0F3FB;*/
}

#primopiano_sotto
{
	margin-left: -1px;
	padding: 0px;
	height: auto;
}

#primopiano_sotto p
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 10px;
	color: #333333;
	text-align: left;
}

.cont60centrato
{
	/* in questo ci metti le immagini 60x60*/
	margin: 0 0 0 1px;
	padding: 0;
	width: 70px;
	height: 70px;
	float: left;
}

a.img60:link, a.img60:visited
{
	margin: 0 auto;
	padding: 3px; /* è la distanza dall'immagine */
	width: 60px; /* larghezza dell'immagine */
	height: 60px; /* altezza dell'immagine */
	border: 1px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/ /* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
	display: block;
}

a.img60:hover
{
	margin: 0 auto;
	padding: 3px; /* come sopra */
	border: 1px solid #aaa; /* colore del bordo scambiato */
	height: 60px; /*  come sopra */
	width: 60px; /*  come sopra */
}

a.categoriapplink
{
	text-decoration: none;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

a.categoriapplink: visited
{
	/* per i link visitati, ho messo la sottolineatura a differenza di quello da visitare. */
	text-decoration: underline;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
}

a.categoriapplink:hover
{
	text-decoration: none;
	color: #999999;
	font-size: 11px;
	font-weight: bold;
}

/* Fine Primo piano */

/* Eventi */

#hdm_container
{
	width: 90%; /*height:42px; */
	margin: 6px auto; /*border:1px solid #999; */ /*background:#fff;*/
	padding: 3px;
}

#hdm_sinistra
{
	width: 81px;
	height: 62px;
	margin: 0px;
	padding: 3px;
	float: left;
	border-right: 1px solid #999;
}

#hdm_sopra
{
	margin-left: -1px;
	padding: 0px;
	height: 21px;
	border-bottom: 1px solid #999;
	text-align: left;
}

#hdm_sotto
{
	margin-left: -1px;
	padding: 0px;
	height: 21px;
	text-align: left;
}


/* Fine Eventi */

/*------- ELENCHI --------- */

#topnav ul
{
	/* elenco orizzontale sotto la head */
	margin: 0;
	padding: 0;
	list-style-type: none;
}


#topnav li
{
	padding: 3px 0 0 20px;
	display: inline;
	color: #41563F; /*#a90000;*/
	font-size: 10px;
	font-weight: bold; /*vertical-align:middle;*/
	line-height: 26px;
}


#topnav li a, #topnav li a:visited
{
	text-decoration: none;
	color: #CCC; /*#a90000;*/
}

#topnav li a:hover
{
	text-decoration: none;
	color: white;
}

#mybar ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#mybar a.categoria, a.categoria:visited
{
	color: #bb4c27;
	font-weight: bold;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	text-decoration: none;
	display: block;
}

#mybar a.categoria:hover
{
	color: black;
	text-decoration: none;
}

#mybar li
{
	margin-left: 5px;
	color: #8B8587;
	line-height: 25px;
	border-bottom: 1px solid #DEDBD5;
	background: transparent url(../images/bull2.gif) no-repeat;
	background-position: left;
	vertical-align: middle;
	padding-left: 10px;
}

#mybar li a, #mybar li a:visited
{
	font-size: small;
	font-weight: bold;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #8B8587;
}

#mybar li a:hover
{
	text-decoration: none;
	color: black;
}

/* -------------- Paragrafi -------------- */
#centro p
{
	/* paragrafo usato solo per scrivere testo nella colonna principale */
	margin: 10px 20px 5px 20px;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
	font-size: small;
	font-weight: normal;
	color: #333333;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

#mybar p
{
	/* paragrafo usato solo per scrivere testo nella colonna principale */
	margin: 10px 20px 5px 20px;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
	font-size: x-small;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#footer p
{
	/* paragrafo usato solo per scrivere testo nel footer */
	margin: 0; /*padding:5px 0 0 0 ;*/
	color: #7c7c7c;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
	vertical-align: middle;
}

.floatright
{
	/* usata per posizionare l'immagine a dx nella pag */
	float: right;
	margin: 10px 5px 0 10px;
}

.h2borderup
{
	border-top: 1px solid #6D6D6D;
	margin: 0 0 8px 0;
	display: block;
	padding: 0;
}

h1, h3, h4
{
	margin: 0;
	padding: 0;
}

h2
{
	_height: 1em;
	border-bottom: 1px solid #6D6D6D;
	margin: 6px 0 8px 10px;
	padding: 0 0 8px 0;
	font-family: "Century Gothic" , Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 16px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
}

.h2replaced
{
	border-bottom: 1px solid #6D6D6D;
	margin: 0 0 8px 0;
	display: block;
	padding: 0;
}

.dateline
{
	float: right;
	margin: 2px 0 0px 0;
	color: #6D6D6D;
}

.testo
{
	font-size: 13px;
	line-height: 19px;
	padding: 8px 0 8px 8px;
	color: #333333;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

.testobold
{
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	font-family: "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

.testoboldnero
{
	font-size: 13px;
	font-weight: bold;
	color: black;
	font-family: "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
}

#eventi_container
{
	width: 390px;
	height: 42px;
	margin: 10px auto;
	border: 1px solid #999;
	padding: 0px;
}

#eventi_sinistra
{
	width: 41px;
	height: 42px;
	margin: 0px;
	padding: 0px;
	float: left;
	border-right: 1px solid #999;
}

#eventi_sopra
{
	/*margin-left:-1px; */
	padding: 5px;
	height: 21px;
	border-bottom: 1px solid #999;
	background-color: #F0F3FB;
}

#eventi_sotto
{
	/*margin-left:-1px; */
	padding: 5px;
	height: 21px;
	text-align: left;
	background: #EEEEEE;
}

#eventi_email
{
	width: 130px;
	height: 20px;
	border-left: 1px solid #999;
	background-color: #ddd;
	text-align: left;
	float: right;
}

.titolo
{
	margin: 10px 20px 5px 20px;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small;
	border-bottom: 1px dotted #CCCCCC;
	display: block;
	color: #666666;
}

.testo
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 10px;
	color: #333333;
}

/* Scheda prodotto */

#schedaprodotto
{
	position: relative;
	width: 450px;
	margin: 1em auto;
	text-align: left;
	float: left;
}

#immagine
{
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}

#dettagli
{
	/*position:absolute;*/
	top: 0;
	right: 0;
	margin-left: 230px;
	width: 240px;
}

.titoloprodotto
{
	margin: 0 0 0 10px;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
	font-size: medium;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-bottom: 1px solid #666666;
	display: block;
	color: #666666;
}

.intestazionetesto
{
	font-family: Verdana, Arial, Helvetica, sans-serif, "Century Gothic";
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	color: #333333;
}

/* Fine Scheda prodotto */

/* links */
a
{
	text-decoration: none;
	color: #a90000;
	font-size: 11px;
	font-weight: bold;
}

a: visited
{
	/* per i link visitati, ho messo la sottolineatura a differenza di quello da visitare.  se nn ti piace puoi anche toglierla */
	text-decoration: underline;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

a:hover
{
	text-decoration: none;
	color: #000;
	font-size: 11px;
	font-weight: bold;
}

A.prodotti
{
	font-size: 12px;
	color: #999999;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.prodotti:Hover
{
	color: #333333;
	text-decoration: underline overline;
}

A.designby
{
	font-size: 10px;
	color: #999999;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

A.designby:Hover
{
	color: #333333;
	text-decoration: underline overline;
}

a.sottocategoria, a.sottocategoria:visited
{
	margin-left: 5px;
	color: #8B8587;
	font-size: small;
	font-weight: bold;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.sottocategoria:hover
{
	text-decoration: none;
	color: black;
}

/* Barra di navigazione */

.categoriaselezionata
{
	margin-left: 5px;
	color: #bb4c27;
	font-size: small;
	font-weight: bold;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	line-height: 25px;
	border-bottom: 1px solid #DEDBD5;
}

a.navlink, a.navlink:visited
{
	margin-left: 5px;
	color: #8B8587;
	font-size: small;
	font-weight: bold;
	font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

a.navlink:hover
{
	text-decoration: none;
	color: black;
}

/* Fine Barra di navigazione */

.iconcine
{
	/* in questo ci metti le immagini 60x60*/
	margin: 0 3px 5px 1px;
	padding: 0;
	width: 40px;
	height: 40px;
	float: left;
	display: block;
}

a.iconcine:link, a.iconcine:visited
{
	margin: 0 auto;
	padding: 3px; /* è la distanza dall'immagine */
	width: 40px; /* larghezza dell'immagine */
	height: 40px; /* altezza dell'immagine */
	border: 1px solid #fff; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/ /* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
	display: block;
}

a.iconcine:hover
{
	margin: 0 auto;
	padding: 3px; /* come sopra */
	border: 1px solid #aaa; /* colore del bordo scambiato */
	height: 40px; /*  come sopra */
	width: 40px; /*  come sopra */
}

.contTbStruttura
{
	/* in questo ci metti le immagini 74x74*/
	margin: 0;
	padding: 2px;
	width: 52px;
	height: 52px;
	float: left;
}

a.imgTbStruttura:link, a.imgTbStruttura:visited
{
	margin: 0;
	padding: 2px; /* è la distanza dall'immagine */
	width: 52px; /* larghezza dell'immagine */
	height: 52px; /* altezza dell'immagine */
	border: 1px solid #fffed8; /* il bordo è necessario altrimenti vedi uno "spostamento" nello stato hover dell'immagine*/ /* inoltre deve avere un bordo dello stesso colore dello sfondo sul quale si trova*/
	display: block;
	text-align: center;
}

a.imgTbStruttura:hover
{
	margin: 0;
	padding: 2px; /* come sopra */
	border: 1px solid #aaa; /* colore del bordo scambiato */
}

@media print
{
	body
	{
		background-color: white;
		margin: 5px;
		padding: 5px;
		height: 100%;
	}

	#elencoprodotti
	{
		display: none;
	}

	#schedamarca
	{
		display: none;
	}

	#topnav
	{
		display: none;
	}

	#header
	{
		display: none;
	}

	#mybar
	{
		display: none;
	}

	#stampalink
	{
		display: none;
	}

	#downloadimmagine
	{
		display: none;
	}

	#prezzo
	{
		display: none;
	}

	#elencorisultati
	{
		display: none;
	}

	#codice
	{
		display: none;
	}

	#categoria
	{
		display: none;
	}

	#marca
	{
		border-bottom: 1px solid #6D6D6D;
		display: block;
		width: 400px;
		font-size: 13px;
		line-height: 19px;
		padding: 8px 0 8px 8px;
		color: #333333;
		font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
		margin: 0 auto 0 auto;
	}

	#dettagliprodottoselezionato
	{
		border-top: 1px solid #6D6D6D;
		margin: 0 auto 0 auto;
		display: block;
		padding: 8px 0 8px 8px;
		font-family: "Century Gothic" , "Lucida Grande" , Verdana, Arial, Helvetica, sans-serif;
		width: 400px;
		font-size: 13px;
		line-height: 19px;
	}
}