/* CSS Structure Document */
*
{
  margin: 0;
  padding: 0;
  border: 0;
}

body
{
  width: 100%;
  text-align: center;
  background: #FFF url('../images/body.jpg') top left repeat-x;
}

/*******************************************************************************
* HEADER
*******************************************************************************/
div#header
{
  width: 100%;
  height: 183px;
  overflow: hidden;
  background: url('../images/header.png');
  background-position: 80% 0;
  background-repeat:no-repeat;
}

div#headerSpace
{
  width: 100%;
  height: 142px;
  overflow: hidden;
  background: url('../images/headerSpace.png');
}

div#headerSpaceLeft
{
  float:left;
  width:364px;
  height:117px;
}

div#headerSpaceRight
{
  float:right;
  width:385px;
  height:117px;
  line-height:117px;
  text-align:center;
  font-size:11px;
}

div#headerSpaceRight a,
div#headerSpaceRight a:hover,
div#headerSpaceRight a:focus,
div#headerSpaceRight a:link,
div#headerSpaceRight a:visited
{
  font-size:11px;
  text-decoration:none;
  padding:0 5px 0 5px;
  color: rgb(193,192,192);
}

/*******************************************************************************
* MENU
*******************************************************************************/
div#menu
{
  width: 100%;
  height:41px;
  overflow:hidden;
}

div#menu ul
{
  height:41px;
  width: 100%;
  overflow:hidden;
  text-align: left;
  list-style: none;
}
div#menu li
{
  height:41px;
  /*width:100px;*/ /* sistemare */
  float:left;
}
div#menu a,
div#menu a:hover,
div#menu a:focus,
div#menu a:link,
div#menu a:visited
{
  display:block;
  padding:0 17.5px 0 17.5px;
  text-align:center; 
  text-decoration: none;
  color:rgb(193,192,192);
  font: bold 12px Verdana;
  line-height:41px;
  _line-height:41px;
  background: url('../images/menuSeparatore.png') center right no-repeat; 
}
div#menu a:hover,
div#menu a.roll
{
  color:#FFF;
}

div#menu a.nosep
{
  background:url('inesistente');
}

div#menu a.disabled,
div#menu a.disabled:hover,
div#menu a.disabled:focus,
div#menu a.disabled:link,
div#menu a.disabled:visited
{
  color:rgb(72,70,71);
}

/*******************************************************************************
* center
*******************************************************************************/
div.center
{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  width:749px;
}
/*******************************************************************************
* CONTENITORE
*******************************************************************************/
div#contenitore
{
  margin-top:5px;
  width:100%;
  overflow:hidden;
  text-align:center;
}

div#contenitoreTop
{
  width:100%;
  height:4px;
  background: url('../images/contenitoreTop.png') top left no-repeat;
}

div#contenitoreBottom
{
  width:100%;
  height:4px;
  background: url('../images/contenitoreBottom.png') top left no-repeat;
}

div#contenitoreMiddle
{
  width:100%;
  background: url('../images/contenitoreMiddle.png') top left repeat-y;
}
/*******************************************************************************
* CONTENT
*******************************************************************************/
div#content
{
  width:729px;
  min-height:350px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  padding: 5px 0 5px 0;
}

div#headerContent
{
  width:100%;
  height:247px;
  margin-bottom:10px;
  position:relative;
}

img#headerImage
{
  width:100%;
  height:100%;
  display:block;
}

div#mask
{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:247px;
  background:url('../images/mask.png') top left no-repeat;
}

div#colsin
{
  
  width: 423px;
  /*background:orange;*/
  float:left;
  padding-top:4px; /* ..per pareggiare la colonna destra.. */
  text-align:justify;
}
div#coldes
{
  width: 266px;
  float:right;
  /*background:rgb(255,240,224);*/
}

div#coldes div.coldesTop
{
  width: 100%;
  background: url('../images/coldesTop.jpg') top left no-repeat;
  height:4px;
}

div#coldes div.coldesBottom
{
  width: 100%;
  background: url('../images/coldesBottom.jpg') top left no-repeat;
  height:4px;
}

div#coldes div.coldesMiddle
{
  width: 100%;
  min-height:200px;
  background:rgb(239,239,239);
  text-align:center;
  padding-bottom:6px;
}

div#coldes div.coldesMiddleContent
{
  text-align:justify;
  line-height:120%;
  font-size:11px;
  width: 226px;
  margin: 0 auto 0 auto;
}

/*******************************************************************************
* FOOTER
*******************************************************************************/
div#footer
{
  margin:5px 0 5px 0;
  width: 100%;
  text-align:center;
  font-size:9px;
  line-height:12px;
}

/* adatta la lunghezza del contenitore al contenuto in caso di float */
.clear
{
  clear: both;
  height: 0;
  font-size: 0;               /* Correzione per ie. Elimina le altezze del div */
  overflow: hidden;
  line-height: 0;
}

/*******************************************************************************
* LIGHTWINDOW
*******************************************************************************/
div#lightwindow
{
  display:none;
}

div#lightwindow.mondo
{
  width:580px;
  height:320px;
  background: url('../images/lightwindow/lightwindow_mondo.png') 0 0 no-repeat;
}
