﻿/********************/
/* CSS per il video */
/********************/
@media screen 
{

    /* standard TAG */
    html, body
    {
        margin: 0;
        padding: 0;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        text-align: left;
    }
    
    h1, h2, h3, h4, h5, h6
    {
        border-style: none;
        margin: 0;
        padding: 0;
        vertical-align: top;
        font-style: normal;
        font-variant: normal;
        text-transform: none;
        text-decoration: none;
        font-weight: normal;
    }
    
    h1
    {
        font-size: 21px;
        font-weight: bold;
    }

    h2
    {
        font-size: 19px;
    }

    h3
    {
        font-size: 17px;
    }
    
    h4
    {
        font-size: 15px;
    }
    
    p
    {
        padding: 0px;
        margin: 0px 0px 20px 0px;
        line-height: 18px;
        text-align: justify;
    }

    a
    {
        color: #0000FF;
        text-decoration: none;
    }
    
    a:hover
    {
        text-decoration: underline;
    }
    
    table
    {
        table-layout: fixed;
        border-collapse: collapse;
        border-spacing: 0;
        empty-cells: show;
        padding: 0px;
        margin: 0px;
    }
    
    tr,td,th,thead,tbody
    {
        margin: 0px;
        padding: 0px;
    }
    
    ol, ul
    {
        list-style: disc;
    }



    /* layout MasterPage */

    #div_container
    {
        width: 990px;
        margin: 0 auto;        
        background-color: #FFFFFF;
    }
    
    
    #table_top
    {
        width: 990px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #FFFFFF;
    }
    
    #td_top_logo
    {        
        width: 262px;
        height: 116px;
        background-color: #000000;
        vertical-align: bottom;
    }
    
    #td_top_banner
    {
        width: 728px;
        background-color: #000000;
        padding-top: 5px;
    }
    
    #table_navigation
    {
        width: 990px;
        background-color: #000000;        
    }
    
    #td_navigation
    {
        padding: 0px;
        margin: 0px;
    }
    
    #table_subnavigation
    {
        width: 990px;
        background-color: #FB7D00;
    }
    
    #td_subnavigation
    {
        padding: 5px;
        color: #FFFFFF;
    }
  
    #table_search_login
    {
        width: 990px;
        background-color: #FFFFFF;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 11px;
    }
    
    #td_cerca
    {
        width: 360px;
        padding: 0px 0px 0px 10px;
    }
    
    #td_login
    {
        padding: 0px 10px 0px 0px;
        text-align: right;
    }
  
    #table_contents
    {               
        width: 990px;
        background-color: #FFFFFF;
        border-top-style: dotted;
        border-top-width: 1px;
        border-top-color: #C0C0C0;
    }
  
    #td_contents
    {
        padding: 10px;
        vertical-align: top;
    }
  
    #td_extra
    {
        width: 322px;
        text-align: center;
        vertical-align: top;
        border-left-style: solid; 
        border-left-width: 1px; 
        border-left-color: #CCCCCC;
    }
  
    #table_foot
    {
        width: 990px;
        background-color: #000000;    
    }
    
    .td_foot
    {
        background-color: #333333;
        border: 10px solid #000000;
        padding: 10px;
        margin: 0px;
        vertical-align: top;
    }
    
    #div_foot
    {
        width: 990px;
        background-color: #000000;
        text-align: center; 
        font-size: 11px; 
        color: #C0C0C0; 
        line-height: 13px;
    }
    
    #div_debug
    {
       width: 990px;
       background-color: #000000;
       text-align: center; 
       font-size: 10px; 
       color: #C0C0C0;
       padding-top: 10px;
    }


    /* menu main in MasterPage*/
        
    ul#menu_main
    {
        width: 100%;
        height: 30px;
        list-style-type: none;
        background: url("../images/layout/bg_menu_main.png") no-repeat left top;
        font-size: 13px;
        font-family: verdana,arial,sans-serif;
        font-weight: bold;
        margin: 0;
        padding: 0;
        color: #FFFFFF;
    }
    
    ul#menu_main li
    {        
        display: block;
        float: left;
        margin: 0;
        padding: 0px;
        background: url("../images/layout/bg_li_menu_main_off.png") no-repeat right top;
    }
    
    ul#menu_main li a
    {
        height: 22px;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        float: left;
        line-height: 100%;
        padding: 8px 15px 0px 15px;
    }
            
    ul#menu_main li a:hover
    {
       background: url("../images/layout/bg_li_menu_main_on.png") no-repeat right top;
    }
    
    .menu_main_selected
    {
        background: url("../images/layout/bg_li_selected_menu_main.png") no-repeat right top;
    }
    



    /* submenu in MasterPage*/
    
    ul#submenu
    {
        width: 100%;
        list-style-type: none;
        font-size: 12px;
        font-family: verdana,arial,sans-serif;
        font-weight: normal;
        margin: 0;
        padding: 0;
        color: #FFFFFF;
    }
    
    ul#submenu li
    {
        padding: 0px;
        display: block;
        float: left;
        margin: 0;
        border-right-style: solid;
        border-right-width: 1px;
        border-right-color: #FFFFFF;
    }
    
    ul#submenu li a
    {
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        float: left;
        line-height: 100%;
        padding: 5px 15px 5px 15px;
    }
    
    ul#submenu li a:hover
    {
        color: #FFFF00;
        text-decoration: underline;
    }
    

        
    /* menu footer */
        
    .menu_footer
    {
        margin: 0;
        padding: 0px;
        line-height: 16px;
        list-style-type: none;
    }
            
    .a_menu_footer
    {        
        margin: 0;
        padding: 0px;
        color: #FFFFFF;
        text-decoration: none;
    }
    
    .a_menu_footer:hover
    {
        color: #FFCC00;
        text-decoration: underline;
    }
    
       


    /* form */

    .textbox
    {
        padding: 2px;
        border: 1px solid #BDBDBD;
        margin-right: 10px;
    }
    
    .login_username
    {
        padding-left: 22px;
        background: #FFFFFF url(../images/layout/icon_user.png) no-repeat 2px 3px;
    }
    
    .login_password
    {
        padding-left: 22px;
        background: #FFFFFF url(../images/layout/icon_password.png) no-repeat 2px 3px;
    }
    
    .search
    {
        padding-left: 22px;
        background: #FFFFFF url(../images/layout/icon_search.png) no-repeat 2px 3px;
    }
    
    .div_form
    {
        padding-bottom: 15px;
    }

    .helptext
    {
        font-size: 9px;
        font-style: italic;
    }

    .asterisco
    {
        color: #FF0000;
    }
    
    
    /* varie */
    
    .titolo_pagina
    {
        padding-top: 10px;
        padding-bottom: 20px;
    }

}



/*********************/
/* CSS per la stampa */
/*********************/
@media print 
{
    
    html, body
    {
        margin: 0;
        padding: 0;
        font-family: verdana,arial,sans-serif;
        font-size: 13px;
        color: #000000;
        text-align: left;
        background-color: #FFFFFF;
    }

    div#container
    {
        display: block;
        background-color: #FFFFFF;
    }

    #td_top_banner
    {
        display: none;
    }
    
    #td_top_logo
    {
        display: block;
        background-color: #000000;
        width: 100%;
        text-align: center;
    
    }

    #table_navigation
    {
        display: none;
    }

    #table_subnavigation
    {
        display: none;    
    }

    #table_search_login
    {
        display: none;    
    }

    #table_contents
    {
        display: block;
        background-color: #FFFFFF;
        width: 100%  
    }

    #td_contents
    {
        display: block;
        background-color: #FFFFFF;
        width: 100%  
    }

    #td_extra
    {
        display: none;    
    }

    #table_foot
    {
        display: none; 
    }

    #div_foot
    {
        display: block;    
        width: 100%;        
        background-color: #FFFFFF;
        text-align: center; 
        font-size: 10px; 
        line-height: 13px;
        padding-top: 30px;
        padding-bottom: 50px;
    }
    
    #div_debug
    {
       display: none; 
    }
    
}
