@charset "UTF-8";

* {
margin: 0; padding: 0; border: 0;
}

html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical;
height: 100%;
margin-bottom: 20px;
}

body {
text-align: center;
background-color: #ffffff;
}

div {
background-color: transparent;
}

div.contenitore {
width: 884px;    /* maggio 2017 . con una voce di menu in piu: era 1000 */
margin: 40px auto 20px auto;
text-align: left;
}

div.titolo {
width: 884px;    /* maggio 2017 . con una voce di menu in piu: era 1000 */
margin: 0 0 16px 0;
background-image: url("../imm/titolo_background.png");
background-position: 10px 28px;
background-repeat: repeat-x;
}

div.menu {
width: 884px;    /* era 801   2023 */
margin: 0 auto 0 auto;
}

div.menu div {
float: left;
width: 104px;  /* era 105    2023 */
height: 104px;  /* era 105    2023 */
position: relative;
overflow: hidden;
}

div.menuclicked {
background-color: #7b6a89;
margin: 0 7px 0 0;    /* era 11   2023 */
}

div.menuclicked_last {
background-color: #7b6a89;
margin: 0 0 0 0;
}

div.menuclickable {
background-color: #9c1032; /* era #bb3936 #aa3b39 */
margin: 0 7px 0 0;    /* era 11   2023 */
}

div.menuclickable_last {
background-color: #9c1032; /* era #bb3936 #aa3b39 */
margin: 0 0 0 0;
}

div.corpo {
width: 600px;
margin: 34px auto 0 auto;
}

img.content {
margin: 3px 0 3px 0;
}

span.smallcaps {
font-variant: small-caps;
color: #B49AC9;
font-weight: bold;
position: relative;
left: -16px;
}

span.item {
background-image: url("../imm/lista.gif");
background-position: 0px 6px;
background-repeat: no-repeat;
padding: 0 0 0 10px;
}

h1 {
text-align: left;
font-family: 'Goudy Bookletter 1911', Times New Roman, Times, serif;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
color: #444444;    /* era 11   2023 */
display: inline;
background-color: #ffffff;
padding: 0 8px 0 0;
}

h2 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;   /* era 81% */
font-weight: bold;
font-variant: small-caps;
line-height: 1.35em;   /* era 1.25em */
color: #666666;
padding: 10px 0 0 0;   /* era 7px 0 0 0 */
margin: 0 0 20px 0;   /* era 0 0 14px 0 */
}

h2.primo {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;   /* era 81% */
font-weight: bold;
font-variant: small-caps;
line-height: 1.35em;   /* era 1.25em */
color: #666666;
padding: 7px 0 0 0;   /* era 7px 0 0 0 */
margin: 0 0 20px 0;   /* era 0 0 14px 0 */
}

h2.press {
	color: #b49ac9;
    font-variant: small-caps;
    font-weight: bold;
    left: 0px;
    position: relative;
	font-family: Arial,Helvetica,sans-serif;
   	font-size: 100%;   /* era 77% */
	line-height: 1.35em;   /* era 1.25em */
    text-align: justify;
	margin-bottom: 7px;
}

h2.news {
	color: #b49ac9;
    font-variant: small-caps;
    font-weight: bold;
    left: 0px;
    position: relative;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;   /* era 77% */
   	line-height: 1.35em;   /* era 1.25em */
    text-align: justify;
	margin-bottom: 7px;
}

p.press {
padding-left: 16px;
}

h3 {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;  /* era 81% */
font-weight: normal;
font-variant: small-caps;
line-height: 1.35em;   /* era 1.25em */
color: #666666;
padding: 7px 0 0 0;
margin: 0 0 14px 0;
}

h3.press {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;  /* era 81% */
font-weight: normal;
font-variant: small-caps;
line-height: 1.35em;   /* era 1.25em */
color: #666666;
padding: 0 0 0 16px;
margin: 0 0 0 0;
}

p.menu {
text-align: left;
font-family: 'Raleway', sans-serif;
font-size: 15px;   /* era 22 */
line-height: 16px;
color: #ffffff;
text-transform: uppercase;
position: absolute;
left: 5px;
bottom: 3px;  /* era -1 */
}

p.submenu {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size: 21px;
color: #7b6a89;
text-transform: uppercase;
padding: 7 0 0 0;
margin: 0 0 16px 0;
}
 
p.content {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
margin: 0 0 14px 0;
}

p.contentrientro {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
margin: 0 0 14px 50px;
}

p.contentprimo {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
padding: 7px 0 0 0;
margin: 0 0 14px 0;
}

p.contentprimoprimo {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
padding: 7px 0 0 0;
margin: 0 0 14px 0;
}

p.nospazio {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
padding: 0;
margin: 0;
}

p.maildida {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;  /* era 60    2023 */
line-height: 1.25em;
color: #666666;
padding: 0;
margin: 0;
}

a {
color: #666666;
text-decoration: none;
background-color: transparent;
outline: none; /* per eliminare tratteggiatura link visited */
overflow-wrap: break-word !important;	  /* aggiunto    2023 */
word-wrap: break-word !important;	  /* aggiunto    2023 */
}

a:hover {
text-decoration: none;
background-color: #7b6a89;
}

a.menu {
color: white;
text-decoration: none;
background-color: transparent;
display: block;
width: 100%;
height: 100%;
}

a.menu:hover {
text-decoration: none;
background-color: #7b6a89;
} 

a.submenu {
color: #9c1032; /* era #bb3936 #b49ac9 */
background-color: transparent;
text-decoration: none;
}

a.submenu:hover {
text-decoration: none;
color: #7b6a89;
}

a.content {
text-decoration: none;
background-image: url("../imm/link_dot.gif");
background-repeat: repeat-x;
background-position: bottom left;
}

a.content:hover {
text-decoration: none;
background-image: url("../imm/link_sfondo_hover.gif");
background-repeat: repeat;
background-position: bottom left;
}

.clear {
clear: left;
} 

ul {
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 95%;      /* era 77% */   /* era 71% */
line-height: 1.35em;      /* era 1.25em */
color: #666666;
margin: 0 0 14px 0;
}

ul.primo {
padding: 7px 0 0 0;
}

li {
list-style: none;
padding: 0 0 0 16px;
margin: 0 0 7px 0;
}

li.news {
margin: 0 0 14px 0;
}

li.audioplayer {
margin: 0 0 0 0;
}

div.audioplayer {
padding: 0 0 0 14px;
margin: 3px 0 9px 0;
} 

.sx {
float: left;
} 
.dx {
float: right;
}

div.formmail {
text-align: left;
margin: 0 0 16px 0;
}

div.mailname {
margin: 0 0 1px 0;
}

div.mailaddress {
margin: 0 0 2px 0;
}

div.mailsubmit {
margin: 0;
}

#form2 {
background-color: transparent;
padding: 0px;
border: 0px solid #666666;
}

input.text {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
color: #9c1032;
background-color: transparent; /* dello spazio d'inserimento */
border: 1px solid #666666;
width: 200px;  /* era 147    2023 */
height: 18px;  /* aggiunto    2023 */
}

input.pulsante {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;  /* era bold    2023 */
color: #ffffff;
background-color: #666666;
text-align: center;
border: 1px solid #666666;
text-transform: uppercase;  /* aggiunto    2023 */
margin-top: 4px;  /* aggiunto    2023 */
padding: 4px 5px 2px 5px;  /* aggiunto    2023 */
}
	
input.pulsante:hover {
color: #ffffff;
background-color: #7b6a89;
}
	
input.pulsante:active {
color: #ffffff;
background-color: #7b6a89;
}






@media only screen and (max-width: 920px) {
	
	div.contenitore {
  	width: 70%;
	padding: 0 15% 0 15%;
	}
	
	div.titolo {
  	width: 100%;
	}
	
	div.menu {
  	width: 100%;
	}
	
	div.corpo {
  	width: 100%;
	margin: 22px auto 0 auto;
	}
		
	div.menu div {
  	width: 96px;
  	height: 50px;
	margin-bottom: 7px;
	}
	
	p.menu {
  	font-size: 12px;
  	line-height: 13px;
	}
	
	h1 {
  	font-size: 25px;
	padding: 0 4px 0 0;
	}
	
	p.submenu {
  	font-size: 17px;
	}
		
}

@media only screen and (max-width: 882px) {
	
	div.menu div {
  	width: 112px;
  	height: 50px;
	}
	
}

@media only screen and (max-width: 849px) {
	
	div.menu div {
  	width: 107px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 814px) {
	
	div.menu div {
  	width: 105px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 799px) {
	
	div.menu div {
  	width: 103px;
    height: 47px;
	}
	
}

@media only screen and (max-width: 785px) {
	
	div.menu div {
  	width: 100px;
    height: 47px;
	}

}

@media only screen and (max-width: 771px) {
	
	div.menu div {
  	width: 98px;
    height: 47px;
	}
	
}

@media only screen and (max-width: 749px) {
	
	div.menu div {
  	width: 95px;
    height: 47px;
	}
	
}

@media only screen and (max-width: 728px) {
	
	div.menu div {
  	width: 92px;
    height: 47px;
	}
	
}
	
@media only screen and (max-width: 707px) {
	
	div.menu div {
  	width: 112px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 680px) {
	
	div.menu div {
  	width: 107px;
  	height: 47px;
	}
	
}
	
@media only screen and (max-width: 651px) {
	
	div.menu div {
  	width: 102px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 630px) {
	
	div.menu div {
  	width: 100px;
  	height: 47px;
	}
	
}
	
@media only screen and (max-width: 611px) {
	
	div.menu div {
  	width: 96px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 590px) {
	
	div.menu div {
  	width: 94px;
  	height: 47px;
	}
	
}
	
@media only screen and (max-width: 577px) {
	
	div.menu div {
  	width: 91px;
  	height: 47px;
	}
	
}

@media only screen and (max-width: 559px) {
	
	div.menu div {
  	width: 89px;
  	height: 47px;
	}
	
}
	
@media only screen and (max-width: 548px) {
	
	div.contenitore {
  	width: 88%;
	padding: 0 6% 0 6%;
	}
	
	div.menu div {
  	width: 109px;
  	height: 45px;
	}
	
}

@media only screen and (max-width: 527px) {
	
	div.menu div {
  	width: 105px;
  	height: 45px;
	}
	
}

@media only screen and (max-width: 509px) {
	
	div.menu div {
  	width: 100px;
  	height: 45px;
	}
	
}

@media only screen and (max-width: 486px) {
	
	div.menu div {
  	width: 95px;
  	height: 40px;
	}
	
}

@media only screen and (max-width: 479px) {
	
	div.menu div {
  	width: 95px;
  	height: 40px;
	}
	
}

@media only screen and (max-width: 463px) {
	
	div.menu div {
  	width: 90px;
  	height: 40px;
	}
	
}

@media only screen and (max-width: 445px) {
	
	div.contenitore {
  	width: 90%;
	padding: 0 5% 0 5%;
	}
	
	div.menu div {
  	width: 89px;
  	height: 38px;
	}
	
}

@media only screen and (max-width: 426px) {
	
	div.menu div {
  	width: 86px;
  	height: 38px;
	}
	
}

@media only screen and (max-width: 413px) {
	
	div.menu div {
  	width: 83px;
  	height: 38px;
	}
	
	p.menu {
  	font-size: 11px;
  	line-height: 12px;
	}
	
}
	

@media only screen and (max-width: 399px) {
	
	div.menu div {
  	width: 80px;
  	height: 38px;
	}
	
	p.menu {
  	font-size: 10px;
  	line-height: 11px;
	}
	
}

@media only screen and (max-width: 386px) {
	
	div.menu div {
  	width: 78px;
  	height: 38px;
	}
	
	p.menu {
  	font-size: 10px;
  	line-height: 11px;
	}
	
}

@media only screen and (max-width: 377px) {
	
	div.menu div {
  	width: 76px;
  	height: 38px;
	}
	
	p.menu {
  	font-size: 10px;
  	line-height: 11px;
	}
	
}

@media only screen and (max-width: 368px) {
	
	div.menu div {
  	width: 74px;
  	height: 38px;
	}
			
}