#contentPage
{
    text-align:         left;    
}
#contentPage #title
{
    /*margin-top:         50px;*/    
    width:              812px;
    height:             63px;
    background:         transparent url('../graphic/underline_bck.gif') repeat-x; 
    background-position: bottom;
    text-align:         left;    
}
#contentPage #title .testo
{
    margin-top:         35px;
    float:              left;
    width:              512px;
    height:             24px;
    color:              #ff9900;
    font-size:          12px;
    font-weight:        bold;   
}
#contentPage #title .logoGruppo
{    
    float:              right;
    width:              300px;
    text-align:         right;    
    border:             0px;
}
#contentPage #home
{
    height:             250px;
    font-size:          11px;
    /*background:         transparent url('../graphic/bck_home.gif') no-repeat center; */
    text-align:         left;    
}
#contentPage #errore
{
    height:             256px;
    font-size:          12px;
    font-weight:        bold;
    background:         transparent url('../graphic/bck_home.gif') no-repeat center; 
    text-align:         center;    
}
#contentPage #data
{
   padding:             10px 10px 0 5px;       
   font-size:           11px;
   color:               #4A5460;   
   clear:               both;
/*   color:               #000066; */
}
#data a
{
 /*   color:               #000066; */
    color:               #4A5460;
    text-decoration:     none;
    vertical-align: top;
}
#data a:hover
{
    text-decoration:    underline;
}
#data li 
{
    list-style-type: none;	
    /*list-style-image: url('../graphic/freccia_piena_arancio.gif');*/
    padding: 5px 0 0 0;	
}
#data .all
{
    font-size:          10px;
}
#contentPage #mapCatalogue
{
    display:            block;
    float:              left;
    text-align:         left;    
    line-height:        20px;
    font-size:          11px;  
    color:              #808080;  
    width:              100%;    
}

#mapCatalogue a
{
    color:               #808080;
    text-decoration:     none;
}
#mapCatalogue a:hover
{
    text-decoration:    underline;
}
/*#mapCatalogue a.first:hover
{
    text-decoration:     underline;    
}
#mapCatalogue a.first
{
    color:               #808080;
    font-weight:         bold;    
}*/
#mapCatalogue a.last:hover
{
    text-decoration:     none;    
}
#mapCatalogue a.last
{
    color:               #808080;
    font-weight:         bold;    
}
#contentPage .divCategorieContainer
{
    margin:         0px 0px 20px 0px;
    /*width:          */
}
#contentPage .categorie
{
    float:      left;
    margin:     0px 0px 0px 30px;
    width:      640px;
}

#contentPage .gruppi
{
    float:      right;
    width:      130px;
    color:      #ff9900;    
}

#contentPage .gruppi .labelGruppi
{
    font-size:  11px;
    font-weight: bold;
    vertical-align: top;
}
#contentPage .gruppi .elencoGruppi
{
    margin:     10px 0px 0px 0px;
}

#contentPage .gruppi .elencoGruppi .selected
{
    font-weight:        bold;
	background-image: url('../graphic/arrow_vuota.gif');
	background-repeat: no-repeat;    
	padding: 1px 0 1px 10px; 
	text-decoration: none;   
}

#contentPage .gruppi a
{
	text-decoration: none;
    background-image:   none;
	background-position: 1px 5px;
	padding: 1px 0 1px 10px;		
}	
#contentPage .gruppi a:hover
{
	text-decoration: underline;
}

#contentPage .categorie .left
{
    width:      50%;
    float:      left;
    margin:     0px 0px 5px 0px;
}
#contentPage .categorie .right
{
    width:      50%;
    float:      right;
    margin:     0px 0px 5px 0px;    
}
#data .categorie .nomeCategoria
{
    display:            inline;
    color:               #414A7B;
    vertical-align:     top;
    font-weight:        bold;
}
#data .categorie .nomeCategoria a
{
    color:               #414A7B;
    text-decoration:     none;
}
#data .categorie .nomeCategoria a:hover
{
    text-decoration:    underline;
}
#data .articolo
{
    display:    block;
    width:      670px;
    height:     60px; 
    margin:     1px 0px 5px 0px;    
}
#data .articolo .foto
{
    float: left;
    display: inline-block;
    width:  80px;
    height: 60px;     
}

#data .articolo .foto a
{
    display: block;
/*    border: solid 1px #FFFFFF; 
    width:  60px;
    height: 60px;     */
}
#data .articolo .foto a:hover
{
/*    border: solid 1px #FFB13E;
    width:  60px;
    height: 60px;         */
}
#data .articolo .logo
{
    float: right;
    display: inline-block;
    width: 90px;
    height: 60px;     
}
#data .articolo .descrizione
{
    float: left;
    display: inline-block;
    width: 450px; 
    font-size: 10px;   
    margin:             0px 0px 0px 10px;
}
#data .articolo .descrizione a
{
    color: #414A7B;
    text-decoration: none;
    font-weight: bold;
}
#data .articolo .descrizione a:hover
{
    text-decoration: underline;
}
#data .articolo .azienda-gruppo
{
    display: block;
    border-bottom: dotted 1px #FFB13E;
    /*border-bottom: solid 1px #dcdcdc;#FFB13E #475484*/
    width: 100%;
    height:15px;
}

#data .articolo .azienda-gruppo .azienda
{
    float:     left;
}

#contentPage #titoloArticolo
{
    width:              812px;    
}

#contentPage #titoloArticolo .logoGruppo
{
    float:              right;
    width:              300px;
    text-align:         right;    
    border:             0px;
}

#data #pager
{
    display:    inline;
    float:      left;
    font-size:  9px;
    width:      670px;
    height:     20px;
    margin:     15px 0px 0px 0px;
}

#data #totalItems
{
    float:      left;
    width:      130px;
}
#data #buttonsNavigation
{
   float:      left;
   width:      25px;
   height:     11px;
}
#pager #buttonsNavigation img
{
    border: 0px;    
}
#pager #buttonsNavigation .left
{
    background: url('../graphic/catalog/back.gif') no-repeat;
    width:      11px;
    height:      11px;
    float:      left;
}	
#pager #buttonsNavigation .right
{          

    background: url('../graphic/catalog/next.gif') no-repeat;
    width:      11px;
    height:      11px; 
    float:      left;   
}
#data #modello
{      
    display:            inline-block;
    float:              left;
    text-align:         left;    
    line-height:        20px;
    font-size:          14px;
    font-weight:        bold;  
    color:              #c0c0c0;
    border-bottom:      solid 1px #FFB13E;
    width:              812px;
    height:             20px;
}
#data #paginaPrecedente
{
    display:            inline-block;
    float:              right;   
    width:              100%;
    font-size:          10px;
    text-align:         right;
    line-height:        20px;
    margin:             0px 10px 0px 0px;
}
#data #annuncio
{
    display:            inline-block;
    float:              left;   
    width:              100%;
}

#data #annuncio #fotoArticolo
{
    display:            inline-block;
    float:              left;   
    width:              250px;
    position:           relative;
}
#data #annuncio #fotoArticolo a
{
    text-decoration:    none;
    /*cursor:             hand;*/
}
#data #annuncio #fotoArticolo .zoom
{
    display:            inline-block;
    float:              left;   
    margin-left:        45%;
    margin-top:         10px;
}
#data #annuncio #fotoArticolo .zoomText
{
    display:            inline-block;
    float:              right;   
    margin-right:       20%; 
    margin-top:         10px;   
}
.imgContainer
{
/*    float: left; */
/*    width: 370px;
    height: 370px; */
    display: none;
    z-index: 10000;
    overflow: hidden; 
    background-color: #f5f5f5;
    position: absolute;
/*    top: -10px; 
    left: -90px;  */
    margin: 5px;
}
.imgContainer #imgSeparator
{
    display: block;
    width: 100%;
    height: 14px;
    border-bottom: solid 1px #FFB13E;
}
.imgContainer a
{
    display:            block;
    float:              right;   
    color:              #FFB13E;
    font-size:          11px;
    font-weight:        bold;
    text-decoration:    none;
    margin:             0px 5px 0px 0px;
    /*cursor:             hand;*/
}
#data #annuncio #descrizione
{
    display:            inline-block;
    float:              left;   
    width:              550px;
    font-size:          11px;
    color:              #808080;
    margin:             0px 0px 0px 10px;
}
#data #annuncio #descrizione .voce
{
    display: block;
    margin: 0px 0px 10px 0px;    
}

#data #annuncio #descrizione .etichetta
{
    display:            block;
    font-weight:        bold;
}

#data #annuncio #descrizione .valore
{
    display:            block;
    margin:             0px 0px 0px 10px;
}

#data #annuncio .valore .annuncio
{
    border: solid 1px #F2F2F2;
    width: 810px;
    min-height: 50px;
    font-size: 10px;  
}

#data #annuncio #descrizione .dettaglioAzienda
{
	width: 500px;
	height: 165px;	
	display: block;
	padding: 5px 0px 0px 20px;
	overflow: hidden;
	color: #7D8B9B;
}
#data #annuncio #descrizione .dettaglioAzienda a
{
    color:  #7D8B9B;
}
#data #annuncio #descrizione .rigaAzienda
{
    display: block;
    width: 100%;
    clear: both;
    margin: 5px 0px 0px 0px;
}

#data #annuncio #descrizione .left
{
    float: left;
    width: 50%;
}
#data #annuncio #descrizione .right
{
    float: left;
    width: 50%;
}