﻿    body, html {
        background-color:#474a4c; margin:0; font-family: arial, verdana, sans-serif; font-size: 10pt;
        background-image: url('images/bg.gif'); background-repeat: repeat-x; color:#666; }
    #container {width: 780px; margin: auto;}
    #head {width:780px; height:150px; padding:0; background-image:url('images/head.gif'); z-index:100; position:relative;}
    #head2 {width: 780px; height: 150px; padding:0; background-image: url('images/head_z.gif'); z-index:100; position:relative;}
    #menu_head {width:500px; height:27px; /*margin: 123px 12px 0 268px;*/ text-align: right;}
    #fascia {width:780px; height:201px; background-repeat: no-repeat; background-color:#000;
        border-color:#fff; border-style: solid; border-width: 1px 0 1px 0; z-index:1;}
    .sotto{z-index:1;}
    #content{width:780px; /* floating images fix */ overflow: hidden; _height:1%; /*ie hack*/  background:url('images/sfum_main_d.jpg');
        background-repeat:no-repeat; background-position:top right; background-color:#fff;}
       
    #logo
    {position: absolute; text-align:center;  width:120px; margin: 58px 0 0 10px; }
    #main
    {
        width: 560px;
        margin: 0px 0px 0px 200px;
        padding:0px;
        
    }
    #footer 
    {
        width:780px;
        height:14px;
        background-image:url(images/bg_footer.jpg);
        background-repeat:no-repeat;
    }
    #indirizzo
    {
        width:780px;
        color:#fff;
        text-align:center;
        margin:auto;
    }
    p.menu
    {
        margin: 20px 10px 20px 20px;
    }
    p.testo
    {
        margin: 25px 20px 25px 25px;
        line-height: 1.5em;
        text-align:justify;
    }
    p.titolo
    {
        margin: 25px 20px 25px 25px;
        line-height: 1.2em;
        color:DarkGray;
        font-size: 12pt;
    }
    .pulsante
    {
        width:100px;
        float:right;
        background-color:#000;
        color:#fff;
        border:solid 1px #fff;
        padding:1px;
        text-align:center;
    }
    .pulsante:hover
    {
        background-color:#888;
        color:#000;
        border:solid 1px #fff;
    }
    img  { border:none;}
    .invia {color:#299c00; font-weight:bold; }
    /*PARTE DEL MENU DA CONSTILE.ORG*/
    ul.menu1 {
        width:180px;
        list-style:none; /* elimino i punti elenco */
        margin:0; padding:0; /* elimino i rientri delle liste */
    }

    ul.menu1 li a {
        display:block; /* il link occupa tutto lo spazio orizzontale */
        text-decoration:none; /* elimino la sottolineatura, che si tratta di un link si capisce dalla struttura */
        padding:0 2em; /* lascia spazio far il bordo del menu e il testo del link */
        height:1.5em;line-height:1.5em; /* altezza del link: height e line-height devono avere il medesimo valore */
    }
    ul.menu1 li { display:inline } /*elimina lo spazio fra gli elementi della lista introdotto da Opera*/
    ul.menu1 li a:link, ul.menu1 li a:visited {
        /*background:#000;*/
        color: #000;
    } /* colori per il link */
    ul.menu1 li a:hover, ul.menu1 li a:active {
        /*background: #ccc url(images/sfum_li_menu.jpg) 100% repeat-y;*/
        color:#000;
    } /* colori per l'effetto roll-over */
    em {color:#888888;}
    a {color:#fff; text-decoration: none;}
    a.coll {color:#474a4c; text-decoration:none;}
    a.coll:hover {color:#474a4c; text-decoration: underline;}
    td {font-size: 10pt;}    
    .privacy {font-size:9px; color:#ccc; text-align:justify;}
    p.bold { font-weight:bold;}
    blockquote { border-left: 1px solid #ff0000; padding-left:10px; margin-left:25px; text-align:justify;}
    .red {color:#f00; font-size:8px; font-weight:bold; text-decoration:underline; vertical-align:super;}
    
/*STILI PER IL MENU JQUERY*/
/* MENU PRINCIPALE */
#menuNavigazione{ padding:0; list-style:none; height:20px; border:0px solid #000; position:absolute; margin:130px 0 0 169px; z-index:100;font-size: 12px; font-weight:bold;}
#menuNavigazione li{ float:left; width:100px; /* VOCI ORIZZONTALI */ position:relative; }
#menuNavigazione a{ display:block; height:20px; line-height:20px; padding:0 5px; text-decoration:none; border-right:0px solid; text-align:center; }
/* SOTTO MENU */
#menuNavigazione ul{ margin:0px; padding:0; list-style:none; width:100px; }
#menuNavigazione ul li{ /*float:none;*/ width:240px; /* VOCI A COMPARSA */}
#menuNavigazione ul a{ float:none; display:block; text-align:left; height:22x; line-height:22px;
    border-right:0px solid #000; border-left:0px solid #000; border-bottom:1px solid #000; text-indent:5px;}
/* MENU ON OFF */
#menuNavigazione ul, #menuNavigazione ul.subMenu-off{ position:absolute; /*visibility:hidden;*/ top:-10000em}
/*#menuNavigazione ul.subMenu-on{ visibility:visible;}*/
/* POSIZIONAMENTO DEL SOTTO MENU */
#menuNavigazione ul.subMenu-on{ position:absolute;/* primo livello di annidamento:menu a discesa */
    top:20px; left:-1px; visibility:visible; border-top:0px solid #000;}
#menuNavigazione ul.subMenu-on ul.subMenu-on{
    margin:0 0 0 -1px;/* livelli di annidamento superiori al primo:menu a comparsa laterale */ width:17em;
    position:absolute; top:-1px; left:120px; border-top:0px solid #000; }
/* COLORI */
#menuNavigazione{ background:none; color:#000;}
#menuNavigazione a{ color:#5b8fbe; background-image:url(images/sfondo_pulsanti.jpg); background-repeat:no-repeat; background-position:top left;}
#menuNavigazione a.cat1{ background:#903F98;color:#ffffff;}
#menuNavigazione a.cat2{ background:#6AC071;color:#ffffff;}
#menuNavigazione a.cat3{ background:#00A7E9;color:#ffffff;}
#menuNavigazione a.cat4{ background:#F7941D;color:#ffffff;}
#menuNavigazione a.cat5{ background:#F26539;color:#ffffff;}
#menuNavigazione a.cat6{ background:#00586F;color:#ffffff;}
#menuNavigazione a.cat7{ background:#33CC00;color:#ffffff;}
#menuNavigazione a.catz{ color:#3cac39; background-image:url(images/sfondo_pulsanti_z.jpg);}
/* EFFETTO ROLLOVER */
#menuNavigazione a:hover,#menuNavigazione a:focus,#menuNavigazione a:active{text-decoration:none; color:#888;}
/* FRECCETTE */
/* FINE MENU PRINCIPALE */

/* MENU LATERALE CATALOGO */
#sottomenu 
    {
        margin-right:10px;
        margin:10px 0 0 0;
        padding:0px;
        width: 190px;
        float:left;
        /*background-image:url(images/fondo_menu.jpg);*/
        /*background-position:top;*/
        /*background-repeat:no-repeat;
        background-color:#ffffff;*/
        color:#fff;
        font-size:10pt;       
    }
#sottomenu ul{ margin:20px 0 0 0; padding:0; list-style:none; width:190px; font-size: 9px;}
#sottomenu li{ display:block; width:190px; position:relative; padding:5px; }
#sottomenu a{ display:block; height:20px; line-height:20px; padding:0 5px; text-decoration:none;
    border-right:0px solid; text-align:left; }
#sottomenu a{ background:#444;color:#ffffff;}    
#sottomenu a.cat1{ background:#903F98;color:#ffffff;}
#sottomenu a.cat2{ background:#6AC071;color:#ffffff;}
#sottomenu a.cat3{ background:#00A7E9;color:#ffffff;}
#sottomenu a.cat4{ background:#F7941D;color:#ffffff;}
#sottomenu a.cat5{ background:#F26539;color:#ffffff;}
#sottomenu a.cat6{ background:#00586F;color:#ffffff;}
#sottomenu a.cat7{ background:#33CC00;color:#ffffff;}

/* STILI PER NUOVE PAGINE ZOOTECNIA */
/*da fare tutte le tabelle in #tabprod*/
#tabprod {text-align:left;}
#tabprod table tr td {margin-left:0; text-align:left; margin:2px; padding:2px;}
#tabprod h3 { display:inline; margin-right:10px;}
#tabprod table.tp {border-collapse:collapse;}
#tabprod table.tp tr td {border:1px solid #999;  border-spacing:0;}
#tabprod table td {text-align:center;}
#tabprod table tr.intestazione {color:#fff; text-align:center; font-weight:bold; background-color:#3cac39;}