/*QUESTO LAYOUT SERVE PER LIQUIDO A DUE COLONNE
LA COLONNA DI SINISTRA E' FONDAMENTALE PER SPINGERE IL FOOTER VERSO IL BASSO*/


/*Eliminiamo i margini e il padding predefiniti dal browser per il tag BODY, 
eliminiamo anche gli horizontal-rule, inutili nel layout che realizzeremo.*/
body {
	margin:0;
	padding:0;
	text-align:center;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/bg_01.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
html { font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#333;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Fra le varie sezioni sono stati inseriti degli HR, 
il cui scopo è quello di evidenziare la separazione dei contenuti 
anche quando il browser non è in grado di leggere o interpretare il foglio di stile.*/
hr { display:none;} 
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*questi sono i div che compongono il corpo centrale del mio sito
Per posizionare le colonne laterali in maniera assoluta, 
prendendo come riferimento la sezione #corpo, 
quest'ultima deve essere posizionata in maniera relativa.

#corpo*/
div#header {
	width:786px;
	height:220px;
	margin:0 auto;
	text-align:left;
	background-attachment: scroll;
	background-image: url(../images/top_03.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:160px 0px 0px 15px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*#banner*/
div#banner {margin:0 auto;text-align:left; padding-top:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/* navigation top of the page*/

#menu{
	width: 770px;
	height: 36px;
	line-height: 36px;
	background-attachment: scroll;
	background-image: url(../images/bg-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#navi{
	float: left;
	text-align: left;
	font-size: 10px;
	padding:0 10px 0 10px;
}

#navi-separatore{
	float: left;
	text-align: left;
	padding:0px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
div#main {
	width:800px;
	margin:20px auto 0 auto;
	text-align:left;
	position:relative;
	background-attachment: scroll;
	background-image: url(../images/bg-main_14.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
div#footer {
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}

#leftfooter {
	width:490px;
	float:left;
	text-align:left;
	margin:5px 0 5px 20px;
	line-height:30px;
	font-size:10px;
}

#rightfooter {width:220px; float:right;  text-align:right; margin:5px 35px 5px 0px;line-height:30px;font-size:10px;}

div#tencom {margin:0px auto;text-align:right; font-size:10px; padding-right:35px; padding-bottom:20px;}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Adesso è possibile posizionare le colonne laterali. 
La prima colonna sarà posta a sinistra e larga ....... pixel*/
#left {margin-left:20px; width:490px; height: auto !important; height:490px; min-height:480px;}

#left h1 {font-size:14px;color:#336699;}

#breadcrumbs {width:490px;margin-bottom:20px;}

#title {
	width:490px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 1px dashed #CCCCCC;
}

#descriptions {width:470px;margin-bottom:30px; height: auto !important; height: 120px; min-height: 120px;}
#textdescriptions{margin:5px 0 10px 0; text-align:justify;}

.descriptionsimg{margin: 0 10px 10px 0px; border: 1px solid #CCCCCC;}

#title {
	width:490px;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom: 1px dashed #CCCCCC;
}

#title2 {
	margin-bottom:10px;
	padding-bottom:5px;
}

#apexes{
	background-attachment: scroll;
	background-image: url(../images/apexes.gif);
	background-repeat: no-repeat;
	background-position:left top;
	text-align:center;
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	color: #003399;
	height:50px;
	font-style: italic;
}

/* boxes */

#subtitle {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom: 1px dashed #CCCCCC;
}

#textdescriptionsleft{ width:220px; margin:5px 0 10px 0; text-align:justify; float:left;}

#textdescriptionsright{ width:220px; margin:5px 0 10px 0; text-align:justify; float:right;}

.textdescriptionimg{ padding:0px 0 10px 0;}

#more{ text-align:right; padding-top:10px;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*La seconda colonna avrà il width pari a i pixel rimanenti per chiudere il corpo 
e il right pari a zero che lo spinge dall'altra parte del corpo*/
#right {position:absolute;top: 0; right: 13px;width:253px;}

#rightmenu {width:253px;}

.menuservices{
	text-align:left;
	width: 200px;
	margin-top: 12px;
	margin-right: 0;
	margin-bottom: 3px;
	margin-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	line-height:25px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*generic classes*/

p,h1,h2,h3 {padding:0px;margin:0px;}

img {border:0px;}

.textmiddle {vertical-align:middle;} 

img {border:0px;}

.textmiddle {vertical-align:middle;} 

.redbold11 {font-size: 11px;font-weight: bold;color: #993300;}

.redbold12 {font-size: 12px;font-weight: bold;color: #993300;}

.blubold12 {font-size: 12px;font-weight: bold;color: #336699;}

.bold {font-weight: bold;}

.size14 {font-size: 14px;}

ul{ margin-left: 10px; padding-left: 10px;}

li{ margin-bottom: 10px; }

.italic{font-style: italic;
}
/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*a classes*/

a {color: #333;text-decoration:none;}

a:hover {text-decoration:underline;}

a.blu { color: #003399;}

a.blu:hover {text-decoration:underline;}

a.yellow { color: #FFCC00;}

a.yellow:hover {text-decoration:none;}

a.red { color: #993300;}

a.red:hover {text-decoration:none;}

/*-----------------------------------------------------------------------------------------------------------------------------------*/
/*Site map section*/

#sitemap { width:480px; border-bottom:dashed #CCCCCC 1px; padding:0 0 5px 10px; margin-top:20px; font-size:14px;}

ul.sitemap{ margin-top: 5px; padding-left: 10px;}

li.sitemap{ padding-top: 5px; }