body { margin:0 auto; height:100%; background:#425a64; font:15px Verdana; }
#background { float:center; width:944px; height:100%; margin:0 auto; text-align:left; }
#header { width:944px; min-height:50px; margin:56px 0 3px 0; background:#fff; }
#head-1 { float:left; margin:0; padding:7px 35px 0 30px; text-decoration:none; font:27px "Trebuchet MS"; color:#408fb0; }
#header a#head-1:hover { text-decoration:underline; }
#head-2 { float:left; margin:0; padding:20px 0 0 0; font:15px "Trebuchet MS"; color:#408fb0; }
#menu { float:left; width:944px; min-height:350px; background:#F7F8F8; margin:0 0 3px 0; }
#menu-li { width:26%; min-height:350px; height:100%; background:#f7f8f8; padding:21px 0 0 0; }
#menu-li input, #menu-li label, #menu-li label:after { display:none; }
.list-1, .list-1_evid { display:block; }
.list { line-height:1.4em; margin:5px 0 5px 20px; padding:2px 0 0 5px; font:14px Verdana; }
.list a, .list a:visited { margin:0; padding:0; font:14px Verdana; color:#000; text-decoration:none; }
.list a:hover { background:url('menu-li.jpg') left center no-repeat; line-height:1.4em; margin:2px 0 5px -25px; padding:0 0 0 25px; font:14px Verdana;
                color:#000; text-decoration:underline; }
.list_evid { background:#425a64 url('menu-li.jpg') left center no-repeat; margin:5px 0; padding:2px 0 0 25px; font:14px Verdana; color:#fff; }
.list_evid a { color:#fff; text-decoration:none; }
.list-1 { line-height:1.4em; margin:1px 0 2px 40px; padding:2px 0 0 5px; font:13px Verdana; }
.list-1 a, .list-1 a:visited, .list-1 a:hover { margin:0; padding:0; font:13px Verdana; line-height:1.4em; color:#666; text-decoration:none; }
.list-1 a:hover { background:url('menu-li.jpg') left center no-repeat; margin:0 0 5px -25px; padding:0 0 0 25px; text-decoration:underline; }
.list-1_evid { background:#425a64 url('menu-li.jpg') left center no-repeat; line-height:1.4em; margin:0 0 3px 20px; padding:2px 0 0 25px;
               font:13px Verdana; }
.list-1_evid a { color:#fff; text-decoration:none; line-height:1.4em; }

#cel, #Wapp { display:table; margin:30px auto; background:url('cell-2.jpg') left center no-repeat; padding:14px 0 0 45px; height:28px; font:16px Verdana; color:#6d6d6d; }
#Wapp { cursor:pointer; background:url('whatsapp.png') 5px 7px no-repeat; color:#091; }
#social { margin:0 0 0 10px; }
#social form { width:65px; margin:5px 0 0; float:left; }
#social img, #social input { float:right; margin:0 0 0 10px; border:none; }
#social form input { display:block; }
#box-right { float:right; width:660px; background:#fff; padding:0 0 15px 15px; border-left:3px solid #425a64; }
.psico_milano { float:right; margin:20px 15px; border-radius:5px; }
#container { float:right; min-height:160px; margin:0 0 3px 0; padding:0 15px 20px 15px; background:#ebeff2; }
#footer { float:left; width:944px; min-height:68px; margin:0 0 5px 0; background:#c3d1d7; }
#footer-text { width:calc(74% - 33px); min-height:48px; background:#fff; color:#645442; font:13px Verdana; padding:10px 15px; line-height:1.5em;
               border-left:3px solid #425a64; float:right; }
#ht { font:12px "Trebuchet MS"; color:#fff; padding:0 0 0 15px; margin:0 0 30px 0; }
#ht a { text-decoration:none; color:#fff; margin:0; padding:0; }
#ht a:hover { text-decoration:underline; }

p, quote { font-size:15px; line-height:1.6em; margin:20px 15px 7px 0; padding:0; }
quote { display:block; color:#408fb0; }
.cont { margin:10px 0 5px; }
#container ul, #box-right ul { margin:-5px 0 7px 10px; padding:0; list-style-type:none; }
#container ul li, #box-right ul li { margin:0 15px 0 0; padding:0; line-height:1.6em; }
#container ul li ul{ margin:0 0 7px 10px; padding:0; list-style-type:none; }
#container ul li ul li { margin:0 15px 0 0; }
#container ol { margin:-5px 0 7px 20px; padding:0; }
#container ol li { margin:0; padding:0; line-height:1.5em; }
#container a, #box-right a { margin:0; padding:0; text-decoration:none; color:#e3643c; }
#container a:hover, #box-right a:hover { text-decoration:underline; }

h1 { color:#408fb0; font:20px Verdana; line-height:1.3em; margin:20px 0 0; padding:0; }
h2 { color:#408fb0; font:18px Verdana; line-height:1.3em; margin:10px 0 0 0; padding:0; }
h3 { color:#408fb0; font:17px Verdana; margin:40px 0 0 0; padding:0; }
.blu { color:#3678cd; }
.arancio { color:#e3643c; }
blockquote { font-size:13px; line-height:1.4em; #margin:20px 15px 7px 0; #padding:0; }
blockquote i { color:#408fb0; }

.psicologo { clear:right; float:right; margin:12px 18px 8px 0; padding:4px 8px; border-radius:4px; box-shadow:2px 2px 10px #e38b5e, 0 -1px 8px #e38b5e;
             border:1px solid #E3643C; background:#fff; }
.psicologo a { font:normal 16px Verdana; }

#map { width:98%; height:400px; margin:20px auto 30px 0; border:1px solid #456; border-radius:4px; }
.foto-map { float:right; width:55px; height:67px; border-radius:2px; }
.testo-map, .testo-map2 { float:left; width:160px; font:normal 12px Arial; color:#000;  }
.testo-map2 {width:180px;  }
.testo-map b, .testo-map2 b { display:block; margin:0 0 6px 0; font:bold 14px Arial; color:#2f4f4f; text-decoration:underline; }
.tooltip { width:240px; display:table; margin:0; padding:9px 0 4px 6px; }

#container form { margin:0 auto 20px; width:66%; }
.w270, .w180, .w180_red, .w270_red { width:96%; }
.w180 { height:24px; }
.w270, .w180, .w180_red, .w270_red { padding:4px; background-color:#f6f6f6; font-size:14px; }
.w180_red, .w270_red { border:2px solid #cc0000; }
.w90 { padding:14px 0 4px 0; font-size:14px; line-height:2.0em; }
.invia { margin-left:70px; font:16px Verdana; padding:6px; color:#333; }
.barra { margin:5px 0 0 35px; }
.barra a { font-weight:normal; font-size:11px; }
h6, .error, .invio_ok { font:14px Arial; color:#c00; margin:30px 0; padding:15px; width:50%; border:1px solid #c00; line-height:1.6em; }
.invio_ok { color:#3d6510; border:2px solid #3d6510; }
#container form input:required:invalid, #container form textarea:required:invalid, #container form input:focus:invalid,
#container form textarea:focus:invalid { background-image:url('no.png'); background-position:right bottom; background-repeat:no-repeat; z-index:9; }
#container form input:required:valid, #container form textarea:required:valid { background-image:url('ok.png'); background-position:right bottom;
                                                                                background-repeat:no-repeat; z-index:9; }
nav.top ul, nav.top label, nav.top input {display:none;}




@media screen and (max-width:964px) {
#background, #header, #footer, #menu { width:100%; }
#menu, #background  { margin:0; }
#container { margin:3px 0; }
#box-right { width:calc(70% - 18px); }
.list-1 { margin:1px 0 7px 40px; padding-left:0; }
.list-1 a, .list-1 a:visited, .list-1 a:hover { line-height:1.5em; }
.list-1 a:hover { margin:0 0 15x -20px; padding:0 0 0 20px; }
.list-1_evid { margin:0 0 8px 20px; padding:2px 0 0 20px; }
.list-1_evid a { line-height:1.5em; }
.list { margin:5px 0 8px 20px; padding:2px 0 0 0; }
.list a, .list a:visited , .list a:hover, .list_evid a { font:14px Verdana; line-height:1.45em; }
.list_evid { margin:5px 0 12px 0; padding:2px 0 0 20px; font:14px Verdana; }
#social form { width:calc(30%); margin:0 0 25px 0; }
#container form { width:80%; }
}




@media screen and (max-width:759px) {
body { padding-bottom:40px; }
#box-right, #menu-li { width:100%; }
#box-right h3 { margin-left:15px; }
#container ul, #box-right ul { margin-left:25px; }
#bottom { position:fixed; bottom:0; z-index:9; background:#FFF; width:100%; border-top:3px solid #425A64; }
#social { float:right; margin:0; height:30px; }
#social form { width:20px; margin:8px 3px 0; }
#social form input { width:20px; }
#cel, #Wapp { float:left; margin:0 0 0 6px; padding:8px 0 0 40px; }
#Wapp { background-position:5px 2px; }

p, quote { margin:20px 15px 7px 15px; }
h1 { margin:20px 15px 0; }
h2 { margin:10px 15px 0; }
#header { margin:3px 0; }
#head-1 { padding:3px 35px 8px 30px; }
nav.top ul, #header span { display:none; }
div#head-2 { width:90%; margin:-30px 0 0 30px; font-size:.7em; }

nav.top label { width:40px; height:40px; cursor:pointer; position:absolute; right:20px; top:8px; color:#425A64; z-index:999; }
nav.top label, nav.top label:after, nav.top [type="checkbox"]:checked ~ ul, nav.top ul li { display:block; }
nav.top label:after { content:''; width:30px; height:5px; background:#425A64; margin:7px 5px; box-shadow:0 10px 0 #425A64, 0 20px 0 #425A64; }
nav.top [type="checkbox"]:checked ~ ul { z-index:99; padding:20px 0 15px; background:#F7F8F8; clear:both; margin:10px 0 0; border-top:3px solid #425A64; }
nav.top a { color:#fff; }
nav.top ul li { text-align:left; background:#F7F8F8; text-indent:5px; line-height:2.0em; text-align:left; padding:0 0 15px 0; }
nav.top ul li, nav.menu-liv1 [type="checkbox"]:checked ~ ul, nav.menu-liv1 ul li a { margin:0; }
nav.top ul li a { font:16px Verdana; margin:0 0 0 23px; color:#425A64; text-decoration:none; }
nav.top ul li a:hover { text-decoration:underline; }
#menu-li { height:100%; height:0; min-height:0; padding:0; }
#ht, #menu-li { clear:both; }
.menu-spacer { clear:both; height:0; margin:0; }
.list, .list_evid, .list-1, .list-1_evid, #menu-li input { display:none; }
#menu-li label { height:40px; cursor:pointer; color:#425A64; z-index:999; float:right; margin:8px 20px 4px 0; }
#menu-li label, #menu-li label:after { display:block; }
#menu-li label:after { content:''; width:30px; height:5px; background:#425A64; margin:7px 5px; box-shadow:0 10px 0 #425A64, 0 20px 0 #425A64; float:right; }
#menu-li label p { float:left; margin-top:5px; }
#menu-li [type="checkbox"]:checked ~ .list-1 { display:block; margin:5px 0 12px 40px; }
#menu-li [type="checkbox"]:checked ~ .list-1_evid { display:block; margin:5px 0 12px 40px; }
#menu-li [type="checkbox"]:checked ~ #social { margin-top:25px; }
#container p { margin:20px 0 7px; }
#container form { width:100%; }
.invia { margin:25px 0 0 70px; }
}




@media screen and (max-width:414px) {
#cel b, #Wapp b { display:none; }
.tooltip img, .foto-map { display:none; }
.testo-map, .tooltip, .testo-map2 { width:130px; }
}