* { margin:0; padding:0; box-sizing:border-box; }
html { font-size:16px; }
body { min-height:100vh; font:1em/1.4em sans-serif; color:rgb(57,50,40); background-color:#FAFCD5; background-image:url('http://www.ciechanow-psychoterapia.pl/img/green-line-shading.webp'); background-repeat:no-repeat; background-position:bottom center; background-size:100% auto; overflow-y:scroll; }
::selection { background:#2b3; color:#fff; -webkit-text-shadow:none; text-shadow:none;  }
#slajd { position:relative; margin:0px auto; height:318px; width:100%; overflow:hidden; text-align:center; background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/5.webp');}
#bg1 { background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/1.webp'); }
#bg2 { background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/2.webp'); }
#bg5 { background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/5.webp'); }
#bg3 { background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/3.webp'); }
#bg4 { background-image:url('http://www.ciechanow-psychoterapia.pl/img/headerSlider/4.webp'); }
.slogan { position:absolute; z-index:9999; top:42%; left:0; right:0; margin:auto; height:60px; text-align:right; color:#fff; font-family:serif; font-style:italic; -webkit-text-shadow:1px 1px 1px #333; text-shadow:1px 1px 1px #333;  line-height:110%; }
#slajd, #bg1, #bg2, #bg3, #bg4, #bg5 { height:318px; width:100%; background-position:top center; background-repeat:no-repeat; }
#contentrama { width:964px; max-width:100%; margin:0 auto; }
.header { width:984px; max-width:100%; height:260px; position:relative; margin:0 auto; }
.rama_slogans { width:390px; max-width:96%; height:52px; position:absolute; right:10px; bottom:0; z-index:1 }
.bg_slogans { background-color:#000; opacity:0.3; position:absolute; width:390px; height:52px; top:0; left:0; z-index:2; }
.slogans { font-size:1.3em; line-height:52px; -webkit-text-shadow:1px 0 1px #000; text-shadow:1px 0 1px #000;  color:#fff; position:absolute; width:370px; max-width:96%; height:52px; top:0; left:20px; z-index:3; text-align:left; }
.slogans strong { font-weight:300; }
img { max-width:100%; }
a img { border:none; }
#navig { height:52px; clear:both; background:linear-gradient(#534a3f,#090807); position:relative; }
#navig ul { margin:0 auto; padding:0; width:940px; max-width:100%; overflow:hidden; }
#navig li { list-style:none; position:relative; }
#navig li a { color:#C1C19C; text-decoration:none; display:block; font-size:.85em; text-align:center; line-height:52px; margin-right:2px; padding:0 2.1em; -webkit-transition:0.5s; transition:0.5s;  }
#navig li a svg { position:relative; top:4px; height:1.2em; }
#navig li a .navsvg { fill:#C1C19C; -webkit-transition:0.7s; transition:0.7s;  }
#navig li a:hover, #navig li a.activ { color:#DFBB10; }
#navig li a:hover .navsvg, #navig li a.activ .navsvg { fill:#DFBB10; }
main .activ { color:#000; }
.v16x9 iframe { aspect-ratio:16/9; width:100%; max-height:100vh; border:none; }

/* submenu */
#navig li ul { display:none; position:absolute; top:50px; left:0; width:auto; min-width:150px; z-index:3; background:none; }
#navig li ul li { height:auto; overflow:hidden; min-height:40px; background:rgba(10,0,0,.8); width:100%; border-bottom:1px solid rgba(110,100,100,.5); display:block; }
#navig li ul li:first-child a { padding-top:14px; }
#navig li ul li:last-child { -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;  border-bottom:none; }
#navig li ul li a { height:auto; line-height:1.25em; padding:10px; text-align:left; color:#fff; margin-right:0; -webkit-transition:0.5s; transition:0.5s;  }
a:link.trnst { -webkit-transition:0.5s; transition:0.5s;  }

.tel { display:inline-block; padding-left:1.25em; background:url('http://www.ciechanow-psychoterapia.pl/img/m-phone2.svg') no-repeat; }
.mail { padding-left:1.8em; background:url('http://www.ciechanow-psychoterapia.pl/img/mail-icon.svg') no-repeat top left; }
.gmap { padding-left:40px; background:url('http://www.ciechanow-psychoterapia.pl/img/google-maps.svg') no-repeat top 16px left 8px; background-size:25px; }
.linh { line-height:170%; }
.art { padding-left:1.75em; background:url('http://www.ciechanow-psychoterapia.pl/img/news-paper.svg') no-repeat top left; }

a:link.decoration { text-decoration:underline; }
a:hover.decoration { text-decoration:none; }
#content { display:flex; gap:9px; background:#eeeeee90; }
#footer { text-align:center; min-height:62px; color:rgb(180,180,195); background:linear-gradient(#534a3f,#090807); font-size:85%; padding:0 1em 1em 1em; display:flex; align-items:center; justify-content:center; }
#footer a { color:rgb(220,230,240) !important }
h1, h2, caption { font-size:120%; padding:3px 0; margin-bottom:1em; color:#3f362e; text-align:center; font-weight:700; }
h2 span { font-size:90%; color:#345E89; -webkit-text-shadow:none; text-shadow:none;  font-weight:bold; }
h3 { font-size:100%; }
#lewyblok h3 { font-size:92%; }
a { color:rgb(200,100,0); text-decoration:none; }
a:hover { color:rgb(255,160,0);}
p { padding-top:12px; text-align:justify; }
ul, ol { margin:1em .5em 1em 2em }
li ul, li ol { margin:0 1em 1em 1.2em }
main li { margin:9px 0; }
main li span { color:black; }
.b0, .b0 td { border:0 }
.center { text-align:center }
.right { text-align:right }
.b-cien { padding-bottom:8px; background:url('http://www.ciechanow-psychoterapia.pl/img/cien.webp') no-repeat bottom center; background-size:100% 9px; }
hr { background:#95B13B; height:3px; border:none; margin:1.5em 0; }
.ukos { font-style:italic; text-align:center; font-family:times,serif; -webkit-text-shadow:none; text-shadow:none;  font-size:150%; }
main ul li { list-style-type:none; list-style-image:url('http://www.ciechanow-psychoterapia.pl/img/listek.webp'); padding-left:5px; }
main li ul li { list-style-type:disc; list-style-image:none; padding-left:0; }
main li ol li { list-style-type:lower-latin; }
li::marker { color:#26a; }
.color2 a { color:#342; }
.firstLater li::first-letter { text-transform:uppercase; }

table { border:1px solid rgb(77,140,250); margin:10px 0; width:100%; border-collapse:collapse; }
.th td, .th { color:#fff; -webkit-text-shadow:0 1px 1px #16437D; text-shadow:0 1px 1px #16437D;  border:1px solid rgb(117,154,206); padding:4px 2px; text-align:center; }
th, td { padding:5px; font-size:88%; border:1px solid #78A2D2; }
td { text-align:right; padding-right:10px; }
thead td { text-align:center }
#zespol { font:88%/100% sans-serif; display:flex; gap:3%; justify-content:center; margin:1em 0; }
.zesp { border:1px solid #ddd; text-align:center; padding:20px 3px; }
.zesp img { max-width:96%; margin:9px 0; }
.zesp a { display:block; text-align:right; font-weight:700; }

.bold{ font-weight:bold }
.fixed { -webkit-box-shadow:4px 4px 4px #aaa; box-shadow:4px 4px 4px #aaa;  padding:10px; background:#ffffffdf; }
main { border-left:1px solid #ded; min-height:60vh; padding-bottom:32px; background:url('http://www.ciechanow-psychoterapia.pl/img/listki-biger.jpg') #fff no-repeat; background-position:bottom center; padding-top:10px; background-size:100%; }
.workname { position:absolute; width:535px; max-width:100%; height:65px; top:15px; left:15px; z-index:4; }
h1 { font-weight:600; font-size:1em; -webkit-text-shadow:1px 0 1px #000; text-shadow:1px 0 1px #000;  color:#fff; text-align:left; line-height:120%; }
h1 span { font-size:.75em; font-weight:200; }
#fixed { margin-bottom:1em; }

@media only screen and (max-width:799px) {
	#mobile { display:block; height:50px; padding:9px; text-align:center; }
	#mobile i { display:block; height:2px; background:#f2edd5; margin:7px; width:40px; }
	#contentrama, #content, #lewyblok, .header, #navig, main { width:100%; display:block }
	#lewyblok { border-top:1px solid #ccc }
	#content { background:none; }
	#navig>ul { background:rgba(10,5,5,0.9); display:none; position:absolute; top:50px; left:0; z-index:9999; }
	#navig ul li { width:100%; background:none; }
	#navig ul li a { border-bottom:.5px solid #66604c; }
	main { margin-left:0 !important; margin-right:0 !important; display:block; -webkit-box-shadow:0 0 10px 7px #777; box-shadow:0 0 10px 7px #777;  margin-bottom:1em; }
	h1 { font-size:1em; }
	h1 span, .slogan, .slogans { font-size:.75em; }
	.slogan { width:96%; right:2px; left:2%; }
	#footer { min-height:83px; padding-bottom:0; }
}

@media only screen and (min-width:800px) { 
	#mobile { display:none; }
	.slogan { width:60%; font-size:1.6em; }
	h1 { font-size:1.4em; }
	h1 span { font-size:.9em; }
	#footer { height:73px; background:url('http://www.ciechanow-psychoterapia.pl/img/foot-d2.webp') #eeeeee80 no-repeat top center; border-bottom-left-radius:8px; border-bottom-right-radius:8px; padding-bottom:1em; margin-bottom:1em; }
	main { flex:1; order:2; margin:9px 10px 4px 0; }
	#navig ul { display:flex; }
	#navig li { background:url('http://www.ciechanow-psychoterapia.pl/img/separator.webp') no-repeat bottom right; background-size:2px 80%; }
	#lewyblok { width:285px; order:1; min-height:300px; margin-left:10px; font-size:88%; }
	#fixed { padding-top:10px; position:-webkit-sticky; position:sticky; top:0; }
}

main a, .button { -webkit-transition:0.3s; transition:0.3s;  }
.pding { padding:1em; }
.clear { clear:both; }
.koment { cursor:pointer; color:#555 }

.relative { position:relative; top:0; left:0; width:100%; height:auto; }
.absolute { position:absolute; top:0; left:0; z-index:2; }

.li-no { margin:10px 0 }
.li-no li { list-style:none; padding-left:5px; }
.belka { background:linear-gradient(#534a3f,#090807); padding:10px; color:#fff; border-top-left-radius:4px; border-top-right-radius:4px; }
.clr1 { color:rgb(50,110,200); }
.clr2 { color:rgb(225,145,0); }
.red { color:red; font-size:100%; }
.txtshadow { -webkit-text-shadow:0 1px 0 rgb(50,50,50); text-shadow:0 1px 0 rgb(50,50,50);  }
.flo-r { float:right; }

#header0 { position:absolute; top:0; left:0; width:100%; height:318px; z-index:5; }
#header1 { position:relative; width:964px; max-width:100%; height:260px; margin:0 auto; }
.rama_workname { width:545px; max-width:95%; height:85px; position:absolute; left:0; top:20px; z-index:1 }
.bg_workname { background-color:#000; opacity:0.2; position:absolute; width:545px; max-width:100%; height:85px; top:0; left:0; z-index:2; }
.bg_workname2 { background-color:#000; opacity:0.1; position:absolute; width:535px; max-width:100%; height:75px; top:5px; left:5px; z-index:3; }
.pointer { cursor:pointer }
.broszura { margin-right:-10px; }
.a-img-text { display:block; overflow:auto; }
.a-img-text img { float:left; margin-right:5px; vertical-align:middle; padding:2px; -webkit-transition:.7s; transition:.7s;  }
.a-img-text:hover img { background:#345E89; }
h4 { margin:20px 10px 5px }
#mankiet { position:absolute; bottom:-58px; left:0; width:100%; height:25px; background:#ffffffa0; border-top-left-radius:9px; border-top-right-radius:9px; }

/* galeria */
.galeria { list-style:none; list-style-image:none; margin:10px 0; display:flex; flex-wrap:wrap; gap:.5em; justify-content:center; align-items:center; }
main .galeria li { padding:0; margin:0; max-width:33%; overflow:hidden; }
.galeria li img { background:#def0df; padding:2px; -webkit-transition:.5s; transition:.5s;  }
.galeria li:hover img { opacity:.8; transform:scale(1.05); -webkit-transform:scale(1.05); }

/* popup */
.przypis { text-align:right; color:#555; font-size:12px }
.artykuly { margin-left:5px; list-style:none; }
.artykuly li { margin:7px 0; margin-left:0; }
.artykuly li a { color:#595f6e; -webkit-transition:0.4s; transition:0.4s;  display:block; line-height:1.3; }
.artykuly li a:hover { color:#37f; }
.artykuly li a.activ { color:black !important; }
.ital { font-style:italic; font-size:110%; }
.serif { font-family:serif }
.blue { color:#345E89 !important; }
.blu2, .blu2 a { color:#347cc3; }