/*stili per il layout fisso con posizionamenti assoluti*/

/*----------- HTML & BODY -----------*/
html,body{margin:0; padding:0;}
body
    {      
    background-image:url(Layout/sfondocredem.gif); background-repeat:repeat-x;
    margin-top:2px;
    font-family: arial,sans-serif;
    font-size: 76%;
    text-align:justify;
    }
    
/* ----------- CONTAINER ------------ */
div#container{
    position:relative; 
    width: 760px;
    margin: 0 auto;
    text-align: left;
    border-top: 2px solid #36c;
    border-left: 2px solid #36c;
    border-right: 2px solid #36c;
    border-bottom: 2px solid #36c;
    background: url(Layout/navigation.jpg) repeat-y top left;
    background-color:White;
    }
    
/* ----------- HEADER ------------ */

/* stili generici */
div#header
    {
    }
    
h1,h2,h3{margin: 0;padding:0}


/* ----------- BANNER ------------ */    
/*stili specifici per il layout*/
div#banner{
    margin:0;
  
    }
    
div#testo-banner{
    position: absolute;
    top: 123px; /*dall' altezza dell' header*/
    left: 53px;
    right:53px;
    font-weight:bold;
    font-size:large;
    color:Lime;
    margin:0;
    padding:0;
    }
div#testo-banner b{margin-right:260px;}

    
    
/* ----------- NAVIGATION ------------ */    
/*stili specifici per il layout*/

   
div#menù
{
    padding: 0;
    margin-top:4%;
    margin-left:-2px;
    /*width: 120px;   un po' di meno per evitare l' uso del padding
    height:290px;
    /*background-color:#CCFFCC;/*#006633;*/
    }

/*stili per la navigazione*/
div#menù ul{margin: -2.8em 0 1em 1em; padding: 0; list-style-type: none;}
div#menù li{padding: 0; margin:2px 2px 3px 2px;}
div#menù a{color:#00FFCC; font-size:larger; font: bold 1.4em/1.6em arial,sans-serif;
                text-decoration: none}
div#menù a:hover{color:white ;text-decoration: none}
div#menù a#activelink{color:yellow;text-decoration: none}

/* ----------- ------------ ------------ */
div#navigation
{
    position:absolute;
    left:0;
}

div#links a{color:#0080B6; font-size: 0.9em; float:inherit; 
    margin-left:6px; margin-bottom:12px; padding-bottom:4px; text-decoration:none;}
div#links a:hover{color:#009B33; font-size: 0.9em; text-decoration:none;}

/* ----------- SUBHEADER ------------ */
/*stili specifici per il layout*/
div#subheader
    {
    position:absolute;
    right:0;
    margin-top:0px;
    }
    
.title
    {
    position:absolute;
    padding: 0;
    margin-top:-80px;
    left:134px;
    color:#009966;
    }
    

/* ----------- CONTENT ------------ */
/*stili specifici per il layout*/
div#content
    {
    margin-top:96px;
    margin-left:152px;
    margin-right:102px;
    margin-bottom:2px;
    z-index:3;
    }

.paletto
    {
        position:absolute;
        top:320px;
        right:18px;
    }
    
.palettocapotesta
    {
    position:absolute;
    margin: 0;
    margin-top:400px;
    margin-right:12px;
    right:0;
    }
div#palettocapotesta-accessori
    {
    position:absolute;
    margin: 0;
    margin-top:380px;
    margin-right:18px;
    right:0;
    }
    
div#paletto-vignarolo
    {
    position:absolute;
    margin: 0;
    margin-top:124px;
    margin-right:2px;
    right:0;
    }
div#paletto-capotesta
    {
    position:absolute;
    margin: 0;
    margin-top:170px;
    margin-right:1px;
    margin-left:6px;
    right:0;
    }

div#paletto-capotesta2
    {
    position:absolute;
    margin: 0;
    margin-top:1852px;
    margin-right:1px;
    margin-left:6px;
    right:0;
    z-index:3;
    }
    
div#staffa
    {
    position:absolute;
    margin: 0;
    margin-top:424px;
    margin-right:12px;
    right:0;
    }   

span#first-letter
    {
    float:left;
    width:0.7em;
    font-size:300%;
    font-family:Times New Roman,algerian,courier;
    line-height:80%;
    color:Green;
    }
span#first-letter2
    {
    float:left;
    width:0.7em;
    font-size:300%;
    font-family:Times New Roman,algerian,courier;
    line-height:80%;
    color:Green;
    }

span#date
    {
    font-size:medium;
    font-style:oblique;
    font-weight:bold;
    margin-right:-20px;
    float:right;
    color:GrayText;
    }
    
div#shinystat
    {
    float:left;
    display:inline;
    clear:right;
    right:-1%;
    }
    
.testo{font-size:medium; font: bold 1.3em/1.2em arial,sans-serif; }
.testoSmall{font-size:small; font: bold 1.3em/1.2em arial,sans-serif; }


/* --- contatti --- */

.testo-contact
{
    position:absolute;
    font-size:large; 
    font-weight:bold; 
    color:InfoText;
    margin-top:16px;     
    margin-left:28px;
    }
.testo-contact-link
{
    position:absolute;
    font-size:large; 
    font-weight:normal; 
    color:Olive;
    margin-top:16px;     
    margin-left:28px;
    }
.link-contact
    {
    border-style:none;
    }   
.email-contact
    {
    color:InfoText;
    text-decoration: underline;
    }
    

.listul{margin: 1em 0 1em 42px; padding: 0; list-style-type: none;}
.listli{padding: 0; margin:12px 8px 12px -18px;}

.listli a{color:Green; text-decoration:none;}
.listli a:hover{color:Lime ;text-decoration:none;}
.listli a#activelink{color:Olive;text-decoration:none;}



/* --- dove siamo --- */
.cartina
    {
    padding: 0;
    margin-top:-10px;
    margin-right: 0;
    margin-left:90px;
    margin-bottom:0;
    z-index:-3;
    }
.testo-dove
{
    position:absolute;
    padding:0;
    margin-top:182px;
    margin-left:-18px;
    font-family:arial,sans-serif;
    font-size:14px; 
    font-weight:bold; 
    color:InfoText;
    list-style-type:none;
    }
.testo-dettaglio
{
    position:absolute;
    padding:0;
    font-family:arial,sans-serif;
    font-size:x-small; 
    font-weight:bold; 
    color:red;
    margin-top:198px;
    margin-left:250px;
    }
.testo-dettaglio a{color:red;font-weight:normal;text-decoration: underline;}

/* --- capotesta --- */
    
.testo-pali
{
    font: bold 1.2em/1.4em arial,sans-serif;
    /*color:#666666;*/
    color:Black;
}


/* ----------- FOOTER -----------
/*stili specifici per il layout
div#footer-image
    {
    position:absolute;
    margin:0;
    left:0;
    z-index:-3;
    }*/
div#footer
    {
    background-image:url(Layout/footer.jpg);
    background-repeat:no-repeat;
    text-align:center;
    padding: 0.4em;
    color:#000;
    margin:0;
    margin-top:2px;
    clear:right;
    }
    
div#footer2
    {
    text-align:center;
    padding: 0.4em;
    color:#000;
    margin:0;
    margin-top:2px;
    clear:right;
    }
    
/*  stili generici  */
div#footer a{color:Aqua; font-weight:normal; text-decoration: underline;}
   
.Caption {
font-family: Arial;
font-weight: bold;
font-size:  12pt;
color:Olive; }

A.Controls:link    { color:#666666;
                     text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:visited { color:#666666; text-decoration:none; 
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:active  { color:#666666; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
A.Controls:hover   { color:#00FF00; text-decoration:none;
                     font-family: Arial;
                     font-size:   14pt;
                     font-weight: bold; }
    
    
/* ------------ SEARCH FRAME ------------------ */

.search {      
    font-family:"trebuchet MS", tahoma, verdana, arial, helvetica, sans-serif;
	background-image:url(Layout/bckgr_search.gif); 
	background-repeat:repeat-y;
	background-color:Green;
	color:#666666;
	font-size:.8em;
	margin-top:0;
	margin-left:18%;
    margin-right:auto;
	margin-bottom:0;
    }