#content
{
  padding-left: 0;
  background-color: transparent;
}

#content .visual
{
  background: #FFF;
  margin-bottom: 20px;
  height: 376px;
  padding-left: 0px;
  padding-top: 10px;
	padding-bottom: 10px;
  position: relative;
}

#content .wrap
{
  width: 900px;
  height: 335px;
	margin: 0 auto;
/*
  margin-left: 20px;
  height: 326px;
  background: none;
*/}

#container-offerte-gas { display: none; }

#content .visual .side
{
  height: auto !important;
  height: 316px;
  min-height: 316px!important;
  padding-bottom: 10px;
  background: transparent url('images/nav-top-home.png') no-repeat top left;
  width: 220px;
}

/* @group Boxes */

#content ul.boxes
{
  overflow: hidden;
  zoom: 1;
}

#content ul.boxes li.first_level
{
  float: left;
  display: inline;
  width: 300px;
  min-height: 200px;
  margin-left: 25px;
  background: #FFF;
  overflow: hidden;
  zoom: 1;
}

#content ul.boxes li.first_box
{
  margin-left: 0;
}

#content ul.boxes h2
{
  position: relative;
  font-weight: normal;
  height: 35px;
  background: #009534 url('images/head_bg.png') no-repeat left top;
  text-indent: 10px;
  font-size: 22px;
  line-height: 35px;
  color: #fff;
  overflow: hidden;
  zoom: 1;
  margin-top: 0;
  margin-bottom: 0;
}

#content ul.boxes h2 a span
{
  background: url('images/more.png') no-repeat left top;
  width: 47px;
  height: 22px;
  position: absolute;
  top: 4px;
  right: 0;
  text-indent: 7px;
  font: 10px Arial, sans-serif;
  color: #baddc6;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
  padding-top: 4px;
  margin-top: 3px;
  margin-right: 6px;
}

#content ul.boxes li li
{
  border-bottom: 1px solid #dfe0e1;
  float: left;
  width: 300px;
  line-height: 41px;
  height: 41px;
  position: relative;
  overflow: hidden;
  zoom: 1;
  background: url('images/arrow.png') no-repeat right top;
}

#content ul.boxes li li:hover
{
  background: #f4f4f4 url('images/arrow.png') no-repeat right bottom;
}

#content ul.boxes li li a
{
  display: block;
  text-indent: 53px;
  font-size: 15px;
  color: #009534;
  text-decoration: none;
}

#content ul.boxes li li span
{
  position: absolute;
  top: 2px;
  left: 10px;
  font-size: 12px;
  color: #98999e;
}

/* @end */

/* @group Componenti */

/* Bottoni Luce & Gas */

.side a.luce-btn:link,
.side a.luce-btn:visited,
.side a.luce-btn
{
  position: absolute;
  float: left;
  top: 110px;
  left: -1px;
  width: 238px;
  height: 46px;
  display: block;
  text-indent: -9999px;
  margin: 0;
  background: transparent url('images/luce-btn.png') no-repeat bottom;
  zoom: 1;
  z-index: 1;
  line-height: 0px;
}

.side a.luce-btn:hover,
.side a.luce-btn:active,
.side a.active-luce-btn
{
  position: absolute;
  float: left;
  top: 110px;
  left: -1px;
  width: 238px;
  height: 46px;
  display: block;
  text-indent: -9999px;
  margin: 0;
  background: transparent url('images/luce-btn.png') no-repeat top;
}

.side a.gas-btn:link,
.side a.gas-btn:visited,
.side a.gas-btn
{
  top: 156px;
  left: -1px;
  position: absolute;
  float: left;
  display: block;
  width: 238px;
  height: 46px;
  text-indent: -9999px;
  margin: 0;
  background: transparent url('images/gas-btn.png') no-repeat bottom;
}

.side a.gas-btn:hover,
.side a.gas-btn:active,
.side a.active-gas-btn
{
  top: 156px;
  left: -1px;
  position: absolute;
  display: block;
  float: left;
  width: 238px;
  height: 46px;
  text-indent: -9999px;
  margin: 0;
  background: transparent url('images/gas-btn.png') no-repeat top;
  zoom: 1;
  z-index: 1;
  line-height: 0px;
}

#content .placeholder
{
  padding: 10px 10px 10px 12px;
}

#content .cloud .placeholder
{
  padding: 0;
}

#content .cloud
{
  padding-bottom: 10px;
  margin-top: 20px;
  background: #FFF;
  text-align: center;
}

#content .cloud h3
{
  display:inline;
  margin:0;
  font-size:inherit;
}

div.banner
{
  padding-top: 0px;
  margin-left: 15px;
  display: none;
}

.btn-attivazione
{
  background: transparent url('images/verifica-attivazione.jpg') no-repeat top left;
  display: block;
  cursor: pointer;
  overflow: hidden;
  zoom: 1;
  text-decoration: none!important;
  width: 300px;
  height: 144px;
}

.btn-attivazione:hover
{
  background-position: bottom left;
}

.cloud ul
{
  margin: 4px;
  padding: 0;
  padding-top: 10px;
}

.cloud ul li
{
  list-style: none;
  display: inline;
  margin: 4px;
}

.cloud ul li a
{
  padding: 3px;
  text-decoration: none!important;
}

.cloud ul li a:hover
{
  padding: 3px;
  text-decoration: underline!important;
}



/* @end */
