html { scroll-padding-top:30px; }

.griglia { display:grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); grid-auto-rows: 1fr; gap:52px 32px; max-width:100%; margin:30px auto; }
.card { display:flex; flex-direction:column; overflow:hidden; height:458px; }
.card-foto { width:100%; border-radius:4px; aspect-ratio: 16 / 9; object-fit:cover; display:block; flex-shrink:0; margin:10px 0 6px 0; }
.card-corpo { display:flex; flex-direction:column; flex:1; min-height:0; padding:0; }
.card-titolo { margin:6px 0; flex-shrink:0; }
.card-sottotitolo { font-size:14px; color:#665; line-height:1.35; margin:0 0 10px; flex-shrink:0; }
.card-sottotitolo:empty { display:none; }
.estratto-contenitore { flex:1; min-height:0; overflow:hidden; }
.estratto-contenitore { flex:1; min-height:0; overflow:hidden; }
.card-estratto { line-height:1.8em; }
.card-leggi { margin-top:8px; flex-shrink:0; background:#fff; }



body { scroll-behavior:smooth; font:14px 'Lora', sans-serif; margin:82px 0 0 0; padding:0; }

* { box-sizing:border-box; }

header { z-index:102; position:fixed; top:0; left:0; background:#277791; width:100%; height:70px; transition: height 0.3s ease; }
header.scrolled { height:38px; }



nav, .inner, .innerA, .innerF { margin:0 auto; max-width:964px; padding:0; }
.inner, .innerF { line-height:1.5em; }
.inner { display:flex; align-items:flex-start; }


a { text-decoration:none; color:#277791; }
.inner a:hover, .innerF a:hover, .innerF button:hover { color:#FF5722; }

a, button, label, .condividi img, #cond2 div, #Acond2 div, .cur, .condA, .chiudiX { cursor:pointer; }
button, .button, .button2 { background:#FF5722; border:0; border-radius:2px; padding:4px 8px; font:bold 12px 'Lato'; color:#fff; }
a.button { background:#DAECF8; border:0 solid #999; border-width: 0 1px 1px 0; color:#000; }

.logo { float:left; margin:10px 4px 0 36px; text-align:center; font:bold 26px 'Cinzel Decorative', sans-serif; transition:all 0.3s ease; }
.logo a { padding:0 3px; color:#FFF; }
header.scrolled .logo { margin-top:0; font-size:19px; }




.nl { float:right; margin:0; text-align:right; width:334px; }
.nl .nnll { float:right; max-width:320px; width:99%; margin:0 26px 0 0; color:#fff; }
.nl .txt { float:left; margin:18px 0 0 0; transition:all 0.3s ease; }
header.scrolled .nl .txt { margin:3px 0; }
.nl input { width:calc(100% - 124px); margin:13px -6px 1px 9px; padding:6px 5px; border:0; border-radius:2px; font-size:14px; color:#06C; transition:all 0.3s ease; }
header.scrolled .nl input { margin-top:1px; padding:2px 5px 3px 5px; }

.nl input::placeholder { color:#274A5E; opacity:.7; }
.nl button { border-radius:0 2px 2px 0; }
.nl button { padding:8px 8px 7px 8px; transition:all 0.3s ease; }
header.scrolled .nl button { padding:4px 8px 3px 8px; }

.condividi { position:relative; margin:6px 0 0 0; text-align:right; }
.condividi img, #Acond2 img { float:left; width:16px; margin:2px; border-radius:0; }
nav .condividi img#cond { width:24px; margin:10px -6px 0 0; transition:all 0.3s ease; }
header.scrolled nav .condividi img#cond { width:16px; margin:2px; }

.condividi img#cond { float:right; }
#condX, #AcondX { display:none; z-index:999; position:fixed; top:0; right:0; width:100%; height:100%; background-color:rgba(128, 128, 128, 0.5); }
#cond2, #Acond2 { z-index:9999; position:absolute; top:6px; width:122px; border:0 solid #BBB; border-width:1px 2px 3px 1px; border-radius:6px; background:#FFF; margin:0; padding:9px 0; }
#Acond2 { position:fixed; top:9%; left:50%; transform:translateX(-50%); }
#cond2 .condT, #Acond2 .condT { width:100%; margin:0; text-align:right; font-weight:bold; font-size:15px; }
#cond2 .condT img, #Acond2 .condT img { margin:-2px 7px 0 9px; }
#cond2 div, #Acond2 div { float:left; margin:7px 0; }
#cond2 img, #Acond2 img { margin:0 7px; border-radius:4px; }


nav ul { display:none; width:360px; border-radius:0 0 5px 5px; border:0 solid #aaa; border-width:0 2px 2px 2px; background:#fff; margin:17px 0 0 0;
         padding:9px 0; font:15px 'Lato', sans-serif; }
nav ul b { display:block; margin:0 0 4px 0; font-size:20px; }
nav ul li { display:table; width:99%; margin:1px; padding:9px 12px; }
nav ul li:hover > a { color:#888; }
nav ul li.alt { padding:14px; }
nav ul li.chiudi { display:block; position:absolute; top:0; right:0; margin:0; padding:2px; }
#Acond2 img.chiudiX, img.chiudiX { float:right; width:22px; height:22px; margin:0 0 0 7px; border-radius:2px; }
#Acond2 img.chiudiX { margin:-2px 7px 0 9px; }
#wnl img.chiudiX { display:none; }
#report img.chiudiX { margin:-20px -32px 0 0; }

nav a { color:#222; }
#nav + label { cursor:pointer; display:block; background:url('https://www.humantrainer.com/ht-psicologia/menu-psico.png'); background-size:32px 32px;
               position:absolute; z-index:100; top:4px; width:27px; height:32px; margin:16px 8px 0 -6px; transition:margin 0.3s ease; }
header.scrolled #nav + label { background-size:24px 24px; width:19px; height:24px; margin:6px 16px 0 0; }
#nav { display:none; }
#nav:checked ~ ul { display:block; z-index:9999; position:absolute; top:52px; transition:all 0.3s ease; }
header.scrolled #nav:checked ~ ul { top:20px; }
.nav-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99; background-color:rgba(128, 128, 128, 0.5); cursor:pointer; }
#nav:checked ~ .nav-overlay { display:block; }
label div { width:30px; height:30px; }
#nav:checked ~ label div { margin:6px 0 0 34%; }
.barra { font-size:.7em; color:#888; margin:8px 0; }


h1 { margin:16px 0 0 0; font:bold 28px 'Lato', sans-serif; }
.inner4 h1 { font-size:34px; }
h2 { margin:9px 0; font:24px 'Lato', sans-serif; color:#277791; }
h3 { font:18px 'Lato', sans-serif; }
h4 { margin:28px 0 0 0; font:bold 18px 'Lato', sans-serif; }
h4 a { font-size:21px; color:#000; }
h5, dt b { font:bold 25px 'Lato', sans-serif; margin:38px 0 0 0; }
h6, dt { font:bold 22px 'Lato', sans-serif; margin:32px 0 8px 0; }
dt i { font:italic 15px 'Lato', sans-serif; }
.mtop { margin:9px 0 14px 0; }

p { margin:9px 0 0 0; padding:0; }
p + p { margin:24px 0 9px 0; }
p.bbb { margin:24px 0; }
.inner4 p, .inner4 ul, .inner4 ol, dd, blockquote { font-size:17px; line-height:1.6; }
.inner4 h5, .inner4 h6, .inner4 p, .inner4 ul, .inner4 ol { max-width:630px; }
.inner4 .sml { font-size:1em; }
.inner4 .MMM { margin:0 0 21px 0; text-transform:uppercase; font:10px 'Lato'; }
.inner4 .MMM a::after { content:" /"; padding:0 5px; color:#277791; }
ul, ol { margin:4px 0 24px 10px; padding:0 6px; }
ul ul, ol ol, ul ol, ol ul { margin:4px 0 4px 10px; padding:0 4px; }
ol { margin-left:24px; }
ul li, ol li { margin:0 0 4px 0; padding:2px 0; }
ul.large li, ol.large li { padding:6px 0 8px 0; }
ul.mid li, ol.mid li { padding:3px 0 4px 0; }
big { font-size:1.2em; }
.inner2 big { font-family:'Lato'; color:#057; }
p + ul { margin-top:0px; }
.img_dx, .img_sx { float:right; border-radius:2px; margin:9px 4px 9px 9px; }
.img_sx { float:left; margin:9px 9px 9px 4px; }
.evidenziato { margin:26px 0; padding:6px 14px; border:1px solid #ddb; border-radius:3px; background:#fef9df; text-align:center; }
.evidenziato h6 { margin:12px 0 18px 0; font-size:1.3em; }
.evidenziato p { margin:12px 0; text-align:left; }
.evidenziato ul, .evidenziato ol { margin:12px 14px; text-align:left; }
iframe { width:100%; border-radius:3px; aspect-ratio: 16 / 9; margin:16px 0 0 0; }


p.minus { margin:9px 0; font-size:1.1em; }
ol.minus, ul.minus { font-size:1em; }
sup { padding:0 2px; font-weight:bold; font-size:.7em; font-style:italic; color:#F52; }
blockquote, cite { font-style:italic; color:#554D59; }
blockquote { margin:9px 0 24px 0; }
.space { margin:7px 0; padding:7px 0; }
.spacex { clear:both; width:99% !important; margin:1px 0 !important; padding:1px 0 !important; }
.minus .space { margin:3px 0; padding:3px 0; }

dd { margin:9px 0 0 0; padding:0; }
.img_cx { display:block; border-radius:2px; margin:0 auto; max-width:99%; }
.intervista-doppia { margin-bottom:16px; }
.blu { font-weight:bold; color:#274A5E; }
.grafico-psicologia { text-align:center; }
.grafico-psicologia img { max-width:100%; }


.table-responsive, .bb_R { display:flex; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.bb_R { clear:both; gap:20px; margin:38px 0; padding:30px 0 9px 0; }
.bb_R::-webkit-scrollbar { display:none; }
.bb_R::before { position:absolute; content:'In evidenza'; margin:-26px 0 0 14px; font:.75em 'Lato'; text-transform:uppercase; letter-spacing:1px; }
.bb_R a { flex:0 0 auto; }
.bb_R img { height:180px; width:auto; border-radius:6px; display:block; }

.table-responsive, .bb_R { scrollbar-width:thin; scrollbar-color:#ddf #eee; }
.table-responsive::-webkit-scrollbar, .bb_R::-webkit-scrollbar { height:4px; }
.table-responsive::-webkit-scrollbar-track, .bb_R::-webkit-scrollbar-track { background:transparent; }
.table-responsive::-webkit-scrollbar-thumb, .bb_R::-webkit-scrollbar-thumb { background-color:#ddf; border-radius:3px; }
.table-responsive::-webkit-scrollbar-thumb:hover, .bb_R::-webkit-scrollbar-thumb:hover { background-color:#bbd; }

.table-responsive table { max-width:100%; min-width:540px; border:1px solid #777; border-radius:3px; margin:9px 0; padding:0; }
.table-responsive table td { border:1px solid #CCC; margin:0; padding:3px 6px; }
.inner4 table ul, .inner4 table ol { font:14px 'Lora', sans-serif; margin:4px 0 4px 10px; }

div.biblio img { max-width:100%; }

dl dd h6 { font-size:21px; margin:26px 0 3px 0; }
dl dd h6::before { content:"\279B"; padding:0 6px 0 0; }






dl dd h3 { border:16px solid red; }




.home { border:16px solid red; }
ul.zero_sx, ol.zero_sx { border:16px solid red; }
ul.zero_dx, ol.zero_dx { border:16px solid red; }
ul.zero_sx li, ul.zero_dx li, ol.zero_sx li, ol.zero_dx li { border:16px solid red; }
.no { border:16px solid red; }
.no2 { border:16px solid red; }
.no_big { border:16px solid red; }
.psy-font { border:16px solid red; }
.psy-font b { border:16px solid red; }
.icone { border:16px solid red; }
.icone2 { border:16px solid red; }
div.yellow { border:16px solid red; }
p.yellow { border:16px solid red; }
p.gray { border:16px solid red; }
.gry { border:16px solid red; }
div.foxy { border:16px solid red; }








.bachecahp { margin:58px auto 28px auto; max-width:826px; font-size:1.1em; font-family:'Lato'; }
.bachecahp a { color:#000; }
.inner4 .bachecahp { margin:16px 0 28px 0; }
.bachecahp div { padding:3px 5px; }
.llp { clear:both; }
.titbk { margin:4px; text-align:center; font:bold 18px 'Lora', sans-serif; color:#FD5722; }
.inner4 .titbk { display:inline; float:left; margin-top:2px; padding:0 6px 0 0; }
.bachecahp .evid .bac1 { background:#FCF496; }
.bachecahp div .bac1 { float:left; display:inline-block; width:148px; margin:-2px 8px 4px 0; padding:6px 8px; background:#EEE; border:0;
                       border-radius:2px; text-align:left; font:bold .8em 'Lato'; color:#000; }
.bachecahp div .bacDD { float:left; width:77px; padding:0; text-align:right; font-size:.9em; }
.bachecahp div b.red { float:left; padding:0 0 0 3px; }
.red { color:#FF5722; }
.tronc, .tronc2 { float:left; vertical-align:bottom; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tronc { max-width:min(562px, calc(100% - 254px)); margin-left:9px; }
.inner4 .tronc { max-width:298px; margin-left:8px; }
.tronc2 { max-width:96%; font-family:'Lato'; }
.tronc::before { content: '"'; }

.bachecahp .bacheca_but { margin:9px 0; padding:9px 0 24px 0; border-bottom:1px solid #AAA; text-align:center; }
.inner4 .bachecahp .bacheca_but { margin:7px 0; }
.bacheca_but button { padding:4px 12px 5px 12px; font-size:1em; }
.bacheca_but i { font-size:.95em; }
.bachecahp .bacheca_but button.insAA { margin-left:28px; background:#fff; color:#FF5722; border:1px solid #F52; }
.bachecahp .bacheca_but button.insAA::before { content:"Inserisci un annuncio"; }
.bachecahp .bacheca_but i.scriv::after { content:" messaggi inviati ad oggi"; }
.bak1::before { content:"Lavoro Offro "; }
.bak2::before { content:"Collaborazione Offro "; }
.bak3::before { content:"Collaborazione Cerco "; }
.bak4::before { content:"Affitto Cerco "; }
.bak5::before { content:"Affitto Offro "; }
.bak6::before { content:"Tirocinio/Stage Cerco "; }
.bak7::before { content:"Tirocinio/Stage Offro "; }
.bak8::before { content:"Concorsi "; }





.inner2 { width:100%; }
.bb_HP { float:left; width:286px; height:436px; margin:24px 32px 24px 0; padding:0; vertical-align:bottom; position:relative; }
.bb_HP::before { content:'In evidenza'; display:block; position:absolute; top:-24px; left:4px; width:100%; font:.75em 'Lato'; text-transform:uppercase; letter-spacing:1px; }
.bb_HP .uno, .bb_HP .due { aspect-ratio: 43 / 32; position:absolute; width:100%; margin:0; border-radius:6px; }
.bb_HP .uno { top:0; margin:0 0 12px 0; }
.bb_HP .due { bottom:0; }
.card h4, .card h6 { margin:9px 0 4px 0; line-height:1.45em; }
.datadx { float:right; width:115px; margin:0; text-align:right; color:#222; font-size:.85em; }
.gradient { position:relative; background:linear-gradient(to bottom,rgba(255,255,255,.3) 0,#fff 100%); width:100%; height:34px; margin:-30px 0 0 0; }
.card i { margin:6px 0 0 0; }
.card ul { margin:0; padding:0; list-style-type:none; }
.card ul li { clear:both; margin:0; padding:0; }
.card ul li::before { float:left; content:""; display:inline-block; width:8px; height:8px; background-color:#277791; margin:8px 6px 4px 0; }
.card .etik { padding:2px 0; font:.75em 'Lato'; text-transform:uppercase; letter-spacing:1px; }
.card .etta1, .card .etta2, .card .etta3 {  }
.card .etta4 { color:#f70; }
.card .etta1::before { content:"Studi Internazionali"; }
.card .etta2::before { content:"Attualità"; }
.card .etta3::before { content:"Articolo HT"; }
.card .etta4::before { content:"Psicologia-Psicoterapia.it"; }
.parladi { margin-bottom:4px; font-weight:bold; }
.card b.tronc2 { width:92%; font:13.5px 'Lato'; line-height:1.8em; }





.innerAll { clear:both; width:100%; background:#95B8C4; margin:54px 0 64px 0; padding:4px 0; }
.innerA { width:100%; display:flex; align-items:center; }
.innerB { width:calc(99% - 9px); overflow:hidden; position:relative; margin:16px 0; }
.innerC { margin:0; display:flex; overflow-x:hidden; scroll-behavior:smooth; transition:transform 0.4s ease; }
.boxAll { position:relative; width:296px; height:376px; flex:0 0 auto; margin:0 28px 0 0; border-radius:6px; padding:20px 18px 6px 18px;
          background:#fff; background-repeat:no-repeat; background-position:19px 115px; background-size:258px 243px; }
.boxAll h6, .boxAll h4 { margin:9px 0; }
.boxAll h4 { text-transform:uppercase; color:#F50; }
.boxAll h6 { font-size:1.2em; }
.boxAll a.button2 { position:absolute; width:160px; bottom:46px; left:calc(50% - 80px); border:6px solid #FFF; border-radius:18px; padding:8px; font-size:1em; text-align:center; }
.controls button { font-size:2.2em; background:#95B8C4; border:0; padding:50px 8px; }
.controls button:disabled { opacity:0.4; cursor:not-allowed; }


.inner3 { position:sticky; top:76px; float:left; width:230px; margin:0 60px 0 0; padding:0 0px 90px 0; z-index:6; }
.nlc { width:100%; margin:0; border-radius:3px; background:#D3E9EF; text-align:center; }
.nlc_tit { margin:0 0 9px 0; padding:6px 0 5px 0; border-radius:3px 3px 0 0; background:#274A5E; }
.nlc_tit::before { content: 'Corsi online gratuiti'; font-weight:bold; font-size:1.05em; color:#FFF; }
.nlc_tit button { display:none; float:right; }
#nlc_ok { width:70%; margin:10px 0; border-width:1px; border-radius:2px; padding:3px 8px; }
#force { display:none; z-index:99; position:absolute; top:330px; right:-96px; background:#000; color:#fff; padding:9px 18px; border:3px solid #FFF; border-radius:8px; }
.nlc_lab button { width:100px; margin:0 0 20px 0; font-weight:bold; }
.var1, .var2, .var3 { display:table; float:left; margin:0 0 0 9%; padding:5px 0; font:1em 'Lato'; }
.var2 { font-weight:bold; color:#274A5E; }
.var3 { width:99%; margin:0 0 0 11%; text-align:left; }
.var1 input, .var2 input, .var3 input { margin-right:6px; }
#wnl { border:0 solid #DEE; }

#report, #ombra, #visSN { position:fixed; inset:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.4); z-index:9999; opacity:0;
          pointer-events:none; transition:opacity .3s ease; color:#fff; font-size:18px; line-height:1.5em; }
#report.active, #ombra, #visSN { opacity:1; pointer-events:auto; }
#report > div, #visSN .form { background:#222; padding:26px 36px; border-radius:8px; max-width:80%; text-align:center; }
#visSN { display:none; }
#visSN .form { position:relative; z-index:10000; padding:9px; overflow-y:auto; max-height:80%; }
#report b { font-size:1.1em; }
#visSN .form .var1, #visSN .form .var3 { bor_der:1px solid red; margin:0 1%; }
#visSN .form .var1 { width:48%; }
#visSN .form .var1 input, #visSN .form .var1 select, #visSN .form textarea { width:99%; margin:3px 0 8px 0; padding:3px 5px; font-size:16px; color:#274A5E; }
#visSN .form textarea { width:98%; height:200px; margin:8px 0; }
#visSN .form p, #visSN .form ul { text-align:left; line-height:1.5; font-size:.85em; }







.flash {  }




.pbak { margin:0 0 32px 0; }
h4.cur, h4.scaduto { margin-top:20px; color:#F52; }
.yell { margin:24px 0 0 -12px; padding:14px 6px 0 12px; background-color:#FFD; border-radius:14px; }
.yell h4 { margin-top:0; }





.inner4 { float:right; width:674px; }
.img_pag_art { margin:24px 0 0 0; border-radius:3px; width:664px; height:335px; }
img.img_pag_art + p { margin-top:36px; }

.biblio, .comm { display:none; }
.biblio { font-size:1.1em !important; }
.biblioX, .commX { cursor:pointer; position:relative; }
.biblioX::after, .commX::after { content:" [+]"; font-weight:normal; font-size:0.9em; color:#555; }
.biblioX.open::after, .commX.open::after { content:" [-]"; }




.corsi, .corsi2 { display:table; width:100%; border:3px solid #CDE; border-radius:9px; margin:26px 0; padding:9px; font-size:17px; line-height:1.4; }
.corsi2 p { margin:0; }
.corsi img { width:180px; max-width:36%; float:left; margin:0 9px 0 0; border-radius:9px; }
.big, .big2, .lato { font-size:0.95em; font-family:'Lato', sans-serif; }
.lato b, .big2 { font-size:1.05em; }
.big { font-size:1.15em; line-height:1.2; }
.corsi2 a b.big, .corsi a.big b { color:#2B2B2B; }
.corsi2 a b.big:hover, .corsi a.big b:hover { color:#FF5722; }
.corsi2 span.big2, .corsi div.big2 { color:#277791; }
.corsi ul { display:table; margin:4px 0 0 0; padding:2px 0 0 0; }
.corsi ul li { margin:0 0 0 20px; padding:0; }
.new::before { content:"News"; background:green; border-radius:8px; margin:0 5px 0 -20px; padding:1px 6px; font-weight:bold; color:#FFF; }
.black { color:#000; }
.autorix { height:68px; margin:4px 0; }
.autorix p { padding:8px 0 0 0; }
.fotina, .fotina2, .fotina3 { float:left; max-width:48px; max-height:60px; border-radius:5px; border:1px solid #AAA; margin:4px 9px 6px 0; }
.fotina2 { max-width:62px; max-height:78px; margin:0 9px 0 0; }
.fotina3 { max-width:40%; max-height:none; }
.iscr { width:98px; border-width:3px; padding:6px; margin:16px 0; font-size:14px; }
.izioni { display:none; }
.block { display:inline-table; border:0 solid #999; border-width:0 1px 1px 0; border-radius:9px; background:#DAECF8; margin:15px 9px 0 0; padding:2px 12px; font:bold 16px 'Lato'; color:#000; }
.block + h6 { margin-top:48px; }






#baseF, #baseF2 { display:none; position:fixed; z-index:12; inset:0; text-align:center; }
#sfondo { position:fixed; inset:0; background-color:rgba(128, 128, 128, 0.5); z-index:98; }
#finestra, #finestra2 { position:fixed; top:11%; z-index:99; left:50%; transform:translateX(-50%); margin:0; width:440px; background:#FFF; border:0 solid #888; border-width:1px 2px 2px 1px; border-radius:3px; padding:14px; }
#finestra h5, #finestra2 h5 { margin-top:0; }
h5#titolo img { width:24px; border-radius:4px; margin:0 9px -4px 0; }
#finestra input, #finestra textarea, #finestra2 input, #finestra2 textarea { width:99%; border-radius:6px; font-size:14px; margin:8px 0; border-width:1px; padding:3px 8px; font-family:'Lato', sans-serif; }
#finestra input { margin-right:4px; }
#finestra textarea, #finestra2 textarea { height:100px; }
button.go { margin:8px 0 0 0; width:50%; padding:3px; font-size:14px; }
#finestra.form { position:fixed; top:76px; left:50%; transform:translateX(-50%); width:80%; max-width:800px; max-height:calc(100vh - 84px); border-radius:3px; overflow:hidden; margin:0; padding:0; }
#finestra.form .radius { max-height:calc(100vh - 84px); overflow-y:auto; padding:14px; }
#baseF .form .var1, #baseF .form .var3, #baseF2 .form .var1, #baseF2 .form .var3 { float:left; margin:0 1%; }
#baseF .form .var1, #baseF2 .form .var1 { width:48%; }
#baseF .form .var1 input, #baseF .form .var1 select, #baseF .form textarea, #baseF2 .form .var1 input, #baseF2 .form .var1 select, #baseF2 .form textarea
       { width:99%; margin:3px 0 8px 0; padding:3px 5px; font-size:16px; color:#274A5E; }
#baseF .form .var3 input, #baseF2 .form .var3 input { width:auto; }
#baseF .form textarea, #baseF2 .form textarea { width:98%; height:140px; margin:8px 0; }
#baseF .form p, #baseF .form ul, #baseF2 .form p, #baseF2 .form ul { text-align:left; line-height:1.5; font-size:.85em; }
.riga { display:flex; align-items:center; gap:4px; justify-content:center; }
.riga input { width:14px !important; }




form.flavreg { display:table; position:relative; width:100%; clear:both; margin:14px 0 0 0; }
.lavaff, .regcit, .lavreg { float:left; width:43%; padding:7px 0 7px 36px; font-size:16px; }
button.lavreg { border-radius:8px; }
.lavaff, .regcit { border:1px solid #274A5E; border-radius:8px; margin:2px 5px 0 0; background-color:#FFF; background-size:28px;
                   background-position:4px; background-repeat:no-repeat; color:#274A5E; overflow:hidden; }
.lavreg { width:12%; padding:9px 0; }
.lavaff, .lavaff2 { background-image:url('https://www.humantrainer.com/ht-psicologia/annunci-psicologia.png'); }
.regcit, .regione { background-image:url('https://www.humantrainer.com/ht-psicologia/annunci-geo-psico.png'); }

.boxa { display:table; text-align:center; }
.boxa div { float:left; width:31%; margin:1% 1% 4% 1%; padding:50px 2px 2px 2px; border:2px solid #FFF; background-size:40px; background-position:50% 5px;
            background-repeat:no-repeat; color:#245; }
.boxa div.spacex { padding:9px; border:0;}
.boxa a div:hover { border-color:#274A5E; border-radius:3px; }
.boxa h4 { margin:38px 0 9px 0; }
.lavoro { background-image:url('https://www.humantrainer.com/ht-psicologia/annunci-lavoro-psico.png'); }
.affitto { background-image:url('https://www.humantrainer.com/ht-psicologia/annunci-affitto-psico.png'); }
.boxa button { border:1px solid #F52; width:99px; margin:0 9px; padding:5px; font-size:14px; }
.boxa button.bb22 { background:#fff; color:#F52; }
p .lavoro, p .affitto, p .regione { padding:0 0 0 26px; background-repeat:no-repeat; background-size:18px; background-position:0 3px; }

#chosen { position:absolute; top:50px; left:0; z-index:5; width:99%; max-height:60vh; overflow-y:auto; background:#FFF; padding:8px 4px; }
#chosen:not(:empty) { box-shadow:0 15px 15px rgba(0, 0, 0, 0.3); border-radius:9px; }
#chosen div { margin:6px 0 0 0; background-size:28px; background-position:4px; background-repeat:no-repeat; padding:6px 0 6px 44px; }
#chosen div.citta, #chosen div.citta div { margin:0; padding:0 0 2px 34px; }
.apri { float:right; }
.blk { background:#000; border:4px solid #FFF; position:sticky; top:0; z-index:10; }

.commento { margin:10px 0 0 0; }
.commleft { float:left; margin:-4px 0 0 -4px; min-width:50px; text-align:center; font:bold 28px Lora; color:#222; }
.commtesto { overflow:hidden; }
.commtop, .fine { overflow:hidden; margin:2px 0; padding:3px 6px; background:#EEE; }
.fine { text-align:right; }



.annone { display:none; }
ul.annone { margin-bottom:26px; }
.annone div { margin:14px 0 38px 0; }
.annone button { width:140px; margin:-6px 24px 0 0; padding:3px; font-size:1.2em; color:#FFF; }
.annone button.wacolor { background:#49A93E; }
.butx { float:right; width:20px !important; margin:2px !important; padding:0 0 1px 0 !important; color:#F52; }
.annone .butx { font-size:12px; }
.tab { display:table; width:100%; max-width:100% !important; }
button.tmp { margin:-22px 6px 24px 80% !important; }
.petit { font-size:1.1em !important; margin:-4px 0 24px 2px; }
.petit li { list-style-type:none; position:relative; padding-left:1.1em; }
.petit li::before { content: '•'; color:#888; font-size:1.2em; position:absolute; left:0; line-height:1.15; }
.petit li.liarancio::before { color:#F52; }
.annone .condA { display:table; background:#277791 url('https://www.humantrainer.com/ht-psicologia/condividi.gif') no-repeat 9px 2px / 16px;
       border-radius:4px; margin:9px 0 18px 0; padding:4px 14px 4px 34px; font-weight:bold; color:#FFF; }
.AnnAtt, div.AnnAtt a { font-size:.9em; color:#000; }
.AnnAtt::before { content:" - "; }
.scaduto { color:#888 !important; }
.h62 { margin-top:48px; }
.evi { background:#FEF9DF; }
.evi, .evi a { color:#000; }
ul li.evi { margin-left:-22px; list-style-position:inside; padding-left:6px; border-radius:4px; }



#footer { clear:both; display:table; width:100%; margin:44px 0 0 0; padding:12px 0 14px; background:#E2E7E9; text-align:center; font:.9em 'Lato'; }
#footer big { display:block; margin:0 0 3px 0; font-weight:bold; font-size:1.25em; }
#footer a, #footer button { display:inline-block; margin:0 9px 0 0; }
.foot1, .foot2 { padding:9px; }
.foot1 a { color:#000; }
.trst { border:0; background-color:transparent; padding:0; color:#277791; }











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

   .griglia { grid-template-columns: repeat(2, 1fr); gap:32px; }
   .card, .bb_HP { height:auto; aspect-ratio: 18 / 23; margin:12px 16px 20px 0; }

   body { padding:0 0 30px 0; }
   header { padding:0 14px; }
   .inner, .innerF { margin-left:14px; }
   .bb_HP { width:96%; }
   .bb_HP .uno, .bb_HP .due { width:98%; aspect-ratio: 57 / 36; margin:0 auto; }
   .bb_HP::before { display:none; }

   .inner3 { margin:0; }
   .inner4 { float:none; width:calc(100% - 14px); }
   .inner4 .bachecahp { max-width:100%; }
   .inner4 .tronc { max-width:calc(100% - 370px); }
   .inner4 h5, .inner4 h6, .inner4 p, .inner4 ul, .inner4 ol { max-width:99%; }
   .inner4 p, .inner4 ul, .inner4 ol, dd, blockquote, .corsi, .corsi2 { font-size:18px; line-height:1.5; }
   .img_pag_art { width:100%; height:auto; aspect-ratio:664 / 335; }
   .inner3 { z-index:102; width:0; }

   .nlc { float:none; z-index:901; position:fixed; bottom:0; left:0; width:100%; height:30px; margin:0; background:#277791; border-radius:0; }
   .nlc_tit { background:#277791; width:142px; margin:0 auto; }
   .nlc_tit::before { content: 'Corsi Gratis'; }
   .nlc_tit button { display:inline-block; }
   .nlc_lab { display:none; }
   #wnl_txt { width:calc(99% - 30px); padding:2px 4px; }
   .var1 .tEM::before { content:'Corso '; }
   #wnl_txt::before { font:bold 16px 'Lora'; content:'Risorse gratuite:'; }

   #wnl.topnl { display:flex; position:fixed; flex-wrap:wrap; bottom:4px; left:50%; transform:translateX(-50%); z-index:2147483647; isolation:isolate;
                max-height:80vh; overflow-y:auto; width:330px; background:#E2E7E9; border:0 solid #277791; border-width:1px 2px 2px 1px; border-radius:3px;
                padding:4px; text-align:left; }
   #wnl.topnl label { width:220px; margin:1px -1px; }
   #wnl.topnl label.var3 { margin-left:3px; }
   #wnl.topnl #nlc_ok { max-width:240px; }
   #wnl.topnl button { width:72px; margin:10px 0 10px 10px; }
   #wnl img.chiudiX { display:block; }
   .izioni { display:block; position:fixed; bottom:40px; right:20px; z-index:900; margin:0; }
    }



@media screen and (max-width:860px) {
   .card, .bb_HP { aspect-ratio: 18 / 24; }
   .bb_HP .uno, .bb_HP .due { width:99%; aspect-ratio: 29 / 19; }
    }


@media screen and (max-width:750px) {
   .card, .bb_HP { aspect-ratio: 16 / 23; }
   .bb_HP .uno, .bb_HP .due { width:100%; aspect-ratio: 29 / 20; }
    }


@media screen and (max-width:700px) {
   .nl { width:250px; }
   .card, .bb_HP { aspect-ratio: 16 / 24; }
   .datadx { width:84px; }
   .datadx span { display:none; }
   .bb_HP .uno, .bb_HP .due { aspect-ratio: 29 / 21; }
    }


@media screen and (max-width:650px) {
   .card, .bb_HP { aspect-ratio: 16 / 27; }
   .bb_HP .uno, .bb_HP .due { aspect-ratio: 28 / 23; }
   
   .logo { margin:10px -30px 0 0; width:100%; }
   .nl { float:none; z-index:99; position:fixed; bottom:0; right:0; background:#277791; width:100%; height:40px; }
   .nl .nnll { width:92%; margin:8px auto; float:none; }
   .nl .txt { margin:3px 0; }
   .nl input { margin:1px -6px 1px 9px; padding:2px 5px 3px 5px; }
   .nl button { padding:4px 8px; }
    }











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

   .griglia { grid-template-columns:1fr; grid-auto-rows:auto; align-items:start; }
   
   body { position:relative; }
   nav ul { position:absolute; left:5px; width:calc(100% - 10px); }
   .nlc_tit { width:230px; }
   .nlc_tit::before { content: 'Corsi Gratis & Newsletter'; }

   .inner4 .titbk { display:block; float:none; }
   .bachecahp .bacheca_but button.insAA::before { content:"Ins. Annuncio"; }
   .bachecahp .bacheca_but i.scriv::after { content:" messaggi inviati"; }
   .bachecahp .bacheca_but { display:table; width:100%; padding:3px 14px; }
   .bachecahp .bacheca_but button.insAA { float:right; margin:0; }
   .bachecahp .bacheca_but i.scriv { float:left; margin:0; }
   .inner4 .tronc { max-width:calc(100% - 138px); }

   .inner, .innerF { margin-right:14px; }
   .inner4 { width:100%; }
   .img_pag_art { width:calc(100% + 28px); margin:24px -14px 0 -14px; border-radius:0; }
   .card { width:100%; aspect-ratio:auto; font-size:1.2em; }
   .card h4 { margin-top:12px; }
   .card h4 a { line-height:1.5em; font-size:1.4em; }
   .gradient { display:none; }
   .datadx { width:110px; }

   .bb_HP { aspect-ratio: 3 / 1; max-height:140px; margin:16px -6px; width:calc(100% + 12px); height:auto !important; }
   .bb_HP .uno, .bb_HP .due { position:relative; width:49%; aspect-ratio: 29 / 20; margin:0; padding:0; }
   .bb_HP .due { float:right; }
   .bb_R img { height:160px; }

   .bachecahp div .bac1, .inner4 .bachecahp div .bac1 { width:108px; margin-right:3px; }
   .bak1::before { content:"Lavoro "; }
   .bak2::before, .bak3::before { content:"Collaborazione "; }
   .bak6::before, .bak7::before { content:"Tirocinio/Stage "; }
   .bachecahp div .bacDD span { display:none; }
   .bachecahp div .bacDD { width:9px; }
   .tronc { max-width:min(542px, calc(100% - 140px)); margin-left:17px; font-style:italic; }
   div.evid .tronc { margin-left:9px; }
   .parladi { margin-top:9px; }
   .card b.tronc2 { font-size:1em; }
   .card ul li::before { width:9px; height:9px; margin-top:11px; }
   
   .lavaff, .regcit, .lavreg { height:36px; font-size:14px; }
   .lavaff, .regcit { height:34px; width:calc(50% - 40px); margin:2px 3px 0 0; }
   .lavreg { height:37px; width:66px; }

   #finestra.form { width:94%; }

    }











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

   .img_dx, .img_sx, .img_cx { float:none; width:80%; margin:9px 9%; }
   
   #finestra, #finestra2 { width:80%; }
   #baseF .form .var1, #baseF2 .form .var1 { width:99%; }
   
   .lavaff, .regcit, .lavreg { width:80%; margin:3px 10%; }
   .lavreg { border:0 solid #f52; border-width:0 1px; font-size:17px; }
   #chosen { top:122px; }
   .annone button { width:120px; margin:-6px 14px 0 0; }
   .AnnAtt { display:block; }
   .AnnAtt::before { content:""; }
   
    }













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

   .boxAll { width:237px; height:301px; margin:0 20px 0 0; padding-top:9px; background-position:15px 114px; background-size:206px 170px; }

   .img_dx, .img_sx, .img_cx { width:calc(100% + 28px); margin:9px -14px; border-radius:0; }
   
   #wnl.topnl { min-width:300px; width:94%; }
   #wnl.topnl #nlc_ok { max-width:200px; }

   .lavaff, .regcit, .lavreg { width:100%; margin:2px 0; }
   .annone button { width:110px; margin:-6px 9px 0 0; }

    }






















@font-face {
  font-family:'Lato';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Regular.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Regular.woff') format('woff');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face {
  font-family:'Lato';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Bold.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Bold.woff') format('woff');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face {
  font-family:'Lato';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Italic.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-Italic.woff') format('woff');
  font-weight:400; font-style:italic; font-display:swap;
}
@font-face {
  font-family:'Lato';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-BoldItalic.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lato-BoldItalic.woff') format('woff');
  font-weight:700; font-style:italic; font-display:swap;
}

@font-face {
  font-family:'Lora';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Regular.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Regular.woff') format('woff');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face {
  font-family:'Lora';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Bold.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Bold.woff') format('woff');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face {
  font-family:'Lora';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Italic.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-Italic.woff') format('woff');
  font-weight:400; font-style:italic; font-display:swap;
}
@font-face {
  font-family:'Lora';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-BoldItalic.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/Lora-BoldItalic.woff') format('woff');
  font-weight:700; font-style:italic; font-display:swap;
}

@font-face {
  font-family:'Cinzel Decorative';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/CinzelDecorative-Regular.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/CinzelDecorative-Regular.woff') format('woff');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face {
  font-family:'Cinzel Decorative';
  src: url('https://www.humantrainer.com/ht-psicologia/fonts/CinzelDecorative-Bold.woff2') format('woff2'),
       url('https://www.humantrainer.com/ht-psicologia/fonts/CinzelDecorative-Bold.woff') format('woff');
  font-weight:700; font-style:normal; font-display:swap;
}