﻿/*  
    formato pagina centrata
    
*/

html, body
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    margin:0;
    font-size:12px;
 }

/* liv. 0: container principale */
#a0Pagina { position: relative;width:960px;height:960px;
            margin-right: auto;margin-left: auto;margin-top:0;text-align: left;}

/* liv. 1/1 : intestazione */
#a1IntesP { position: absolute;margin: 0px;top:5px;left:0px;height:100px;text-align: center;
            border:solid 1px;background-image: url(../Images/ctVari/top_mattoni.jpg);}
/* liv.1/2 : corpo pagina */
#a1CorpoP { position:relative;}
/* liv.1/3 : fondo pagina */
#a1FondoP { position: fixed;bottom: 0px;left:0px;height:15px;width: 100%;text-align:center;
            font-family: 'Times New Roman', Times, serif;font-size: 0.7em;font-weight:bold;
            border-top-style: dotted; border-top-width: 1px;}
#a1FondoP p {display: block;}

/* --- liv2/1 - menu orizzontale */
#a2NavigC
{
    position: relative;
    height: 20px;
    border-right: solid 1px;
    border-left: solid 1px;
    border-bottom: solid 1px;
    padding-left: 10px;
    text-align: left;
}
           
/* --- liv.2/2 : area sinistra */
#a2SinisC
{
    position:absolute;
    top:21;
    left:0;
    width: 200px;
    margin: 0px;
    padding: 5px;
    text-align: left;
    border-left: solid 1px;
}
#a2SinisC h1{font-size:14px;font-weight: bold;display: block;text-indent:10px;}
#a2SinisC h2{font-size:12px;font-style:italic;display: block;text-indent:10px;}
           
/* --- liv.2/3 : - area centrale */
#a2CentrC
{
    position: absolute;
    top: 21px;
    left: 201px;
    width: 747px;
    margin: 0px;
    padding: 5px;
    text-align: left;
    border-right: solid 1px;
    border-left: solid 1px;
}

#a2CentrC h1{font-size:14px;font-weight: bold;display: block;text-indent:10px;}
#a2CentrC h2{font-size:12px;font-style:italic;display: block;text-indent:10px;}
#a2CentrC  p{font-size:12px;}
#a2CentrC ul{list-style-position: inside;list-style-type: disc;
             padding-left: 10px;margin-left: 10px;}

/* --- liv.2/2 : area sinistra homep*/
#a2SinisH { position:absolute;top:21;left:0;width: 300px;
            margin: 0px;padding: 5px;text-align: left;border-left: solid 1px;}
#a2SinisH h1{font-size:14px;font-weight: bold;display: block;text-indent:10px;}
#a2SinisH h2{font-size:12px;font-style:italic;display: block;text-indent:10px;}
           
/* --- liv.2/3 : - area centrale homep*/
#a2CentrH   {position:absolute;top:21px;left:301px;width:647px;margin:0px;padding:5px;
             text-align: left;border-left: solid 1px;border-right: solid 1px;}

#a2CentrH h1{font-size:14px;font-weight: bold;display: block;text-indent:10px;}
#a2CentrH h2{font-size:12px;font-style:italic;display: block;text-indent:10px;}
#a2CentrH  p{font-size:12px;}
#a2CentrH ul{list-style-position: inside;list-style-type: disc;
             padding-left:10px;margin-left:10px;}
             
/* --- liv.2/3 : - area centrale singola */
#a2Centr1   {position:absolute;top:21px;left:0px;width:947px;margin:0px;padding:5px;
             text-align: left;border-left: solid 1px;border-right: solid 1px;}
/* --- liv.2/3 : - area centrale singola per foto*/
#a2CentrF   {position:absolute;top:21px;left:0px;width:947px;margin:0px;padding: 5px;
             text-align: center;border-left: solid 1px;border-right: solid 1px;}
             
/* ---livello 3: immagini */
#a3Imagin   {position:absolute;top:0; left:200px;margin:0px;padding:5px;text-align:center;font-size:12px;}

/* ---livello 3: autenticazione */
#a3Autent   {position:relative;top:150px;left:15px;padding:5px;}

/* ---livello 3: Album-lista */
#a3AlbLst  ul   {list-style-type:none;}
#a3AlbLst  li   {float: left;}
#a3AlbLst img   {padding: 10px;}
#a3AlbLst a:hover {background-color:#690;} 

/* ---livello 3: box interno */
#a3PagBox    {  font-family: Verdana, Arial, Helvetica, sans-serif;text-align: left;}
#a3PagBox h1 {  background-color: #630;border-bottom: solid 2px #660;color: #FFF;
                font-family: Arial, Helvetica, sans-serif;font-size: 1.6em;font-weight: bold;
                margin: 0px;padding: 0px;text-indent: 10px;}
#a3PagBox h2 {  color: Red;font-weight: bold;text-indent: 10px;}
#a3PagBox p  {  color: #690;padding: 5px;  }
#a3PagBox ul {  list-style-position: inside;list-style-type: disc;padding-left: 10px;margin-left: 10px;}


/* ---- */
.fotogr {border-style: solid;border-width: 5px; }
.imgDs  {margin-left: 5px;float: right;}
.imgSn  {margin-right: 5px;float: left;}
.noFl   {float: none;}
.miniat {border-style: solid;border-width: 1px;}
.pagBox  {border-style: solid;border-width: 1px 2px 2px 1px; width:740px; margin-bottom:5px;}
.pagBox1 {border-style: solid;border-width: 1px 2px 2px 1px; width:940px; margin-bottom:5px;}

.a2SinTit { border: solid 3px 1px 1px 3px;display: block;
            font-family: 'Trebuchet MS';font-size: 14px;font-weight: bold;text-align: center;
            line-height:20px;width:290px;}
.a2CenTit { border-bottom: solid 1px; display: block;
            font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;text-align: center;
            line-height:20px;width: 640px;}
.a2SinAre { font-size:11px;margin-bottom:10px;padding:5px;width:290px;}
.a2CenAre { font-size:12px;margin-top:   10px;padding:3px;width:640px;}

.a3MiniaT
{
    background-color: #630;
    border-bottom: solid 2px #660;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    display: block;
    width:947px;
    text-align:center;
}
