/* login area riservata */
.content-reserved { width: 500px; /*margin: 0 auto 30px auto;*/ margin: 0 0 30px 0; box-sizing: border-box; }
.content-reserved .titolo-popup-top { display: block; font-size: 24px; font-weight: 700; line-height: 34px; font-family: 'Raleway', 'arial', 'sans-serif'; color: black; padding-bottom: 13px; }
.content-reserved input { height: 40px; padding: 0 10px; box-sizing: border-box; line-height: 36px; border: #ccc 1px solid; }
.content-reserved #email_login, .content-reserved #password_login { width: 48%; margin: 0 1% 20px 0; }
.content-reserved input.btn-box { display: inline-block; padding: 10px 20px; box-sizing: border-box; font-size: 14px; line-height: 14px; text-align: center; text-transform: uppercase; color: #fff; background-color: #3d85c6; border: none; border-radius: 0; cursor: pointer; }
.content-reserved input.btn-box:hover { background-color: #000; }
@media only screen and ( max-width: 479px ) {
	.content-reserved { width: 100%; margin: 0 0 30px 0; padding: 0 15px; }
	.content-reserved #email_login, .content-reserved #password_login { width: 100%; margin: 0 0 20px 0 !important; }
	.content-reserved input.btn-box { display: block; width: 100%; padding: 10px 0 !important; }
}

.sidebar-products { background-color: white; padding: 0 0 30px 0; margin: 5px 0; border: 0; }

.sidebar-products.level1 > li > a:link, .level1 > li > a:visited { font-family: 'Raleway', 'arial', 'sans-serif'; font-weight : 500; font-size : 16px; line-height : 20px; color: #019fe1; background-color: white; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; text-transform:uppercase; border-top-width: 0;  border-top-style: solid; border-left-width: 0;  border-left-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-right-width: 0;  border-right-style: solid; border-color: rgb(238, 238, 238);  }
.sidebar-products.level1 > li > i { font-weight : 500; font-size : 16px; line-height : 20px; color: #000; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px;  }
.sidebar-products.level1 > li:hover > a { color: rgb(88, 134, 193); background-color: rgb(243, 243, 243); border-color: rgb(238, 238, 238);  }
.sidebar-products.level1 > li > a:hover { color: #000;  }
.sidebar-products.level1 > li > i:hover { color: rgb(88, 134, 193);  }

.sidebar-products.level1 > li > a.active:link, .level1 > li > a.active:visited { font-weight: 600; color: #000; background-color: rgb(255, 255, 255); text-transform:uppercase; border-top-width: 0;  border-top-style: solid; border-left-width: 0;  border-left-style: solid; border-right-width: 0;  border-right-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-color: rgb(238, 238, 238);  }
.sidebar-products.level1 > li > i.active { font-weight : 600; color: #00b0bd;  }
.sidebar-products.level1 > li:hover > a.active { color: rgb(88, 134, 193); background-color: rgb(255, 255, 255); border-color: rgb(238, 238, 238);  }
.sidebar-products.level1 > li > a.active:hover { color: rgb(88, 134, 193);  }
.sidebar-products.level1 > li > i.active:hover { color: rgb(88, 134, 193);  }

.sidebar-products ul.level2 > li > a:link,  ul.level2 > li > a:visited { font-family: 'Raleway', 'arial', 'sans-serif'; font-weight : 400; font-size : 14px; line-height : 18px; color: #00b0bd; background-color: white; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 20px; text-transform:uppercase; border-top-width: 0;  border-top-style: solid; border-left-width: 0;  border-left-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-right-width: 0;  border-right-style: solid; border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level2 > li > i { font-weight : 400; font-size : 14px; line-height : 18px; color: #00b0bd; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 20px;  }
.sidebar-products ul.level2 > li:hover > a { color: rgb(88, 134, 193); background-color: rgb(238, 238, 238); border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level2 > li > a:hover { color: rgb(88, 134, 193);  }
.sidebar-products ul.level2 > li > i:hover { color: rgb(88, 134, 193);  }

.sidebar-products ul.level2 > li > a.active:link,  ul.level2 > li > a.active:visited { font-weight : 600; color: #00b0bd; background-color: white; text-transform:uppercase; border-top-width: 0;  border-top-style: solid; border-left-width: 0;  border-left-style: solid; border-right-width: 0;  border-right-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level2 > li > i.active { font-weight : 600; color: #00b0bd;  }
.sidebar-products ul.level2 > li:hover > a.active { color: rgb(88, 134, 193); background-color: white; border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level2 > li > a.active:hover { color: rgb(88, 134, 193);  }
.sidebar-products ul.level2 > li > i.active:hover { color: rgb(88, 134, 193);  }

.sidebar-products ul.level3 > li > a:link,  ul.level3 > li > a:visited { font-weight : 400; font-size : 14px; line-height : 18px; color: #00b0bd; background-color: white; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 29px; text-transform:uppercase; border-top-width: 0;  border-top-style: solid; border-left-width: 0;  border-left-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-right-width: 0;  border-right-style: solid; border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level3 > li > i { font-weight : 400; font-size : 14px; line-height : 18px; color: #00b0bd; padding-top: 5px; padding-bottom: 5px; padding-right: 5px; padding-left: 29px;  }
.sidebar-products ul.level3 > li:hover > a { color: rgb(88, 134, 193); background-color: white; border-color: rgb(238, 238, 238);  }
.sidebar-products ul.level3 > li > a:hover { color: rgb(88, 134, 193);  }
.sidebar-products ul.level3 > li > i:hover { color: rgb(88, 134, 193);  }

.sidebar-products ul.level3 > li > a.active:link,  ul.level3 > li > a.active:visited { font-weight : 400; color: #00b0bd; background-color: white; text-transform:uppercase; border-top-width: 1px;  border-top-style: solid; border-left-width: 1px;  border-left-style: solid; border-right-width: 1px;  border-right-style: solid; border-bottom-width: 1px;  border-bottom-style: solid; border-color: rgba(15, 152, 33, 0.1);  }
.sidebar-products ul.level3 > li > i.active { font-weight : 400; color: #00b0bd;  }
.sidebar-products ul.level3 > li:hover > a.active { color: rgb(88, 134, 193); background-color: white; border-color: rgba(15, 152, 33, 0.1);  }
.sidebar-products ul.level3 > li > a.active:hover { color: rgb(88, 134, 193);  }
.sidebar-products ul.level3 > li > i.active:hover { color: rgb(88, 134, 193);  }

.select select { height: 34px !important; padding: 0 40px 0 10px; box-sizing: border-box; line-height: 34px !important; }
.select__arrow { top: 14px; border-top-color: rgb(1, 159, 225); }

/* elenco corsi */
ul.elenco-corsi-didattica { display: block; width: 100%; margin: 30px 0; padding: 0; }
ul.elenco-corsi-didattica li { display: inline-block; list-style: none; min-width: 200px; height: 50px; margin: 0 15px 15px 0; }
ul.elenco-corsi-didattica li a:link, ul.elenco-corsi-didattica li a:visited { position: relative; display: block; width: 100%; height: 50px; background: #f3f3f3; overflow: hidden; }
ul.elenco-corsi-didattica li a p { position: absolute; left: 0; top: 50%; display: block; width: 100%; padding: 0 15px; font-size: 14px; font-weight: bold; line-height: 16px; text-align: center; box-sizing: border-box; text-transform: uppercase; text-align: center; color: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; z-index: 2; }
ul.elenco-corsi-didattica li a:after { content: ''; position: absolute; left: 0; top: 0; height: 490%; width: 140%; background: #019fe1; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-transform: translateX(-98%) translateY(-25%) rotate(45deg); transform: translateX(-98%) translateY(-25%) rotate(45deg); z-index: 1; }
ul.elenco-corsi-didattica li a:hover p { color: #fff; }
ul.elenco-corsi-didattica li a:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); }