@import url("enerpoint.css");

/*************************
 * contenitori principali
 ************************/
body {
  background: url("../img/bg_suc.gif") repeat-y top left #f7ae00; /* uhm... portarlo in bianco ? */
  text-align: left;
  color: #000;
}

#container { width: 1003px; }

#wrapper { background: url("../img/bg_wrap.gif") repeat-x top left; }

#sidebar {
  float: left;
  width: 168px;
}

#main {
  float: left;
  width: 752px;
  background: url("../img/raccordo.gif") no-repeat top left;
}

* html #main { padding-top: 3px; }

#content { padding: 5px 10px 0 2px; }

#nav a {  font-size: 11px; }

#nav li { padding-right: 10px; }



/******************************
 * menu secondario in colonna
 ******************************/
#subnav {
  margin: 20px 0 0 0;
  font-size: 11px;
}

#subnav .item {
  margin: 0 0 8px 4px;
  border-left: 14px solid #ef7800;
}

#subnav table {
  width: 142px;
  height: 30px;
  margin-left: 3px;
  border: 1px solid #ef7800;
  border-collapse: collapse;
  color: #fff;
}

#subnav td {
  padding: 3px 5px;
  vertical-align: bottom;
  font-size: 11px;
}

#subnav a {
  font-weight: bold;
  color: #fff;
}

/* secondo livello */
#subnav li {
  padding: 0 0 0 10px;
  background: url("../img/freccia3.gif") no-repeat top left;
}

#subnav li a { font-weight: normal; }

/* area tecnica */
#subnav.technical-area .item { border-left-color: #ee2201; }
#subnav.technical-area table { border-color: #ee2201; }
#subnav.technical-area a { color: #ee2201; }

/* voce attiva */
#subnav .active { border-left-color: #90b8d1!important; }
#subnav .active table { border-color: #90b8d1; }
#subnav .active a { color: #90b8d1; }
#subnav .active li a { color: #fff; }
#subnav .active li.active a { text-decoration: underline; color: #90b8d1; }

/* sottomenu: flash+ricerca */
#search {
  margin-top: 40px;
}

#search-form {
  margin: 0 3px 0 3px;
  padding: 3px 0 3px 3px;
  background: #f7ae00;
}

#search-btn { vertical-align: -3px; }

#sitemap-btn { padding-left: 10px; }

/* link alla mappa */
#search a {
  color: #fff;
  font-size: 10px;
}

/* lingue */
#lang {
  padding: 8px 0px 0 5px;
  text-align: right;
}


/*************************
 * navigazione
 * eredita le altre cose
 * da enerpoint.css
 ************************/
#nav { margin: 3px; }

#text-wrapper {
  width: 600px;
  margin-left: 30px;
  padding: 30px 0;
}

h2#title {
  margin-bottom: 16px;
  padding: 15px 0 13px 55px;
  background-image: url("../img/ico_default.jpg");
  background-repeat: no-repeat;
  background-position: top left;
  color: #f7ae00;
  font-size:13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#text-wrapper h2.about { background-image: url("../img/ico_about.jpg"); }
#text-wrapper h2.africa { background-image: url("../img/ico_africa.jpg"); }
#text-wrapper h2.solar { background-image: url("../img/ico_solar.jpg"); }
#text-wrapper h2.tech { background-image: url("../img/ico_tech.jpg"); }
#text-wrapper h2.contatti { background-image: url("../img/ico_contatti.jpg"); }
#text-wrapper h2.installations { background-image: url("../img/ico_installations.jpg"); }
#text-wrapper h2.standalone { background-image: url("../img/ico_standalone.jpg"); }
#text-wrapper h2.operatori { background-image: url("../img/ico_operatori.jpg"); }
#text-wrapper h2.yours { background-image: url("../img/ico_yours.jpg"); }
#text-wrapper h2.news { background-image: url("../img/ico_news.jpg"); }
#text-wrapper h2.co2 { background-image: url("../img/ico_co2.jpg"); }
#text-wrapper h2.grid { background-image: url("../img/ico_grid.jpg"); }
#text-wrapper h2.incentivi { background-image: url("../img/ico_incentivi.jpg"); }
#text-wrapper h2.press { background-image: url("../img/ico_press.jpg"); }

#text-wrapper a { color: #333; }

#text-wrapper h3 {
  margin: 20px 0 5px 0;
  font-size: 14px;
}

#text-wrapper p {
  margin-bottom: 10px;
  text-align: justify;
}

#text-wrapper ul,
#text-wrapper ol {
  margin-bottom: 10px;
  text-indent: 10px;
  text-align: justify;
}

#text-wrapper li {
  background: url("../img/freccia2.gif") no-repeat top left;
}

#text-wrapper .active {
  background: #FFC02F;
  text-decoration:underline
}

#text-wrapper .pics {
  float: right;
  clear: right;
  margin: 0 0 0 15px;
}

#text-wrapper img.pics { margin: 6px 0 3px 15px; }

/* variante a sinistra per le foto */
#text-wrapper .sx {
  float: left;
  clear: left;
  margin: 0 15px 0 0;
}

#text-wrapper img.pics.sx { margin: 6px 15px 3px 0; }

#text-wrapper .pics img {
  margin: 0 0 12px 0;
}

#text-wrapper .pics p {
  margin: -6px 0 12px 0;
}

/* tabelle */
table.schema {
  width: 100%;
  margin-bottom: 10px;
  border-collapse: collapse;
}

table.schema td {
  border: 1px solid #333;
  padding: 4px 5px;
}

/*************************
 * contenuto ereditato
 * da enerpoint.it
 ************************/
.txtTitolo
  {
  font-size: 13px;
  color: white;
  font-weight: bold;
  background-color: #273c82;
  padding-left:12px;
  }

table.txt { width: 100%; }


table.txt td {
  vertical-align: top;
  padding: 1px 5px;
}

.l { border-left: 1px solid #273c82; }
.r { border-right: 1px solid #273c82; }
.t { border-top: 1px solid #273c82; }
.b { border-bottom: 1px solid #273c82; }

/****************************************************************************/
/*   Le tabelle tutte belline con le ombre con il login del supoprt         */
/****************************************************************************/
/* angolo in alto a sx */
.SXU
  {
  background-color:#FFC02F;
  background-image:url(../img/_shdw7.png);
  background-repeat:no-repeat;
  padding:0px;
  height:10px;
  width:10px;
  }
/* riempimento centrale in alto*/
.MIDU
  {
  background-color:#FFC02F;
  background-image:url(../img/_shdw6.png);
  padding:0px;
  height:10px;
  }
/* angolo in alto a dx */
.DXU
  {
  background-image:url(../img/_shdw5.png);
  background-repeat:no-repeat;
  padding:0px;
  height:10px;
  width:10px;
  }
/* riempimento centrale a sx */
.SXM
  {
  background-color:#FFC02F;
  background-image:url(../img/_shdw0.png);
  padding:0px;
  width:10px;
  }
/* riempimento centrale a sx */
.DXM
  {
  background-image:url(../img/_shdw4.png);
  padding:0px;
  width:10px;
  }
/* angolo in alto a sx */
.SXD
  {
  background-image:url(../img/_shdw1.png);
  background-repeat:no-repeat;
  padding:0px;
  height:10px;
  width:10px;
  }
/* riempimento centrale in alto*/
.MIDD
  {
  background-image:url(../img/_shdw2.png);
  padding:0px;
  height:10px;
  }
/* angolo in alto a dx */
.DXD
  {
  background-image:url(../img/_shdw3.png);
  background-repeat:no-repeat;
  padding:0px;
  height:10px;
  width:10px;
  }


/****************************************************************************/
/*   Albero documentale per i soci                                          */
/****************************************************************************/
.doctree {
  width: 160px;
  margin: 30px 4px 0 4px;
  color: #fff;
}

.doctree h3 {
  margin-bottom: 5px;
  font-size: 12px;
}

.doctree td {
  color: #fff;
}

.doctree a {
  color: #fff;
}


/****************************************************************************/
/*   Mappa del sito                                                         */
/****************************************************************************/
ul#sitemap {
  margin: auto;
  padding: 0 0 0 20px;
  list-style: disc;
}

ul#sitemap ul {
  margin: 0 0 0 0;
  padding: 5px 0 0 30px;
  list-style: circle;
}

#sitemap li {
  margin: 0;
  padding: 0 0 5px 0;
  background: none;
}

/*************************
 * News
 *************************/
/* titolo argomenti */
.page-news h4 {
  background-color:#FFC46C;
  border:1px solid #FFAF24;
  padding: 2px 10px 2px 0;
  margin: 0 0 10px 20px;
  text-align: right;
  font-size: 12px;
}

#text-wrapper .box {
  margin: 0 0 10px 0;
  border: 1px solid #213c84;
  padding: 0 0 10px 0;
  text-align: center;
}

#text-wrapper .box h3 {
  margin: 0 0 8px 0;
  padding: 1px 3px;
  background: #213c84;
  color: #fff;
  text-align: left;
  font-size: 11px;
}

/*************************
 * Messaggio applicazione
 ************************/
#app-msg {
  margin: 10px 0px 20px 0px;
  border: 1px solid #ffcf4f;
  padding: 15px;
  background: #ffdf8f;
  font-weight: bold;
  font-size: 12px;
  color: #CC0000;
}

#app-msg-ok {
  margin: 10px 0px 20px 0px;
  border: 1px solid #ffcf4f;
  padding: 15px;
  background: #ffdf8f;
  font-weight: bold;
  font-size: 12px;
  color: #009600;
}