.color-primary-0 {
    color: #DD8300
}

/* Main Primary color */

.color-primary-1 {
    color: #FFA829
}

.color-primary-2 {
    color: #FF9700
}

.color-primary-3 {
    color: #AC6600
}

.color-primary-4 {
    color: #774600
}

.color-secondary-1-0 {
    color: #DDA900
}

/* Main Secondary color (1) */

.color-secondary-1-1 {
    color: #FFCD29
}

.color-secondary-1-2 {
    color: #FFC300
}

.color-secondary-1-3 {
    color: #AC8400
}

.color-secondary-1-4 {
    color: #775B00
}

.color-secondary-2-0 {
    color: #DD4800
}

/* Main Secondary color (2) */

.color-secondary-2-1 {
    color: #FF6E29
}

.color-secondary-2-2 {
    color: #FF5300
}

.color-secondary-2-3 {
    color: #AC3800
}

.color-secondary-2-4 {
    color: #772700
}

.color-complement-0 {
    color: #084D8F
}

/* Main Complement color */

.color-complement-1 {
    color: #2D7ECB
}

.color-complement-2 {
    color: #0B68C2
}

.color-complement-3 {
    color: #053C70
}

.color-complement-4 {
    color: #03294D
}

body {
    background-image: url("serv/sfondo.jpg");
    color: #4c0003;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    padding: 0 0;
}

a {
    text-decoration: none;
    color: #ac3800;
    font-weight: normal;
}

img {
    vertical-align: middle;
    border-style: none;
}

span.cen {
    margin: 0 auto;
    display: block;
    text-align: center;
    font-size: 0.9em;
}

#tito {
    margin: 0  auto;
    margin-top: 1.0em;
    margin-bottom: 0.5em;
    text-align: center;
    font-weight: bold;
    font-family: French Script MT, Kunstler Script, serif;
    font-size: 1.1em;
    font-style: italic;
}

dialog {
    position: fixed;
    box-shadow: 2px 2px 10px #0000004d;
    padding: 20px 30px;
    border: 4px solid #c82323;
    margin-top: -20px;
    cursor: pointer;
    max-width: 300px;
}
dialog a {
    margin: 0 auto;
    float: right;
    font-size: 13px;
    font-weight: bold;
}


/*    ###########################             nav              #############################     */

#nav {
    float: left;
    width: 23.2%;
    text-align: left;
    padding: 4px 2px;
    margin: 2px 0px 2px 6px;
    border-left: 0px solid #333;
    border-right: 1px solid #333333;
    min-height: 648px;
}

/* --- home --- */

div#logo {
    margin: 0  auto;
    text-align: left;
}

#navbarra {
    width: 100%;


/* height:2.6 em; clear:both; */
        margin: 0.6em 0 0.4em 0;
    background: url(serv/bottom_bg.png) repeat-x top;
    color: #fff;
}

div#evidenziato {
    margin: 0.8em auto 1.2em auto;
    width: 80%;
    font-family: French Script MT, Kunstler Script, serif;
    font-size: 0.8em;
    font-style: italic;
}

#ideato {
    background-color: #f0d085;
    border-bottom: 1px solid #daa520;
    border-right: 1px solid #daa520;
    border-top: 1px solid #ffd700;
    border-left: 1px solid #ffd700;
    margin: 1.5em 0 0 0;
    font-family: French Script MT, Kunstler Script, serif;
    font-size: 0.8em;
    font-style: italic;
    padding-left: 10px;
    margin-right: 24px;
}

.pic2 {
    font-size: 84%;
    font-weight: 400;
}

.pic3 {
    font-size: 72%;
    font-weight: 400;
}

/* --- indice --- */

#indice {
    border: 0 solid #ffd700;
    margin: 5px auto;
    max-width: 80%;
    overflow: auto;
    padding: 30px 0;
    text-align: left;
}

#titolo {
    text-align: center;
}

#indice span {
    border: 0 solid #ffd700;
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid rgba(171, 127, 26, 0.2);
}

#indice a {
    color: #4c0003;
    display: inline;
    padding: 5px;
    text-decoration: none;
}

#indice a:visited {
    color: #cc0000;
}

#indice a:hover {
    background-color: #FFD700;
    color: #4c0003;
}

#indice nord {
    display: inline;
    font-size: 70%;
    color: red;
}

#indice nnu  { display: inline; font-size: 70%; }
#indice nnu2 { display: inline; font-size: 66%; }

naut {
    display: inline;
    font-size: 64%;
    color: green;
}

/* --- ricerca --- */

#ricerca {
    font-size: 18px;
    margin: 0;
}

#ric_alfa {
    margin: 0em;
    border: 0px solid #99cccc;
    padding: 4px;
    text-align: center;
    font-size: 0.98em;
}

#ric_form {
    border: 0px solid #99cccc;
    text-align: left;
    margin: 0.5em;
    font-size: 0.96em;
    padding-left: 0px;
}

#ricerca ul, li {
    text-align: left;
    padding-left: 0px;
}

#ricerca.cen {
    text-align: center;
}

input {
    background-color: white;
    font-size: 18px;
    font-weight: normal;
    padding: 3px;
    border: 1px solid rgba(171, 131, 0, 0.56);
}

input[type="submit"] {
    background-color: #ac3800;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.21);
    color: white;
    font-size: 18px;
    margin: 15px 0 5px;
    padding: 10px;
    cursor: pointer;
}

input[type="submit"]:hover {
    background-color: #ff6e29;
}

/* --- stampare --- */

#nav {
    display: block;
}

#img_altop {
    display: inline;
}

#img_stampare {
    display: inline;
}

#img_vedere {
    display: none;
}

/* --- libri_pronti --- */

#lib_pro {
    height: 36em;
    overflow: auto;
}

#lib_pro table {
    margin-left: 0.5em;
    font-size: 0.9em;
    font-family: Verdana, Arial;
}

#lib_pro a {
    text-decoration: none
}

#lib_pro .pic {
    font-size: 0.8em;
}

#lib_pro dt {
    font-weight: bold;
    margin-left: 0.2em;
}

#lib_pro dd {
    font-size: 0.8em;
    margin-left: 2em;
}

/* --- momento --- */

#tabella {
    margin: 0px 2px 0px 0px;
    width: 94%;
    height: 22em;
    overflow: auto;
    border: 2px solid #bc8f8f;
    padding: 1px;
}

.si {
    margin: 1px;
    border: 1px solid #99cccc;
    padding: 3px;
    background-color: gold;
    font-weight: bold;
    display: block;
}

.no {
    margin: 1px;
    border: 1px solid #cc99cc;
    padding-top: 1px;
    padding-left: 4px;
    padding-bottom: 1px;
    padding-right: 8px;
    display: block;
    font-size: small;
}

#tabella a {
    margin-left: 10px;
    text-decoration: none;
    display: block;
}

#tabella a:hover {
    color: #fff;
    background-color: #c0660e;
}

#indice .tre {
	border: 1px solid #dcc998;
	padding: 6px 2px 6px 6px;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.5);
	text-transform: capitalize;
	margin: 20px 0 5px;
}
.tre a {
	font-weight: bold;
}

/*    ###########################      home  page      #############################     */

#main {
    width: 100%;
    margin: 0 auto;
    border-left: 0px solid #333;
    height: auto;
    clear: none;
    display: inline;
    padding: 0 0 30px;
}

#chi-siamo {
    background-color: white;
    color: #772700;
    font-size: 15px;
    margin: 0 auto 50px;
    padding: 30px;
    text-align: center;
}

/* --- home --- */

#intestazione {
    width: 86%;
    margin: 0 auto 10px;
    text-align: center;
}

#menu-home {
  display: inline-block;
  margin-bottom: 30px;
  margin-top: 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#menu-home > li {
    display: inline-block;
    list-style: outside none none;
    width: 30%;
    width: calc(33.33% - 5px);
}

#menu-home > li a {
	background-color: rgba(191, 139, 0, 0.76);
	border: 1px solid #775b00;
	border-radius: 2px;
	box-shadow: 0 2px 2px rgba(168, 22, 22, 0.16);
	color: #fff;
	display: list-item;
	font-size: 90%;
	margin: 5px 5px !important;
	padding: 5px;
	text-align: center;
	letter-spacing: .3px;
}

#menu-home > li a:hover {
    background-color: rgba(221, 169, 0, 0.76);
    color: white;
}

#menu-home + h3.w3-center {
	display: none;
}

.pic {
    font-size: 72%;
    font-weight: 300;
    font-style: italic;
}

#vangelo {
    margin: 0 auto;
    text-align: center;
    font-size: 92%;
    width: auto;
    float: none;
    clear: left;
}

#chisiamo {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    margin-bottom: 1.0em;
    border-bottom: 2px solid #daa520;
    border-right: 2px solid #daa520;
    border-top: 2px solid #ffd700;
    border-left: 2px solid #ffd700;
    padding: 2px;
    width: 64%;
    font-size: smaller;
    font-style: normal;
    color: #dac999;
}

#chisiamo td {
    white-space: nowrap;
    color: #4c0003;
    font-weight: bold;
    border-bottom: 1px solid #daa520;
    border-right: 1px solid #daa520;
    border-top: 1px solid #ffd700;
    border-left: 1px solid #ffd700;
    padding-right: 12px;
    padding-left: 12px;
    text-align: center;
}

#chisiamo a {
    color: #4c0003;
    font-weight: bold;
}

#menu {
    display: inline-block;
    margin: 0;
}

#scegliere {
    width: 56%;
    border-bottom: 6px solid #daa520;
    border-right: 6px solid #daa520;
    border-top: 6px solid #ffd700;
    border-left: 6px solid #ffd700;
    padding: 3px;
    margin: 8px auto 0 auto;
}

#scegliere th {
    text-align: center;
    font-weight: bold;
    margin: 3px;
    border-bottom: 1px solid #daa520;
    border-right: 2px solid #daa520;
    border-top: 1px solid #ffd700;
    border-left: 2px solid #ffd700;
    padding-left: 8px;
    padding-right: 8px;
    white-space: nowrap;
    width: 30%;
}

#scegliere a {
    color: #4c0003;
    font-weight: bold;
/

*display:block;*/
}

#scegliere a:hover {
    color: #fff;
    background-color: #c0660e;
}

#midiletto {
    width: 64%;
    margin: 3.0em auto 0 auto;
}

#midiletto th {
    background-color: #f0d085;
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px solid #daa520;
    border-right: 1px solid #daa520;
    border-top: 1px solid #ffd700;
    border-left: 1px solid #ffd700;
    padding-left: 2px;
    padding-right: 2px;
    font-family: French Script MT, Kunstler Script, serif;
    font-size: 0.8em;
    font-style: italic;
}

/*---------------footer----------------*/

#footer {
    background: #772700 none repeat scroll 0 0;
    color: rgb(255, 255, 255);
    display: inline-block;
    margin: 30px 0;
    padding: 10px;
    text-decoration: none;
    width: 100%;
    font-size: 85%;
}

img.footer_logo {
    float: left;
    padding: 6px 0 0 15px;
}

.left_footer {
    float: left;
    margin-left: 10px;
    padding: 0;
    max-width: 48%;
}

.right_footer {
    color: #fff;
    float: right;
    padding: 0;
    max-width: 48%;
    margin-right: 10px;
}

.right_footer a {
    padding: 0 0 0 7px;
    text-decoration: none;
    color: #fff;
}

.right_footer a:hover {
    text-decoration: underline;
    color: #fdea9d;
}

/*---------------- barra tab----------------------*/

#barra {
    background: #772700 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    margin: 0;
    width: 100%;
}

.menu-barra {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
}

#barra .menu-barra li {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    color: #fff;
    display: inline-block;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

#barra a {
	color: #fff;
	display: block;
	float: left;
	font-size: 0.7em;
	font-weight: normal;
	margin: 0;
	padding: 7px 25px 3px;
	text-decoration: none;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}
.menu-barra li img {
	width: 15px !important;
}
.contenuto {
    display: table;
    margin: 0 auto;
    max-width: 800px;
    padding: 20px;
/*widt

h: 100%;*/
}

#intestazione img {
    margin: 0 0 10px;
    max-width: 330px;
    width: 100%;
}
#intestazione span {
	line-height: 20px;
	display: inline-block;
}

ul.barra {
    list-style-type: none;
    display: block;
    width: auto;
    padding: 0px 0 6px 13px;
    float: left;
}

ul.barra li {
    display: inline;
}

ul.barra li a {
    color: #fff;
    font-size: 0.9em;
    font-weight: bold;
    float: left;
    display: block;
    text-decoration: none;
    padding: 0 36px 0 36px;
    margin: 0 32px 0 0;
}

ul.barra li a:hover {
    color: #fdea9d;
}

#barra a:hover {
    color: #fdea9d;
}

/* --- documento --- */

pagine di testo
#documento {
    margin: 2em 4em;
    height: 36em;
    overflow: auto;
}

#documento h1 {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: center;
    font-weight: bold;
    font-size: 1.4em;
    color: #990000;
}

#documento .preface {
    margin: 2em 0.5em 2em 0.5em;
    font-style: italic;
}

#documento .ital {
    display: block;
    font: italic bold 1.0em/1.2em Verdana, sans serif;
    margin: 2em 4em 2em 4em;
    padding: 6px;
    border: 1px solid gray;
    color: #900;
}

#documento .tito {
    color: #900;
    display: block;
    font: italic bold 1.0em/1.2em Verdana, sans serif;
    margin-top: 1.2em;
    margin-bottom: 0.4em;
    border: 0px solid green;
}

#documento .testo {
    display: inline;
    color: #000;
    font: normal 1.0em/1.2em Verdana, sans serif;
    margin-left: 0em;
}

#documento .dom,
#documento .dom_over {
    display: block;
    font: italic bold 1.0em/1.2em Verdana, sans serif;
    margin-top: 4px;
    padding: 3px;
    border-top: 1px solid gray;
}

#documento .dom {
    color: #900;
}

#documento .dom_over {
    color: gray;
}

#documento .risp {
    display: none;
    color: #000;
    font: normal 1.0em/1.2em Verdana, sans serif;
    margin-left: 2em;
    padding: 3px;
}

/* --- mappa --- */

#mappa {
    margin: 0em 13em;
    height: 25em;
    overflow: auto;
    color: blue;
}

#mappa #gene {
    margin: 4px 0px 4px 0px;
    border: 2px solid #a0a0a0;
    padding: 3px 3px 3px 3px;
    font-weight: normal;
}

#mappa .note {
    margin: 0.2em 0.1em 0.2em 0.1em;
    border: 1px solid goldenrod;
    padding: 1px 3px 1px 3px;
    font-size: 0.9em;
}

#mappa ul {
    margin: 0px 0px 0px 0px;
    border: 0px solid blue;
    padding: +++iujjuuuuuuuuuuuuuuuuuuuu 0px 0px 0px 0px;
}

#mappa li {
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
}

/* --- canto --- */

#testa {
    display: inline-block;
    margin: 0;
    width: 100%;
}

#testa h1 {
    font-size: 130%;
    font-family: Georgia, Garamond, Baskerville, serif;
    border: 0px solid red;
}

#testa h1 {
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 4px;
    margin-right: 10px;
    padding-top: 1px;
    padding-left: 4px;
    padding-bottom: 1px;
    padding-right: 0px;
    font-weight: bold;
    color: #444;
    text-align: center;
}

#divtitolo {
    border: 0 solid red;
    display: inline-block;
    font-family: Georgia,Garamond,Baskerville,serif;
    font-size: 130%;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 60%;
}

#divlogo {
    display: inline-block;
    float: left;
    margin: 0;
    width: 20%;
}

#divicone {
    display: inline-block;
    float: right;
    text-align: right;
    width: 20%;
}
#divicone img {
	width: 26px;
}

#piede {
    border-top: 1px solid #dda900;
    font-size: 70%;
    margin: 3px 0;
    padding: 2px 0 0;
    text-align: center;
    width: 100%;
}

#piede p {
    font-weight: bold;
    font-size: 120%;
    display: inline;
}

#logo {
    display: inline;
    border: none;
    cursor: help;
}

footer {
    margin-top: 0.2em;
    border-top: 1px solid #daa520;
    width: 80%;
    font-family: Verdana, sans-serif;
    font-size: 70%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

footer p {
    font-weight: bold;
    font-size: 120%;
    display: inline;
}

#strofe {
    margin-top: 1em;
    text-align: center;
    font-family: Georgia, Garamond, Baskerville, serif;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #dc0003;
    font-weight: normal;
}

table {
    margin-left: auto;
    margin-right: auto;
}

.sin {
    vertical-align: top;
    text-align: left;
    padding: 0px 12px;
    margin: 0;
    white-space: pre;
    font-size: 1.0em;
    line-height: 1.1em;
}

.des {
    vertical-align: top;
    text-align: left;
    padding: 0px 6px;
    margin: 0;
    white-space: pre;
    font-size: 1.0em;
    line-height: 1.1em;
    font-style: italic;
}

table {
    margin-left: auto;
    margin-right: auto;
}

td {
    vertical-align: top;
    text-align: left;
    margin: 0;
}

.tp {
    font-size: 0.6em;
}

pre {
    font: normal 100%/130% "bookman old style", serif;
}

/* ###################################### */

th {
    text-align: center;
}

* {
    border: 0px solid red;
}

/* ###   creo libro   ########################  inizio  ### */

section[id=libro] {
    font-size: 12pt;
}

section[id=libro] #libmenu {
    margin: 0 0 6px;
    width: 100%;
}

section[id="libro"] #libmenu li {
  border-bottom: 0px solid;
  color: green;
  font-style: normal;
  margin: 0 0 5px;
  padding: 0 ;
  text-align: left;
  list-style: outside none none;
}
section[id="libro"] #libmenu li > .numero {
  background-color: #8b6a00;
  border: 1px solid #775b00;
  border-radius: 2px;
  color: white;
  font-size: 15px;
  margin: 0 5px 0 0;
  padding: 4px 8px;
}

section[id="libro"] #libmenu a {
  background-color: rgba(191, 139, 0, 0.76);
  border: 1px solid #775b00;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(168, 22, 22, 0.16);
  color: #fff;
  display: inline-block;
  font-size: 15px;
  font-weight: normal !important;
  margin: 5px 0;
  padding: 4px 8px;
  text-align: center;
}
section[id="libro"] #libmenu a:hover {
    background-color: rgba(221, 169, 0, 0.76);
    color: white;
}


section[id=libro] dt {
    font-weight: bold;
}

section[id=libro] pic {
    font-size: 10pt;
    font-style: italic;
    font-weight: normal;
}

#nav {
    float: left;
    width: 0%;
}

#main {
    clear: both;
    width: 100%;
}
@page { margin-left: 1.2cm; margin-right: 0.7cm; margin-top: 1cm; margin-bottom: 0cm }

@media print {

#barra {
    display: none;
}

#footer {
    display: none;
}

section[id=libro] #libmenu {
    display: none;
}

section[id=libro] #img_vedere {
    display: inline;
}

section[id=libro] #img_stampare {
    display: none;
}

section[id=libro] #iconapdf {
    display: none;
}

section[id=libro] #footer {
    display: none;
}

#intestazione {
    display: none;
}

#nav {
    display: none;
}

#img_altop {
    display: none;
}

#libro_header {
    display: none;
}

#libro_navigazione {
    display: none;
}

#libro_article {
    padding: 0em;
    margin: 0;
    float: right;
    width: 100%;
    text-align: left;
    min-height: 600px;
}

}

/* ## copertina ## ini */

span.h1 {
    font-size: 2em;
    margin: .67em 0;
}

span.h2 {
    font-size: 1.5em;
    margin: .75em 0;
}

span.h3 {
    font-size: 1.17em;
    margin: .83em 0;
}

span.h4 {
    font-size: 1em;
    margin: 1.12em 0;
}

span.h5 {
    font-size: .83em;
    margin: 1.5em 0;
}

span.h6 {
    font-size: .75em;
    margin: 1.67em 0;
}

#s11 {
    margin-top: 6em;
    text-align: center;
}

#s12 {
    margin-top: 0.3em;
    text-align: center;
}

#s13 {
    margin-top: 0.3em;
    text-align: center;
}

#s21 {
    margin-top: 17em;
    text-align: center;
}

#s22 {
    margin-top: 0.3em;
    text-align: center;
}

#s23 {
    margin-top: 0.3em;
    text-align: center;
}

#s31 {
    margin-top: 28em;
    text-align: center;
}

#s32 {
    margin-top: 0.3em;
    text-align: center;
}

/* ## copertina ## fine */

/* ###   creo libro   ########################  fine    ### */

/*Singolo canto*/

#melodia {
    margin: 30px 0 50px;
    text-align: center;
}

#melodia img {
    background-color: white;
    box-shadow: 0 6px 8px rgba(102, 92, 51, 0.69);
    margin: 0;
    padding: 25px 15px 35px;
    width: calc(100% - 30px);
}

/*MODULI*/

.modulo {
    background-color: rgba(255, 255, 255, 0.5);
    border: 1px solid #ac8400;
    display: inline-block;
    float: left;
    margin: 0 auto 50px; 
    max-width: 100%;
    padding: 30px;
}
.modulo.auguri { 
    margin: 0 auto 20px;
}
.modulo.auguri img { 
    max-width: 100%;
    width: 70%;
}

.modulo.w50 {
  float: left;
  margin: 0 0 50px 20px;
  width: calc(50% - 75px);
}
.modulo_titolo {
    border-bottom: 1px solid #dda900;
    margin: 0 0 20px;
    padding: 0 0 10px;
    text-align: center;
}

.modulo_titolo.h1 {
    font-size: 22px;
}

.modulo.hfisso {
/*  min-height: 640px;*/
}

.modulo.w50:not(.elencogenerale) {
    margin-left: 0;
}
.modulo_lista > ul {
    padding: 0;
}

.modulo_lista li {
    border-bottom: 1px dotted #ddc987;
    list-style: outside none none;
    margin: 0 0 5px;
    padding: 0 0 5px;
}

.modulo_lista p {
    margin: 10px 0 !important;
    text-align: justify;
}

.news p {
    border-bottom: 1px dotted #ddc987;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.modulo_lista span {
    color: #084d8f;
    font-size: 85% !important;
}

.modulo_lista numero1 {
    color: #084d8f;
    font-size: 62% !important;
}

.modulo_lista numero {
    color: #084d8f;
    font-size: 72% !important;
}

.modulo.nobordotop {
    margin-top: 0;
}

.modulo.blank {
    border: 1px solid rgba(171, 131, 0, 0.45);
}

.modulo.txtcenter {
    text-align: center;
}

.modulo_lista nord {
    color: #084d8f;
    display: inline-block;
    margin: 0 20px 0 0;
    text-align: right;
    width: 30px;
}

.modulo_lista nnu {
    color: gray;
    font-size: 72%;
    margin: 0 15px 0 0;
}

.modulo_lista nnu2 { color: gray; font-size: 66%; margin: 0 15px 0 0; }
.modulo.elencogenerale li { margin: 0; padding: 6px 0; }
.modulo.elencogenerale li:hover { background-color: rgba(255, 194, 0, 0.41); }
.modulo.elencogenerale li > a { /*display: block;*/ display: inline-block; }

/*INDICE TEMATICO*/

.modulo_lista.tematico li {
    padding: 8px 15px;
}

.titolo_tema, .titolo_tema:hover {
    background: #ac8400 none repeat scroll 0 0 !important;
    color: white !important;
    margin-top: 30px !important;
    border-bottom: 0 solid !important;
}

.titolo_tema a {
    color: white !important;
}

.subtitolo_tema, .subtitolo_tema:hover {
    background: rgba(171, 131, 0, 0.3) none repeat scroll 0 0 !important;
    border-top: 2px solid #ac6600;
}

.int.ico {
    margin-left: 10px;
    position: relative;
    top: -2px;
}

.cantipertema .modulo.nomi {
    float: none;
    max-height: 300px;
    overflow: scroll;
    padding: 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    margin-bottom: 20px;
}

.nomi .modulo_titolo {
    padding: 10px 20px;
}

.nomi .modulo_lista li {
    font-size: 18px;
    padding: 8px 16px;
}


/*BANNER*/
.mybanner {
	width: 100%;
	max-width: 768px;
	margin: 0 auto;
    /*height: 90px !important;*/
}


.per_mobile {
	display: none;
}








/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*======                                 ================*/

/*======       GESTIONE RESPONSIVE       ================*/

/*======                                 ================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

/*=======================================================*/

@media (max-width: 1024px) {
#menu-home {
	margin-bottom: 0;
}
}

/*=======================================================*/

/*=======================================================*/

@media (max-width: 768px) {

#barra a {
    padding: 8px 15px;
}

.modulo.w50 {
    float: none;
    margin: 0 0 50px;
    max-width: 100%;
    width: 83%;
    width: calc(100% - 62px);
}

.right_footer {
    float: none;
    margin: 20px 0 5px;
    max-width: 100%;
}

.left_footer {
    float: none;
    max-width: 100%;
}

.modulo.hfisso {
    min-height: 100%;
}

}

/*=======================================================*/
 
/*=======================================================*/

@media (max-width: 640px) {


.contenuto {
	padding-top: 10px;
}
#melodia {
	margin: 15px 0 20px;
}    
/*.modulo_lista nnu { display: none; }*/
.modulo_lista nnu2 { display: none; }
.modulo_lista nord {
    margin: 0;
    width: 20px;
}

.modulo.elencogenerale .modulo_lista {
    font-size: 90%;
}

/* PER MOBILE */
#main {
	padding: 0;
}    
#intestazione span {
	display: none;
}    
#intestazione {
	width: 55%;
	margin: 0 auto 10px;
	text-align: center;
}
#barra .menu-barra li {
	font-size: 12px !important;
	margin: 2px 0 2px;
	padding: 0;
}
#barra a {
    font-size: 82%;
    padding: 6px 5px 2px;
    text-transform: uppercase;
}
#divtitolo {
	font-size: 100%;
/*    margin-left: 10px;*/
/*    text-align: left;*/
    width: 100%;
    
} 
#menu-home {
	margin-bottom: 0;
}
    
#barra a img {
	width: 15px !important;
}    
#divicone {
	width: 100%;
    float: none;
    text-align: center;
}  
#divicone img {
	width: 20px;
	margin: 5px;
}
#barra a img {
	width: 12px !important;
	position: relative;
	top: -2px;
}
    
#divlogo {
	width: 100%;
	text-align: center;
	margin-bottom: 5px;
    display: none;
}
#divlogo code {
	display: inline-block;
}
#piede {
	margin: 3px 0 0 0;
/*	text-align: left;*/
} 
#piede p {
	font-size: 100%;
}
.nomobile {
	display: none !important;
}    
      
#menu-home > li a {
	box-shadow: 0 0 0;
	font-size: 70%;
	margin: 3px !important;
	padding: 8px 0px;
	vertical-align: middle;
}  
.modulo.auguri {
	margin: 0 auto 10px;
}

.sin {
	white-space: pre-wrap;
}    
    
    
}







/*=======================================================*/

/*=======================================================*/

@media (max-width: 480px) {

/*
#barra a {
    font-size: 67%;
}
*/
    
#menu-home > li {
	width: 33%;
	float: left;
}

.per_mobile {
    display: block;
}
.per_PC {
	display: none;
}

.modulo.grpfacebook {
    padding: 15px !important;
}    
    
}

/*=======================================================*/

/*=======================================================*/

@media (max-width: 360px) {

.modulo {
    padding: 20px;
}

.modulo.w50 {
    width: 87.5%;
    width: calc(100% - 42px);
}

.contenuto {
    padding: 10px 0 20px;
}



/*
#barra {
    margin: 0 0 30px;
}
*/
#barra a {
/*	padding: 5px 4px;*/
    font-size: 68%;
}
.menu-barra {
    margin: 0 auto;
    padding: 0;
}


#menu-home > li a {
	font-size: 68%;
}  

/*Singolo canto*/


}

/*=======================================================*/
//@import "libro_home.css";
/*=======================================================*/