/*CONTENITORI-DESKTOP*/ 
* {padding: 0; margin: 0; font-family: lc; font-size: 32px;}
.ora {background: linear-gradient(45deg, #8bf, #fff, #ff0);}
div, header, footer, nav, section, aside, form, code {	display: flex;
							flex-wrap: wrap;
							justify-content: space-around; 
							align-content: space-around;
							align-self: flex-start;}
body {	background: linear-gradient(90deg, #8bf, #fff); 
		margin: 0px auto; 
		width: 960px; 
		position: inherit; 
		font-family: lc;}
aside 	{background: #000; align-items: flex-start;}
code {width: 100%;}
form, .hebrew		{margin: 0px; padding: 0px;}
.bo 		{padding: 1px 1px; justify-content: center;}
div 		{background: linear-gradient(0deg, #777, #fff); width: 960px; }
.ca 		{justify-content: space-around; width: 70%; margin: 32px auto; border: 3px solid #400;}
.ae		{font-family: sil; justify-content: space-between;}
.bp, .cd 	{align-items: flex-start; justify-content: center;}
.bp		{background: linear-gradient(45deg, #ff7, #fff, #ff7); }
.cd		{background: linear-gradient(45deg, #f50, #fff, #f40); }
.gue, .cAL, .cAR, .cCA, .cCO, .cLE, .cMO 	{background: linear-gradient(45deg, #eee, #8bf, #eee); flex-direction: row; justify-content: space-around; align-items: stretch; align-content: stretch;}
.container 	{display: block; background: linear-gradient(90deg, #eee, #8bf, #eee);}
.pod {background: url(../J/au.jpg); width: 99%; font-family: eb; text-align: center;}
.pod button {flex-basis: 15%; background: #8bf; font-size: 50px; padding: 20px;}
.sposi {background: linear-gradient(90deg, #0af, #fff, #f0f);}
.sposi a, .sposi a:hover  {background: url(../J/cuore.jpg); flex-basis: 500px; padding: 270px 0px; font-size: 100px; width: 500px; font-family: eb;}
header 	{height: 80px; position: fixed; top: 0;}
header, 
footer 	{background: linear-gradient(45deg, #700, #fff, #700); width: 960px;}
footer div 	{border-radius: 0px; align-self: center; border-left: 2px solid #000;  flex-basis: 30%; padding: 14px; font-size: 24px; align-self: flex-start;
		 background: #303; color: #ff0;}
nav 		{margin: 80px 0px 500px 0px; min-height: 300px; /*background-image: linear-gradient(45deg, rgba(0,0,0,.9), rgba(255,255,255,.6)), url(../J/.jpg);*/ background-attachment: fixed; flex-direction: row; align-items: flex-start; align-items: center;}
.peu {/*background: url(../P/peu.png);*/}
.pec {/*background: url(../P/pec.png);*/}
.ped {/*background: url(../P/ped.png);*/ align-items: flex-end;}
.nu, .te, .nb, .tb, .ng, .tg {background: none; margin: 0px; padding: 0px;}
.nu, .nb, .ng {flex-basis: 5%;}
.te, .tb, .tg {flex-basis: 94%; }
.nu, .te {background: #ffd631;}
.nb, .tb {background: #ccaa20; font-weight: bold;}
.ng, .tg {background: #ff7;}
.nu {}
.te {}
.nb {}
.tb {}
.ng {}
.tg {}


section.n5 {min-height: 768px;}
section 	{border: 1px solid #777; border-radius: 12px; margin: 1px 0%; flex-wrap: wrap;}
section.a {background: linear-gradient(45deg, #d2fbff, #fff, #d2fbff); width: 100%;}
section.b {background: linear-gradient(45deg, #dbe6ff, #fff, #dbe6ff); width: 66.6%;}
section.c {background: linear-gradient(45deg, #c1ffc5, #fff, #c1ffc5); width: 33.3%;}
section.d {background: linear-gradient(45deg, #cdd4ff, #fff, #cdd4ff); width: 50%;}
section.kb {}
.A {background: linear-gradient(0deg, rgba(255,255,255,.9), rgba(100,140,190,.9)); margin: 0px 0px 1400px 0px; justify-content: center;}
.HBH {}
.sino {background: #7ae; color: #000;}
.H {background: linear-gradient(45deg, #f50, #fff, #f50); line-height: 160%; font-size: 40px; direction: rtl; text-align: right; flex-basis: 70%;}
.I {background: linear-gradient(45deg, #0f8, #fff, #0f8); font-family: wi; flex-basis: 30%; font-size: 30px;}
.gr {border-radius: 14px; padding: 7px; background: #d6ac2e; color: #600; font-size: 24px; flex-basis: 94%;}
.H, .gr, .ah {font-family: sil; }
.foto {background: linear-gradient(45deg, #ff7, #fff, #ff7);  width: 90%; margin: 0px auto; flex-direction: row; align-content: space-around;}
/*SINO DESKTOP*/
.fta, .ftb, .ftc, .ftr, .ftm, .ftl, .ftq, .ftg {font-size: 24px; margin: 32px 0px 0px 0px; border-radius: 40px 40px 0px 0px;}
.fta {background: #122;}
.ftb {background: #133;}
.ftc {background: #777;}
.ftr {background: #155;}
.ftm {background: #166;}
.ftl {background: #177;}
.ftq {background: #188;}
.ftg {background: #0aa;}
.m1, .m2, .m3, 	.r1, .r2, .r3, 	.l1, .l2, .l3, 	.g1, .g2, .g3, 	.a1, .a2, .a3, 	.x1, .x2, .x3, 	.e1, .e2, .e3, 	.f1, .f2, .f3, 	.h1, .h2, .h3, 	
.p1, .p2, .p3,	.k1, .k2, .k3, 	.y1, .y2, .y3, 	.d1, .d2, .d3, 	.z1, .z2, .z3 {text-align: center; font-family: eb; align-self: flex-start;}
.m1, .m2, .m3 {background: linear-gradient(45deg, #0f8, #fff, #0f8); color: #000; }
.r1, .r2, .r3 {background: linear-gradient(45deg, #ff0, #fff, #ff0);  color: #700;}
.l1, .l2, .l3 {background: linear-gradient(45deg, #0ff, #fff, #0ff); color: #007;}
.g1, .g2, .g3 {background: linear-gradient(45deg, #0ef, #fff, #0ef); color: #070;}
.x1, .x2, .x3 {background: linear-gradient(45deg, #305, #fff, #305); color: #000;}
.a1, .a2, .a3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.x1, .x2, .x3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.e1, .e2, .e3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.f1, .f2, .f3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.h1, .h2, .h3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.p1, .p2, .p3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.k1, .k2, .k3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.y1, .y2, .y3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.d1, .d2, .d3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.z1, .z2, .z3 {background: linear-gradient(45deg, #000, #000, #000); color: #fff;}
.m1, .r1, .l1, .g1, .x1, .a1, .x1, .e1, .f1, .h1, .p1, .k1, .y1, .d1, .z1 {flex-basis: 100%;}
.m2, .r2, .l2, .g2, .x2, .a2, .x2, .e2, .f2, .h2, .p2, .k2, .y2, .d2, .z2 {flex-basis: 50%;}
.m3, .r3, .l3, .g3, .x3, .a3, .x3, .e3, .f3, .h3, .p3, .k3, .y3, .d3, .z3 {flex-basis: 33%;}
.n5, .n5 div {background: radial-gradient(#fff, #8bf); font-size: 30px;  align-items: flex-start;}
.n5 div span {font-size: 80%; color: #800;}
.pa {background: #aaa; border-radius: 50px 50px 0px 0px; border: 3px solid #700; border-bottom: none; margin: 32px 0px 0px 0px; font-family: dxb; font-size: 80px;}
.no {background: #eff;  border-radius: 0px 0px 50px 50px; border: 3px solid #700; border-top: none;  margin: 0px 0px 32px 0px; justify-content: center;
align-items: stretch;}
.n5 div {border: 20px inset #8bf; width: 80%; min-height: 500px; padding: 20px; text-align: center;}
.c10, .c9, .c7, .c5, .c3, .c2, .c1 {border: 1px solid purple;} 
.c10 	{width: 100%; margin: 1px 0%;}
.c9	{width: 90%; margin: 1px 5%;}
.c7	{width: 70%; margin: 1px 15%;}
.c5	{width: 50%; margin: 1px 25%;}
.c3	{width: 30%; margin: 1px 35%;}
.c2	{width: 20%; margin: 1px 40%;}
.c1	{width: 10%; margin: 1px 45%;}
.w48	{width: 48%; margin: 0.1%}
.i {background: linear-gradient(0deg, rgba(100,140,190,.9), rgba(255,255,255,.9)); flex-wrap: wrap; margin: 100px 0px 0px 0px;}
.sx, .cx, .dx {border: 3px solid #700; border-radius: 10px; flex-wrap: wrap; align-content: space-around; width: 100%; margin: 500px 0px 0px 0px;}
.sx {background: linear-gradient(90deg, #af7, #8bf, #fff);}
.dx {background: linear-gradient(90deg, #fff, #8bf, #af7);}
.cx {background: linear-gradient(90deg, #af7, #fff, #af7);}
.par {background: linear-gradient(133deg, #8bf, #fff, #8bf); flex-direction: row; align-items: baseline; justify-content: space-around;} 
div.c10 {background: linear-gradient(0deg, #777, #fff, #777); border-radius: 7px;}
/*MULTITAG*/
/*TABELLE*/
table {width: 90%;}
td, th {background: #fff; text-align: center; }
td a {flex-basis: 90%;}
td.v {background: #777; color: #fff;}
td.t3 {background: linear-gradient(90deg, #000, #8bf); color: #fff; padding: 5px;}
.vi {min-height: 1000px;}
iframe.c9 {min-height: 600px;}
/*=================	CONTENUTI	=================*/ 
aside div, aside p {flex-basis: 33%; align-self: flex-start;}
h1, h2, h3, h4, h5, h6 {font-family: eb; margin: 50px 0px 25px 0px; padding: 7px; flex-basis: 90%; font-weight: normal; text-shadow: 1px 1px 0px #0f0; 
background: linear-gradient(0deg, transparent, #ff0, transparent);}
h1, h2 {color: black; font-size: 50px;}
h5, h6 {color: blue; font-size: 45px; }
h3, h4 {color: green; font-size: 40px; }
h1, h3, h5 {padding: 7px auto; text-align: center;}
.n5 h1 {background: none; font-family: dxb; font-size: 60px;}
aside a {align-self: center; flex-basis: 24%;}
section a {align-self: flex-end; flex-basis: 13%;}
.ah {flex-basis: 99%; text-align: center; border: 1px solid #000; border-radius: 50px; margin: 1px; font-size: 70px;}
/*liste*/
ul, ol {padding: 14px 32px; margin: 14px 32px;}
/*AREE-DESKTOP*/
.gue a, .cAL a, .cAR a, .cCA a, .cCO a, .cLE a, .cMO a {flex-basis: 24%; border-radius: 30%; align-self: flex-start; align-items: center;  padding: 250px 0px 30px 0px;}
.gue a {}
.cAL a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/asm.png); background-repeat: no-repeat;}
.cAR a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/aac.png);}
.cCA a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/csa.png);}
.cCO a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/csa.png);}
.cLE a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/llm3.png);}
.cMO a {background: linear-gradient(0deg, rgba(255,255,255,.6), rgba(255,255,255,.8)), url(../chpng/mma.png);}
a {background: linear-gradient(135deg, #0af, #fff, #0af); border: 1px solid black; color: #00f; border-radius: 7px; text-align: center; text-decoration: none; margin: 1px; padding: 1px 5px;  align-self: stretch; word-wrap: nowrap; flex-wrap: wrap;}
p a {border: none; background: none; color: #500;}
footer div a {border-radius: 10px; flex-basis: 90%;}
header a {background: linear-gradient(to top left, #8bf, #fff, #8bf); color: #000; font-family: eb; font-size: 30px; padding: 10px 3%; margin: 7px 1px; border-radius: 14px; border: 2px double #00f; align-self: flex-start; flex-basis: 20%;}
div a {flex-basis: 20%;}
nav a {background: radial-gradient(#000 30%, #8bf, #fff); color: #fff; font-family: eb; text-shadow: 2px 2px 0px #000; border: 1px solid #777; border-radius: 50%; padding: 7.5% 0px; flex-basis: 20%;}
.ora a {padding: 14px;}
.fta a, .ftb a, .ftc a, .ftr a, .ftm a, .ftl a, .ftq a,
.m3 a, .m2 a, .m1 a, .gr a,
.r3 a, .r2 a, .r1 a,
.l3 a, .l2 a, .l1 a,
.g3 a, .g2 a, .g1 a {background: none; border: none; color: #700; padding: 0px 0px; margin: 0px 0px; font-family: eb; text-align: center;}
a.s, a.q {flex-basis: 100%;}
a.s {background: #ddd; color: #000;}
a.q {background: #f00; color: #ff0;}
a.r9 {flex-basis: 90%; flex-wrap: nowrap;}
td.t3 a {flex-basis: 90%; flex-wrap: nowrap; font-size: 30px; padding: 0px; border: none; font-family: eb; color: #fff;}
.ora a {flex-basis: 99%; width: 90%; flex-wrap: nowrap; color: #000;}
.no a {flex-basis: 24%; align-self: stretch; color: #00f; padding: 3px 1px; margin: 3px 1px;}
.ca a {flex-basis: 13%; align-self: flex-start; padding: 14px 0px; font-family: eb; font-size: 50px; border-top: 22px solid #000; border-radius: 21px;}
.ae a {font-family: sil; flex-basis: 10%; font-size: 150%; line-height: 150%;}
footer a, .bo a {font-size: 30px;}
.n5 a {flex-basis: 48%; margin: 1px 0px; border: 7px solid #8bf;}
.n5 div a {align-self: stretch; border: none; background: linear-gradient(45deg, transparent, #fff, transparent); flex-basis: 48%; color: #00f; font-family: er;}
.n5 div a:hover {background: linear-gradient(30deg, #ff0, #fff, #f70); color: #000; }
.par a {color: #000; flex-basis: 90%; border: none;}
.par div a, .par div p {background: #fff; }
a.plus, a.minus, a.bd, a.bs {position: fixed; bottom: 5%; background: #f50; color: #000; font-size: 50px; width: 5%;}	
a.plus, a.bd {right: 0; border-radius: 0px 50px 50px 0px;}
a.minus, a.bs {left: 0; border-radius: 50px 0px 0px 50px;}
.bo a {padding: 0px; flex-basis: 18%; border-radius: 10px; align-self: auto;}
.c10 a {background: linear-gradient(to top left, #8bf, #fff, #8bf); flex-basis: 20%; padding: 70px 0px; border: 2px double #000; border-radius: 50%; width: 14%; text-transform: uppercase; font-family: eb;}
.A a	{border-radius: 21px; padding: 1px 10px; flex-basis: 19%; margin: 3px 1px width: 10%; font-family: eb; font-size: 28px;}
.a a, .b a, .c a, .d a {background: linear-gradient(70deg, #070, #fff, #070);  border-radius: 7px;}
.a a {flex-basis: 48%;}
.c a {flex-basis: 90%;}
.b a {flex-basis: 48%;}
.d a {flex-basis: 90%;}
.sx a, .dx a, .cx a {border-radius: 7px; flex-basis: 33%; margin: 7px 0px; padding: 7px; align-self: stretch; padding: auto;}
.vi a {flex-basis: 48%;}
.bp a, .cd a {flex-basis: 30%; align-self: stretch; margin: 1%; padding: 100px 7px 50px 7px;}
.bp a {background: linear-gradient(135deg, rgba(255,255,255,9) 40%, rgba(255,255,255,.5)), url(../J/prof.jpg);}
.cd a {background: linear-gradient(135deg, rgba(255,255,255,9) 40%, rgba(255,255,255,.5)), url(../J/cld.jpg);}
.H a { flex-basis: 100%; padding: 14px; background: none; border: none; color: #f00;}
.m1 a, .m2 a, .m3 a, 	.r1 a, .r2 a, .r3 a, 	.l1 a, .l2 a, .l3 a, 		.g1 a, .g2 a, .g3 a, 	.a1 a, .a2 a, .a3 a, 	.x1 a, .x2 a, .x3 a, 	.e1 a, .e2 a, .e3 a, 
.f1 a, .f2 a, .f3 a, 		.h1 a, .h2 a, .h3 a, 	.p1 a, .p2 a, .p3 a,	.k1 a, .k2 a, .k3 a, 	.y1 a, .y2 a, .y3 a, 	.d1 a, .d2 a, .d3 a, 	.z1 a, .z2 a, .z3 a {
flex-basis: 99%; padding: 0px; margin: 0px;}
	/*PARAGRAFI-DESKTOP*/
.gue p, .cAL p, .cAR p, .cCA p, .cCO p, .cLE p, .cMO p {flex-basis: 90%; background: #fff; text-align: center;}
.ora p {padding: 14px;}
.sx p, .dx p, .cx p {flex-basis: 90%; margin: 14px 0px; border-bottom: 1px dotted #0f0; text-indent: 14px;}
span {color: #f00; text-align: center; background: #ffa; flex-basis: 90%;}
.no span {color: #f00; text-align: right; background: #ffa;}
p.xs {flex-basis: 99%; background: linear-gradient(90deg, #0af, #fff, #0af); padding: 1px 7px; font-size: 30px; font-family: eb;}
footer p, footer div p {font-size: 24px;}
.n5 div p {font-size: 30px; align-self: flex-end; border: none; background: none; color: #000; flex-basis: 90%; text-align: center;}
.n5 span {background: none; text-align: center; color: #007;}
p {text-align: left;}
.par p, .par div {flex-basis: 90%; color: #600; margin: 3px 0px;}
.par p {text-indent: 21px; margin: 21px 0px;}
nav p {border-bottom: 1px solid blue; flex-basis: 100%; align-self: flex-start; padding:1px 0px; margin: 0px 0px 500px 0px;}
.no p {flex-basis: 90%; align-self: center; text-align: center; font-size: 40px; color: #007; }
	/*MULTITAG-DESKTOP*/
.ah a, .ah p {flex-basis: 90%;}
.i a {border-radius: 50%; border: 1px double #777; background: linear-gradient(45deg, #8bf, #fff, #8bf); flex-basis: 16%; padding: 5.7% 1%; width: 20%; font-family: wi;}
.H p, .ih p {padding: 1px 7px;}
	/*IMMAGINI-DESKTOP*/
section img {align-self: flex-start; }
img.c10, img.c9, img.c7, img.c5, img.c3, img.c2, img.c1, img.w48, img.w31, img.w24 {border: 1px solid blue;}
.n5 img {border-radius: 50px; border: none; box-shadow: 7px 7px 14px #333;}
.n5 div img {width: 50%; align-self: flex-start;}
.c10 	{width: 100%; margin: 1px 0%;}
.c9	{width: 90%; margin: 1px 5%;}
.c7	{width: 70%; margin: 1px 15%;}
.c5	{width: 50%; margin: 1px 25%;}
.c3	{width: 30%; margin: 1px 35%;}
.c2	{width: 20%; margin: 1px 40%;}
.c1	{width: 10%; margin: 1px 45%;}
.w48	{flex-basis: 48%; margin: 0.1%}
.w31	{flex-basis: 33%; margin: 0.1%}
.w24	{flex-basis: 25%; margin: 0.1%}
/*ASSOLUTI-DESKTOP*/
hr {clear: both; width: 100%; margin: 10px 0px;}
div, section, nav, span, footer, footer div {padding: 100px 0.3% 28px 0.3%;}

a:hover {background: linear-gradient(30deg, #fa0, #fff, #ff0); color: #f00;}
/*SPECIALI-DESKTOP*/
.AL, a.AL {background: linear-gradient(15deg, #ffa, #fff, #ffa);}
.AR, a.AR {background: linear-gradient(15deg, #cbf, #fff, #cbf);}
.CO, a.CO, td.co  {background: linear-gradient(15deg, #6e7, #fff, #6e7);}
.CA, a.CA  {background: linear-gradient(15deg, #0af, #fff, #0af);}
.LE, a.LE  {background: linear-gradient(15deg, #8bf, #fff, #8bf);}
.MO, a.MO  {background: linear-gradient(15deg, #fb6, #fff, #fb6);}
.SP, a.SP  {background: linear-gradient(15deg, #f4f, #fff, #f4f);}
a.AL, a.AR, a.CA, a.CO, a.LE, a.MO, a.SP {align-self: flex-end; flex-basis: 51%;}
.AL a, .AR a, .CA a, .CO a, .LE a, .MO a, .SP a {align-self: center; background: none; flex-basis: 90%; margin: 30px;}
p.AL, p.AR, p.CA, p.CO, p.LE, p.MO, p.SP {text-align: left; padding: 4px; margin: 3px 0px;}
.foto img {align-self: flex-start; width: 33%;}
/*HEBREW DESKTOP*/
.cadr, .cad2 {font-family: sil; border: 1px solid #ff0; color: #007;  width:100%; margin: 2px 0px; padding:12px; scrollbar-base-color:transparent; scrollbar-track-color:#f00; }
.cadr {background: #000; color: #efe; font-size: 50px; line-height: 140%;}
.cad2 {font-size: 100px; line-height: 120px;}
button, button:hover, 
.scr, .scr:hover, .scr:visited, 
.be, .be:hover, .be:visited,
.bf, .bf:hover, .bf:visited, 
.bg, .bg:hover, .bg:visited, 
.bh, .bh:hover, .bh:visited, 
.bj, .bj:hover, .bj:visited {font-family: sil; cursor:pointer; border-radius: 5px; box-shadow: 4px 4px 0px #777; font-size: 25px; line-height: 100%; margin: 4px; padding: 4px;}
.scr, .be, .bf, .bg, .bh, .bj {flex-basis: 18%;}
button {background: #0f0; border: 1px solid #000;}
button:hover, .bf:hover, .bg:hover, .bh:hover, .bj:hover {background: #00f; color; #000; box-shadow: 4px 4px 0px #f20;}
.be:hover {background: #ff0; color; #f00; box-shadow: 4px 4px 0px #f20;}
.bh, .bh:hover, .bh:visited, .bj, .bj:hover, .bj:visited {font-weight: bold;}
.bf {background: #c0c; color:#ff0;} /*x3*/
.bg {background: #bbf; color:#900; }
.bh {background: #f00; color:#ff0; } /*canc*/
.bj {background: #070; color:#ff0; margin: 3px auto;} /*copia*/
.scr {background: #000; color:#ff0; margin: 3px auto;}
.t, form div, .t:hover, .ta, .ta:hover {border: 5px outset #070; border-radius: 7px; color: #900; margin: 1px; padding: 0px 1px; height: 100px;}
.t, form div {background: #ddd; }
form div {flex-basis: 6%;}
.ta {background: #ff0; }
.t, form div, .t:hover, .xt, form input, .ta, .ta:hover {font-family: sil; text-align: center;}
.xt, form input, .xt:hover, form input:hover {border-radius: 7px;}
.xt, form input {color: #700; font-size: 30px; line-height: 150%; width: 100%; margin: 0px; padding: 0px;}

.xt:hover, input:hover {background: #0f0; color: #700;}
textarea{scrollbar-base-color:transparent; scrollbar-track-color:transparent; color:#777;}
input {font-family: sil; background: none; border: none; font-size: 40px; line-height: 60px; margin: 0px; padding: 0px 5px; text-align: center; }
select{color:#330066;}
form {flex-basis: 10%;}
.t, .t:hover, .ta, .ta:hover {}
.b1, .b2, .b3, .b4, .b5, .b6, .b7, .b8, .b9 {border: 1px solid #00f; border-radius: 7px; font-size: 50px; line-height: 75px; margin: 1px; text-align: center;}
.b2, .b4, .b7, .b6, .b8 {width: 44px;}
.b1, .b5, .b9, .b3 {width: 40px;}
.b1 {background: #111; color: #0f0; } /*CONSONANTI*/
.b2 {background: #f00; color: #fff;} /**/
.b3 {background: #aa0; color: #000;}/*finali */
.b4 {background: #ffd; color: #000;} /*vocali, accenti*/
.b5 {background: #afa; color: #a0f;} /*dages*/
.b6 {background: #ee0; color: #00f;}/*speciali */
.b7 {background: #000; color: #fff;}
.b8 {background: #777; color: #ff0;}
.b9 {background: #bbb; color: #00f;} /*sin*/
.b1:hover, .b2:hover, .b3:hover, .b4:hover, .b5:hover, .b6:hover, .b7:hover, .b8:hover, .b9:hover
{border: 1px solid #ff0; background: #00f; color: #fff;}
code input, code button {flex-basis: 18%;}
.ih, .ih a {font-family: sil; text-align: right; direction: rtl; background: linear-gradient(20deg, #f50, #fff); color: #000;}
.ih a {flex-basis: 40%; padding: 21px 7px;}
.ih a:hover {background: #702; color: #ff0;}
/*==============		CSS MOBILE 		==============*/
@media only screen and (max-width: 1020px) {
	/*CONTENITORI-MOBILE*/
	* {font-size: 80px;}
	.A {align-items: center;}	
	nav, div, section, aside, footer {padding: 110px 0px 28px 0px;}
	nav {margin: 0px 0px 999px 0px;}
	footer div {flex-basis: 90%; margin: 1px 0px;}
	.container, .ca {width: 100%;}
	header {background: #f50; height: 120px;}
	header a {background: #000; color: #0f0; font-size: 80px; padding: 7px; flex-basis: 24%;}
	ul, ol {flex-basis: 90%; width: 90%; background: linear-gradient(90deg,  transparent, #fff, transparent)}
	.i {min-height: 900px; align-items: stretch;}
	.foto img {flex-basis: 49%; }
	.n5 {}
	.n5 div {width: 98%; margin: auto; border: 2px solid #8bf; padding: 14px 2px;}
	.n5 div, .n5 div p, .n5 div a {font-size: 80px;}
	.n5 div a {flex-basis: 90%;}
	.n5 div h1 {font-size: 150px;}
	.n5 div h2 {font-size: 120px;}
	.n5 div h3 {font-size: 110px;}
	.n5 div h4 {font-size: 100px;}
	.n5 div h5, .n5 div h6 {font-size: 90px;}
	.pa {font-size: 120px;}
	.no {font-size: 80px; justify-content: space-around;}
	.no h1, .no h2, .no h3, .no h4, .no h5, .no h6 {font-family: lc; color: #a00;}
	.sx a, .dx a, .cx a {flex-basis: 90%; padding: 7px; margin: 12px 0px; color: #000;}
/*HBH MOBILE*/	
	.HBH {}
	.H {font-size: 90px;}
	.I {font-size: 40px;}

	.te,  .tb,  .tg {font-size: 60px; padding: 0px; flex-basis: 97%;}
	.nu,.nb, .ng {font-size: 25px; padding: 0px; flex-basis: 3%;}
	/*CONTENUTI-MOBILE*/
	.gue a, .cAL a, .cAR a, .cCA a, .cCO a, .cLE a, .cMO a {flex-basis: 32%;}
	.ca a {font-size: 80px;}
	.ae a {font-size: 120px; flex-basis: 14%;}
	aside p, aside div {flex-basis: 94%;}
	aside a {flex-basis: 48%;}
	nav a {border-radius: 50%; flex-basis: 47%; font-size: 90px; margin: 7px 0px; padding: 17% 0.1%;}
	h1, h2, h3, h4, h5, h6 {margin: 100px 0px 14px 0px; width: 90%;}
	h1, h2 {color: black; font-size: 90px;}
	h5, h6 {color: blue; font-size: 85px; }
	h3, h4 {color: green; font-size: 75px; }
	.n5 h1 { font-size: 100px;}
	span {color: #009; text-align: left; font-size: 70px;}	
	.no span {color: #f00; text-align: right;}
	.no a {flex-basis: 48%; align-self: center; font-family: eb; margin: 3px 0px; padding: 5px 0px;}
	.par a, .par p { margin: 7px 0px; padding: 7px 0px;}
	.A a {border-radius: 5px; padding: 7px 1px; font-size: 80px; color: #007; margin: 7px 0px; }
	.i a {border-radius: 50px; border: 2px double #000; flex-basis: 48%; padding: 7% 1%; font-size: 90px;}
	.AL, .AR, .CO, .CA, .LE, .MO {font-size: 80px; flex-basis: 99%;}
	table {width: 100%;}
	a.plus, a.minus, a.bd, a.bs {position: fixed; bottom: 5%; background: #f70; font-size: 70px; width: 5%;}	
	a.plus, a.bd {right: 0; border-radius: 0px 50px 50px 0px;}
	a.minus, a.bs {left: 0; border-radius: 50px 0px 0px 50px;}
	.xs {font-size: 60px;}
	.no p {flex-basis: 90%; text-align: center;}
	footer, footer p, footer div p, footer div, footer div a {font-size: 50px;}
	footer div a {flex-basis: 49%;}
	p.AL, p.AR, p.CA, p.CO, p.LE, p.MO, p.SP {text-align: left; padding: 5px; margin: 3px 0px;}
	.bp a, .cd a {flex-basis: 48%; padding: 12px 4px; align-self: flex-start;}
	.ih a {flex-basis: 90%;}
	.n5 div img {width: 60%;}
	/*SPECIALI MOBILE*/
	.AL a, .AR a, .CA a, .CO a, .LE a, .MO a, .SP a {background: none; flex-basis: 90%; margin: 30px;}
	/*MULTITAG*/
	.no a {font-size: 90px;}
	.no p {font-size: 80px; line-height: 110%; margin: 14px 0px;}
	.bo a {flex-basis: 24%; padding: 7px; font-size: 60px;}
	/**/
/*ASSOLUTI-MOBILE*/
	hr {clear: both; width: 100%; margin: 30px 0px;}
	div, section, nav, span, footer, footer div {padding: 130px 0.1% 28px 0.1%;}
/*HEBREW MOBILE*/
	.cadr {padding: 10px 1px; font-size: 90px; line-height: 145%; width: 100%;}
	.bf, .bf:hover, .bf:visited {}/*x3*/
	.bg, .bg:hover, .bg:visited {}
	.bh, .bh:hover, .bh:visited {}/*cancella*/
	.bj, .bj:hover, .bj:visited {background: #aad; color:#000; }/*copia*/
	.t, form div, .t:hover, .ta, .ta:hover {margin: 2px; padding: 1px; width: 75px; height: 155px; }
	.t:hover, ta:hover {color: #ff0;}
	.t, .t:hover, .ta, .ta:hover, .xt, input {text-align: center; font-size: 50px; line-height: 110%;  }
	button, button:hover, .bf, .bf:hover, .bf:visited, .bg, .bg:hover, .bg:visited, .bh, .bh:hover, .bh:visited, .bj, .bj:hover, .bj:visited, .scr, .scr:hover, .be, .be:hover {font-size: 50px; margin: 0px; font-family: sc; margin: 1px; border-radius: 5px; box-shadow: 4px 4px 0px #000; line-height: 60px; margin: 5px; padding: 5px;}
	button {background: #0f0; border: 1px solid #000; margin: 2px;}
	button:hover, .bf:hover, .bg:hover, .bh:hover, .bj:hover {background: #00f; color; #000; box-shadow: 4px 4px 0px #f20;}
	textarea{scrollbar-base-color:transparent;scrollbar-track-color:red; margin: 1px 0px; color:#5B5B5B;}
	input{font-size: 66px;}
	select{color:#330066;}
	code input, code button {flex-basis: 48%;}
	form div {flex-basis: 7%;}
	.pod button {background: #000; color: #0f0; font-size: 100px; padding: 30px;}
	.ah, .ah a, .ah p {font-size: 1em;}
	.H a {flex-basis: 90%; font-size: 50px; padding: 0px;}
/*SINO MOBILE*/
	.fta, .ftb, .ftc, .ftr, .ftm, .ftl, .ftq {color: #0f0; font-size: 40px;}
	.gr {font-size: 40px;}
	.m1, .m2, .m3,
	.r1, .r2, .r3, 	.l1, .l2, .l3, 		.g1, .g2, .g3, 	.x1, .x2, .x3, 	.a1, .a2, .a3, 	.b1, .b2, .b3, 	.e1, .e2, .e3, 	
	.f1, .f2, .f3, 	.h1, .h2, .h3, 	.p1, .p2, .p3, 	.k1, .k2, .k3, 	.y1, .y2, .y3, 	.d1, .d2, .d3, 	.z1, .z2, .z3 {font-size: 60px;}	
	/*
	.a1, .b1, .e1, .f1, .h1, .p1, .k1, .y1, .d1, .z1
	.a2, .b2, .e2, .f2, .h2, .p2, .k2, .y2, .d2, .z2
	.a3, .b3, .e3, .f3, .h3, .p3, .k3, .y3, .d3, .z3
	.a1, .a2, .a3, 		.b1, .b2, .b3, 		.e1, .e2, .e3, 		.f1, .f2, .f3, 	.h1, .h2, .h3, 		.p1, .p2, .p3, 		.k1, .k2, .k3, 		.y1, .y2, .y3, 		.d1, .d2, .d3, 		.z1, .z2, .z3
	*/
}
* {	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;}

@font-face {font-family: lc; src: url(../../T/lc.ttf);}
@font-face {font-family: dxb; src: url(../../T/dxb.ttf);}
@font-face {font-family: eb; src: url(../../T/eb.ttf);}
@font-face {font-family: db; src: url(../../T/db.otf);}
@font-face {font-family: er; src: url(../../T/er.otf);}
@font-face {font-family: wi; src: url(../../T/wi.ttf);}
@font-face {font-family: sil; src: url(../../T/sil.ttf);}
@font-face {font-family: silsr; src: url(../../T/silsr.ttf);}
/*HEBREW*/
@font-face {font-family:sil; src:url(../T/SILEOT.ttf); src:url(../T/SILEOTSR.ttf);}
@font-face { font-family:hs; src:url(../T/SILEOT.ttf); }
@font-face { font-family:hsr; src:url(../T/SILEOTSR.ttf);}
@font-face {font-family:sc; src:url(../T/sc.ttf);}
/*
@font-face {
  font-family: ExampleFont;
  src: url(/path/to/fonts/examplefont.woff) format('woff'),
       url(/path/to/fonts/examplefont.eot) format('eot');
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
}
@font-face {	font-family: 	src: url(../T/examplefont.woff) format('woff'),	url(../T/examplefont.eot) format('eot');
  			font-weight: 400;
			font-style: normal;
			font-display: fallback;
}


file:///home/vicedirettore/Desktop/sito6/hebrew/T/SILEOT.ttf
file:///home/vicedirettore/Desktop/sito6/hebrew/T/SILEOTSR.ttf
*/