/* per il pop-up */
a.pop { position: relative; z-index: 1;}
a.pop:hover { border: 0; z-index: 1;}
a.pop span { display: none; z-index: 1}
a.pop:hover span {
position: absolute;
display: block; 
text-decoration: none;
top:20px;
left: 0px;
background-color: #fff;
white-space: nowrap;
color:black;
padding:10px;
font-size:smaller;
border:1px black solid;
}

a.vantaggi:hover {
font-variant:small-caps;
font-weight:bolder;
color:#FFFF00;
}

a.vantaggi {
border-bottom:dotted 1px
}

a.passaparola:hover {
font-variant:small-caps;
font-weight:bolder;
color:#FFFF00;
}

a.passaparola {
border-bottom:dotted 1px;
text-decoration:blink;
}

#titoletto	{
color:#006600;
font-variant:small-caps;
font-size:250%;
font-weight:bold;
font-family:arial;
}

#titolo_chiaro	{
color:#FFFFFF;
font-size:150%;
font-weight:bolder;
font-family:arial;
}

#titolo_scuro	{
color:#006600;
font-size:150%;
font-weight:bolder;
font-family:arial;
}

.riga1	{
border-right:solid white 1.0pt;
border-left:solid white 1.0pt;
text-align:center;
border-bottom:solid white 2px;
}

.riga2 {
border-right:solid white 1.0pt;
border-left:solid white 1.0pt;
background-color:#009900;
border-bottom:solid white 2px;
}

.riga_scura	{
background-color:#003300;
border-right:solid white 1.0pt;
border-left:solid white 1.0pt;
border-bottom:solid white 2px;
}

.riga_chiara	{
background-color:#009900;
border-right:solid white 1.0pt;
border-left:solid white 1.0pt;
border-bottom:solid white 2px;
}

.key	{
visibility:hidden;
position:absolute;
left:100px;
top:100px;
}

a:link.prezzi {
color: #FFF;
font-weight:bold;
}

a:hover.prezzi	{
color: #ffff00;
border:1px solid #FFFF00;
}

body	{
padding: 0;
margin: 0;
background-color:#006600;
color: #E6E8ED;
font-size: 75%;
line-height: normal;
font-style: normal;
font-family:arial;
}

img.vantaggi	{
border: 0;
float:left;
padding-right:10px;
}

img	{
border:0;
text-align: left;
}

a	{
color: #FFFFFF;
text-decoration: none;
}

a:link	{
color: #FFFFFF;
}

a:hover, visited	{
color: #FFFF00;
}

#centrecontainer	{
padding-top: 70px;
width: 100%;
}

#outercontainer	{
width:800px;
margin:0 auto;
}

#header	{
width: 800px;
height: 29px;
}

#container {	
border: 20px solid #FFF;
width: 760px;
height: 370px;
}

#containerleft	{
float: left;
width: 350px;
height: 350px;
padding: 10px;
background-position: center bottom;
background-repeat: no-repeat;
border-right-width: 20px;
border-right-style: solid;
border-right-color: #FFF;
border-bottom-color: #FFFFFF;
font-size: 100%;
}

#containerleft a	{
text-decoration: none;
color: #FFF;
}

#containerleft a:hover	{
text-decoration: none;
color: #FFFF00;
}

#containerleft h1	{
margin: 0;
padding: 0;
font-size: 110%;
text-align: left;
word-spacing:normal;
color:#FFFFFF;
}

#containerleft h4	{
margin: 0;
font-size: 120%;
padding-bottom: 3px;
width: auto;
font-style: normal;
padding-top: 0;
padding-right: 0;
padding-left: 0;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFF;
}

#containerright	{
float: left;
width: 350px;
height: 350px;
overflow: auto;
padding: 10px;
word-spacing:normal;
color: #FFFFFF;
font-size: 100%;
}


#containerright h4	{
margin: 0;
font-size: 120%;
padding-bottom: 3px;
width: auto;
font-style: normal;
padding-top: 0;
padding-right: 0;
padding-left: 0;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #FFF;
}

#containerright h3	{
margin: 0;
font-size: 120%;
padding-bottom: 3px;
width: auto;
font-style: normal;
padding-top: 0;
padding-right: 0;
padding-left: 0;
}

#footer	{
width: 800px;
text-align: right;
font-size:small;
padding: 5px 0px;
color: #b7bdbb;
}

table, td, tr	{
border-collapse:collapse;
text-align:center;
padding-left:5px;
}
	
	
tr.tipologia {
border: #FFF 1px solid;
border-collapse:collapse;
border-top:none;
border-left:none;
border-right:none;
}
	
a.mail {
color: #b7bdbb;
}

a:hover.mail	{
color: #ffffff;
text-decoration:underline;
}
img.natale	{
left:86px;
top:14px;
position:absolute;
}

img.angolo	{
left:70px;
top:40px;
position:absolute;
}

img.eco	{
left:1000px;
top:150px;
position:absolute;
}

img.finnhaus	{
left:0px;
top:100px;
position:absolute;
}

img.quality_first	{
left:275px;
top:30px;
position:absolute;
}

img.pinoartico	{
left:275px;
top:170px;
position:absolute;
}

img.pinoartico1	{
left:10px;
top:150px;
position:absolute;
}

img.classi1	{
left:770px;
top:310px;
position:absolute;
}

td.galleria {
border:1px solid #FFF;
text-align:left;
}
	
a.screen, a.screen:visited {
color:#FFFFFF; 
position:relative; 
z-index:1;
}

a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:350px; /* give it a width */
height:0; /* no height to solve an Opera bug that 
             makes it selectable when hidden */
border:0px solid #FFF; /* add a border */
left:0; /* position:the image */
top:15px;
}

a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}

a.screen:hover b {
visibility:visible; /* make the image visible */
height:240px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}

a.screen:hover b img {
border:0; /* remove the link border */
}

h5 {
color: red;
background-color: #fff;
position: absolute;
padding: 5px;
top: 70px;
left:70px;
text-align:center;
font-size:14px;
width:120px;
}

.pulsante {
text-align:center;
line-height:30px;
border:3px solid yellow;
/*
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
*/
}