:root { --c1:#c8d2dc; --c2:#5480d1; --c3:#67758A; --bluDark:rgb(0,50,150); --orD:#ab0000; --oblack:-1px 0 #444,0 1px #444,1px 0 #444,0 -1px #444; --oblam:-1px 0 var(--bluDark),0 1px var(--bluDark),1px 0 var(--bluDark),0 -1px var(--bluDark); --oblam2:-1px 0 var(--orD),0 1px var(--orD),1px 0 var(--orD),0 -1px var(--orD); --gr1:linear-gradient(#777,#111); --blue1:#0078f5 }
* { margin:0; padding:0; box-sizing:border-box }
body { font:1em/1.4 sans-serif; background:#f8fdf9; min-height:100% }
@font-face { font-family:'matus'; font-display:block; src:url('http://www.pcpr-ciechanow.pl/pliki/css/fonts/matusFont.eot'); src:url('http://www.pcpr-ciechanow.pl/pliki/css/fonts/matusFont.eot?#iefix') format('embedded-opentype'), url('http://www.pcpr-ciechanow.pl/pliki/css/fonts/matusFont.woff') format('woff'), url('http://www.pcpr-ciechanow.pl/pliki/css/fonts/matusFont.ttf') format('truetype'), url('http://www.pcpr-ciechanow.pl/pliki/css/fonts/matusFont.svg#matus') format('svg'); font-weight:normal; font-style:normal; }
.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; }
@-webkit-keyframes fadeInDown { 0% { opacity:0; -webkit-transform:translateY(-20px); } 100% { opacity:1; -webkit-transform:translateY(0); } }
@keyframes fadeInDown { 0% { opacity:0; transform:translateY(-20px); } 100% { opacity:1; transform:translateY(0); } }
.fadeInDown { -webkit-animation-name:fadeInDown; animation-name:fadeInDown; }
.f-ico:before { font-family:'matus'; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; }
@keyframes fOut { 0% { opacity:1; transform:translateY(0); } 100% { opacity:0; transform:translateY(-50px); } }
.fOut { animation:fOut 0.5s both; }
@keyframes tt { from { opacity:0; transform:scale(.8) translateX(-20px)} to { opacity:1; transform:scale(1) translateX(0)} }
.tt { animation:tt 0.3s both; }
.nieb { background:var(--blue1); fill:#0078f5 }
.red { color:#e60000 }
h1 a { color:var(--c2) }
h2 { font-size:115%; color:var(--blue1); margin:1em 0; }
h3 { font-size:105%; color:#4c4b54; margin:.5em 0 .25em }
p { margin-bottom:1em }
ul { margin:.5em .5em 1em 1em }
ol { margin:.5em .5em 1em 1.7em }
li { margin:.5em 0; text-align:left }
.paragraf { color:rgb(0,100,235); text-align:center; font-weight:bold; margin:3em 0 1em 0; }
.mrg4 { margin:4em 0 1.5em 0 }
.blued { color:#1c5187 }
.paragraf:before { content:'§'; font:130%/1 serif; font-weight:700; padding-right:2px; }
.underL { text-decoration:underline }
.h3s { font-size:80%; }
.iframe16x9 { padding-top:56.25%;position:relative;margin:1em auto;border:none; width:100%; max-width:100% }
.iframe16x9 iframe, .iframe, .iframe16x9 video, .iframe16x9 img, #popup iframe { position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; border:0 }
.przyda li { margin:1em 0 }
.przyda a { display:block; padding-left:56px; background-size:auto 50px; background-repeat:no-repeat; min-height:50px;}
#popup iframe { width:calc(100% - 17px); }
.box-s { box-shadow:1px 1px 3px #555 }
.pointer { cursor:pointer; }
main > article ul > li, #popup ul > li { list-style:none; padding-left:0.5em; }
main > article ul > li:before, #popup ul > li:before { content:'\e006'; font-family:matus; color:var(--blue1); font-size:10px; line-height:1; display:inline-block; margin-left:-1.8em; width: 1.8em; position:relative; top:-2px; }
main > article ol, #popup ol { counter-reset:li; list-style:none; }
main > article ol > li, #popup ol > li { counter-increment:li; }
main > article ol > li:before, #popup ol > li:before { content:'.' counter(li); color:var(--blue1); display:inline-block; width:1em; margin-left:-1.5em; margin-right:0.5em; text-align:right; direction:rtl; font-weight:600 }
main > article ul > li > ul li:before, #popup ul > li > ul li:before { content:'\e007'; }
main > article ul.nobefore > li:before, main > article > ul.nobefore:before, main > article > ul.nobefore > li > ul li:before, #popup ul.nobefore > li:before, #popup > ul.nobefore:before, #popup > ul.nobefore > li > ul li:before { content:''; margin-left:0; width:0; display:none; }
main > article ol.liter > li:before, #popup ol.liter > li:before { content:"(" counter(li, lower-latin); width:1.5em; margin-left:-2em; font-weight:500; }
main > article li ol, #popup li ol { margin:.5em .5em 1em 1.5em }
main > article li ul, #popup li ul { margin:.5em .5em 1em 0.75em }
main > article li ul li, main > article li ol li, #popup li ul li, #popup li ol li { margin:.5em .5em 1em 0em }
.dsp-inbl { display:inline-block; }.v-align-t { vertical-align:top; }.marg-r-1 { margin-right:1em }.line-h-2 { line-height:2.5 }a { color:#1d5bbc; text-decoration:none; transition:.4s }
a:hover { color:#3c87ff }
hr { margin:1em 0; border:0; border-bottom:1px solid rgb(200,210,255); float:none; clear:borh; display:block; }
img,svg { max-width:100%; max-height:100% }
table { border-collapse:collapse; font-family:sans-serif; font-size:90%; margin:.5em auto 1.3em; min-width:70% }
main tr:nth-child(2n) { background:rgba(190,200,220,.1); }
thead tr { background:rgba(190,200,220,.25); color:#0055ad; }
td,th { border:1px solid var(--c3); padding:4px .5em; vertical-align:top; }
main th, main thead td { vertical-align:middle; padding:11px .5em; }
.separ { width:100%; clear:both; height:1em }
@keyframes opa { from { height:0px; opacity:0; visibility:hidden } to { height:50px; opacity:1; visibility:visible } }
@keyframes sub1 { from { top:60px; opacity:0; visibility:hidden } to { top:39px; opacity:1; visibility:visible } }
@keyframes sub2 { from { left:110%; opacity:0; visibility:hidden } to { left:100%; opacity:1; visibility:visible } }
#head { position:relative; padding-bottom:19%; clear:both }
@keyframes hd { from { opacity:0}to { opacity:1}}
.hdr1 { animation:hd 0.8s both}
@keyframes h1 { from { opacity:0; transform:translateY(5px) } to { opacity:1; transform:translateY(0) } }
.h1 { animation:h1 0.5s 0.2s both}
header { opacity:0; position:absolute; bottom:0; left:0; width:100%; z-index:4; padding-top:3px; border-top-left-radius:5px; border-top-right-radius:5px; background:rgba(255,255,255,.6); }
header h1 { font-size:170%; line-height:1; background:url('http://www.pcpr-ciechanow.pl/pliki/pcpr.svg') no-repeat bottom 0 left 5px, url('http://www.pcpr-ciechanow.pl/pliki/powiat_ciechanow.webp') no-repeat bottom 1px right 5px; background-size:auto 100%, auto 95% }
header h1 a,header h1 a:hover { color:rgb(230,0,0); text-shadow:var(--oblam2); display:block; padding:0 9%; text-align:center }
header h1 a span { color:#444; text-shadow:var(--oblack) }
.content { width:980px; max-width:100%; margin:0 auto }
main { color:#202045; position:relative; width:70%; background:#f8fdf9 }
article { padding:1em }
main > article { min-height:500px; padding:1em 0; }
.rCol { width:30%; position:sticky; top:-30px; float:right; -webkit-transition:all 1s ease; transition:all 1s ease; }
.mapsMarker { background:url('http://www.pcpr-ciechanow.pl/pliki/mapsMarker.svg') no-repeat; padding-left:1em; background-size:22px; display:inline-block; height:30px; width:30px }
.mw275 { max-width:275px; }
.url { background:url('http://www.pcpr-ciechanow.pl/pliki/url.svg') no-repeat left center; background-size:16px; padding-left:16px; line-height:1; }
main article a[href$=".pdf"]:after { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/pdf.svg'); display:inline-block; height:.8em; width:1em; position:relative; top:2px; }
main article a[href$=".doc"]:after, main article a[href$=".docx"]:after, main article a[href$=".rtf"]:after { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/doc.svg'); display:inline-block; height:1em; width:1em; position:relative; top:2px; }
.fax:before { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/css/svg/?f=fax&stroke=334d66'); display:inline-block; height:1em; width:1em; position:relative; top:2px; }
.strView:before { content:url('http://www.pcpr-ciechanow.pl/pliki/css/svg/?f=strView&fill=0078f5'); display:inline-block; height:20px; width:20px; position:relative; top:5px; margin:0 9px; }
main article a[href$=".ppt"]:after, main article a[href$=".pptx"]:after { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/ppt.svg'); display:inline-block; height:1em; width:1em; position:relative; top:2px; }
main article a[href$=".xls"]:after, main article a[href$=".xlsx"]:after { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/excel.svg'); display:inline-block; height:1em; width:1em; position:relative; top:2px; }
main article a[href$=".odt"]:after, main article a[href$=".ott"]:after { padding-left:5px; content:url('http://www.pcpr-ciechanow.pl/pliki/openOffice.svg'); display:inline-block; height:1em; width:1em; position:relative; top:2px; }
fieldset { padding:1em 0; border:1px solid #c8d2dc; margin:1em 0; border-radius:4px; width:100%; }
fieldset legend { font-weight:600; padding:0 5px; margin-left:1em; max-width:90% } 
.sup { vertical-align:super; font-size:70% }
.fs70 { font-size:70% }
.fs80 { font-size:80% }
.fs90 { font-size:90%; line-height:1.6 }
.fs110 { font-size:110% }
.fs120 { font-size:120% }
.fs130 { font-size:130% }
.fs140 { font-size:140% }
.fs150 { font-size:150% }
.fs160 { font-size:160% }
.fs170 { font-size:170% }
.module { display:none; }
.wiecej { display:inline-block; padding:7px 1.5em; background:#1e4268; color:#eee; border-radius:3px; -webkit-border-radius:3px; transition:.4s; vertical-align:middle }
.wiecej:hover { background:var(--blue1); color:#fff; cursor:pointer; }
footer { clear:both; background:rgb(0,80,150); color:#eee; padding-bottom:1em; font-size:87%; line-height:1.4 }
footer hr { border-bottom:1px solid rgba(200,230,255,.5) }
footer a { color:#fff; overflow:hidden; position:relative; }
footer a:after { content:''; width:100%; height:1px; background-color:#fff; position:absolute; left:0; right:0; bottom:-5px; margin:auto; width:0; transition:.3s; opacity:0 }
footer a:hover { cursor:pointer; color:#fff }
footer a:hover:after { bottom:-2px; opacity:1; width:100% }
.preFoot { border-top:1px solid rgba(200,230,255,.5); border-bottom:1px solid rgba(200,230,255,.5);margin-top:1em;background:#fff;margin-bottom:.5em; }
.preFoot a { display:block; color:#1c5187; }
.preFoot a:hover { color:#4286f4; }
#foot-footer { border-top:1px solid rgba(200,230,255,.5); margin:9px 0.5em 0px 0.5em; color:#ccc; padding-top:1em }
#matus { font-size:90% }
.clear { clear:both }
.flo-r { float:right }
.flo-l { float:left }
.mrb { margin-right:1em; margin-bottom:11px }
.mlb { margin-left:1em; margin-bottom:11px }
.tr { text-align:right }
.center { text-align:center }
.w33 { width:32.5%; padding:0 2% }
.w33:nth-child(even) { border-left:1px dotted #0080ff; border-right:1px dotted #0080ff }
.w25 { width:24.5%; padding:0 1% }
.w25:nth-child(even) { border-left:1px dotted #0080ff; border-right:1px dotted #0080ff }
.news { width:49%; height:300px; float:left; margin:0px 2% 15px 0; overflow:hidden; opacity:0; position:relative; }
.news:nth-child(even) { margin-right:0 }
.first { width:auto; float:none; margin:0px 0.5% 15px 0!important; min-height:auto; overflow:hidden }
.news article { border:1px solid rgb(55,115,255); padding:.5em 1em; min-height:auto; background:#fff; font-size:90%; height:100%; text-align:justify; }
.news h4, #kalCont h4,h3.kal,.lasts h3 { background:#1c5187; color:#eee; padding:9px; border-top-left-radius:5px; border-top-right-radius:5px; line-height:1.3 }
#kalCont { min-height:360px; background:url('http://www.pcpr-ciechanow.pl/pliki/kalendarz.png') no-repeat center center; }
h3 span { font-size:90%; font-weight:300; }
.news h4 { font-weight:300; line-height:1.3; font-size:90% }
.bottom { background:rgba(230, 240, 245,.8); border-top:1px solid #99c0ff; border-bottom:1px solid #1c5187; position:absolute; z-index:1; bottom:0; left:1px; right:1px; height:45px; padding:4px; }
.news article img { max-height:205px; }
.news h4 a { color:#fff; }
.news h4 .date { font-weight:300; color:#f2e799; }
.news h4 a:hover { color:#fff; }
.news2 { padding:1em; margin:10px 0.1px 10px 3px;background:#fff;box-shadow:2px 2px 5px #111; }
.lasts h3 { margin-top:0 }
.plusContent { display:none }
.title { color:#1c5187 }
.date { color:#0055ad; padding-left:1em; }
h3 .date { background:url('http://www.pcpr-ciechanow.pl/pliki/calendar.svg') no-repeat top right; padding-right:1.6em; }
.tresc { padding:1em 0 }
.jestes { font-size:90%;background:#f5f5fa;padding:5px 7px; margin-bottom:1em; border:1px dotted #0092d4 }
.jestes .f-ico { color:#777;line-height:1;position:relative;top:-2px;font-size:7px }
.jestes a { overflow-wrap:break-word; }
.jestes a:hover { text-decoration:underline }
.jestes a:last-child, .jestes a:last-child:hover { color:#395; text-decoration:none;}
.jestes > span { color:#444; }
.opa0 { opacity:0 }
.opa1 { opacity:1 }
.blue1 { color:var(--blue1); }
.close { cursor:pointer }
.close:after { content:'\e009'; font-family:'matus'; line-height:1; transition:.5s; color:rgb(210,220,230) }
.close:hover:after { color:#fff }
#popup .close:after, #popup .close:hover:after { color:#000; text-shadow:0 0 1px #fff; }
#kalArt { overflow:hidden; }
#kalArt img { max-width:200px; display:block; margin:auto }
.post { margin-bottom:1em; border-bottom:1px solid #1c5187 }
.marker { background:yellow;color:black }
.post:last-child { border-bottom:none }
.clear-after:after, .clear-before:before { content:''; display:block; clear:both; }
.gallink { text-align:left; background:#0055ad; border-radius:3px; max-width:275px; margin:0 auto; box-shadow:1px 1px 3px #999; transition:.7s; -webkit-transition:.7s }
.gallink i { font-size:45px; padding-left:20px; }
.gallink a { display:block; color:#fff; font-size:30px; position:relative; top:-3px; }
.gallink:hover { background:orange; }
.gallink:hover a { color:#0b1b36 }
.gallink strong:after { content:'\e007'; font-family:matus; padding-left:.7em; transition:.7s; }
.gallink:hover strong:after { padding-left:1.2em; color:#0b1b36}
#rotater { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; background-color:#fff }
#rotater a { display:block; background-size:cover; background-position:bottom center; padding-bottom:19% }
.inLine,.inLine li,.float, .float li { list-style:none; margin:0; padding:0 }
.inLine li { display:inline-block }
.float li { float:left }
ul.none { list-style-type:none; }
ul.none li { padding-left:0; }
ul.none li:before { content:''; display:none; }
ul.marg { margin:1em 0 }
ul.marg li { padding:.5em 0; border-top:1px solid rgba(200,210,255,.7); margin:0; }
ul.marg li:first-child { border:none; }
#marquee { height:50px; max-width:100%; overflow:hidden; background:#fff; outline:1px solid #eee; margin:.75em }
#marquee li { width:190px; height:50%; margin:0; padding:0; text-align:center }
#marquee ul { margin:0; padding:0 }
.rel { position:relative }
.oblam { text-shadow:var(--oblam) }
.nowrap { white-space:nowrap; }
.rt { text-align:right }
.galeria { padding:0; list-style:none; text-align:center; margin:0 auto; }
.galeria::before { content: ' '; display:block; clear:left; }
.galeria li { display:inline-block; vertical-align:middle; margin:4px; max-width:32%; overflow:hidden; position:relative; box-shadow:1px 3px 5px #b0b0b0; }
.galeria li .opis { display:block; position:absolute; bottom:0; left:0; right:0; height:30px; background:rgba(0,0,0,.5); color:#fff; line-height:30px; font-size:13px; transition:.25s; text-align:center; }
.galeria li:hover .opis { background:#000; height:40px; line-height:40px; }
.tresc .galeria li { margin:2px 4px; text-align:center; vertical-align:middle; }
.galeria li img { transition:.5s; display:block; margin:auto; }
.galeria li:hover img { transform:scale(1.15); -webkit-transform:scale(1.15); }
.gList { margin:0; padding:0; margin-top:2em; }
.gList > li { margin:0; padding:0; margin-bottom:2em; opacity:0; background:#f5f5fa; padding:5px 3px;box-shadow:1px 1px 2px #ccc}
.visible { visibility:visible; opacity:1; }
.noVisible { visibility:hidden; }
#popup { width:700px;height:70%;max-width:96%;max-width:calc(98% - 32px); position:fixed; top:0; left:0; right:0; bottom:0; z-index:999999999; margin:auto; outline:16px solid rgba(0,20,40,.4); overflow:hidden }
#popup > .popup, #popup iframe.popup { background:#fff;padding:1em 17px 1em 1em;overflow-y:auto;position:absolute;top:0;left:0;bottom:0;right:-17px }
.rozwin:after, .zwin:after { content:'\e008'; padding:0 5px; font-family:matus; display:inline-block; font-size:11px }
.rozwin:after { transform:rotate(180deg); }
#siteMap { background:url('http://www.pcpr-ciechanow.pl/pliki/css/svg/?f=sitemap&width=280&height=500&fill=ebf4f5&stroke=d7dede') repeat-y top right; background-size:30%; }
#siteMap li a[href$="projekty"] + ul { display:none; }
.text-gradient { background:#1e5799;background:-webkit-linear-gradient(top, #0055ad 1%,var(--blue1) 50%,#0055ad 100%); background:linear-gradient(to bottom, #0055ad 1%,var(--blue1) 50%,#0055ad 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-weight:900; }
.prev-f:before { content:'\e001'; }
.ok-f:before { content:'\e002'; }
.fb-f:before { content:'\e003'; }
.home-f:before { content:'\e004'; }
.info-f:before { content:'\e005'; }
.kropa-f:before { content:'\e006'; }
.next-f:before { content:'\e007'; }
.top:before { content:'\e008'; }
.xClose:before { content:'\e009'; }
.x-f:before { content:'\e009'; }
.error-f:before { content:'\e010'; }
.find-f:before { content:'\e011'; }
.koszyk-f:before { content:'\e012'; }
.mail-f:before { content:'\e013'; }
.img-f:before { content:'\e014'; }
.play-f:before { content:'\e015'; }
.rew-f:before { content:'\e016'; }
.tel-f:before { content:'\e017'; }
.gora-f:before { content:'\e018'; }
.video-f:before { content:'\e019'; }
.back-f:before { content:'\e020'; }
.pfron-f:before { content:'\e021'; }
.yt-f:before { content:'\e022'; }
.kom-f:before { content:'\e023'; }
.sp-f:before { content:'\e024'; }
.stop-f:before { content:'\e025'; }
.word-f:before { content:'\e026'; }
.openOffice-f:before { content:'\e027'; }
.pdf-f:before { content:'\e028'; }
.pcpr-f:before { content:'\e029'; }
.url-f:before { content:'\e030'; }
.excel-f:before { content:'\e031'; }
.mapPoint-f:before { content:'\e032'; }
.fotoAp-f:before { content:'\e033'; }
.play2-f:before { content:'\e034'; }
.stop2-f:before { content:'\e035'; }
.kontrast-f:before { content:'\e036'; }
.ppt-f:before { content:'\e037'; }
@-webkit-keyframes flash1 { 0% { background-color:#1c5187 }
50% { background-color:#3faceb }
100% { background-color:#1c5187 }
}
@keyframes flash1 { 0% { background-color:#1c5187 }
50% { background-color:#3faceb }
100% { background-color:#1c5187 }
}
#fb-link:hover { animation:fb .4s both }
@keyframes fb { 50% { transform:scale(1.2) } }
.bg1anim { -webkit-animation-name:flash1; -webkit-animation-duration:2s; animation-name:flash1; animation-duration:2s }
.point { cursor:pointer }
@media (max-width:1000px) { main > article { padding:1em; }
}
@media (max-width:980px) { 
#Powiat { right:0 }
.gallink strong { font-size:25px; }
}
@media (max-width:799px) { 
main { width:auto; margin:0; border:none; border-top:7px solid #1c5187 }
#kalCont { padding:1em; }
#kalCont h3 { transition:.5s }
main article { min-height:300px }
.rCol { width:100%; float:none }
.news { width:100%; margin:5px 0 }
footer .content { padding:1em; text-align:center }
.preFoot a, footer a { padding:.5em }
.w33, .w25 { width:80%; padding:0 2%; margin:auto; float:none }
.w33:nth-child(even), .w25:nth-child(even) { border-left:none; border-right:none }
footer .flo-r { float:none }
.opa-h0 { height:0; opacity:0; visibility:hidden }
@-webkit-keyframes opa { 0% { height:0px; opacity:0; visibility:hidden }
100% { height:50px; opacity:1; visibility:visible }
}
.a-anim { -webkit-animation-name:opa; -webkit-animation-duration:0.5s; animation-name:opa; animation-duration:0.5s; animation-timing-function:ease-in-out; -webkit-animation-timing-function:ease-in-out }
@media (max-width:799px) and (orientation:landscape) { 
.rCol { position:static }
}
@media (max-width:650px) { 
.galeria li { max-width:48%; margin:9px 1%; }
}
@media (max-width:560px) { 
header h1 a,header h1 a span { text-shadow:none }
fieldset { margin:1em -0.8em; width:auto; }
fieldset a[href^="mailto:"] { font-size:90% }
main > article fieldset ul > li { padding-left: 0.5em; }
main > article fieldset .mail-f::before { content: ''; }
}
@media (max-width:420px) { 
.galeria li { max-width:100%; margin:9px auto; }
main > article img.flo-l, main > article img.flo-r { float:none; }
}