/*---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;
}


/* --- 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;
}

h5#alto_testa {
width: 400;
    height: 90px;
background: #fff url(../imagescet/stage2/due_delfhead.jpg) no-repeat top right;
    /* 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 sectio 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-- */