/* Questa  la struttura del body che presenta un padding che gli permette di avere un contorno vuoto tutto intorno ai contenuti. Devi stabilire il tipo di font e i colori di base in quanto questo  l'elemento progenitore */

html,body
{
  margin:0;
  padding:0;
}

body{
    background: url(http://www.giorgiotave.it/images/bg.png) #e8eef4 repeat-x;
	color: #000000;
	font: 10pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	/*margin: 0px 0px 0px 0px;
	padding: 0px;   */
}

.clear { clear: both; }

.red  { color: #000; }

#maincontainer {   
   margin: 0 auto;
   width: 1000px;
   padding-top: 10px;
}

/* Questa  la struttura del contenitore generale. Non so se questo colore di sfondo sia Web Safe */
#container {
   text-align:center;
   padding: 0;
   /*width: 93%;*/
   width: 100%;
   height: 100%;
   background: url(http://www.giorgiotave.it/css/right_bg.png) 100% 100px repeat-y #fff;  
   /*** Questa è lo sfondo della colonna sinistra "faked" con un'immagine.
   100px viene aggiunto per controllare dove inizia la ripetizione verticale. 
   Il colore di sfondo è #fff (bianco) che è il coloro dell'area dei contenuti ***/
   
} 


#container2 {
   /*background: #ffffff;*/
   width: 100%;
   min-height: 100%;
   background: url(http://www.giorgiotave.it/left_bg.png) 0 100px repeat-y; 
   /*** Questo è lo sfondo della colonna destra "faked" con un'immagine.  
   100px viene aggiuinto per lo stesso motivo di sopra. ***/  
} 

#container3 {
   padding-top: 10px;
} 

#testata {
	background: url(icona_giorgiotavepuntoit-27.jpg) top left no-repeat #fff /*#e8eef4*/;
	height: 112px;
	width:100%;
	float:left;
	}
	
#banner1 {
	background: #fff /*#e8eef4*/;
	/*vertical-align:bottom;
	paddin-top:-5px;*/
	}
	
#menu-ble {
	background: #fff /*#e8eef4*/;
	/*height: 110px;*/
	}

/* Questa  la struttura del banner  */
#banner {
border: 0px solid #000;
background: #FFF;
}


/* Questa  la struttura della colonna sinistra Il colore trasparente, fa si che il colore delle aree laterali sia sempre omogeneo e non si interrompa in caso di minor lunghezza di una colonna rispetto alla altra*/
#sidebar-a {
float: left;
width: 217px; /*20%;*/
height: auto;
margin: 0;
background: url(http://www.giorgiotave.it/left_bg.png);

}

/* Questo  il box dei contenuti. Serve ad evitare che con il padding, utile per distanziare il testo dai bordi, le due colonne laterali cambino dimensioni e che la pagina crolli ponendo le colonne una sopra l'altra. Diciamo che il contenitore ha le dimensioni giuste, ma il rivestimento interno  quello che contatta i contenuti e si rapporta con essi senza alterare nulla */
.box{
/*padding : 2px;
margin: 0;*/
}

/* Questa  la struttura dell'area dei contenuti */
#content {

   background:#fff;
   /*width : 566px;*/ /*60%;----590 */
   width : 470px;
   float : left;
   height: auto;
   border-top:0px none;
   /*position: static;
   top: 0px;
   right: 0px;
   bottom: 0px;
   padding-bottom:0px;*/
   text-align:center;
   
} 

/* ---- Andrea ----- Dei sub content per l'area content -------------- Potrebbe essere utile per eliminare le tabelle che sono scomode */
#subcontent {
   text-align:center;
   padding-left: 10px;
   padding-right: 10px;
   
} 

#subcontent2 {
   /*text-align:center;*/
   padding-left: 10px;
   padding-right: 10px;
   
} 

#subcontent2 #inner {
   text-align:center;
} 

#edintorni { background:#ffffff; float: right; }/*#e8eef4;*/

/* ----- Ok per i content - Andrea */

/* Questa  la struttura della colonna destra che, nel flusso dei dati deve essere sempre dopo l'area dei contenuti. Avrai notato che ho cambiato il valore dell'attributo float */
#sidebar-b {
float: right;
width: 310px; /*20%;*/
/*background: url(http://www.giorgiotave.it/right_bg.png);*/
}

/* Questa  la struttura del footer. Rimmarrˆ attaccato alla colonna centrale se i contenuti di essa saranno maggiori di quelli della colonna destra, altrimenti aderirˆ a questa. */
#footer {/*clear : both;*/
background: url(http://www.gtidea.it/bg_blue_gt1.jpg);
/*width:100%;*/
width:1000px;
color : #000;
text-align:center;

}


a, a:link {color : #000000;
text-decoration : none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;

}

a:hover{
text-decoration : underline;
font-family: Verdana, Arial, Helvetica, sans-serif;

}

A.linkcontenuto:link{
background-color:transparent;
color:blue;
text-decoration:none;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
}
 
A.linkcontenuto:visited{
background-color:transparent;
color:blue;
text-decoration:none;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
}
 
A.linkcontenuto:hover{
background-color:transparent;
color:blue;
text-decoration:underline;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 

span.testotitolo{
/*color:white;*/
color:black;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testointestazione{
color:black;
font-size: 10px;
font-weight:bold;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 
span.testonormale{
color:black;
font-size: 10px;
font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;
} 


.tabella {background-image:url(http://www.gtidea.it/bg_blue_gt1.jpg);}
.tabella1 {
border-left:0px none;
border-right:0px none;; border-top-color:#000000; border-bottom-color:#000000


}

.tabella3 {

height: 100px;

}

A.link:link{background-color:transparent;color:#cccccc;text-decoration:none;font-size: 10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
A.link:visited{background-color:transparent;color:#ccc;text-decoration:none;font-size: 10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
A.link:hover{background-color:transparent;color:#ccc;text-decoration:underline;font-size: 10px;font-weight:bold;font-family:Verdana,Arial,Geneva,Helvetica,sans-serif;} 
span.Stile1{
	font-size: 13px;
	text-align: center;

}

/* barra in alto */


#navwrapper {
	height: 25px;
	width: 100%;
	background: url(http://www.gtidea.it/bg_blue_gt1.jpg);
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}


#nav {
	height: 25px;
	padding-left: 10px;
	list-style-image: none;
	list-style-type: none;
}

#nav ul {
	margin: 0;
	padding: 0 0 0 0px;
}

#nav li {
	margin: 0;
	padding: 0;
	float: left;
	display: block;
	padding-left: 12px;
	height: 25px;
}

#nav a {
	display: block;
	float: left;
	height: 33px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000;
	text-decoration: none;
	height: 25px;
	margin-top: 5px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 20px;
}

#nav a:hover {
	text-decoration: none;
	height: 25px;
}


#nav a:link,
#nav a:visited {
	color: #000;
	height: 25px;
}


#nav li.active_menu a:link,
#nav li.active_menu a:visited,
#nav li.active_menu a:hover {
	color: #ffe012;
}

h3 {
text-align:left;
text-indent:7px;
}

h2 {
text-align:left;
text-indent:7px;
}

#content a, a:link, a:visited  {color : #000000;
text-decoration : none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#content a:hover  {color : #000000;
text-decoration : underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}