html,
body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
body {
background: transparent url(images/bgtest.png) repeat top center;
background: transparent url(images/bg02.gif) repeat top center;
color: #727272;
font-size: 9pt;
}
body, h1, h2, h3, h4, h5, h6 {font-family: Trebuchet MS, Helvetica, sans-serif;}
a:link,
a:visited,
a:active {color: #ef9700; text-decoration: none;}
a:hover {text-decoration: underline;}
p {margin: 0 0 1em 0; text-align:justify;}
p + p {margin-top: 0; margin-bottom: 1em; text-indent: 0;}
ul {list-style-type:square; padding-left: 2em;}
fieldset {padding:0; margin:0; border:0;}
em {background-color: transparent;}
h4 {color: #ef9700; font-weight: bold; margin: 1.25em 0 0.5em 0;}
strong {color: #525252;}
img {margin:0;}
small {line-height: 1;}
a:focus,
:focus {-moz-outline: 0; border-color: transparent;}
.clear {display: block; clear: both; font-size: 0; height: 0;}
a.link {padding-left: 16px; background: transparent url(images/ico_link.png) no-repeat center left;}
a.link.arch {display: block; background-image: url(images/ico_arch.png); margin-top: 1em; padding-top: 0.3em; border-top: 1px dotted #dcdcdc;}
a.mailto {background: transparent url(images/mailto.gif) no-repeat center left; padding-left: 20px;}
/* ------------------- CONTAINER -------------------- */
div.container {
width: 841px;
height: auto;
min-height: inherit;
background: transparent url(images/mainbg.png) repeat-y top center;
margin: 0 auto;
padding: 0 0 1.5em 0;
}
* html div.container {width: 842px; background: transparent url(images/mainbg.gif) repeat-y top center;}
h1 {width: 823px; padding: 0 4px; margin: 0 auto; background-color: black; color: #aaa; font-size: 6pt; font-weight: normal; line-height: 9pt; text-align: right; font-family: Arial, Arial, Helvetica, sans-serif;}
* html h1 {margin-left: 6px;}
div.flash {width: 830px; margin: 0 auto; padding: 0 0 0 1px;}
* html div.flash {margin-left: 6px;}
/* ---- TOPMENU ---- */
div.topmenu {padding: 0 0 0 1px; width: 830px; margin: 0 auto; margin-bottom: 2.5em;}
* html div.topmenu {margin-left: 6px;}
div.topmenu ul {list-style-type: none; padding:0; margin:0;}
div.topmenu ul li {display: block; float: left;}
div.topmenu ul li a {display: block; height: 62px; text-indent: -9000px;}
div.topmenu ul li a.home{background: white url(images/menu/home.png) no-repeat bottom left; width: 147px;}
div.topmenu ul li a.chi{background: white url(images/menu/chi.png) no-repeat bottom left; width: 130px;}
div.topmenu ul li a.cosa{background: white url(images/menu/cosa.png) no-repeat bottom left; width: 130px;}
div.topmenu ul li a.come{background: white url(images/menu/come.png) no-repeat bottom left; width: 129px;}
div.topmenu ul li a.clienti{background: white url(images/menu/clienti.png) no-repeat bottom left; width: 130px;}
div.topmenu ul li a.contatti{background: white url(images/menu/cont.png) no-repeat bottom left; width: 164px;}
div.topmenu ul li a.home:hover,
div.topmenu ul li a.chi:hover,
div.topmenu ul li a.cosa:hover,
div.topmenu ul li a.come:hover,
div.topmenu ul li a.clienti:hover,
div.topmenu ul li a.contatti:hover {background-position: top left;}
div.topmenu ul li.attivo a {background-position: top left;}
/* --- COLONNE --- */
div.sxcol {
width: 430px;
float: left;
clear: left;
margin-left: 30px;
margin-bottom: 2em;
}
* html div.sxcol {padding-left: 30px; margin:0;}
div.dxcol {
width: 300px;
float: right;
clear: right;
margin-right: 30px;
margin-bottom: 2em;
}
* html div.dxcol {}
.sxcol p {padding-left: 2em; padding-top: 0.5em;}
div.singlecol {width: 760px; margin: 0 auto;}
div.singlecol img+h3 {margin: 1em 0 2em 0;}
/* --- FOOTER --- */
div.foot {
display: block;
clear: both;
width: 781px;
height: 41px;
padding-top: 25px;
background: white url(images/footer.png) no-repeat center center;
margin: 0 auto;
border-top: 2em solid transparent;
text-align: center;
font-size: 7pt;
letter-spacing: 1pt;
}
* html div.foot {margin-left: 30px; margin-top: 2em; border-top:0;}
p.nopad {padding:0;}
/* --- Article --- */
div.article p {padding: 0;}
div.article.expertise {border-bottom: 1px dotted #DCDCDC; margin-bottom: 1.5em; padding-bottom: 1.5em;}
div.article.focus {margin-top: 0.75em;text-align:justify}
/* ---- News ---- */
div.newsbox,
div.contbox {
border-bottom: 4px solid #dcdcdc;
border-top: 4px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding: 1.25em 1.25em 0.75em 1.25em;
}
h3.news {
display: block;
height: 19px;
background: white url(images/h3_news.png) no-repeat top left;
text-indent: -9000px;
border-bottom: 2px solid #dcdcdc;
}
h3.sede,
h3.altre,
h3.dove,
h3.lavora,
h3.stampa {
display: block;
height: 27px;
text-indent: -9000px;
margin-bottom: 0.1em;
}
h3.sede {background: white url(images/h3_sede.png) no-repeat top left;}
h3.altre {background: white url(images/h3_altre.png) no-repeat top left;}
h3.dove {background: white url(images/box_dove.png) no-repeat center left; margin: 2em 0 1em 0; border-top:1px solid #dcdcdc; padding-top:1em;}
h3.lavora {background: white url(images/lavora.png) no-repeat top left; margin-bottom: 1em;}
h3.stampa {background: white url(images/stampa.png) no-repeat top left; margin-bottom: 1em;}
div.contbox h4 {padding-left: 1em; margin-top: 0.25em; margin-bottom:0;}
div.contbox ul {margin-top: 0.5em;}
div.newsbox ul,
li.ditto_arc {list-style-type: image; list-style-image: url(images/ico_news.png); margin-right: 0.5em; padding-left: 0;}
li.ditto_arc {margin-bottom: 1em;}
div.newsbox ul li {margin-bottom: 1.5em; line-height: 1.2; text-align: justify;}
span.data {color: #aaa;}
div.newsbox h4,
.ditto_arc h4{margin: 0.25em 0;}
div.newsbox h4 a,
.ditto_arc h4 a {font-size: 9pt; font-weight: bold; text-decoration: none;}
div.newsbox h4 a:hover,
.ditto_arc h4 a:hover {text-decoration: underline;}
/* ---- BANNERS ---- */
div.banner {width: 298px; height: 129px; margin: 0 auto; margin-top: 2em;}
div.banner a {display: block; color: black; padding: 40px 23px 0 124px; line-height: 12pt;}
div.banner a:hover {text-decoration: none;}
* html div.banner a {color: black;}
div.banner.lavora {background: white url(images/bann_lavora.png) no-repeat top left; margin-top:3em;}
div.banner.stampa {background: white url(images/bann_stampa.png) no-repeat top left;}
/* --- TITOLI --- */
strong.missione,
strong.nome,
strong.noi,
strong.nostri {
display: block;
width: 403px;
height: 29px;
text-indent: -9000px;
margin-top: 2em;
}
strong.missione {background: white url(images/mini_title_missione.gif) no-repeat top left;}
strong.nome {background: white url(images/mini_title_nome.gif) no-repeat top left;}
strong.noi {background: white url(images/mini_title_noi.gif) no-repeat top left;}
strong.nostri {background: white url(images/mini_title_consulenti.gif) no-repeat top left;}
h3.focus,
h3.exlibris,
h3.expertise,
h3.exclusive,
h3.excellence,
h3.experience,
h3.contatti {display: block; text-indent: -9000px; width: 430px; height: 105px;}
h3.exlibris {background: white url(images/box_title_home_exlibris.png) no-repeat top left; height: 29px; margin-bottom:0.5em;}
h3.expertise {background: white url(images/box_title_expertise.png) no-repeat top left;}
h3.exclusive {background: white url(images/box_title_exclusive.png) no-repeat top left;}
h3.excellence {background: white url(images/box_title_excellence.png) no-repeat top left;}
h3.experience {background: white url(images/box_title_experience.png) no-repeat top left; height: 29px; margin-bottom:0}
h3.contatti {background: white url(images/box_title_contatti.png) no-repeat top left;}
h3.focus {background: white url(images/box_focus.png) no-repeat top left;}
h4.prog,
h4.orga,
h4.comun,
h4.newsarc,
h4.focusarc {display: block; text-indent: -9000px; width: 403px; height: 29px;}
h4.prog {background: white url(images/proget.gif) no-repeat top left;}
h4.orga {background: white url(images/organiz.gif) no-repeat top left;}
h4.comun {background: white url(images/comunic.gif) no-repeat top left;}
h4.newsarc {background: white url(images/newsarc.png) no-repeat top left;}
h4.focusarc {background: white url(images/focusarc.png) no-repeat top left;}
li.prog,
li.orga,
li.comu {list-style-type: none;}
li.prog a,
li.orga a,
li.comu a {display: block; text-indent: -9000px; width: 130px; height: 21px; color: #0068B5; border-bottom: 1px solid white;}
li.prog a:hover,
li.orga a:hover,
li.comu a:hover {border-bottom: 1px solid #1172BA;}
li.prog {background: white url(images/proget_sm.gif) no-repeat top left;}
li.orga {background: white url(images/organiz_sm.gif) no-repeat top left;}
li.comu {background: white url(images/comunic_sm.gif) no-repeat top left;}
/* --- CLIENTI --- */
div.clienti .sx {width: 370px; float: right; clear: right; margin: 1em 0 2em 0;}
div.clienti .dx {width: 365px; float: left; clear: left; padding-right: 1em; margin: 1em 1em 2em 0; border-right: 1px solid #dcdcdc;}
div.clienti p {padding-left: 3em; margin-bottom: 2em;}
div.clienti h5 {
padding: 0 0 0 1.5em;
background: transparent url(images/bullet01.gif) no-repeat 0px 5px;
margin: 0.5em 0 1.5em 0.5em;
color: #999;
font-size: 11pt;
}
div.clienti ul {margin-bottom:2em; padding-left: 1.5em; list-style-type: circle;}
/* --- FACCIAMO --- */
div.facciamo p {padding:0;}
div.facciamo ul {margin-left: 0; padding-left: 0;}
div.facciamo li {color: #ef9700; font-weight: bold; font-size: 10pt;}
/* ---- FORMS ---- */
div.errors {background-color: #fe9; padding: 0.5em; margin: 1em 0;}
.thanks {height: 400px;}
input.text, input.title, select {width:300px;}
input.text,
input.title,
textarea.text,
select {padding: 0.2em; margin: 0;}
textarea.text {height: 100px; width: 75%;}
form.contatti label,
form.stampa label,
form.lavora label {padding: 0; margin:0;}
form.contatti p,
form.stampa p,
form.lavora p {padding: 0 0 0.5em 0; margin:0; line-height: 1;}
form.contatti em,
form.stampa em,
form.lavora em {line-height:3; font-weight: bold;}
form.contatti b,
form.stampa b,
form.lavora b {padding: 0 0 0 0.25em;}
form.contatti p .button,
form.stampa p .button,
form.lavora p .button {
padding: 0 0.5em;
margin: 0.5em 0 1em 0;
cursor: pointer;
background-color: #EB8D00;
border: 1px solid #ab4d00;
color: white;
font-weight: bold;
font-size: 11pt;
text-transform: uppercase;
letter-spacing: 1px;
}
form.contatti p .button:hover,
form.stampa p .button:hover,
form.lavora p .button:hover {color: black; border-color: white;}
/* --- Privacy --- */
p.privacy img {margin:.5em 1.5em 0.5em 0pt;}
/* --- Google Map --- */
iframe.gmaps {border: 2px solid #dcdcdc;}
/* --- Didascalia foto --- */
span.dida {display:block; font-size:7pt; line-height:7pt; width:65%;}