﻿/*//////////////////////////////// GLOBALI ////////////////////////////////////////////////*/

html, body {
    margin:0;
    padding:0;
    background:#FFFFFF;
}

body {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:1.1;
    text-align:left;
}

p, img { margin:0; padding:0; border:0; }
h4 { font-size:16px; margin:7px; padding:0; color:#333333; }
a:link { color:#333333; text-decoration:none; }
a:visited { color:#333333; text-decoration:none; }
a:hover { color:#CC0000; text-decoration:underline; }
ul { margin:7px 0px 0px 7px; padding:0px; font-weight:bold; color:#005FA9; list-style:none; }
li { padding: 3px 0.5em 3px 13px; margin:0px; background:url(../img/freccia_lista.gif) left center no-repeat; border-bottom:1px solid #999999; }
ul a:link { color:#005FA9; text-decoration:none; }
ul a:visited { color:#005FA9; text-decoration:none; }
ul a:hover { color:#CC0000; text-decoration:underline; }
.grassetto { font-weight:bold; }
.grassetto_blu { font-weight:bold; color:#CC0000 }

.tabella_bo td, .tabella_bo th { padding:3px 7px 5px 7px !important; line-height:14px; text-align:left; vertical-align:top; }
.tabella_bo2 td, .tabella_bo2 th { padding:3px 7px 5px 7px !important; line-height:14px; text-align:left; vertical-align:top; border:1px solid #555555; }
.tabella_bo2 th { color:#333333; background-color:#EBEBEB; }
/*.tabella_bo th { background-color:#CCCCCC; color:#000000; }
.footer_tab { background-color:#CCCCCC !important; color:#000000; }*/

/*//////////////////////////////// CONTENITORE ////////////////////////////////////////////*/

.content {
    width:880px;
    height:auto;
    margin:0px 0px 10px 0px;
    padding:0px 10px 10px 10px;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    border-left:1px solid #999999;
    text-align:left;
}


/*//////////////////////////////// HEADER ////////////////////////////////////////////////*/

.header {
    width:878px;
    height:72px;
    background:#000000 url(../images/logo_menu_nav.jpg) no-repeat left top;
    text-align:right;
    border:1px solid #FFFFFF;
    margin:0;
    padding:0;
}
.header p { margin:10px 0px 0px 0px; color:#999999; }
.header img { float:left; }
.header a:link { color:#999999; text-decoration:none; }
.header a:visited { color:#999999; text-decoration:none; }
.header a:hover { color:#999999; text-decoration:underline; }


/*//////////////////////////////// MENU DI NAVIGAZIONE ////////////////////////////////////*/

.nav {
    width:880px;
    height:27px;
    background-color:#FFFFFF;
    margin-bottom:8px;
    vertical-align:middle;
    z-index:100;
}

.menu_nav {
    width:880;
    height:27px;
    background-color:#FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFFFFF;
    text-indent:10px;
}

.pulsanti {
    background:url(../img/bg_menu.gif) repeat-x;
}

.pulsanti_hover {
    background:url(../img/bg_menu_hover.gif) repeat-x;
}

.tendina {
    background-color:#FFFFFF;
    color:#CC0000;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    padding-right:6px;
    /* width:auto; */
    height:19px;
    text-indent:5px;
    cursor:pointer;
}

.tendina_hover {
    background-color:#01A6EA;
    color:#FFFFFF;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    padding-right:6px;
    /* width:auto; */
    height:19px;
    text-indent:5px;
    cursor:pointer;
}


/*//////////////////////////////// COLONNE ////////////////////////////////////////////////*/

.colonna_unico {
    width:880px;
    height:auto;
    background-color:#FFFFFF;
    margin:0px 0px 10px 0px;
}

.colonna_sx {
    width:253px;
    height:auto;
    float:left;
    background-color:#FFFFFF;
    margin:0px 0px 10px 0px;
}
.colonna_dx {
    width:627px;
    height:auto;
    float:right;
    background-color:#FFFFFF;
    margin:0px 0px 10px 0px;
}
.colonna_dx p { padding:7px; }

.ricerca {
    width:230px;
    height:22px;
    background-color:#CC0000;
    padding:6px 6px 0px 6px;
    margin:0px;
    vertical-align:middle;
}
.ricerca input { width:174px; height:14px; margin:0px; border:0px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.ricerca #campo { margin:0px; float:left; }
.ricerca #search { margin:0px; float:right; }

.box_bianco_sx {
    width:237px;
    padding:8px;
    margin-bottom:10px;
}

.box_banner_sx {
    width:237px;
    margin-bottom:10px;
}

#splash_top {
    width:627px;
    height:auto;
    margin:0;
    padding:0;
    z-index:0;
}

.titolo_sezione {
    width:627px;
    height:30px;
    border-top:solid 1px #999999;
    border-bottom:solid 1px #999999;
    margin:0px;
    padding:0px;
}

.box_centrale_unico {
    width:627px;
    height:auto;
    padding:0px;
    margin:0px;
}

.box_centrale_stretto {
    width:340px;
    height:auto;
    padding:0px;
    margin:0px;
}

.box_centrale_largo {
    width:420px;
    height:auto;
    padding:0px;
    margin:0px;
}

.colonna_img_larga {
    width:280px;
    height:auto;
    margin:0px;
    padding:0px;
}
.colonna_img_larga p { font-size:10px; padding:7px 7px 0px 0px; }
.colonna_img_larga img { margin-top:7px; }

.colonna_img_stretta {
    width:200px;
    height:auto;
    margin:0px;
    padding:0px;
}
.colonna_img_stretta p { font-size:10px; padding:7px 7px 0px 0px; }
.colonna_img_stretta img { margin-top:7px; }

#orientamento_dx { float:right; }
#orientamento_sx { float:left; }


/*//////////////////////////////// FOOTER ////////////////////////////////////////////////*/

.footer {
    width:880px;
    height:18px;
    clear:both;
    text-align:left;
    border-top:1px solid #999999;
    padding:0;
}
.footer p {
    margin:6px 0px 0px 0px;
    color:#999999;
}
#footer_sx { color:#999999; float:left; }
#footer_dx { color:#CC0000; float:right; }


/*//////////////////////////////// TREE VIEW /////////////////////////////////////////////*/

.content_treeView {
    width:242px;
    height:auto;
    margin:0;
    padding:0;
    background-color:#FFFFFF;
    border-bottom:1px solid #CC0000;
}

.treeView {
    width:242px;
    height:auto;
    margin:0;
    padding:0;
    background-color:#FFFFFF;
}

.primoNodo {
    background:#FFFFFF url(../img/primonodo.gif) no-repeat left center;
    color:#CC0000;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:16px;
    cursor:pointer;
}

.primoNodo_hover {
    background:#CC0000 url(../img/primonodo_hover.gif) no-repeat left center; 
    color:#FFFFFF;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:16px;
    cursor:pointer;
}

.primoNodo_hover_2 {
    background:#CC0000 url(../img/primonodo_hover_2.gif) no-repeat left center; 
    color:#FFFFFF;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:16px;
    cursor:pointer;
}

.secondoNodo {
     background:#FFFFFF; /*url(../img/secondonodo.gif) no-repeat left center; */
    color:#CC0000;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:11px;
    cursor:pointer;
}

.secondoNodo_hover {
    background:#0FB6FC; /* url(../img/secondonodo_hover.gif) no-repeat left center; */
    color:#FFFFFF;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:11px;
    cursor:pointer;
}

.terzoNodo {
    background:#FFFFFF url(../img/terzonodo.gif) no-repeat left center;
    color:#CC0000;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:6px;
    cursor:pointer;
}

.terzoNodo_hover {
    background:#5CCBFF url(../img/terzonodo_hover.gif) no-repeat left center;
    color:#FFFFFF;
    border-top:1px solid #CC0000;
    border-left:1px solid #CC0000;
    border-right:1px solid #CC0000;
    margin:0px;
    height:19px;
    text-indent:6px;
    cursor:pointer;
}

.tab_page{
    width:100%;
    text-align:left;
    vertical-align:top;
    
}
.tab_page_first{
    width:200px;
    text-align:left;
    vertical-align:top;
}
.tab_page_content{
   text-align:left;
   vertical-align:top; 
   padding-left:20px;
}