body { scroll-behavior:smooth; font:15px Verdana; margin:0; padding:0; }

* { box-sizing:border-box; }

header { z-index:102; position:fixed; top:0; left:0; background:#277791; width:100%; height:38px; }
#up { margin:9px; padding:12px; }

nav, .inner { margin:0 auto; max-width:926px; padding:4px 0; }
.inner { line-height:1.5em; }
.small { line-height:1.3em; font-size:.9em; }


a { text-decoration:none; color:#168; }
.inner a:hover { color:#f70; }
a.button, .start, .prox { display:block; width:300px; border-width: 0 1px 1px 0; border-radius:6px; background:#55962b; margin:0 0 30px 0; padding:4px 9px; text-align:center; text-transform:uppercase; font:bold 1.05em Arial; letter-spacing:1px; color:#FFF; }
.riquadro:hover a.button, a.button:hover, .start:hover { border-color:#371; background:#371; color:#FFF; }
.center { margin:0 auto; }
.riquadro a.button, .prox { width:100%; margin:6px 0 0 0; }
.prox { border-color:#EBDC50; background:#FDF49D; color:#4F3D17; }

a, button, .button, label div, .freSX, .freDX, .prenone, .none, .none2, .ord { cursor:pointer; }
button:disabled { opacity:0; }
a.button2, .button2 { background:#F70; border-width: 0 1px 1px 0; }
a.button2:hover, .button2:hover { background:#D50; }
.ord, .ordsel { display:inline-block; width:74px; border:1px solid #999; border-radius:5px; padding:2px 0; font:1em Arial; }
#orme { width:60px; }
#orno { width:36px; }
.ord:hover, .ordsel { border-color:#04A; background:#F4F9FA; font-weight:bold; color:#04A; }

.logo { float:left; width:140px; margin:4px 0 0 40px; font:bold 17px trebuchet ms; }
.logo a, .accedi { padding:8px 44px 8px 6px; color:#FFF; }
.accedi { float:right; border:1px solid #fff; border-radius:6px; background:#0000; margin:0 22px 0 0; padding:4px 8px; font-size:.85em; }

nav ul { display:none; border-radius:0 0 15px 15px; border:0 solid #aaa; border-width:0 2px 2px 2px; margin:14px 0 0 0; box-shadow:4px 13px 16px 2px #8AC; background:#fff; padding:0; }
nav ul li { display:table; width:99%; margin:1px; padding:8px 12px; }
nav ul li:hover { background:#f3f3f3; }
nav ul li:hover > a { color:#000; }
nav img { width:50px; float:left; margin:-1px 12px 0 0; border-radius:99px; }
nav a { color:#444; }
nav ul li b { color:#000; font:bold 1.2em Arial; }
nav ul li.utente b { color:#F70; }
nav ul li.utente { padding:8px 12px 8px 73px; }
nav ul li.nl b { color:#FFF; }
nav ul li.nl { width:348px; border-radius:0 0 15px 15px; background:#277791; margin:9px 0 0 0; padding:8px 9px; line-height:1.6em; font-size:13px; color:#fff; }
.ini_esame, .logout { width:148px; border-radius:9px; background:#55962b; margin:2px 0 0 60px; padding:1px 0 2px 0; text-align:center; }
.ini_esame a { color:#FFF; }
.logout { background:#277791; margin:2px 0 0 0; font-size:1em; color:#FFF; }
.logout2 { border:2px solid #279; border-radius:6px; background:#FFF; margin:20px 0 0 0; padding:2px 6px 3px 6px; color:#279; }

#nav + label { display:block; position:absolute; top:4px; width:19px; height:24px; margin:6px 16px; background:url('https://www.psylearning.it/fad-psicologia/menu-psico.png'); background-size:24px 24px; }
#nav, .no { display:none; }
#nav:checked ~ ul { display:block; z-index:9999; position:absolute; top:20px; }
#nav:checked ~ label { z-index:99; position:fixed; left:0; width:100%; height:100%; background-size:34px 19px; margin:0;
        background:url('https://www.psylearning.it/fad-psicologia/menux-psicologia.png') 2px 6px no-repeat; background-size:30px; }
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:4px 0; color:#000; font:normal 1.7em Verdana; }
h2 { margin:4px 0; color:#f70; font:normal 1.4em Verdana; }
h2 i { display:table; width:400px; margin:20px 30px 0 30px; text-align:center; color:#080; font:1.7em Verdana; font-variant-caps:small-caps; }
h3 { margin:32px 0 6px 0; font:normal 1.4em Verdana; color:#ff5d00; }
h4, h5 { margin:32px 0 6px 0; font:small-caps 1.8em Verdana; color:#F70; }
h5 { color:#168; }
h6 { margin:3px -11px 6px -11px; padding:4px 9px; font:bold 1.4em Arial; }

p { margin:9px 0 24px 0; padding:0; }
p.pk { margin:9px 0; }
p.min { font-size:.9em; }
ul, ol { margin:4px 0 14px 10px; padding:0 6px; }
ol { margin-left:24px; }
ul li, ol li { margin:0 0 8px 0; padding:2px 0; }
ul.sml, ol.sml { margin:-14px 0 18px 16px; }
ul.sml li, ol.sml li { margin:0 0 6px 0; }

.space { clear:both; margin:12px; padding:3px; }
.space2 { margin:12px; padding:3px; }
.space3 { margin:54px; padding:9px; }

.img_certi { float:right; width:180px; border-radius:6px; }
.ok { float:left; width:54px; border:0 solid #277791; border-width:1px 2px 3px 1px; border-radius:16px; margin:0 12px 6px 0; padding:12px 3px; background:#F4F9FA; }
.pok { line-height:1.2em; margin:9px 0; font-size:.9em; }
.pok b { font-size:1.1em; }


#full_sn { display:none; z-index:990; position:fixed; top:0px; left:0; width:100%; }
.sfondo_sn { position:fixed; top:0; left:0; z-index:998; background:rgba(0,0,0,0.6); width:100%; height:100%; }
.utenti { position:absolute; z-index:999; top:30px; width:440px; box-shadow:0 4px 10px 0 rgba(0,0,0,0.4),0 4px 20px 0 rgba(0,0,0,0.4); border-radius:9px;
          background:#fff; margin:0 calc(49% - 220px); padding:9px 18px; text-align:center; }
.closed { float:right; margin:-7px -15px 0 99%; padding:1px 7px; }
.utenti h6 { margin-bottom:26px; }
.utenti button, .utenti .button { float:left; border:0 solid #777; border-width:1px 2px 2px 1px; border-radius:4px; margin:30px 2px; padding:6px 9px;
        text-align:center; font:1.1em Arial; color:#444; }
.utenti .go { float:right; border-color:#036; background:#085F98; color:#FFF; font:bold 1.1em Arial; }
.utenti input, .utenti select { width:99%; border:2px solid #49A; border-radius:4px; background:#F4F9FA; margin:4px 0 16px 0; padding:3px 4px; color:#04A; font:bold 1.1em Arial; }
.utenti select { padding:2px 4px; }
.fmulti { margin:4px 0 16px 0; padding:0; }
optgroup { margin:9px 0 0 0; border-top:2px solid #700; background:#700; font:18px Verdana; color:#FFF; }
optgroup.med { background:#007; border-color:#007; }
optgroup option { border-top:2px solid #700; padding:2px 0 2px 18px; background:#FFF; font:.9em Arial; color:#700; }
optgroup.med option { border-color:#007; color:#007; }
.utenti .fquattro { width:22%; margin:0 1%; }
.utenti .fdue { width:46%; margin:0 1%; }
.utenti .fduetre { width:72%; margin:0 1%; }
.utenti p { clear:right; float:left; width:50%; margin:0; padding:9px 0; font-size:.9em; color:#555; }
#recupera, #accedi1, #accedi2, #crea1, #crea2, #crea3 { display:none; }
#crea1 { display:block; }

.dot { float:right; height:7px; width:6px; margin:0 -12px 0 13px; background:#bbb; border-radius:50%; display:inline-block; }
.blu { background:#16C; }

.creato { z-index:1; position:absolute; margin-top:-66px; background:#FFF; width:92%; }
.creato b { color:#F70; padding:3px 0; }
.creato a.button { font-size:1em; margin:0 auto; color:#FFF; width:90%; margin:6px 5%; }


.riquadro { float:left; border-radius:9px; width:47%; margin:2% 3% 3% 0%; padding:12px; }
.riquadro img, .leftx { float:left; width:28%; max-width:130px; min-width:80px; border:1px solid #AAA; border-radius:4px; margin:0 12px 0 0; }
.riquadro a h6 { color:#168; }
.leftx { max-width:99px; margin-top:6px; }
.aa99 { width:99%; display:table; margin:9px 0 32px 0; }
.aa99 h5 { margin:0; }
.aa99 .button { margin:2px 0 0 0; padding:2px; }
.tab { float:left; }

.taglia { height:152px; overflow:hidden; color:#000; }
.taglia p { margin:0; }
.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; }

#blockINV { display:-webkit-box; display:-moz-box; display:box; -webkit-box-orient:vertical; -moz-box-orient:vertical; box-orient:vertical; }
#blockINV1 { -webkit-box-ordinal-group:2; -moz-box-ordinal-group:2; box-ordinal-group:2; }
#blockINV2 { }


#testdom { z-index:110; position:absolute; top:0; left:0; width:100%; height:180%; padding:6px 12px; background:#E4E9EA; }
#testdom h4 { margin:9px 0; text-align:center; }
.tabtop3 { margin:20px auto; }
.tabtop3 td { width:50%; text-align:center; }
.count { width:108px; display:table; border:1px solid #389; border-radius:8px; margin:0 6px; padding:2px 9px; background:#FFF; color:#389; }
#min, #mancanti { font:bold 28px Arial; }
#min { float:left; margin:0 0 0 6px; }
#sec { float:right; margin:6px 6px 0 0; ; font:bold 21px Arial; }
.dom { clear:both; display:table; width:calc(100% - 40px); max-width:600px; background:#FFF; border:1px solid #389; border-radius:8px; margin:20px auto; padding:6px 2px; }
.dom .tit { display:table; width:100%; margin:-2px 0 12px 0; padding:6px 6px 6px 6px; background:#E0E6EC; font-size:1.1em; }
.dom b { display:block; float:left; margin:0 6px 0 0; font-size:1.6em; color:#168; }
.dom2 .tit { background:#EEE; }
.dom2 { color:#168; }
.freSX { clear:both; float:left; width:20px; margin:-50px 0 0 -28px; padding:50px 0; }
.freDX { float:right; width:20px; margin:-50px -28px 0 0; padding:50px 0; }
.dom input { margin:0 6px 0 -20px; }
.dom span { display:block; margin:9px 9px 0 29px; }
.dom .reset { display:none; border:0 solid #277791; border-width:1px 2px 2px 1px; border-radius:4px; margin:0 0 0 20px; padding:1px 6px; color:#168; }
.dom2 .reset { display:inline-block; }
.finale { display:inline-block; }
.dom .finale { float:left; border:0; border-radius:4px; background:#277791; margin:2px 6px 6px 20px; padding:3px 12px; color:#FFF; }
.dom .sicuro { float:right; background:#E60; margin:0 20px 0 0; padding:4px 16px; font:bold 1em Arial; }
.timest { margin:6px; }
.superato { max-width:400px; background:#FEF78D; border-radius:12px; margin:30px; padding:9px 12px; text-align:center; font:1.4em Arial; }
.superato b { font:1.4em Arial; }
.superato img { width:90%; margin:14px 0 5px 0; }
.superato .abbassa { width:400px; max-width:99%; position:absolute; margin:30px -12px; font-weight:bold; font-size:.8em; }
.superato .abbassa button { margin:8px auto; }
.abbassa span { line-height:1.6em; }
.nobreak { white-space:nowrap; }
#spedatt { line-height:2em; }
#spedatt { line-height: 1.5em; }
#spedatt h6 { margin:16px 0 0 -11px; }
#spedatt i { cursor:pointer; border:1px solid #D50; border-radius:7px; background:#FFC; padding:2px 8px; font:bold .8em arial; color:#D50; }
#spedatt u { border-radius:5px; background:#060; padding:2px 8px 3px 8px; text-decoration:none; font:bold 1em arial; color:#FFF; }
#spedatt u::before { content:"voto: "; font-size:.85em; }
div.xdom div { padding:6px 9px; border-color:#D50; color:#D50; }
div.xdom div b { width:99%; font:1.6em Arial; color:#D50; }
div.xdom i { cursor:pointer; float:right; font:1.6em Arial; color:#D50; }

.linea { border:1px solid red; border-radius:5px; background:#FFF3F3; margin:2px 0 6px 0; padding:0 6px; font:1.1em Arial; color:#150; }
.green { border-color:#AAA; background:#FFF; }
.semib { margin:4px 0 0 0; font:bold 1.05em Arial; }

.none, .none2 { display:none; max-width:926px; position:absolute; z-index:10; border:1px solid #CCF; border-radius:8px; background:#FDF49D; margin-top:-80px; padding:4px 9px; color:#336; }
.none2 { margin-top:-40px; }
.none span, .none2 span, .csd { float:right; margin:-10px -9px 0 0; padding:6px; color:red; }
.bbb h6, .ccc h6 { cursor:pointer; position:relative; }
.bbb, .ccc  { margin:12px -12px; background:#FFD; padding:6px 12px; }
.ccc  { background:#FFF; }
.bbb span.csd { display:inline; }
.ccc span.csd { display:none; }
.bbb span.up3 { display:none; }
.ccc span.up3 { display:inline; }
.bbb p { margin:-2px 0 9px 0; }

.prenone::after { content:" [*]"; color:#669; font-size:.6em; vertical-align:super; }
.QRpp { width:100%; max-width:360px; margin:0 0 36px 0; }
.ccpp { display:block; width:100%; max-width:340px; margin:9px 0; text-align:center; }
.ccpp img { display:block; margin:4px Auto; }

#pre_foot { clear:both; float:right; width:98%; margin:20px 1% 9px 1%; font-size:.9em; }
#pre_foot b { float:right; margin:8px 0 0 0; }
#pre_foot a { float:left; margin:8px 80px 0 0; }
#pre_foot .social-form { float:right; margin:0 0 0 8px; }
.social-img { border:0; border-radius:6px; width:30px; height:30px; }
.due { float:left; width:40px; height:40px; margin:9px; }
#pre_foot .ma, #pre_foot .wh { background:url('https://zzz.psicologia-psicoterapia.it/psico/ma-psicologia.png') no-repeat ; background-size:30px;  }
#pre_foot .wh { background-image:url('https://zzz.psicologia-psicoterapia.it/psico/wh-psicologia.png'); }
.up { background:url('https://www.psylearning.it/fad-psicologia/up-psicologia.png') no-repeat 0 10px; padding:0 0 0 24px; }
.up3 { margin:0 0 0 12px; background:url('https://www.psylearning.it/fad-psicologia/up-psicologia.png') no-repeat 0 -70px; padding:0 0 0 24px; cursor:pointer; }

#pre_foot .up:hover { background:url('https://www.psylearning.it/fad-psicologia/up-psicologia.png') no-repeat 0 -26px; }

#footer { clear:both; border:0 solid #BBB; border-width:1px 0; border-radius:4px; background:#DDD; margin:0 -10px 20px -10px; padding:4px 20px; font-size:10px; color:#333; }
#footer b { font-size:12px; }
#footer i { float:right; }

.foot { float:right; width:45%; min-width:132px; margin:0 0 20px -50px; font-size:.85em; }
.footbox .foot { float:left; max-width:160px; margin:0 8% 20px 0; }
.footbox .foot i { font-size:0.85em; }
.foot img { margin-top:-4px; width:130px; }
.foot b { font-size:14px; }
.adr { font-size:11px; }
.foot img.tel { margin:4px 4px -6px 0; width:12px; }
.footbox { float:left; width:50%; min-width:408px; }
.foot2 { width:99%; margin:0 0 9px 0; line-height:1.4em; text-align:center; font-size:10px; }
.foot2 b { font-size:11px; }


.form { border:1px solid #ccc; border-radius:8px; background:#eee; width:100%; margin:0; padding:9px 28px; }
.form1 { border:1px solid #bbb; border-radius:4px; width:100%; margin:4px -4px; padding:4px 6px; font:16px Verdana; color:#06c; }
.form button { float:right; margin:0 28px 0 0; padding:4px 16px; font:bold 1.1em Arial; }
.cobbl { margin:10px 0 22px 0; font:10px Verdana; }








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

   body { font:14px Verdana; }
   .inner { width:98%; margin:0 1%; }
   .bbb, .ccc  { margin:12px -1%; }

   #pre_foot .social-img { margin-bottom:4px;}
   #footer { width:102%; border-radius:0; margin:0 -1% 20px -1%; padding:6px 20px; }
   #footer b { font-size:14px; }
    }













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

   body { font:16px Verdana; }

   p { margin:24px 1% 30px 1%; }
   .riquadro { width:98%; margin:2% 1%; }

   .taglia { height:160px; }
   .gradient { height:40px; margin:-32px 0 0 0; }

   .ok { width:54px; height:108px; padding:14px 3px; }
   .space3 { margin:64px; }
   .none, .none2 { width:98%; }

   #pre_foot button { display:table; }
   #footer { display:table; width:100%; margin:0 0 20px 0; }
   .footbox { float:left; width:53%; margin:0 -120px 0 0; }
   .footbox .foot { float:left; width:180px; margin:0; }
   .footbox img { max-width:99%; }
   .foot { float:right; width:38%; margin:0; }
   .foot2 b { display:block; }
   .fine { clear:both; padding:24px; }

   .utenti h6 { margin-bottom:14px; }
   .utenti .button, .utenti button { margin:20px 2px; }
    }







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

   .taglia { height:184px; }

   h1 { text-align:center; }
   h2 { text-align:center; font-size:1.2em; }
   h2 i { width:100%; margin:20px 0 0 0; }

   .utenti { top:9px; margin:0 calc(50% - 160px); width:320px; }
   .img_certi { width:140px; }
   p.pk { margin:14px 0; }
   .ok { width:34px; height:52px; border-radius:12px; padding:8px 3px; }
   .superato { margin:30px auto; }
   ..space3 { margin:76px; }
   
   .aa99 img.leftx { max-width:80px; }
   .aa99 .button { max-width:240px; }
   .tab { max-width:240px; }

   .footbox { min-width:99%; width:99%; text-align:center; }
   .footbox .foot { margin:0 calc(23% - 80px); }
   .foot { width:99%; margin-top:20px; }
   .foot2 b { display:inline; }
   
    }