@charset "utf-8";
/* CSS Document */

body{
margin:0;
padding:0;
background-image:url(../images/bg_viola.jpg);
background-repeat:repeat-y;
background-position:center;
background-color:#9f045e;
}

h1{
width:218px;
font:24px Georgia, "Times New Roman", Times, serif;
color:#e00067;
margin-top:10px;
margin-bottom:10px;
}

p{
font:11px Georgia, "Times New Roman", Times, serif;
color:#666666;
text-align:justify;
}

.sfondo_header{
background-image:url(../images/bg_header.jpg);
background-repeat:repeat-y;
background-color:#9f045e;
height:118px;
width:100%;
}

	.header{
	width:656px;
	height:90px;
	margin:0 auto;
	padding-right:40px;
	padding-left:284px;
	padding-top:28px;
	background-image:url(../images/logo_theico.jpg);
	background-repeat:no-repeat;
	background-color:#9f045e;
	}
	
		.menu ul{
		list-style:none;
		margin:0;
		padding:0;
		}
		
		.menu li{
		display:inline;
		}
		
		.menu img{
		border:none;
		}
		
		.btn_menu{
		float:left;
		width:82px;
		height:90px;
		}
		
		.btn_menu a{
		display:block;
		}
		
			#btn_home a{
			background-image:url(../images/btn_home.jpg);
			}
			#btn_home a:hover{
			background-image:url(../images/btn_home_roll.jpg);
			}
			
			#btn_chisiamo a{
			background-image:url(../images/btn_chisiamo.jpg);
			}
			#btn_chisiamo a:hover{
			background-image:url(../images/btn_chisiamo_roll.jpg);
			}
			
			#btn_portfolio a{
			background-image:url(../images/btn_villette.jpg);
			}
			#btn_portfolio a:hover{
			background-image:url(../images/btn_villette_roll.jpg);
			}
			
			#btn_lottizzazioni a{
			background-image:url(../images/btn_app.jpg);
			}
			#btn_lottizzazioni a:hover{
			background-image:url(../images/btn_app_roll.jpg);
			}
			
			#btn_help a{
			background-image:url(../images/btn_help.jpg);
			}
			#btn_help a:hover{
			background-image:url(../images/btn_help_roll.jpg);
			}
			
			#btn_riservata a{
			background-image:url(../images/btn_nuoveiniz.jpg);
			}
			#btn_riservata a:hover{
			background-image:url(../images/btn_nuoveiniz_roll.jpg);
			}
			
			#btn_dove a{
			background-image:url(../images/btn_tecno.jpg);
			}
			#btn_dove a:hover{
			background-image:url(../images/btn_tecno_roll.jpg);
			}
			
			#btn_contatti a{
			background-image:url(../images/btn_contatti.jpg);
			}
			#btn_contatti a:hover{
			background-image:url(../images/btn_contatti_roll.jpg);
			}
		
.linea_bianca{
background-image:url(../images/bg_lineabianca.jpg);
background-repeat:no-repeat;
background-color:#ed8cb9;
width:100%;
height:1px;
}
	.bianca{
	background-image:url(../images/bianca.jpg);
	background-repeat:no-repeat;
	background-color:#ed8cb9;
	margin:0 auto;
	width:980px;
	height:1px;
	}

.linea_viola{
background-image:url(../images/bg_lineaviola.jpg);
background-repeat:no-repeat;
background-color:#d80064;
width:100%;
height:4px;
}
	
	.viola{
	background-image:url(../images/viola.jpg);
	background-repeat:no-repeat;
	background-color:#d80064;
	margin:0 auto;
	width:980px;
	height:4px;
	}
	
.sfondo_main{
background-image:url(../images/bg_main.jpg);
background-repeat:repeat-y;
background-color:#ffffff;
height:auto;
width:100%;
}

	.main{
	width:840px;
	height:auto;
	margin:0 auto;
	padding:25px 40px 30px 100px;
	background-image:url(../images/main.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	}
		
		.sinistra{
		width:218px;
		height:auto;
		float:left;
		}
		
		.destra{
		width:576px;
		height:auto !important;
		min-height:450px;
		margin-left:258px;
		}
			
			.destra_mezzo{
			height:235px;
			margin-bottom:10px;
			}
		
			.titolo{
			height:6px;
			background-image:url(../images/tratteggio.jpg);
			background-repeat:repeat-x;
			background-position:bottom;
			padding-bottom:9px;
			font:9px Verdana, Arial, Helvetica, sans-serif;
			color:#666666;
			}

#foto2, #foto3, #foto4, #foto6,#foto7,#foto8{
display:none;
}

.gallery{
width:600px;
}

.photos{
position:relative;
width:500px;
height:300px;
float:left;
border:1px solid #333333;
}

.photos div{
position:absolute;
}

.thumbs{
width:62px;
height:300px;
float:left;
margin-right:20px;
}

.thumbs ul{
margin:0;
padding:0;
}

.thumbs li{
display:block;
float:left;
width:60px;
height:60px;
margin-right:0px;
background-color:#CCCCCC;
border:1px solid #333333;
margin-bottom:15px;
}

	.thumbs li img{
	border:none;
	}
	
	.otto ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:20px;
	}
	
	.otto ul li{
	width:60px;
	height:60px;
	float:left;
	border:1px solid #333333;
	margin:0;
	padding:0;
	margin-right:7px;
	margin-bottom:7px;
	}
				
.sfondo_footer{
background-image:url(../images/bg_header.jpg);
background-repeat:repeat-y;
background-color:#9f045e;
height:200px;
width:100%;
}

	.footer{
	width:980px;
	height:200px;
	margin:0 auto;
	padding-top:10px;
	background-image:url(../images/footer.jpg);
	background-repeat:repeat-y;
	background-color:#9f045e;
	text-align:center;
	color:#FFFFFF;
	font:9px Verdana, Arial, Helvetica, sans-serif;
	line-height:15px;
	}
	
		.footer a{
		text-decoration:none;
		color:#FFFFFF;
		}
		
		.footer a:hover{
		color:#FFFF00;
		text-decoration:underline;
		}
		
		
		
		
		


