/* CSS Document */

body { background-color:#f2f2f2; margin:0px; height:100%;   }
p, div, span, strong, input, ul, li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0D3965;}
#main {width:878px; position:absolute; top:0; left:50%; margin-left:-440px; border:1px solid #0D3965; background:#fff url(imgs/bg_main.gif) repeat-y left; margin-top:-1px; }
/* definizione del bordo del contenuto con sfondo bianco */


#footer { text-align:center; clear:left; background-color:#f2f2f2; padding-bottom:3px; margin-top:30px; font-size:11px;  }
#footer a { color:#0d3965;}
#footer a:hover { color:#990000;}

#testata {width:878px; height:167px;}

#logo {display:block; background-color:#fff; width:180px; height:167px; float:left; text-align:center;}
#logo img {margin-top:44px;}
#testata_ist { display:block; width:438px; height:167px;  /*background-color:#009999;*/ float:left; margin-left:0px; background:url(imgs/testata.jpg) no-repeat left; }
#testata_ist a { display:block; background:url(imgs/sito_testata.gif) no-repeat left; text-decoration:none; height:19px;}
#testata_ist a:hover {background:url(imgs/sito_testata_on.gif) no-repeat left;}
#contenuto { display:block; padding-top:30px; height:auto; }
.testo { display:block; float:left; width:638px;}
.img_destra { display:block; float:right; margin:0px 0px 10px 10px;}
.img_sinistra {display:block; float:left; margin:0px 10px 10px 0px;}


/* 	IMMAGINI APPROFONDIMENTO
le immagini verranno sovrascritte */
#img_app_1 { display:block; width:260px; height:167px; /*background-color:#CCFF00;*/ background:url(imgs/app1/testata.jpg) no-repeat left; float:left; margin-left:0px;}
#img_app_2 { display:block; width:260px; height:167px; /*background-color:#CCFF00;*/ background:url(imgs/app2/testata.jpg) no-repeat left; float:left; margin-left:0px;}
#img_app_3 { display:block; width:260px; height:167px; /*background-color:#CCFF00;*/ background:url(imgs/app3/testata.jpg) no-repeat left; float:left; margin-left:0px;}


/* MACRO ARGOMENTO ELEMENTI VARIABILI 
colore di sfondo del titolo macroargomento, icona e colore del testo dello strong colore TITOLO*/
#titolo_macroargomento {padding-left:439px; background:url(imgs/macroargomento/banda_sfumo.gif) no-repeat top left ; height:18px; padding-top:2px;}
#titolo_macroargomento strong { width:409px; background:#FFF url(imgs/macroargomento/icona.gif) no-repeat left; padding-left:30px; display:block; text-transform:uppercase; color:#a5121e; margin-top:-2px; padding-top:6px;}
.titolo {color:#a5121e; font-size:13px; font-weight:bold;}



/* NAVIGAZIONE 
sfondo dei bottoni - e roll over, le immagini delle freccine vengono sovrascritte */
#navigazione {display:block; width:180px; float:left; margin-top:-30px; margin-right:30px; font-size: 11px; line-height:120%;}
#navigazione a {height:59px; border-bottom:1px solid #ffffff; display:block; color:#ffffff; background:#0D3965 url(imgs/macroargomento/macro_nav_fr.gif) no-repeat left top; padding:7px 5px 0px 27px; text-decoration:none; font-size: 11px;}
#navigazione a:hover, #navigazione strong {height:59px; border-bottom:1px solid #0D3965; display:block; color:#0D3965; font-weight:normal; background:#ffffff url(imgs/macroargomento/macro_nav_fr_on.gif) no-repeat left top; padding:7px 5px 0px 27px; font-size: 11px;}