:link,:visited { 
text-decoration:none 
} :focus,:active { 
outline: 0 
} 
ul,ol { 
list-style:none 
} 
h1,h2,h3,h4,h5,h6,pre,code { 
font-size:1em; 
} 
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
 margin:0; 
 padding:0 
 } 
 a img,:link img,:visited img, fieldset {
 border:none 
 } 
 address { 
 font-style:normal 
 }

 
body {
font: .9em "Arial", Verdana, Helvetica, sans-serif; 
color: #050505;  
background: #FFFFFF url(../images/bg.png) repeat-x 0 -40px; 
}
a {
 color: #AF1515; 
 cursor: pointer; 
 }
a:hover { 
color: #7D1919; 
}
h1 { 
font-size: 1.9em; 
font-weight: normal; 
clear: both; 
margin: 0 0 5px; 
}
h2 { 
font: normal 1.5em Arial; 
color: #3D3C3B; 
margin: 0 0 15px; 
}
h3 { 
font: normal 1.3em Arial; 
color: #3D3C3B; 
margin: 0 0 15px; 
}
p  { 
margin: 0 0 5px; 
line-height: 1.7em; 
}
.clear { 
clear: both; 
}
.wrap { 
margin: 0 auto; 
width: 900px; 
padding-bottom:10px; 
}



#header { 
height: 153px; 
background: url(../images/bg-header.png) no-repeat center bottom; 
}
#logo { 
text-align: center; 
margin-top: 5px; 
}
#logo a { 
color: #AF1515; 
font-size: 3em; 
font-weight: bold; 
}
h1#slogan { 
font-size: 1.7em; 
color: #000000; 
font-weight:100;
text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);
}


#page { 
text-align: center;  
}
#page a {
 color: #AF1515; 
 font-size: 3em; 
 font-weight: bold; 
 }
h2#spage { 
font-size: 1.9em; 
color: #d2232a; 
font-weight: bold;
text-shadow:0 0 1px #BBBBBB, 0 -1px 2px #FFFFFF, 0 -3px 2px #FFFFFF, 0 4px 12px rgba(0, 0, 0, 0.7);
}
.primo{ 
float: left; 
padding: 5px 0; 
color: #000; 
width: 144px; 
margin: 7px 39px  ; 
}
.primo p { 
font-size: 1.0em; 
font-weight: bold; 
margin: 0px 0px 0px 30px;
}
.secondo{ 
float: left; 
padding: 5px 0; 
color: #000; 
width: 144px; 
margin: 7px 39px ; 
}
.secondo p { 
font-size: 1.0em; 
font-weight: bold; 
margin: 0px 0px 0px 34px;
}
.terzo{ 
float: left; 
padding: 5px 0; 
color: #000; 
width: 144px; 
margin: 7px 39px ; 
}
.terzo p { 
font-size: 1.0em; 
font-weight: bold; 
margin: 0px 0px 0px 13px;
}
.quarto{ 
float: left; 
padding: 5px 0; 
color: #000; 
width: 144px; 
margin: 7px 39px ;  
}
.quarto p { 
font-size: 1.0em; 
font-weight: bold; 
margin: 0px 0px 0px 34px;
}

#titolo{ 
text-align: center; 
margin-top: 5px; 
}
#titolo a { 
color: #AF1515; 
font-size: 3em; 
font-weight: bold; 
}
#titolo img { 
position:relative; 
right:45px; 
margin: 0 -16px 0 0 ; 
bottom:18px ; 
padding:  18px 0  0 0; 
}
h2#stitolo { 
font-size: 1.5em; 
color: #000000; 
font-weight: bold;  
}





#left3 { 
float: left; 
width: 280px; 
margin: 15px 0 40px; 
padding:0 30px 0 0;
text-align: justify; 
}
#left3 h1, #left h2 { 
color: #52A9BA; 
}
#left3 h1 a, #left h2 a { 
border-bottom: 1px dotted #ACCADE; 
padding: 0 0 3px; 
}


#center3 { 
float: left; 
width: 280px; 
margin: 15px 0 40px; 
text-align: justify; 
}
#center3 h1, #left h2 { 
color: #52A9BA; 
}
#center3 h1 a, #left h2 a { 
border-bottom: 1px dotted #ACCADE; 
padding: 0 0 3px; }


	
#side3 { 
float: right; 
width: 280px; 
margin: 15px 0 40px; 
text-align: justify; 
}
#side3 h3 { 
color: #ccc; 
margin: 0 0 6px 5px; 
height: 16px; 
}


#center { 
text-align: center; 
width: 900px; 
margin: 15px 0 10px;   
}
#center h1, #left h2 { 
color: #52A9BA; 
}
#center h1 a, #left h2 a { 
border-bottom: 1px dotted #ACCADE; 
padding: 0 0 3px; 
}

	
#full { 
text-align: justify; 
width: 900px; 
margin: 15px 0 30px;   
}
#full h1, #left h2 { 
color: #52A9BA; 
}
#full h1 a, #left h2 a { 
border-bottom: 1px dotted #ACCADE; 
padding: 0 0 3px; 
}


#left { 
float: left; 
width: 420px; 
margin: 15px 0 10px; 
text-align: justify; 
}
#left h1, #left h2 { 
color: #52A9BA; 
}
#left h1 a, #left h2 a { 
border-bottom: 1px dotted #ACCADE; 
padding: 0 0 3px; 
}

	
#side { 
float: right; 
width: 420px; 
margin: 15px 0 10px; 
text-align: justify; 
}
#side h3 { 
color: #ccc; 
margin: 0 0 6px 5px; 
height: 16px; 
}


#ad { 
background: url(../images/dot.gif) repeat-x; 
padding: 15px 0 10px; 
clear: both; 
font-size: .9em; 
line-height: 1.7em;  
}
#ad1 { 
background: url(../images/dot.gif) repeat-x; 
padding: 15px 0 10px; 
clear: both; 
font-size: .9em; 
line-height: 1.7em;  
}
#adi { 
background: url(../images/adi.png) no-repeat; 
padding: 15px 0 20px; 
}


#promo { 
clear: both; 
border-top: 3px solid #6E6E6E; 
background: #505050 url(../images/footer.gif) no-repeat right top; 
color: #ccc; 
padding: 0 0 0 0; 
}
#promo h2 { 
color: #fff; 
}

#promo a { 
color: #D9EAF9; 
border-bottom: 0px dotted #808080; 
}
#elettro a:hover {
	color: #D87FFF;
	text-decoration: underline;
	}
#lavanda a:hover {
	color: #53BADF;
	text-decoration: underline;
	}	
#lavanda h3 { 
color: #53BADF; 
}	
	
#testo { 
text-align: center; 
clear: both; 
font-size: .84em; 
color: #b9b9b9; 
border-bottom: 1px dotted #666; 
}
.col { 
text-align: justify; 
float: left; 
width: 280px; 
margin: 0 30px 20px 0; 
}
.last { 
text-align: justify; 
margin: 0; 
}
.two { 
text-align: justify; 
float: left; 
width: 420px; 
margin: 0 30px 20px 0; 
}


#footer { 
text-align: center; 
clear: both; 
padding: 15px 0; 
font-size: .84em; 
color: #b9b9b9; 
text-shadow: #111111 -2px 2px 1px;
    filter: Shadow(Color=#111111,
    Direction=225,
    Strength=3);  /* Per Internet Explorer */
}
#footer1 {
text-align: center; 
clear: both; 
padding: 15px 0 15px 0; 
font-size: .84em; 
color: #808080; 
border-top: 1px dotted #666; 
}
#footer1 a:hover {
	color: #D9EAF9;
	text-decoration: underline;
	}
	

.zitem {
	width:137px;
	height:137px;	
	border:4px solid #222;	
	margin:5px 5px 5px 0;
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:left;
}

.zitem .caption {
	width:137px;
	height:20px;
	background:#000;
	color:#fff;
	font-weight:bold;
		
	/* fix it at the bottom */
	position:absolute;
	bottom:-1px; /* fix IE issue */
	left:0;

	/* hide it by default */
	display:none;

	/* opacity setting */
	filter:alpha(opacity=70);    /* ie  */
	-moz-opacity:0.7;    /* old mozilla browser like netscape  */
	-khtml-opacity: 0.7;    /* for really really old safari */  
	opacity: 0.7;    /* css standard, currently it works in most modern browsers like firefox,  */

}

.zitem .caption a {
	text-decoration:none;
	color:#fff;
	font-size:10px;	
	
	/* add spacing and make the whole row clickable*/
	padding:5px;
	display:block;
}

.zitem img {
	border:0;
	
	/* allow javascript moves the img position*/
	position:absolute;
}

.clear {
	clear:both;	
}