@charset "utf-8";

/* CSS Reset v2.0 | 20110126 - License: none (public domain) - http://meyerweb.com/eric/tools/css/reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; vertical-align:top }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block }
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none }
table { border-collapse:collapse; border-spacing:0 }
/* End CSS Reset */

body { font:normal 14px 'Raleway' }
a { color:#000; text-decoration:none; cursor:pointer; cursor:hand }
.hide { display:none }

.azzurro { color:#009ee0 }
.magenta { color:#e2007a }
.giallo { color:#ffe500 }
.nero { color:#3b3c3c }

/******************* SCREEN ********************/

/* All Screen */
@media screen, print {
	
#wrapper { width:100%; background:transparent; float:left }
#wrapper .content { width:auto; margin:0 auto; background:#fff; position:relative }	
#wrapper .content:after { content:""; display: table; clear: both }
	
.page { position:absolute }
.page .all { posititon:relative; text-align:center }
.page .all p:before { content: ' '; display: inline-block; vertical-align: middle; height: 100% }
.page .all img { max-width:100%; max-height:100%; display:inline-block; vertical-align:middle; height:auto }

.page .all .c-pos { width:50vw; height:50vh; position:absolute; top:23vh; left:25vw; text-align:center }
.page .all .c-pos img { }
.page .all .t-pos { width:15vw; height:20vh; position:absolute; top:3vh; right:auto; bottom:auto; left:42.5vw; text-align:center; z-index:8 }
.page .all .t-pos img { vertical-align:top }
.page .all .r-pos { width:15vw; height:20vh; position:absolute; top:40vh; right:2vw; bottom:auto; left:auto; text-align:right; z-index:8 }
.page .all .r-pos img {  }
.page .all .b-pos { width:15vw; height:20vh; position:absolute; top:auto; right:auto; bottom:3vh; left:42.5vw; text-align:center; z-index:8 }
.page .all .b-pos img { vertical-align:bottom }
.page .all .l-pos { width:15vw; height:20vh; position:absolute; top:40vh; right:auto; bottom:auto; left:2vw; text-align:left; z-index:8 }
.page .all .l-pos img {  }
.page .all .s-pos { width:15vw; height:20vh; position:absolute; top:auto; right:auto; bottom:3vh; left:2.5vw; text-align:left; z-index:8 }
.page .all .s-pos img { vertical-align:bottom }
.page .all .i-pos { width:30vw; position:absolute; top:auto; right:2.5vw; bottom:3vh; left:auto; text-align:right; font-size:0.9vw; z-index:8 }
.page .all .i-pos img { vertical-align:bottom }
	
.c-page { background-color:#fff; border:1vw solid; border-right-color:#ffe500; border-bottom-color:#e2007a; border-left-color:#009ee0; z-index:10;  }
.r-page { background-color:#fff; border:1vw solid transparent; display:none }
.r-page .title { background-color:#ffe500 }
.l-page { background-color:#fff; border:1vw solid transparent; display:none }
.l-page .title { background-color:#009ee0 }
.t-page { background-color:#fff; border:1vw solid transparent; display:none }
.t-page .title { background-color:#55595f }
.b-page { background-color:#fff; border:1vw solid transparent; display:none }
.b-page .title { background-color:#e2007a }
.m-page { width:150px; position:fixed; top:2%; right:0; z-index:99; text-align:center; line-height:24px; font-size:13px; margin-right:-150px }
.m-page ul { background-color:#fff }
.m-page ul li { border-bottom: 2px solid #fff; background-color:#333; color:#fff  }
.d-page { background-color:rgba(0,0,0,0.5); border:1vw solid transparent; display:none }

.page .all .punto li { background: transparent url('/gate/ball-question.gif') no-repeat center center; background-size:contain; position:absolute; padding:0.5vh 0.5vh; z-index:6; cursor:pointer }
.page .all .punto li a { display:none }
.page .all .cloud { display:none; position:absolute; background: transparent url('/gate/cloud.gif') no-repeat left top; background-size:contain; width:10.6vw; height:11vw; padding:0.7vw 1.2vw; font-size:1.2vw; line-height:1.5vw; font-family:Handlee; font-weight:600; text-align:left; z-index:9 }
.page .all .cloud div { width:100%; height:100%;  }

.page .all .top { position:relative }
.page .all .title { width:100%; position:relative; color:#fff }
.page .all .animation { position:relative }
.page .all .content { width:100%; position:relative; background-color:#bbb }

.page .all .top .h-menu { position:absolute; text-align:left; left:0; top:0 }
.page .all .top .m-menu { position:absolute; text-align:right; right:0; top:0 }
	
.page .all .animation .a-pos { width:100%; height:90%; position:absolute; top: auto; right: auto; top: 10%; left: 0%; text-align:center }
.page .all .animation img { display:none; margin: 0 0.2% }
.page .all .animation img.omino { max-height:50%; max-width:20%; vertical-align:bottom; position:absolute; left:1%; bottom:1% }
.page .all .animation img.porta { max-width:10%; max-height:100%; cursor:pointer }
.page .all .animation img.hovered { max-width:30% }
	
.t-page table.community { width:95%; background: transparent url('/gate/cerchio-community.gif') no-repeat center center; text-align:center; background-size:100% auto; margin:0 auto }
.t-page table.community td { height:15%; text-align:center; vertical-align:middle }
.t-page table.community td img { margin:16% 0 }
	
.t-page table.modulo { width:100% }
.t-page table.modulo td { padding:2% 2%; width:50%; border:1px solid #999 }
.t-page table.modulo td h1 { margin:0 -70% 10% -70%; text-align:center }

.b-page .page-content h2 { color:#e2007a; ; font-size:16px; font-weight:600 }
.b-page .page-content h4 a { background-image:url('/gate/freccia-interventi-magenta.gif') }
.b-page .page-content .text table { text-align:left }

.r-page .page-content h4 a { background-image:url('/gate/freccia-interventi-giallo.gif') }
	
.l-page .page-content h4 a { background-image:url('/gate/freccia-interventi-azzurro.gif') }

.d-page .page-content { width:50vw; height:50vh; max-width:600px; margin:20vh auto; background:#fff url(''); overflow-y:auto; overflow-x:none; position:relative }
.d-page .page-content .member { width:100%; height:100%; position:absolute; left:0; text-align:left }
.d-page .page-content .member .loaded { padding:32px; position:relative }
.d-page .page-content .member .loaded img { position:absolute; border:1px solid #000; width:132px; height:132px }
.d-page .page-content .member .info { padding-left:144px; margin-bottom:32px }
.d-page .page-content .member .form { padding-left:144px; position:relative }
.d-page .page-content .member .form h1 { position:relative }
.d-page .page-content .member .form h1 img { position:absolute; right:0; top:0; width:auto }
.d-page .page-content .member .form .flag { position:absolute; right:0; top:-8px }
.d-page .page-content .member .form .flag img { width:24px; height:24px; max-width:initial; max-height:initial; border:0 }
.d-page .page-content .close { font-size:24px; position:absolute; right:18px; top:24px; font-weight:60 }

}

/* Big Screen */
@media screen and (min-width:1024px) {

.page .all .top { width:940px; height:80px; margin:0 auto }
.page .all .title { height:40px; font-size:24px; line-height:40px; font-weight:400 }
.page .all .animation { width:940px; height:240px; border-bottom: 2px solid #000; margin:0 auto }
	
.page .all .top img { height:50px; margin:5px 5px }
.page .all .top img:hover { height:60px; margin:-5px 0 }
.page .all .top .hover img { height:60px; margin:-5px 5px }
.page .all .top .h-menu img { height:60px; margin:0 0 }
.page .all .top .m-menu img { height:50px; margin:5px 0 }

.page-content { width:940px; margin:32px auto; padding:0 32px; background:transparent url('/gate/pixel-grey.gif') repeat-y left 656px top; background-size:1px auto }
.page-content .column { float:left }
.page-content .c1 { width:592px }
.page-content .c2 { width:276px; min-height:240px; margin:0 0 16px 72px }
.page-content h1 { font-size:15px; font-weight:700; margin-bottom:2px }
.page-content h2 { font-size:15px; font-weight:500; margin-bottom:8px; color:#000; text-align:justify }
.page-content h4 { font-size:16px; font-weight:600; margin-bottom:16px; text-align:left; position:relative; height:24px; line-height:24px }
.page-content h4 a { position:absolute; right:0; top:0; width:24px; height:24px; line-height:24px; background-repeat: no-repeat; background-image:url('/gate/freccia-interventi-nero.gif') }
.page-content:after { content:""; display: table; clear: both }
	
.page-community { width:940px; margin:32px auto; padding:0 32px; background:transparent url('/gate/pixel-grey.gif') repeat-y left 756px top; background-size:1px auto }
.page-community .column { float:left; width:100%; background-color:#fff }
.page-community .column:after { content:""; display: table; clear: both }
.page-community .c1 { width:692px }
.page-community .c2 { width:176px; min-height:240px; margin:0 0 16px 72px }
.page-community h1 { font-size:15px; font-weight:700; margin-bottom:2px }
.page-community h2 { font-size:15px; font-weight:500; margin-bottom:8px; color:#000; text-align:justify }
.page-community h4 { font-size:16px; font-weight:600; margin-bottom:16px; text-align:left; position:relative; height:24px; line-height:24px }
.page-community h4 a { position:absolute; right:0; top:0; width:24px; height:24px; line-height:24px; background-repeat: no-repeat }
.page-community:after { content:""; display: table; clear: both }

.c1 .text { font-size:14px; line-height:20px; font-weight:400; text-align:justify; position:relative }
.c1 .text h1 { font-size:20px; font-weight:600; margin-bottom:12px; padding-top:40px; }
.c1 .text h2 { font-size:17px; font-weight:600; margin-bottom:16px }
.c1 .text h3 { margin-top:24px }
.c1 .text h4 { position:relative; font-size:16px; margin-bottom:16px; font-weight:400; line-height:20px; padding:0; height:auto }
.c1 .text img { max-width:100%; height:auto }
.c1 .text iframe { max-width:42.4em }
.c1 .text ul.staff li { float:left; border:3px solid #fff; background:#414242 url('/gate/sfondo-profilo-no-name.gif') no-repeat right bottom; background-size:100% 100%; color:#fff; line-height:20px; height:132px; width:132px; position:relative; cursor:pointer; overflow:hidden }
.c1 .text ul.staff li img { width:130px; height:130px; position:absolute; left:0; border:1px solid #ccc }
.c1 .text ul.staff li p { font-size:13px; line-height:16px; font-weight:500; text-align:left; padding:4px; position:absolute; text-transform:uppercase }
.c1 .text ul.staff li p span.azienda { font-size:12px; line-height:14px; font-weight:300; display:block; padding:4px 0; text-transform:none }
.c1 .text ul.staff li p span.ruolo { font-size:12px; line-height:14px; font-weight:300; font-style:italic; display:block; padding:4px 40px 0 0; text-transform:none }
.c1 .text ul.staff:after { content:""; display: table; clear: both }
.c1 .text .description { font-size:14px; line-height:19px; font-weight:600; margin-bottom:16px; font-style:italic }
.c1 .text .description span { font-weight:400; font-style:normal }
.c1 .text .flag { position:absolute; right:0; top:-8px }
.c1 .text .flag img { width:24px }
.c1 .text:after { content:""; display: table; clear: both }

.c2 .attach { position:relative; text-align:left; padding:0 0 24px 16px; margin:0 0 24px -16px; border-bottom:1px solid #999 }
.c2 .attach img { width:48px; height:48px; margin-right:6px }
.c2 .attach a { color:#e2007a; font-weight:600; text-transform:uppercase; line-height:48px; }
	
.c2 .contact { position:relative; text-align:justify; padding:0 0 24px 0; margin:0 0 24px -16px; border-bottom:1px solid #999  }
.c2 .contact h4 { margin-bottom:0 }
	
.c2 .last { position:relative; text-align:justify; padding:0 16px 24px 16px; margin:0 -16px 24px -16px; border-bottom:1px solid #999  }
.c2 .last li { width:100%; padding-left:12px; margin-left:-12px; margin-bottom:16px }
.c2 .last li.magenta { background:transparent url("/gate/news/magenta.gif") no-repeat top 4px left }
.c2 .last li.azzurro { background:transparent url("/gate/news/azzurro.gif") no-repeat top 4px left }
.c2 .last li.giallo { background:transparent url("/gate/news/giallo.gif") no-repeat top 4px left}
.c2 .last li.nero { background:transparent url("/gate/news/nero.gif") no-repeat top 4px left }
.c2 .last li h1 img { width:18px; height:auto; margin:-4px -5px 0 6px }
.c2 .last li h2 { font-size:15px; font-weight:500; margin-bottom:8px; color:#000; text-align::justify }
.c2 .last .data-tag { font-size:12px; font-weight:400; text-transform:uppercase; color:#666; margin-bottom:2px; font-family:Verdana }
.c2 .last .data-tag span { text-transform:none; font-style:italic } 

.c2 .links { padding:0 16px 24px 16px; margin:0 -16px 24px -16px; border-bottom:1px solid #999 }
.c2 .links ul li { padding:0 0 8px 0; text-align:left }

.c2 .twitter { margin:0 -16px; overflow:hidden }

.c2 .members { position:relative; text-align:justify; padding:0 16px 24px 16px; margin:0 -16px 24px -16px; border-bottom:1px solid #999 }
.c2 .members ul li { padding:0 0 8px 0 }
	
.c2 .peoples { position:relative; text-align:justify; padding:0 16px 24px 16px; margin:0 -16px 24px -16px; border-bottom:1px solid #999 }
.c2 .peoples ul { margin:0 -16px; padding:0 16px }
.c2 .peoples ul li { width:67px; height:67px; float:left; margin:0 2px 2px 0 }
.c2 .peoples ul li img { width:100%; height:100% }
.c2 .peoples:after { content:""; display: table; clear: both }
			
.c2 .agenda { background:transparent url('/gate/cerchio.gif') no-repeat center 40px; width:100%; background-size:100% auto; padding:0 16px 24px 16px; margin:0 -16px 24px -16px }
.c2 .agenda h1 { padding-top:16px; text-align:center }
	
.footer { width:100%; min-width:1024px; background:#fff url('/gate/barra.gif') repeat-x left top; position:relative; padding-top:16px; text-align:center; font-size:10.8px; line-height:40px  }

.wCalendar { width:auto; height:auto; text-align:center; margin-bottom:48px; padding:0 24px  }
.wCalendar a { cursor:pointer; text-decoration: none }
.wCalendar .day { text-align: left; position: absolute; top:12px; right:12px; display: none; z-index: 1000; background: #f9f9f9; border: 1px solid #999; font-size: 12px; width: 220px }
.wCalendar .day .downloading  { width: 100%; margin-top: 8px; height: 40px; background: url('/html/downloading.gif') center no-repeat }
.wCalendar .day .section p { padding: 4px 8px 4px 8px; font-weight: 600; font-size: 13px; background-color:#333; color: #ffffff; line-height: 18px; margin-bottom:8px }
.wCalendar .day .body { margin: 0 8px 0 8px }
.wCalendar .day .body h1 { font-size: 11px; line-height: 13px; font-weight: normal; vertical-align: top; background: transparent url(''); text-align:left; margin-bottom:8px; padding:0 }
.wCalendar .day .body h1 a { font-size: 11px; text-decoration: none; color: #000000 }
.wCalendar .day .body .data { font-size: 10px; line-height: 11px; color: #666666; margin: 1px 0 }
.wCalendar .day .body .data a { font-size: 10px; text-decoration: none; color: #000000 }
.wCalendar .day .body .data span { color: #666666 }
.wCalendar .day .link { width: auto; margin: 0 8px 8px 8px; text-align: right }
.wCalendar .day .link a { font-size: 11px; font-family: Trebuchet MS; text-decoration: none }
.wCalendar td.month { width:auto; font-size:14px; line-height:32px; height:32px; color:#000; text-align:center; text-transform:uppercase }
.wCalendar td.month a { color:#000; font-size:14px; font-weight:400 }
.wCalendar td.month a.navi { color:#000; font-size:10px; padding:0 2px }
.wCalendar td.days { font-size:11px; height:28px; line-height:28px; color:#000; font-weight:600; text-align:center; text-transform:uppercase }
.wCalendar tr.week td { font-family:Verdana } 
.wCalendar td { font-size:14px; text-align: center; height:28px; line-height:28px; width:34px; font-weight:300; position:relative }
.wCalendar td.on { border:1px solid transparent; background:transparent; color:#transparent; }
.wCalendar td.cm { border:1px solid transparent; color:#fff }
.wCalendar td.ma { border:1px solid transparent; background:#e2007a }
.wCalendar td.az { border:1px solid transparent; background:#009ee0 }
.wCalendar td.gi { border:1px solid transparent; background:#ffe500 }
.wCalendar td.ne { border:1px solid transparent; background:#262626 }
.wCalendar td.mx { border:1px solid transparent; background:#0f0f0f }
.wCalendar td p.cm { color: #000 }
.wCalendar td p.cm a { color: #fff }
.wCalendar td p.ho { color: #a6a6a6 }
.wCalendar td p.ho a { color: #c6c6c6 }
.wCalendar td p.today { font-weight:600 }
.wCalendar .downloading { display:none }	

.footer .members { width:940px; margin:0 auto; padding:0 32px; height:12% }
.footer .members:after { content:""; display: table; clear: both }
.footer .members img { height:64px; margin:10px 4px }
	
}

@media screen and (min-width:768px) and (max-width:1023px) {

.page .all .top { width:90vw; height:6.5vw; margin:0.6vw auto }
.page .all .title { height:4vw; font-size:2.4vw; line-height:4vw; font-weight:400 }
.page .all .animation { height:24vw; border-bottom: 0.3vw solid #000 }
	
.page .all .top img { height:5vw; margin:0 0.5vw }
.page .all .top img:hover { height:6vw; margin:-0.5vw 0vw }
.page .all .top .hover img { height:6vw; margin:-0.5vw 0.5vw }
.page .all .top .h-menu img { height:6vw; margin:-0.5vw 0 }
.page .all .top .m-menu img { height:4vw; margin:0.5vw 0 }
	
.page-content { width:90vw; margin:3.2vw auto; padding:0 3vw; background:transparent url('/gate/pixel-grey.gif') repeat-y left 64vw top; background-size: 0.2vw auto }
.page-content .column { float:left }
.page-content .c1 { width:58vw }
.page-content .c2 { width:25vw; min-height:240px; margin:0 0 16px 7vw }
.page-content h1 { font-size:1.3vw; font-weight:700; margin-bottom:1.4vw }
.page-content h2 { font-size:1.3vw; font-weight:500; margin-bottom:0.8vw; color:#000; text-align:justify }
.page-content h4 { font-size:1.5vw; font-weight:600; margin-bottom:1.6vw; text-align:left; position:relative; height:2.4vw; line-height:2.4vw }
.page-content h4 a { position:absolute; right:0; top:0; width:2.4vw; height:2.4vw; line-height:2.4vw; background-size:100%; background-repeat: no-repeat }
.page-content:after { content:""; display: table; clear: both }

.page-community { width:90vw; margin:3.2vw auto; padding:0 3vw; background:transparent url('/gate/pixel-grey.gif') repeat-y left 74vw top; background-size: 0.2vw auto }
.page-community .column { float:left; width:100%; background-color:#fff }
.page-community .c1 { width:68vw }
.page-community .c2 { width:15vw; min-height:240px; margin:0 0 16px 7vw }
.page-community h1 { font-size:1.3vw; font-weight:700; margin-bottom:0.2vw }
.page-community h2 { font-size:1.3vw; font-weight:500; margin-bottom:0.8vw; color:#000; text-align:justify }
.page-community h4 { font-size:1.5vw; font-weight:400; margin-bottom:1.6vw; text-align:left; position:relative; height:auto }
.page-community h4 a { position:absolute; right:0; top:0; width:2.4vw; height:2.4vw; line-height:2.4vw; background-size:100%; background-repeat: no-repeat }
.page-community:after { content:""; display: table; clear: both }

.c1 .text { font-size:1.5vw; line-height:2vw; font-weight:400; text-align:justify }
.c1 .text h1 { position:relative; font-size:1.8vw; font-weight:600 }
.c1 .text h1 img { position:absolute; right:0 }
.c1 .text h3 { margin-top:2.2vw }	
.c1 .text img { max-width:100%; height:auto }
.c1 .text iframe { max-width:36em; max-height:20em }
.c1 .text ul.staff li { float:left; border:0.2vw solid #fff; background:#000 url('/gate/sfondo-profilo-no-name.gif') no-repeat right bottom; background-size:100% 100%; color:#fff; line-height:2vw; height:13.1vw; width:13.1vw; position:relative; cursor:pointer; overflow:hidden }
.c1 .text ul.staff li img { width:12.9vw; height:12.9vw; position:absolute; border:0.2vw solid #ccc }
.c1 .text ul.staff li p { font-size:1.4vw; line-height:1.6vw; padding:0.6vw; text-align:left; line-height:1.8vw; font-weight:500; position:absolute; text-transform:uppercase }
.c1 .text ul.staff li p span.azienda { font-size:1.2vw; line-height:1.4vw; font-weight:300; display:block; padding:0.4vw 0; text-transform:none }
.c1 .text ul.staff li p span.ruolo { font-size:1.2vw; line-height:1.4vw; font-style:italic; font-weight:300; display:block; padding:0.4vw 4vw 0 0; text-transform:none }
.c1 .text ul.staff:after { content:""; display: table; clear: both }
.c1 .text .description { margin-bottom:1vw; font-weight:600; font-style:italic }
.c1 .text .description span { font-weight:400; font-style:normal }
.c1 .text:after { content:""; display: table; clear: both }	

.c2 .attach { position:relative; text-align:left; padding:0 0 2.4vw 1.6vw; margin:0 0 2.4vw -1.6vw; border-bottom:1px solid #999 }
.c2 .attach img { width:4.8vw; height:4.8vw; margin-right:0.6vw }
.c2 .attach a { color:#e2007a; font-weight:600; text-transform:uppercase; line-height:4.8vw }
	
.c2 .contact { position:relative; text-align:justify; padding:0 0 2.4vw 0; margin:0 0 2.4vw -1.6vw; border-bottom:1px solid #999  }
.c2 .contact h4 { margin-bottom:0 }
	
.c2 .last { position:relative; border-bottom:1px solid #999; text-align:justify }
.c2 .last ul { margin-bottom:4vw }
.c2 .last li { width:100%; padding-left:1.2vw; margin-left:-1.2vw; margin-bottom:1.6vw }
.c2 .last li.magenta { background:transparent url("/gate/news/magenta.gif") no-repeat top 0.4vw left }
.c2 .last li.azzurro { background:transparent url("/gate/news/azzurro.gif") no-repeat top 0.4vw left }
.c2 .last li.giallo { background:transparent url("/gate/news/giallo.gif") no-repeat top 0.4vw left}
.c2 .last li.nero { background:transparent url("/gate/news/nero.gif") no-repeat top 0.4vw left }
.c2 .last li h1 img { width:1.8vw; height:auto; margin:-0.4vw -0.5vw 0 0.6vw } 
.c2 .last .data-tag { font-size:1.2vw; font-weight:400; text-transform:uppercase; color:#666; margin-bottom:0.2vw; font-family:Verdana }
.c2 .last .data-tag span { text-transform:none; font-style:italic }
	
.c2 .links { padding:0 1.6vw 2.4vw 1.6vw; margin:0 -1.6vw 2.4vw -1.6vw; border-bottom:1px solid #999 }
.c2 .links ul li { padding:0 0 0.8vw 0; text-align:left }

.c2 .members { position:relative; text-align:justify; padding:0 1.6vw 2.4vw 1.6vw; margin:0 -1.6vw 2.4vw -1.6vw; border-bottom:1px solid #999 }
.c2 .members ul li { padding:0 0 0.8vw 0 }

.c2 .peoples { position:relative; text-align:justify; padding:0 1.6vw 2.4vw 1.6vw; margin:0 -1.6vw 2.4vw -1.6vw; border-bottom:1px solid #999 }
.c2 .peoples ul { margin:0 -1.6vw; padding:0 1.6vw }
.c2 .peoples ul li { width:6vw; height:6vw; float:left; margin:0 0.2vw 0.2vw 0 }
.c2 .peoples ul li img { width:100%; height:100% }
.c2 .peoples:after { content:""; display: table; clear: both }	

.c2 .agenda { background:transparent url('/gate/cerchio.gif') no-repeat center 5.8vw; background-size:27vw auto; padding:1.5vw 1vw; margin:-1vw }
.c2 .agenda h1 { padding-top:1.6vw; text-align:center }
		
.footer { width:96vw; background:#fff url('/gate/barra.gif') repeat-x left top; position:relative; padding-top:2vw; text-align:center; font-size:1.14vw; line-height:4vw  }

.wCalendar { width:auto; height:auto; text-align:center; margin-bottom:4.8vw; padding:0 2.4vw  }
.wCalendar a { cursor:pointer; text-decoration: none }
.wCalendar td.month { width:auto; font-size:1.1vw; line-height:3.2vw; height:3.2vw; color:#000; text-align:center; text-transform:uppercase }
.wCalendar td.month a { color:#000; font-size:1.1vw; font-weight:400 }
.wCalendar td.month a.navi { color:#000; font-size:1vw; padding:0 0.2vw }	
.wCalendar td.days { font-size:1vw; height:2.8vw; line-height:2.8vw; color:#000; font-weight:600; text-align:center; text-transform:uppercase }
.wCalendar tr.week td { font-family:Verdana }
.wCalendar td { font-size:1.2vw; text-align: center; height:2.2vw; line-height:2.2vw; width:3.4vw; font-weight:300; position:relative }
.wCalendar td.on { border:1px solid transparent; background:transparent; color:#transparent; }
.wCalendar td.cm { border:1px solid transparent; color:#fff }
.wCalendar td.ma { border:1px solid transparent; background:#e2007a }
.wCalendar td.az { border:1px solid transparent; background:#009ee0 }
.wCalendar td.gi { border:1px solid transparent; background:#ffe500 }
.wCalendar td.ne { border:1px solid transparent; background:#262626 }
.wCalendar td.mx { border:1px solid transparent; background:#0f0f0f }
.wCalendar td p.cm { color: #000 }
.wCalendar td p.cm a { color: #fff }
.wCalendar td p.ho { color: #a6a6a6 }
.wCalendar td p.ho a { color: #c6c6c6 }
.wCalendar td p.today { font-weight:600 }
.wCalendar .downloading { display:none }

.footer .members { width:94vw; margin:0 auto; padding:0; height:14% }	
.footer .members:after { content:""; display: table; clear: both }
.footer .members img { height:6vw; margin:1vw 0.5vw }
	
}


@media screen and (max-width:767px) {

.page .all .top { width:90vw; height:9vw; margin:0.6vw auto }
.page .all .title { height:5.5vw; font-size:3.5vw; line-height:5.5vw; font-weight:400 }
.page .all .animation { height:32vw; border-bottom: 0.4vw solid #000 }
	
.page .all .top img { height:7vw; margin:0 0.5vw }
.page .all .top img:hover { height:8vw; margin:-0.5vw 0vw }
.page .all .top .hover img { height:8vw; margin:-0.5vw 0.5vw }
.page .all .top .h-menu img { height:8vw; margin:-0.5vw 0 }
.page .all .top .m-menu img { height:6vw; margin:0.5vw 0 }
	
.page-content { width:90vw; margin:3.2vw auto; padding:0 3vw }
.page-content .c1 { width:90vw }
.page-content .c2 { width:90vw; min-height:240px; margin:0 0 1.6vw 0 }
.page-content h1 { font-size:2.3vw; font-weight:700; margin-bottom:2.4vw }
.page-content h2 { font-size:2.3vw; font-weight:500; margin-bottom:0.8vw; color:#000; text-align:justify }
.page-content h4 { font-size:2.5vw; font-weight:600; margin-bottom:1.6vw; text-align:left; position:relative; height:3.4vw; line-height:3.4vw }
.page-content h4 a { position:absolute; right:0; top:0; width:3.4vw; height:3.4vw; line-height:3.4vw; background-size:100%; background-repeat: no-repeat }
.page-content:after { content:""; display: table; clear: both }

.page-community { width:90vw; margin:3.2vw auto; padding:0 3vw }
.page-community .c1 { width:90vw }
.page-community .c2 { width:90vw; margin:0 0 1.6vw 0 }
.page-community h1 { font-size:2.3vw; font-weight:700; margin-bottom:0.2vw }
.page-community h2 { font-size:2.3vw; font-weight:500; margin-bottom:0.8vw; color:#000; text-align:justify }
.page-community h4 { font-size:2.5vw; font-weight:400; margin-bottom:1.6vw; text-align:left; position:relative; height:auto }
.page-community h4 a { position:absolute; right:0; top:0; width:3.4vw; height:3.4vw; line-height:3.4vw; background-size:100%; background-repeat: no-repeat }
.page-community:after { content:""; display: table; clear: both }
	
.c1 .text { font-size:2.5vw; line-height:3vw; font-weight:400; text-align:justify; border-bottom:1px solid #999; padding-bottom:32px; margin-bottom:16px }
.c1 .text h1 { position:relative; font-size:3.0vw; font-weight:600 }
.c1 .text h1 img { position:absolute; right:0 }
.c1 .text h3 { margin-top:3vw }
.c1 .text img { max-width:100%; height:auto }
.c1 .text iframe { max-width:90vw; height:50vw }
.c1 .text ul.staff li { float:left; border:0.4vw solid #fff; background:#000 url('/gate/sfondo-profilo-no-name.gif') no-repeat right bottom; background-size:100% 100%; color:#fff; height:21.8vw; width:21.8vw; position:relative; cursor:pointer; overflow:hidden }
.c1 .text ul.staff li img { width:21.5vw; height:21.5vw; position:absolute; border:0.2vw solid #ccc }
.c1 .text ul.staff li p { font-size:2.3vw; padding:0.8vw; line-height:3vw; text-align:left; font-weight:500; position:absolute; text-transform:uppercase }
.c1 .text ul.staff li p span.azienda { font-size:1.9vw; line-height:2.6vw; display:block; font-weight:300; padding:1vw 0; text-transform:none }
.c1 .text ul.staff li p span.ruolo { font-size:1.9vw; line-height:2.6vw; font-style:italic; font-weight:300; display:block; padding:1vw 6vw 0 0; text-transform:none  }
.c1 .text ul.staff:after { content:""; display: table; clear: both }
.c1 .text .description { margin-bottom:1vw; font-weight:600; font-style:italic }
.c1 .text .description span { font-weight:400; font-style:normal }
.c1 .text:after { content:""; display: table; clear: both }

.c2 .last { position:relative; border-bottom:1px solid #999; text-align:justify  }
.c2 .last ul { margin-bottom:4vw }
.c2 .last li { width:100%; padding-left:1.4vw; margin-left:-1.4vw; margin-bottom:3.2vw}
.c2 .last li.magenta { background:transparent url("/gate/news/magenta.gif") no-repeat top 0.4vw left }
.c2 .last li.azzurro { background:transparent url("/gate/news/azzurro.gif") no-repeat top 0.4vw left }
.c2 .last li.giallo { background:transparent url("/gate/news/giallo.gif") no-repeat top 0.4vw left}
.c2 .last li.nero { background:transparent url("/gate/news/nero.gif") no-repeat top 0.4vw left }
.c2 .last li h1 img { width:2.6vw; height:auto; margin:-0.5vw -0.8vw 0 1vw } 
.c2 .last .data-tag { font-size:2.0vw; font-weight:400; text-transform:uppercase; color:#666; margin-bottom:0.2vw; font-family:Verdana }
.c2 .last .data-tag span { text-transform:none; font-style:italic }
	
.c2 .members { position:relative; text-align:justify; padding:0 0 2.4vw 0; margin:0 0 2.4vw 0; border-bottom:1px solid #999 }
.c2 .members ul { padding:1vw 6vw }
.c2 .members ul li { padding:0 0.6vw 1vw 0.6vw; float:left }
.c2 .members ul li img { width:18.3vw; height:auto }
.c2 .members hr { display:none }
.c2 .members:after { content:""; display: table; clear: both }
	
.c2 .links { padding:0 0 2.4vw 0; margin:0 0 2.4vw 0; border-bottom:1px solid #999 }
.c2 .links ul { padding:1vw 6vw }
.c2 .links ul li { padding:0 3.2vw 1vw 3.2vw; float:left }
.c2 .links ul li img { width:18.6vw; height:auto }
.c2 .links hr { display:none }
.c2 .links:after { content:""; display: table; clear: both }

.c2 .peoples { position:relative; text-align:justify; padding:0 1.6vw 2.4vw 1.6vw; margin:0 -1.6vw 2.4vw -1.6vw; border-bottom:1px solid #999 }
.c2 .peoples ul { padding:0 11.4vw 2vw 11.4vw }
.c2 .peoples ul li { width:16vw; height:16vw; float:left; margin:1vw 0.4vw }
.c2 .peoples ul li img { width:100%; height:100% }
.c2 .peoples:after { content:""; display: table; clear: both }		

.c2 .agenda { background:transparent url('/gate/cerchio.gif') no-repeat center 5.8vw; width:45vw; background-size:50vw auto; padding:1.5vw 24vw }
.c2 .agenda h1 { padding-top:1.6vw; text-align:center }
.c2 .agenda h4 { margin-left:-24vw }
	
.footer { width:96vw; background:#fff url('/gate/barra.gif') repeat-x left top; position:relative; padding-top:2vw; text-align:center; font-size:1.14vw; line-height:4vw  }

.wCalendar { width:auto; height:auto; text-align:center; margin-bottom:4.8vw; padding:2.4vw 2.4vw  }
.wCalendar a { cursor:pointer; text-decoration: none }
.wCalendar td.month { width:auto; font-size:2.4vw; line-height:3.2vw; height:3.2vw; color:#000; text-align:center; text-transform:uppercase }
.wCalendar td.month a { color:#000; font-size:2.4vw; font-weight:400 }
.wCalendar td.month a.navi { color:#000; font-size:2vw; padding:0 0.2vw }	
.wCalendar td.days { font-size:2vw; height:4.8vw; line-height:4.8vw; color:#000; font-weight:600; text-align:center; text-transform:uppercase }
.wCalendar tr.week td { font-family:Verdana }
.wCalendar td { font-size:2.2vw; text-align: center; height:4.2vw; line-height:4.2vw; width:3.4vw; font-weight:300; position:relative }
.wCalendar td.on { border:1px solid transparent; background:transparent; color:#transparent; }
.wCalendar td.cm { border:1px solid transparent; color:#fff }
.wCalendar td.ma { border:1px solid transparent; background:#e2007a }
.wCalendar td.az { border:1px solid transparent; background:#009ee0 }
.wCalendar td.gi { border:1px solid transparent; background:#ffe500 }
.wCalendar td.ne { border:1px solid transparent; background:#262626 }
.wCalendar td.mx { border:1px solid transparent; background:#0f0f0f }
.wCalendar td p.cm { color: #000 }
.wCalendar td p.cm a { color: #fff }
.wCalendar td p.ho { color: #a6a6a6 }
.wCalendar td p.ho a { color: #c6c6c6 }
.wCalendar td p.today { font-weight:600 }
.wCalendar .downloading { display:none }

.footer .members { width:74vw; margin:0 auto; padding:0; height:11vw }	
.footer .members:after { content:""; display: table; clear: both }
.footer .members img { height:10vw; margin:2vw 0.5vw }
	
}