/* CSS Document */

BODY {
	background-color:#000;
	height:100%;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0;
	padding:25% 0 0 0;
	text-align:center;
	}

#center {
	display:block;
	position:relative;
	margin-top:-225px;
	}
	
.container, #download-content {
	display:block;
	width:770px;
	margin:0 auto;
	text-align:left;
	}
	
#spacer {
	display:block;
	height:27px;
	}
	
#content {
	display:block;
	height:348px;
	background: url(/images/bg-ht.gif) no-repeat center top;
	}
	
/********************************************************************* IMPAGINAZIONE */

.text1 {
	display:block;
	width:175px;
	float:left;
	padding:0;
	}
	
	.text1 STRONG {
		font-weight:normal;
		}
	
	.margin1 {
		margin-right:23px;
		}
		
.notext {
	display:none;
	}
	
.text2 {
	display:block;
	width:350px;
	float:left;
	padding:0;
	}

/*****************************/
	
#download-content /* vedere anche .container */ {
	background: url(/images/bg-download.gif) no-repeat left top;
	height:348px;
	}
	
	.attachments {
		display:block;
		width:140px;
		padding:7px;
		padding-top:150px;
		float:left;
		}
		
	#download-content H2 {
		display:block;
		padding-bottom:10px;
		font-size:11px;
		border-bottom:1px solid #FFF;
		}
		
	#download-content UL {
		margin:0;
		padding:0;
		list-style-type:none;
		}
		
	#download-content UL LI {
		display:block;
		background: url(/images/ico-pdf.gif) no-repeat left top;	
		height:40px;
		padding-left:32px;
		}
		
	#download-content UL LI A, 
	UL.soluzioni-domotiche LI A  {color:#FFF; text-decoration:none;}
	
	#download-content UL LI A:HOVER, 
	UL.soluzioni-domotiche LI A:HOVER {color:#FFF59B; text-decoration:underline;}
	
/****************************/

.soluzioni-domotiche1,
.soluzioni-domotiche2,
.soluzioni-domotiche3 {
	display:block;
	float:left;
	padding-top:90px;
	}

.soluzioni-domotiche1 {
	margin-left:5px;
	}
	
.soluzioni-domotiche2,
.soluzioni-domotiche2 IMG {
	margin:0 5px;
	}
	
UL.soluzioni-domotiche {
	display:block;
	margin:0;
	padding:5px 0;
	list-style-type:none;
	text-align:center;
	}
	
UL.soluzioni-domotiche LI {
	display:inline;
	}
	
H3 {
	display:block;
	text-align:center;
	color:#FFF59B;
	padding:5px 0;
	font-size:11px;
	}
	
.soluzioni-domotiche2 H3,
.soluzioni-domotiche2 UL {
	border-right:1px dotted #FFF;
	border-left:1px dotted #FFF;
	}
	
/**************************************/

.container-automazione,
.container-anti-intrusione,
.container-videosorveglianza,
.container-entertainement,
.container-controllo,
.container-comfort {
	display:block;
	width:770px;
	margin:0 auto;
	height:307px;
	background: no-repeat left top;
	text-align:left;
	}
	
.container-automazione {background-image: url(/images/img-prod-automazione.jpg);}
.container-anti-intrusione {background-image: url(/images/img-prod-anti-intrusione.jpg);}
.container-videosorveglianza {background-image: url(/images/img-prod-videosorveglianza.jpg);}
.container-entertainement {background-image: url(/images/img-prod-entertainement.jpg);}
.container-controllo {background-image: url(/images/img-prod-controllo.jpg);}
.container-comfort {background-image: url(/images/img-prod-comfort.jpg);}

.container-automazione .text1 {padding-top:115px;}

.container-anti-intrusione .text1, 
.container-controllo .text1,
.container-comfort .text1  {padding-top:195px;}
.container-videosorveglianza .text1, .container-videosorveglianza .text2 {padding-top:140px;}
.container-entertainement .text1, .container-entertainement .text2 {padding-top:150px;}
.container-entertainement .text1 {width:195px;}
.container-entertainement .text2 {width:331px;}
.container-entertainement .text3 {float:right; padding-top:12px; color:#fff59b;}

/*************************** PORTFOLIO*/

H2.residenziale, H2.istituzionale {
	display:block;
	color:#FFF59B;
	font-size:11px;
	border-bottom:1px solid #FFF;
	font-size:100%;
	margin:0;
	}

H2.residenziale {
	margin-left:680px;
	padding-top:80px;
	}

H2.istituzionale {
	margin-right:680px;	
	text-align:right;
	padding-top:30px;
	}
	
.portfolio-residenziale {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	height:62px;
	}
	
.portfolio-istituzionale {
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	padding: 10px;
	height:62px;
	}

.portfolio-residenziale H3,
.portfolio-istituzionale H3 {
	font-size:100%; 
	font-weight:normal;
	padding:0;margin:0;
	text-align:left;
	}
	
.portfolio-residenziale IMG, .portfolio-residenziale DIV,
.portfolio-istituzionale IMG, .portfolio-istituzionale DIV {
	float:left;
	margin-right:10px;
	}
	
.portfolio-residenziale IMG, 
.portfolio-istituzionale IMG {border:none;}
	
.portfolio-residenziale DIV.border {
	border-right:1px dashed #FFF; padding-right:20px; margin-right:20px;
	}



	
/************************************************************* NAVIGATIONBAR */

#toolContainer {
	display:block;
	height:31px;
	background: url(/images/tool/bg-tool.gif) repeat-x left top;
	}
	
#navigationBar, #utility, #toolProduct {
	display:block;
	width:773px;
	margin:0 auto;
	padding:0;
	list-style-type:none;
	}
	
#utility {
	height:27px; 
 	}
	
#navigationBar LI , 
#utility LI, 
#toolProduct LI {
	display:inline;
	}
	
#navigationBar LI A SPAN, 
#utility LI A SPAN,
#toolProduct A SPAN {
	display:none;
	}
	
#navigationBar LI A {
	display:block;
	height:31px;
	float:left;
	}
	
#utility LI A {
	display:block;
	height:27px;
	float:right;
	}
	
	A.habitat {
		width:141px;
		background: url(/images/tool/habitat.gif) no-repeat 0 -31px;	
		}
	A.prodotti {
		width:135px;
		background: url(/images/tool/prodotti.gif) no-repeat 0 -31px;
		}
	A.download {
		width:137px;
		background: url(/images/tool/download.gif) no-repeat 0 -31px;	
		}
	A.partnership {
		width:157px;
		background: url(/images/tool/partnership.gif) no-repeat 0 -31px;
		}
	A.video {
		width:107px;
		background: url(/images/tool/video.gif) no-repeat 0 -31px;
		}
	A.portfolio {
		width:93px;
		background: url(/images/tool/portfolio.gif) no-repeat 0 -31px;
		}
		
	A.home {
		width:146px;
		background: url(/images/tool/back-home.gif) no-repeat 0 -27px;
		}
		
	A.info {
		width:176px;
		background: url(/images/tool/info.gif) no-repeat 0 -27px;
		}
		
	/****** HOVER *****/
	
	A.habitat:HOVER,
	A.prodotti:HOVER,
	A.download:HOVER,
	A.partnership:HOVER,
	A.video:HOVER,
	A.portfolio:HOVER,
	A.home:HOVER,
	A.info:HOVER {background-position: left top;}
	
	/******** DOWN *********/
	
	#habitat-page A.habitat,
	#prodotti-page A.prodotti,
	#download-page A.download,
	#partnership-page A.partnership,
	#video-page A.video,
	#portfolio-page A.portfolio {background-position: 0 -62px;}


/********************************************************************* TOOL PRODOTTI */

#bg-toolProduct {
	display:block;
	height:41px;
	background: url(/images/tool/bg-tool-product.gif) repeat-x left top;
	}
	
#toolProduct A {
	display:block;
	height:41px;
	float:left;
	}
	
#toolProduct A:HOVER,
.automazione A.prod-automazione,
.anti-intrusione A.prod-anti-intrusione,
.videosorveglianza A.prod-videosorveglianza,
.entertainement A.prod-entertainement,
.controllo A.prod-controllo,
.comfort A.prod-comfort {
	background-position: 0 0;
	}

A.prod-automazione {
	width:87px;
	background: url(/images/tool/prod-automazione.gif) no-repeat 0 -41px;
	}
A.prod-anti-intrusione {
	width:107px;
	background: url(/images/tool/prod-anti-intrusione.gif) no-repeat 0px -41px;
	}
A.prod-videosorveglianza {
	width:125px;
	background: url(/images/tool/prod-videosorveglianza.gif) no-repeat 0px -41px;
	}
A.prod-entertainement {
	width:114px;
	background: url(/images/tool/prod-entertainment.gif) no-repeat 0px -41px;
	}
A.prod-controllo {
	width:153px;
	background: url(/images/tool/prod-controllo.gif) no-repeat 0px -41px;
	}
A.prod-comfort {
	width:184px;
	background: url(/images/tool/prod-comfort.gif) no-repeat 0px -41px;
	}
	
/********************************************************************************** FOOTER */

#footer {
	padding-top:10px;
	}

#footer, #footer A {
	text-decoration:none;
	color:#b5b5b5;
	}
	
	#footer SPAN {
		float:right;
		}
		
	#footer STRONG, #footer A:HOVER  {
		color:#FFF;
		}