@charset "utf-8";
/* CSS Document */

*{
	paddin:0;
	margin:0;
	}
img{
	border:0;
	}
body{
	font:11px Arial, Helvetica, sans-serif;
	color:#666;
}

h1{
	font-size:22px;
	font-weight:normal;
	padding:20px 20px 20px;	
	}
p{
	line-height:17px;
	padding:10px 20px;	
	}
.clear{
    clear:both;	
	}
a:link, a:visited{
	color:#0096d6;
	}
a:hover, a:active{
	text-decoration:none;
	}
#wrapper{
    width:745px;
	margin:0 auto;	
	}
#center, .left, #pt, #text, .right, .breadcrumb, #sp, #sp3{
	float:left;
	}
.left{
	background:url(../images/left-pt.jpg) repeat-y left top;
	}
.right{
	background:url(../images/right-pt.jpg) repeat-y left top;
	}

/*----------------------------------------------BREADCRUMB----------------------------------------------*/
.breadcrumb{
    width:650px;
	padding:5px 5px 5px 45px;;
	font-size:11px;
	height:20px;
	}
.breadcrumb a:link,  .breadcrumb a:visited{
	color:#666;
	text-decoration:none;
	}
.breadcrumb a:hover,  .breadcrumb a:active{
	text-decoration:underline;
	}
.violet{
	color:#652d89;
	}
.blue{
	color:#0096d6;
	}
.orange{
	color:#f58025;
	}
/*-----------------------------------------------CENTER-------------------------------------------------------*/
#center{
	width:700px;
}
#pt, #pt2, #pt3, #pp, #pp2, #pp3, #sp, #sp2, #sp3{
		position:absolute;
		z-index:2;
		margin-top:30px;
		}
#pt{
	width:403px;
	height:403px;
	background:url(../images/piano-terra.jpg) no-repeat left top;
	}
#pt2{
	width:415px;
	height:400px;
	background:url(../images/piu-vicini.jpg) no-repeat left top;
	}
#pt3{
	width:432px;
	height:405px;
	background:url(../images/tecnologia.jpg) no-repeat left top;
	}
#pp{
	width:403px;
	height:403px;
	background:url(../images/integrazione.jpg) no-repeat 10px top;
	}
#pp2{
	width:403px;
	height:403px;
	background:url(../images/telefono.jpg) no-repeat 10px top;
	}
#pp3{
	width:430px;
	height:385px;
	background:url(../images/comunicare.jpg) no-repeat 10px top;
	}
#sp{
	width:430px;
	height:399px;
	background:url(../images/sotto_controllo.jpg) no-repeat 10px top;
	}
#sp2{
	width:430px;
	height:399px;
	background:url(../images/videosorveglianza.jpg) no-repeat 10px top;
	}
#sp3{
	width:430px;
	height:399px;
	background:url(../images/continuita.jpg) no-repeat 10px top;
	}
#pt a, #pt2 a, #pt3 a, #pp a, #pp2 a, #pp3 a, #sp a, #sp2 a, #sp3 a{
	display:block;
	}
#text{
   width:295px;
   position:relative;
   left:403px;	
	}
#text2{
   width:295px;
   float:left;
   padding-top: 33px;
	}
#text3{
   width:285px;
   position:relative;
   left:415px;	
	}
#text2 p{
	font-size:11px;}
.right{
	width:22px;
	height:439px;
	background:url(../images/right-pt.jpg);
	position:relative;
	left: 3px;
	}
/*---switch-pt1---*/
#switch-pt1{
    height: 125px;
    left: 260px;
    position: relative;
    top: -121px;
    width: 141px;
    z-index: 100;
}

a.switch-pt1{
	padding-bottom:70px;
	z-index:100;
	}
#switch-pt1 a:hover{
	background:url(../images/switch-pt1.jpg) no-repeat left top;
	position:relative;
	padding:55px 143px 95px 50px;
	z-index:100;
	}
	/*---switch-pt2---*/
#switch-pt2{
    height: 125px;
    left: 22px;
    position: relative;
    top: 117px;
    width: 141px;
    z-index: 100;
}

a.switch-pt2{
	padding-bottom:70px;
	z-index:100;
	}
#switch-pt2 a:hover{
	background:url(../images/switch-pt2.jpg) no-repeat left top;
	position:relative;
	padding:55px 143px 95px 50px;
	z-index:100;
	}
/*---router-pt1---*/
#router-pt1{
    height: 140px;
    left: 19px;
    position: relative;
    top: 20px;
    width: 143px;
    z-index: 100;
}

a.router-pt1{
	padding-bottom:80px;
	z-index:100;
	}
#router-pt1 a:hover{
	background:url(../images/router-pt1.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*---router-pt2---*/
#router-pt2{
    height: 140px;
    left: 257px;
    position: relative;
    top: 6px;
    width: 143px;
    z-index: 100;
}

a.router-pt2{
	padding-bottom:80px;
	z-index:100;
	}
#router-pt2 a:hover{
	background:url(../images/router-pt2.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*---router-pt3---*/
#router-pt3{
    height: 140px;
    left: 243px;
    position: relative;
    top: 1px;
    width: 143px;
    z-index: 100;
}

a.router-pt3{
	padding-bottom:80px;
	z-index:100;
	}
#router-pt3 a:hover{
	background:url(../images/router-pt3.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*---Access Point-pt3---*/
#access-point-pt3{
    height: 140px;
    left: 22px;
    position: relative;
    top: 124px;
    width: 143px;
    z-index: 100;
}

a.access-point-pt3{
	padding-bottom:80px;
	z-index:100;
	}
#access-point-pt3 a:hover{
	background:url(../images/access-point-pt3.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--IP PHONE---*/
#ip-phone{
    height: 140px;
    left: 11px;
    position: relative;
    top: 7px;
    width: 143px;
    z-index: 100;
}

a.ip-phone{
	padding-bottom:80px;
	z-index:100;
	}
#ip-phone a:hover{
	background:url(../images/ip-phone.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--ROUTER MONITOR---*/
#router-monitor{
    height: 140px;
    left: 243px;
    position: relative;
    top: -137px;
    width: 143px;
    z-index: 100;
}

a.router-monitor{
	padding-bottom:80px;
	z-index:100;
	}
#router-monitor a:hover{
	background:url(../images/router-monitor.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--TEL---*/
#tel{
    height: 140px;
    left: 8px;
    position: relative;
    top: -2px;
    width: 143px;
    z-index: 100;
}

a.tel{
	padding-bottom:80px;
	z-index:100;
		}
#tel a:hover{
	background:url(../images/telefono-pc.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--WEBEX---*/
#webex{
    height: 140px;
    left: 241px;
    position: relative;
    top: 0;
    width: 143px;
    z-index: 100;
}

a.webex{
	padding-bottom:80px;
	z-index:100;
	}
#webex a:hover{
	background:url(../images/webex.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--ROUTER-SP---*/
#router-sp{
    height: 140px;
    left: 10px;
    position: relative;
    top: 0;
    width: 143px;
    z-index: 100;
}

a.router-sp{
	padding-bottom:80px;
	z-index:100;
	}
#router-sp a:hover{
	background:url(../images/router-sp.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--SPAMBLOCKER---*/
#spamblocker{
    height: 140px;
    left: 242px;
    position: relative;
    top: 3px;
    width: 143px;
    z-index: 100;
}

a.spamblocker{
	padding-bottom:80px;
	z-index:100;
	}
#spamblocker a:hover{
	background:url(../images/spamblocker.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--VIDEO-ARANCIO---*/
#video-arancio{
    height: 140px;
    left: 264px;
    position: relative;
    top: 11px;
    width: 143px;
    z-index: 100;
}

a.video-arancio{
	padding-bottom:80px;
	z-index:100;
	}
#video-arancio a:hover{
	background:url(../images/video-arancio.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--VIDEO-VERDE---*/
#video-verde{
    height: 140px;
    left: 281px;
    position: relative;
    top: -135px;
    width: 143px;
    z-index: 100;
}

a.video-verde{
	padding-bottom:80px;
	z-index:100;
	}
#video-verde a:hover{
	background:url(../images/video-verde.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}
/*--SERVER-BLUE---*/
#server-blue{
    height: 140px;
    left: 16px;
    position: relative;
    top: 0;
    width: 143px;
    z-index: 100;
}

a.server-blue{
	padding-bottom:80px;
	z-index:100;
	}
#server-blue a:hover{
	background:url(../images/server-blue.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}

/*--SERVER-VERDE---*/
#server-verde{
    height: 140px;
    left: 271px;
    position: relative;
    top: -140px;
    width: 143px;
    z-index: 100;
}

a.server-verde{
	padding-bottom:80px;
	z-index:100;
	}
#server-verde a:hover{
	background:url(../images/server-verde.jpg) no-repeat left top;
	position:relative;
    padding:55px 143px 95px 50px;
	z-index:100;
	}


/*-----------------------------------------PAGINA PRODOTTO----------------------------*/
#prodotto{
	width:403px;
	float:left;
    padding-top: 33px;
	}
#prodotto img{
	padding:20px 50px;
	}
.buttonv, .buttonb, .buttono{
	margin-left:125px;
	margin-right: 159px;
	display:inline;
	}
a.buttonv:link{
	background:url(../images/buttonv-over.jpg) no-repeat left top;
    padding: 16px 60px 16px 0px;
	display:block;
	}
a.buttonv:hover{
	background:url(../images/buttonv.jpg) no-repeat left top;
	}
a.buttonb:link{
	background:url(../images/buttonb-over.jpg) no-repeat left top;
    padding: 16px 60px 16px 0px;
	display:block;
	}
a.buttonb:hover{
	background:url(../images/buttonb.jpg) no-repeat left top;
	}
a.buttono:link{
	background:url(../images/buttono-over.jpg) no-repeat left top;
    padding: 16px 60px 16px 0px;
	display:block;
	}
a.buttono:hover{
	background:url(../images/buttono.jpg) no-repeat left top;
	}

/*------------------------------------------------FOOTER-------------------------------------------*/
#footer-left span{
	padding-left:5px;
	font-size:10px;
	}
#footer-left, #footer-right{
	float:left;
	}
#footer-left{width:65%;
}
#footer-right{
	 width:34%;
 }
#footer-right div, #footer-right iframe{
	float:left; 
	padding-left: 5px;
	 }