html {
    height: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #464646;
    background: url(../Images/BgBody.jpg);
    height: 100%;
    text-align: center;
}

a, a:active, a:link {
    color: #14a4b3;
}

a:hover {
    color: #16555c;
}

h1 {
    font-size: 20px;
    color: #14a4b3;
    border-bottom: 3px solid #14a4b3;
    margin-bottom: 10px;
    padding-bottom: 3px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

.Ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#Ellipsis');
}

#Progress {
    position: absolute; 
    left: 50%; 
    top: 50%; 
    margin-top: -7; 
    margin-left: -104px
}

/*
---------------------------------------------------
STRUTTURA SITO
---------------------------------------------------
*/
.Site {
    position: relative;
    width: 100%;
    min-height: 100%;
    background: url(../Images/BgSite.jpg) repeat-y center;
}

#Content {
    width:982px;
    margin: 0px auto;
    padding-bottom: 22px;
    text-align: left;
}

#Content:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#LeftBar {
    width: 180px;
    float: left; 
}

#MainBar {
    width: 583px;
    padding: 10px 25px 25px;
    float: left; 
}

#RightBar {
    width: 169px;
    float: left; 
}


#Header {
    width: 100%;
    padding-top: 10px;
    background-color: #343027;
}

#Footer {
    clear: both;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 22px;
    background-color: #d7d3cc;
}

/*
---------------------------------------------------
TOP MENU
---------------------------------------------------
*/

#TopMenu {
    width: 100%;
    background: url(../Images/BgTopMenu.jpg) repeat-x;
    float: left;
}

#TopMenu img {
    float: left;
}

#TopMenu ul {
    float: left;
    width: 702px;
    margin: 0px;
    padding: 0px;
}

#TopMenu ul li {
    display: inline;
    float: left;
}

#TopMenu ul li a {
    display: block;
    width: 155px;
    color: #464646;
    font-size: 13px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
}

#TopMenu ul li a:hover {
    color: #000000;
}

/*
---------------------------------------------------
LEFT BAR
---------------------------------------------------
*/
#LeftBar h2 {
    width: 172px;
    margin-top: 10px;
    padding-left: 9px;
    color: #FFFFFF;
    line-height: 25px;
}

#LeftBar h2.Green {
    background-color: #14a4b3;
}

/*LEFT MENU*/

#LeftMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 181px;
    border-top: 10px solid #ecece5;
}

#LeftMenu li {
    border-bottom: 1px solid #ecece5;
}

#LeftMenu li a {
    display: block;
    padding-left: 25px;
    background: #b2b0a5 url(../Images/BgItemMenu.jpg) no-repeat 10px 8px;
    color: #ecece5;
    line-height: 25px;
}

#LeftMenu li a.Active, #LeftMenu li a.ui-state-active {
    background: #b2b0a5 url(../Images/BgItemMenuSel.jpg) no-repeat 10px 8px;
}

#LeftMenu li ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    width: 181px;
    overflow: hidden;
}

#LeftMenu li ul li {
    border: 0px;
}

#LeftMenu li ul li a {
    background: #d5d4cb url(../Images/BgSubItemMenu.jpg) no-repeat 10px 8px;
    color: #464646;
}

#LeftMenu li ul li a:hover,
#LeftMenu li ul li a.Sel {
    background: #d5d4cb url(../Images/BgSubItemMenuSel.jpg) no-repeat 10px 8px;
    color: #16555c;
}

/*FORM LOGIN*/

#LeftBar #FormLogin {
    color: #FFFFFF;
    padding: 5px;
    width: 171px;
}

#LeftBar #FormLogin .Input {
    width: 166px;
    margin-bottom: 5px;
}

#LeftBar #FormLogin .Button {
    float: right;
    width: 80px;
}

/*
---------------------------------------------------
RIGHT BAR
---------------------------------------------------
*/
#RightBar h2 {
    width: 160px;
    margin-top: 10px;
    padding-left: 9px;
    color: #FFFFFF;
    line-height: 25px;
}

#RightBar h2.Green {
    background-color: #14a4b3;
}

#RightBar h2.Gray {
    background-color: #93907d;
}

#RightBar #ListConsortium {
    margin: 0px;
    padding: 0 0 0 10px;
    list-style-type: none;
}

#RightBar #ListConsortium li span {
    display: inline-block;
    text-align: right;
    width: 15px;
    margin-left: 5px;
}


/*
---------------------------------------------------
FOOTER
---------------------------------------------------
*/

#Footer #Info {
    width: 962px;
    margin: 0px auto;
    padding: 0 10px;
    border-top: 3px solid #FFFFFF;
    background-color: #16555c;
    line-height: 19px;
    color: #FFFFFF;
    font-size: 11px;
    text-align: left;
}

#Footer #Info a {
    color: #FFFFFF;
}

#Footer #Credit {
    float: right;
}

/*
---------------------------------------------------
HOME PAGE
---------------------------------------------------
*/




.BoxHome {
    width: 275px;
}

.BoxHome.Left {
    float: left;
}

.BoxHome.Right {
    float: right;
}

.BoxHome.Press {
    float: left;
    width: 362px; 
    margin-top: 20px
}

.BoxHome.Event {
    float: right;
    width: 189px;
    margin-top: 20px
}

.BoxHome h1 {
    margin: 0px;
    padding: 0px 0 0 5px;
    border: 0px;
    border-bottom: 2px solid;
}

.BoxHome h1.Doc {
    color: #14a4b3;
    border-color: #14a4b3;
}

.BoxHome h1.Att {
    color: #0e7984;
    border-color: #0e7984;
}


.BoxHome h2 {
    padding: 0 0 5px 5px;
}

.BoxHome h2.Green {
    color: #16555c;
}

.BoxHome h2.Gray {
    color: #b2b0a5;
    border-bottom: 2px solid #b2b0a5;
}

.BoxHome h3 {
    font-size: 12px;
    padding: 10px 0 0 5px;
    margin-top: 5px;
}

.BoxHome .Press {
    clear: both;
    width: 100%;
    margin: 0px;
    padding: 10px 0 0 0;
    list-style-type: none;
    border-top: 2px solid #16555c;
}

.BoxHome .Press  li {
    width: 88px;
    float: left;
    text-align: center;
    font-weight: bold;
}

.BoxHome .Press  li img {
    display: block;
    margin: 0px auto 10px;
}

.BoxHome .Partners li {
    font-weight: bold;
}

.BoxHome .ListItem {
    margin: 0 0 10px 5px;
    padding: 0px;
    list-style-type: none;
}

.BoxHome .ListItem li {
    margin-bottom: 5px;
    padding-top: 5px;
    border-top: 1px dotted #DEDEDE;
    height: 15px;
}

.BoxHome .ListItem li a {
    color: #464646;
}

.BoxHome .ListItem li a:hover {
    color: #16555C;
}

.BoxHome .ListItem li .Title {
    width: 240px;
    display: inline-block;
    padding-left: 15px;
    background: url(../Images/BgItemMenu.jpg) no-repeat 0 3px;        
}

.BoxHome .ListItem li a span.Title {
    cursor: pointer;
    cursor: hand;
}

#BoxCarousel {
    margin-top: 10px;
}

#BoxCarousel ul li {
    margin-bottom: 5px;
}

.BoxBanner {
 	color:#ffffff;
    padding: 14px;
    font-size: 12px;
    background-color:#14a4b3;
    margin:5px 20px 20px 0;
    text-align:justify;
    width: 252px;
}

/*
---------------------------------------------------
VISUALIZZAZIONE CONTENUTI
---------------------------------------------------
*/

/*Tabulazione*/
.ui-tabs { zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-hide { display: none !important; }

/*Stile tab*/

.BoxContent {
    width: 576px;
    padding: 2px;
    float: left;
    position: relative;
}

/*Navigazione contenuti per mese*/

.BoxContent #MonthNavigation {
    margin: 0 0 5px;
    padding: 0px;
    float: left;
    width: 574px;
    border: 1px solid #aaaaaa; 
    background: #cccccc url(../images/BgMonthNavigation.jpg) repeat-x; 
}

.BoxContent #MonthNavigation li a { 
    color: #222222; 
    font-weight: bold;   
    text-transform: capitalize; 
}

.BoxContent #MonthNavigation li.ui-tabs-selected a {
    color: #14a4b3;
}

/*Navigazione contenuti per anno*/

.BoxContent #YearNavigation {
    float: left;
    margin: 0px;
    padding: 0px;    
    width: 574px;
    list-style-type: none;
    background-color: #14a4b3;
    border: 1px solid #16555c;
}

.BoxContent #YearNavigation li {
    float: left;
}

.BoxContent #YearNavigation li a { 
    float: left; 
    text-decoration: none; 
    padding: .5em 1em; 
    color: #16555c;
    font-weight: bold;       
}

.BoxContent #YearNavigation li a:Hover {
    color: #FFFFFF;
}

.BoxContent #YearNavigation li a.Select {  
    color: #FFFFFF;
    cursor: text;
}

/*Tabella contenuti*/

.BoxContent .TabContent {
    float: left;
    width: 574px;
    margin: 0;
}

.BoxContent .TabContent tr td {
    padding: 5px 2px;
    border-bottom: 1px dotted #DEDEDE;
}

.BoxContent .TabContent tr td .Date {
    display: block;
}

.BoxContent .TabContent tr td .Abstract {
    display: block;
}

.BoxContent .TabContent tr td .Source {
    display: block;
    font-style: italic;
    margin-bottom: 5px;
}

.BoxContent .TabContent tr td .Title {
    font-weight: bold;
}

.BoxContent .TabContent tr.Pager td {
    text-align: right;
    border-bottom: 0px;
}

.BoxContent .TabContent tr.Pager td a {
    padding: 0 2px;
    color: #464646;
}

.BoxContent .TabContent tr.Pager td span {
    padding: 0 2px;
    color: #14a4b3;
}

/*Contatti*/
.ContactMap {
    float:right; 
    padding: 2px; 
    border: 1px solid #AAAAAA;
}

/*Organigramma*/
.Organigram tr td {
    vertical-align: top;
    padding: 4px;
    background-color: #F8F8F8;
}

.Organigram tr td.CellHeader {
    background-color: #F1F1F1;
    font-weight: bold;
    width: 200px;
}

.Organigram tr td h3 {
    margin: 5px 0 0;
}

/*Storia*/
.HistoryPager {
    width: 100%; 
    text-align: right;
}

.HistoryPager.Top {
    margin-bottom: 20px;
}

.HistoryPager.Bottom {
    margin-top: 20px;
}

.HistoryPager a {
    margin: 0px 5px;
}

/*Altri consorzi*/
a.BtnPager {
    display: inline-block;
    padding: 0 2px;
    color: #464646;
}

.BtnPagerSel {
    display: inline-block;
    padding: 0 2px;
    color: #14a4b3;
}

/*Consorzi Veneto*/
.Consortium {
    margin: 20px 0 0 0;
    padding: 10px 0 0 0;
    list-style-type: none;
    border-top: 1px dotted #DEDEDE;
}

.Consortium li {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #DEDEDE;
}

.Back {
    width: 100%;
    text-align: right;
}

.Back a {
    padding-left: 15px;
    background: url(../Images/BtnBack.jpg) no-repeat 0px 4px;
}