html {
  height: 101%;
}

body {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  background-image: url(../immagini/img_body_bg.gif);
  background-repeat: no-repeat;
  background-position: top center;
}

form {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

/************************************** inizio HEADER e MENU TOP **************************************/

table.header {
  width: 970px;
}

div.menuTop {
  font-family: Verdana, Geneva, sans-serif;
  /* color: #6d6d6d; */
  color: #535353;
  font-size: 12px;
  line-height: 18px;
  padding: 0px 10px 0px 10px;
}

div.menuTop a:link, div.menuTop a:visited, div.menuTop a:active {
  color: #535353;
  text-decoration: none;
}

div.menuTop a:hover {
  color: #005ea4;
  text-decoration: none;
}

td.menuTopSep {
  background-color: #ececec;
  width: 1px;
}

div.menuTopSel {
  font-family: Verdana, Geneva, sans-serif;
  color: #005ea4;
  font-size: 12px;
  line-height: 18px;
  padding: 0px 10px 0px 10px;
}

/************************************** fine HEADER e MENU TOP **************************************/

/************************************** inizio HOME **************************************/

table.home {
  width: 970px;
  margin-top: 38px;
}

table.home td.serviziWeb {
  border-top: 5px solid #cd6600;
  border-right: 1px solid #cd6600;
  border-bottom: 1px solid #cd6600;
  border-left: 1px solid #cd6600;
  width: 218px;
  vertical-align: top;
}

table.home td.webMarketing {
  border-top: 5px solid #037e03;
  border-right: 1px solid #037e03;
  border-bottom: 1px solid #037e03;
  border-left: 1px solid #037e03;
  width: 218px;
  vertical-align: top;
}

table.home td.serviziHotel {
  border-top: 5px solid #b60202;
  border-right: 1px solid #b60202;
  border-bottom: 1px solid #b60202;
  border-left: 1px solid #b60202;
  width: 218px;
  vertical-align: top;
}

table.home td.software {
  border-top: 5px solid #7f059e;
  border-right: 1px solid #7f059e;
  border-bottom: 1px solid #7f059e;
  border-left: 1px solid #7f059e;
  width: 218px;
  vertical-align: top;
}

table.home td.colSep {
  width: 30px;
}

table.home div.titolo {
  margin: 1px 1px 1px 1px;
  font-family: Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #ececec;
  background-color: #ffffff;
  /* 
    background-image: url(../immagini/img_home_bg.gif);
    background-position: left;
    background-repeat: no-repeat; 
  */
  font-size: 15px;
  padding: 4px 7px 5px 0px;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
}

table.home td.serviziWeb div.titolo, 
table.home td.serviziWeb div.titolo a:link, table.home td.serviziWeb div.titolo a:active,
table.home td.serviziWeb div.titolo a:visited, table.home td.serviziWeb div.titolo a:hover {
  color: #cd6600;
  text-decoration: none;
}

table.home td.webMarketing div.titolo, 
table.home td.webMarketing div.titolo a:link, table.home td.webMarketing div.titolo a:active,
table.home td.webMarketing div.titolo a:visited, table.home td.webMarketing div.titolo a:hover {
  color: #037e03;
  text-decoration: none;
}

table.home td.serviziHotel div.titolo, 
table.home td.serviziHotel div.titolo a:link, table.home td.serviziHotel div.titolo a:active,
table.home td.serviziHotel div.titolo a:visited, table.home td.serviziHotel div.titolo a:hover {
	color: #b60202;
  text-decoration: none;
}

table.home td.software div.titolo, 
table.home td.software div.titolo a:link, table.home td.software div.titolo a:active,
table.home td.software div.titolo a:visited, table.home td.software div.titolo a:hover {
  color: #7f059e;
  text-decoration: none;
}

table.home div.titolo strong {
  font-size: 18px;
  font-weight: normal;
}

table.home div.testo {
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 11px;
  text-align: left;
  line-height: 16px;
  padding: 5px 8px 0px 8px;
  min-height: 90px;
}

table.home div.linkCont {
  margin-top: 11px;
  margin-bottom: 7px;
}

table.home div.link {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  text-align: right;
  border-top: 1px solid #ececec;
  margin: 4px 8px 0px 8px;
  padding: 4px 2px 0px 0px;
}

table.home div.link a:link, table.home div.link a:active, table.home div.link a:visited {
  color: #535353;
  text-decoration: none;
}

table.home div.serviziWeb a:hover {
  color: #cd6600;
  text-decoration: none;
}

table.home div.webMarketing a:hover {
  color: #037e03;
  text-decoration: none;
}

table.home div.serviziHotel a:hover {
	color: #b60202;
  text-decoration: none;
}

table.home div.software a:hover {
  color: #7f059e;
  text-decoration: none;
}

/************************************** fine HOME **************************************/

/************************************** inizio CONTENUTI **************************************/

table.contenuti {
  width: 970px;
  margin-top: 35px;
}

table.contenuti td.col1 {
  width: 620px;
  vertical-align: top;
}

table.contenuti td.col2 {
  width: 100px;
  background-image: url(../immagini/img_grigio.gif);
  background-position: center;
  background-repeat: repeat-y;
}

table.contenuti td.col3 {
  width: 250px;
  vertical-align: top;
  text-align: left;
}

table.contenuti div.testo {
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 12px;
  text-align: justify;
  line-height: 20px;
}

table.contenuti div.testo ul {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 30px;
}

table.contenuti div.testo li {
  padding: 0px;
  margin: 0px;
}

table.contenuti h1 {
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 24px;
  font-weight: normal;
  text-align: left;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #ececec;
}

table.contenuti h2 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  font-weight: normal;
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 8px 0px 0px 0px;
  line-height: 22px;
}

table.main h1, table.main h2,
table.main div.testo a:link, table.main div.testo a:visited, table.main div.testo a:active, table.main div.testo a:hover {
  color: #005ea4;
  text-decoration: none;
}

table.serviziWeb h1, table.serviziWeb h2,
table.serviziWeb div.testo a:link, table.serviziWeb div.testo a:visited, table.serviziWeb div.testo a:active, table.serviziWeb div.testo a:hover {
  color: #cd6600;
  text-decoration: none;
}

table.webMarketing h1, table.webMarketing h2,
table.webMarketing div.testo a:link, table.webMarketing div.testo a:visited, table.webMarketing div.testo a:active, table.webMarketing div.testo a:hover {
  color: #037e03;
  text-decoration: none;
}

table.serviziHotel h1, table.serviziHotel h2,
table.serviziHotel div.testo a:link, table.serviziHotel div.testo a:visited, table.serviziHotel div.testo a:active, table.serviziHotel div.testo a:hover {
	color: #b60202;
  text-decoration: none;
}

table.software h1, table.software h2,
table.software div.testo a:link, table.software div.testo a:visited, table.software div.testo a:active, table.software div.testo a:hover {
  color: #7f059e;
  text-decoration: none;
}

table.contenuti div.box {
  color: #535353;
  background-color: #ececec;
  padding: 7px 11px 8px 11px;
  text-align: justify;
  /*
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  */
}

/************************************** fine CONTENUTI **************************************/

/************************************** inizio CONTATTI **************************************/

table.contatti td.label {
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 12px;
  text-align: left;
}

table.contatti td.obb {
  color: #005ea4;
}

table.contatti td.it {
  background-color: #ececec;
  height: 25px;
  vertical-align: middle;
}

table.contatti input.it {
  background-color: #ececec;
  border: none;
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 11px;
  padding: 0px 6px 0px 6px;
  margin: 0px 0px 0px 0px;
  width: 145px;
}

table.contatti div.ta {
  margin: 8px 0px 0px 0px; 
  padding: 2px 0px 0px 0px;
  background-color: #ececec; 
  height: 188px;
  vertical-align: top;
}

table.contatti textarea.ta {
  background-color: #ececec;
  border: none;
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 11px;
  padding: 4px 8px 4px 8px;
  width: 325px;
  height: 177px;
}

table.contatti input.bottone {
  background-color: #005ea4;
  border: none;
  font-family: Verdana, Geneva, sans-serif;
  color: #ffffff;
  font-size: 11px;
  font-weight: normal;
  padding: 4px 8px 4px 8px;
}

table.contenuti div.testoPrivacy {
  font-family: Verdana, Geneva, sans-serif;
  color: #535353;
  font-size: 11px;
  text-align: justify;
  line-height: 15px;
}

/************************************** fine CONTATTI **************************************/

/************************************** inizio CSS MENU DX (ACCORDION) **************************************/

#menuDxAccordion {
  margin-top: 9px;
}

h3.toggler {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 7px 0px;
  cursor: pointer;
  border-bottom: 1px solid #ececec;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 16px;
  font-weight: normal;
  background-image: url(../immagini/img_freccia_1.png);
  background-position: right;
  background-repeat: no-repeat;
}

h3.toggler strong {
  font-size: 19px;
  font-weight: normal;
}

div.element {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.element div {
  font-family: Verdana, Geneva, sans-serif;
  /* color: #6d6d6d; */
  color: #535353;
  font-size: 12px;
  line-height: 18px;
  margin: 8px 0px 0px 10px;
  padding: 0px 0px 3px 0px;
  border-bottom: 1px solid #ececec;
  /* text-transform: uppercase; */
}

div.element div a:link, div.element div a:visited, div.element div a:active {
  color: #535353;
  text-decoration: none;
}

div.element div.serviziWeb a:hover {
  color: #cd6600;
  text-decoration: none;
}

div.element div.webMarketing a:hover {
  color: #037e03;
  text-decoration: none;
}

div.element div.serviziHotel a:hover {
	color: #b60202;
  text-decoration: none;
}

div.element div.software a:hover {
  color: #7f059e;
  text-decoration: none;
}

div.element div.serviziWebSel {
  color: #cd6600;
  background-image: url(../immagini/img_freccia_2.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}

div.element div.webMarketingSel {
  color: #037e03;
  background-image: url(../immagini/img_freccia_2.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}

div.element div.serviziHotelSel {
	color: #b60202;
  background-image: url(../immagini/img_freccia_2.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}

div.element div.softwareSel {
  color: #7f059e;
  background-image: url(../immagini/img_freccia_2.png);
  background-position: left;
  background-repeat: no-repeat;
  padding-left: 15px;
}

/************************************** fine CSS MENU DX (ACCORDION) **************************************/

/************************************** inizio FOOTER **************************************/

div.footer {
  width: 970px;
  font-family: Verdana, Geneva, sans-serif;
  color: #6d6d6d;
  font-size: 11px;
  margin: 30px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
  border-top: 1px solid #ececec;
  text-align: center;
}

div.footer a:link, div.footer a:visited, div.footer a:active, div.footer a:hover {
  color: #005ea4;
  text-decoration: none;
}

div.footer span {
  color: #b6b6b6;
}

div.footer div.partitaIva {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #b6b6b6;
  margin-top: 5px;
}

div.footerMotori {
  font-family: Verdana, Geneva, sans-serif;
  color: #dadada;
  font-size: 10px;
  line-height: 14px;
  margin: 0px 0px 0px 0px;
  padding: 10px 0px 5px 0px;
  text-align: center;
}

div.footerMotori a:link, div.footerMotori a:visited, div.footerMotori a:active, div.footerMotori a:hover {
  color: #dadada;
  text-decoration: none;
}

/************************************** fine FOOTER **************************************/

/************************************** inizio PORTFOLIO **************************************/

table.portfolio {
  text-align: left;
  margin-top: 15px;
}

table.portfolio td {
  width: 168px;
  text-align: center;
  vertical-align: top;
  font-family: Verdana, Geneva, sans-serif;
  color: #6d6d6d;
  font-size: 10px;
  line-height: 13px;
}

table.portfolio td a:link, table.portfolio td a:active, table.portfolio td a:visited, table.portfolio td a:hover {
  color: #6d6d6d;
  text-decoration: none;
}

table.portfolio img {
  border: 1px solid #ececec; 
  padding: 2px 2px 2px 2px;
  margin-bottom: 4px;
}

/************************************** fine PORTFOLIO **************************************/
