body { color:#333; font-family:Titillium Web; overflow-x:hidden; font-weight:400; padding:0; margin:0; top:40px; position:relative; height:100% }
html { height:100% }
form { margin:0px }
body > form { height:100% }
img { margin:0px; border-style:none }
button { margin:0px; border-style:none; padding:0px; background-color:transparent; vertical-align:top }
table { empty-cells:hide }
td { padding:0px }
.f-sp { font-size:1px; visibility:hidden }
.f-lp { margin-bottom:0px }
.f-fp { margin-top:0px }
#cella-banner { background-position:center center; background-repeat:no-repeat; background-size:contain }
#main { min-height:700px }
#menu { color:#fff; font-size:12px; text-transform:uppercase; font-variant:normal; text-align:center; z-index:9998 }
#news-testo { color:#000 }
#news-testo-home { color:#fff }
#round-associati { float:left; padding:10px; right:-290px; z-index:10; top:-100px; position:relative }
#round-chemlearning { float:left; right:-480px; z-index:10; position:relative; top:-390px }
#round-corsi { float:left; right:-130px; z-index:10; position:relative; top:-380px }
#round-cpa { overflow:visible!important }
#round-eventi { float:left; padding:10px; right:-270px; z-index:10; position:relative; top:-350px }
#round-news { float:left; padding:10px; right:-290px; z-index:10; position:relative; top:-460px }
#round-partner { float:left; padding:10px; right:780px; z-index:10; position:relative; top:-60px }
#round-partner1 { float:left; padding:10px; right:820px; z-index:10; position:relative; top:10px }
#round-partner2 { float:left; padding:10px; right:465px; z-index:10; position:relative; top:28px }
#round-partner3 { float:left; padding:10px; right:450px; z-index:10; position:relative; top:60px }
#round-partner4 { float:left; padding:10px; right:415px; z-index:10; position:relative; top:60px }
#round-partners { float:left; padding:10px; right:730px; z-index:10; position:relative; top:50px }
#round-pubblicazioni { float:left; padding:10px; right:-35px; z-index:10; position:relative; top:-290px }
#round-qcp { float:left; right:250px; z-index:10; position:relative; top:-100px }
* { scroll-behavior:smooth }
40 { transform:translateY(-10px) }
60 { transform:translateY(-5px) }
body { color:#333; font-family:Titillium Web; overflow-x:hidden; font-weight:400; padding:0; margin:0; top:40px; position:relative }
em { font-style:inherit }
h1 { font-family:'Montserrat', sans-serif; text-transform:uppercase; font-variant:normal; font-weight:700 }
h1:first-child { margin-top:0px }
h2 { font-family:'Lato', sans-serif; font-weight:400 }
h2:first-child { margin-top:0px }
h2 { font-weight:bold; font-size:16px }
h2:first-child { margin-top:0px }
h2 { font-family:'Lato', sans-serif; font-weight:400 }
h2:first-child { margin-top:0px }
h2 { font-family:'Lato', sans-serif; font-weight:400 }
h2:first-child { margin-top:0px }
h3 { font-weight:bold; font-size:14px }
h3:first-child { margin-top:0px }
h4 { color:#15395e; font-family:'Montserrat', sans-serif; font-size:150%; font-weight:400 }
h4:first-child { margin-top:0px }
label { margin-top:8px; text-align:right }
p { margin:0; padding:0 }
strong { font-weight:bold }
.clear { clear:both }
.Icons { font-size:200%; line-height:2.6 }
.Icons-small { line-height:2.4; padding:3px 0 0 0; font-size:170% }
.align-vert { top:50%; transform:translateY(-50%); position:absolute; width:100% }
.text-justify { text-align:justify }
.round { border-radius:50% }
.squared { padding:0 0 100% 0 }
.box-shadow { box-shadow:0 4px 9px #555 }
.text-shadow { text-shadow:0 2px 4px #444 }
.tranz { transition:all 0.4s ease 0.2s }
.grayscale { -webkit-filter:opacity(70%) grayscale(100%); filter:opacity(70%) grayscale(100%) }
.button-positive { color:#15395e; text-transform:uppercase; font-variant:normal; border:1px solid #15395E; border-radius:0px; padding:8px 14px; background:transparent }
.button-negative { color:#fff; text-transform:uppercase; font-variant:normal; border:1px solid #fff; border-radius:0px; padding:8px 14px; background:transparent }
.form-control { background:transparent none repeat scroll 0 0; border:1px solid #C6C6C6; border-radius:0 }
.form-control::placeholder { color:#6d6d6d }
.container-fluid { z-index:0 !important }
.area-content-stripe { font-family:'Montserrat', sans-serif; font-size:300%; font-weight:800; position:relative }
.stripe { height:250px !important; min-height:100px; position:relative; background-size:auto 400px !important }
.new { color:#fff; font-family:'Montserrat', sans-serif; font-size:200%; text-transform:uppercase; font-variant:normal; background-color:#e1171a; text-align:center; padding:6px 12px; position:relative; float:left; margin:0 10px 0 0 }
.paginazione { color:#15395e; background-color:#fff; border:1px solid #15395E; display:inline; padding:6px 12px !important; margin:0 2px  }
.paginazione-focus { color:#fff; background-color:#15395e; border:1px solid #15395E; display:inline; padding:4px 12px!important }
.area-content { padding-left:0px !important; padding-top:40px !important; min-height:600px }
.area-side { padding-right:0px !important }
#PageDiv { position:relative }
#css { position:absolute; left:56px; top:12px; width:762px; height:1456px; z-index:1; background-color:#f6f6f6 }
@media screen and (max-width:767px)
{
	body { overflow-x:hidden; position:relative; top:70px }
	#menu { font-size:14px; text-align:left }
	#nav { left:inherit; right:inherit }
	body { overflow-x:hidden; position:relative; top:70px }
	.fwNavContainer1.fwMenuOn { width:70%; left:30% }
	.form-control::placeholder { font-size:16px }
	.area-content-stripe { font-size:200%; text-shadow:0.035em 0.035em 1px rgba(0,0,0,0.75) }
	.stripe { height:120px !important; background-size:auto 130px !important }
	.new { font-size:150% }
	.area-content { padding-left:0px !important; padding-right:0px !important; padding-top:25px !important; min-height:inherit }
	.area-side { padding-left:0px !important; padding-right:0px !important; padding-bottom:25px !important }
	#css { left:15px }
}
li.fwNavItem ul.sub li.fwNavItem.fwFirstChild {
display:none!important;
}

/* EFFETTI */
.show:hover .hideshow {
    opacity: 1;
}
.opacity {
     -webkit-filter: opacity(70%); /* Chrome, Safari, Opera */
    filter: opacity(70%);   
}
.grayscale {
     -webkit-filter: opacity(70%) grayscale(100%); /* Chrome, Safari, Opera */
    filter: opacity(70%) grayscale(100%);   
}
.invert {
     -webkit-filter: opacity(70%) grayscale(100%) invert(72.7%); /* Chrome, Safari, Opera */
    filter: opacity(70%) grayscale(100%) invert(72.7%);   
}
.show:hover .opacity {
    -webkit-filter: opacity(100%); /* Chrome, Safari, Opera */
    filter: opacity(100%);
}
.text-shadow {
    text-shadow: 0 2px 4px #444;
}

@keyframes bounceb {
0%, 20%, 50%, 80%, 100% {
    transform: translateY(0px);
}
40% {
    transform: translateY(-10px);
}
60% {
    transform: translateY(-5px);
}
}
.bounceb {
  animation-name: bounceb;
}
.down {
  animation-duration: 2s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  bottom: 15.5rem;
  height: 1.4375em;
  left: 48%;
  margin-left: -1.25em;
  position: absolute;
  width: 2.5625em;
}