/*
 * Strutture e wrappers
 */

body {
  margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	height: 100%;
}

div#wrapper {
	width: 960px;
	min-height: 100%;
	height: auto !important;
  height: 100%;
  margin: 0px auto -140px auto; 
	clear: both;
}

div#wrapper.small_center
{
	width: 720px;
  margin: 0px auto;
}

.push{
	height: 140px;
	clear: both;
}

div#footer {

	width: 100%;
	background: #294e83 url(images/footer_01.jpg) repeat-x top;
	clear: both;
	margin-top: 20px;
	color: white;
	/* min-height: 140px; */
  min-height: 50px; 
}


div#footer div#insetter {
	width: 960px;
	margin: 10px auto 0px auto;
	padding: 10px 0px 0px 0px;
	text-align: left;
	list-style: none;
}

/* Layout a griglia
 *
 * Viewport pagina:   960px
 * Colonne:           8 da 120px
 * Margine default:   10px
 *
 *  Nel definire una colonna o una porzione del layout, creare un div ed assegnare classi
 *  con il seguente schema:
 *
 *	<div class="[tipo] w-[numero colonne] [ecc...]"></div>
 *
 *  Dove [tipo] puņ essere:
 *  "container" = cruda divisione del body
 *  "column" = divisione del body completa di margine di default
 *  "viewport" = spazio interno utile di una colonna (tolto il margine di 10px)
 */


/*
 * Container
 * Possibili larghezze dei blocchi costitutivi del layout
 * Non c'č magine nč bordo, da usare solo come divisione di struttura.
 */
.contenitore_w1, .contenitore_w2, .contenitore_w3, .contenitore_w4,
.contenitore_w5, .contenitore_w6, div.lcol-large, .contenitore_w7, .contenitore_w8 {
  display: inline;
	float: left;
	position: relative;
	margin: 0px;
	padding: 0px;
  /*background: #fcc*/
}
.contenitore_w1 { width: 120px; }
.contenitore_w2 { width: 240px; }
.contenitore_w3 { width: 360px; }
.contenitore_w4 { width: 480px; }
.contenitore_w5 { width: 600px; }
.contenitore_w6,div.lcol-large { width: 720px; }
 .contenitore_w7 { width: 840px; }
.contenitore_w8 { width: 960px; }

/*
 * Colonna
 * Margine sinistro e destro, con b1 prende solo bordo sinistro e destro
 */
.colonna_w1, .colonna_w2, .colonna_w3, .colonna_w4,
.colonna_w5, .colonna_w6, .colonna_w7, .colonna_w8 {
  display: inline;
	float: left;
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	border-left: 1px solid #fff;
  /*background: #cfc*/
}
.colonna_w1 { width: 100px; }
.colonna_w2 { width: 220px; }
.colonna_w3 { width: 340px; }
.colonna_w4 { width: 460px; }
.colonna_w5 { width: 580px; }
.colonna_w6 { width: 700px; }
.colonna_w7 { width: 820px; }
.colonna_w8 { width: 940px; }

/*
 * Box
 * Riquadri con margine, possono essere combinati con bordo tipo "b1"
 */
.box_w1, .box_w2, .box_w3, .box_w4,
.box_w5, .box_w6, .w700_inner, .box_w7, .box_w8 {
  display: inline;
	float: left;
	position: relative;
	margin-left: 9px;
	margin-right: 9px;
	margin-top: 9px;
	padding: 0px;
	border: 1px solid #fff;
	overflow: hidden;
	/*background: #ccf;*/
}
.box_w1 { width: 100px; }
.box_w2 { width: 220px; }
.box_w3 { width: 340px; }
.box_w4 { width: 460px; }
.box_w5 { width: 580px; }
.box_w6, .w700_inner { width: 700px; }
.box_w7 { width: 820px; }
.box_w8 { width: 940px; }

.interno {
	height: 100%;
	width: 100%;
	float: left; /* Evita che il browser sommi i margini (margin collapse) */
	margin: 0px;
	padding: 0px;
}

._interno {
	position: absolute;
	top:0px; right: 0px; bottom: 0px; left: 0px;
	margin: 0px;
	padding: 0px;
}

.elemento_alpha {	margin-left: 0px; } /* Prima colonna interna ad un box */
.elemento_omega {	margin-right: 0px; } /* Ultima colonna interna ad un box */

.mt { margin-top: 10px; }
.mb {	margin-bottom: 10px; }
.ml {	margin-left:  10px; }
.mr {	margin-right: 10px; }

/* --------------- BORDERS ---------------- */

.alpha.b1 { border-left: none; }
.omega.b1 { border-right: none; }

.mt.b1 { margin-top: 9px; }
.mb.b1 {	margin-bottom: 9px; }
.ml.b1 {	margin-left:  9px; }
.mr.b1 {	margin-right: 9px; }

.bleft1 { border-left: 1px solid black; margin-left: 9px; }

/* --------------- ESPERIMENTI ---------------- */