/* DoNet Style */

body{padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; background:#FFF}

.clearDiv{clear:both}
a{color:#000; text-decoration:none}
a:hover{color:#B30002; text-decoration:underline}
a.selected{font-weight:bold; color:#B30002; text-decoration:none}
a:hover.selected{text-decoration:underline}
a img{border:none}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 10px solid #FF0000;
    margin: 1em 0;
    padding: 0;
}
#container{background:#FFF; margin:0; padding:0px 0 0 0}
#content{margin:0 24px; padding:20px 0 0 0; font-size:.7em; overflow:hidden/*importante*/; height:auto!important; height:400px; min-height:400px}
div.sx{width:50%; float:left}
div.dx{margin-left:51%; overflow:hidden}

/* Header */
#header{
        background:url("/NormativaEsercizio/javax.faces.resource/images/bg_header.gif.xhtml") bottom left repeat-x;
        height:auto !important; 
        padding:0; margin:0; 
        /*
        min-height:145px; 
        height:145px; 
        */
        font-size:.8em; 
        overflow:hidden
        }
#header div.headerTop{padding:12px 25px 0 25px;}
#header div.headerTop div.headerLeftNav{width:36%; padding:0; margin:0; height:auto !important; min-height:10px; height:10px; float:left}
#header div.headerTop div.headerRightNav{margin-left:37%}
#header div.headerRightNavLeft{float:right; margin-right:10px; white-space:nowrap}
#header div.headerBottom{padding:0; margin:0; height:auto !important; 
                         background:url("/NormativaEsercizio/javax.faces.resource/images/bgLogo.gif.xhtml") top left repeat-x #dedcdd;
						 min-height: 100px;height:100px
/*             min-height:122px; height:122px*/
}
#header div.headerBottomRight{float:right; padding: 0px 15px 0px 0px;
background:url("/NormativaEsercizio/javax.faces.resource/images/bgLogo.gif.xhtml") top left repeat-x #dedcdd;
                  height:100px;
                  text-align:right}
/*#header div.headerBottomRight img{margin-top:20px}*/
#header div.headerBottomLeft{float:left; padding:0; margin: 0px 0px 10px 15px; width:15%; 
background:url("/NormativaEsercizio/javax.faces.resource/images/bgLogo.gif.xhtml") top left repeat-x #dedcdd;
                  height:100px;
                  text-align:left
}
#header div.headerBottomLeftIn{padding-top: 10px; margin:0; float: left; }
#header div.headerBottomRightIn{padding:0; margin:0; float: right;}

#graySection{margin:0; padding:0px 24px; height:auto !important; min-height:20px; 
             background:#EAE8EB url("/NormativaEsercizio/javax.faces.resource/images/bg_menu.gif.xhtml") top left repeat-x;            
}

/* Descrizione */
div.descrizione{text-align:center; padding:0 0 1em 0; font-size:1.1em}

/* Riquadro Download */
#topRiq{width:632px; margin:18px auto 0 auto; height:auto !important; min-height:250px; height:250px; background:url("/NormativaEsercizio/javax.faces.resource/images/riqTop.html.xhtml") 0 0 no-repeat}
#topRiq div.int{width:500px; margin:0 auto; padding:100px 0 0 0; color:#535353}
#topRiq div.int div{padding:0 0 14px 0; text-align:center}
div.botRiq{width:632px; margin:0px auto 30px auto; background:url("/NormativaEsercizio/javax.faces.resource/images/riqBot.html.xhtml") 0 0 no-repeat; height:16px}
div.botRiq div{text-align:right; position:relative; bottom:30px; right:23px; font-size:1.1em}
div.botRiq div img{position:relative; top:4px}

/* Titolo */
div.titolo{font-family:Arial; color:#B30002}
div.titolo h3{float:left; margin:4px 0 0 0; padding:0; font-size:16pt}
div.titolo h4{clear:left; font-weight:normal; font-size:12pt; margin:0; padding:0 0 10px 0}
div.titolo img{float:left}

/* Tabella */
div.contTab{width:auto; clear:both; font-size:1.1em; margin-top:0; padding:3px; padding-top:4px; background:#CACACA; position:relative}
div.contTab .corner{position:absolute; background:url("/NormativaEsercizio/javax.faces.resource/images/angoloTab.gif.xhtml"); height:1px; width:1px}
div.contTab .tl{top:0; left:0; background-position:0 0}
div.contTab .tr{top:0; right:0; background-position:0 0}
div.contTab .bl{bottom:0; left:0; background-position:0 0}
div.contTab .br{bottom:0; right:0; background-position:0 0}
div.contTab table{background:#F1F1F1}
div.contTab table th{height:28px; width:auto; padding:3px 7px; text-align:left}
div.contTab a{color:#000; text-decoration:none}
div.contTab a:hover{color:#B30002}
div.contTab img{border:0}
div.contTab img.ico{position:relative; top:3px}
div.contTab td span{padding-left:20px; line-height:18px}
div.contTab table tr.rigatop{background:#890101; color:#FFF; text-align:left}
div.contTab table tr.rigatop th{border-right:1px dotted #FFF; height:auto !important; min-height:34px; height:34px}
div.contTab table tr.rigatop th.cellaultima{border-right:none; width:7%; background:#890101 url("/NormativaEsercizio/javax.faces.resource/images/angDxTh.html.xhtml") right top no-repeat}
div.contTab table td{width:33%; text-align:center; height:40px; padding: 3px 5px; border-right:1px solid #CCC; background:url("/NormativaEsercizio/javax.faces.resource/images/puntinato.gif.xhtml") bottom left repeat-x}
div.contTab table td.cellauno{border-left:1px solid #CCC}
div.contTab table tr.dispari td{background:#FFF url("/NormativaEsercizio/javax.faces.resource/images/puntinato.gif.xhtml") bottom left repeat-x}
div.contTab .clear {clear:both; margin:0; padding:0}

.bottom{padding:10px 0; height:auto !important; min-height:30px; height:30px}
.bottom img{border:0; position:relative; top:10px; left:6px}

/* Footer */
#footer{background:#FFF url("/NormativaEsercizio/javax.faces.resource/images/bg_footer.gif.xhtml") bottom left repeat-x; width:auto; height:auto; min-height:132px; font-size:.7em; text-align:right; margin:0; padding:0}
#footer div.bgRight{background:url("/NormativaEsercizio/javax.faces.resource/images/bg_footer.gif.xhtml") top right no-repeat; width:auto; height:auto; min-height:132px; margin:0; padding:0}
#footer div.footerRightNav{float:right; width:auto; padding:20px 25px 0 0; margin:0}
#footer div.footerRightNavImg{float:right; width:auto; padding:13px 25px 0 0; margin:0}
#footer div.footerLeftNav{padding:20px 35px 0 0; float:right}
#footer a,
#footer span{color:#000}
#footer a:hover{color:#B30002}
#footer a.selected{color:#B30002}
#footer img{border:none}

#TDTitoloReg {
    font-size: 11px;
    font: 13px/1.231 arial,helvetica,clean,sans-serif;
    background-color: #c2c2e8;
    color: #000000;
    font-weigth: bold;
    margin: 0px;
    padding: 2px 2px 2px 4px;
    border-bottom: 1px solid #999999;
    font-weight: bold;
}
/* News scorrevoli */
#news{font-size:1em; font-weight:normal; padding:8px 0 0 108px; white-space:nowrap;
        background:url("/NormativaEsercizio/javax.faces.resource/images/ultimeNews.png.xhtml") left center no-repeat;
		color: black;
      }
#news span{color:#B30002}
#news span.separa{color:#626262; font-weight:bold}

#news p {
    margin-top: 0pt;
    margin-bottom: 0pt;
    display: inline-block;
    padding-left: 100%;
    width: 80%;
    animation: marquee 10s linear infinite;
}
#news p:hover {
    -moz-animation-play-state: paused;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

.ui-layout-resizer {
 position: absolute;
 padding: 0px;
 margin: 0px;
 font-size: 1px;
 text-align: left;
 overflow: hidden;
 z-index: 2;
 top: 103px;
 cursor: default;
 width: 1920px;
 height: 0px !important;
 left: 0px;
}

.ui-datatable tbody td {
 color: black;
}