﻿
/************************** PAGINA HOME **************************************/
.home {
    background-color: ghostwhite;
    font-family: Tahoma;
    font-size: 10pt;
}

    .home #header {
        background-color: lightblue;
        height: 300px;
    }

    .home #header-in {
        background: url(immagini/headerbg.jpg) no-repeat center;
        width: 1000px;
        margin: auto;
        height: 250px;
    }

        .home #header-in #logoh {
            padding: 20px 10px 10px 10px;
            float: right;
            width: 150px;
        }

            .home #header-in #logoh img {
                padding: 0px;
                width: 150px;
            }

        .home #header-in p {
            padding: 0px;
            width: 150px;
            text-align: center;
            font-size: 12pt;
            color: white;
        }

    .home #contentainer {
        margin: 0 auto;
        clear: both;
        width: 1000px;
        background-color: white;
    }

    .home #footer {
        background-color: lightblue;
        clear: both;
        height: 70px;
    }

    .home #footer-in {
        margin: auto;
        width: 1000px;
    }

        .home #footer-in #logof {
            padding: 10px;
            float: left;
            width: 60px;
        }

            .home #footer-in #logof img {
                padding: 0px;
                width: 60px;
                border: none;
            }

        .home #footer-in #info {
            padding: 10px;
            float: left;
            width: 815px;
        }

            .home #footer-in #info p {
                padding: 0px;
                width: 815px;
                text-align: center;
            }

        .home #footer-in #fb {
            padding: 10px;
            float: left;
            width: 60px;
        }

            .home #footer-in #fb img {
                padding: 0px;
                width: 60px;
                border: none;
            }

    .home #link a {
        float: left;
        text-decoration: none;
        display: block;
        height: 312px;
        width: 191px;
    }

        .home #link a:hover {
            color: white;
            background-color: gray;
        }

/************************** PAGINA MASTER **************************************/
.pagina {
    background-color: white;
    font-family: Tahoma;
    font-size: 10pt;
}

    .pagina #header {
        height: 160px;
        background-color: lightblue;
    }

    .pagina #header-in {
        width: 1000px;
        margin: auto;
        height: 110px;
    }

        .pagina #header-in #logoh {
            padding: 10px;
            float: left;
            width: 150px;
        }

            .pagina #header-in #logoh img {
                padding-top: 15px;
                width: 150px;
            }

        .pagina #header-in .logohips {
            padding: 10px;
            float: right;
            width: 150px;
        }

            .pagina #header-in .logohips img {
                padding: 0px;
                width: 150px;
            }

        .pagina #header-in #slogan {
            padding: 30px;
            width: 250px;
            height: 50px;
            text-align: center;
            font-size: 14pt;
            float: right;
            color: white;
        }

        .pagina #header-in .sloganips {
            padding: 30px 10px 10px 10px;
            width: 250px;
            height: 70px;
            text-align: center;
            font-size: 14pt;
            float: left;
            color: #db0811;
        }

    .pagina #contentainer {
        margin: auto;
        clear: both;
        width: 1000px;
        background-color: white;
    }

    .pagina #footer {
        background-color: lightblue;
        clear: both;
        height: 70px;
    }

    .pagina #footer-in {
        margin: auto;
        width: 1000px;
    }

        .pagina #footer-in #logof {
            padding: 10px;
            float: left;
            width: 60px;
        }

            .pagina #footer-in #logof a {
                text-decoration: none;
            }

            .pagina #footer-in #logof img {
                padding: 0px;
                width: 60px;
                border: none;
            }

        .pagina #footer-in #info {
            padding: 10px;
            float: left;
            width: 815px;
        }

            .pagina #footer-in #info p {
                padding: 0px;
                width: 815px;
                text-align: center;
            }

        .pagina #footer-in #fb {
            padding: 10px;
            float: left;
            width: 60px;
        }

            .pagina #footer-in #fb a {
                text-decoration: none;
            }

            .pagina #footer-in #fb img {
                padding: 0px;
                width: 60px;
                border: none;
            }

/************************** COMUNE A TUTTE LE PAGINE ********************************/

.menu {
    margin: auto;
    padding: 0;
    width: 1000px;
    height: 50px;
    background-color: #5F7DB9;
}

    .menu ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        height: 50px;
    }

        .menu ul li {
            float: left;
            border-right: 1px solid gray;
        }

            .menu ul li:first-child {
                float: left;
                border-left: 1px solid gray;
                border-right: 1px solid gray;
            }

            .menu ul li:last-child {
                float: right;
                border-right: 1px solid gray;
            }

            .menu ul li a {
                display: block;
                color: white;
                text-align: center;
                padding: 16px 14px;
                text-decoration: none;
            }

                .menu ul li a:hover {
                    background-color: navy;
                    color: white;
                }

                .menu ul li a:active {
                    background-color: white;
                    color: navy;
                }

.divleft {
    float: left;
    margin: 20px 5px 20px 0px;
    /*border: 1px solid lightgray;*/
}

.divmiddle {
    float: left;
    margin: 20px 5px 20px 5px;
    /*border: 1px solid lightgray;*/
}

.divright {
    float: right;
    margin: 20px 0px 20px 5px;
    /*border: 1px solid lightgray;*/
}

.divcenter {
    float: left;
    margin: 20px 0px 20px 0px;
    /*border: 1px solid lightgray;*/
}

.label {
    padding: 5px;
    text-align: center;
    color: white;
    font-size: large;
    background-color: lightblue;
}

.CercaProdotto {
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 180px;
    padding-left: 5px;
    padding-right: 5px;
}

.CercaProdottoText {
    float: left;
    margin: 5px 5px 5px 5px;
    width: 130px;
    height: 30px;
}

.CercaProdottoButton {
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 3px;
    width: 30px;
    height: 30px;
}

/************************** SINGOLE PAGINE **************************************/
.Prodotti a {
    float: left;
    text-decoration: none;
    margin: 5px 0px 0px 10px;
    padding: 5px;
    display: block;
    color: black;
    text-align: left;
    height: 80px;
    width: 360px;
    border: 1px solid gray;
}

    .Prodotti a:hover {
        color: white;
        background-color: gray;
    }

.AnteprimaProdotti {
    width: 765px;
    height: 30px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border: 1px dotted gray;
}

    .AnteprimaProdotti a {
        float: left;
        text-decoration: none;
        margin-left: 0px;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 0px;
        display: block;
        color: black;
        text-align: left;
        height: 30px;
        width: 100%;
    }

        .AnteprimaProdotti a:hover {
            color: white;
            background-color: navy;
        }

.SchedaProdotto a {
    float: left;
    text-decoration: none;
    margin-left: 10px;
    padding-top: 10px;
    display: block;
    color: black;
    text-align: left;
    height: 110px;
    width: 770px;
    border-top: 1px dotted gray;
}

    .SchedaProdotto a:hover {
        color: black;
        background-color: gray;
    }

.Categorie a {
    float: left;
    text-decoration: none;
    display: block;
    color: white;
    background-color: #5F7DB9;
    text-align: left;
    height: 40px;
    width: 190px;
}

    .Categorie a:hover {
        background-color: navy;
        color: white;
    }

.TipoDocumento a {
    float: left;
    text-decoration: none;
    display: block;
    color: white;
    background-color: navy;
    text-align: left;
    height: 40px;
    width: 190px;
}

    .TipoDocumento a:hover {
        background-color: #5F7DB9;
        color: white;
    }

.DownloadProdotto a {
    float: left;
    text-decoration: none;
    display: block;
    clear: both;
    text-align: left;
    padding: 10px 0px 0px 10px;
    width: 230px;
    height: 60px;
    /*border: 1px solid gray;*/
}

    .DownloadProdotto a:hover {
        background-color: navy;
        color: white;
    }

.DownloadProdotto img {
    float: left;
    margin: 0px 0px 0px 10px;
    width: 48px;
    height: 48px;
}

.Cata {
    float: left;
    width: 395px;
    margin-top: 18px;
    background-color: white;
}

    .Cata a {
        float: left;
        text-decoration: none;
        margin: 5px 0px 0px 10px;
        padding: 5px;
        display: block;
        color: black;
        text-align: left;
        height: 80px;
        width: 360px;
        border: 1px solid gray;
    }

        .Cata a:hover {
            color: white;
            background-color: gray;
        }

.Listino {
    float: right;
    width: 395px;
    margin-top: 18px;
    background-color: white;
}

    .Listino a {
        float: left;
        text-decoration: none;
        margin: 5px 0px 0px 10px;
        padding: 5px;
        display: block;
        color: black;
        text-align: left;
        height: 80px;
        width: 360px;
        border: 1px solid gray;
    }

        .Listino a:hover {
            color: white;
            background-color: gray;
        }

.Distributore div {
    width: 200px;
    height: 100px;
    margin: 0 auto;
}

.Distributore #logodis {
    width: 180px;
    height: 80px;
}

.Distributore a {
    width: 180px;
    height: 80px;
    float: left;
    text-decoration: none;
    margin: 5px 5px 0px 5px;
    padding: 5px;
    display: block;
    color: black;
    text-align: left;
    border: 1px solid gray;
}

    .Distributore a:hover {
        color: white;
        background-color: gray;
    }

.Distributore #logodisshadow {
    width: 160px;
    float: left;
    padding-left: 20px;
    clear: left;
}

.Agenzia {
    float: left;
    margin: 5px 5px 0px 5px;
    padding: 10px;
    text-align: left;
    height: 180px;
    width: 280px;
    border: 1px solid gray;
}

/*************************************************************************************/
/*************************************************************************************/

.class1 {
    margin: 0 auto;
    font-family: Tahoma;
    font-size: 10pt;
    color: #003a77;
}

    .class1 a:link {
        text-decoration: none;
        color: #003a77;
    }

    .class1 a:visited {
        text-decoration: none;
        color: #003a77;
    }

    .class1 a:hover {
        text-decoration: none;
        color: Silver;
    }

    .class1 a:active {
        text-decoration: none;
        color: #003a77;
    }

.class2 {
    margin: 0 auto;
    border: silver 1px solid;
    border: silver 1px solid;
    border: silver 1px solid;
    width: 90%;
}

.menu1 {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: normal;
}

.header1 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    border-left: silver 1px solid;
    border-right: silver 1px solid;
}

.login1 {
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: normal;
}

.body_pagina {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    border-right: silver 1px solid;
    background-color: #ededed;
}

.table_pagina {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

.colonna_sx_pagina {
    width: 200px;
    height: auto;
    text-align: center;
    vertical-align: top;
    background-color: white;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: Silver;
    background-image: url(immagini/colonna_sx.gif);
    background-position: top;
    background-repeat: repeat-x;
}

.contenuto {
    width: auto;
    height: auto;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    font-family: Tahoma;
    font-size: 10pt;
    color: #003a77;
    background-color: White;
    text-align: left;
}

.contenuto2 {
    width: 100%;
    height: auto;
    margin: 0 auto;
    font-family: Tahoma;
    font-size: 10pt;
    color: #003a77;
    background-color: White;
    text-align: center;
}

.contenuto3 {
    width: 100%;
    height: auto;
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    font-family: Tahoma;
    font-size: 10pt;
    color: #003a77;
    background-color: White;
    text-align: left;
    text-indent: 10px;
}

.colonna_cx_pagina {
    width: 760px;
    height: auto;
    text-align: center;
    vertical-align: top;
    background-color: white;
    background-image: url(immagini/colonna_sx.gif);
    background-repeat: repeat-x;
    background-position: top;
}

.link_pagina {
    display: block;
    background-color: transparent;
    background-image: url(immagini/sfondobottoni.gif);
    background-repeat: no-repeat;
    width: 160px;
    height: 40px;
    margin: 4px auto;
    padding: 4px 0 0 0;
    text-decoration: none;
    color: white;
    font-family: Tahoma;
    font-size: 10pt;
}

    .link_pagina:link, .link_pagina:visited {
        color: white;
        text-decoration: none;
    }

    .link_pagina:hover, .link_pagina:active {
        color: #003a77;
        text-decoration: none;
        background-position: 0px;
    }

.link_pagina2 {
    display: block;
    background-color: transparent;
    background-image: url(admim/immagini/sfondobottoni.gif);
    background-repeat: no-repeat;
    width: 160px;
    height: 20px;
    margin: 5px auto;
    padding: 5px 0 0 0;
    text-decoration: none;
    color: white;
    font-family: Tahoma;
    font-size: 10pt;
}

    .link_pagina2:link, .link_pagina2:visited {
        color: white;
        text-decoration: none;
    }

    .link_pagina2:hover, .link_pagina2:active {
        color: #003a77;
        text-decoration: none;
        background-position: 0px;
    }

.link_pagina3 {
    color: White;
    background-color: #005eA8;
    display: block;
    width: 220px;
    height: 100px;
    margin: 4px auto;
    padding: 4px 0 0 0;
    text-decoration: none;
    text-align: center;
    color: white;
    font-family: Tahoma;
    font-size: 10pt;
    border: gray solid 2px;
}

.link_pagina4 {
    color: White;
    display: block;
    background-color: #005eA8;
    width: 200px;
    height: 30px;
    margin: 4px auto;
    padding: 4px 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: Tahoma;
    font-size: 10pt;
    border: gray solid 2px;
}

    .link_pagina4:link, .link_pagina4:visited {
        color: white;
        text-decoration: none;
        background-color: #005eA8;
    }

    .link_pagina4:hover, .link_pagina4:active {
        color: #005eA8;
        text-decoration: none;
        background-color: Navy;
    }

.link_pagina5 {
    color: White;
    display: block;
    background-color: Maroon;
    width: 160px;
    height: 30px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    text-decoration: none;
    text-align: center;
    font-family: Tahoma;
    font-size: 14pt;
    border: black solid 2px;
}

    .link_pagina5:link, .link_pagina5:visited {
        color: white;
        text-decoration: none;
        background-color: Maroon;
    }

    .link_pagina5:hover, .link_pagina5:active {
        color: #005eA8;
        text-decoration: none;
        background-color: Navy;
    }

.link_pagina6 {
    color: White;
    display: block;
    background-color: #005eA8;
    width: 160px;
    height: 20px;
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 5px;
    text-decoration: none;
    text-align: center;
    font-family: Tahoma;
    font-size: 10pt;
    border: gray solid 2px;
}

    .link_pagina6:link, .link_pagina6:visited {
        color: white;
        text-decoration: none;
        background-color: #005eA8;
    }

    .link_pagina6:hover, .link_pagina6:active {
        color: #005eA8;
        text-decoration: none;
        background-color: Navy;
    }

.separatore {
    border-bottom: silver 1px solid;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    width: 90%;
}

.datalist {
    margin: 0 auto;
    color: #003a77;
}

.div_campi {
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
    float: left;
    clear: both;
    width: 620px;
    height: 30px;
    border: black solid 1px;
    font-family: Tahoma;
    font-size: small;
}

.div_button {
    margin-top: 30px;
    margin-left: 290px;
    margin-right: 0px;
    margin-bottom: 5px;
    float: none;
    clear: both;
    width: 40px;
    height: 20px;
    font-family: Tahoma;
    font-size: medium;
    border: black solid 1px;
    background-color: Gray;
}

.form_label {
    margin-left: 5px;
    margin-top: 5px;
    float: left;
    clear: both;
    width: 120px;
    text-align: right;
}

.form_textbox {
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    clear: right;
    width: 440px;
}

.form_checkbox {
    float: right;
    clear: right;
}

.form_dropdownlist {
    margin-top: 5px;
    margin-right: 5px;
    float: right;
    clear: right;
    width: 440px;
}

.form_button {
    margin-top: 0px;
    font-family: Tahoma;
    font-size: large;
    width: 40px;
    height: 20px;
}

.body_pagina_ddns {
    width: 800px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    border-top: silver 1px solid;
    border-left: silver 1px solid;
    border-bottom: silver 1px solid;
    border-right: silver 1px solid;
    background-color: #1da2da;
}

.table_pagina_ddns {
    width: 600px;
    height: auto;
    margin: 0 auto;
    text-align: center;
    vertical-align: top;
}

.vertical-menu {
    margin-top: 5px;
    width: 200px;
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 14px
}

    .vertical-menu a {
        background-color: #333333;
        color: white;
        display: block;
        padding: 12px;
        text-decoration: none;
    }

        .vertical-menu a:hover {
            background-color: #666666;
        }

        .vertical-menu a.active {
            background-color: #db0811;
            color: white;
        }
