/* ------------------------------------ *
 CSS
sTyleSheet for Presentazione Risultati Elettorali
Datagraph S.R.L.
 * ------------------------------------ */

/*LAyout*/
#page {
min-height:100% !important;
height:100%;
}
#header {
    width:98.1%;
    margin-top:0px;
    margin-bottom:0px;
    margin-left:1%;
    margin-right:1%;
    height:auto;
    display:table;
    }
#main {
    width:98.1%;
    clear:both;
    background:#FFFFFF;
    border: 2px solid #585858;
    margin:1%;
    margin-top:2px;
    margin-bottom:2px;
    text-align:center;
    height:70%;
    display:table;
    }
#footer {
    width:98.1%;
    margin-left:1%;
    margin-bottom:0px;
    height:auto;
    display:table;
    }

#logocomune {
    
    vertical-align:middle;
    top:10px;
    }
#titolocomune{
    float:left;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    }
#titoloprese{
    width:100%;
    text-align:center;
    /*line-height:60px;*/
    margin-top:14px;
    margin-bottom:0px;
    float:right;
    }
#titoloele{
    text-align:center;
    width:100%;
    clear:both;}
#titolopagina{
    text-align:center;
    width:100%;
    clear:both;
    }
#infotop1{
    float:left;
    margin:5px;
    white-space:nowrap;
    }
   .infotoptit{
    margin-right:3px;
    white-space:normal;
    font-weight:bold;
    }
    .infotopval{
    margin-right:5px;
    white-space:normal;
    }
#infotop2{
    float:right;
    margin:5px;
    white-space:nowrap;
    }

.grayedBorder {
    background:#F0F0F0;
    border: 2px solid gray;
    }
.grayed {
    background:#F0F0F0;
    }

.clearboth    {
    clear:both;
    width:100%;
    margin-top:3px;
    z-index:-1;
height:1px;
line-height:1px;
    }
/*menupricipale*/
table.menutab{
    width:98%;
margin:1%;
}
td.menutitele{
 background:#F0F0F0;
    border: 1px solid gray;
    width:100%;
font-weight:bold;

}
td.menutdris{
      text-align:center;
}
table.menutabris{
height:100%;
width:70%;
margin-bottom:12px;
}
td.menutdimg{
       width:10%;
display:none;
}
td.menutdris{
       width:60%;
text-align:left;
background-color:white !important;
}
td.menutdslide{
background-color:#99CCFF;
border: 1px solid gray;
}
.menuvalstato{
font-weight:normal;
font-size:smaller;
margin-left:5px;
}
/*Infogenerali*/

.infogen{
   margin-top:10px;
   margin-bottom:10px;

    }
.nfogen {
   margin-top:10px;
   margin-bottom:10px;

    }
.nfogennomecampo{
    float:left;
    margin-left:1%;
    margin-top:3px;
    text-align:left;
    line-height:normal;
    }
.nfogenvalore{
    width:9%;
    float:left;
    background-color:#e6e6e6;
    margin-top:3px;
    line-height:normal;
    font-weight:bold;
    margin-left:5px;
}
.nfogentitolo{
    float:left;
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    text-align:left;
    margin-left:1%;
    line-height:normal;
    }
.nfogennomecamporil{
    width:15%;
    float:left;
    margin-top:3px;
    text-align:left;
    line-height:normal;
    margin-left:1%;
 }
.nfogenvaloreril{
    float:left;
    background-color:#e6e6e6;
    margin-top:3px;
    text-align:left;
    line-height:normal;
}

/*Infosezioni*/

table.tabellasezioni{
     height:100%;
}
td.valsezioninome{
background-color:  #e6e6e6;
}
td.valsezioni{
background-color:  #e6e6e6;
text-align:center;
}
td.nfoseztitsez{
width:60%;
font-weight:bold;
}
td.nfoseztitm{
width:13%;
font-weight:bold;
text-align:center;
}
td.nfoseztitf{
width:13%;
font-weight:bold;
text-align:center;
}
td.nfoseztitt{
width:13%;
font-weight:bold;
text-align:center;
}


/*InfoListe*/

table.tabellaliste{
        width:98%;
        padding-bottom:2%;
margin:1%;
height:100%;
}
table.tabellalistepercoll{
        width:98%;
        padding:5px;
margin:1%;
}
td.nfolistitnum{
font-weight:bold;
text-align:center;
width:6%;
}
td.nfolistitsig{
font-weight:bold;
text-align:left;
padding-left:1%;
width:25%;
}

td.nfolistitden{
font-weight:bold;
text-align:left;
padding-left:1%;
width:50%;
}

td.nfolistitcol{
font-weight:bold;
text-align:center;
width:3%;
}

td.nfolistitimg{
font-weight:bold;
text-align:center;
width:10%;
}

td.nfolistitncan{
font-weight:bold;
text-align:center;
width:7%;
}

td.vallisten{
background-color:  #e6e6e6;
text-align:center;
}
td.vallistesigla{
background-color:  #e6e6e6;
text-align:left;
font-weight: bold;
padding-left:1%;
}
td.vallisteden{
background-color:  #e6e6e6;
text-align:left;
font-weight: bold;
padding-left:1%;
}
td.vallisteimg{
background-color:  #e6e6e6;
text-align:center;
padding:5px;
}
td.vallistecand{
background-color:  #e6e6e6;
text-align:center;
}
/*InfoCandidati*/
.divcandlista {
        width:98%;
        margin:1%;
}
table.tabellacand{
        width:100%;
        
}
table.tabellacand td{
border:1px solid gainsboro;
padding:2px;
}
table.tabellacandinner{
        width:100%;
        padding:1px;
}
.candnlista{
background-color:  #cccccc;
text-align:left;
font-weight: bold;
margin-left:6px;
margin-right:6px;
padding:5px;
height:19px;
}
tr.candnlista{
background-color:  #cccccc;
text-align:left;
}
.tdimglista{
padding:5px;
}
.trevidenziata td{
background-color:#f0f0f0;

}
td.candvaltitnum{
background-color:  #cccccc;
text-align:center;
width:5%;
}
td.candvaltitfoto{
background-color:  #cccccc;
text-align:center;
}
td.candvaltitnome{
background-color:  #cccccc;
text-align:left;
font-weight: bold;
}
td.candvaltitabb{
background-color:  #cccccc;
text-align:left;
}

td.candvaltitpref{
background-color:  #cccccc;
text-align:left;
width:8%;
}
td.candvalnum{
text-align:center;
}
td.candvalfoto{
text-align:center;
}
td.candvalnome{
text-align:left;
}
td.candvalabb{
text-align:left;
}
/*InfoSindPres*/
.sind {
    width:98%;
    
    margin:1%;
    border:1px solid gainsboro;
}
table.sindtab {
   
     width:100%;
}
td.sindtdcont {
     width:40%;
}
td.sindtdliste{
     width:50%;
     padding-left:3%;
}
table.sindtabcont {
    background-color:  #cccccc;
    padding:1%;
    border:1px solid DimGray;
        width:100%;
}

.sindnum {
line-height:50px;
font-weight:bold;
width:10%;
padding:5px;
}
.sindfoto {

margin-right:10px;
margin-left:10px;
width:14%;
padding:5px;
}
.sindnome {
line-height:50px;

font-weight:bold;
padding-left:5px;
width:50%;
}
.sindcoll{
                float:left;


}
.sindlistaimg{
               float:left;


}
.sindlistanome{
                float:left;
padding:5px;

}
/*Votanti*/
table.tabellacandinner{
        width:100%;
        padding:5px;
}
table.vottab{
        width:100%;
        height:100%;
}
td.votril{
        width:10%;
background-color:#f0f0f0;
         white-space:nowrap;
        padding:5px;
        font-size:small;
}
.titril{
        font-weight:bold;
}
.affdatinonril{
        text-align:center;
        background-color:#F0F0F0;
}
td.votperc  {
        width:70%;
         white-space:nowrap;
background-color:#f0f0f0;
        padding:5px;
}
table.vottabperc  {
        width:100%;
        padding:0px;
}
td.votnperc  {
    width:10%;
    font-size:smaller;
    min-width:58px;         
}
td.votbar  {
        width:70%;
}
table.vottabbarre  {
        width:100%;
height:100%;
        padding:1px;
border:solid 1px #999999;
background-color:#ffffff;
}
td.votbarcolm  {
       background-color:#52A8FF;
        height:16px;
}
td.votbarcolf  {
       background-color:#FF8F8F;
        height:16px;
}
td.votbarcolt  {
       background-color:green;
        height:16px;
}
td.votdat  {
         width:10%;
background-color:#f0f0f0;
        padding:5px;

}
td.votdatsez   {
    padding:3px;
    text-align:center;
    white-space:nowrap;
    font-size:smaller;
    line-height:12px;
    height:10px;
}
td.votdatval  {
    padding:3px;
    text-align:right;
    white-space:nowrap;
font-size:small;
}
td.votdatvalperc  {
    padding:3px;
    text-align:right;
    white-space:nowrap;
font-size:small;
font-weight:bold;
}
/*Menusezioni*/
.menusez {
        margin:1%;
width:100%;
}
.menuseznoris{
color:red;
font-weight:bold;
font-size:9pt;
}
.menusezcoll  {
float:left;
margin-right:6%;
margin-left:6%;
width:37%;

}
.menusezcolr  {
float:left;
margin-right:6%;
margin-left:6%;
width:37%;

}
.menusezsez  {

}
/*Votidilista*/
.vlis    {
        width:100%;
        padding:5px;
height:100%;
}
table.vlistab{
        width:99%;
        padding:5px;
height:100%;
}
tr.vlistit{
     font-weight:bold;
}
td.vlistit1  {
background-color:#cccccc;
width:30%;
padding-left:5px;
}
td.vlistitimg  {
background-color:#cccccc;

}
td.vlistit2  {
background-color:#cccccc;
width:53%;
padding-right:5px;
}
td.vlistit3  {
background-color:#cccccc;
width:6%;
text-align:right;
padding-right:5px;
}
td.vlistit4  {
background-color:#cccccc;
width:6%;
text-align:right;
padding-right:5px;
}
tr.vlisval  {
background-color:#f0f0f0;
}
td.vlisvalden  {
             padding-left:5px;
text-align:left;
}
  td.vlisvalimg  {

text-align:center;
padding:5px;
}
td.vlisvalbar  {
       padding-right:5px;
padding-left:5px;

}
table.vlistabbarre  {
    width:100%;
    height:16px;
    padding:1px;
    border:solid 1px #999999;
    background-color:#ffffff;

}
td.vlisbarcolm {
       background-color:#ccffcc;
        height:16px;
}
td.vlisbarcolsi {
       background-color:blue;
        height:16px;
}
td.vlisbarcolno {
       background-color:red;
        height:16px;
}


td.vlisvalperc  {
       text-align:right;
padding-right:5px;

}
td.vlisvalnum {
       text-align:right;
padding-right:5px;

}

td.vlisfoot {

}
table.vlisfoottab     {
         width:100%;
background-color:#cccccc;
        padding:5px;
        font-size:10pt;

}
td.votdat  {
         width:10%;
background-color:#cccccc;
        padding:5px;

}
td.vlisfootval  {

    white-space:nowrap;

}
 /*Immagini*/
img.imglista   {
height:50px;
}
   img.imglistavlis   {
height:50px;
}

img.imgsind   {
height:50px;
}

img.imgCandid   {
height:50px;
}
img.imglogocomune {
height:40px;
margin-left:5px;
} 
img.imgmenuprinc {
height:60px;
}
/*Stili Tipografici*/
body {
   font-family:Georgia,'Times New Roman',Arial,Helvetica,sans-serif;
   color:#585858;
    }

h1   {
    margin-bottom:5px;
    margin-top:5px;
    text-decoration: none
    }
.titolocomune {  color: #000000;font-size: 10pt;   font-weight: bold; }
.titoloprese {   color: #000000;font-size: 12pt; font-weight: bold;}
.titoloele {   color: #000000;font-size: 16pt; font-weight:bold }
.titolopagina {  color: #000000; font-weight:bold  }

.Dati {   font-size: 9pt; }
.copyright {  color:#5275A5 !important;  font-size: 7pt;  }
a.copyright { color:#585858 !important; font-size: 7pt;  }
a.copyright:hover {  font-size: 7pt;}
.Righello { font-size: 6pt;  }
.Titolo {  font-size: 9pt; font-weight: bold;  }
.Titoloprese {   font-size: 11pt; font-weight: bold;}
.Barre {  font-size: 9pt;  font-weight: normal}
.Evidenzia {  font-size: 8pt;  font-weight: bold}
a.Evidenzia{ color:#5275A5 !important;font-size: 8pt;  text-decoration: none; font-weight: bold}
a.Evidenzia:hover { color:#585858 !important;font-size: 8pt;  text-decoration: none; font-weight: bold}
.comune { font-size: 11pt;   font-weight: bold;}
.info {  font-size: 9pt;   }
.Titoli {  font-size: 9pt; font-weight: bold; }
.TipoPagina {  font-size: 11pt;   font-weight: bold;}
.Sezioni {  font-size: 9pt;  }