BODY {COLOR: #3F4D6B;  BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../images/sfondo_pagina.jpg); BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #FFF; TEXT-ALIGN: center; margin-top: 10px; /*font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; */ font-family:Verdana, Arial, Helvetica, Sans-serif;}
BODY.marqueeNews {margin: 0px; PADDING: 0px; TEXT-ALIGN: left; /*font-family:"Trebuchet MS", Verdana, Arial, Helvetica, Sans-serif; */background-image: url(../images/sfondo_news.jpg); background-repeat: repeat-x; font-family:Verdana, Arial, Helvetica, Sans-serif;}

A {color: #3F4D6B; text-decoration: none; font-weight: bold; background-color: inherit;}
A:hover { color: #798BB1; text-decoration: underline; font-weight: bold; background-color: inherit;}

B.orange {color: #ff8509; background-color: #FFF; font-size: 13px}

B.big {color: #3F4D6B; background-color: #FFF; font-size: 14px}

B.bigger {color: #3F4D6B; background-color: #FFF; font-size: 16px}

.orange {color: #ff8509; font-size: 11px}

.linea {clear: both; margin: 5px 0px; padding: 0; border-top: none; border-right: none; border-bottom: 1px solid #DFDFD9; border-left: none; height: 0; display: block;}

IMG {border: 0px;}


#flashbanner {width:565px; height:210px; margin-bottom:10px; margin-left:1px;}

#ext {width: 100%; TEXT-ALIGN: center;}
#page {width: 778px; TEXT-ALIGN: center; border-left: 1px solid #435276; border-right: 1px solid #435276; border-bottom: 1px solid #435276; MARGIN: auto;}
#pageNewsletter {width: 565px; TEXT-ALIGN: center; border-left: 1px solid #435276; border-right: 1px solid #435276; border-bottom: 1px solid #435276; MARGIN: auto;}
#header {width: 778px; height: 81px; BACKGROUND-IMAGE: url(../images/sfondo_header1.jpg); BACKGROUND-REPEAT: repeat-x;  white-space : nowrap; display: block; border-bottom: 1px solid #435276;}
#headerNewsletter {width: 565px; height: 81px; BACKGROUND-IMAGE: url(../images/sfondo_header1.jpg); BACKGROUND-REPEAT: repeat-x;  white-space : nowrap; display: block; border-bottom: 1px solid #435276;}
#header .logo, #headerNewsletter .logo {float: left; margin-top: 20px; height: 45px;}
#header .logo IMG, #headerNewsletter .logo IMG {vertical-align: middle; margin-right: 5px; margin-left: 20px;}
#header .header1 {width:373px; height: 64px; padding:0px; BACKGROUND-IMAGE: url(../images/sfondo_header2.jpg); BACKGROUND-REPEAT: repeat-x; position : relative; text-align: left; float : right;}

#navbar {width:373px; float: right; padding:0px; BACKGROUND-IMAGE: url(../images/sfondo_menu_top.jpg); BACKGROUND-REPEAT: repeat-x; white-space : nowrap;}
#navbar IMG.bottoni {margin: 0px 7px 5px 7px;}

#menu {width: 778px; height: 17px; BACKGROUND-IMAGE: url(../images/sfondo_menu.jpg); BACKGROUND-REPEAT: repeat-y; text-align: left; display: block; position: relative; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF;}
#menu .vocimenu {padding-left: 10px;}
#menu .vocimenu IMG.bottoni {margin-right: 20px; white-space : nowrap; margin-bottom: 3px;}
#menu .vocimenu IMG {margin-bottom: 4px;}

#submenu {BACKGROUND-IMAGE: url(../images/sfondo_sottomenu.jpg); BACKGROUND-REPEAT: repeat-x; width: 778px; height: 19px; text-align: left; position: relative; display: block;}
#submenu .azienda {font-size: 10px; color: #3F4D6B; vertical-align: top; width: 300px; height: 15px; z-index:1; visibility: hidden; left: 10px; position: absolute; top: 2px; background-color: inherit;}
#submenu .offerta {font-size: 10px; color: #3F4D6B; vertical-align: top; width: 200px; height: 15px; z-index:1; visibility: hidden; left: 93px;  position: absolute; top: 2px; background-color: inherit;}
#submenu .referenze {font-size: 10px; color: #3F4D6B; vertical-align: top; width: 300px; height: 15px; z-index:1; visibility: hidden; left: 170px; position: absolute; top: 2px; background-color: inherit;}
#submenu .metodologia {font-size: 10px; color: #3F4D6B; vertical-align: top; width: 500px; height: 15px; z-index:1; visibility: hidden; left: 265px; position: absolute; top: 2px; background-color: inherit;}
#submenu .competenze {font-size: 10px; color: #3F4D6B; vertical-align: top; width: 300px; height: 15px; z-index:1; visibility: hidden; left: 366px; position: absolute; top: 2px; background-color: inherit;}

#submenu A {font-size: 10px; color: #3F4D6B; text-decoration: none; font-weight: normal; background-color: inherit;}
#submenu A:hover {font-size: 10px; color: #798BB1; text-decoration: underline; font-weight: normal; background-color: inherit;}

#submenuOfferta {color: #3F4D6B; vertical-align: top; width: 170px; text-align: left; background-color: #ECFFE8; border-top: 4px solid #97DFA4; border-bottom: 4px solid #97DFA4; height: 150px; padding-top: 10px; padding-bottom: 10px;}
#submenuOfferta UL, #submenuReferenze UL, #submenuMetodologia UL {COLOR: #3F4D6B; margin-left : 20px; padding: 0px; list-style-image: url(../images/freccia_arancione.gif); background-color: inherit;}
#submenuOfferta A, #submenuReferenze A, #submenuMetodologia A {COLOR: #3F4D6B;  text-decoration: none; font-weight: normal; background-color: inherit;}
#submenuOfferta A:hover, #submenuReferenze A:hover, #submenuMetodologia A:hover {COLOR: #798BB1; text-decoration: underline; font-weight: normal; background-color: inherit;}
#submenuReferenze {color: #3F4D6B; vertical-align: top; width: 170px; text-align: left; background-color: #FBF7E3; border-top: 4px solid #E9D165; border-bottom: 4px solid #E9D165; height: 150px; padding-top: 10px; padding-bottom: 10px;}
#submenuMetodologia {color: #3F4D6B; vertical-align: top; width: 170px; text-align: left; background-color: #FFF5E1; border-top: 4px solid #FFB741; border-bottom: 4px solid #FFB741; height: 150px; padding-top: 10px; padding-bottom: 10px;}

#contents {text-align: center; width: 778px;  border-bottom: 1px solid #435276; background-image: url(../images/sfondo_footer.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #FFF; color: #3F4D6B; vertical-align: top; position: relative;}
#contentsNewsletter {text-align: center; width: 565px; background-color: #FFF; border-bottom: 1px solid #435276; background-image: url(../images/sfondo_footer.jpg); background-repeat: repeat-x; background-position: bottom;  font-size: 11px; color: #3F4D6B; vertical-align: top; position: relative;}

TABLE.tablecontents {width: 778px; border-collapse: collapse; text-align: center; font-size:10px;}
.tablecontents TD.mainhome {width: 565px; border-right: 1px dotted #B9C1D7; vertical-align: top; text-align: center; padding: 0px;}
.tablecontents TD.righthome {width: 212px; vertical-align: top; margin: 0px; padding: 0px; }

.tablecontents TD.left {width: 180px; vertical-align: top; padding: 5px 5px 20px 5px; color: #3F4D6B; text-align: center; background-color: #FFF;}
.tablecontents TD.main {width: 385px; border-right: 1px dotted #B9C1D7; vertical-align: top; padding: 5px 10px 20px 0px; color: #3F4D6B;  height: 250px; text-align: left; background-color: #FFF;}
.tablecontents TD.right {width: 170px; vertical-align: top; padding: 5px 5px 20px 5px; color: #3F4D6B; /*background-image: url(../images/sfondo_news.jpg); background-repeat: repeat-x;*/ background-color: #FFF;}
.tablecontents TD.main2 {width: 568px; vertical-align: top; padding: 5px 10px 20px 0px;  color: #3F4D6B; height: 250px; text-align: left; background-color: #FFF;}

.tablecontents TD.right DIV {font-size: 10px; color: #3F4D6B; text-align: center; background-color: inherit;}
#infopoint TD {color: #3F4D6B; background-color: inherit;}
TABLE.infopoint {width: 370px; padding: 0px; border-collapse: collapse; text-align: left;}

/* titolo pagina */
H1 {font-size: 12px; color: #3F4D6B; font-weight: bold; background-color: inherit;}
H2 {font-size: 11px; color: #798BB1; font-weight: bold; background-color: inherit;}

.titlesection1 {width: 160px; color: #D62022; font-weight: bold; background-color: inherit;}
.titlesection2 {width: 160px; color: #29AD53; font-weight: bold; background-color: inherit;}
.titlesection3 {width: 160px; color: #D2A000; font-weight: bold; background-color: inherit;}
.titlesection4 {width: 160px; color: #FF7B00; font-weight: bold; background-color: inherit;}
.titlesection5 {width: 160px; color: #81B8FF; font-weight: bold; background-color: inherit;}
.titlesection1 IMG, .titlesection2 IMG, .titlesection3 IMG, .titlesection4 IMG, .titlesection5 IMG {margin-top: 5px; margin-bottom: 5px;}
.casestudies IMG {margin: 10px; padding: 0px;}
.casestudies {background-color: #FFF; display: block; text-align: center; color: #3F4D6B; border: 0; padding:0; margin:0}
.casestudies a {text-decoration: none; padding:0px; margin:0px;}

/* box home */
.tablebox {width: 545px; border-collapse: collapse; margin: 15px auto 10px auto; font-size:10px;}
.tablebox TD {padding: 0px;}
.tablebox TD.title {text-align: left; width: 242px; vertical-align: middle; font-size: 16px; color:#546692; padding-left:15px; padding-bottom: 10px; padding-top:5px; background-image:url(../images/frecce_arancioni.gif); background-repeat:no-repeat; background-position:0 9px; background-color: inherit; font-weight:bold;}
.tablebox TD.spacer {width: 11px;}
.tablebox TD.center {background-color: #F5F5F3; color: #3F4D6B; text-align: left; vertical-align: top; border-left: 1px solid #DFDFD9; border-right: 1px solid #DFDFD9; border-top: 1px solid #DFDFD9; padding-left: 10px; padding-right: 10px; padding-top: 5px; width:267px;}
.tablebox TD.bottom {color: #3F4D6B; background-color: #F5F5F3; width: 259px; height: 8px; border-left: 1px solid #DFDFD9; border-bottom: 1px solid #DFDFD9; text-align: right;}
.tablebox TD.angolo {width: 8px; height: 8px; text-align: right;}

/* box progetti */
.tableboxProgetti {width: 545px; padding: 0px; border-collapse: collapse; margin-bottom: 15px; margin-left: 9px; margin-right: 9px;}
.tableboxProgetti TD {padding: 0px;}
.tableboxProgetti TD.title {text-align: left; width: 267px; vertical-align: middle;  color:#3F4D6B; padding-bottom: 5px; font-weight: bold; background-color: inherit;}
.tableboxProgetti TD.spacer {width: 11px;}
.tableboxProgetti TD.center {background-color: #F5F5F3;  color: #3F4D6B; text-align: left; vertical-align: top; border-left: 1px solid #DFDFD9; border-right: 1px solid #DFDFD9; border-top: 1px solid #DFDFD9; padding-left: 10px; padding-right: 10px; padding-top: 10px; width:267px;}
.tableboxProgetti TD.center IMG {margin-right: 8px; float: left;}
.tableboxProgetti TD.center2 {background-color: #F5F5F3;  color: #3F4D6B; text-align: left; vertical-align: top; border-left: 1px solid #DFDFD9; border-right: 1px solid #DFDFD9; padding-left: 10px; padding-right: 10px; padding-top: 5px; width:267px;}
.tableboxProgetti TD.center3 {background-color: #F5F5F3; color: #3F4D6B; text-align: right; vertical-align: top; border-left: 1px solid #DFDFD9; border-right: 1px solid #DFDFD9; padding-left: 10px; padding-right: 10px; padding-top: 5px; width:267px;}
.tableboxProgetti TD.bottom {color: #3F4D6B; background-color: #F5F5F3; width: 259px; height: 8px; border-left: 1px solid #DFDFD9; border-bottom: 1px solid #DFDFD9; text-align: right;}
.tableboxProgetti TD.angolo {width: 8px; height: 8px; text-align: right;}


a.titleBox, a.titleBox:link, a.titleBox:active, a.titleBox:visited, a.titleBox:hover {color:#FFF; background-image:url(../images/frecce_arancioni.gif); background-position:5px 5px; background-repeat:no-repeat; font-size:10px; padding: 1px 0 0 20px; text-align:left; width:189px; height:14px; margin: 0px 1px; background-color:#546692; display:block; text-decoration:none;}

.clienti {
	border-top: 4px solid #546692; width: 200px; padding: 3px; display: block; vertical-align: top;  color: #3F4D6B; text-align: center; background-color: inherit;
}
div#flashclienti{width:200px; height:60px; text-align: center;}

.progettiElogic {text-align:center; margin-top:5px; margin-bottom:5px;}

.elogicInfo {width: 210px; text-align: center; padding: 0px; margin: 0px 1px;}
.elogicInfo img {margin:15px auto;}

.LavoraConNoi {width: 210px; text-align: center; padding: 0px; margin: 0px 1px;}
.LavoraConNoi img {margin:10px auto;}
h2.titleLavoraConNoi {color:#546692; background-color:#EBF0FA; font-size:15px; font-weight:bold; text-align:center;}

#BOXLavoraConNoi {width:360px; height:240px; position:absolute; top:50%; left:50%; margin-left:-180px; margin-top:-150px; border:2px solid #FF9900; color:#546692; background-color:#FFFFFF; font-size:11px; text-align:left; padding:20px;}
.close {display:block; font-size:10px; font-weight:bold; margin-top:8px; text-align:right;}

.news {	width: 210px; height:150px; text-align: left;  margin: 0px 1px; background-image: url(../images/sfondo_news.jpg); background-repeat: repeat-x;}

.altrenews {text-align: right;}

.altrenews A {background-image: url(../images/frecce_arancioni.gif); background-position: right; padding-right: 10px; background-repeat: no-repeat; font-size: xx-small; display: block; }

.primopiano {width: 206px; text-align: center; padding: 3px; font-size:10px; margin-bottom:10px;}

.textnews {padding: 3px; color: #3F4D6B; background-color: inherit;}
.titlenews {color: #CC0000; background-color: inherit; text-decoration: underline; font-weight: bold;}
.textnews B {color: #3F4D6B; background-color: inherit; letter-spacing: 1px;}

div#flashtabula {width: 200px; height: 120px; text-align: center; display: block; color: #3F4D6B; background-color: #FFF; vertical-align: middle;}


UL {COLOR: #FF8509;  margin-top : 5px; margin-bottom : 5px; list-style-type : square; background-color: inherit;}
LI SPAN {COLOR: #3F4D6B;  background-color: inherit;}
LI A {COLOR: #3F4D6B;  text-decoration: none; font-weight: bold; background-color: inherit;}

.qualita {height: 116px; background-image: url(../images/sfondo_qualita.jpg); background-repeat: repeat-x; border-top: 1px dotted #B9C1D7; text-align: left; display: block; vertical-align: top; margin-bottom: 15px; padding: 5px;  color: #3F4D6B; background-color: inherit;}
.qualita IMG {border: 0px; float: left; margin: 6px;}

#footer {width: 778px; height: 17px; BACKGROUND-IMAGE: url(../images/sfondo_menu.jpg); BACKGROUND-REPEAT: repeat-y; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; text-align: center; color: #FFF; display: block; position: relative; background-color: inherit; font-size:10px;}

#footerNewsletter {	width: 565px; height: 17px; BACKGROUND-IMAGE: url(../images/sfondo_menu.jpg); BACKGROUND-REPEAT: repeat-y; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; text-align: center;  color: #FFF; display: block; position: relative; background-color: inherit; font-size:10px;}
#footer A {color: #FFF; text-decoration: none; background-color: inherit;}
#footerNewsletter A {color: #FFF; text-decoration: none; background-color: inherit;}


/* credits */

#credits {font-size: xx-small; color: #3F4D6B; background-color: inherit;}
BODY.credits {color: #3F4D6B; margin: 0px; PADDING-TOP: 2px; BACKGROUND-COLOR: #EDEDE9; TEXT-ALIGN: center; background-image: none;}
.tablecredits {width: 340px; padding: 0px; border-collapse: collapse; margin-bottom: 15px; margin-left: 9px; margin-right: 9px; font-size:10px;}
.tablecredits TD {padding: 0px;}
.tablecredits TD.title {text-align: left; width: 340px; vertical-align: middle;}
.tablecredits TD.center {background-color: #FFF;  font-size: xx-small; color: #3F4D6B; text-align: left; vertical-align: top; border-left: 1px solid #C0C0B4; border-right: 1px solid #C0C0B4; border-top: 1px solid #C0C0B4; padding-left: 10px; padding-right: 10px; padding-top: 5px; width:340px;}
.tablecredits TD.bottom {color: #3F4D6B; background-color: #FFF; width: 332px; height: 8px; border-left: 1px solid #C0C0B4; border-bottom: 1px solid #C0C0B4; text-align: right;}
.tablecredits TD.angolo {width: 8px; height: 8px; text-align: right;}

.tablelink {width: 200px; padding: 0px; border-collapse: collapse; margin-bottom: 15px; margin-left: 9px; margin-right: 9px;}
.tablelink TD {padding: 0px;  font-size: xx-small; color: #3F4D6B;  background-color: #F0F0EE; border-bottom: 2px solid #FFF;}
.tablelink TD.frecce {color: #FF8509; background-color: #FFF;}
.tablelink A {font-size: xx-small; color: #3F4D6B; text-decoration: none; font-weight: bold; background-color: inherit;}
.logoqualita {text-align: right;}


/* tabella tuttocitta' per mappa */

#tuttocitta TABLE {width: 205px; padding: 0px; border-collapse: collapse; color: #000; background-color: #EEEEEE;}
#tuttocitta TD.mappa {width:135px; height:15px;  font-size: 10px; color: #000; padding-left:5px; background-color: inherit;}
#tuttocitta TD.mappa A {font-size: 10px; color: #3F42AD; font-weight: bold; background-color: inherit;}
#tuttocitta TD.logo {text-align: right;}
#tuttocitta TD.percorso {height:15px;  font-size: 10px; color: #000; padding-left:5px; background-color: inherit;}
#tuttocitta TD.percorso A {font-size: 10px; color: #D65500; font-weight: bold; background-color: inherit;}

input {font-size: 8pt;}
select {font-size: 8pt;}
option {font-size: 8pt;}
input.bottone {font-size: 8pt;}