/*---MY XTRAS CETA MAIN PAGE CONTENT ---*/
ul, ol {
        font-size: 11px;
        line-height: 14px;
        margin-top: 0;
        margin-bottom: 15px;
}

asis {
        color: #363;
        font-family: monaco, 'courier new', courier, sans-serif;
}

.subtitle {
         font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
         font-size: 11px;
         line-height: 12px;
         margin-top: 0;
}

.sotofoto {
        font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
        font-size: 10px;
        line-height: 12px;
        color: #666;
        margin-top: 0;
        text-align: left;
        margin-bottom: 40px;
        padding-bottom: 10px;
        text-align: left;
}

/*.indent, blockquote {
     font-family: georgia, "helvetica", arial, sans-serif;
     font-size: 12px;
     padding: 12px;
     margin: 5px;
     padding-top: 20px;
         padding-bottom: 7px;
     margin-left: 20px;
     margin-bottom: 20px;
         margin-right: 50px;
     color: #222;
     border-top: solid #999 1px;
     border-bottom: solid #999 1px;
     background: #f6f6f6;
     line-height: 16px;
}

.indent p {
        margin-bottom: 10px;
        margin-top: 0px;
} */


.imgindent, blockquote {
        font-family: georgia, 'helvetica, arial', sans-serif;
        font-size: 12px;
        padding: 12px;
        margin: 5px;
        padding-top: 20px;
        padding-bottom: 7px;
        margin-left: 20px;
        margin-bottom: 20px;
        margin-right: 50px;
        color: #222;
        border-top: solid #999 1px;
        border-bottom: solid #999 1px;
        background: #f6f6f6; /* ffe  new; #f6f6f6 mine #edd */
        background-image: url("velo_grey.jpg");
        background-color: #f6f6f6;
        background-position: 96% 99%;
        background-repeat: no-repeat;
        line-height: 16px;
}

.imgindent p {
        margin-bottom: 10px;
        margin-top: 0px;
}

.note, blockquote {
font: normal 12px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
     padding: 8px;
     margin: 5px;
     padding-top: 10px;
     padding-bottom: 7px;
     margin-left: 10px;
     margin-bottom: 20px;
     margin-right: 50px;
     color: #333;
     border-top: solid #999 1px;
     border-bottom: solid #999 1px;
     background: #D7DEDE; /*F4F6F9 #f6f6f6;*/
     line-height: 14px;
}

.note p {
        margin-bottom: 10px;
        margin-top: 4px;
}


/* ---- BOX SET ---- */
#box-setblank {
  margin: 0 11px;
  width: 340px;
  background: url(../imagescet/homepage_css/bg_mission_bottom.gif) left bottom no-repeat;
  padding-bottom: 12px;
        }

#box-setblank h2 {
   background: url(../imagescet/homepage_css/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 23px;
   text-indent: -3000px;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
        }

#box-setblank p {
     background: url(../imagescet/homepage_css/bg_missione.gif) left top repeat-y;
     background-color: #AACCBD;  /*#DACDBD   */
     margin: 0;
     padding: 9px 30px;  /*bg_mission.jpg*/
     /* font: 10px/16px Geneva, Arial, sans-serif; */
        }

p,h1,h2,h3,h4,h5,h6 { margin-bottom; 0; margin-top: 0; }


/* ---- BOX SET B -------------------------------------- */

#box-setb {  
    margin: 0 11px;  
    width: 340px; /*346*/  
    background: url(../imagescet/homepage_css/bg_mission_bottom.gif) left bottom no-repeat;
    padding-bottom: 12px;
        }

#box-setb h2 {
   background: url(../imagescet/homepage_css/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 23px;
   text-indent: -3000px;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
        }

#box-setb h6 {
   background: url(../imagescet/homepage_css/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 13px;    /* this size is to SHOW the heading, the h2 hides it */
   text-indent: 30px;
   margin: 0;
   padding: 0;
   vertical-align: bottomp;
        }


#box-setb p {
     background: url(../imagescet/homepage_css/bg_missione.gif) left top repeat-y;
     background-color: #AACCBD;  /*#DACDBD   */
     margin: 0;
     padding: 9px 30px;  /*bg_mission.jpg*/
     /* font: 10px/16px Geneva, Arial, sans-serif; */
        }

p,h1,h2,h3,h4,h5,h6 { margin-bottom; 0; margin-top: 0; }

/* ---- BOX SET C -------------------------------------- */

#box-setc {
    margin: 0 11px;
    width: 345px; /*346*/
    background: url(../imagescet/homepage_css/bg_mission_bottom.gif) left bottom no-repeat;
    padding-bottom: 12px;
        }

#box-setc h2 {
   background: url(../imagescet/homepage_css/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 23px;
   text-indent: -3000px;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
        }
#box-setc h6 {
   background: url(../imagescet/homepage_css/boxsetblank.gif) left top no-repeat;
   height: 23px; /*23*/
   line-height: 13px;
   text-indent: 30px;
   margin: 0;
   padding: 0;
   vertical-align: bottom;
        }


#box-setc p {
     background: url(../imagescet/homepage_css/bg_missione.gif) left top repeat-y;
     background-color: #FFCCBD;  /*#DACDBD   */
     margin: 0;
     padding: 9px 30px;  /*bg_mission.jpg*/
     /* font: 10px/16px Geneva, Arial, sans-serif; */
        }

p,h1,h2,h3,h4,h5,h6 { margin-bottom; 0; margin-top: 0; }


/* --- GALLERY ------- */
#container {
   position:relative;
   width:410px;  /*ie is picky */
   height:380px;
   background:#efedec url(../imagescet/back2.jpg);
   border:1px solid #000;
   }
a.gallery, a.gallery:visited {
   display:block;
   color:#000;
   text-decoration:none;
   border:1px solid #333;
   width:73px;   /* ie down from 75 */
   height:47px;
   float:left;
   margin:3px;
   }
a.slidea {background:url(../imagescet/thumb2.jpg);}
a.slideb {background:url(../imagescet/thumb3.jpg);}
a.slidec {background:url(../imagescet/thumb4.jpg);}
a.slided {background:url(../imagescet/thumb5.jpg);}
a.slidee {background:url(../imagescet/thumb6.jpg);}
a.slidef {background:url(../imagescet/thumb7.jpg);}
a.slideg {background:url(../imagescet/thumb8.jpg);}

a.gallery span {display:block; position:absolute; width:1px; height:1px; top:5px; left:5px; overflow:hidden; background:#efedec url(../imagescet/back2.jpg);}
a.gallery:hover {white-space:normal; border:1px solid #fff;}
a.gallery:hover img, a.gallery:active img, a.gallery:focus img {border:1px solid #000;}
a.gallery:hover span, a.gallery:active span, a.gallery:focus span {display:block; position:absolute; width:302px; height:260px; top:110px; left:5px; padding:5px; font-style:italic; color:#000; background:#efedec url(../imagescet/back2.jpg);}
#paxinfo { margin-left:00px; height:1%; border:1px solid #fff; margin-bottom:4em; position:relative;}


/* alto lad*/
#alto {
    text-align: left;
    margin-left: 0px; /* 40 auto*/
    margin-right: auto;
    background-color: transparent;
    padding-bottom: 16px;
    border-left: solid  0px #E7E9EB;
    clear: both;
}

/* works for firefox but not ie!!*/
h4#alto_text  {
    width: 400;
    height: 90px;
    border: solid #aaa 0px;
    margin: 0;
font-size: 48px;
color: #fff;
line-height: 1.8em;
float: left;
    margin: -65px -30px 0px 30px;   /* 4px 0 4px 0;  first has no space*/
    padding: 0;
    background-color: transparent;
    width: 700px;
    /* border-left: solid #aaa 2px;*/
    text-align: center;
font-family: geneva, tahoma, verdana, helvetica, arial, sans-serif;
}
/* end---- use the same as h5 but change the graphics for the home and backgrounds. */


h5#alto_testa {
    width: 400;
    height: 90px;
/* imagescet/testa/testa.php    imagescet/stage2/due_delfhead.jpg */
    background: #fff url("/imagescet/testa/testa.php") top right no-repeat;
    border: solid #aaa 0px;
    margin: 0;
}

h5#alto_testa img {
    border: 0;

/*---- alto2 lad----*/
#alto2 {
    text-align: left;
    margin-left: 0px; /* 80 40 auto*/
    margin-right: auto;
    background-color: transparent;
    padding-bottom: 16px; /*ORI 16px 20 controls the second BG!!*/
    border-left: solid  0px #E7E9EB;
    clear: both;
      }

h5#alto2_testa {
   width: 641;
    height: 52px;  /* ORI 80 */
    background: #fff url("../imagescet/stage2/headimage1.jpg") top left  no-repeat;
    border: solid #aaa 0px;
    margin: 0;
    }

h5#alto2_testa img {
    border: 0;
}

/*--------------  navsopra ------- */
#scopa {
    width: 600px;   /* watch how this can effect layout of navbar*/
}

#matta {
    font-size: 8px;
    line-height: 1.8em;
}

#matta ul  {
    float: left;
    margin: 0px 0 0px 0;   /* 4px 0 4px 0;  first has no space*/
    padding: 0;
    background-color: transparent;
    width: 700px;
    border-left: solid #aaa 2px;
    text-align: center;
    list-style-type: none;
}

#matta ul li {
    display: inline;
}

#matta ul li a {
    float: left;
    text-align: center;
    width: 92px;  /* 111 for 6 links 99; ORI 116 controls  width of box    */
    color: #fff;
    font-weight: normal;
    text-decoration: none;  /* none*/
    border: 1px solid #aaa;
    border-left: 0;
    background-color: #4E4675; /* #fff; */
}

#matta li a#current {
    background-color: #5F7BCE; /* cfdbc7 9bb693 */
}

#matta ul li#main a     {
    width: 90px;   /* controls width of main box*/
}

#matta ul li a:hover, #nav li a#current:hover {
    background-color: #90AEF7; /* dark blue #4E4675;  9bb693 #CFDBC7   */
    color: #333;
}

h1#matta {
    padding: 0;
    color: #666;
    font-size: 20px;
}

}

/* does not work except in weblog section of new.css 
from http://www.kartooner.com */

.left-image {float:left;margin:0 1em 0 0;border:1px solid #eee;padding:.5em}
.right-image {float:right;margin:0 0 1em 1em;border:1px solid #eee;padding:.5em}


/*http://alistapart.com/articles/practicalcss */
/* --- lists in 2 or 3 columns-- */