/* Copyright Andrea Ricci 2004/2005 */
/* La copia, la distribuzione ed il riuso del codice presente, nella sua integrità */
/* o in singole sezioni, è concessa solo previa autorizzazione dell'autore. */
/***** GENERALI *****/
body { background: #f0f0f0 }
div,p { font-family: Verdana,sans-serif; font-size: 11px; color: #000; }
p { margin: 8px 0px 0px 0px; padding: 0px; }
label { display: none; }
form { margin: 0px; }
input { 
            cursor: pointer;
            margin: 1px 0px 5px 0px; padding: 1px 2px 1px 2px; 
}
a { color: #7f98b7; text-decoration: none; }
a:hover { color: #005a9c; }

h3 {
    margin: 10px 0px 10px 0px; padding: 0px 0px 0px 4px;
    border: 1px solid #ececec; background: #f8f8f8; 
    border-left: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;
    color: #336699; 
    font-weight: bold; font-size: 15px;
    clear: left;
}

hr { height: 1px; padding: 0px; border: 1px solid #e2e2e2; }


span.titoloGruppo { display: none }
.titoloSezione {
    margin: 5px 0px 10px 0px; padding: 2px 2px 2px 6px;
    border: 1px solid #e0e0e0;
    color: #336699; background: #f8f8f8;
    font-weight: bold; font-size: 19px;
    clear: left;
    position: relative;
}
.titoloSezioneUp {
    margin: 10px 0px 0px 0px; padding: 0px;
    color: #336699; 
    font-weight: bold; font-size: 15px;
}


.btnInput {
    margin: 0px 0px 0px 5px; padding: 0px;
    background-color: transparent;
}
.boxCenter {
    margin: 10px 0px 10px 0px; padding: 5px;
    border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
    background: #f9f9f9;
    position: relative; 
}
.boxCenterNoBack {
    margin: 10px 0px 10px 0px; padding: 5px;
/*  border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0;
    background: #f9f9f9;*/
    position: relative; 
}

/* scheda */
.scheda {
    margin: 2px 8px 8px 0px; padding: 0px;
    float: left; clear: left;
    background: #f8f8f8;
    /*border-top: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;*/
    border-bottom: 1px solid #e0e0e0; /*border-left: 1px solid #e0e0e0;*/
    width: 200px;
}
.descrizione { text-align: justify; }
 
/* immagine grande... */
.imgBig { 
    float: left;
    margin: 2px 10px 6px 0px; padding: 0px;  
}
/* testi particolari */
.sezione { color: #666; }
.evidenziato { padding-top: 10px; font-weight: bold; color: #005a9c; }
.data { color: #f60; }
.testo-lit { font-size: 10px; line-height: 15px; }

.indentato { margin-left: 8px; margin-right: 8px; text-align:justify; }
.indentato_due { margin-left: 4px; margin-right: 4px; text-align:justify; }
.stacca { margin-top: 20px; }

/* liste della sezione centrale */
.listCenter { clear: left; }
.listCenter ul{
    margin: 8px 0px 20px 0px; padding: 0px;
    list-style: none;
    border-bottom: 1px dotted #e8e8e8;
    position: relative;
}
.listCenter li{
    margin: 0px; padding: 4px 10px 4px 8px;
    background: transparent;
    border-top: 1px dotted #e8e8e8;
    /* inserito per bug explorer... altrimenti cambiando colore nell'a:hover non va...?!? */
    position: relative;
    clear: left;
/*  float: left;*/
}
.listCenter li a { font-style: normal; color: #7f98b7; }
.listCenter li a:hover { font-style: normal; color: #005a9c; }
.listCenter img {
    margin: 0px 5px -1px 0px; padding: 0px;
    clear: left;
    position: relative;
}


/* EMULAZIONE LISTA CON IMMAGINE FLOAT LEFT */
#listaIFL { 
  margin: 5px 0px; padding-top: 0px; padding-bottom: 10px; 
    clear: left;
    position: relative;
}
#listaIFL img {
    margin: 3px 7px 2px 0px;
    border-left: 2px solid #ddd; border-bottom: 2px solid #ddd;
    float: left;
    position: relative;
}
.listaIFL_li {
    margin: 5px 0px 5px 0px; padding: 5px;
    border-bottom: 1px dotted #e0e0e0;
    position: relative; 
}



/* LISTE PICCOLE PER LE BARRE LATERALI */
.listLittle { clear: left; font-size: 10px;     margin: 8px 0px 0px 0px; }
.listLittle ul{
    margin: 3px 0px; padding: 0px;
    list-style: none;
    border-bottom: 1px dotted #e8e8e8;
}
.listLittle li{
    margin: 0px; padding: 2px 2px 2px 0px;
    background: transparent;
    border-top: 1px dotted #e8e8e8;
    font-size: 10px;
    /* inserito per bug explorer... altrimenti cambiando colore nell'a:hover non va...?!? */
/*  position: relative;*/
}
.listLittle li a { font-style: normal; color: #7f98b7; font-size: 10px; }
.listLittle li a:hover { font-style: normal; color: #005a9c; font-size: 10px; }


/* *** test *** */
.testBack { background: #eee; }
.prenota { float: right; }


/***** LAYOUT *****/
#main {
   margin: 0px; padding: 0px;
    width: 100%; height: 100%;
   background: transparent;
   border-style: none; border-width: 0px;
   text-align: center;
}
#container {
    padding: 0px; margin: 0px auto 5px auto;
    background: #fbfbfb url(img/logo.jpg) no-repeat top left;
    width: 760px;
    position: relative;
    border: 1px solid #ccc; border-bottom: 8px solid #005a9c;
   text-align: left;
}

#supportingText {
    margin: 132px 150px 10px 150px; padding: 5px 10px 0px 10px; 
    border: 1px solid #dedede;
    background: #fff; 
    width: auto; 
/*  background: url(img/sfondo-main.jpg) no-repeat right bottom;*/
}


/* *** LINK LIST *** */
#linkList {
    margin: 0px; padding: 0px;
    background: transparent; 
    width: 150px;
    position: absolute; 
    top: 131px; left: 0px; 
}
html>body #linkList { width: 150px; }

#linkList ul {
    padding: 0px; margin: 0px; 
    list-style: none;
    border-bottom: 1px solid #e0e0e0; 
}
#linkList li {
    margin: 0px; padding: 5px 10px 5px 16px;
    background: #f7f7f7;
    border-top: 1px solid #e0e0e0;
}
#linkList li:hover { background: #f2f2f2; }
#linkList li a { font-weight: bold; text-decoration: none; color: #005a9c; }
#linkList li a:hover { font-weight: bold; color: #005a9c; }

/* territorio */
#territorio h2 {
   margin: 0px 0px 3px 10px;
    background: transparent url(img/tit_territorio_ted.gif) no-repeat top left;
   width: 63px; height: 18px;
}
/* aree tematiche */
#areeTematiche h2 {
   margin: 20px 0px 3px 10px;
    background: transparent url(img/tit_areetematiche_ted.gif) no-repeat top left;
   width: 108px; height: 30px;
}
/* azienda */
#azienda {
    margin: 0px; padding: 10px 16px 5px 16px;
    background: transparent;
}
#azienda img { margin-right: 3px; }


/* *** UTILITY *** */
#utility {
    margin: 0px; padding: 0px;
/*  background: transparent url(img/sfondo-ds.jpg) no-repeat top right;*/
    background: transparent;
    width: 150px;
    position: absolute; 
    top: 114px; right: 0px;
}
html>body #utility { width: 150px; }

/* page header */
#pageHeader { display: none; }
/* dimensione testo */
#dimTesto { 
    margin: 0px 0px 20px 0px; padding: 5px 6px 2px 18px; 
    border-bottom: 1px solid #e0e0e0; 
    background: #f7f7f7;
/*  background: #f7f7f7 url(img/tit_dimtesto_ted.gif) no-repeat top left;*/
}
#dimTesto h2 { display: none; }
#dimTesto img { margin-right: 13px; margin-bottom: 0px; }
/* seleziona lingua */
#selLingua { 
    margin: 0px 6px 8px 6px; padding: 4px 4px 1px 11px;
    border-bottom: 1px solid #e0e0e0;
/*  background: #f7f7f7 url(img/tit_lingua_ted.gif) no-repeat top left;*/
}
#selLingua h2 { display: none; }
#selLingua img { margin-right: 8px; margin-bottom: 0px; }


/* *** STRUMENTI *** */
/* ricerca */
#search {
    margin: 0px; padding: 0px; background: transparent; 
    font-size: 10px;
    width: 150px; position: absolute; 
    top: 14px; left: 353px; 
}
html>body #search { width: 150px; }
#search h2 { 
   margin: 0px 0px 5px 0px;  padding: 0px 15px 0px 0px;
    height: 9px; width: 36px;
    background: transparent url(img/tit_cerca_ted.gif) no-repeat top left; 
}
.inputSearch {
    border: 1px solid #6dc2e2;
    font-size: 10px; color: #005a9c; background-color: #EEF2FF;
    float: left;
}
.inputSearchNo {
	margin: 0px 0px 0px 3px; padding: 0px;
	border: 0px; background: transparent;
}
/* bread crumbe */
#breadCrumbs {
    margin: 0px; padding: 0px; background: transparent; 
    font-size: 10px;
    width: 400px; position: absolute; 
    top: 117px; left: 173px; 
}
html>body #breadCrumbs { width: 400px; }
#breadCrumbs h2 { margin: 0px; height: 0px; }
/* info point */
#infoPoint {
    margin: 0px; padding: 0px; background: transparent; 
    font-size: 10px;
    width: 540px; position: absolute;
    top: 91px; left: 215px;
}
html>body #infoPoint { width: 540px; }
#infoPoint h2 {
   margin: 0px;  padding: 0px;
}
#infoPoint p {
    margin: 0px; padding: 0px;
    font-weight: bold; line-height: 18px;
    color: #fff; text-align: left; float: left;
}
#infoPoint a { color: #fff; }
#infoPoint a:hover { color: #CAD9FF; }

/* newsletter */
#newsletter { margin: 0px 10px 10px 10px; padding: 0px; font-size: 10px; }
#newsletter p { font-size: 10px; margin: 5px 0px 5px 0px; }
#newsletter h2 { 
    margin: 20px 0px 2px 0px;
  width: 125px; height: 14px;
    background: transparent url(img/tit_newsletter_ted.gif) no-repeat top left; 
}
#newsletter input {
    border: 1px solid #d0d0d0;
    font-size: 10px; color: #444; background-color: #f2f2f2;
    float: left;
}
/* contatti */
#contatti { margin: 0px 10px 10px 10px; padding: 0px; font-size: 10px; }
#contatti p { font-size: 10px; margin: 5px 0px 5px 0px;  }
#contatti h2 { 
    margin: 20px 0px 1px 0px; width: 74px; height: 15px;
    background: transparent url(img/tit_contattaci_ted.gif) no-repeat top left; 
}
/* prenota on-line */
#prenotaOnline { margin: 0px 10px 10px 10px; padding: 0px; font-size: 10px; }
#prenotaOnline p { font-size: 10px; margin: 5px 0px 5px 0px;  }
#prenotaOnline h2 { 
    margin: 20px 0px 1px 0px; width: 81px; height: 30px;
    background: transparent url(img/tit_prenotaonline_ted.gif) no-repeat top left;  
}
/* bottoni a destra */
#bottoni { margin: 0px 10px 10px 10px; padding: 0px; font-size: 10px; }
#bottoni img { margin: 2px 0px 3px 0px; padding: 0px; }


/* *** ADVERTISE *** */
/* banner */
#banner {
    margin: 0px; padding: 0px;
    background: transparent; 
    width: 234px;
    position: absolute; 
    top: 8px; left: 518px; 
}
html>body #banner { width: 234px; }
#banner img { border: 1px solid #ccc; }
/* advertise2 */
#advertise2 { padding: 20px 0px; }
#advertise2 h2 { margin: 0px; height: 0px; }


/* *** NEWS *** */
#news { 
  margin: 20px 0px; padding-top: 12px; padding-bottom: 10px; 
    clear: left;
    position: relative;
}
#news h2 { 
  margin: 25px 0px 0px 2px;
  width: 102px; height: 14px;
    background: transparent url(img/tit_novita_ted.gif) no-repeat top left; 
}
#news img {
    margin-top: 5px; margin-left: 15px;
    border-left: 2px solid #ddd; border-bottom: 2px solid #ddd;
    float: right;
    position: relative;
}


/* *** FOOTER *** */
#footer img { margin: 5px 5px 3px 0px; }
#footer { clear: left; padding: 20px 0px 0px 0px; }


/* *** GALLERIA *** */
.galleryContainer { width: 430px; position: relative;}
.elemGallery {
    margin: 2px 5px 0px 0px; padding: 2px;
    border-bottom: 1px solid #e0e0e0;
    background: #f9f9f9;
    position: relative; float: left;
    font-size: 10px; color: #999;
}

/* *** FLASH INTRO *** */
#flashIntro { margin: 0px; padding: 0px; }

/* *** LISTA PERCORSI (colonna destra) *** */
#percorsiLista { margin: 20px 10px 10px 10px; padding: 0px; }


/* *** correzioni per IE *** */
#comuni { position: relative; }
#attrattive { position: relative; }
#eventi { position: relative; }
#novita { position: relative; }

#contenuti { position: relative; }
#contenuti p { 
    margin: 5px 1px 5px 1px; padding: 0px;
    text-align: justify;
}
#contenuti input {
    border: 1px solid #d0d0d0;
    font-size: 10px; color: #444; background-color: #f2f2f2;
    float: left;
}


/* Form Mail */
#formMail p { 
    margin: 8px 0px 2px 0px; padding: 0px; 
    text-align: justify 
}
#formMail { 
    margin: 0px 0px 20px 0px; padding: 10px 12px 10px 12px; 
    border: 1px solid #e0e0e0; clear: left;
    background: #f8f8f8 url(img/sfondo-mail.jpg) no-repeat bottom right; 
}
#formMail input {
    margin: 1px 0px 5px 0px; padding: 1px 2px 1px 2px;
    border: 1px solid #d0d0d0;
    font-size: 11px;
    color: #444; background-color: #f2f2f2;
    cursor: pointer;
}
#formMail textarea {
    margin: 1px 0px 5px 0px; padding: 1px 3px 1px 3px;
    border: 1px solid #d0d0d0;
    font-size: 11px; font-family: Verdana,sans-serif;
    color: #444; background-color: #f2f2f2;
    cursor: pointer;
}
#formMail img { margin: 0px 7px 0px 0px; float: right; }


/* Form Prenota */
#formPrenota p { 
    margin: 8px 0px 2px 0px; padding: 0px; 
    text-align: justify 
}
#formPrenota { 
    margin: 0px 0px 20px 0px; padding: 10px 12px 10px 12px; 
    border: 1px solid #e0e0e0; clear: left;
    background: #f8f8f8; 
}
#formPrenota input {
    margin: 1px 0px 5px 0px; padding: 1px 2px 1px 2px;
    border: 1px solid #d0d0d0;
    font-size: 11px;
    color: #444; background-color: #f2f2f2;
    cursor: pointer;
}
#formPrenota textarea {
    margin: 1px 0px 5px 0px; padding: 1px 3px 1px 3px;
    border: 1px solid #d0d0d0;
    font-size: 11px; font-family: Verdana,sans-serif;
    color: #444; background-color: #f2f2f2;
    cursor: pointer;
}
#formPrenota img { margin: 0px 7px 0px 0px; float: right; }
.alignright {float: left;}
.sezione2 { color: #666;}