html * { margin: 0; padding: 0; }

body {
    background: #FFF url(/images/body_bg.png) 0 0 repeat-x;
    font-family: Arial;
    font-size: 11px;
}

h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
h5 { font-size: 12px; }

div#main {
    width: 992px;
    position: relative;
    left: 50%;
    margin-left: -496px;
}

div#main div#head {
    height: 58px;
    /* background: transparent url(/images/main_logo.png) 0 0 no-repeat; */
}

div#main div#head ul.lang-flags {
    float: right;
    padding: 32px 37px 0 0;
    list-style-type: none;
}

div#main div#head ul.lang-flags li {
    float: left;
    margin: 0 0 0 12px;
    padding: 0;
}

/* ============================================================================
    blocco contenuti principale...
============================================================================ */

div#main div#page-contents {
    clear: both;
    border: #BFBFBF 1px solid;
    margin: 0;
    padding: 196px 30px 30px 30px;
    background: #FFF url(/images/page-contents_bg.jpg) 0 0 no-repeat;
    min-height: 430px;
}

/* ============================================================================
    blocco contenuti di sinistra...
============================================================================ */

div#main div#page-contents div#page-contents-left {
    clear: both;
    float: left;
    width: 549px;
    min-height: 400px;
    padding: 20px 30px;
    /* background-color: #585858; */
    background: transparent url(/images/page-contents-left-altbg_bg.png) 0 0;
    margin: 0 20px 0 0;
    color: #FFF;
}

div#main div#page-contents div#page-contents-left h1 { color: #0088ff; }

/* ============================================================================
    blocco contenuti di sinistra (alternativo)...
============================================================================ */

div#main div#page-contents div#page-contents-left-altbg {
    clear: both;
    float: left;
    width: 549px;
    min-height: 400px;
    padding: 20px 30px;
    /* background-color: #024D6F; */
    background: transparent url(/images/page-contents-left_bg.png) 0 0;
    margin: 0 20px 0 0;
    color: #FFF;
}

div#main div#page-contents div#page-contents-left-altbg h1 { color: #aabf14; }

/* ============================================================================
    blocco contenuti a colonna unica...
============================================================================ */

div#main div#page-contents div#page-contents-full {
    clear: both;
    float: left;
    width: 870px;
    min-height: 400px;
    padding: 20px 30px;
    /* background-color: #585858; */
    background: transparent url(/images/page-contents-left-altbg_bg.png) 0 0;
    margin: 0 20px 0 0;
    color: #FFF;
}

div#main div#page-contents div#page-contents-full h1 { color: #0088ff; }

/* ============================================================================
    box su singola riga...
============================================================================ */

div#main div#page-contents div.list-row-box {
    clear: both;
    float: left;
    border-bottom: #9B9EA5 1px solid;
    padding: 18px 0;
}

div#main div#page-contents div.list-row-box img {
    float: left;
    display:block;
    width: 110px;
    height:105px;
    border: #ABBE14 1px solid;
}

div#main div#page-contents div.list-row-box div.list-row-box-text {
    float: right;
    padding: 0 16px;
    width: 81%;
}

div#main div#page-contents div.list-row-box div.list-row-box-text h2 { color: #073d57; }

div#main div#page-contents div.list-row-box a.list-row-box-url {
    display: block;
    float: right;
    color: #073d57;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}

div#main div#page-contents div.list-row-box a.list-row-box-url:hover { text-decoration: underline; }

/* ============================================================================
    blocco contenuti di sinistra, eccezione per la home...
============================================================================ */

div#main div#page-contents div#page-contents-left-home {
    clear: both;
    float: left;
    width: 609px;
    padding: 0;
    margin: 0 20px 0 0;
    background-color: transparent;
}

div#main div#page-contents ul.home-imageslist {
    list-style-type: none;
}

div#main div#page-contents ul.home-imageslist li {
    height: 45px;
}

/* ============================================================================
    blocco contenuti di destra...
============================================================================ */

div#main div#page-contents div#page-contents-right {
    float: left;
    width: 240px;
    min-height: 400px;
    padding: 20px 30px;
    /* background-color: #0076BB; */
    background: transparent url(/images/page-contents-right_bg.png) 0 0;
    color: #FFF;
}

div#main div#page-contents div#page-contents-right h1 {
    color: #000088;
}

div#main div#page-contents div#page-contents-right h2 {
    padding: 2px 4px;
    margin: 0 0 18px 0;
    border-bottom: #80BBDD 1px solid;
}

div#main div#page-contents div#page-contents-right img {
    width: 110px;
    border: #80BBDD 1px solid;
    margin: 4px;
}

div#main div#page-contents div#page-contents-right p {
    margin: 10px 0;
    text-align: justify;
}

div#main div#page-contents div#page-contents-right h5 {
    font-size: 10px;
    margin: 0 0 10px 0;
}

div#main div#page-contents div#page-contents-right a.link-more {
    display: block;
    clear: both;
    float: right;
    font-weight: bold;
    color: #E0E0E0;
    text-decoration: none;
}

div#main div#page-contents div#page-contents-right a.link-more:hover {
    color: #FFF;
}

/* ============================================================================
    formattazioni generali del blocco contenuti...
============================================================================ */

div#main div#page-contents div.breadcrumbs{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    color: #DDD;
    font-weight: bold;
    border-bottom: #DDD 1px solid;
}

div#main div#page-contents div.breadcrumbs a{
    color: #DDD;
    font-weight: normal;
    text-decoration: none;
}

div#main div#page-contents div.breadcrumbs a:hover{
    text-decoration: underline;
}

div#main div#page-contents p {
    margin: 10px 0;
    text-align: justify;
}

div#main div#page-contents a {
    color: #AABF14;
    font-weight: bold;
    text-decoration: none;
}

div#main div#page-contents a:hover {
    text-decoration: underline;
}

div#page-contents ul { list-style-type: square; margin-left: 30px; }

/* ============================================================================
    footer...
============================================================================ */

div#main div#footer {
    padding: 10px 40px;
}

div#main div#footer .copyrights {
    float: left;
    padding-top: 10px;
    font-size: 11px;
    color: #444;
    font-weight: bold;
}

div#main div#footer .logos {
    float: right;
}

/* ============================================================================
    menu e sottomenu a comparsa...
============================================================================ */

#ui-mainmenu { margin: 0 0 0 31px; padding: 0; }
#ui-mainmenu div.ui-mainmenu-item { margin: 0; padding: 0; height: 30px; }
#ui-mainmenu div.ui-mainmenu-item:hover { color: #005F8A; background-color: #CCC; }
#ui-mainmenu div.ui-mainmenu-item ul.ui-mainmenu-submenu li { padding: 6px 80px 6px 24px; color: #005F8A; font-size: 12px; font-weight: bold; border-top: #005F8A 1px dotted; cursor: pointer; background: #DEE0E0; opacity: .95; filter: alpha(opacity=95); -ms-filter: "alpha(opacity=95)"; -khtml-opacity: .95; -moz-opacity: .95; }
#ui-mainmenu div.ui-mainmenu-item ul.ui-mainmenu-submenu li:hover {  background-color: #CCC; }

/* ============================================================================
    form contatti...
============================================================================ */

#ui-formcheck-form td { line-height: 25px; }

#ui-formcheck-form input[type=text], #ui-formcheck-form textarea {
    font-family: Arial;
    font-size: 11px;
    border: #000 1px solid;
    background-color: #FFF;
    margin: 3px;
    padding: 2px;
}

#ui-formcheck-form input[type=text]:hover, #ui-formcheck-form textarea:hover {
    background-color: #ECECEC;
}

#ui-formcheck-form input[type=text] { width: 150px; }
#ui-formcheck-form textarea { width: 220px; height: 70px; }

/* ============================================================================
    vari...
============================================================================ */

div.clear { clear: both; width: 0; height: 0; }

/* #585858 */