*{ margin:0; padding:0}

body{
	background:url(images/bg_body.jpg) 0 108px repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#666666
	}
#wrapper {
	width:950px;
	padding:0 0px;
	margin:0 auto;
	/*background:#015;*/
	position:relative
}
#header {
	background:url(images/0bg_header.jpg) 0 0 repeat-x;
	height:108px;
}
#header div{width:960px;position:relative; margin:0 auto
}
#header #logo{ margin:20px 0 0 70px}
#main {
	background:#fff;
	padding:0px;
	border:1px solid #ebebeb;
	_width:958px;
	border-bottom:none
	
}
#sidebar {
	/*width:350px;*/
	width:20%; border-left:5px;
	background:#896;
	float:left
}
#content {
	/*width:610px;*/
	
	float:left;
	/*border:1px solid #ebebeb;*/
	padding:5.4em 5.0em 0em 5em
	}
	
div.networking {
	/*width:610px;*/
/*	background: #fff 90% 0px no-repeat;*/	
	float: left;
   border: 1px solid #ebebeb; 
	padding: 2em 10em 10em 1em	
	
	}

div.voip_reti{
	float: left;
	width:45%;
	margin-right: 30px;
}

div.img_voip{
	float: left;
	width: 15%;
	height: 30%; 	
	margin-left: 0px;
}

div.security {
	/*width:610px;*/
	
	background:#fff url(images/security.jpg) 90% 0px no-repeat;
	float:left;	
/* border:1px solid #ebebeb;*/
	padding:5.4em 35.0em 7em 5em
	
}
#sviluppo {
	
	/*width:610px;*/
	
	background:#fff url(images/sviluppo.jpg) 90% 0px no-repeat;
	float:left;
	/*border:1px solid #ebebeb;*/
	padding:5.4em 35.0em 7em 5em
}
div.assistenza{
	/*width:610px;*/
	/*background: #fff 90% 0px no-repeat;*/	
	float: left;
  /* border: 1px solid #ebebeb;*/ 
	padding: 2em 10em 10em 1em
   
}

div.cosa{
		
	background: #fff 90% 0px no-repeat;	
	width: 40%;
	float: left;
	margin-right: 10px;   
   padding: 2em 5em 5em 1em
   
}

div.img_pcbr{
	/*width:610px;*/
   width: 35%;
   float: left;
   margin-left: 0px;
   

}

div.prodotti{
border-width: 1;
border-color: black;
	/*width:610px;*/
/*	background: #fff 90% 0px no-repeat;*/	
	float: left;
}


div.gestionale{
	float: left;
	width: 30%;
min-width: 283px;
	vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}

div.nas{
	float: left;
	width: 30%;
	min-height: 150;
min-width: 283px;
	vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}

div.totem{
	float: left;
	width: 30%	;
min-height: 150;
min-width: 283px;
vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}

div.centralino{
	float: left;
	width: 30%;	
min-width: 283px;
min-height: 150;
vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}	

div.vendita{
	float: left;
	width: 30%;
min-width: 283px;
min-height: 150;
	vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}

div.firewalla{
	float: left;
	width: 30%;
	min-width: 283px;
	min-height: 150;
	vertical-align: top;
padding: 1.5em 1em 1.5em 1em;
}


	



div#footer{clear:both} 
	
	
div.servizi{
	
	/*width:610px;*/
	
	background: #fff 90% 0px no-repeat;	
	width: 40%;
	float: left;
	margin-right: 10px;   
   padding: 2em 5em 5em 2.5em


}

div.img_servi{
	 width: 35%;
   float: left;
   margin-left: 0px;	
}

#dovesiamo{
	
	/*width:610px;*/
	
	
	float:left;
	/*border:1px solid #ebebeb;*/
	padding:6em 5em 5em 5em;
	
}		 
#footerbox {
	width:958px;
	
	padding-bottom:5px;
	float:left;
	padding-top:15px;
/* border-top:1px solid #ebebeb;
   border-right:1px solid #ebebeb; */
	border-left:1px solid #ebebeb;
	
   border-bottom: none} 
	
#footer {
	margin-top:0px;
	clear:both;
	height:90px;
}
#footer div{
	/*width:918px;*/
	width:807px;
	margin:0 auto;
	padding:10px 20px 10px 120px;
	
	background:url(images/logo_small.gif)  20px center no-repeat;
	border:1px solid #ebebeb;
}
#footer div p{
	padding-left:10px;
	font-size:11px;
	}


/* Nav */
	/*
    #nav {
    background:url(images/nav.gif) no-repeat; 
    width:376px;
    height:29px;
	 float:right;
    margin:40px 120px 0 0;
    padding:0;
	}
	*/
	#nav {
    background:url(images/nav.gif) no-repeat; 
    width:376px;
    height:29px;
    padding:0;
	 position:absolute;
	 z-index:10000;
	 top:40px;
	 right:120px;
	
	 }
    #nav span {
    display: none;
    }

           		
    #nav li, #nav a {
    height:29px;
    display:block;
    }

    #nav li {
    float:left;
    list-style:none;
    display:inline;
    }

    #nav-01 {
    width: 64px;
    }
    #nav-02 {width: 114px;}
    #nav-03 {width: 99px;}
    #nav-04 {width: 97px;}

    #nav-01 a:hover {background:url(images/nav.gif) 0px bottom no-repeat; }
    #nav-02 a:hover {background:url(images/nav.gif) -64px bottom no-repeat; }
    #nav-03 a:hover {background:url(images/nav.gif) -178px bottom no-repeat; }
    #nav-04 a:hover {background:url(images/nav.gif) -277px bottom no-repeat; }
	

/*
#linguetta{ position:absolute; top:304px; left:-12px; z-index:100000
background:url(images/linguetta.png)  20px center no-repeat; width:327px; height:59px; display:block}
*/

h4#linguetta{ position:absolute; top:300px; left:-12px; z-index:100000; font-size:2.0em; color:#FFFFFF; font-style:italic; font-weight:lighter; padding:.4em 0 0 2.1em; background:url(images/linguetta.gif) 0px center no-repeat; width:327px; height:59px; display:block}

h1#linguettainterna{ position:relative; top:0px; left:-12px; z-index:100000; font-size:2.0em; color:#FFFFFF; font-style:italic; font-weight:lighter; padding:.4em 0 0 3.1em; background: url(images/linguettainterna.gif) 0px center no-repeat; width:327px; height:59px; display:block}
/*
.pag-interna{ top:34px!important; background:url(images/linguetta.png)  20px center no-repeat; width:327px; height:59px;}*/

/* Carousel */
#slider{  }	
#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider li, #slider div{ 
	width:948px;
	height:335px;
	overflow:hidden; 
	}	
#prevBtn, #nextBtn{ 
	display:block;
	/*width:30px;
	height:77px;*/
	width:45px;
	height:45px;
	position:absolute;
	left:5px;
	top:155px;
	}	
#nextBtn{ 
	left:901px;
	}														
#prevBtn a, #nextBtn a{  
	display:block;
	text-indent:-10000px;
	outline:none;
	/*width:30px;
	height:77px;*/
	width:45px;
	height:45px;
	background: url(images/btn_prev.png) no-repeat 0 0;	
	}	
#nextBtn a{ 
	background: url(images/btn_next.png) no-repeat -1px -1px;	
	}	
	
/*	
.panel_1{ background:#FFFF99 url(images/bg-slider.jpg);}	
.panel_2{ background:#66FF99 url(images/bg-slider.jpg);}	
.panel_3{ background:#99FF66 url(images/bg-slider.jpg);}	
.panel_4{ background:#FF9966 url(images/bg-slider.jpg);}	
*/


.panel_1{ background:url(images/1.jpg);}	
.panel_2{ background:url(images/2.jpg);}	
.panel_3{ background:url(images/3.jpg);}	
.panel_4{ background:url(images/4.jpg);}	

	
#slider h2{ font-size:3.4em; font-weight:lighter; padding:1em 1.8em;  }
#slider p{font-size:1.1em; line-height:1.4em; width:46%;  padding:.4em 6.0em; width:36%;}

/* content */
#content h2{ margin-bottom:1em; font-size:2.6em;  font-weight:lighter;}
#content p {font-size:1.1em; line-height:1.4em;margin-bottom:.8em; padding-right:35%;}

/* box index */
#footerbox h3{ 
	padding:1em 0 .3em 0; 
	font-size:18px; 
	font-weight:normal;   
	border-bottom:1px solid #ebebeb; 
	text-transform:uppercase; 
	margin-bottom:.4em;
}
#footerbox p {
	padding-left:70px;
	min-height: 6em;
}
#footerbox p.networking,
#footerbox p.security,
#footerbox p.sviluppo,
#footerbox p.assistenza{background:url(images/icone.gif) -10px 0 no-repeat; }

#footerbox p.networking{ background-position:-6px -141px}
#footerbox p.security{background-position:-7px -77px}
#footerbox p.sviluppo{ background-position:-7px -0px}
#footerbox p.assistenza{ background-position:-8px -227px}

#footerbox p a:link, #footerbox p a:visited{ color:#666666; text-decoration:none}
#footerbox p a:hover{ color: #999; text-decoration:underline}
  
/* Html */
a:link, a:visited{ color:#118FE6; text-decoration:none}
a:hover { text-decoration:underline} 

.float-sx{ float:left}
.float-dx{ float:right}