body {
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/sfondo_princ.jpg');
    margin: 0px;
    font-size:11px;
    font-family:sans-serif;
}

.superbox {
    background-image:url('http://www.terredihalykos.it/templates/anonimo/media/images/sfondo_sec.jpg');
    background-repeat: repeat-x;
    text-align: center;
    /*margin-top:5px;*/
}

/* .box contiene tutto il resto della pagina. Serve, ad esempio, per: 
    - centrare i contenuti orizzontalmente nello schermo;
    - stabilire una volta per tutte le dimensioni in larghezza del template;
*/
.box {
    
    width: 767px;
    text-align: center;
    margin: 0px auto 0px auto;
    padding-top: 5px;
}
/* end */

.header {
    height: 161px;          
    border: 0px;
    margin: 0 0 0 0;
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/header.gif');
}







/* Setta le dimensioni delle news */
.newshome
{
    padding: 0px;
    margin: 0px 0 0 -5px;
    width: 100%;
    background-color: transparent;
}




.spacer {
    height:13px;
}




.contenuto
{
    padding: 0;
    margin: 0;
    background-color: #fff;
    min-height: 500px;       /* ignorato da Explorer */
    height: auto !important; /* ignorato da Explorer. Gli altri browser sovrascriveranno l'istruzione successiva */
    height: 500px;           /* Explorer lo tratta come min-height. Gli altri browser utilizzeranno l'istr. prec. */
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/sfondo_cont.gif');
    overflow: auto;  
    /*border-left: 4px #1759A9 solid;
    border-right: 4px #1759A9 solid;*/
}



.cx
{
    /*width: 408px; */ 
    width: 420px;
    padding: 10px 10px 0 10px;
    margin: 0px;    
    float: left;
    text-align: left;
    color:#000;
    font-size:12px;
    font-family:sans-serif;
    overflow: hidden; /* Il testo in eccesso viene visualizzato, le immagini in eccesso no. NON ti azzardare a mettere min-height o minchiate varie!*/
}


/* SX */
/* -----------------------Esempio tipico di utilizzo HTML:---------------------
<div class="top"><p>Menu</p></div>
<div class="middle">
<div class="menu_sx">
    <div class="cont_menu_sx">
        func_loadContent('si_menu', 'provideMenu', 'MENU_SX_ALTO')
    </div>
</div>
</div>  
&nbsp; <!-- Importante! Serve per visualizzare la sottostante classe .bottom esattamente alla fine del contenuto, quale che sia l'altezza di quest'ultimo. -->
<div class="bottom"></div>
-------------------------------------------------------------------------------*/
.sx
{
    width: 160px;
    padding: 0;
    margin: 0;
    float: left;
    text-align: left;  
    overflow: hidden;
}
.sx .top
{   
    /*background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/side_header.jpg');
    background-repeat: no-repeat;*/
    text-align: center;  
    padding: 0;
    margin: 0 0 0 0px;
    clear: both;
    height:20px;
    
}
.sx .top p , .sx .top p.longword
{
    font-family: serif;
    font-weight: bold;
    font-size: 15px;   
    color: #737271;
    /*text-align: left; 
    padding: 5px 0 0 10px;*/
    margin: 0;    
}
.sx .top p.longword { font-size: 13px; }
.sx .middle
{
    text-align: center;
    padding: 0;
    margin: -5px 0 0 0px;
    clear: both;    
    min-height: 30px;
    height: auto !important;
    height: 30px;
    
}
.sx .middle img
{
    margin: 8px 0 8px 0;
    border: 0;
    /*text-align:center;*/
}


.sx .bottom
{   
    height: 3px;
    padding: 0;
    margin: 10px 0 0px 0px;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/separatore.gif');
    background-repeat: no-repeat;
    background-position: center center;
    clear:both;
}



/* Blocco Eventi fisso */
.eventi {
    margin-top: 15px;
}
.eventi a{
    background-color: #ee6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/logo_eventi.jpg');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    width:122px;
    height:122px;
    display:block;
    text-decoration:none;
}

/* Fine blocco Eventi */

/* Blocco Rete Leader fisso */
.rete_leader {
    margin-top: 15px;
}
.rete_leader a {
    background-color: #ee6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/rete_leader.png');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    width:122px;
    height:122px;
    display:block;
    text-decoration:none;
}

/* Fine blocco Rete Leader */


/* Blocco Parchi_e_giardini fisso */
.parchi_giardini {
    margin-top: 15px;
}
.parchi_giardini a {
    background-color: #ee6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/parchiegiardini.jpg');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    width:122px;
    height:56px;
    display:block;
    text-decoration:none;
}

/* Fine blocco Parchi_e_giardini */



/* Blocco Ruralità Mediterranea fisso */
.ruralita_mediterranea {
    width:100%;
    margin-top: 25px;
    text-align:center;
}

.ruralita_mediterranea a {
    /*background-color: #ee6600;*/
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/ruralita_mediterranea_120.gif');
    background-repeat: no-repeat;
    background-position:10px 0px;
    width:130px;
    height:83px;
    display:block;
    text-decoration:none;
}

/* Fine blocco Ruralità Mediterranea */


/* Blocco Marchio territoriale fisso */
.marchio_territoriale {
    margin-top: 24px;
}
.marchio_territoriale a {
    background-color: #ee6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/marchioterritoriale.jpg');
    background-repeat: no-repeat;
    background-position: 1px 1px;
    width:124px;
    height:124px;
    display:block;
    text-decoration:none;
}

/* Fine blocco Marchio Territoriale */


/* -----------------------------------------------------Menu laterale -------------------------------------------------                                                        
Esempio di utilizzo:
<div class="menu_verticale">
    <div class="cont_menu_verticale">
        Menu verticale 1
        <ul>
            <li><a href="http://www.google.it" target="_blank"><div class="menu_vert_item">Primo link</div></a></li>
        </ul>
    </div>
</div>
------------------------------------------------------------------------------------------------------------------------*/
.menu_sx {
    width: 100%;
    float: left;
}
.cont_menu_sx {
    border: 0;
    padding: 0px;    
    margin: 0px;
    text-align: left;
    font-size: 11px;
    font-family: sans-serif;
}
/* N.B.:Ricordati di separare sempre le regole relative a <ul> da quelle relative a <li> */
.cont_menu_sx ul {
    margin:10px 0 0 0;
    padding:0px;
    font-size: 11px;
    font-family: sans-serif;
}
.cont_menu_sx li {
    list-style: none;
    margin: 0px 5px 0px 7px; /* margin di ogni singola voce del menu */
    /*line-height: 16px;   
      height     : 16px;   
      overflow:hidden; */
}
.cont_menu_sx li a , .cont_menu_sx li a:link , .cont_menu_sx li a:visited {
    width: 100%;      /* IE per far funzionare il display:block ha bisogno del width */
    display: block;   /* IE per far funzionare il display:block ha bisogno del width */
    text-decoration:none;
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/button.gif');
    background-repeat: no-repeat;
    background-position: 0px 2px; /* usa questa regola per posizionare la freccia che fa da sfondo */
    padding-left: 15px;           /* usa questa regola per distanziare il testo del link dalla freccia-sfondo*/
    color: #5E5C53;
    
    
}
.cont_menu_sx li a:hover {
    display: block;
    color: #FF6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/button_on.gif');
}
/* end */


/* DX */
.dx 
{
    width: 160px;
    padding: 0;
    margin: 0;
    float: right;
    /*text-align: right;  */
    overflow: hidden;
}
/*
.dx .top
{   
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/side_header.jpg');
    background-repeat: no-repeat;
    text-align: left;  
    padding: 0;
    margin: 5px 0 0 0px;
    clear: both;
    height:26px;
    
}
.dx .top p
{
    font-family: serif;
    font-weight: bold;
    font-size: 15px;
    text-align: left;    
    color: #737271;                                    
    padding: 0px 0 0 55px;
    margin: 0;    
}
*/

.dx .top
{   
    /*background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/side_header.jpg');
    background-repeat: no-repeat;*/
    text-align: center;  
    padding: 0;
    margin: 0 0 0 0px;
    clear: both;
    height:20px;
    
}
.dx .top p , .dx .top p.longword
{
    font-family: serif;
    font-weight: bold;
    font-size: 15px;   
    color: #737271;
    /*text-align: left; 
    padding: 5px 0 0 10px;*/
    margin: 0;    
}
.dx .top p.longword { font-size: 13px; }


.dx .middle
{
    text-align: center;
    padding: 0;
    margin: 0 0 0 0px;
    clear: both;     
    min-height: 30px;
    height: auto !important;
    height: 30px;*/
}
.dx .middle img
{
    margin: 8px 0 8px 0;
    border: 0;
    /*text-align:center;*/
}
.dx .bottom
{   
    height: 3px;
    padding: 0;
    margin: 10px 0 0px 0px;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/separatore.gif');
    background-repeat: no-repeat;
    background-position: center center;
    clear:both;
}

/* DX */




/* -----------------------------------------------------Menu laterale -------------------------------------------------                                                        
Esempio di utilizzo:
<div class="menu_verticale">
    <div class="cont_menu_verticale">
        Menu verticale 1
        <ul>
            <li><a href="http://www.google.it" target="_blank"><div class="menu_vert_item">Primo link</div></a></li>
        </ul>
    </div>
</div>
------------------------------------------------------------------------------------------------------------------------*/
.menu_dx {
    width: 100%;
    float: left;
}
.cont_menu_dx {
    border: 0;
    padding: 0px;    
    margin: 0px;
    text-align: left;
    font-size: 11px;
    font-family: sans-serif;
}
/* N.B.:Ricordati di separare sempre le regole relative a <ul> da quelle relative a <li> */
.cont_menu_dx ul {
    margin:10px 0 0 0;
    padding:0px;
    font-size: 11px;
    font-family: sans-serif;
}
.cont_menu_dx li {
    list-style: none;
    margin: 0px 5px 0px 7px; /* margin di ogni singola voce del menu */
    /*line-height: 16px; 
      height     : 16px; 
      overflow:hidden; */

}
.cont_menu_dx li a , .cont_menu_dx li a:link , .cont_menu_dx li a:visited {
    width: 100%;      /* IE per far funzionare il display:block ha bisogno del width */
    display: block;   /* IE per far funzionare il display:block ha bisogno del width */
    text-decoration:none;
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/button.gif');
    background-repeat: no-repeat;
    background-position: 0px 2px; /* usa questa regola per posizionare la freccia che fa da sfondo */
    padding-left: 15px;           /* usa questa regola per distanziare il testo del link dalla freccia-sfondo*/
    color: #5E5C53;
    
    
}
.cont_menu_dx li a:hover {
    display: block;
    color: #FF6600;
    background-image: url('http://www.terredihalykos.it/templates/anonimo//media/images/button_on.gif');
}
/* end */














/* FOOTER */
.footer
{
    clear: both;
    /*height: 84px;*/
    width:100%;
    overflow:hidden;
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/bg_footer.gif');
    background-repeat:repeat-y;
}

.footercont
{
    padding: 0px 15px 0px 15px;
    margin: 10px 0px 0 0;
    color: #000;
    font-size:11px;
}

/* FOOTER */

/* REALIZZAZIONE */
.realizzazione
{
    clear: both;
    text-align: right;
    font-size: 11px;
    font-family:sans-serif;
    padding: 0 15px 0 0;
    margin: 0 0 0 10px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
    background-color: transparent;
    color: #F5ECD0;            
}
.realizzazione a:link
{
    text-decoration: none;
    color: #F5ECD0;
}
.realizzazione a:visited
{
    text-decoration: none;
    font-weight: normal;
    color: #F5ECD0;
}
.realizzazione a:hover { color: #FFFFA0; }
.realizzazione p
{
    padding: 1px 0 0 10px;
    margin: 0;
}
/* REALIZZAZIONE */

/*Aggiunto da Alfonso per i link della colonna centrale (contenuti)*/
.cx a , .cx a:link , .cx a:hover {
    color:#ff6300;
    text-decoration:none;
}

.cx a:hover{
    color:#a2906a;
    text-decoration:none;
}

strong {
    /*color: #403b36;*/
    font-weight:bold;
}


/*-  Classi caratteristiche di questo template   -*/
.subheader
{
    padding: 0px;
    margin: 0;
    height: 54px;
    background-color: transparent;
    background-image: url('http://www.terredihalykos.it/templates/anonimo/media/images/sfondo_search.jpg');
    background-repeat: no-repeat;    
    text-align:left;
}

.box_search {
    margin: -10px 0 0 60px;
}