* {
	margin: 0;
}
html, body {
 	height: 100%;
}
body {
    background-image:url(../img/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
	font-size: 12px;  
	text-align: center;   /*centra in IE 5.x */
	background-color: #FFF;
	font-family: MS Sans Serif, Verdana;
	color:#8F8F8F;
 }
 #map-canvas {
    height: 450px;
    width:450px;
    margin: 0px;
    padding: 0px
}
#bodyContent strong {font-size: 14px;color:#333 }
pre {
	 font-size: 8pt; 
}
span.novis {
	display:none;
}
div.clearer,br.clearer {
   clear:both;
}
a {
	text-decoration:none;
	color:#8F8F8F;
}
a:hover,a.sel {
	text-decoration: underline;
}
.grey,a.grey {
   color:#8F8F8F;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -5em;
    background-image: url(../img/footer_base.gif);
	background-repeat: repeat-x;
	background-position: bottom center;
	text-align:center;
}
#footer, #push {
	height: 5em;
}
#cse-search table td {padding:3px;}
div#header {
	margin:30px auto 0 auto; /* altezza servizi perch&egrave; hanno pos abs */
	width:720px;
	text-align: left;
	/*height: 248px;*/
}
div#sezione {
	width:720px;
	height:218px;
	clear:left;
	/*border:1px solid red;
	padding-top:30px;*/
}
div#servizi {
	width:720px;
	height:30px;
	margin:0px;
	padding:0px;
	top:0px;
	position:absolute;
}
div#data {
	/*border:1px solid red;*/
	float:left;
	width:310px;
	padding:4px 0px 0px 10px;
}
div#submenu {
	/*border:1px solid black;*/
	margin-left: 340px;
   	height:22px;
}
#corpo{
	color: #FFF;
	font-weight: normal;
	overflow: hidden;
	position: relative;
	top:0px;
	z-index: 3;
	height: 0;
}
#corpo div.margins {
	padding: 10px 10px 0px 10px;
	margin-left:1px;
	background-color: #EF9A0B;
	/*background-image: url(../img/bg_yellow.png);*/
}
div#corpo p {
   padding:8px 0px 0px 0px;
   margin:0px 0px 0px 0px;
}

div.tools {
   /* Since the Fx.Slide element resets margins, we set a margin on the above element */
	margin: 0px 0px 10px 0px;
	text-align: right;
	padding: 0px;
	position: relative;
	top:0px;
	z-index: 3;
	color: #FFF;
}
div.tools table {
	margin:0px;
	padding:0px;
	width:149px;
	/*height: 22px;*/
	border-collapse:collapse;
}
div.tools table td {
	margin:0px;
	padding:0px;
}
div.tools table td a,div#corpo a {
   color:#FFF;
}
/***** tools  tab ****/

form {
   margin:0px;
   padding:0px;
}
input.login, form#cse-search input.login{
   width: 105px; 
  /* border:1px solid #FFF;
   background-color: #FFF;*/
   border:0px;
   background-color: transparent;
   font-size: 8pt;
   font-family: MS Sans Serif, Verdana;
   color: #8F8F8F;
}
div.input_bg {
   background-image: url(../img/input_bg.gif);
   background-repeat: no-repeat;
   width:114px;
   height:21px;
   padding:2px 2px 0px 4px;
}
input.bt,img.bt {
   vertical-align: middle;
}
input.radiob {
   vertical-align: middle;
}
/***** end tools  tab ****/

/** menu di navigazione **/
div#navigation {
	/*border:1px solid black;*/
	margin:0px auto;
	width:720px;
	height:51px;
}
div#icons {
	float:left;
	width:333px;
	text-align: left;
	padding-top:9px;
}
div#icons img {
	vertical-align: middle;
}
div#menu {
	margin-left: 354px;
	height: 51px;
	text-align: left;
}
div#submenu ul {
	margin:0px;
	padding:0px;
}
div#submenu li {
	margin:0px;
	padding:0px;
	list-style: none;
	font-weight: bold;
	font-size: 8pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.yellow {
	color:#F1A410;
}
.yellow.sel,.grey.sel {
	text-decoration: underline;
}
div#menu table {
	margin-top:7px;
	padding:0px;
	height: 27px;
	background-color: #EBEDEE;
	width:100%;
}
div#menu td {
   text-align: left;
   padding-top:4px;
}
div#menu table a {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:9pt;
   font-weight: bold;
}
div#menu table a:hover {
   color:#F1A410;
   text-decoration: none;
} 
div#menu table .yellow {
   padding-right:10px;
   font-size:12pt;
}
div#menu a.yellow {
   font-size:9pt;
}
td#first {
   padding-left:15px;
}
/******************* pagina e footer ********************/
div#content {
	/*border:1px solid green;*/
	margin:0px auto;
	width:720px;
	clear:left;
	text-align: left;
	margin-top:10px;
	background-color:#FFF;
	line-height:15px;
	position:relative;
	font-size:12px;
	line-height:18px;
}
div.massime {
   width:700px;
   text-align: left;
   padding:0px 0px 0px 10px;
   margin:0px auto;
}
.massime td {
	vertical-align:middle;
	line-height:15px;
}
.massime td a {
	color:#000;
	display:inline-block;
	margin-left:5px
}
div.massime h5 {
   font-weight: normal;
   font-size:8pt;
   color:#F1A410;
   margin:0px 0px 0px 0px;
   padding:0px;
}
div.massime img {
	border:0px;
}
div.massime td.cita {
	width:500px;
}
div.puntini {
	margin:0px auto;
	height:12px; 
	width:720px;
	background-image: url(../img/puntini.gif);
	background-repeat: repeat-x;
}
div#pad {
	margin-bottom:30px;
}
div#footer {
	width:100%;
	text-align: center;
}
.copyrights {
	width:720px;
	margin:0px auto;
	line-height:15px;
}

#copyx {
   text-align: center;
   width:460px;
   padding:0px;
   vertical-align:middle
}
#store {
   width:200px;
   text-align: center;
   padding:0px;
}
div#white {
	display:none;
	width:100%;
	height:10px;
	background-color:#FFF;
}
/******************* pagina e footer ********************/



/*********************************/
/********** HOMEPAGE ************/
/********************************/
div.top {
   width:720px;
   height:50px;
   background-image: url(../img/hp_top.jpg);
   background-repeat: no-repeat;
   /*padding-left:500px;*/
}
div.top img {
   padding-right:203px;
   width:203px;
}
div.top h5 {
   float:right;
   color: #FFF;
   background-color: #F1A410;
   margin:0px;
   width: 210px;
   font-size: 8pt;
   padding: 2px 2px 2px 2px;
}
div.middle {
   width:720px;
   background-image: url(../img/hp_middle.jpg);
   background-repeat: repeat-y;
}
#content div.bottom {
   width:720px;
   height:44px;
   background-image: url(../img/hp_bottom.jpg);
   background-repeat: no-repeat;
   margin-bottom:6px;
}
div#preview {
   width:430px;
   float:left;
  /* border:1px solid black;*/
   padding-left:0px;
  /* padding-top:10px;*/
}
#fb {
	margin-left:50px;
}
#webmail-icon {
	margin-left:-10px
}
div#case {
   margin-left:500px;
}
div#picture {
   float:left;
   width:185px;
}
div#preview p {
   margin-left:200px;
   padding:0px;
   margin:0px;
   line-height: 15px;
}
div#preview h4 {
   font-weight: bold;
   font-size: 8pt;
   margin:0px;
   padding:0px;
}
div#case img {
   border:6px solid #EBEDEE;
   margin-bottom:3px;
}
div#case a:hover img {
	border:6px solid #F1A410;
	margin-bottom:3px;
}
/*********************************/
/********** IDS ************/
/********************************/
div.page_left {
   float:left;
}
div.page_right {
   margin-left:355px;
   padding:0px 12px 12px 12px;
}
span.pdleft {
   padding-left:30px;
   font-weight:bold;
}
div.bg div.page_left ul.puntiForza2 {
   list-style: none;
   margin:3px 0px 0px 30px;
   padding:3px 0px 0px 30px;
}
ul.puntiForza {
   list-style: none;
   margin:3px 0px 0px 25px;
   padding:3px 0px 0px 25px;
}
ul.puntiForza li,div.bg div.page_left ul.puntiForza2 li {
   padding:0px;
   list-style-image: url(../img/arrow2.gif);
   list-style-position: outside;
   margin:3px 0px 3px 0px;
}
div.bolle {
   width:351px;
   height: 323px;
   background-image: url(../img/bolle.jpg);
   background-repeat: no-repeat;
   background-position: left;
   line-height:12px;
   font-size:11px;
}
div.obiettivo {
   width:210px;
   margin:33px 0px 0px 100px;
 	line-height:14px;
}
/*********************************/
/********** software ************/
/********************************/
div.bg {
   background-image: url(../img/pix_software.jpg);
   width:720px;
}
div.bg div.page_left {
   float:left;
   width:354px;
   padding:0px;
   margin:0px;
}

div.page_left p {
   width:320px;
   padding:10px 0px 0px 12px;
   margin:0px;
}
div.page_left h4,div.location_left h4 {
   font-size:8pt;
   width:354px;
   height:20px;
   font-weight: normal;
   padding:0px;
   text-indent: 12px;
   margin:0px;
   background-color: #FFF;
}
div.bg div.page_right {
   background-image: url(../img/bg_software.jpg);
  /* background-position:top left;
   background-color:#F8F8F8;*/
   background-position:bottom left;
   background-color:#FFF;
   background-repeat: no-repeat;
   margin-left:354px;
   /*line-height:15px;*/
}
div.bg div.page_right a {
   /*margin-left:12px;*/
}
div.bg div.page_right ul,div.repeople ul {
   margin:0px 0px 10px 0px;
   padding:0px;
}
div.bg div.page_right ul li {
  	list-style:none;
  	margin:3px 0px
}
div.repeople ul li {
	margin-left:15px;
}
p.indent {
	margin:0px 5px 10px 0px;
	padding:0px;
}

/*********************************/
/********** e-people ************/
/********************************/
div.bg.epeople {
   background-image: url(../img/bg_epoeple.jpg);
   background-repeat: no-repeat;
   width:720px;
   background-color: #F8F8F8;
}
div.lepeople {
   float:left;
   /*border:1px solid red;*/
   width:256px;
}
div.lepeople ul {
   margin:0px;
   padding:10px 0px 0px 0px;
}
div.lepeople li {
  padding:0px 0px 0px 12px;
  margin:0px;
  list-style: none;
}
div.repeople {
   padding: 0px 0px 12px 0px; /*border:1px solid red;*/
   text-align: left;
   margin: 0 0 0 246px;
}

#box9 span img {
   border:6px solid #EBEDEE;
   margin-bottom:3px;
}
#box9 span a:hover img  {
   border:6px solid #F1A410;
   margin-bottom:3px;
}


/* galleria clienti */
#box8,#box9{
	position:absolute;
}
#box8 div{
	width:230px;
	float:left;
}
#box9 div{
	width:440px; 
	float:left;
   text-align: left;
}
#box9 span{
	float:left;
   width:220px;
   height: 170px;
   margin-bottom:5px;
}
span#prev8, span#next8,span#prev9, span#next9  {
   cursor: pointer;
}
#box8 .next,#box9 .next{
	float:right;
}
p.buttons {
   margin:0px;
   padding:0px 0px 0px 12px;
}
p.buttons1 {
    margin:0px;
    padding:0px;
}
.mask2{
	position:relative;
	width:440px;
	height:520px;
	margin-bottom:10px;
	overflow:hidden;
}
.mask1{
	position:relative;
	width:230px;
	height:380px;
	overflow:hidden;
}
/*********************************/
/********** scheda **************/
/********************************/
div.lescheda {
   float:left;
   width:330px;
   padding:0px 0px 0px 12px;
}
div.rischeda {
   margin-left:353px;
   background-image: url(../img/bg_scheda.jpg);
   background-repeat: no-repeat;
   background-color: #F3F4F5;
   padding-left:16px;
}
table.scheda {
   width:330px;
}
table.scheda td {
   vertical-align: top;
   line-height: 15px;
}
/*********************************/
/********** contacts ************/
/********************************/
table.contact h4{
   margin:0px;
   padding:0px;
   font-size:8pt;
   height:20px;
   font-weight: normal;
   text-indent: 12px;
}
table.contact {
   width:720px;
   border-collapse: collapse;
   margin:0px;
   padding:0px;
}
table.contact td {
   padding:0px;
   margin:0px;
   vertical-align: text-top;
}
table.contact td.bottom_contact {
   background-image: url(../img/bg_contacts.jpg);
   background-repeat: no-repeat;
   background-position: bottom;
   width:458px;
   height:55px;
}
table.contact td.right {
   background-color: #FFF;
   width:458px;
   padding:0px;
   margin:0px;
   vertical-align: text-top;
}
table.contact td.left {
   width:262px;
   vertical-align: text-top;
   padding:0px;
   margin:0px;
   background-color: #F8F8F8;
}
table.contact td.left p,table.contact td.right p {
   margin:10px;
}
div.bg div.page_right.job {
   background-image: url(../img/bg_job.jpg);
   background-position: bottom left;
   background-repeat: no-repeat;
   background-color: #FFF;
   margin-left:354px;
}
/*********************************/
/********** location ************/
/********************************/
div.bg div.location_right {
   background-image: url(../img/bg_location.jpg);
   background-position: left bottom;
   background-repeat: no-repeat;
   background-color: #FFF;
   margin-left:470px;
   width:250px;
}
div.bg div.location_right p {
   margin:0px;
   padding:0px 0px 0px 40px;
}
div.bg div.location_left {
   float:left;
   width:470px;
}
div.location_left h4 {
   width:100%;
}
/*******************************************/
/***********approfindimenti.cfm************/
/*******************************************/
div.leapp ul.list_app {
   margin:0px;
   padding:20px 0px 0px 0px;
}
div.leapp ul.list_app li {
  padding:2px 0px 0px 10px;
  margin:0px;
  list-style: none;
  cursor: pointer;
}
div.leapp ul.list_app li.grey,div.leapp ul.list_app li a.grey {
   color:#8F8F8F;
}
div.leapp ul.list_app ul {
   margin:0px;
   padding:0px 0px 6px 6px;
}
div.leapp ul.list_app ul li,div.leapp ul.list_app li a,div.leapp ul.list_app ul li a {
   color:#F1A410;
   text-decoration: underline;
}
div.leapp ul.list_app ul li,div.leapp ul.list_app li {
   color:#F1A410;
   text-decoration: none;
}
table.bg_app,table.bg_app td  {
   /*background-image: url(../img/bg_epoeple.jpg);
   background-repeat: no-repeat;*/
   width:720px;
   background-color: #F8F8F8;
   border-collapse: collapse;
   border:0px;
   margin:0px;
   padding:0px;
}
table.bg_app div.leapp {
   float:left;
   /*border:1px solid red;*/
   width:210px;
}
table.bg_app div.reapp {
   margin-left:210px;
    /*border:1px solid red;*/
   background-image: url(../img/top_app.gif);
   background-repeat: no-repeat; 
   background-position: top left;
   padding:0px 0px 0px 0px;
   line-height: 18px;
   background-color:#FFF;
}
div.reapp p.indent,div.reapp b.yellow {
   padding-left:20px;
   padding-right:10px;
}
div.reapp ul,div.reapp ol {
   margin:3px 0px 3px 18px;
   padding:0px 0px 0px 18px;
   list-style: none;
}
div.reapp li {
   padding:0px;
   list-style-image: url(../img/arrow.gif);
   list-style-position: outside;
   margin:0px 0px 0px 0px;
}
div.reapp u {
   color:#F1A410;
   font-size:9pt;
}
div.app_bottom {
   background-image: url(../img/bottom_app.gif);
   background-repeat: no-repeat; 
   background-position: right;
   height:47px;
}
div.apptitle {
   height: 27px;
   background-color: #FFF;
   text-indent:10px;
}
div.team {
   background-image: url(../img/team_miki.jpg);
   background-repeat: no-repeat;
   background-position: top;
   width: 690px;
   height: 81px;
   padding: 230px 0px 0px 30px;
}
/** whois **/
table.whois td {
	padding:20px 0px 0px 100px;
}
/** banner cookie **/
#cm {max-width:50em}
#cm .c-bn.c-custom,#cm #c-p-bn {
	background-color:#F1A410;
	color:#FFF;
}
#cm .c-bn.c-custom {
	margin-top:10px;
}
table.cookie td {
	padding:10px;
	border-bottom:1px solid #ccc
}
#personalizza {
	 background-color:#F1A410;
	 border-radius:.375rem;
	 color:#FFF;
	 font-weight:bold;
	 cursor:pointer;
	 display:inline-block;
	 flex:1;
	 font-size:14px;
	 padding:10px 20px;
	 text-align:center;
	border:0
}