/* CSS Document */
html, body
{
	margin: 0;
	padding: 0;
	font-size: 11px; /*#AFB9C2; /*url(../images/bg.jpg) repeat;*/
	/*background-repeat: repeat;*/
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E9E9E9;
}
/* -------------- Struttura sito -------------- */
#main
{
	/* contenitore generale */
	margin: 0 auto;
	padding: 0px;
	width: 770px;
	position: relative;
	height: 500px;
	height: auto !important;
	background-color: #FFFFFF;
	min-height: 500px;
	overflow: visible;
}

#header_logo
{
	/* testa */
	margin: 0;
	padding: 0;
	height: 30px;
	background-color: #FFFFFF;
}

#header_logo h1
{
	font-size: 10px;
	font-weight: normal;
	margin-top: 5px;
	position: relative;
}

#languageSelection
{
	float:right;
}

#header_flash
{
	/* testa */
	margin: 0;
	padding: 0;
	height: 182px;
	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: 35px;
	text-align: center;
	background-color: #343434;
	font-size: 12px;
}

#topnav div
{
	padding: 0;
	text-align: center;
	vertical-align: middle;
	margin-top: 3px;
	font-size: 12px;
}

#centro
{
	/* col di dx dove va il testo */	
	margin: 10px 25px 5px 220px;
	padding: 0px;
	text-align: left;
	min-height: 400px;
	line-height: 16px;
	height: auto;
}

#mybar
{
	/* menu col sinistra */	
	margin: 10px 5px 5px 0px;
	padding: 10px 5px 5px 7px;
	width: 198px;
	height:auto;
	float: left;
	text-align: left;
	background: #ffffff;
	background-image: url(../images/bg_coldx.jpg);
	min-height: 400px;
	background-position: top;
	background-repeat: no-repeat;
}

#mybar hr 
{ 
	margin-bottom: -14px; 
	border: thin solid lightgray; 
	color: #CCC;
}

#mysponsorbar
{
	/* menu col destra */
	margin: 5px 5px 5px 5px;
	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: 35px;
	background-color:#343434;
	color: white;
	font-size: 10px;
	padding-top: 3px;
	line-height: 15px;
}

/* Gallerie */

#boxGrande
{
	margin:0 auto;
	padding:0;
	width:503px;
}

.cont100
{
	margin:0;
	padding:0;
	width:110px;
	height:110px;
	float:left;
}

.contSponsor
{
	margin:8px;
	padding:3px;	
	float:left;
	border: 1px solid #EEE;
}

a.img100:link, a.img100:visited
{
	margin:0 auto;
	padding:3px; /* è la distanza dall'immagine */
	width:100px; /* larghezza dell'immagine */
	height:100px; /* altezza dell'immagine */
	border: 2px 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.img100:hover 
{ 
	margin:0 auto;
	padding:3px;  /* come sopra */
	border: 2px solid #E2000E; /* colore del bordo scambiato */
	height:100px; /*  come sopra */
	width:100px;  /*  come sopra */
} 

/* 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-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;
}

/* Fine Primo piano */

/* Eventi */

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

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

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

#hdm_sotto
{
	margin-left: -1px;
	padding: 0px;
	height: 50px;
	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: 11px;
	font-weight: bold; /*vertical-align:middle;*/
	line-height: 30px;
	color: #CCC;
}


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

#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: #b73435;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: block;
	margin: 10px 0px 4px 0px;
}

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

#mybar li
{
	margin-left: 5px;
	color: #000000;
	line-height: 20px;
	border-bottom: 1px solid #ffffff;
	vertical-align: middle;
	font-size: 11px;
}

#mybar li a, #mybar li a:visited
{
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

#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 10px;
	padding: 0;
	text-align: justify;
	line-height: 1.6em;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}

#mybar p
{
	/* paragrafo usato solo per scrivere testo nella colonna principale */
	margin: 5px 0px 5px 0px;
	padding: 0;
	text-align: center;
	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;
}

/* ---------------------------------------------- 
   Classi varie utili per formattare il testo    
   ---------------------------------------------- */

/*.imgEventoList
{
	width: 90px;
	height: 60px;
}*/

.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;
}

.repOpzioni
{
	margin:5px;
}

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-variant: normal;
	font-size: 14px;
	line-height: 24px;
	font-weight: bold;
	display: block;
	color: #990000;
}

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

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

.testo
{
	padding: 8px 0 8px 0px;
	color: #333333;
}

.testobold
{
	font-size: 13px;
	font-weight: bold;
	color: #333333;
}

.testoEvidenziato
{
	font-size: 13px;
	font-weight: bold;
	color: #333333;	
	margin:5px;
	padding:3px;
}

.testoEvidenziatoErrore
{
	font-size: 13px;
	font-weight: bold;
	color: red;	
	margin:5px;
	padding:3px;
}

.testoboldnero
{
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.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;
}

.categoriaselezionata
{
	margin-left: 5px;
	color: #bb4c27;
	font-size: small;
	font-weight: bold;
	vertical-align: middle;
	line-height: 25px;
	border-bottom: 1px solid #DEDBD5;
}

.testobianco
{
	color:White;
	font-weight:bold;	
}

.myTable
{	
	margin:10px;
}

.headerTable
{
	background:#EEE;
	font-weight:bold;
}

.itemTable
{
	font-style:italic;	
	background:#FFFFEE;	
	padding:7px;
}

.alternatingItemTable
{
	font-style:italic;	
	background:#F1FFFF;
	padding:7px;
}

.lastItemTable
{
	background:#EEE;	
	font-weight:bold;	
}

/* ---------------------------------------------- 
   Eventi  
   ---------------------------------------------- */

#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;
}

/* Scheda prodotto */

#schedaprodotto
{
	float: right;
	margin: 0px;
	margin-left: 10px;
	
}

#immagine
{
	width: 150px;
}

#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-size: 12px;
	color: #666666;
	font-weight: bold;
	color: #333333;
}

.titolievidenziati
{
	color:#3458d9; 
	font-size:11px; 
	font-weight:bold
}

/* 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;
	text-decoration: none;
}

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

A.designby
{
	font-size: 10px;
	color: #999999;
	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;
	text-decoration: none;
}

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

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;
}

/* Barra di navigazione */

a.navlink, a.navlink:visited
{
	margin-left: 5px;
	color: #8B8587;
	font-size: small;
	font-weight: bold;
	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: 0px;
	width: 50px;
	height: 50px;
	float: left;
}

a.imgTbStruttura:link, a.imgTbStruttura:visited
{
	margin: 0;
	padding: 0px; /* è la distanza dall'immagine */
	width: 50px; /* larghezza dell'immagine */
	height: 50px; /* altezza dell'immagine */
	border: 1px solid #ffffff; /* 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: left;
}

a.imgTbStruttura:hover
{
	margin: 0;
	padding: 0px; /* come sopra */
	border: 1px solid #ba171f; /* 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;
		margin: 0 auto 0 auto;
	}

	#dettagliprodottoselezionato
	{
		border-top: 1px solid #6D6D6D;
		margin: 0 auto 0 auto;
		display: block;
		padding: 8px 0 8px 8px;
		width: 400px;
		font-size: 13px;
		line-height: 19px;
	}
}
#topnav a {
	/* per la barra di nav vera e propria */ /*margin:0 0 0 165px;*/
	margin: 0;
	padding: 0;
	margin-left: 12px;
	vertical-align: middle;
}
.bold-rosso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #990000;
}
#aspnetForm #centro #ctl00_cphCentro_panelContatti {
	width: 510px;
	padding: 5px 5px;
}
#aspnetForm #centro #ctl00_cphCentro_panelContatti fieldset {
	padding: 5px auto;
}
#aspnetForm #centro #ctl00_cphCentro_chkClausoleVessatorie {
	margin-left: 10px;
}
#ctl00_cphCentro_chkClausoleVessatorie {
	margin-left: 10px;
}
#Content1 #chkClausoleVessatorie {
	margin-left: 10px;
}
#sottofooter {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
}
#sottofooter a {
	font-size: 10px;
	text-decoration: none;
	color: #333333;
}