/***********************************************
 * styledefault.css                            *
 *                                             *
 * foglio di stile                             *
 * autore: Umberto Zappi                       *
 ***********************************************/

/***********************************************
 * style della struttura principale            *
 ***********************************************/

html {
    background-color: #FFFFFF; /* bianco */;
  }


body {
    width : 980px;
    /* font-size: 12px; */ /* normal size */
    font-size: 0.88em;  /* normal size */
    font-family: Verdana, Arial, Tahoma, sans-serif;
    /* font-family: Verdana, sans-serif; */
    /* font-family: Verdana, Arial, Tahoma, sans-serif; */
    font-weight: normal;
    font-style: normal;
    /* line-height: 1.2em; */
    color: #000000;
    background-color: #FFFFFF;
    /* background-image: url(images/corona_avvento_bump_transp.gif);*/ /* corona avvento */
    background-image: url(images/santagostino-chiese-1024.jpg); /* disegno delle chiese della parrocchia */
    background-attachment: fixed;
    background-position: 0px 120px;
    background-repeat: no-repeat;
    margin: 0px 8px 8px 8px;
  }


table {
    font-size : 1.00em; /* 12px / 12px */
  }


img {
    border-width: 0px;
    text-decoration: none;
  }


h3 {
    margin-bottom: 0px;
  }


#data_giorno {
    position: absolute;
    top: 90px;
    left: 710px;
    width: 250px;
  }


#BodyWrap, #HeaderWrap, #CenterWrap, #FooterWrap {
    clear : both;
    width : 100%;
  }


#CL_box {
    float : left;
    width : 140px;
  }


#CC_box {
    float : left;
    width : 820px;
  }


#CR_box {
    float : right;
    width : 0px;
  }


.hrule {
    background-attachment : scroll;
    background-image : url(images/hrule-green.gif);
    background-position : 0 0;
    background-repeat : repeat-x;
    margin-left : 10px;
    margin-right : 10px;
    width : 800px;
  }


.canvas {
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
    /* width: 100%; */
    width: 95%;
    /* position: relative;
    top: 30px; */
    margin-top: 10px;
  }


.bottom {
    /* position: relative;
    top: 30px; */;
  }


.bullet {
  background-image: url(my_icons/bullet_blue.png);
  background-repeat: no-repeat;
  background-position: 0px -7px;
  padding-left: 35px;
  min-height: 20px;
  margin: 0em 0em 1em 0em;
  }


.icon-PDF {
  background-image: url(my_icons/acroread-32x32.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 35px;
  padding-top: 16px;
  padding-bottom: 16px;
  min-width:  35px;
  min-height: 35px;
  margin: 0em 0em 1em 0em;
  }


.icon-ODT {
  background-image: url(my_icons/libreoffice-writer-32x32.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding-left: 35px;
  padding-top: 16px;
  padding-bottom: 16px;
  width:  35px;
  height: 35px;
  margin: 0em 0em 1em 0em;
  }


.tabellastandard {
    caption-side: top;
    border-width: 3px;
    border-color: #0000FF;
    border-style: outset;
    border-collapse: collapse;
    background-color: #CCE7EB;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 2em;
    padding: 0px;
    empty-cells: show;
  }


.tabellastandard caption {
    font-size: 2em;
    font-weight: bold;
    margin-bottom: 1em;
  }


.tabellastandard th {
    border-width: 3px;
    border-color: #80FFFF;
    border-style: outset;
    text-align: center;
    padding: 4px;
    color: #80FFFF;
    background: #404070;
  }


.tabellastandard td {
    border-width: 1px;
    border-color: #3030ff;
    border-style: none;
    border-right-style: dotted;
    border-bottom-style: solid;
    text-align: center;
    padding: 4px;
    empty-cells: show;
  }


.tabellastandard .tab_righe_dispari {
    background-color: #ffffff;  /* bianco */;
  }


.tabellastandard .tab_righe_pari {
    background-color: #FFFC99;  /* giallo tenue */;
  }

.tabellastandard .gg_lavorativo {
	;
	}
	
.tabellastandard .gg_festivo {
	color: #FF3030;
	font-weight: bold;
	}
	
.linkhome, .noshowlink {
    color: #000000;
    text-decoration: none;
  }


.note {
    border-width: 1px;
    border-color: #007D12;  /* verde smeraldo */
    border-style: outset;
    padding: 0.5em;
    background: #E0FFE8;
    color: #000000;
  }


.messaggi {
    /* border-width: 3;
    border-color: #0000FF;
    border-style: outset;
    background: #000030;
    color: #FFFFA0;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 5px; */
    border-width: 1px;
    border-color: #007D12;  /* verde smeraldo */
    border-style: solid;
    padding: 5px;
    width: 610px;
    /* background: #FFFFFF; */
    color: #000000;
    margin-top: 0px;
    margin-bottom: 20px;
  }


div.messaggi hr {
    border-width: 3px;
    border-color: #0000FF;
    border-style: outset;
    background: #000030;
    color: #FFFF00;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
  }


.menu {
    width: 140px;
    border-width: 3px;
    /* border-color: #0000FF; */
    border-color: #30FF30;
    border-style: outset;
    /* background: #C0C0FF; */
    background: #E0FFE8;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 10px;
    padding: 0px;
  }


.menuscelta a {
    display: block;
  }


.menuscelta a:link {
    color: #005322;
    text-decoration: none;
  }


.menuscelta a:visited {
    color: #005322;
    text-decoration: none;
  }


.menuscelta a:active {
    color: #FF0000;
    text-decoration: none;
  }


.menuscelta a:hover {
    background-color: #007D12;  /* verde smeraldo */
    color: #FFFFFF;
    text-decoration: none;
  }


.menuheader {
    /* background-color: #3030FF; */
    background-color: #007D12;  /* verde smeraldo */
    color: #FFFFFF;
  }


.menuscelta {
    /* background-color: #C0C0FF; */
    /* color: #0000FF; */
    /* color: #004000; */
  }


.menuscelta ul {
    margin-top: 0px;
    margin-bottom: 5px;
  }


.menuselez {
  background-color: #499C5E;
  color: #E0FFE8
  }
  
  
/* .menu input[type=button] */
.menu button {
    /* background-color:#007D12; */ /* verde smeraldo */
    /* color: #FFFFFF; */
    font-weight: bold;
  }


.titolo1 {
    text-align: center;
    font-size: 2.00em;  /* 24px / 12px */
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1em;
  }


.titolo2 {
    text-align: center;
    font-size: 1.85em;  /* 22px / 12px */
    font-weight: bold;
  }


.titolo3 {
    text-align: center;
    font-size: 1.70em;  /* 20px / 12px */
    font-weight: bold;
  }


.titolo10 {
    text-align: center;
    font-size: 1.00em;  /* 12px / 12px */
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 1em;
  }


.error {
    border-width: 5px;
    border-color: #FF0000;
    border-style: outset;
    background: #000030;
    color: #FF0000;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 5px;
  }


.error a:link {
    color: #FFFF00;
  }


.warning {
    border-width: 5px;
    border-color: #FFFF00;
    border-style: outset;
    background: #000030;
    color: #FFFF00;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 5px;
  }


/***********************************************
 * style delle pagine di galleria
 * uso:
 * <div class="gallery">
 *    <div> <!-- prima immagine -->
 *      <a ...><img ...></a>
 *      <div>Note centrali sotto l'immagine</div>
 *    </div>
 *    <!-- altre immagini -->
 *    ...
 * </div>
 ***********************************************/

div.gallery {
  text-align: left;
  }

div.gallery div {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 2em;
  }

div.gallery div div {
  display: block;
  text-align: center;
  margin: 0;
  }

  
/***********************************************
 * style della pagina ssmesse.php              *
 ***********************************************/
.tabellamesse {
    /* border-width: 3;
    border-color: #0000FF;
    border-style: outset;
    background: #000030;
    color: #FFFFA0;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    empty-cells: show; */
    /* border-style: none;
    background: #FFFFFF;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    empty-cells: show; */
    caption-side: top;
    border-width: 3px;
    border-color: #0000FF;
    border-style: outset;
    border-collapse: collapse;
    background: #CCE7EB;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    empty-cells: show;
  }


.tabellamesse th {
    border-width: 3px;
    border-color: #80FFFF;
    border-style: outset;
    color: #80FFFF;
    background: #404070;
  }


.tabellamesse td.col_chiesa {
    text-align: left;
  }


.parrocchia {
    color: #FF0000;
  }


.tabellamesse td {
    /* border-width: 3;
    border-color: #003030;
    border-style: outset;
    text-align: center; */
    border-width: 1px;
    border-color: #3030ff;
    border-style: none;
    border-right-style: dotted;
    border-bottom-style: solid;
    text-align: center;
    padding: 4px;
    empty-cells: show;
  }


.tabellamesse td.prefestiva,.tabellamesse td.vespertina {
    background: #FFFC99;
  }


.tabellamesse td.festiva {
    width: 40px;
    background: #FFFFFF;
  }


.tabellamesse td.feriale {
    width: 50px;
    background: #ACF5AD;
  }


.ssmesse {
    padding: 15px;
  }


/***********************************************
 * style della pagina votazione.php            *
 * style della pagina spoglioschede.php        *
 * style della pagina show-candidati.php       *
 * style della pagina show-schede.php          *
 * style della pagina show-spoglio.php         *
 ***********************************************/
.votazione,.spoglioschede,.show-votanti,.show-spoglio {
    text-align: justify;
    margin-left: 10px;
    margin-right: 10px;
  }


.votazionetable,.statisticavotitable {
    caption-side: top;
    border-width: 3px;
    border-color: #0000FF;
    border-style: outset;
    border-collapse: collapse;
    background: #CCE7EB;
    color: #000000;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 0px;
    empty-cells: show;
  }


.votazionetable caption,.statisticavotitable caption {
    font-weight: bold;
    font-variant: normal;
    font-size: 16px;
    padding: 4px;
  }


.show-votanti .votazionetable caption,.statisticavotitable caption {
    font-size: 14px;
  }


.votazionetable td,.votazionetable th {
    border-width: 1px;
    border-color: #3030ff;
    /* border-style: outset; */
    border-style: none;
    border-bottom-style: solid;
    text-align: left;
    /* color: #FFFFA0; */
    padding: 4px;
    empty-cells: show;
  }


.votazionetable th {
    border-width: 5px;
    border-bottom-style: double;
  }


.votazionetable .uscente {
    color: #CC21CF;
  }


.votazione .votazionetable .num {
    text-align: right;  /* allineamento a dx per campi numerici */
  }


.votazione .lista,.spoglioschede .lista {
    color: #3030ff;
    margin-left: 35px;
    font-weight: bold;
  }


.statisticavotitable th,.statisticavotitable td {
    border-width: 1px;
    border-color: #0000FF;
    border-style: solid;
    text-align: right;
  }


.statisticavotitable .row {
    border-color: #0000FF;
    border-right-width: 3px;
    border-right-style: double;
    text-align: left;
  }


.statisticavotitable .col {
    border-color: #0000FF;
    border-bottom-width: 3px;
    border-bottom-style: double;
    text-align: right;
  }


.statisticavotitable .ul {
    background-color: #0000FF;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
  }


/***********************************************
 * style della pagina cpp.php                  *
 ***********************************************/
.cpp {
  }

.cpp form {
    width: 85%;
    margin-left: 12%;
    margin-top: 1.5em;
    margin-bottom: 3.0em;
    text-align: center;
    border-width: 1px;
    border-color: #0dbf1f;
    border-style: solid;
    padding: 5px;
  }
 
.tabellacpp {
    width: 85%;
    margin-left: 12%;
    margin-top: 0px;
    margin-bottom: 40px;
    text-align: left;
    border-width: 1px;
    border-color: #30ff30;
    border-style: solid;
    border-collapse: collapse;
    padding: 0px;
  }


.tabellacpp caption {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    border-color: #008000;
    border-width: 4px;
    border-style: ridge;
  }


.tabellacpp th {
    margin: 0px;
    padding: 2px;
  }

.tabellacpp td {
    border-width: 1px;
    border-color: #30ff30;  /* verde */
    border-style: solid;
    background-color: #E0FFE8;  /* verde chiarissimo */
    margin: 0px;
    padding: 2px;
  }


.tabellacpp .sezionetabella {
    text-align: center;
    font-weight: bold;
    /* background: #FFFFA7; */  /* giallo chiarissimo */
    background-color: #007D12;  /* verde smeraldo */
    color: #FFFFFF;
  }