/*FONTS <<< Carregar as fontes no ficheiro fonts.css >>> */
html { position: relative; width: 100%; overflow-x: hidden; }
body { position: relative; width: 100%; overflow-x: hidden; color: #1A1A1A; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
em { font-style: italic; }
strong { font-weight: 700; }
p { margin-bottom: 10px; }
ul,ol { padding: 0px 15px 15px 15px; }
ul { list-style: disclosure-closed; }
ol { list-style: decimal; }
.titulo1 { font-size: 36px; line-height: 40px; }
.titulo2 { font-size: 26px; line-height: 30px; }
.titulo3 { font-size: 20px; line-height: 24px; }
.uppercase { text-transform: uppercase; }
.bold { font-weight: 700; }
.extraBold { font-weight: 800; }
.filtro::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(50,50,50,0.25); }
.ancora { position: absolute; top: -150px; left: 0; pointer-events: auto; }

.stdButton { background-color: #2A3D98; padding: 10px 25px; margin-top: 25px; margin-bottom: 25px; }
.stdButton:hover { background-color: #323232; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); }
.stdButton p { color: #ffffff; font-weight: 700; }

.stdVideo { width: 80px; height: 80px; border: 10px solid #ffffff; background-color: #C3E013; text-align: center; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); }
.stdVideo i { color: #ffffff; font-size: 26px; line-height: 60px; }

.section { position: relative; width: 100%; max-width: 100%; }

.section1 { padding-top: 65px; padding-bottom: 65px; margin-top: 150px; text-align: center; color: #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section1 .area1 h1 { margin-bottom: 15px; }

.section2 .area1 { width: 400px; max-width: 100%; margin-top: 40px; margin-bottom: 40px; }
.section2 .area1 h3 { color: #3F50A2; width: 300px; max-width: 100%; margin-bottom: 30px; }
.section2 .area1 .botoes .stdVideo { display: inline-block; vertical-align: middle; margin-left: -4px; }
.section2 .area1 .botoes .stdVideo:hover { background-color: #323232; }
.section2 .area2 { position: relative; width: 510px; max-width: 100%; }
.section2 .area2 .foto1 { position: relative; width: 100%; height: auto; padding-bottom: 80%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section2 .area2 .foto2 { position: absolute; top: 30px; left: -90px; width: 320px; max-width: 80%; height: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; border: 10px solid #ffffff; }
.section2 .area2 .foto3 { position: absolute; bottom: 30px; left: -40px; width: 190px; max-width: 80%; height: 220px; background-size: cover; background-position: center; background-repeat: no-repeat; z-index: 1; border: 10px solid #ffffff; }

.section3 { text-align: center; margin-top: 60px; margin-bottom: 60px; }
.section3 h1 { color: #3F50A2; margin-bottom: 15px; }
.section3 .areaSlide { position: relative; width: 1200px; max-width: calc( 100% - 60px ); margin: 10px auto; text-align: center; }
.section3 .slick { position: relative; width: 100%; max-width: 100%; }
.section3 .areaFormativa { position: relative; width: 310px; max-width: 100%; height: 450px; padding: 10px; margin: auto; }
.section3 .areaFormativa .areaFormacao { position: relative; width: 290px; max-width: 100%; height: 430px; margin: 0; padding: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); }
.section3 .areaFormativa .imagemFormacao { position: relative; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section3 .areaFormativa .areaTexto { position: relative; width: 100%; text-align: left; }
.section3 .areaFormativa .areaTexto .areaTexto1 { position: relative; width: 100%; height: 95px; padding: 20px 20px 0px 20px; overflow: hidden; }
.section3 .areaFormativa .areaTexto .areaTexto1 h5 { margin-bottom: 5px; }
.section3 .areaFormativa .areaTexto .areaTexto1 h4 { color: #3F50A2; }
.section3 .areaFormativa .areaTexto .areaTexto2 { position: relative; width: 100%; height: 75px; padding: 10px 20px 0px 20px; overflow: hidden; margin-bottom: 20px; }
.section3 .areaFormativa .areaBotoes { position: relative; width: 100%; height: 40px; }
.section3 .areaFormativa .areaBotoes .stdButton { margin: 0; width: 100%; padding-left: 5px; padding-right: 5px; background-color: transparent; border: 1px solid #D4D8EA; }
.section3 .areaFormativa .areaBotoes .stdButton:hover { background-color: #3F50A2; }
.section3 .areaFormativa .areaBotoes.doisBotoes .stdButton { width: 50%; }
.section3 .areaFormativa .areaBotoes.doisBotoes .stdButton2 { width: calc( 50% + 1px ); margin-left: -1px; }
.section3 .areaFormativa .areaBotoes .stdButton p { color: #3F50A2; line-height: 18px; }
.section3 .areaFormativa .areaBotoes .stdButton:hover p { color: #ffffff; }
.section3 .areaFormativa:hover .areaFormacao { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); }
.section3 .areaFormativa:hover .imagemFormacao { height: 0px; }
.section3 .areaFormativa:hover .areaTexto .areaTexto1 { height: 205px; }
.section3 .areaFormativa:hover .areaTexto .areaTexto1 h5 { margin-bottom: 10px; }
.section3 .areaFormativa:hover .areaTexto .areaTexto2 { height: 165px; }
.section3 .slickNav { position: absolute; top: calc( 50% - 25px ); left: -30px; width: calc( 100% + 60px ); max-width: calc( 100% + 60px ); margin: 10px auto; pointer-events: none; }
.section3 .slickNav .slickControl { position: relative; width: 30px; height: 30px; text-align: center; background-color: #BFC5E0; pointer-events: auto; cursor: pointer; }
.section3 .slickNav .slickControl.slickLeft { float: left; }
.section3 .slickNav .slickControl.slickRight { float: right; }
.section3 .slickNav .slickControl:hover { background-color: #2A3D98; }
.section3 .slickNav .slickControl img { width: auto; height: 10px; margin-top: 7px; }
.section3 .areaCalendarios { padding-top:15px; }
.section3 .areaCalendarios .stdButton { margin: 0 10px 25px 10px; }

.section4 { padding-top: 65px; padding-bottom: 65px; text-align: center; color: #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section4 h6 { margin-bottom: 15px; }
.section4 .areaNewsletter { position: relative; width: 500px; max-width: 100%; margin: auto;  }
.section4 #emailNewsletter { display: inline-block; vertical-align: middle; width: calc( 100% - 120px ); max-width: 100%; height: 40px; border-radius: 0; border: none; margin: 0; margin-bottom: 5px; color: #1A1A1A; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.section4 #submitNewsletter { display: inline-block; vertical-align: middle; width: 120px; max-width: 100%; justify-self: 40px; border-radius: 0; padding-left: 5px; padding-right: 5px; margin: 0; margin-bottom: 5px; }
.section4 #checkForRealContactNewsletter .form-check label { font-size: 12px; line-height: 16px; }
.section4 #checkForRealContactNewsletter .form-check label.stdPopup { font-weight: 700; }

.section5 {overflow-x: hidden; }
.section5 .area1 { position: relative; width: 100%; margin-top: 40px; margin-bottom: 40px; }
.section5 .area1 h5 { margin-bottom: 15px; }
.section5 .slick { position: relative; width: 100%; max-width: 100%; }
.section5 .areaFormativa { position: relative; width: 310px; max-width: 100%; height: 425px; padding: 10px; margin: auto; }
.section5 .areaFormativa .areaFormacao { position: relative; width: 290px; max-width: 100%; height: 405px; margin: 0; padding: 0px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15); }
.section5 .areaFormativa .imagemFormacao { position: relative; width: 100%; height: 200px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section5 .areaFormativa .imagemFormacao .stdButton { position: absolute; bottom: 0; left: 0; width: 120px; margin: 0; padding: 10px 5px; text-align: center; }
.section5 .areaFormativa .areaTexto { position: relative; width: 100%; text-align: left; }
.section5 .areaFormativa .areaTexto .areaTexto1 { position: relative; width: 100%; height: 185px; padding: 20px 20px 0px 20px; overflow: hidden; margin-bottom: 20px; }
.section5 .areaFormativa .areaTexto .areaTexto1 h5 { margin-bottom: 5px; }
.section5 .areaFormativa .areaTexto .areaTexto1 h4 { color: #3F50A2; }
.section5 .areaFormativa:hover .areaFormacao { -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.30); }
.section5 .areaFormativa:hover .imagemFormacao .stdButton { bottom: 15px; left: 15px; }
.section5 .slickNav { position: relative; width: 80px; max-width: 100%; margin: 10px auto; pointer-events: none; }
.section5 .slickNav .slickControl { position: relative; width: 30px; height: 30px; text-align: center; background-color: #BFC5E0; pointer-events: auto; cursor: pointer; }
.section5 .slickNav .slickControl.slickLeft { float: left; }
.section5 .slickNav .slickControl.slickRight { float: right; }
.section5 .slickNav .slickControl:hover { background-color: #2A3D98; }
.section5 .slickNav .slickControl img { width: auto; height: 10px; margin-top: 7px; }
.section5 .area2 { position: relative; width: 100%; background-color: #2A3D98; padding: 80px 0px 100px 50px; }
.section5 .area2::before { content: ""; position: absolute; top: 0; left: 100%; width: 100vw; height: 100%; background-color: #2A3D98; z-index: -1; }
.section5 .area2 h5 { color: #ffffff; margin-bottom: 15px; }
.section5 .contactForm { width: 400px; max-width: 100%; }
.section5 #name1,.section5 #contact1,.section5 #subject1,.section5 #message1 { width: 100%; min-width: 100%;  max-width: 100%; height: 50px; border-radius: 0; border: none; margin-bottom: 10px; color: #1A1A1A; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; }
.section5 #message1 { height: 120px; min-height: 140px; max-height: 140px; resize: none; }
.section5 #submitContact1 { width: 100%; height: 50px; background-color: #C3E013; margin: 0; }
.section5 #submitContact1:hover { background-color: #323232; }
.section5 #submitContact1 p { color: #2A3D98; text-transform: uppercase; }
.section5 #submitContact1:hover p { color: #ffffff; }
.section5 #checkForRealContact1 { color: #ffffff; }
.section5 #checkForRealContact1 .form-check { margin-bottom: 10px; }
.section5 #checkForRealContact1 .form-check label { font-size: 12px; line-height: 16px; }
.section5 #checkForRealContact1 .form-check label.stdPopup { font-weight: 700; }

.section6 { padding-top: 45px; padding-bottom: 45px; background-color: #C3E013; text-align: center; }
.section6 .socialNetworks .socialNetworkIcon { position: relative; width: 40px; height: 40px; border: 1px solid #ffffff; background-color: #ffffff; text-align: center; margin: 15px 3px; padding: 0; border-radius: 50%; }
.section6 .socialNetworks .socialNetworkIcon:hover { border: 1px solid #2A3D98; background-color: #2A3D98; }
.section6 .socialNetworks .socialNetworkIcon i { color: #000000; font-size: 18px; line-height: 38px; margin: 0; padding: 0; }
.section6 .socialNetworks .socialNetworkIcon:hover i { color: #ffffff; }
.section6 .morada,.section6 .contactos,.section6 .areaRodape { margin-bottom: 15px; }
.section6 .morada p { margin-bottom: 0px; }
.section6 .contactos p,.section6 .areaRodape p { display: inline-block; vertical-align: middle; margin: 0 5px; }
.section6 .contactos { display: flex; justify-content: center; align-items: flex-start; flex-wrap:wrap; }
.section6 .contactos p { margin: 15px; }
.section6 a { color: #1A1A1A; }
.section6 p a:hover, .section6 .stdPopup:hover { opacity: 0.5; }
.section6 #micrositeUTD { width: 46px; }

.section7 { padding-top: 150px; padding-bottom: 150px; margin-top: 150px; text-align: center; color: #ffffff; background-size: cover; background-position: center; background-repeat: no-repeat; }

.section8 { background-color: #F4F5FA; text-align: left; margin-bottom: 40px; }

.section8 .area1 { position: relative; width: 100%; max-width: 100%;margin-top: -80px; padding: 40px 100px 40px 0px; }
.section8 .area1::before { content: ""; position: absolute; top: 0; right: 40px; width: 100vw; height: 80px; background-color: #F4F5FA; z-index: 0; }
.section8 .area1::after { content: ""; position: absolute; top: 0; right: 0; width: 0; height: 0; border-bottom: 80px solid #F4F5FA; border-right: 40px solid transparent; z-index: 0; }
.section8 .area1 h1,.section8 .area1 h2 { position: relative; z-index: 1; }
.section8 .area1 h1 { color: #3F50A2; margin-bottom: 5px; }
.section8 .area2,.section8 .area3 { position: relative; width: calc( 100% - 100px ); max-width: 100%; }
.section8 .area2 .resumo { margin-bottom: 40px; }
.section8 .area2 .descicao1 p { margin-bottom: 0; }
.section8 .area3 { padding-top: 68px; padding-bottom: 40px;}
.section8 .area3 h4 { margin-bottom: 15px; }
.section8 .contactForm { width: 400px; max-width: 100%; }
/*Pré-Inscrição*/
#name2,#contact2,#subject2,#message2 { width: 100%; min-width: 100%;  max-width: 100%; height: 50px; border-radius: 0; border: none; margin-bottom: 10px; color: #1A1A1A; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; background-color: #EAECF5; }
#message2 { height: 120px; min-height: 140px; max-height: 140px; resize: none; }
#subject2,#message2 { display: none; }
#submitContact2 { width: 100%; height: 50px; background-color: #C3E013; margin: 0; }
#submitContact2:hover { background-color: #323232; }
#submitContact2 p { color: #2A3D98; text-transform: uppercase; }
#submitContact2:hover p { color: #ffffff; }
#checkForRealContact2 { color: #ffffff; }
#checkForRealContact2 .form-check { margin-bottom: 10px; }
#checkForRealContact2 .form-check label { font-size: 12px; line-height: 16px; color: #1A1A1A; }
#checkForRealContact2 .form-check label.stdPopup { font-weight: 700; }
/*Pré-Inscrição*/

.popup #contact0,.popup #friend0 { width: 100%; min-width: 100%;  max-width: 100%; height: 50px; border-radius: 0; border: none; margin-bottom: 10px; color: #1A1A1A; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; background-color: #EAECF5; }
.popup #submitContact0 { width: 100%; height: 50px; background-color: #C3E013; margin: 0; }
.popup #submitContact0:hover { background-color: #323232; }
.popup #submitContact0 p { color: #2A3D98; text-transform: uppercase; }
.popup #submitContact0:hover p { color: #ffffff; }
.popup #checkForRealContact0 { color: #ffffff; }
.popup #checkForRealContact0 .form-check { margin-bottom: 10px; }
.popup #checkForRealContact0 .form-check label { font-size: 12px; line-height: 16px; color: #1A1A1A; }
.popup #checkForRealContact0 .form-check label.stdPopup { font-weight: 700; }
.popup.popupInscricao .popupBox1 { width: 400px; }
.popup.popupInscricao .titulo3 { margin-bottom: 15px; }
.popup h1 { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
.popup h2,.popup h3 { font-size: 18px; line-height: 22px; margin-bottom: 15px; }
.popup h4,.popup h5,.popup h6 { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.popup{ background-color: rgba(42,61,152,0.3); }
.popup .popupBox1{ width: 800px; background-color: #F4F5FA; }


.section9 .area1 { position: relative; width: 100%;  margin-bottom: 40px; }
.section9 .area1 h1 { font-size: 20px; line-height: 24px; margin-bottom: 15px; }
.section9 .area1 h2,.section9 .area1 h3 { font-size: 18px; line-height: 22px; margin-bottom: 15px; }
.section9 .area1 h4,.section9 .area1 h5,.section9 .area1 h6 { font-size: 16px; line-height: 20px; margin-bottom: 15px; }
.section9 .area2 { position: relative; display: inline-block; margin-bottom: 40px; }
.section9 .area2::before,.section9 .area2::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #2A3D98; }
.section9 .area2::after { top: auto; bottom: 0; }
.section9 .area2 p,.section9 .area2 .shareButton { display: inline-block; vertical-align: middle; margin: 0; }
.section9 .area2 p { margin-right: 15px; }
.section9 .area2 .shareButton { position: relative; width: 40px; height: 40px; text-align: center; margin: 10px 2px; padding: 0; background-color: #2A3D98; border: 1px solid #2A3D98; border-radius: 50%; }
.section9 .area2 .shareButton:hover { border: 1px solid #C3E013; background-color: #C3E013; }
.section9 .area2 .shareButton i { color: #ffffff; font-size: 16px; line-height: 38px; margin: 0; padding: 0; }
.section9 .area2 .shareButton:hover i { color: #2A3D98; }
.section9 .area3 { position: relative; width: 100%; margin: 20px auto 120px auto; text-align: left; }
.section9 .area3 .areaTestemunho { width: 600px; max-width: 100%; margin: auto; }
.section9 .area3 h6 { color: #2A3D98; margin-bottom: 15px; text-align: center; }
.section9 .area3 p { margin-bottom: 0; }
.section9 .slickNav { position: relative; width: 80px; max-width: 100%; margin: 20px auto; pointer-events: none; }
.section9 .slickNav .slickControl { position: relative; width: 30px; height: 30px; text-align: center; background-color: #BFC5E0; pointer-events: auto; cursor: pointer; }
.section9 .slickNav .slickControl.slickLeft { float: left; }
.section9 .slickNav .slickControl.slickRight { float: right; }
.section9 .slickNav .slickControl:hover { background-color: #2A3D98; }
.section9 .slickNav .slickControl img { width: auto; height: 10px; margin-top: 7px; }






















/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .section5 .area1 h5 { text-align: center; }
    .section8 .area1 { padding: 40px 25px 40px 0px; }
    .section8 .area2,.section8 .area3 { width: calc( 100% - 25px ); }
}

@media only screen and (max-width : 1030px) {
    .section5 .area2 { padding: 80px 20px 100px 50px; }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .titulo1 { font-size: 30px; line-height: 36px; }
    .titulo2 { font-size: 22px; line-height: 26px; }
    .titulo3 { font-size: 18px; line-height: 22px; }
    
    .section1 { margin-top: 110px; }
    .section2 .area1 {  margin-top: 65px; margin-bottom: 65px; }
    .section2 .area2 {  margin-left: auto; margin-right: 0; }
    .section3 .areaFormativa .areaTexto .areaTexto1 { height: 92px; }
    .section3 .areaFormativa .areaTexto .areaTexto2 { height: 75px; margin-bottom: 23px; }
    .section3 .areaFormativa:hover .areaTexto .areaTexto2 { margin-bottom: 20px; }
    .section5 { text-align: center; }
    .section5 .area1 { margin-top: 80px; margin-bottom: 120px; }
    .section5 .area2 { padding: 80px 50px 80px 50px; text-align: center; }
    .section5 .area2::before { left: -50vw; width: 150vw; }
    .section5 .contactForm { margin: auto; margin-top: 15px; }
    .section7 { margin-top: 110px; }
    .section8 .area1 { padding: 40px 0px 40px 0px; margin-top: -50px; }
    .section8 .area2,.section8 .area3 { width: 100%; }
    .section8 .area3 { padding-top: 40px; }
    .section8 .area3 h4 { text-align: center; }
    .section8 .contactForm { margin-left: auto; margin-right: auto; }
    .section9 .area1 { margin-bottom: 60px; }
    .section9 .area2 { display: block; width: 100%; text-align: center; margin-bottom: 60px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .section2 .area2 { margin-top: 70px; margin-bottom: 110px; }
    .section2 .area2 .foto2 { top: -75px; left: 0px; }
    .section2 .area2 .foto3 { bottom: -110px; left: auto; right: 0; }
    .section6 .contactos { flex-direction:column; align-items: center; }
    .section6 .contactos p {margin: 10px 0;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
    .titulo1 { font-size: 26px; line-height: 32px; }
    .titulo2 { font-size: 20px; line-height: 24px; }
    .titulo3 { font-size: 16px; line-height: 20px; }
    
    .section3 .areaFormativa .areaTexto .areaTexto1 { height: 88px; }
    .section3 .areaFormativa .areaTexto .areaTexto2 { height: 75px; margin-bottom: 27px; }
    .section3 .areaFormativa:hover .areaTexto .areaTexto2 { margin-bottom: 20px; }
    .section4 .areaNewsletter { width: 300px; }
    .section4 #emailNewsletter { width: 100%; margin-bottom: 0; text-align: center; }
    .section4 #submitNewsletter { width: 100%; }
}

@media only screen and (max-width : 460px) {
    .section3 .areaFormativa:hover .imagemFormacao { height: 200px; }
    .section3 .areaFormativa .areaTexto .areaTexto1,.section3 .areaFormativa:hover .areaTexto .areaTexto1 { height: 88px; }
    .section3 .areaFormativa:hover .areaTexto .areaTexto1 h5 { margin-bottom: 5px; }
    .section3 .areaFormativa .areaTexto .areaTexto2,.section3 .areaFormativa:hover .areaTexto .areaTexto2 { height: 75px; margin-bottom: 28px; }
    
}