/* CSS */

@font-face {
    font-family: 'AmerTypeMdBTMedium';
    src: url('/font/american/amrtypen-webfont.eot');
    src: url('/font/american/amrtypen-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/american/amrtypen-webfont.woff') format('woff'),
         url('/font/american/amrtypen-webfont.ttf') format('truetype'),
         url('/font/american/amrtypen-webfont.svg#AmerTypeMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


body
{  overflow-y:scroll;
	font-family:'AmerTypeMdBTMedium',serif;
	font-size:13px;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#fff; /*background-color:#c3ba8e;*/
	color:#444;
	line-height:18px;
	word-spacing:0px;

/*background-image:url(/images/bg_crema.jpg);*/
}

h1,h2,h3,h4,h5,h6,b{} /*theme color*/
h1{ text-align:center; padding:0; margin:0; font-weight:normal; font-size:32px; }
h3{ font-size:16px; text-align:left}



#pagina{ max-width:1000px; margin:0 auto; padding:0; position:relative; color:#000; text-align:left;  overflow-x: auto;   box-sizing: border-box; }
#pagina a{color:#00f; text-decoration:none;}
#pagina a:hover{color:#33f;}

#menu{ font-size:14px; font-weight:bold; line-height:16px;  text-align:center; z-index:10; overflow:visible; height:35px; margin-bottom:6ex; position:relative; width:100%; }
#menu ul {    list-style: none;    margin-top: 40px;    padding: 0;    display: flex;    justify-content: center;  /* centra orizzontalmente */
    align-items: center;    gap: 30px;                /* spazio tra le voci */
}
#menu ul li { height:25px;   margin: 0;    padding-top:5px;}
#menu ul li a { color:#a03 !important;     text-decoration: none; text-align:center;   font-size: 18px;}
#menu a:hover{ color:#540019 !important; text-decoration:underline; }

/*
#menu{ font-size:14px; font-weight:bold; line-height:16px;  text-align:center; z-index:10; overflow:visible; height:35px; margin-bottom:6ex; position:relative; width:100%; min-width:450px; }
#menu ul{ margin-top:40px;  }
#menu li{ list-style:none; position:relative;  display: inline-block;   height:25px; padding-top:5px;}
#menu a{ color:#a03 !important;  position:relative; text-decoration:none; border:0px solid blue; padding:4px 25px; text-align:center;  }
#menu a:hover{ color:#540019 !important; text-decoration:underline; }
*/



.submenu{ display:none; position:absolute; top:25px; left:0px; width:104px;  z-index:11; overflow:visible; text-align:left; padding-left:8px;  }


#topx{ text-align:center; padding:30px 20px 20px 20px; font-size:32px;  }
#topx img{border:none}

#centx{width:100%; margin:0 auto; position:relative;  }
#sx{  width:30%; clear:left; margin:0;  }
#sx img{width:100%}

#sx div{font-size:10px; font-style:italic; color:#555; text-align:center}
#sx div a{ color:#555;}

#xx{ width:60%; margin-left:5%; margin-right:0; z-index:1; text-align:justify;   }
#xx p{ font-size:14px; line-height:24px;}
#dx{ width:1px; clear:right; }
#sx,#xx,#dx{  float:left; margin-top:5px; overflow:auto;} 
#footx{  float:left; clear:both; width:100%;  height:20px;   text-align:center;}


#reference{ margin-top:10ex; font-size:12px; color:#666;}

.nopunto{ list-style:none;}

#emailmask{width:400px}
#emailmask input ,#emailmask textarea{width:100%}

@media screen and (max-width: 768px) {
    body {
        font-size: 18px;
        line-height: 1.5;
        padding: 10px;
        
    }
    
    #topx{ text-align:center; padding:30px 20px 20px 20px; font-size:28px;  }

    #xx p{ font-size:18px; line-height:24px;}

}