html {
	height: 100%;
}

body { 
	margin:			0 0 0 0; 
height: 100%;
 width: 920px; /*se imposto questa dimensione mi esce centrato sullo schermo, 810px è sx+cx*/
  margin-left: auto;
  margin-right: auto;
	padding:		0 0 0 0; 
	/*font:				.80em verdana, sans-serif;*/
	/*font:			.60em Times New Roman, Times, serif;*/
	background: #FFF;
/*      background-image:URL(sfondocopi a20.jpg);*/
	background-image:URL(bg.gi);
	/*background: #fff url("body_background.png") left top repeat-x; /* sfondo verticale*/
	
	background-color:#A7C1D5; /*è queso il blu ok**/
/*	background-color:#A7C1ff;*/
	color:			#000;

text-align: center; /* un trucco per centrare il layout in explorer 5.5*/



}




body.piustretto { 

width: 110px; /* imposto qui per il menu*/

}








A:LINK{
	text-decoration: none;
	color: #555500 ; //#555500 ;
	}

A:VISITED{
	text-decoration: none;
	color: #555500;
	}

A:HOVER{
/*	border-bottom:1px dotted #99c;*/
	text-decoration: underline;
	Color: 	#CC3300;
	}


A:ACTIVE{
	/*text-decoration: underline overline; 
	color: silver*/
	text-decoration: none;
	color: #555500;
	}





/*hr { display:	none }*/



/*QUESTO lo metto per bloccare gli altri livelli, così nel ridimensionamento non fanno storie*/

#tutto {
	text-align: left; /* un trucco per centrare il layout in explorer 5.5 e riposizionare gli elementi alla sinistra*/
	border: none; /*serve a visualizzare il di in NT4*/
	width:	900px; 
/*background-color:#fff;*/
/*background-image:URL(sfumato900.gif);*/
	
	}




#lingue {
	/*padding: 4px 8px;*/ 
  position: absolute; 
  margin-left: 590px; 
  margin-top: 5px;
  text-decoration: none;	
	}

#lingue img, a:link, a:visited, a:hover, a:active {
  text-decoration: none;	
  border: 0 none;
	}


#sopra { 
	/*border-top:			1px solid #000;*/
	border-bottom:	1px solid #111;

	/*background:			#999; */
	/*background-image:URL(testo.gif);*/

	background-image:URL(testo.jpg); /*  no-repeat;*/
	/*background-attachment: fixed;*/
	background-position: center;
	background-repeat: no-repeat;

/*background-image:URL(sfumatog.gif);*/
	
	height:145px; /*ex 130px*/

	/*margin-left:125px;
	margin-right:125px; */ /* allineo testo*/
	margin-left:50px;
	margin-right:50px;
/*	color:	#FFF;  */
margin-top:20px;
}
#sopra h1 {  
	font:			bold italic 40px/50px impact, arial, verdana, helvetica, sans-serif;
	margin:		0;
}

#sinistra { 
/*position: fixed;
display:inline;*/
	float:			left;
	

	width:			110px; 
	color:			#000;
/*	background-color:#A2CaD0;
	height:100%;*/

	/*background-image:URL(menusfondo.jpg); ora non mi piace più
	background-position: center left;/*right;
	background-repeat: no-repeat;*/


margin-top:5px;
margin-right:0px;

/*background-image:URL(sfumato.gif);	/* tolto 07/07*/
border:1p solid gray;

	/*background:url("menusfondo.jpg") no-repeat 100% +42px;*/
}


#destra { 
	float:			left; 
	width:			110px; 
	color:			#000;
}


#sinistra .box, #destra .box {
	padding:	10px;
}
/*#destra { margin-right: -1px; }*/

#centro { 
	float:			left; 
	width:			700px; 
	background:	#FFF; 
	color:			#000;
	/*margin: 		0 0 -1px 0;*/
	
	background-image:URL(sfumato.gif); /*l'ho fatto fisso a 700*/
/*background-image:URL(sfondohome.jpg); /*l'ho fatto fisso a 700*/

	border-style:  solid;
	border-width: 1px;
	border-color:  #8F8F8F; 
/*	border-width: 4px;
	border-color:  #B9C6D0;*/
/*text-align: left; annullo oil body*/


	/*padding-top:	50px; */
	margin-top:	5px;
	margin-bottom:	5px;


}

#centrobox { 
	float:		none;	/*left;  */
	width:650px;
	/*text-align:center; /*misrve per cenrare titolo pagina a immagine però da problemi alle immagini e quindi lo toglo*/
/* i padding explorer e firefox sono fusi, uso solo margin!!!!!*/
/*	padding:25px;
	padding-right:25px;    
	padding-left:25px; */

/*	background:	#FFF; */
/*	background:	#FBF; */

	/*font-family: "Times New Roman", Times, serif;
	font-size: 12pt;*/ /*ho messo quelli del wordpress*/
font:10pt 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	color:			#000;
	/*margin: 		0 0 -1px 0;*/

	margin-left:25px;
	margin-right:25px;
/*	background-color:#EEEEEE;*/

/*	background-image:URL(sfumatoin.gif); /*l'ho fatto fisso a 650*/

/*	border: 1px solid #aaa;*/

}


#centrobox .homepage{
background-image:URL(sfondohome.jpg); /*l'ho fatto fisso a 700*/
}


/*img.imgtitolo dovrebbe esser classe*/
img#imgtitolo {
	margin-top:40px; 
	margin-bottom:30px;
	/*padding-bottom:30px;
	border-bottom:1px dotted #00d;*/
/*width:100%;border:5px solid #ccc; width:200px; usare id= e non class= ,poi vedo xchè*/
	} 


p.indirizzohome{
	font:20px bold comic, 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	} 



#centro .box { 
	border-style:	none solid solid solid; 
	border-color:	#000; 
	border-width:	1px; 
	padding:			10px;
}

#sotto { 
	clear:					none; /*left; */
	width:700px;
	/*
	border-top:			1px solid #000;
	border-bottom:	1px solid #000; 
	padding:				2px 10px;
	background:			#999; 
	color:					#FFF; 
	font-size:			.80em;
	line-height:		1em;
	*/	
	padding-top:3px;
	padding-bottom:3px;
	padding-left:0px;
	padding-right:0px;
	margin:0px;
	
	/*height:17;*/


	vertical-align: center;
	text-align: center;
	font-family:verdana;
	font-size:10px;
	/*font-weight:bold;*/
	background-color:#CCCCCC;
	background-image:URL(sfumatog.gif);
	border-style:  solid;	
	border-top-width: 1px;
	border-bottom-width: 0px;/*era 0 però ora 1 visto bo4rdo grugetto*/
	border-left-width: 0px;
	border-right-width: 0px;

	border-color:  #8F8F8F; 
	

}














/* per la galleria*/
#galleria 
	{float:			none; 
	overflow:auto;
	/*width:100%;  meglio se la metto fissa, durante il cambio immagine va meglio*/
	width:650px;

	height:105px; /*buona per immagini 100*75*/
	/*height:125px;*/
	text-align:center;
	vertical-align: middle;
	/*//display: none; // da associare a shot, alla partenza solo matrice visibile //by codice*/



scrollbar-arrow-color: #3366ff;
scrollbar-3dlight-color: #f0f0ff;
scrollbar-darkshadow-color: #666666;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #c0c0cc;
scrollbar-track-color: #f5f5f5;


/*border: 1px solid #000**/
border-width: 1px 0px 0px 0px;
border-style:solid;
border-color: #000;
border-color: #8F8F8F;

/*border-width: 1px;
border-color:  #CC6600;
	*/} 




#shot 
	{float:			none; 
/*	clear: both;*/
	 padding-top: 10px;
padding-left:0 px;
padding-right:0 px;
margin:0px;

	/*display: none; //da associare a galleria, alla partenza invisibili //lo faccio nel codice*/


/*border:1px solid #000; /* la foto la lascio senza bordo anzi no*/
/*border-color:#000;
border-style:solid;
border-width:1px;
border:0px 1px 1px 1px;*/
	} 



#matricefloat:			none; 
	{  
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	margin: 0 px;
	padding: 0 px;
	width:100%; 
	/*position: absolute; top: 135px; left: 140px; width:640px; height:700px; mi sa che non serve la posizione, si aggiusta da solo */
	
/*	position: absolute; top: 140px; left: 150px; width:630px; height:600px; /*mi sa che non serve la posizione, si aggiusta da solo, attenzione!! ora è assoluto rispetto il centro box in cui sta */
	/*position: absolute; top: 30px; left: 0px; */

/*	display: none; // visibile alla partenza, poi diventa invisibile dopo click su immagine*/
	z-index: 5;
/*	background-color:#aaaaaa;*/
	} 



/*
.thumbnail: hover  
	{ 
//	border: 1px;	
	border-width: 1px;
	border-color:  #CC6600;
	}

.thumbnail: visited
	{ 
//	border: 1px;	
	border-width: 1px;
	border-color:  #EEEEEE; 
	}


.thumbnail: active
	{ 
//	border: 1px;	
	border-width: 1px;
	border-color:  #EEEEEE; 
	}

.thumbnail: image, visited image
	{
//	border: 1px; 
	border-width: 1px;
	border-color:  #EEEEEE; 
	}

.thumbnail: hover image
	{
//	border: 1px;
	border-width: 1px;
	border-color:  #CC6600;
	}

.thumbnail: visited image
	{
//	border: 1px;
	border-width: 1px;
	border-color:  #EEEEEE; 
	}

*/


/*non considerarew su, è scritto erratp/*/

a.thumbnail:link img {border: 1px solid lime}
a.thumbnail:visited img {border: 1px solid gray}
a.thumbnail:active  img {border: 1px solid lime}
a.thumbnail:hover img {border-color: red}



/*  per oframe fittizzo (mi sa che non la uso.*/
.iframe {
	width: 250px;
	height: 250px;
	overflow: auto;
	border: 1px solid #000;
	padding: 5px;
	}


table.tabella {
/*	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px
*/	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	border-width: 5px ;
	border-spacing: 10px;
	/*border-style: none none none none; ora i mordi li metto*/
	border:1px solid #000; /*l'ho aggiunta e ho sostituito il sotto dei tabs menu*/
	border-color: gray gray gray gray;
	border-collapse: separate;
	/*background-color: rgb(255, 250, 250); è più bella se la lasci obianco-trasparente*/
	text-align:center;
}
table.tabella th {
	width:25%;
	border-width: 1px ;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
	background-color: rgb(238, 238, 238);
	-moz-border-radius: 9px 9px 9px 9px;
}
table.tabella td {
	width:25%;
	border-width: 1px ;
	padding: 5px;
	border-style: solid solid solid solid;
	border-color: rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221) rgb(221, 221, 221);
	background-color: rgb(238, 238, 238);
	-moz-border-radius: 9px 9px 9px 9px; /*questa dopo è messa perchè sennò su explorer non funziona*/
	hover:expression(this.onmouseover=new Function("this.style.background='#cccccc';"),this.onmouseout=new Function("this.style.background='#eeeeee';"));
}

table.tabella td:hover {
  border:1px solid yellow;
  color: white;
  background:#CCCCCC; /* black;*/
  /*padding: 50px;*/} 







table.tabellaprodotti  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	/*font: bold 12px Verdana, Arial, Helvetica, sans-serif;*/
	/*border-width: 5px ;*/
	border-spacing: 10px;
	/*border-style: none none none none;*/
	/*border-color: gray gray gray gray;*/

	/*border:1px solid #gray; cioè */
border-width: 0px;
border-style:solid;
border-color: gray;
border-color: #8F8F8F;
	/*border-collapse: separate;*/
	/*background-color: rgb(255, 250, 250);*/
	text-align:left;
}

table.tabellaprodotti td {
	border-width: 1px 1px 1px 1px;
	padding: 5px 5px 5px 5px;
	-moz-border-radius: 0px 0px 0px 0px;
}


/* tabella prodotti*/
.testataprodotto{  
/*background: #408080;  */
/*background: #CCCCCC;  più chiara*/
background-image:URL(sfumatog.gif);
	background-attachment: fixed;
	background-position: center;
/*text-align:center;*/
padding: 5px 5px 5px 5px;
font-family: Arial;  
font-size: 10pt;
font-weight: bold;
/*color: #FFFFFF;*/
color: #000;

}


.descrizioneprodotto{  
/*background: #408080;  */
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10pt;
/*font-weight: bold;*/
/* color: #FFFFFF;*/
color: #000;
}


.tornasu{  
/*background: #408080;  */
font-family: Arial;  
font-size: 10pt;
font-weight: bold;
font-style: italic;
 color: #FFFFFF;
text-align:left;
}









.menuframe	{ /*width:110px; height:440px; padding-top:30px;*/
vertical-align:
/*background:transparent; width:110px; height:420px; border:none; margin:0px; margin-top:20px; padding-left:5px; per menusfondo.jpg*/

background:transparent; width:110px; height:320px; border:none; margin:0px; margin-top:10px; margin-left:5px;

}


table.tabellamenu {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	border-width: 0px 0px 0px 0px;
	border-style:solid;
	/*border-spacing: 5px 5px; non serve*/
	border-style: none none none none;
	border-color: black black black black;
	border-collapse: separate;
/*	background-color: rgb(250, 240, 230);*/


/*background-image:URL(sfumato900.gif);
width:300px;*/

}


/*table.tabellamenu th {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
}
table.tabellamenu td {
	border-width: 1px 1px 1px 1px;
	padding: 4px 4px 4px 4px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
}


table.tabellamenu td:hover {
  border:1px solid yellow;
  color: 	#CC3300;
  background:#CCCCCC;
  } 
non sereve visto che uso il link giù..*/



table.tabellamenu td a:link{ /*, a:visited non funziona più*/
	font-size: 13px; 
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background: #ffffff; /*esperimento anzi per opeà copio da stile anni*/
/*background-color:#A7C1D5;*/
border-style:  solid;
border-width: 1px;
border-color:  #8F8F8F; /*25516A;*/ /* #4AA3D5;*/
display: block;
padding: 3px;
padding-top: 6px;
padding-bottom: 6px;
	}

table.tabellamenu td a:visited{ 
	font-size: 13px; 
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	background: #ffffff; /*esperimento anzi per opeà copio da stile anni*/
/*background-color:#A7C1D5;*/
border-style:  solid;
border-width: 1px;
border-color:  #8F8F8F; /*25516A;*/ /* #4AA3D5;*/
display: block;
padding: 3px;
padding-top: 6px;
padding-bottom: 6px;
	}




table.tabellamenu td a:hover { /*che storia!! se metto quello di sopra qui, non funziona più l'hover decentemente)*/

	font-size: 13x; 
	font-weight: bold;
	color: #ffffff;
	/*text-decoration: underline;*/

background: #4AA3D5; /*esperimento*/

/*background-image:URL(sfondopolistirolono.jpg)*/
display: block;
/*  height: 15px;*/
}















/*- Menu Tabs F--------------------------- inizio */



/*width:550px;
     font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:75px;}
 */


/*http://24ways.org/2005/centered-tabs-with-css*/
#tabsF {
width:550px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:75px;
	/*background: #AFD5E0 url("bg-nav.gif") repeat-x; tolta ora*/
	/*border: 1px solid #979797; l'ho messo solosotto*/

	/*border-bottom: 1px solid #979797;/*hotolto il bordo sotto perchèl'ho messo alla tabella*/


	border-width: 1px 0;
/*	font-size: 1.1em;*/
	margin-top: 1em;
	padding-top: .6em;
}

#tabsF ul, #tabsF ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabsF ul {
	padding: 5px 0 4px;
	text-align: center;
}

#tabsF ul li {

	display: inline;
	margin-right: .05em; /*disanza tab*/
}

#tabsF ul li.current {
	margin-right: 0;

}

#tabsF ul li a {
	background: url("tab-right.gif") no-repeat 100% 0;
	color: #06c;
	padding: 5px  0px;
	text-decoration: none;
}

#tabsF ul li a span {
	background: url("tab-left.gif") no-repeat;
	padding: 5px 1em;
}



#tabsF ul li a:hover {
color: #69C;
background-position:100% -42px;
text-decoration: underline;
}

#tabsF ul li a:hover span {
	/*color: #69C; troppo scuro*/
color: #ffe;

 background-position:0% -42px;
	text-decoration: underline;
}

/*\*//*/
#tabsF ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#tabsF ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #tabsF ul li a {
	padding: 0;
}
/**/



/* copiato da altro file*/

        #tabsF #current a {
                background-position:100% -42px;
        }
        #tabsF #current a span {
                background-position:0% -42px;
	}

/*- Menu Tabs F--------------------------- fine */






















                                          /*questo lo uso solo in galleria*/

/*http://24ways.org/2005/centered-tabs-with-css*/
#tabsFoto {
width:590px;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin-left:55px;
	/*background: #AFD5E0 url("bg-nav.gif") repeat-x; tolta ora*/
	/*border: 1px solid #979797; l'ho messo solosotto*/

	/*border-bottom: 1px solid #979797;/*hotolto il bordo sotto perchèl'ho messo alla tabella*/


	border-width: 1px 0;
/*	font-size: 1.1em;*/
	margin-top: 1em;
	padding-top: .6em;
}

#tabsFoto ul, #tabsFoto ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#tabsFoto ul {
	padding: 5px 0 4px;
	text-align: center;
}

#tabsFoto ul li {

	display: inline;
	margin-right: .05em; /*disanza tab*/
}

#tabsFoto ul li.current {
	margin-right: 0;

}

#tabsFoto ul li a {
	background: url("tab-right.gif") no-repeat 100% 0;
	color: #06c;
	padding: 5px  0px;
	text-decoration: none;
}

#tabsFoto ul li a span {
	background: url("tab-left.gif") no-repeat;
	padding: 5px 1em;
}



#tabsFoto ul li a:hover {
color: #69C;
background-position:100% -42px;
text-decoration: underline;
}

#tabsFoto ul li a:hover span {
	/*color: #69C; troppo scuro*/
color: #ffe;

 background-position:0% -42px;
	text-decoration: underline;
}

/*\*//*/
#tabsFoto ul li a {
	display: inline-block;
	white-space: nowrap;
	width: 1px;
}

#tabsFoto ul {
	padding-bottom: 0;
	margin-bottom: -1px;
}
/**/

/*\*/
* html #tabsFoto ul li a {
	padding: 0;
}
/**/



/* copiato da altro file*/

        #tabsFoto #current a {
                background-position:100% -42px;
        }
        #tabsFoto #current a span {
                background-position:0% -42px;
	}

/*- Menu Tabs Foto--------------------------- fine */












/*<p id="cssexample">
  <a href="leathersofa.jpg">Black leather sofa
  <img src="tn_leathersofa.jpg" alt="d" /></a>
</p>
CSS:
#cssexample a {
  position:relative;
}
#cssexample a img{
  display:block;
  position:absolute;
  top:-999px;
  left:0;
}
#cssexample a:hover img {
  top:-50px;
  left:0;
}		
*/


/* style the 2x size image on hover with an absolute position to place it centrally over the original image */
.max a:hover {
width:200px; height:150px;
/*left:-50px; top:-38px;*/
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
/*width:50%; height:50%; border:0;*/
}

.max a:hover img {
width:200px; height:150px;
/*left:-50px; top:-38px;*/
border:0;
border:1px solid #888;
padding:5px;
background:#ccc;
/*width:50%; height:50%; border:0;*/
}

.max img {
width:100px; height:75px;
/*position:absolute;*/
/*left:-50px; top:-38px;*/

/*width:50%; height:50%; border:0;*/
}



/*esperimenti vari*/
/*#banner { height:100px;width:75px}
#banner img { border:none }
#banner a {
display:block;
position:absolute
}
#banner a:hover img, #banner a:active img { display:none }
#banner a:hover, #banner a:active {
height:200x;width:150px;
background:url(TN_edilizia001.jpg)
}*/


/*#banner { height:75px;width:100px;background:url(foto/TN_edilizia001.jpg)}
#banner img { border:none }
#banner a {
display:block;
position:absolute
}
#banner a:hover img, #banner a:active img { display:none }
#banner a:hover, #banner a:active {
height:150x;width:200px;
background:url(foto/TN_edilizia001.jpg)
}*/








.thumbnailll img{
border: 1px solid white;
margin: 0 5px 5px 0;
display:inline;
}

.thumbnailll:hover{
background-color: transparent;
display:inline;
}

.thumbnailll:hover img{
border: 1px solid blue;
display:inline;
}

.thumbnailll span{ /*CSS for enlarged image*/
/*position: absolute;*/
background-color: lightyellow;
/*padding: 5px;*/
/*left: -1000px;*/
border: 1px dashed gray;
display:none; /*visibility: hidden;*/
color: black;
text-decoration: none;
}

.thumbnailll span img{ /*CSS for enlarged image*/
border-width: 0;
/*position: absolute;*/
display:inline;

padding: 2px;
}

.thumbnailll:hover span{ /*CSS for enlarged image*/
visibility: visible;
/*position: absolute;*/
display:inline;
top: 0;
/*left: 230px; *//*position where enlarged image should offset horizontally */
z-index: 50;
}










/* nella pagina  azienda uso questo anzi uso centro box?*/


/*a.imagehoverlink {
margin:4px 0 0 10px;
padding:0;
width:170px;
display:block;
font-weight:bold;
font-size:76%;
text-decoration:none;
color:#09d;
border:1px solid #fff;
}

a.imagehoverlink visited{
margin:4px 0 0 10px;
padding:0;
font-weight:bold;
text-decoration:underline;
color:#f60;
border:1px solid #fff;
background-color:#ddd;
}*/


a.imagehoverlink  hover{
margin:4px 0 0 10px;
padding:0;
text-decoration:none;
border:1px dashed #666;
color:#000;
background-color:#ddd;




width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:245px;
top: 60px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;

}


a.imagehoverlink span { /*hyde????*/
display: none;
/*visibility:hidden;*/
}



a.imagehoverlink hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:245px;
top: 60px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
}

a.imagehoverlink hover span {
width: 400px; 
margin: 0;
padding:10px;
position: absolute;
left:245px;
top: 60px; 
display: block; 
z-index: 100; 
font-weight:normal;
text-align: left;
border: 2px outset  #000;
text-align:justify;
background:#fff;
}