@charset "utf-8";@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);

hr,img {
    width: 100%
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}	

.navigazione ul,.sedi ul {
    list-style: none
}

.navigazione ul,.sedi,.top-nav {
    text-align: right
}

@font-face {
    font-family: fontello;
    src: url(../css/font/fontello/font/fontello.eot?40493428);
    src: url(../css/font/fontello/font/fontello.eot?40493428#iefix) format('embedded-opentype'),url(../css/font/fontello/font/fontello.woff2?40493428) format('woff2'),url(../css/font/fontello/font/fontello.woff?40493428) format('woff'),url(../css/font/fontello/font/fontello.ttf?40493428) format('truetype'),url(../css/font/fontello/font/fontello.svg?40493428#fontello) format('svg');
    font-weight: 400;
    font-style: normal
}

.centro	{
	margin: 0 auto;
	}

	
.invioinfo	{
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    border: thin solid #54ABE1;
    background: rgba(0,77,211,1.00);
	height: 60px;
	max-width: 450px;
	margin-top: 30px;
    border-radius: 30px;
	transition: 1.0s;
	overflow: hidden;
	line-height: 1.2em;
	}	

.invioinfo:hover	{
    border: thin solid #A2D1EE;
     background: rgba(255,134,0,1.00);
    cursor: pointer;
    -webkit-box-shadow: 0px 0px 20px rgba(10,75,252,1.00);
    box-shadow: 0px 0px 20px rgba(10,75,252,1.00);
	}	
	
.info1	{
	font-size: 24px;
    color: #FFFFFF;
    font-weight: 200;
	}		

	
.info2	{
	font-size: 18px;
    color: #7BD4FF;
	font-weight: 300;
	}	
	
.info3	{
    font-size: 16px;
    color: #FFFFFF;
    font-weight: 200;
	}		


.grigio-chiaro {
    background-color: #EFEFEF;
}

.sfondo-reg {
    background: url(img/bg-regionali.jpg) center top/cover no-repeat;
}

.sfondo-reg2 {
	background: url(img/bg-area.jpg) center top/cover no-repeat;
}


.sfondo-regionali {
    background-repeat: no-repeat;
    background-position: center top/cover no-repeat;
    background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(167,167,167,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(167,167,167,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(167,167,167,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(167,167,167,1.00) 100%);
}

.a-attestati img  {
    transition: .3s ease-in-out;
	width: 210px;
    max-width: 210px;
}

.a-attestati img:hover  {
	transition: .5s ease-in-out;
	max-width: 100%;
    filter: drop-shadow(5px 5px 5px #0047C6);
	transform: scale(1.8);

}

.content {
    width: 100%;
    height: 380px;
    margin: 0px auto;
}
.embed-container {
	height: 100%;
	width: 100%;
	position: relative;
}
.embed-container iframe {
	min-width: 100%;
	width: 10px;
	height: 100%;
	position: relative;
	top: 0;
	left: 0;
}



@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family:fontello;
        src: url(../font/fontello/font/font/fontello.svg?40493428#fontello) format('svg')
    }
}

:before {
    font-style: normal;
    font-weight: 400;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.dettagli p,.iscritti,.ore-corso {
    text-transform: uppercase
}

html {
    font-size: 100%
}

body {
    font-family: 'Open Sans';
    font-size: 16px
}


A {
	transition: .3s;
	-webkit-transition: .3s;
	color: hsla(215,73%,35%,1.00);
}

A:hover {
	color: #FF7E00
}



a:focus,a:hover {
    text-decoration: none;
    outline: 0
}

img {
    height: auto
}

iframe {
    border: none
}

.top-header {
    background: #2b4288;
    padding: 15px 0 5px;
    color: #fff;
    box-sizing: border-box;
    box-shadow: 0 -15px 18px -15px rgba(0,0,0,.8) inset
}

/*modifica*/
#logo-menu,#logo-menu.fisso {
    background: #fff;
    transition: .6s;
    position:fixed;
    width:100%;
    z-index:9000;
    top:0;
    padding:10px 0
}
/*modifica*/

.social {
    overflow: hidden;
    height: 28px
}

.descrizione {
	font-size: 14px;
	color: #666;
	font-family: Tahoma, Geneva, sans-serif;
}

.loghi {
	font-size: 12px;
	color: #4555B7;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	left: 20px;
	clip: rect(auto,auto,auto,20px);
}

.capitolo
{
	color: hsla(239,70%,54%,1.00);
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: medium;
}

.sezione {
	font-size: 13px;
	color: #FF7E00;
	font-family: Tahoma, Geneva, sans-serif;
}

.sedi {
    padding: 0
}

.sedi ul>span {
    font-weight: 600;
    margin-right: 20px
}

.sedi li {
    display: inline-block;
    margin: 0 8px 0 0;
    font-weight: initial
}

.sedi a {
    color: #fff;
    border-bottom: 2px solid transparent
}

.sedi a:hover {
    border-bottom: 2px solid
}

.top-header address {
    margin: 0
}

#logo-menu {
    padding: 20px 0 15px;
    box-shadow: 0 15px 15px -15px rgba(0,0,0,.1);
    -webkit-transition: .6s;
    position: relative;
    overflow: hidden
}



#logo-menu img {
    width: 360px;
    height: auto;
    transition: .6s;
    -webkit-transition: .6s
}

#logo-menu.fisso img {
    height: 40px;
    width: 221px
}

.top-nav {
    height: 48px
}

.iscritti:before,.telefono:before {
    display: block;
    height: 50px;
    font-family: fontello
}

.tel-login {
    padding-right: 0
}

.telefono {
    font-size: 1.4em;
    font-weight: 800;
    color: #2b4288;
    border: 3px solid;
    border-radius: 0 10px 10px 0;
    padding: 0 8px 0 18px;
    border-left: 0;
    position: relative;
    margin-right: 70px;
    letter-spacing: -.045em
}

.telefono:before {
    content: '\e802';
    width: 40px;
    position: absolute;
    left: -22px;
    top: -10px;
    font-size: 1.8em;
    background: #FFF;
    border-radius: 0 60px 5px 0
}

.iscritti {
    font-size: 1em;
    font-weight: 700;
    color: #2b4288;
    position: relative
}

.iscritti:before {
    content: '\e800';
    width: 30px;
    position: absolute;
    left: -32px;
    top: -12px;
    font-size: 1.8em
}

.navbar-default.navigazione {
    background: 0 0;
    border: none;
    padding: 0!important;
    margin: 0!important;
    width: 65%;
    float: right;
    height: auto!important;
    min-height: auto!important;
    transition: .4s;
    -webkit-transition: .4s;
    position: relative;
}

.fisso .navbar-default.navigazione {
    top: 8px;
 
}

#mainNav {
    margin-bottom: 0;
    padding-right: 0!important
}

.navigazione ul {

    position: relative;
    overflow: hidden!important
}

.navigazione li {
    display: inline-block;
    font-size: 1.05em;
    font-weight: 700;
    margin-right: .6em
}

.navigazione li:nth-child(7) {
    margin-right: 0
}

.navigazione li>a {
    color: #2b4288;
    transition: .4s;
    -webkit-transition: .4s
}

.navigazione li>a:hover {
    color: #F68121
}

.scomparsa {
    position: absolute;
    right: -50px;
    top: 120px;
    color: #fff;
    transition: .3s .3s ease-in-out;
    -webkit-transition: .3s .3s ease-in-out
}

.scomparsa.off {
    display: block;
    top: 2px;
    color: #2b4288;
    right: -50px
}

.stButton .stFb,.stButton .stMainServices,.stButton .stTwbutton {
    height: 22px!important
}

.stButton .stButton_gradient {
    height: 20px!important
}

#slide {
    position: relative;
    background: #2B4288;
    box-shadow: 0 -15px 208px -20px rgba(0,0,0,1) inset
}

#header-corso figcaption,#slide h1 {
    background: #fff;
    font-size: 1.515625em;
    font-weight: 700;
    padding: 5px 20px 8px 15px;
    letter-spacing: -.03em;
    color: #184b96
}

#header-corso figcaption {
	color: #303B90;
	position: absolute;
	bottom: 50px;
	background-color: hsla(0,0%,100%,0.65);
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	-webkit-box-shadow: 10px 10px 10px hsla(0,0%,0%,0.47);
	box-shadow: 10px 10px 10px hsla(0,0%,0%,0.47);
}

#corsi-autorizzati.mini .container article,.fasce {
    position: relative
}

.tag-line {
    background: rgba(255,255,255,.6);
    font-size: 1.25em;
    padding: 5px 15px 8px 10px;
    letter-spacing: -.03em;
    font-weight: 600;
    color: #F68020;
    text-shadow: 0 0 3px #rba(0,0,0,.5)
}


.tag-line2 {
	background: rgba(255,255,255,.7);
    font-size: 1.515625em;
    font-weight: 700;
    padding: 5px 20px 8px 15px;
    letter-spacing: -.03em;
    color: #184b96
}

.software-logo img {
    max-width: 70px!important;
    height: auto!important;
    box-shadow: 0 0 10px rgba(235,182,49,.7)
}

.software-logo-high img {
    width: auto!important;
    height: 56px!important
}

.call-to-action {
    padding: 8px;
    border-radius: 8px;
    text-align: center;
    font-weight: 900;
    color: #FFF!important;
    background: #f68020!important
}

.no-ombra {
    box-shadow: none
}

#corsi-autorizzati {
    margin: 0;
    box-shadow: 0 10px 15px -10px rgba(0,0,0,.25);
    overflow: hidden
}

.autorizzati-lancio {
    float: right;
    box-shadow: -10px 0 10px -10px rgba(23,76,161,.78);
    margin-top: -4px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 0
}

.mini .autorizzati-lancio {
    padding-bottom: 0
}

.autorizzati-lancio h1,.autorizzati-lancio h2 {
    display: inline;
    font-size: 1.375em
}

.autorizzati-lancio header {
    padding: 30px 0 0 15px;
    border-bottom: 2px solid #000220;
    margin: 0 0 22px -20px
}

.autorizzati-lancio header.small-border {
    border-bottom-color: #2B4288;
    margin-bottom: 0;
    padding-bottom: 8px;
    padding-top: 14px!important
}

.autorizzati-lancio h1 {
    font-weight: 700;
    color: #2b4288;
    letter-spacing: -.008em
}

.autorizzati-lancio h2 {
    color: #f68020;
    letter-spacing: -.005em
}

.autorizzati-lancio [class^=col-] {
    padding-left: 0
}

.autorizzati-lancio h3 {
    font-size: .9375em;
    font-weight: 700;
    margin: 0 0 8px
}

.autorizzati-lancio p {
    font-size: .9375em;
    line-height: 1.2;
    letter-spacing: -.01em
}

.info-regione {
    float: right
}

.info-regione.small {
    padding-left: 12px
}

.info-regione figure {
    margin-top: 52px
}

.info-regione figure img {
    float: right;
    clear: both;
    margin-bottom: 15px
}

.info-regione figcaption {
    font-size: .75em;
    line-height: 1.25;
    color: #333
}

.info-regione.small figure {
    margin-top: 14px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background:left/cover;
}

.info-regione.small figure img {
    width: auto;
    clear: none;
    float: none
}

.ore-corso {
    color: #fff;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: -.04em;
    background: #f68020;
    width: 2.2em;
    height: 2.2em;
    margin: 0;
    display: block
}

.ore-corso span {
    font-weight: 400;
    font-size: .8em;
    display: block;
    width: 100%;
    letter-spacing: .02em;
    line-height: .2
}

.certif+ul,.dettagli ul.fasce-corso {
    letter-spacing: -.04em;
    list-style: none
}

.dettagli {
    border-right: 1px solid #ccc;
    min-height: 125px;
    padding: 18px 10px 10px!important;
    box-shadow: -10px 0 10px -8px rgba(0,0,0,.1) inset;
    box-sizing: border-box!important
}

.dettagli p {
    margin-left: 3.5em;
    color: #F6816D;
    font-size: .85em;
    font-weight: 700;
    margin-bottom: 4px
}

.dettagli:last-child {
    border-right: none;
    box-shadow: none
}

.dettagli span {
    display: block;
    font-size: 1.05em;
    font-weight: 600;
    text-transform: none;
    color: #2B4288;
    margin-top: 4px
}

.dettagli ul.fasce-corso {
    padding: 0;
    margin-left: 3em;
    font-weight: 600;
    color: #2B4288
}

.dettagli ul.fasce-corso li {
    line-height: 1.4;
    display: block;
    padding: 0 10px;
    font-size: .9em;
    margin: 0 -4px 0 0
}

.fasce {
    margin-bottom: 8px
}

.dettagli p:before {
    font-weight: 400;
    font-family: fontello;
    position: absolute;
    font-size: 3.5em;
    text-align: center;
    display: block;
    color: #999;
    margin-top: 0;
    line-height: 1
}

.fasce:before {
    left: -1.155em;
    content: "\e80f";
    font-size: 3.2em!important
}

.durata-tot:before {
    left: 0;
    content: "\e811"
}

.frequenza-corso:before {
    left: .12em;
    content: "\e80e"
}

.certif:before {
    left: .2em;
    content: "\e810";
    
}

#corsi .adobe:before,#partner h3 span:last-child:after,.piuinfo:before {
    content: ""
}

.certif+ul {
    margin-left: .5em;
    font-size: .85em;
    font-weight: 600;
    text-transform: none;
    color: #2B4288;
    margin-bottom: 0
}

#pagine-bianche {
	background-repeat: no-repeat;
	background-position: center top/cover no-repeat;
	box-sizing: border-box;
}

#pagine-bianche h1 {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine-bianche h2 {
	color: #7A7A7A;
	text-transform: uppercase;
	font-size: 1.1em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine-bianche h3 {
	color: #FF8600;
	text-transform: uppercase;
	font-size: 1.0em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}


#pagine {
    box-sizing: border-box
}


#pagine .container {
    padding-top: 25px;
    padding-bottom: 15px
}

#pagineOLD .container {
    background: rgba(255,255,255,.5);
    box-shadow: 0 10px 18px -10px rgba(23,76,161,.5) inset;
    padding-top: 25px;
    padding-bottom: 15px
}

#pagine article {
    background: #fff;
    padding: 0;
    margin-bottom: 25px;
    transition: 350ms ease;
    -webkit-transition: 350ms ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}


#pagine figcaption,.piuinfo {
    background: #f68020;
    right: 0;
    letter-spacing: -.04em;
    text-transform: uppercase
}

#pagine article:hover {
	box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
	-webkit-box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
}

#pagine figure {
    position: relative;
    overflow: hidden
}

#pagine figure img {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

#pagine article:hover figure img {
    transform: scale(1.3)
}

#pagine figcaption {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    bottom: 0
}

#pagine figcaption span {
    font-weight: 400;
    font-size: .8em;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    letter-spacing: .02em
}

#pagine header {
    padding: 10px 15px
}


#pagine h1,.titolo-lg {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine h1 a,.titolo-lg a {
    color: #184b96
}

#pagine article:hover h1,.titolo-lg a:hover {
    color: #f68020
}

#pagine h3 {
    color: #184b96;
    font-size: 1.25em;
    margin: 0;
    font-weight: 400;
    letter-spacing: -.04em
}

#pagine p {
    font-size: .875em;
    color: #313131;
    margin: 0 0 44px;
    padding: 2px 15px 8px;
    line-height: 1.3
}

#pagine article:hover .piuinfo {
    background: #2B4288;
    color: #fff
}

#pagine-4 {
    background-color: #E8E8E8;
}

#pagine-4 .container {
    background-color: rgba(255,255,255,1.00);
    padding-top: 0px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 10px 22px rgba(64,64,64,0.77);
    box-shadow: 0px 10px 22px rgba(64,64,64,0.77);
}
#pagine-4 h1 {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}


#pagine-1 {
    box-sizing: border-box;
    background-color: #FFFFFF;
}

#pagine-1 .container {
    background-color: rgba(255,255,255,1.00);
    padding-top: 0px;
    padding-bottom: 10px;
    -webkit-box-shadow: 0px 10px 22px rgba(64,64,64,0.77);
    box-shadow: 0px 10px 22px rgba(64,64,64,0.77);
}
#pagine-1 h1 {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine-2 {
    background: url(img/bg-area.jpg) center top/cover no-repeat;
    box-sizing: border-box
}

#pagine-2 .container {
    background-color: rgba(255,255,255,1.00);
    box-shadow: 0 10px 18px -10px rgba(23,76,161,.5) inset;
    padding-top: 0px;
    padding-bottom: 10px;
}
#pagine-2 h1 {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}


#pagine-3 {
	background-repeat: no-repeat;
	background-position: center top/cover no-repeat;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(270deg,rgba(223,229,253,1.00) 0%,rgba(115,125,183,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(223,229,253,1.00) 0%,rgba(115,125,183,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(223,229,253,1.00) 0%,rgba(115,125,183,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(223,229,253,1.00) 0%,rgba(115,125,183,1.00) 100%);
}


#pagine-3 .container {
    background: rgba(255,255,255,.5);
    box-shadow: 0 10px 18px -10px rgba(23,76,161,.5) inset;
    padding-top: 25px;
    padding-bottom: 15px
}

#pagine-3 article {
    background: #fff;
    padding: 0;
    margin-bottom: 25px;
    transition: 350ms ease;
    -webkit-transition: 350ms ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}


#pagine-3 figcaption,.piuinfo {
    background: #f68020;
    right: 0;
    letter-spacing: -.04em;
    text-transform: uppercase
}

#pagine-3 article:hover {
	box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
	-webkit-box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
}

#pagine-3 figure {
    position: relative;
    overflow: hidden
}

#pagine-3 figure img {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

#pagine-3 article:hover figure img {
    transform: scale(1.3)
}

#pagine-3 figcaption {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    bottom: 0
}

#pagine-3 figcaption span {
    font-weight: 400;
    font-size: .8em;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    letter-spacing: .02em
}

#pagine-3 header {
    padding: 10px 15px
}


#pagine-3 h1,.titolo-lg {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine-3 h1 a,.titolo-lg a {
    color: #184b96
}

#pagine-3 article:hover h1,.titolo-lg a:hover {
    color: #f68020
}

#pagine-3 h3 {
    color: #184b96;
    font-size: 1.25em;
    margin: 0;
    font-weight: 400;
    letter-spacing: -.04em
}

#pagine-3 p {
    font-size: .875em;
    color: #313131;
    margin: 0 0 44px;
    padding: 2px 15px 8px;
    line-height: 1.3
}

#pagine-3 article:hover .piuinfo {
    background: #2B4288;
    color: #fff
}


#pagine-home {
    background-repeat: no-repeat;
    background-position: center top/cover no-repeat;
    box-sizing: border-box;
    background-color: #EDEDED;
}

#pagine-home .container {
    background: rgba(255,255,255,.5);
    box-shadow: 0 10px 18px -10px rgba(23,76,161,.5) inset;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

#pagine-home article {
    background: #fff;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-bottom: 25px;
    transition: 350ms ease;
    -webkit-transition: 350ms ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}


#pagine-home figcaption,.piuinfo2 {
    background: #f68020;
    right: 0;
    letter-spacing: -.04em;
    text-transform: uppercase
}

#pagine-home article:hover {
	box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
	-webkit-box-shadow: 0 20px 15px -10px rgba(13,84,197,0.58),0 0 20px rgba(255,255,255,.9);
}

#pagine-home figure {
    position: relative;
    overflow: hidden
}

#pagine-home figure img {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

#pagine-home article:hover figure img {
    transform: scale(1.3)
}

#pagine-home figcaption {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    bottom: 0
}

#pagine-home figcaption span {
    font-weight: 400;
    font-size: .8em;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    letter-spacing: .02em
}

#pagine-home header {
    padding: 10px 15px
}


#pagine-home h1,.titolo-lg {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.2em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#pagine-home h1 a,.titolo-lg a {
    color: #184b96
}

#pagine-home article:hover h1,.titolo-lg a:hover {
    color: #f68020
}

#pagine-home h3 {
    color: #184b96;
    font-size: 1.25em;
    margin: 0;
    font-weight: 400;
    letter-spacing: -.04em
}

#pagine-home p {
    font-size: .875em;
    color: #313131;
    margin: 0 0 44px;
    padding: 2px 15px 8px;
    line-height: 1.3
}

	
#pagine-home article:hover .piuinfo2 {
    background-color: #FFFFFF;
    color: #fff
}

.piuinfo2 {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: .8125em;
    margin: 12px 0;
    font-weight: 700;
    padding: 0 12px;
    position: absolute;
    bottom: 30px
}

.piuinfo2:before {
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
    left: 0
}

#corsi-regionali {
    box-sizing: border-box
}

#corsi-regionali .container {
    background: rgba(255,255,255,.5);
    box-shadow: 0 10px 18px -10px rgba(23,76,161,.5) inset;
    padding-top: 25px;
    padding-bottom: 15px
}

#corsi-regionali article {
    background: #fff;
    padding: 0;
    width: 24%;
    margin-right: 1%;
    margin-bottom: 25px;
    transition: 350ms ease;
    -webkit-transition: 350ms ease;
    box-shadow: 0 0 10px rgba(0,0,0,.2)
}

#corsi-regionali figcaption,.piuinfo {
    background: #f68020;
    right: 0;
    letter-spacing: -.04em;
    text-transform: uppercase
}

#corsi-regionali article:hover {
    box-shadow: 0 15px 15px -10px rgba(23,76,161,.4),0 0 20px rgba(255,255,255,.9)
}

#corsi-regionali figure {
    position: relative;
    overflow: hidden
}

#corsi-regionali figure img {
    transition: .4s ease-in-out;
    -webkit-transition: .4s ease-in-out
}

#corsi-regionali article:hover figure img {
    transform: scale(1.3)
}

#corsi-regionali figcaption {
    color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: 600;
    line-height: 1.5;
    width: 2.2em;
    height: 2.2em;
    position: absolute;
    bottom: 0
}

#corsi-regionali figcaption span {
    font-weight: 400;
    font-size: .8em;
    display: block;
    width: 100%;
    position: absolute;
    bottom: 2px;
    left: 0;
    letter-spacing: .02em
}

#corsi-regionali header {
    padding: 10px 15px
}


#corsi-regionali h1,.titolo-lg {
	color: #184b96;
	text-transform: uppercase;
	font-size: 1.5em;
	margin: 0;
	font-weight: 600;
	letter-spacing: -.04em
}

#corsi-regionali h1 a,.titolo-lg a {
    color: #184b96
}

#corsi-regionali article:hover h1,.titolo-lg a:hover {
    color: #f68020
}

#corsi-regionali h3 {
    color: #184b96;
    font-size: 1.25em;
    margin: 0;
    font-weight: 400;
    letter-spacing: -.04em
}

#corsi-regionali p {
    font-size: .875em;
    color: #313131;
    margin: 0 0 20px;
    padding: 2px 15px 8px;
    line-height: 1.3
}

.sottotitolo-lg {
    color: #184b96;
    padding-top: 0px;
    font-size: 20px;
    font-weight: 500;
    margin-top: 1px;
    margin-bottom: 20px;
}

.piuinfo {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: .8125em;
    margin: 12px 0;
    font-weight: 700;
    padding: 0 12px;
    position: absolute;
    bottom: 70px
}

.piuinfo:before {
    position: absolute;
    height: 0;
    width: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
    left: 0
}

#corsi,#master,#promozione{
	border-top: 2px solid hsla(35,100%,50%,1.00);
}

#corsi-regionali article:hover .piuinfo {
    background: #2B4288;
    color: #fff
}


.loghi-corso-reg {
    list-style: none;
    clear: both;
    margin: 5px 0 0;
    text-align: left;
    padding: 10px 0 0;
    box-shadow: 0 10px 10px -10px rgba(23,76,161,.5) inset
}

.loghi-corso-reg li {
    display: inline;
    padding: 0 10px
}

.loghi-corso-reg li img {
    width: auto;
    height: 38px;
    margin: 5px 0 14px
}

.loghi-docenti {
    list-style: none;
    clear: both;
    margin: 5px 0 0;
    text-align: left;
    padding: 10px 0 0;
    box-shadow: 0 10px 10px -10px rgba(23,76,161,.5) inset
}

.loghi-docenti li {
	display: inline;

}

.loghi-docenti img {
	width: auto;
	height: 35px;
	margin-top: 5px;
	margin-bottom: 14px;
	left: -30px;
	position: relative;
}

.loghi-area {
    list-style: none;
    clear: both;
    margin: 5px 0 0;
    text-align: left;
    padding: 10px 0 0;
    box-shadow: 0 10px 10px -10px rgba(23,76,161,.5) inset
}

.loghi-area li {
	display: inline;

}

.loghi-area img {
	width: auto;
	height: 38px;
	margin-top: 5px;
	margin-bottom: 14px;
	left: -30px;
	position: relative;
}

.areacliccabile {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0
}

#partner {
    padding: 26px 0;
    margin-bottom: 26px;
    box-shadow: 0 10px 10px -10px rgba(23,76,161,.5);
    text-align: center;
}

#partner h2 {
    color: #262626;
    font-size: 1.2em;
    margin: 0;
    font-weight: 300;
    padding: 0 10px 0 0;
    line-height: 1.2
}

#partner h3 {
    color: #184b96;
    font-size: 1.0625em;
    margin: 0;
    font-weight: 700;
    letter-spacing: -.05em;
    padding: 0 10px 0 0;
    line-height: 1.2
}

#partner h3 span {
    font-weight: 400
}

#partner h3 span:last-child:after {
    display: block
}

#partner figure img {
    height: 50px;
    width: auto;
    display: inline-block;
    margin: 10px 3px 5px
}

#partner-cert  {
    padding: 26px 0;
    margin-bottom: 26px;
    box-shadow: 0 10px 10px -10px rgba(23,76,161,.5);
    text-align: center;
    background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(217,217,217,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(217,217,217,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(217,217,217,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(217,217,217,1.00) 100%);
}

#partner-cert figure img {
    height: 50px;
    width: auto;
    display: inline-block;
    margin: 10px 3px 5px
}

#partner-cert figure img:hover {
    height: 50px;
    width: auto;
    display: inline-block;
    margin: 10px 3px 5px;
	transition: .5s ease-in-out;
	transform: scale(1.2)
}

#master-regionale figure img {
    width: auto;
    display: block;
    margin: auto
}

#master-regionale div>img:first-of-type {
    width: auto;
    display: block;
    margin: 0 0 25px;
    height: auto
}

#master-regionale div>img {
    width: auto;
    height: 35px;
    padding: 0 15px
}

#master-regionale h1 {
    color: #184b96;
    text-transform: uppercase;
    font-size: 1.625em;
    margin: 50px 0 0;
    font-weight: 600;
    letter-spacing: -.03em
}

#master-regionale h3 {
    color: #184b96;
    font-size: 1.0625em;
    font-weight: 400;
    letter-spacing: -.02em;
    margin: 6px 0 14px
}

#master {
	background-position: center -406px hsla(216,37%,48%,1);
	background-image: url(img/master.jpg);
	background-blend-mode: multiply
}

#master .container {
    background: #3c6197;
    padding: 0 0 35px;
    text-align: center
}

#master .container>nav>div {
    border-right: 1px solid #6985b0;
    position: relative;
    padding-top: 6.6em;
    margin-top: 60px;
    padding-bottom: 35px;
    
}

#master .container>nav>div:last-child {
    border-right: 0
}

#master .container>nav>div:hover {
    box-shadow: 0 10px 25px -10px rgba(0,0,0,.3)
}

#master .container>nav>div:before {
    text-align: center;
    margin: 0 auto 10px;
    left: 0;
    font-family: fontello;
    color: #fff;
    display: block;
    line-height: .6;
    position: absolute;
    top: 0;
    width: 100%;
    transition: .3s .1s ease-in-out
}

#master .container>nav>div:hover:before {
	color: rgba(255,154,8,0.96);
	line-height: 1.2
}


.m-web:before {
	content: "\e806";
	font-size: 5em
}


.m-grafica:before {
    content: "\e803";
    font-size: 5em
}

.m-3d:before {
    content: "\e804";
    font-size: 5em
}

.m-programmazione:before {
    content: "\e808";
    font-size: 5em
}

#master a {
    color: #fff;
    font-size: 1.0225em;
    font-weight: 400;
    letter-spacing: -.04em;
    clear: both;
    display: block;
    transition: .3s;
    -webkit-transition: .3s
}

#master a:hover {
    background: #4D71A8;
    box-shadow: 0 -10px 15px -18px rgba(0,0,0,.2)
}

.tab-content ul.lista-software.qualifiche{margin:0 0 15px;border:0;padding:0;box-shadow:0 0 25px -5px rgba(0,0,0,.2)}
.tab-content ul.lista-software.qualifiche li{width:100%;display:block;margin:0 auto;box-shadow:0 9px 10px -5px rgba(0,0,0,.1);border-bottom:1px solid #eee;padding:10px;border-radius:0 0 15px}
.tab-content ul.lista-software.qualifiche li img{width:50px;display:inline-block;margin-right:10px}


.loghi-qualifiche{margin:0 0 0px;border:0;padding:0;box-shadow:0 0 25px -5px rgba(0,0,0,.2)}
.loghi-qualifiche li img{width:auto;height:60px;display:inline-block;margin-right:10px}
.loghi-qualifiche li{
	width: 100%;
	display: block;
	margin: 0 auto;
	box-shadow: 0 9px 10px -5px rgba(0,0,0,.1);
	border-bottom: 1px solid #F4F4F4;
	padding: 10px;
	border-radius: 0 0 15px;
}

.loghi-qualifiche li:hover a{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.loghi-qualifiche ul>li:hover a{
	border-bottom: 1px solid #DDE3EE;
	border-radius: 0 0 15px;
	box-shadow: 5px 5px 5px 0px rgba(44,75,255,0.31);
	padding-bottom: 0px;
	transition: .5s;
}

.loghi-certificazioni{list-style:none;clear:both;margin:5px 0 0;text-align:left;padding:10px 0 0}
.loghi-certificazioni li img{width:auto;height:45px;margin:5px 0 14px}
.loghi-certificazioni li{display:inline;padding:0 10px}


#promozione{background:url(img/bg-home.jpg) center -780px hsla(27,97%,66%,1);background-blend-mode:multiply}
#promozione .container{background:#f8903b;text-align:center;padding-bottom:25px;position:relative}
#promozione ul{list-style:none;display:table;width:100%;padding:0 25px;margin:50px 0 0}
#promozione ul>li{display:table-cell;width:33%;box-sizing:border-box;text-align:left;float:left;border-left:1px dashed #666;box-shadow:none}
#promozione ul>li a{display:block;color:#000;padding:0 10px}
#promozione ul>li:hover a{padding-left:15px;box-shadow:0 10px 15px -18px rgba(0,0,0,.2);background:orange}
#promozione ul>li strong{display:block;font-weight:600;color:#000;padding-top:5px}
#promozione ul>li span{font-size:.9375em}
#promozione ul>li span:last-of-type{display:block;padding-bottom:12px;font-size:initial;font-weight:700;color:#184b96}
#promozione h3.titolo-sezione{border-bottom-color:#FDA054}

#corsi,#master,#correlati{border-top:2px solid #fff}
#correlati{
	background-position: center top;
	background-image: url(/css/img/correlatii.jpg);
	background-blend-mode: multiply;
	background-color: hsla(217,100%,59%,0.23);
}
#correlati .container{
	background-color: hsla(217,100%,59%,0.67);
	text-align: center;
	padding-bottom: 25px;
	position: relative
}
#correlati ul{list-style:none;display:table;width:100%;padding:0 25px;margin:50px 0 0}
#correlati ul>li{display:table-cell;width:25%;box-sizing:border-box;text-align:left;float:left;border-left:1px dashed #666;box-shadow:none}
#correlati ul>li a{display:block;color:#000;padding:0 10px}
#correlati ul>li:hover a{
	padding-left: 25px;
	box-shadow: 0 10px 15px -18px rgba(0,0,0,.2);
	background-color: #92B3FF
}
#correlati ul>li strong{display:block;font-weight:600;color:#000;padding-top:5px}
#correlati ul>li span{font-size:.9375em}
#correlati ul>li span:last-of-type{
	display: block;
	padding-bottom: 12px;
	font-size: initial;
	font-weight: 700;
	color: #E1EBFA
}
#correlati h3.titolo-sezione{
	border-bottom-color: #E1EBFA
}
#correlati ul{margin-bottom:40px}
#correlati ul>li{display:table-cell;width:33%}

}
#corsi,#master,#recensioni{border-top:2px solid #fff}

#recensioni{
	background-position: center top;
	background-blend-mode: multiply;
	background-color: hsla(220,24%,93%,0.73);
	padding-left: 20px;
	padding-right: 20px;
    padding-bottom: 0px;
	padding-top: 20px;
	color: hsla(209,67%,29%,1.00);
	font-size: 0.875em;
}
#recensioni h2{
	border-bottom-color: #E1EBFA;
	color: #F60;
}
#recensioni h3{
    border-bottom-color: #E1EBFA;
    color: #F60;
    text-align: right;
}
#recensioni h4{
	color: #202020;
	font-size: 1em;
	font-weight: lighter;
}
#recensioni h3:hover a{
	box-shadow:0 10px 15px -18px rgba(0,0,0,.2);
	background:orange;
	color: #41475C;
}
#recensioni a{
	color: #F60;

}

#corsi {
    background: url(img/bg-corsi.jpg) center -105px/cover;
    padding-bottom: 20px
}

#corsi h3 {
    text-align: center;
    color: #184b96;
    border-bottom: 0;
    margin-bottom: 20px;
    box-shadow: 0 12px 10px -12px rgba(0,0,0,.1);
    background: #fff
}

#corsi section div {
    background: #fff;
    padding: 10px;
    box-shadow: 0 12px 10px -12px rgba(0,0,0,.15);
    transition: .3s;
    -webkit-transition: .3s
}

#corsi section:hover div {
    box-shadow: 0 15px 15px -10px rgba(0,0,0,.15)
}

#corsi section div:first-of-type {
    margin-bottom: 4px;
    padding: 0;
    height: 99px;
    overflow: hidden
}

#corsi section div:last-of-type {
    margin-bottom: 40px;
    padding-left: 24px
}

#corsi section:first-of-type,#corsi section:nth-of-type(3n+1) {
    padding-left: 0
}

#corsi section:nth-of-type(3n) {
    padding-right: 0
}

#corsi img {
    width: auto;
    display: block;
    margin: auto;
    max-height: 100px
}

#corsi h2,.titolo-md {
    font-size: 1em;
    font-weight: 600;
    color: #184b96;
    letter-spacing: -.035em;
    margin: 15px 0 10px
}

#news-box a.leggi-tutto:hover,#verifica h5 {
    color: #2B4288
}

#corsi ul {
    list-style: none;
    padding: 0 0 15px;
    min-height: 9.5em
}

#corsi ul>ul {
    min-height: auto;
    padding: 0 0 15px 50px;
    position: relative
}

#corsi ul li {
    line-height: 1.3;
    font-size: .9375em;
    letter-spacing: -.035em
}

#corsi ul li a {
    color: #313131;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s
}

#corsi ul li a:hover {
    padding-left: 10px;
    color: #184b96;
    font-weight: 600
}

#corsi ul li a:before {
    content: ">";
    color: #fff;
    position: absolute;
    left: -8px;
    transition: .3s;
    -webkit-transition: .3s;
    font-weight: 300
}

#corsi ul li a:hover:before {
    color: #184b96;
    left: 0;
    font-weight: 600
}

#corsi .adobe:before {
    float: left;
    width: 45px;
    height: 45px;
    background: url(img/Corsi-Adobe-Creative-Cloud.png) center/contain;
    position: absolute;
    left: 0;
    z-index: 1
}

#aca figure,#crediti-Architetti figure {
    position: relative
}

#aca {
    color: #fff;
    line-height: 1.2;
    background: url(img/bg-aca.jpg) left center/cover no-repeat fixed #000
}

#aca article {
    padding-top: 60px;
    padding-bottom: 60px;
    background: rgba(0,0,0,.6)
}

#aca img {
    width: auto;
    display: block;
    margin: 0 auto 30px
}

#aca h3 {
    font-size: 1.625em;
    letter-spacing: -.03em;
    margin-bottom: 20px;
    font-weight: 600
}

#aca h3:first-letter {
    text-transform: uppercase
}

#aca p {
    font-size: 1.0625em
}

#aca figure {
    display: table;
    margin: 45px auto 0;
    border: 2px solid;
    width: 100%;
    text-align: center;
    border-radius: 0 0 9px 9px
}

#aca figure img {
    display: inline;
    margin: 40px 10px 25px;
    width: auto;
    max-width: 50px;
    transition: .5s;
    -webkit-transition: .5s;
    border: 1px solid transparent
}

#aca figure img:hover {
    box-shadow: 0 0 15px rgba(255,255,255,.8);
    border: 1px solid rgba(255,255,255,.75)
}

#aca figcaption {
    font-size: .55em;
    color: #666;
    box-sizing: border-box;
    text-align: right;
    position: absolute;
    top: -28px;
    width: 62%;
    background: url(img/logo-adobe-creative-cloud.png) bottom center/contain no-repeat #000;
    height: 46px;
    left: 20%;
    padding: 2px 10px 20px 12px
}

#news-box {
    letter-spacing: -.02em;
    box-shadow: 8px 0 15px -2px rgba(0,0,0,.1);
}

#news-box header {
    margin: 50px 0 30px
}

#news-box h2 {
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: -.04em;
	margin: 0;
	color: #8A8A8A;
}

#news-box h3 {
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: -.04em;
	margin: 0;
}

#news-box a,#news-box h3 span {
    font-size: .9em
}

#news-box a {
	color: #3047A3
}

#news-box a:hover {
	color: #F60
}

#news-box article {
    margin-bottom: 30px;
    padding-right: 15px
}

#news-box img {
    float: left;
    margin: 0 15px 0 0
}

#news-box h4 {
	text-align: right;
	font-size: 1em;
	font-weight: 700;
	margin: 0 0 7px;
}

#news-box p {
    font-size: .95em
}

#news-box a.leggi-tutto {
    text-align: right;
    display: block;
    font-size: .75em;
    font-weight: 700
}

#verifica a,#verifica h5 {
    display: inline-block;
    vertical-align: middle
}

#news-box a.leggi-tutto:before {
    content: ">> ";
    position: relative;
    left: 0
}

#lavora-con-noi h4:after,.iscrizione a:before,.pagamenti+div:before {
    content: ""
}

#news-box a.leggi-tutto:hover:before {
    animation: btnLeggi .8s infinite;
    -webkit-animation: btnLeggi .8s infinite
}

@keyframes btnLeggi {
    0%,100% {
        left: 0
    }

    50% {
        left: -5px
    }
}

@-webkit-keyframes btnLeggi {
    0%,100% {
        left: 0
    }

    50% {
        left: -5px
    }
}

#crediti-Architetti {
    border: 4px solid #2b4288;
    margin: 50px auto 0;
    width: 95%
}

.sopra {
    position: absolute;
    top: 40px;
    right: 10px;
    mix-blend-mode: multiply
}

#crediti-Architetti figure:first-of-type figcaption {
    position: absolute;
    top: 20px;
    right: 0;
    width: 50%;
    text-align: center;
    font-size: .825em;
    font-weight: 700;
    letter-spacing: .05em
}

#verifica h5,.modal-header,.modal-header h4 {
    letter-spacing: -.03em
}

#crediti-Architetti h3 {
    background: #2b4288;
    color: #fff;
    font-size: 1em;
    padding: 8px;
    text-align: center;
    font-weight: 700;
    margin: 0
}

#crediti-Architetti h3 span {
    font-size: .9125em;
    font-weight: 400
}

#crediti-Architetti img {
    display: block;
    width: auto;
    height: auto
}

#crediti-Architetti figure:last-of-type {
    text-align: center;
    padding: 15px
}

#crediti-Architetti figure:last-of-type img {
    width: auto;
    max-height: 40px;
    display: inline;
    padding: 0 15px
}

#crediti-Architetti figure:last-of-type figcaption {
    font-size: .65em;
    padding: 10px 0 0;
    margin: 0;
    line-height: 1;
    text-transform: uppercase
}

#facebook-cefi{
    margin-top: 0px;
    margin-left: 10px;
    width: 100%;
    background-color: #A7BAD1;
    vertical-align: middle;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #19395B;
    }

#social-cefi{
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    background-color: #FFFFFF;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    }

#fb-plg {
    margin: 20px 0 20px 5%;
    padding: 0;
    width: 45%
}

#fb-plg>div,#fb-plg>div>span {
    width: 100%!important;
    overflow: hidden;
}

#lavora-con-noi {
    height: 230px;
    background: url(img/bg-lavoro-con-CEFI.jpg) center top/cover no-repeat;
    margin: 20px 0 20px 2.5%;
    position: relative
}

#lavora-con-noi div {
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    left: 0;
    background: rgba(0,0,0,.35);
    padding: 0 10px
}

#lavora-con-noi h4 {
    font-size: 1.3em;
    font-weight: 700;
    color: #fff;
    font-style: italic
}

#lavora-con-noi h4:after {
    height: 2px;
    display: block;
    width: 0;
    background: #fff;
    transition: .3s;
    -webkit-transition: .3s
}

#lavora-con-noi:hover h4:after {
    width: 100%
}

#lavora-con-noi h4 span {
    font-size: 1.4em;
    font-weight: 900;
    color: #F48425;
    text-shadow: 0 0 2px #333,0 0 85px #000
}

#lavora-con-noi p {
    color: #fff;
    font-size: .875em;
    line-height: 1.2;
    padding: 0 0 10px
}

#lavora-con-noi a {
    color: #fff;
    transition: .3s;
    -webkit-transition: .3s
}

#lavora-con-noi a:hover {
    color: #F48425
}

#verifica h5 {
    font-size: 1.225em;
    font-weight: 700;
    margin-right: 25px
}

#verifica a>span {
    display: block;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    font-style: italic
}

#verifica .test {
    background: #2B4288;
    padding: 2px 6px
}

#verifica .online {
    background: #F58121;
    padding: 2px 8px 2px 0 ;
}

#main-f,#main-f .telefono:before {
    background: #2b4288
}

#verifica .edu {
    color: #F58121;
    font-size: 1em;
    text-align: center
}

#verifica .edu span {
    color: #F58121;
    font-size: 1.3em
}

#main-f {
    color: #fff;
    box-shadow: 0 25px 38px -10px rgba(0,0,0,.3) inset
}

.footer-column {
    box-shadow: 10px 0 20px -5px rgba(0,0,0,.3);
    padding: 40px 25px 20px 0;
    min-height: 330px
}

.footer-column a {
	color: #fff
}

.footer-column a:hover {
	color: #F68121
}

#main-f figure img {
    width: auto;
    display: block;
    margin: 0 0 10px
}

#main-f figcaption {
    line-height: 1.25;
    font-size: .9125em;
    font-weight: 300
}

#footer-nav ul {
    list-style: none;
    padding: 0 0 40px 30px
}

#footer-nav a {
    color: #fff;
    font-weight: 300;
    font-size: .96em;
    transition: .3s;
    -webkit-transition: .3s
}

#footer-nav a:hover {
    color: #F68121
}

#main-f address {
    padding-left: 30px
}

#main-f address strong {
    display: block;
    line-height: 1.5;
    font-size: 1.125em
}

#main-f span {
    display: block;
    text-transform: uppercase;
    font-size: .875em;
    line-height: 1
}

#main-f .telefono {
    color: #fff;
    margin: 0 0 0 40px!important
}

.modal-content {
    border-radius: 14px
}

.modal-header {
    text-align: center;
    box-shadow: 0 5px 14px -5px rgba(0,0,0,.3);
    margin-bottom: 20px;
    padding: 20px 15px 10px
}

.modal-header h4 {
    font-size: 1.6em;
    font-weight: 900;
    color: #2b4288;
    border-bottom: 1px dotted #eee
}

.modal-header p {
    padding: 5px 0;
    margin: 0
}

.modal-body div {
    padding: 5px
}

.modal-body div:after,.modal-body div:before {
    content: "";
    display: table;
    clear: both
}

.modal-body label {
    font-size: 1em;
    font-weight: 600;
    display: block;
    width: 20%;
    float: left;
    padding: 5px
}

.modal-body input {
    transition: .3s;
    -webkit-transition: .3s
}

.modal-body input[type=password],.modal-body input[type=text] {
    background: #fafafa;
    padding: 5px;
    border: none;
    border-bottom: 1px dashed #999;
    width: 80%;
    float: right
}

.modal-body input:focus,.modal-body input:hover {
    border-bottom: 1px solid #2b4288;
    outline: 0;
    box-shadow: 0 12px 10px -12px rgba(23,76,161,.58);
    background: #f4f4f4
}

.modal-body .ricordami label {
    float: right;
    padding: 5px;
    font-size: .925em;
    font-weight: 400
}

.modal-body .ricordami label input {
    margin: 0 0 0 10px;
    transform: scale(1.5)
}

.modal-body .ricordami label input:hover {
    margin: 0 0 0 10px;
    transform: scale(2)
}

.modal-body .pulsante {
    padding: 5px 10px 14px;
    width: 120px;
    margin: 10px auto 0;
    display: block;
    background: #2B4288;
    color: #fff;
    font-weight: 600;
    border-radius: 5px 5px 0 0;
    position: relative;
    top: 6px
}

.modal-body .pulsante:hover {
    border: 0;
    background: #f68020;
    top: 0
}

.modal-body .utility-utente {
    border-radius: 0 0 14px 14px;
    line-height: 1.2;
    font-size: .8em;
    padding: 14px 0;
    font-weight: 400;
    text-transform: uppercase;
    background: #fff;

    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    box-shadow: 0 5px 14px -5px rgba(0,0,0,.3) inset;
    bottom: -34px
}

.utility-utente a {
    display: inline-block;
    padding: 3px 14px
}

.utility-utente a:hover {
    background: #ffffe0
}

.registrati {
    border-right: 1px dotted #333
}

.informatica {
    background: url(img/bg-corsi.jpg) center -105px/cover
}

#header-corso figure {
    position: relative;
    height: 358px;
    background: center/cover
}

.scheda-corso {
    color: #F68121;
    margin: 15px 0;
    padding: 8px 0 2px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -.04em;
    line-height: 1
}

.regionale {
    background: url(img/bg-regionali.jpg) top center no-repeat
}

.scheda {
    width:100%;
    padding: 20px 0 0;
    margin: 0;
    border-bottom: 0;
    transition:500ms;
    -webkit-transition:500ms;
     background:#fff;
     box-shadow:none
}
.scheda.fisso {
    position: fixed;
    box-shadow: 0 18px 18px -0px rgba(21,43,104,0.75);
    top: 44px;
    width: 1170px;
    z-index: 3;
    background-color: #FFFFFF;
   
}
.scheda li {
    margin: 0 2px
}

.scheda>li>a {
    font-size: 1.135em;
    font-weight: 600;
    letter-spacing: -.04em;
    border: none!important;
    box-shadow: 5px 0 10px -5px rgba(0,0,0,.35);
    color: #2B4288
}

.scheda>li.active {
    border-bottom: 2px solid #F68121
}

.scheda>li.active>a {
    color: #F68121!important;
    box-shadow: 5px 0 10px -5px rgba(0,0,0,.5)
}

#tabella-costi,ul.date-costi {
    border: 1px solid #eee;
    color: #666
}

/*modificato*/
.scheda-box {
    padding: 15px 15px 0;
    margin: 0 0 90px;
    background: #fff;
    position: relative;
    z-index: 2;
    border-top: 1px solid #eee;
    box-shadow: 0 -5px 8px -8px rgba(0,0,0,.3);
    top:0;
}
.scheda-box.fisso{top:86px;}

.scheda-box .tab-content {
    min-height: 500px;
    padding-top: 10px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    box-shadow: 0 10px 45px -20px
}

.scheda-box .tab-pane p {
    line-height: 1.4
}

.scheda-box h4 {
    font-weight: 600;
    margin: 0 0 5px;
    font-size: 1.1em
}

#tabella-costi {
    margin: 20px 0 40px
}

ul.date-costi {
    margin: 0;
    padding: 0!important;
    list-style: none;
    display: table
}

ul.date-costi:last-child strong {
    border-bottom: 1px solid #eee!important;
    display: none
}

ul.date-costi:hover li span {
    background: #ffffe0;
    color: #000
}

ul.date-costi:hover .aperte {
	background-color: #14D014
}

ul.date-costi:hover .chiuse {
	background-color: rgba(83,56,56,1.00)
}

ul.date-costi:hover .altro-stato {
	background-color: rgba(195,97,0,1.00)
}

ul.date-costi:hover .iscrizione {
    background: #3F67DE
}

.date-costi>li {
    width: 15%;
    display: table-cell;
		height: 0px;
}

.date-costi>li:last-of-type {
    width: 30%;
    text-align: Center
}

#programma>h2:before,.altro-stato,.aperte,.chiuse,.tab-content h5,.testo-centrato,.titolo-pagina-corso {
    text-align: center
}

.date-costi>li:nth-of-type(4) {
    width: 25%
}

.date-costi>li:nth-of-type(4) span {
    border-right: none
}

.date-costi>li:last-of-type>strong {
    box-shadow: none!important
}

.date-costi:first-of-type li>strong {
    background: #F68020;
    display: block;
    clear: both;
    padding: 10px;
    color: #fff;
    box-shadow: -10px 0 15px -8px rgba(0,0,0,.3) inset
}

.date-costi>li>strong {
    display: none
}

.date-costi>li>span {
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
	margin-bottom: 0px;
	min-height: 52px;
    display: block;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    font-weight: 600;
    border-right: 1px dotted #F68020
}

.date-costi>li>div {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    min-height: 35px;
	top:-18px;
}

.date-costi>li>div>span {
    width: 50%;
    font-weight: 900;
    position: absolute;
	margin-top: 0px;
	padding-top: 22px;
    height: 100%;
    transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
	
}

.item>a {
    color: #fff
}

.stato span a {
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
}

.aperte {
	background-color: #258E25;
	font-size: 1.1em;
	left: 0;
	top: 0
}

.chiuse {
	background-color: #FF0E0E;
	font-size: 1.1em;
	left: 0;
	top: 0
}

.altro-stato {
	background-color: #FF7600;
	font-size: 1.1em;
	left: 0;
	top: 0
}

.iscrizione {
    right: 0;
    top: 0;
    background: #314DA0
}

.iscrizione a {
    color: #fff;
    padding-left: 10px
}

.iscrizione a:before {
    position: absolute;
    height: 50%;
    left: 0;
    top: 50%;
    margin-top: -15px;
    border-left: 12px solid #fff;
    width: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.date-costi>li>span>a {
    color: #2B4288;
    font-weight: 700
}

.tab-content>article>section {
    margin: 20px 0
}

.tab-content>article>h3,.tab-content>article>section>h3 {
    padding: 20px 0 10px;
    border-bottom: 1px solid;
    margin: 0 0 25px
}

.tab-content>article>section>h4 {
    padding: 20px 0 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 25px;
    color: #1A4EA2;
    font-size: 1.125em;
    font-weight: 700;
    clear: both
}

.tab-content>article>section>h3>a,.tab-content>article>section>h4>a {
    color: #F68020
}

.tab-content>ul {
    margin: 15px 0 0;
    list-style-position: inside
}

.tab-content h5 {
    font-size: 1.125em;
    margin: 20px auto 0;
    padding: 10px 20px;
    font-weight: 600;
    background: #fff;
    position: relative;
    display: table;
    box-shadow: 0 0 25px -5px rgba(0,0,0,.2)
}

.tab-content ul.lista-software {
    list-style: none;
    text-align: center;
    padding: 20px 10px;
    margin: -18px 0 25px;
    border: 1px solid #eee
}

.tab-content ul.lista-software li {
    width: 25%;
    box-sizing: border-box;
    margin: 0 -4px;
    display: inline-block;
    vertical-align: top;
    font-size: .875em;
    text-transform: uppercase;
    letter-spacing: -.042em;
    font-weight: 600;
    line-height: 1
}

.tab-content ul.lista-software.tre li {
    width: 33%
}

.tab-content ul.lista-software.tre li img {
    width: 100%!important
}

.tab-content ul.lista-software.uno li {
    width: 50%
}

.tab-content ul.lista-software.uno li img {
    width: 100%
}

.tab-content ul.lista-software.qualifiche {
    margin: 0 0 15px;
    border: 0;
    padding: 0;
    box-shadow: 0 0 25px -5px rgba(0,0,0,.2)
}

.tab-content ul.lista-software.qualifiche li {
    width: 100%;
    display: block;
    margin: 0 auto;
    box-shadow: 0 9px 10px -5px rgba(0,0,0,.1);
    border-bottom: 1px solid #eee;
    padding: 10px;
    border-radius: 0 0 15px
}

.tab-content ul.lista-software.qualifiche li img {
    width: 50px;
    display: inline-block;
    margin-right: 10px
}

.tab-content ul.lista-software li img {
    max-width: 60%;
    display: block;
    clear: both;
    margin: 10px auto
}

h5.aca {
    width: 100%;
    color: #ED1C24;
    padding-bottom: 25px;
    text-decoration: underline;
    font-weight: 700;
    letter-spacing: -.03em;
    margin-top: 45px
}

.aca img {
    width: 250px;
    display: block;
    margin: 10px auto 0
}

.info-costi-ore span,.pagamenti li span {
    display: inline-block;
    text-align: right;
    float: right;
    width: 35%
}

.info-costi-ore,.pagamenti {
    list-style: none;
    padding: 0 15px 0 0
}

.info-costi-ore li:hover,.pagamenti li:hover {
    box-shadow: 0 0 90px rgba(0,0,0,.15) inset
}

.info-costi-ore li {
    padding: 10px;
    font-weight: 600;
    transition: .3s .1s;
    -webkit-transition: .3s .1s
}

.info-costi-ore li:nth-of-type(1) {
    background: #FFFFFF;
    color: #1B348F;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: large;
	text-transform: uppercase;
}

.info-costi-ore li:nth-of-type(2) {
    background: #D5E0FE
}

.info-costi-ore li:nth-of-type(3) {
    background: #5388DD;
    color: #fff;
    font-weight: 900
}

.info-costi-ore li:nth-of-type(3) span {
    font-size: 1.3em;
    line-height: .925
}


.info-costi-ore li:nth-of-type(4) {
    background: #FFFFFF;
    color: #1E2E8D;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: 500;
    font-size: 18px;
}

.info-costi-ore li:nth-of-type(5) {
    background: #1A4EA1;
    color: #fff;
    font-weight: 900;
}

.info-costi-ore li:nth-of-type(5) span {
    font-size: 1.3em;
    line-height: .925
}

.info-costi-ore li:nth-of-type(6) {
    background: #FF9E51;
	font-weight: 900;

}
.info-costi-ore li:nth-of-type(6) span {
    font-size: 1.3em;
    line-height: .925
}
.info-costi-ore span {
    font-weight: 900
}

.info-costi-ore .nota {
    font-size: .875em
}

.info-costi-ore+div h4 {
    font-weight: 600!important;
    margin: 0 0 15px
}

.col-ind h1 {
    font-size: 2em;
    font-weight: 600;
    padding: 80px 15px
}

.collettivo h1 {
    background: #1A4EA1;
    color: #fff
}

.individuale h1 {
    background: #F68020;
    color: #fff
}

.pagamenti li {
    padding: 7px 10px;
    font-weight: 700;
    transition: .3s .1s;
    -webkit-transition: .3s .1s
}

.pagamenti li span {
    font-weight: 900
}

.totale-corso {
    font-size: 1.3em;
    position: absolute;
    right: 0;
    width: 25%;
    height: 100%;
    background: #F68020;
    top: 0;
    line-height: 2.4;
    padding-right: 10px
}

.pagamenti>li:nth-of-type(1) {
    background: #005BC6!important;
    color: #FFFFFF;
    font-weight: 800;
    padding: 12px 10px;
    position: relative
}

.pagamenti li:nth-of-type(odd) {
    background: #D6E1FE
}

.pagamenti li:nth-of-type(even) {
    background: #AAC0FD
}

.pagamenti+div {
	position: relative
}

.pagamenti+div:before {
    border-right: 15px solid #F68020;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    display: block;
    position: absolute;
    left: 0;
    top: 0
}

.pagamenti+div p:first-of-type {
    border: 2px solid #F68020;
    padding: 6px 10px;
    margin-top: -8px;
}

#programma ul {
    list-style: none
}

#programma>ul {
    margin-top: 10px
}

#programma>ul>li {
    padding: 3px 0;
    font-weight: 600;
    color: #2B4288
}

#programma ul>li>ul>li>ul {
    padding: 4px
}

#programma>h2 {
    background: #F1F1F1;
    padding: 10px 15px 10px 50px;
    margin: 6px 0 0;
    color: #2B4288;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 1.2;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s
}

#programma>h2.aperto {
    color: #FFF;
    background: #2a4287
}

#programma>h2:before {
    content: "+";
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 10px;
    margin-top: 6px;
    font-size: 1.5em;
    font-weight: 700;
    border: 2px solid;
    border-radius: 50%;
    line-height: .8;
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s;
    color: #2B4288
}

#programma>h2+ul>li>strong:before,#programma>h2+ul>li>ul>li>strong:before {
    content: "";
    width: 0;
    border-top: 6px solid transparent;
    border-right: 0 solid transparent;
    top: 50%;
    height: 0
}

#programma>h2.aperto:before {
    transform: rotate(45deg);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s;
    color: #FFF
}

#programma>h2+ul>li>strong {
    display: block;
    background: #FFFCFC;
    padding: 5px 10px 5px 30px;
    margin-top: 5px;
    position: relative;
    color: #F68121;
    box-shadow: 0 5px 15px -10px rgba(0,0,0,.5)
}

#programma>h2+ul>li>strong:before {
    border-left: 6px solid #F68121;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: 15px;
    margin-top: -6px;
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s
}

#programma>h2+ul>li>strong.aperto-livello2:before {
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s
}

#programma>h2+ul>li>ul>li {
    padding: 4px 0;
    border-bottom: 1px dotted #D8D5D5;
    margin-bottom: 3px;
    font-weight: 700;
    color: #2B4288
}

#programma>h2+ul>li>ul>li>strong {
    position: relative;
    color: #2B4288
}

#programma>h2+ul>li>ul {
    margin-top: 15px
}

#programma>h2+ul>li>ul>li>strong:before {
    border-left: 6px solid #2B4288;
    border-bottom: 6px solid transparent;
    position: absolute;
    left: -15px;
    margin-top: -6px;
    transform: rotate(0);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s
}



#programma>h2+ul>li>ul>li>strong.aperto-livello3:before {
    transform: rotate(90deg);
    -webkit-transform-origin: 50% 50%;
    transition: .3s;
    -webkit-transition: .3s
}

#programma>h2+ul>li>ul>li>ul {
    font-weight: 600;
    color: #2B4288;
    padding-bottom: 15px
}

#programma>h2+ul>li>ul>li>ul>li>ul {
    font-weight: 400;
    color: #2B4288;
    padding-bottom: 15px;
    padding-left: 25px
}

#programma>h2+ul>li>ul>li>ul>li>ul>li:before {
    content: "-";
    padding-right: 4px
}

.visual {
    width: 100%!important
}

.natural,.tabella {
    width: auto;
    margin: auto
}


.animato {
    transition: .4s;
    -webkit-transition: .4s
}

.container,.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.titolo-pagina-corso,.titolo-sezione {
    padding: 18px 0 12px;
    font-size: 1.5em;
    text-transform: uppercase
}

.titolo-sezione {
    color: #fff;
    border-bottom: 3px solid #4D71A8;
    margin: 0;
    font-weight: 600
}

.titolo-pagina-corso {
    color: #2B4288;
    margin: 15px 0;
    font-weight: 900;
    letter-spacing: -.04em
}

.guarda,.lancio {
    font-weight: 600
}

.natural {
    display: block
}

.tabella td {
    width: 25%
}

.tabella img {
    width: auto;
    margin: auto;
    display: block
}

.lato-dx {
    float: right!important
}

.centrato,ul.blocco li {
    float: none
}

.btn-info {
    background: #1A4EA2;
    transition: .3s;
    -webkit-transition: .3s;
    border-radius: 0!important
}

.btn-info:hover {
    background: #F68121!important
}

.guarda {
    font-size: .8em;
    text-transform: uppercase;
    color: #fff;
    padding: 5px
}

.textcorre{font-size:1em;text-transform:uppercase;color:#fC0;padding:5px}

.guarda:hover {
    background: #FDA054
}

.textcorre:hover{
	background-color: #FFFFFF
}

.pulsante,.pulsante:focus,.pulsante:hover {
    outline: 0;
    border: none
}

.parallasse {
	background-repeat: no-repeat;
	background-position: 50% 0 / cover no-repeat fixed;
	background-attachment: fixed;
	overflow: hidden
}


.clearfix:after,.clearfix:before {
    content: "";
    display: table;
    clear: both
}

.centrato {
    margin: 15px auto;
    display: block
}

.minuscolo {
    text-transform: none!important
}

.note {
    font-size: .875em
}

mark.note {
    font-size: .8em
}

.lancio {
    color: #2B4288;
    margin: 0 0 25px;
    line-height: 1.2;
    border-left: 16px solid;
    padding-left: 15px;
    position: relative
}

.lancio:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border-bottom: 12px solid #fff;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    bottom: 0;
    left: -15px
}

@media (max-width: 1024px) {
    #logo-menu img {
        width:100%;
        height: auto
    }

    .sedi {
        font-size: .95em
    }

    .sedi ul>span {
        margin-right: 0
    }

    .sedi li {
        margin: 0 3px 0 0
    }

    .telefono {
        font-size: 1em;
        margin-right: 65px
    }

    .telefono:before {
        content: '\e802';
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        left: -24px;
        top: -10px;
        font-size: 2em
    }

    .scomparsa {
        position: absolute;
        right: -40px
    }

    .scomparsa.off {
        top: 0;
        right: -40px
    }

    #mainNav {
        margin-right: 20px
    }

    #aca {
        color: #fff;
        line-height: 1.2;
        background-position: 10% 50%
    }

    #aca article {
        position: relative;
        background: rgba(0,0,0,.75)
    }

    #aca article figure {
        width: 100%
    }

    #aca article figure img {
        width: 38px
    }

    #aca figcaption {
        background-size: 90%;
        background-position: top center;
        text-align: center;
        padding: 42px 0 0
    }

    .navigazione li {
        font-size: .95em;
        margin: 0 5px 0 0
    }
    .info-regione.small figure{width:60px; height:60px}
}

@media (max-width: 769px) {
    .info-regione.small figure{margin:10px auto;width: 30%;height:35px; background:center/contain no-repeat}
    #mainNav,#master-regionale div,#partner figure,#partner figure img,#partner h3,.autorizzati-lancio header,.sedi ul,.top-header {
        text-align:center
    }

    .container {
        width: 96%
    }
	
    .contenuto {
	width: 50%;
	background-color: hsla(359,83%,50%,1.00);
    }	
	
    .scheda.fisso{top:100px; width:100%}
    #header-corso .container,#logo-menu .container {
        width: 100%
    }

    #header-corso figure {
        height: 240px
    }

    .scheda-box .tab-content {
        padding: 0 2.5%
    }

    .top-header {
        padding: 4px
    }

    .sedi ul {
        padding: 5px 0 0;
        border-top: 1px dotted #eee;
        margin-top: 5px
    }

    #mainNav {
        margin: 10px 0 5px;
    }

    .navbar-default.navigazione {
        width: 100%;
        height:0;
        box-shadow: 0 10px 5px -5px #ddd inset;
        float: none;
        clear: both;
        border-radius: 0
    }

    .tel-login {
        padding-right: 50px
    }

    .top-nav {
        margin: 15px 0 0
    }

    .scomparsa.off {
        top: 2px
    }

    .scomparsa {
        right: 20px
    }

    .autorizzati-lancio {
        float: none;
        box-shadow: 0 22px 10px -20px rgba(23,76,161,.58);
        padding: 10px 0 0;
        margin: auto;
        clear: both;
        overflow: auto
    }

    .autorizzati-lancio header {
        padding: 6px 0 15px;
        margin: 0 auto 20px
    }

    .autorizzati-lancio [class^=col-] {
        padding: 10px 10px 20px;
        text-align: center
    }

    .info-regione {
        float: none;
        margin: auto
    }

    .info-regione figure img {
        float: none;
        clear: none;
        width: auto;
        max-width: 20%;
        display: inline-block
    }

    .info-regione figcaption {
        margin: 0;
        display: inline-block;
        width: 70%;
        vertical-align: top;
        padding: 5px 10px;
        border-top: 1px solid #eee;
        border-bottom: 1px solid #eee
    }

    .info-regione figure {
        margin-top: 20px
    }

    #corsi-regionali article {
        width: 48%
    }

    #pagine article {
        width: 48%
    }
	

    #partner h3 {
        font-size: 1.4em;
        padding-bottom: 10px
    }

    #partner h3 span:last-child:after {
        display: none
    }

    #partner figure img {
        display: inline
    }

    #master-regionale div {
        margin: 10px 0 25px
    }

    #master-regionale div>img:first-of-type {
        width: auto;
        margin: 15px auto
    }

    #promozione ul {
        margin-bottom: 40px
    }

    #promozione ul>li {
        display: table-cell;
        width: 20%
    }

    #corsi section {
        padding: 0 5px!important
    }

    #news-box {
        height: auto;
        min-height: auto;
        padding-bottom: 20px;
        box-shadow: 0 10px 10px -10px #aaa
    }
	
    .date-costi>li {
        display: block;
        width: 100%!important
    }
}

@media (max-width: 767px) {
    
    .scheda.fisso {top: 76px;width:100%;}
    .scheda.fisso li, .scheda.fisso li a{box-shadow:none; border-bottom:0}
    .menu-scheda {position:absolute;z-index:1;width:100%;top:-10px;text-align:center;transition:300ms; -webkit-transition:300ms}
    .menu-scheda.visibile{top:20px;width:100%;text-transform:uppercase;font-size:1.200em;font-weight:700;color: #003399;}
    .scheda.fisso li { height:8px;overflow:hidden}
    .scheda li {
        float:none
    }

	  #corsi-regionali article {
        width: 98%
    }
	
	    #pagine article {
        width: 98%
    }
	
}

@media(max-width: 680px) {
     body{padding-top:70px}
    .navbar-default.navigazione{height: auto;}
    #master-regionale div {
        margin-top:0
    }

    #header-corso figure {
        height: 150px
    }

    #crediti-Architetti img,#master-regionale div>img:first-of-type,#master-regionale figure img {
        width: 100%;
        display: block;
        margin: 0 auto
    }

    #master-regionale h1 {
        margin: 0;
        border-top: 2px solid #eee;
        padding-top: 10px
    }

#promozione ul>li{width:100%;border-bottom:1px dashed #666;border-left:0;float:none;display:block;margin:0}
#correlati ul>li{width:100%;border-bottom:1px dashed #666;border-left:0;float:none;display:block;margin:0}

    #lavora-con-noi {
        width: 100%;
        margin: 10px 0
    }

    #crediti-Architetti {
        width: 100%;
        margin: 20px 0 0
    }

    .sopra {
        width: 150px!important;
        top: 30px
    }

    #crediti-Architetti figure:last-of-type img {
        max-height: 22px;
        padding: 0 4px
    }

    #crediti-Architetti figure:first-of-type figcaption {
        letter-spacing: 0;
        font-size: .7em;
        width: 60%;
        text-align: right;
        padding-right: 5px
    }

    #aca article,#verifica h5,.footer-column {
        text-align: center
    }

    #fb-plg,#fb-plg iframe {
        width: 100%!important;
        margin: 5px 0;
    }

    .tel-login {
        display: none
    }

    #logo-menu{
        padding: 10px 0;
        width:100%;
        position:fixed;
        top:0;
        z-index: 999;
    }
   

    #logo-menu img,#logo-menu.fisso img {
        width: 75%;
        max-width:255px;
        display: block;
        margin: 0 0 10px;
        height: auto
    }

    #mainNav,#verifica {
        width: 100%
    }

    .top-header {
        display: none
    }

    #mainNav {
        margin: 0;
        padding: 0
    }

    .navigazione li {
        display: block;
        background: #2b4288;
        padding: 7px 0;
        margin: 0!important;
        border-bottom: 1px solid #eee;
        font-size: 1.05em
    }


    #footer-nav,#header-corso figcaption,.iscritti.scomparsa:before {
        display: none
    }

    .navigazione li a {
        color: #fff
    }

    .iscritti {
        position: absolute;
        top: 5px
    }

    .navbar-default.navigazione {
        position: static;
        padding:0;
        display:table;
        max-height:0;
        min-height:0!important
    }

    .navbar-toggle {
        position: fixed;
        z-index: 9999;
        right: 0;
        top: 10px;
    }

    #aca article figure img {
        width: 13%;
        padding: 0;
        margin: 55px 1% 25px
    }

    #aca figcaption {
        width: 90%;
        left: 5%;
        color: #fff;
        line-height: 2.8
    }

    #news-box img {
        float: none;
        width: 100%;
        margin: 0 0 10px
    }

    #verifica h5 {
        display: block;
        margin: 10px 0
    }

    #verifica a {
        display: block;
        margin: auto
    }

    #verifica a>span {
        margin: auto;
        width: 175px
    }

    .footer-column {
        box-shadow: none;
        padding: 10px;
        margin: 0;
        height: auto;
        min-height: auto;
        width: 100%;
        float: none
    }

    #main-f figure img {
        margin: 0 25px 0 0;
        float: left;
        width: 85px
    }

    #main-f figcaption {
        text-align: left
    }

    .dettagli p,.modal-body label {
        text-align: center
    }

    #main-f address {
        padding-left: 0
    }

    .autorizzati-lancio [class^=col-] {
        min-height: auto;
        padding-bottom: 5px
    }

    .dettagli p,.dettagli ul,.dettagli ul li,.dettagli ul.fasce-corso {
        padding: 0;
        margin: 0
    }

    .dettagli {
        width: 50%;
        float: left;
        box-shadow: none;
        border: none;
        display: block;
        min-height: 150px!important
    }

    .dettagli:nth-of-type(1),.dettagli:nth-of-type(2) {
        min-height: 10px!important
    }

    .dettagli p:before {
        display: block;
        position: static;
        padding: 5px;
        height: 60px
    }

    .info-regione figure img {
        display: block;

        margin: 0 auto 15px;
        max-width: 60%
    }

    .info-regione figure figcaption {
        text-align: center;
        width: 100%;
        margin-bottom: 10px
    }

    #master-regionale div>img {
        height: auto;
        width: 50%;
        margin: 5px auto
    }

    #master .container>nav>div {

        min-height: auto
    }

    #corsi section div:first-of-type {
        height: auto
    }

    #corsi section {
        margin: 0!important;
        padding: 0!important
    }

    #corsi section div:last-of-type {
        margin-bottom: 10px
    }

    .modal-body .ricordami label {
        float: none
    }

    .modal-body label {
        display: block;
        float: none;
        width: 100%
    }

    .modal-body input[type=password],.modal-body input[type=text] {
        width: 100%
    }

    .modal-header {
        margin: 0
    }

    .info-regione.small figure {
        width: 40%;
        background:center/contain no-repeat;
        margin: 5px auto 0
    }

    .titolo-pagina-corso {
        font-size: 1.3em;
        padding: 0;
        margin: 15px 0 0
    }

    .autorizzati-lancio header.small-border {
        padding-top: 0!important
    }

    .scheda-box .tab-content {
        padding: 0 3.5%
    }

    .tab-content>article>h3,.tab-content>article>section>h3 {
        padding: 10px 0 20px
    }

    .lancio {
        margin: 0 0 10px
    }

    .tab-content div,.tab-content>article>section {
        padding: 0;
        margin: 0;
		margin-bottom: 15px	
    }

    ul.date-costi {
        width: 100%;
        display: block
    }

    .info-costi-ore,.pagamenti {
        padding: 0
    }

    .pagamenti li {
        font-size: .95em
    }

    .pagamenti>li:nth-of-type(1) span {
        width: 30%;
        line-height: 3.5
    }

    .pagamenti>li:nth-of-type(1) {
        padding-right: 30%
    }

    .pagamenti+div:before {
        display: none
    }

    .info-costi-ore span {
        width: 30%;
        line-height: 1.5
    }

    .info-costi-ore li:nth-of-type(3),.info-costi-ore li:nth-of-type(3) span {
        display: block;
        width: 100%;
        float: none
    }
	
	.date-costi>li {
		height: auto;
}
	
	.date-costi>li>div {
    top: 0px;
		min-height: 60px;
}
	
.date-costi>li>span {
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    min-height: 30px;
    display: block;
    border-right: 1px dotted #F68020;
    border-bottom: 1px solid rgba(219,219,219,1.00);
	}
	
.date-costi:first-of-type li>strong {
    display: none;
}	
	
.date-costi>li>div>span {
    padding-top: 19px;
}	
	

    #programma>ul {
        padding: 0
    }
}
@media (max-width:680px) and (orientation: landscape){
    body{padding-top:63px;}
    #logo-menu img,#logo-menu.fisso img {
        width: auto;
        max-width: 195px;
        display: block;
        margin: 0 auto 4px!important;
        height: auto;
    }
       #header-corso figure {
        height: 180px
    }
    .scheda.fisso{top:58px}
        .menu-scheda.visibile {top:10px}
}