@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666666;
}
.avviso {
	font-size: 19px;
	font-weight: bold;
	color: #D76200;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
.sfu_sx {
	background-image: url(../immagini/sfu_sx.jpg);
	background-repeat: repeat-y;
}
.sfu_dx {
	background-image: url(../immagini/sfu_dx.jpg);
	background-repeat: repeat-y;
}
.mappa {
	background-image: url(../immagini/bkg_mappa.jpg);
	background-repeat: no-repeat;
}
.mappaGB {
	background-image: url(../immagini/bkg_mappa_gb.jpg);
	background-repeat: no-repeat;
}
.azienda {
	padding-top: 20px;
	padding-right: 45px;
	padding-bottom: 20px;
	padding-left: 45px;
}
.news {
	padding-top: 10px;
	padding-right: 45px;
	padding-bottom: 10px;
	padding-left: 45px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #D76200;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #D76200;
}
.immagine {
	padding-left: 20px;
}
.tabellaform {
	padding: 5px;
}
.campo {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
	width: 250px;
	background-image: url(../immagini/retino.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D76200;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
}
.campopiccolo {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
	width: 50px;
	background-image: url(../immagini/retino.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D76200;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
}
.campoquantita {
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	padding: 4px;
	width: 20px;
	background-image: url(../immagini/retino.gif);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D76200;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
}
.tabellaprezzi {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.tabellaprezzi0 {
	padding: 0px;
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.informativa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	width: 780px;
	background-color: #FFFFFF;
}
.boxnewsletter {
	background-image: url(../immagini/retino.gif);
	padding: 10px;
}
a:link {
	color: #D76200;
}
a:hover {
	color: #333333;
}
a:visited {
	color: #D76200;
}
.tabellina {
	padding-top: 2px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
.footer {
	font-size: 12px;
}

#nero{
	/* Imposto il colore nero */
	background-color:#000000;
	/* Imposto come puntatore la manina */
	cursor:pointer;
	/* Imposto i valori di altezza e larghezza a 100% */
	height:100%;
	width:100%;
	/* Ci servir� in modo tale che non ci siano margini */
	left:0;
	top:0;
	/* Impostiamo come posizione la fissa */
	position:fixed;
	/* Aggiungiamo i codice per opacizzare lo sfondo. */
	opacity: 0.65;
	-moz-opacity: 0.65;
	filter:alpha(opacity=65);
	/* E' utile nel caso in cui ci siano altri oggetti in posizione assoluta o fissa */
	z-index:1000;
	/* Lo rendiamo non visibile */
	display:none;
}

/* Questo sar� il nostro popup */
.messaggio{
	/* Impostiamo il bianco come colore di sfondo e creiamo un piccolo bordo */
	background-color:#FFFFFF;
	border:0px solid #AAAAAA;
	/* Impostiamo un leggero margine interno */
	padding:5px;
	/* Impostiamo la posizione come fissa. Ci servir� in modo tale che il popup segua lo scrolling della pagina */
	position:fixed;
	/* Impostiamo lo z-index come 1001. Lo z-index � una sorta di gestore di livelli. Chi avr� il numero maggiore si trover� davanti a chi ha numero minore. Facile no? */
	z-index:1001;
	/* Rendiamo il popup non visibile */
	display: none;
	/* Impostiamo la grandezza del box. Ci servir� in quanto cos� possiamo facilmente impostare il box centrato nella pagina */
	width: 300px;
	height: 77px;
	/* Impostiamo i valori di top e left a 50% */
	left: 50%;
	top: 50%;
	/* Il margin left e top dovr� essere pari alla met� delle dimensioni del box. Ci servir� per centrare il box */
	margin-left: -175px;
	margin-top: -175px;
	text-align:center;
	/* Impostiamo un'ombra con CSS3 */
	-webkit-box-shadow: 0px 0px 10px #525252;
	-moz-box-shadow: 0px 0px 10px #525252;
}
#chiudi{
	cursor:pointer;
	position:absolute;
	right:5px;
	top:5px;
	width:34px;
}

