* {
 margin: 0;
 padding: 0;
 list-style: none;
}

body {
 font-family: Trebuchet MS, sans-serif;
 width: 100%;
 min-width: 940px;
 background: url(img/background.jpg) no-repeat fixed bottom center;
 overflow-y: scroll;
}

.hidden {
 display: none;
}

.center {
 text-align: center;
}

.highlight {
 color: #09f;
 font-style: italic;
}

div.headwrap {
 float: left;
 width: 100%;
}

#top {
 background: url(img/headerBkg.jpg) repeat-x top left;
 height: 240px;
}

#header {
 width: 940px;
 background: url(img/header.jpg) no-repeat top center;
 margin: 0 auto;
 height: 209px;
}

#header h1 {
 display: none;
}

#menu {
 width: 940px;
 margin: 0 auto;
}

#topMenu ul {
 margin-left: 25px;
 height: 31px;
}

#topMenu ul li {
float: left;
 font-size: 13px;
 font-variant: small-caps;
 padding: 0 9px;
 height: 31px;
 line-height: 28px;
}

#topMenu ul li.selected {
 background: url(img/menuTopLiSel.jpg) repeat-x bottom left;
 font-style: italic;
}

#topMenu ul li a {
 color: #fff;
 text-decoration: none;
}

#subMenu {
 margin-left: 70px;
 width: 530px;
 background: url(img/subMenuBkg.jpg) repeat-x bottom left;
 height: 28px;
}

#subMenu.long {
 width: 590px;
}

#subMenu ul {
 float: left;
}

#subMenu ul li {
float: left;
 padding: 0 9px;
 height: 28px;
 line-height: 23px;
 font-size: 13px;
 cursor: pointer;
}

#subMenu ul li a {
 color: #293050;
 font-variant: small-caps;
 text-decoration: none;
}

#subMenu ul li.selected {
 background: url(img/subMenuLiSel.jpg) repeat-x bottom left;
}

#subMenu ul.tabs {
 float: right;
}

#searchBar {
 position: absolute;
 z-index: 100;
 top: 216px;
 margin-left: 725px;
 background: url(img/searchBar.jpg) no-repeat top left;
 width: 180px;
 height: 15px;
}

#searchBar input {
 float: right;
 width: 157px;
 height: 15px;
 background: none;
 border: none;
 color: #fff;
 font-family: Trebuchet MS, sans-serif;
 font-size: 13px;
}

#searchBar button {
 position: absolute;
 width: 15px;
 height: 15px;
 cursor: pointer;
 background: none;
 border: none;
}

#searchBar button span {
 display: none;
}

#searchBar label {
 position: absolute;
 color: #fff;
 font-size: 13px;
 margin-left: 25px;
 cursor: text;
 margin-top: -1px;
}

#footer {
 clear: both;
 width: 800px;
 margin: 0 auto;
 padding-top: 25px;
}

#footer span.left {
 float: left;
}

#footer span.right {
 float: right;
}

#footer p span.right a {
 font-weight: bold;
 color: #666;
 margin-left: 10px;
}

#footer p {
 border-top: 1px solid #ccc;
 color: #999;
 text-align: center;
 font-size: 11px;
 padding-bottom: 25px;
}

#footer p a {
 color: #999;
 text-decoration: none;
}

#footer p a:hover {
 text-decoration: underline;
}

#comunicaTop {
 position: absolute;
 top: 20px;
 margin-left: 712px;
}

#comunicaTop a img {
 border: 1px solid #777;
}

#comunicaBottom {
 position: absolute;
 top: 138px;
 margin-left: 710px;
 width: 222px;
 height: 50px;
 font-size: 12px;
}

#comunicaBottom p.titolo, #comunicaBottom p.titolo a {
 color: #293050;
 font-weight: bold;
 text-decoration: none;
}

#comunicaBottom p.titolo a:hover {
 text-decoration: underline;
}

#comunicaBottom p.subTitolo {
 font-style: italic;
 font-size: 10px;
 color: #777;
}


/******* CONTENUTI ********/

#contenuti {
 width: 940px;
 margin: 0 auto;
}

#contenuti h2 {
 color: #293050;
 margin-left: 70px;
 font-size: 16px;
 margin-top: 25px;
}

#contenuti div.img {
 float: right;
 margin-right: 70px;
}

#contenuti div.img a img {
 border: none;
}

#contenuti div.testo {
 margin: 0 70px;
 font-size: 13px;
 color: #333;
 margin-top: 20px;
}

#contenuti div.testo p {
 margin-bottom: 0.6em;
}

#contenuti div.testo a {
 color: #293050;
 font-weight: bold;
 text-decoration: none;
}

#contenuti div.testo a:hover {
 text-decoration: underline;
}

#contenuti h3 {
 color: #293050;
 font-size: 14px;
 margin-bottom: 0.4em;
}

#contenuti h4 {
 margin-top: 20px;
 margin-bottom: 5px;
}


/********* GOVERNANCE ********/
#contenuti div.governance {
 margin-left: 70px;
 font-size: 13px;
 margin-top: 20px;
 min-height: 280px;
}

#contenuti div.governance span.nome {
 float: left;
 width: 200px;
 color: #333;
}

#contenuti div.governance label {
 color: #666;
 font-style: italic;
}

#contenuti div.governance div.rollover {
 background: url(img/rolloverPres.gif) no-repeat 0 30px;
 padding: 2px;
 width: 300px;
 position: absolute;
 margin-top: -48px;
 margin-left: 435px;
}

#contenuti div.governance div.rollover img {
 margin-left: 42px;
 border: 2px solid #b3b3b3;
}

#contenuti div.governance div.collegio {
 margin-top: 40px;
}

#contenuti div.governance #govPres * {
 cursor: pointer;
}

/****** CERTIFICAZIONI ************/

#certificazioniText div.certifico {
 clear: right;
}

#certificazioniText a img {
 float: right;
 border: 1px solid #293050;
 margin-bottom: 1em;
 margin-top: -1.2em;
}

#certificazioniText h3 {
 margin-top: 30px;
 margin-left: 70px;
 margin-bottom: 0;
 border-bottom: 1px solid #293050;
}

#contenuti #certificazioniText div.testo {
 margin-top: 0.4em;
 margin-right: 180px;
}

/******** ELENCHI ********/
#contenuti div.contents {
 margin-left: 70px;
 width: 530px;
}

#contenuti div.elemento {
 clear: right;
 border-top: 1px solid #caccd4;
 padding-top: 11px;
 font-size: 14px;
}

#contenuti div.elemento p.titolo {
 color: #293050;
 font-weight: bold;
}

#contenuti div.rassegna div.elemento p.link {
 color: #666;
}

#contenuti div.rassegna div.elemento a {
 float: right;
 margin-bottom: 11px;
 color: #999;
 background: url(img/pdf.gif) no-repeat center left;
 padding-left: 20px;
 height: 20px;
 padding-top: 2px;
}

#contenuti div.news p.subTitolo {
 font-size: 11px;
 color: #333;
 font-style: italic;
}

#contenuti div.news p.testo {
 font-size: 13px;
 padding-bottom: 5px;
}

#contenuti div.news p.testo a {
 color: #666;
 text-decoration: none;
}

#contenuti div.news p.testo a:hover {
 text-decoration: underline;
}

#contenuti div.news p.image a img {
 border: 1px solid #999;
 margin-right: 4px;
}

/******* PROGETTI ********/
#salini_elenco {
 width: 100%;
}

#salini_elenco th, #salini_elenco td {
 border-right: 1px solid #d1d1d1;
 border-left: 1px solid #f0f0f0;
 padding: 0 6px;
 font-size: 13px;
}

#salini_elenco .committente, #salini_elenco .numero {
 border-left: none;
 white-space: nowrap;
}

#salini_elenco .stato {
 border-right: none;
 white-space: nowrap;
 text-align: center;
}

#salini_elenco.parcheggi .stato {
 text-align: left;
}

#salini_elenco th {
 color: #293050;
 text-align: left;
 padding-bottom: 15px;
 white-space: nowrap;
}

#salini_elenco th.header span {
 cursor: pointer;
 background: url(img/sortDnDis.gif) no-repeat right center;
}

#salini_elenco th span {
 padding-right: 15px;
}

#salini_elenco td {
 color: #666;
 padding-bottom: 5px;
}

#salini_elenco td a {
 color: #333;
 text-decoration: none;
 cursor: pointer;
}

#salini_elenco.parcheggi {
 margin-left: 70px;
 width: 530px;
 margin-top: 20px;
}

#salini_elenco th.headerSortUp span {
 background: url(img/sortUp.gif) no-repeat center right;
}

#salini_elenco th.headerSortDown span {
 background: url(img/sortDn.gif) no-repeat center right;
}



/***** LIGHTBOX *******/

#pl_progetto {
 width: 620px;
 height: 501px;
 background: url(img/lightbox.jpg) no-repeat center;
 overflow: hidden;
}

#pl_progetto p.committente {
 font-weight: bold;
 margin: 10px;
 color: #293050;
 font-size: 14px;
 margin-bottom: 20px;
}

#pl_progetto #pl_info {
 height: 222px;
 font-size: 13px;
}

#pl_progetto p.luogo {
 color: #666;
 margin-left: 10px;
}

#pl_progetto p.subLuogo {
 color: #999;
 margin-left: 10px;
}

#pl_progetto h3 {
 margin: 10px;
 margin-top: 0;
 font-size: 15px;
 color: #333;
}

#pl_progetto div.descrizione {
 margin: 0 10px;
 color: #666;
}

#pl_progetto p.costo {
 margin-left: 10px;
 margin-top: 20px;
 color: #333;
 font-size: 12px;
}

#pl_progetto #pl_foto #gallery {
 float: right;
 width: 160px;
 height: 220px;
 margin-right: 12px;
}

#pl_progetto #pl_foto #gallery img {
 margin: 5px;
 width: 65px;
 border: 1px solid #999;
 cursor: pointer;
}

#pl_progetto #imgNav {
 text-align: center;
 position: absolute;
 bottom: 3px;
 right: 18px;
 width: 150px;
}

#pl_progetto #imgNav span {
 width: 9px;
 height: 9px;
}

#pl_progetto #pl_foto #imgNav img {
 width: auto;
 height: auto;
 margin: 0 3px;
 border: none;
 cursor: pointer;
}

#pl_progetto #show {
 float: left;
 text-align: center;
 height: 241px;
 margin-left: 20px;
 margin-top: 6px;
 width: 420px;
 background: url(img/loader.gif) no-repeat top center;
}

#pl_progetto #show img {
 border: 1px solid #999;
 cursor: pointer;
}

#pl_progetto span#imgPrev {
 display: block;
 position: absolute;
 z-index: 32000;
 height: 501px;
 width: 310px;
 top: 0;
 left: 0;
}

#pl_progetto span#imgSucc {
 display: block;
 position: absolute;
 z-index: 32000;
 height: 501px;
 width: 310px;
 top: 0;
 right: 0;
}



/******** HOME ******/
#mappa {
 margin: 5px auto;
 width: 800px;
 height: 400px;
 display: block;
 background: url(img/loader.gif) no-repeat center;
}

#mappa object {
 border: 2px solid #ccc;
}


/***** SLIDESHOW ******/
#slideshow {
 width: 800px;
 height: 120px;
 margin: 0 auto 30px;
 overflow: hidden;
}

#slideshow div {
 width: 1280px;
}

#slideCover1, #slideCover2 {
 position: absolute;
 z-index: 1800;
}

#slideCover2 {
 margin-left: 480px;
}

#slideLink {
 display: block;
 position: absolute;
 z-index: 2000;
 width: 160px;
 height: 120px;
 margin-left: 320px;
}

#slideLabel {
 position: absolute;
 z-index: 1002;
 top: 770px;
 left: 50%;
 margin-left: -400px;
 width: 800px;
 text-align: center;
 color: #293050;
 font-size: 13px;
 font-style: italic;
}

#slideshow a img {
 border: none;
}

#slideshow div ul li {
 float: left;
}



/******** JOB ******/

#job1 {
 width: 530px;
}

#job1 div.privacy {
 margin: 0 10px 10px;
 border: 1px solid #999;
 padding: 5px;
 background: #ccc;
}

#job1 label {
 color: #0690cf;
 display: block;
 width: 100%;
 float: left;
 margin-left: 25px;
}

#job1 input#privacy {
 float: left;
 width: 25px;
}

#job p.avanti {
 clear: left;
 padding-top: 10px;
 text-align: right;
}

#job1 p.avanti input, #job3 p.avanti input {
 border: 1px solid #999;
 font-size: 1em;
 width: 200px;
 margin-right: 10px;
 font-family: "Trebuchet MS", sans-serif;
 padding: 2px;
 background: #eee;
}

#job2 table td.avviso {
 padding-bottom: 20px;
}

#job2 table td {
 vertical align: middle;
}

#job table td.label {
 color: #293050;
 padding-right: 10px;
}

#job2 input, #job4 input {
 border: 1px solid #999;
 font-size: 1em;
 width: 200px;
 margin-right: 10px;
 font-family: "Trebuchet MS", sans-serif;
 padding: 2px;
}

#job2 label, #job4 label {
 display: block;
 color: #0690cf;
 width: 200px;
}

#job2 input.radio {
 width: auto;
 padding: 0;
}

#job2 textarea {
 width: 200px;
 border: 1px solid #999;
 font-family: "Trebuchet MS", sans-serif;
 padding: 2px; 
}

#job2 select {
 width: 206px;
 border: 1px solid #999;
 font-family: "Trebuchet MS", sans-serif;
}

#job3 {
 width: 530px;
}

#job3 p.termina {
 text-align: right;
}

#job3 p.termina a {
float: left;
 border: 1px solid #999;
 font-size: 1em;
 width: 198px;
 margin-right: 10px;
 font-family: "Trebuchet MS", sans-serif;
 padding: 4px 0;
 text-align: center;
 color: #000;
 text-decoration: none;
 background: #eee;
}

#job4 {
 width: 530px;
}

#job4 p.avanti input {
 width: 100px;
}


/******** SEARCH *********/
#risultati {
 width: 685px;
 padding-top: 15px;
 margin-left: 15px;
 font-size: 12px;
}

#risultati p.stringa {
 padding-bottom: 10px;
}

#risultati div.voce {
 margin: 10px 0 20px;
}

#risultati h4 {
 margin: 0;
 padding: 0;
 border-bottom: 1px solid #293050;
 color: #293050;
 text-decoration: none;
 font-size: 15px;
}

#risultati h4 a {
 color: #293050;
 text-decoration: none;
 font-size: 15px;
}

#risultati p.link {
 color: #999;
 font-size: 11px;
 font-style: italic;
}

#risultati p {
 color: #333;
}

#popup {
 width: 640px;
 height: 320px;
 text-align: center;
}

#popup p {
 margin-bottom: 0.5em;
}

#zoomImg {
 overflow: hidden;
 display: block;
 width: 620px;
 height: 501px;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1000;
}

#imgBig {
 position: absolute;
}

#imgPrev {
 cursor: pointer;
 background: url(img/fancybox/fancy_nav_left.png) no-repeat center left;
}

#imgSucc {
 cursor: pointer;
 background: url(img/fancybox/fancy_nav_right.png) no-repeat center right;
}

#imgOverlay {
 position: absolute;
 width: 640px;
 height: 501px;
 background: #000 url(img/loaderDark.gif) no-repeat center;
 top: 0;
 left: 0;
}



/******** NUMERI *******/
#tabNumber {
 margin: 0;
 padding: 0;
}

#tabNumber td {
 text-align: right;
 padding: 0 12px;
 border-left: 1px dotted #ddd;
}

#tabNumber tr.pie td {
 font-size: 0.8em;
 padding-top: 10px;
 border: none;
}

#tabNumber tr th {
 text-align: left;
 padding-right: 20px;
 padding-left: 10px;
 font-weight: normal;
 color: #293050;
}

#tabNumber tr.header th {
 text-align: center;
 color: #293050;
 border-bottom: 1px solid #d1d1d1;
 padding-right: 0;
 padding-bottom: 5px;
 font-size: 1.2em;
 font-weight: bold;
 border-left: 1px dotted #ddd;
}


#tabNumber tr.header th.first {
 border-left: none;
}

#tabNumber tr.bloccoTop * {
 border-top: 1px solid #f0f0f0;
 padding-top: 5px;
 padding-bottom: 2px;
}

#tabNumber tr.bloccoBottom * {
 border-bottom: 1px solid #d1d1d1;
 padding-bottom: 5px;
}

#tabNumber tr.bloccoBottom td {
 font-size: 0.8em;
}

#tabNumber tr.bloccoUnico * {
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #d1d1d1;
 padding-top: 5px;
 padding-bottom: 5px;
}

#imgGrafici {
 position: absolute;
 margin-left: 590px;
 margin-top: -223px;
 border: 1px solid #f20;
}