/*  EZETA  */

/* Richiamare il foglio di stile:
<link rel="stylesheet" type="text/css" href="/css/schermo.css" media="screen" />  per lo schermo*/

/*_____________________ INIZIO BODY __________________*/

body {
margin:0;padding:0;
font:80% arial, helvetica, tahoma, verdana, sans-serif;
color: #FFFFCC;
font-weight: normal;
background:#fff url(../immagini/fondo-br.jpg) 0 0 repeat fixed;
} 

a:link {color: #FFFFCC; font-weight: bold; text-decoration: underline}
a:visited {color: #FFFFCC; font-weight: bold; text-decoration: none}
a:hover {color: #FF8040; font-weight: bold; text-decoration: none}
a:active {color: #FFFF00; font-weight: bold; text-decoration: none}

#contenuti {
    margin-top: 40px;       /* alto */
    margin-right: 190px;     /* destra */
    margin-bottom: 40px;    /* basso */
    margin-left: 120px;         /* sinistra */
/*  width: 600px;       /* larghezza */
/* margin:40px 20px 40px 120px; */  /* alto, destra, basso, sinistra */
padding:1em 1em 1em 60px;      /* 110 allineamento sinistro contenuti dal bordo tabella */
border:2px dotted #FF8040;
text-align: left;
}

#bannerbox {
width:170px;
position:absolute;
top:40px;
right:5px;  
/*  border:2px solid #000;
padding:1em;    */
}

/*_____________________ FINE BODY __________________*/

/*_____________________ INIZIO TITOLI __________________*/

H1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 300%;
    font-style : italic; 
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px;
    text-align: left;
}

H2 { 
    font-family: "Times New Roman", Times, serif;
font-size : 240%; 
font-style : italic; 
font-weight : bold; 
color: #FFFFFF;
/* text-indent: 10px; */
text-align : left; 
text-decoration: none
} 

H3 { 
    font-family: "Times New Roman", Times, serif;
font-size : 180%; 
font-style : italic; 
font-weight : bold; 
color: #66cccc;
/* text-indent: 10px; */
text-align : left; 
text-decoration: none
} 

H4 { 
    font-family: "Times New Roman", Times, serif;
font-size : 180%; 
font-style : italic; 
font-weight : bold; 
color: #FF8040;
/* text-indent: 10px; */
text-align : left; 
text-decoration: none
} 

H5 {
    font-family: "Times New Roman", Times, serif;
    font-size: 100%;
    color: #990000;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border: double #ff0000;
    background-image: url(../../banner/stelle.gif);
    width: 468px;
    height: auto;
}

/*_____________________ FINE TITOLI __________________*/

/*_____________________ INIZIO TESTI __________________*/

P.triangolino { 
background:url(../immagini/triangolo_mini.gif) 0 5px no-repeat;
text-indent: 10px; 
}

/********** INIZIO STILI BANNER CIAOPHUKET *****************/
.testo_banner { 
font-family: arial, helvetica, tahoma, verdana, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
color: #045474;  
text-align: left; 
text-decoration: none;
padding: 5px;
} 

.testo_banner a:link { color: #0000FF; text-decoration: underline}
.testo_banner a:visited { color: #993399; text-decoration: underline}
.testo_banner a:hover { color: #FF0000; text-decoration: none}
.testo_banner a:active { color: #FF0000; text-decoration: none}

.testo_banner_c { 
font-family: arial, helvetica, tahoma, verdana, sans-serif; 
font-size: 11px; 
font-style: normal; 
font-weight: normal; 
font-variant: normal; 
color: #000;  
text-align: center; 
text-decoration: none;
padding: 5px;
} 
/********** FINE STILI BANNER CIAOPHUKET *****************/

/*****************************
dd{
margin: 0;
padding-left:14px;
line-height: 1.4;
background:url(bullet.gif) no-repeat center left
}
******************************/



/*_____________________ FINE TESTI __________________*/

/*_____________________ INIZIO CITAZIONI __________________*/

.citazione {
    margin-left: 20px;
    margin-right: 20px;
    padding: 5px;
    border-top: 3px inset #CCCCCC;
    border-bottom: 3px outset #CCCCCC;
    font-family: arial, helvetica, tahoma, verdana, sans-serif; 
    font-size: 95%;
    color: #CCCCCC;
}

/*_____________________ FINE CITAZIONI __________________*/

/*_____________________ INIZIO VARIE __________________*/

.cornice-img {
    margin: 1px;
    border: ridge 4px #FF8040;
}

img.senza_bordo {
    border: none;
}

img.proporzionale { 
width:20%           /* MANTIENE LA PROPORZIONE SECONDO LA FINESTRA */
}


/*_____________________ FINE VARIE __________________*/