/*

prodotti.css

Author:			Fabio Daniele
Author Mail: 	f.daniele@qubestudios.it
				info@fabiodaniele.it

Last Modified: 	06/06/2008

*/

div#contents div#contents-left ul { margin: 0; }

/* MENU PRODOTTI */
div#menuProdotti {
    position: relative;
    width: 698px;
}

/* intro */

div#menuProdotti div#introMenuProdotti
{
    width: 457px;
    height: 291px;
    background-image: url(images/prodotti/introMenuProdotti.jpg);
    background-image: no-repeat;
    display: block;
    float: right;
}
div#menuProdotti div#introMenuProdotti p
{
    display: none;
}

/* link */
div#links
{
    float:left;
    margin-top: 20px;
	height:80px;
}
div#links ul
{
    list-style: none;
}
div#links ul li
{
    float: left;
    height: 157px;
    width: 332px;
}
div#links ul li a span {display:none}
div#links ul li a
{
    width: 100%;
    height: 100%;
    display:block;
}
div#links ul li.lavoretti{
    background-image: url(images/prodotti/minibanner_lavoretti.jpg);
}
div#links ul li.fattoria{
    margin-left: 35px;
    background-image: url(images/prodotti/fattoria.jpg);
}

/* lista linee prodotto */
div#menuProdotti div#listaMenuProdotti
{
    width: 241px;
    float:left;
}
div#menuProdotti div#listaMenuProdotti ul
{
    list-style: none;
}

div#menuProdotti div#listaMenuProdotti ul li
{
    height: 40px;
    width: 241px;
    display:block;
    margin-bottom: 1px;
    float: left;
}
div#menuProdotti div#listaMenuProdotti ul li a
{
    width: 100%;
    height: 100%;
    display: block;
}

div#menuProdotti div#listaMenuProdotti ul li a span
{
    display:none;
}  
div#menuProdotti div#listaMenuProdotti ul li#microfiltrato, 
div#menuProdotti div#listaMenuProdotti ul li#microfiltrato a{
    height: 40px;
	width: 240px;
    background: url(images/prodotti/_microfiltrato.jpg) no-repeat;
}
div#menuProdotti div#listaMenuProdotti ul li#microfiltrato a:hover,
div#menuProdotti div#listaMenuProdotti ul li#microfiltrato a:focus
{
    background-image: url(images/prodotti/_microfiltrato-over.jpg) !important;
}
div#menuProdotti div#listaMenuProdotti ul li#altaqualita,
div#menuProdotti div#listaMenuProdotti ul li#altaqualita a{
    background-image: url(images/prodotti/_altaqualita.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#altaqualita a:hover,
div#menuProdotti div#listaMenuProdotti ul li#altaqualita a:focus
{
    background-image: url(images/prodotti/_altaqualita-over.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#fresco,
div#menuProdotti div#listaMenuProdotti ul li#fresco a {
    background-image: url(images/prodotti/_fresco.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#fresco a:hover,
div#menuProdotti div#listaMenuProdotti ul li#fresco a:focus
{
    background-image: url(images/prodotti/_fresco-over.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#uht,
div#menuProdotti div#listaMenuProdotti ul li#uht a {
    background-image: url(images/prodotti/_uht.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#uht a:hover,
div#menuProdotti div#listaMenuProdotti ul li#uht a:focus
{
    background-image: url(images/prodotti/_uht-over.jpg);
}
div#menuProdotti div#listaMenuProdotti ul li#panna,
div#menuProdotti div#listaMenuProdotti ul li#panna a {
    background:url("images/prodotti/_panna.jpg") no-repeat scroll 2px 0 transparent;
}
div#menuProdotti div#listaMenuProdotti ul li#panna a:hover,
div#menuProdotti div#listaMenuProdotti ul li#panna a:focus
{
    background:url("images/prodotti/_panna-over.jpg") no-repeat scroll 2px 0 transparent;
}
div#menuProdotti div#listaMenuProdotti ul li#yogurt,
div#menuProdotti div#listaMenuProdotti ul li#yogurt a {
    background:url("images/prodotti/_yogurt.jpg") no-repeat scroll 2px 1px transparent;
}
div#menuProdotti div#listaMenuProdotti ul li#yogurt a:hover,
div#menuProdotti div#listaMenuProdotti ul li#yogurt a:focus
{
    background:url("images/prodotti/_yogurt-over.jpg") no-repeat scroll 2px 1px transparent;
}
div#menuProdotti div#listaMenuProdotti ul li#yogurt500,
div#menuProdotti div#listaMenuProdotti ul li#yogurt500 a {
    background:url("images/prodotti/_yogurt500.jpg") no-repeat scroll 2px 0 transparent;
	height:40px;
	margin-top:1px;
}
div#menuProdotti div#listaMenuProdotti ul li#yogurt500 a:hover,
div#menuProdotti div#listaMenuProdotti ul li#yogurt500 a:focus
{
    background:url("images/prodotti/_yogurt500-over.jpg") no-repeat scroll 2px 0 transparent;
}

/* scheda prodotto */
div#schedaProdotto 
{
    float:left;
}
div#schedaProdotto div#datiSchedaProdotto
{
    width: 300px;
    float:right;
}
div#schedaProdotto div#datiSchedaProdotto h3,
div#schedaProdotto div#datiSchedaProdotto h4
{
    padding: 5px;
    font-size: 10px;
    color: White; 
    margin-bottom: 10px;
}
div#schedaProdotto div#datiSchedaProdotto h3.biancodi
{
    background-color: #222244;
}
div#schedaProdotto div#datiSchedaProdotto h3.altaqualita
{
    background-color: #333366;
}
div#schedaProdotto div#datiSchedaProdotto h3.fresco
{
    background-color: #006997;
}
div#schedaProdotto div#datiSchedaProdotto h3.uht
{
    background-color: #008ecc;
}
div#schedaProdotto div#datiSchedaProdotto h3.panna
{
    background-color: #ffcc00;
}
div#schedaProdotto div#datiSchedaProdotto h3.yogurt
{
    background-color: #cc0066;
}
div#schedaProdotto div#datiSchedaProdotto h3.yogurt500
{
    background-color: #99cc00;
}

div#schedaProdotto div#datiSchedaProdotto p
{
    text-align: justify;
}
div#schedaProdotto div#datiSchedaProdotto h4
{
    margin-top: 25px;
    background-color: #666666;
}
div#schedaProdotto div#datiSchedaProdotto table#valori td
{
    padding: 3px;
}
div#schedaProdotto div#datiSchedaProdotto table#valori td.label
{
    padding: 3px 5px;
    background-color: #f0f0f0;    
}
div#schedaProdotto div#datiSchedaProdotto p.rda
{
    margin: 10px 0;
}

div#schedaProdotto div#foto
{
    float: left;
    width: 390px;
    text-align:center;
    margin-right:10px;
}
div#schedaProdotto div#lineaProdotto {
    height: 35px;
    display:block;
}
div#schedaProdotto div#lineaProdotto span { display:none; }
div#schedaProdotto div#lineaProdotto.altaqualita
{
    background-image:url(images/bannerProdotti/alta_qualita.jpg);
}
div#schedaProdotto div#lineaProdotto.biancodi
{
    background-image:url(images/bannerProdotti/bianco_di.jpg);
}
div#schedaProdotto div#lineaProdotto.fresco
{
    background-image:url(images/bannerProdotti/latte_fresco.jpg);
}
div#schedaProdotto div#lineaProdotto.uht
{
    background-image:url(images/bannerProdotti/latte_uht.jpg);
}
div#schedaProdotto div#lineaProdotto.panna
{
    background-image:url(images/bannerProdotti/panna.jpg);
}
div#schedaProdotto div#lineaProdotto.yogurt
{
    background-image:url(images/bannerProdotti/yogurt_magro_intero.jpg);
}
div#schedaProdotto div#lineaProdotto.yogurt500
{
    background-image:url(images/bannerProdotti/yogurt_magro_intero_500gr.jpg);
}


/* menu scelta prodotto */
div#menuLineaProdotti {
    overflow:hidden;
    position:relative;
}
div#menuLineaProdotti div#frecciaSx,
div#menuLineaProdotti div#frecciaDx {
    margin-top: 150px;
    height: 33px;
    width: 50px;
    display: block;
    visibility: hidden;
    background-repeat:no-repeat;
}
div#menuLineaProdotti div#frecciaSx {   
    float:left; 
    background-image: url(images/frecce/down2.jpg);
	background-position: right center;
}
div#menuLineaProdotti div#frecciaSx:hover {
    background-image: url(images/frecce/up4.jpg);
    cursor:pointer;
}
div#menuLineaProdotti div#frecciaDx {   
    float:right;
    background-image: url(images/frecce/down1.jpg);
    background-position: left center;
}
div#menuLineaProdotti div#frecciaDx:hover {
    background-image: url(images/frecce/up3.jpg);
    cursor:pointer;
}
div#menuLineaProdotti div#listaProdotti {
    list-style: none;
    width: 600px;
    height: 315px;
    overflow:hidden;
    position:relative;
    margin: 25px 0 0;
    float:left;
}
div#menuLineaProdotti div#listaProdotti div#listaProdottiInner {
    position:relative;
}
div#menuLineaProdotti div.left, div#menuLineaProdotti div.right {
    height: 315px;
    width: 20px;
    display:block;
    position:absolute;
    background-repeat:repeat-y;
    z-index: 100;
    background-color:White;
    top:50px;
}
div#menuLineaProdotti div.left {
    left: 50px;
}
div#menuLineaProdotti div.right {
    right:50px;
}
div#menuLineaProdotti div#listaProdotti div.prodotto {
    text-align:center;
    height: 315px;
    width: 300px;
    float: left;
    position:relative;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.fotoProdotto {
    height: 250px;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto {
    background-image: url(images/prodotti/fondo_scelta.jpg);
    background-repeat: repeat-x;
    height:33px;
    width: 250px;
    margin: 10px auto;
    position:relative;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto div.l,
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto div.r {
    height: 33px;
    width: 10px;
    position: absolute;
    display:block;
    top:0;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto div.l {
    background-image: url(images/prodotti/fondo_scelta-left.jpg);
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto div.r {
    background-image: url(images/prodotti/fondo_scelta-right.jpg);
    right: 0;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto a {
    width: 100%;
    padding: 10px 0;
    display: block;
    color: White;
    font-weight: bold;
    text-decoration: none;
}
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto a:hover,
div#menuLineaProdotti div#listaProdotti div.prodotto div.linkProdotto a:focus {
    color: #ffcc00;
}
div.back {
    clear:both;
    text-align: center;
}
div.back a span {
    display:none;
}
div.back a {
    width: 129px;
    height: 23px;
    display:block;
    margin: 0 auto;
    background-image: url(images/prodotti/back.jpg);
}
div.back a:hover,
div.back a:focus {
    background-image: url(images/prodotti/back-over.jpg);
}