body
{
    margin: 0;
    padding: 0;
    background: #333 url(images/bodybackground.jpg) top no-repeat;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    text-align: center; /* per IE5.x/Win */
}

/* 1 STRUTTURA DELLA PAGINA */
#centrato
{
    width: 900px;
    margin: auto;
    text-align: left; /*per IE5.x/Win */
}
/* begin 2 INTESTAZIONE */
#header /* header */
{
    width: 900px;
    height: 160px;
    background: transparent url(images/logoheader.jpg) top left no-repeat;
}

#footer /* footer */
{
    float: left;
    width: 900px;
    height: 100px;
    margin-top: 10px;
    text-align: center;
    background: transparent;
    color: #666;
    font-size: 11px;
}

/* begin MENU ORIZZONTALE */
.horMenu
{
    float: left;
    width: 898px;
    margin-left: 150px;
    margin-top: 10px;
    font-size: 11px;
}

.horMenu a:link, .horMenu a:visited, .horMenu a:active
{
    color: #ccd73c;
    text-decoration: none;
}
.horMenu a:hover
{
    color: #fff;
}
/* end MENU ORIZZONTALE */


/* MENU SINISTRO */
#menuSx /* Contenitore */
{
    float: left;
    width: 150px;
    padding-right: 10px;
    font-size: 10px;
}
.bgMenuTop
{
    background: transparent url(images/topmenu.gif) no-repeat top;
    height: 10px;
}

.bgMenuMiddle
{
    background: transparent url(images/midmenu.gif) repeat top;
    padding-left: 10px;
    padding-right: 5px;
}

.bgMenuBottom
{
    background: transparent url(images/bottommenu.gif) no-repeat top;
}
/* begin MENU CATALOGO */


a.LinkMenuBold:link, a.LinkMenuBold:visited, a.LinkMenuBold:active
{
    font-size: 11px;
    font-weight: bold;
    color: #ccd73c;
    text-decoration: none;
}
a.LinkMenuBold:hover
{
    color: #fff;
}

a.LinkMenuStandard:link, a.LinkMenuStandard:visited
{
    color: #999;
    text-decoration: none;
}
a.LinkMenuStandard:active
{
    color: #ff0000;
}
a.LinkMenuStandard:hover
{
    color: #ffffff;
}
/* end MENU CATALOGO */

/* AREA ANIMAZIONE */
#AreaAnimazione
{
    float: left;
    width: 580px;
    text-align: left;
    vertical-align:top;
}

.AreaNews h4
{
    color: #ccd73c;
    margin: 10px 0 5px 0;
    border-bottom: dotted 1px #666;
}

.AreaNews h5
{
    color: #ccd73c;
    margin: 0 0 5px 0;
}
.AreaNews p
{
    color: #666;
    font-size: 11px;
}
.AreaNews li
{
    color: #666;
    font-size: 11px;
}

.AreaNews a:link, .AreaNews a:visited, .AreaNews a:active {
color:#fff;
text-decoration:none;
}

.AreaNews a:hover{
color:#ccd73c;
text-decoration:underline;
}


.NewsData
{
    font-size: 10px;
    color: #666;
    text-align: left;
}

/* AREA BIANCA DI CONTENUTO */

#WhiteArea
{
    float: left;
    width: 580px;
    background: #fff url(images/whitefooter.png) left bottom no-repeat;
}

#WhiteArea h2 /* Titolo dell'articolo - colore giallo */
{
    margin: 0;
    padding: 10px;
    color: #ccd73c;
    font-size: 24px;
    font-weight: bold;
}

#WhiteArea a:link
{
    text-decoration: none;
    font-size: 11px;
    color: #ccd73c;
}

#WhiteArea a:visited
{
    text-decoration: none;
    font-size: 11px;
    color: #ccd73c;
}

#WhiteArea a:hover
{
    text-decoration: none;
    font-size: 11px;
    color: #333;
}

#WhiteArea img
{
    border: 0px hidden #fff;
    padding: 5px 0 5px 0;
}

#WhiteArea p
{
    padding: 0 10px 0 10px;
    font-size: 11px;
}

.divBreadCrumbs
{
    background: #fff url(images/whitetop.png) left top no-repeat;
    padding: 5px 5px 5px 10px;
    font-size: 11px;
    color: #666;
}

.top
{
    background: #fff url(images/whitetop.png) left top no-repeat;
}
p.PageNav
{
    padding-top: 5px;
    font-size: 11px;
    color: #666;
}

/* CONTENITORE BOX PRIMO PIANO */
#PrimoPiano
{
    float: left;
    padding-left: 12px;
    background: transparent;
    width: 140px;
}
/* box grigio su layer 1 */
.boxPrimoPiano
{
    float: right;
    width: 145px;
    height: 145px;
    vertical-align: top;
    padding: 0px 0 5px 0;
}
.boxPrimoPiano p
{
    color: #333;
    font-size: 11px;
    text-align: left;
}

.boxPrimoPiano img
{
    border: solid 0px #666; /* Elimino il bordo in quanto le immagini sono un link */
}

/* CLASSI PER IL POSIZIONAMENTO DEGLI ELEMENTI DELLA SCHEDA PRODOTTO */


.divImmagine
{
    clear: left;
    text-align: center;
    width: 100%;
    border-bottom: dotted 1px #999;
    padding: 0;
}

.divDescrizione
{
    float: left;
    width: auto;
    padding: 10px 5px 20px 10px;
}

.divDescrizione p
{
    font-size: 10px;
}

.divDescrizione h3
{
    color: #ccd73c;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.divTabellino
{
    float: left;
    width: auto;
    padding: 10px;
}

.divDettagli
{
    float: left;
    width: auto;
    padding: 10px;
}

/* FLYOUT */
.divFlyoutContainer
{
    position: absolute;
    width: 366px;
    height: 220px;
    top: 0;
    left: 0;
    font-size: 11px;
}
/* FINE FLYOUT */

/* AREA BIANCA DI CONTENUTO  PAGINE*/

#WhiteAreaPage
{
    float: left;
    width: 580px;
    background: transparent;
}

#WhiteAreaPage h2 /* Titolo dell'articolo - colore giallo */
{
    background: #fff;
    margin: 0;
    padding: 10px;
    color: #ccd73c;
    font-size: 24px;
    font-weight: bold;
}

#WhiteAreaPage p
{
    margin: 0;
    background: #fff;
    padding: 0 10px 10px 10px;
    font-size: 11px;
}

#WhiteAreaPage a
{
    font-size: 11px;
    text-decoration: none;
}

#WhiteAreaPage a:link, a visited, a:active
{
    color: #ccd73c;
}

#WhiteAreaPage a:hover
{
    color: #333;
}