﻿@media screen
{

    body
    {
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    a, a:hover
    {
        font-weight: bold;
        text-decoration: underline;
        color: #795A2D;
    }

    p
    {
        text-align: justify;
    }

    li
    {
        line-height: 25px;
        text-align: left;
    }

    strong, b
    {
        color: #795A2D;
    }

    #wrapper
    {
        width: 1000px;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 0px;
        background-image: url(images/sfondoMenu.gif);
        background-repeat: repeat-y;
    }

    #titoloPrint
    {
        display: none;
    }

    #titoloLeft
    {
        width: 200px;
        height: 75px;
        float: left;
    }
    #titoloRight
    {
        width: 795px;
        height: 75px;
        float: right;
    }

    #sloganLeft
    {
        background-image: url(images/sloganLeft.gif);
        width: 200px;
        height: 30px;
        float: left;
    }

    #sloganRight
    {
        background-color: #DDC599;
        width: 795px;
        height: 30px;
        float: right;
    }

    #sloganRight h2
    {
        position: relative;
        margin: 6px 5px 0px;
        font-size: 15px;
        font-weight: bold;
        color: #795A2D;
    }

    #headerLeft
    {
        background-image: url(images/animazione.gif);
        width: 200px;
        height: 173px;
        float: left;
    }

    #headerRight
    {
        background-image: url(images/headerRight.jpg);
        width: 795px;
        height: 100px;
        float: right;
        margin-bottom: 5px;
    }

    #headerRight h3
    {
        position: relative;
        margin: 65px 10px 0px;
        font-size: 17px;
        font-weight: bold;
        font-style: italic;
        color: #ffffff;
    }

    #headerTitolo
    {
        width: 790px;
        height: 68px;
        float: right;
    }

    #headerTitolo h1
    {
        position: relative;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: bold;
        color: #795A2D;
    }

    #headerTitolo p
    {
        width: 100%;
        text-align: right;
        position: relative;
        margin-top: 0px;
        color: #795A2D;
    }

    .spacer
    {
        clear: both;
        height: 5px;
        font-size: 0px;
        background-color: #ffffff;
    }

    .clearer
    {
        clear: both;
        height: 0px;
        font-size: 0px;
    }

    #pagina
    {
        width: 1000px;
    }

    #menu
    {
        float: left;
        width: 200px;
        text-align: left;
        margin-left: 0px;
        background-color: #ffffff;
    }

    #menu ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #menu li
    {
        background-image: url(images/spiga.gif);
        background-repeat: no-repeat;
        height: 25px;
        padding-left: 75px;
        vertical-align: text-bottom;
        margin-bottom: 5px;
    }

    #menu a
    {
        font-weight: normal;
        text-decoration: none;
        color: #ffffff; /*#795A2D;*/
    }

    #menu a:hover
    {
        font-weight: normal;
        text-decoration: underline;
    }

    #contenuto
    {
        width: 790px;
        float: right;
    }

    #footerLeft
    {
        background-color: #3F73A7;
        width: 200px;
        height: 30px;
        float: left;
        text-align: right;
    }

    #footerLeft h6
    {
        position: relative;
        margin: 10px 5px 0px 0px;
        font-size: 15px;
        font-weight: bold;
        color: #ffffff;
    }


    #footerRight
    {
        background-color: #DDC599;
        width: 795px;
        height: 30px;
        float: right;
    }

    #footerRight h6
    {
        position: relative;
        margin: 3px 0px 0px 0px;
        font-weight: normal;
        color: #ffffff;
        text-align: center;
        vertical-align: text-bottom;
    }

    #partner
    {
        width: 1000px;
        background-color: #ffffff;
        font-weight: bold;
        color: #795A2D;
    }

    #projectLeader
    {
        padding-top: 10px;
        background-color: #DADADA;
        width: 200px;
        height: 120px;
        text-align: center;
        float: left;
        vertical-align: middle;
    }

    #partnerAsia
    {
        padding-top: 10px;
        background-color: #DADADA;
        width: 295px;
        height: 120px;
        float: left;
        text-align: center;
        vertical-align: middle;
        margin-left: 5px;
    }

    #partnerEu
    {
        padding-top: 10px;
        vertical-align: middle;
        background-color: #DADADA;
        width: 495px;
        height: 120px;
        float: left;
        text-align: center;
        margin-left: 5px;
    }

    .logo
    {
        margin: 0 10px 0 10px;
        float: left;
        font-size: 12px;
    }

    .sottotitolo
    {
        font-size: 15px;
        font-weight: bold;
        color: #795A2D;
    }

    .tableTitle
    {
        font-weight: bold;
        background-color: #DDC599;
    }

    .tabellaDescrittiva td
    {
        padding: 10px;
        border-bottom: #795a2d 2px solid;
        vertical-align: top;
    }

    .tabellaDescrittiva th
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .riquadro
    {
        padding: 10px;
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
        font-size: 90%;
        width: 50%;
        list-style-type: lower-roman;
        border: 1px #795A2D solid;
    }
    .bandiere
    {
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .UpdateProgress
    {
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        display: block;
        width: 75px;
        border: 4px solid #DDC599;
        padding: 5px;
    }
    .labelTable
    {
        text-align: right;
    }
    .ErrorMessage
    {
        color: #800000;
        font-weight: bold;
    }
}

@media print
{

    body
    {
        margin: 0;
        padding: 0;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
    }

    a, a:hover
    {
        font-weight: bold;
        text-decoration: underline;
        color: #795A2D;
    }

    p
    {
        text-align: justify;
    }

    li
    {
        line-height: 25px;
        text-align: left;
    }

    strong, b
    {
        color: #795A2D;
    }

    #wrapper
    {
        width: 1000px;
        margin-top: 5px;
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        padding: 0px;
    }

    #headerTitolo
    {
        height: 25px;
    }

    #pagina
    {
        width: 1000px;
    }

    #titolo, #titoloLeft, #titoloRight, #slogan, #headerLeft, #headerRight, #headerTitolo h1, #menu, #footer, #partner
    {
        display: none;
    }


    .spacer
    {
        clear: both;
        height: 5px;
        font-size: 0px;
        background-color: #ffffff;
    }

    .clearer
    {
        clear: both;
        height: 0px;
        font-size: 0px;
    }

    .logo
    {
        margin: 0 10px 0 10px;
        float: left;
        font-size: 12px;
    }

    .sottotitolo
    {
        font-size: 15px;
        font-weight: bold;
        color: #795A2D;
    }

    .tableTitle
    {
        display: none;
    }

    .tabellaDescrittiva td
    {
        padding: 2px;
        border-bottom: #795a2d 1px solid;
        vertical-align: top;
    }

    .tabellaDescrittiva th
    {
        padding-left: 10px;
        padding-right: 10px;
    }

    .riquadro
    {
        padding: 10px;
        float: right;
        margin-left: 20px;
        margin-bottom: 20px;
        font-size: 90%;
        width: 50%;
        list-style-type: lower-roman;
        border: 1px #795A2D solid;
    }
    .bandiere
    {
        padding-right: 5px;
        padding-bottom: 5px;
    }
    .UpdateProgress
    {
        background-color: #000000;
        color: #FFFFFF;
        font-weight: bold;
        display: block;
        width: 75px;
        border: 4px solid #DDC599;
        padding: 5px;
    }
    .labelTable
    {
        text-align: right;
    }
    .ErrorMessage
    {
        color: #800000;
        font-weight: bold;
    }
}

