/* 1 ******************************************************************** CSS default style sheet /  NowyBIP / 2015 / mmh *********************************************************************/
/* --------------------------------------------------------------------
BASICS & TYPOGRAPHY 111
-------------------------------------------------------------------- */
*{margin:0;padding:0;}
html {
    font-size: 15px; /*base font-size*/
}
/* text-spacing WCAG21 settings*/
body p{
    margin-bottom:2rem;
}
/* text-spacing WCAG21 settings END*/
body{font-family:sans-serif,Arial,Helvetica,Tahoma,Verdana,'Trebuchet MS';color:#54606B;text-align:center;background:#fff;}
a:link{color:#54606B;}
a:visited{color:#54606B;}
a:active{color:#54606B;}
a:hover{color:#54606B;}
h1{font-size:2.2em;}
h2{font-size:1.9em;}
h3{font-size:1.6em;}
h4{font-size:1.4em;}
h5{font-size:1.2em;}
h6{font-size:0.8em;}
h2,h3,h4,h5,h6{margin:0 0 5px 0;text-align:left;font-family:"Trebuchet MS",Tahoma,Arial,serif;color:#54606B;font-weight:normal;}
.paragraph_article > .panel > h3,.paragraph_text > h3:first-child,.paragraph_text > h3{color:#464646;font-size:2em;line-height:2em;margin:0;}
#top-breadcrumbs{background:none repeat scroll 0 0 #98c9e9;padding:10px 10px 5px;}
#portal-name{border-bottom:1px solid #ddd;padding:10px 20px;}
#portal-name h1{font-size:2.2em;font-weight:normal;}
#portal-name h1 a{text-decoration:none;}
p{font-size:1em;line-height:1.6em;margin:0 0 1.2em 0;}
ol,ul{font-size:1.0em;line-height:1.4em;margin:1em 1em 1em 2em;}
.paragraph_text ul li,.cms_article_full_content ul li{list-style:square;}
li > p{margin-top:0.2em;}
pre,code{font-family:monospace;font-size:1.1em;}
ol,ul,li,dl,dt,dd,pre,code,blockquote,td,th{text-align:left;}
abbr,acronym{cursor:help;border:0;background-color:#FFF9C5;padding:1px;}
strong{font-weight:bold;}
img{border:0;}
input,select,textarea{font-size:1em;border:1px solid #828D98;font-family:Arial,sans-serif;}
input:hover,input:focus,select:hover,select:focus,textarea:hover,textarea:focus{border:1px solid #000;}
form input{vertical-align:middle;}
hr{clear:both;height:1px;color:#E4E4E4;background-color:#E4E4E4;border:0;padding:0;margin:0;}
/* tabele */
table{clear:both;}
table.bipTable{border:1px solid #877243;padding:5px;caption-side:bottom;empty-cells:show;/*border-spacing:none;WRONG - need to delete*/border-collapse:collapse;margin:15px 0;}
table.bipTable tr{vertical-align:top;}
table.bipTable th,table.bipTable td,table.bipTable caption{border:1px solid #d9d9d9;padding:3px;font-size:11px;}
table.bipTable th{background:#f2f2f2;text-align:left;}
table.bipTable td p,table.bipTable th p,table.bipTable td a,table.bipTable th a{text-align:left;font-size:1em;}
table.bipTable th{font-weight:normal;}
table.bipTable caption{background-color:#F8F3E6;font:small-caps;padding:10px;caption-side:top;margin-bottom:5px;}
/* --------------------------------------------------------------------
LAYOUT
-------------------------------------------------------------------- */
div#wrapper{background:#FFFFFF;margin:0 auto;position:relative;text-align:left;width:982px;}
#header{/* height:145px; */
overflow:hidden;margin:0; /* text-indent:-9000px; */}
#header img{width:982px;}
#header > a{display:block;margin:0 auto;text-decoration:none;}
/* content wrapper */
#content{float:right;margin:10px 20px;width:705px;line-height:1.5em;}
/* navigation */
#navigation{border-right:1px solid #DDDDDD;float:left;margin:0 10px 0 0;padding:10px;width:205px;background:#fff;}
#navBottom{margin:0;padding:0;height:12px;}
#navigation .padding{padding:10px 2px 10px 10px;}
#navigation h3{font-size:1.2em;font-weight:bold;margin:0;padding:10px 0;}
#navigation ul{list-style-type:none;margin:0;padding:0;}
#navigation ul li{list-style-type:none;margin:0;padding:0;font-size:.9em;}
#navigation ul li a{display:block;font-size:1.2em;font-family:Arial,Tahoma,sans-serif;text-decoration:none;color:#023958;border-bottom:1px solid #C4D6E8;padding:5px;width:170px;width:155px;}
html>body #navigation ul li a{width:155px;}
#navigation ul li a:hover,#navigation ul li.current a{background-color:#fff;}
#navigation form input{vertical-align:middle;}
/* footer */
#footer{background-color:#FFFFFF;border-top:1px solid #DDDDDD;clear:both;margin:0;padding:20px 10px;}
#footer p{float:right;font-family:Tahoma,sans-serif;font-size:0.9em;margin:0;text-align:center;}
#footer p img{display:none;}
/* docinfo */
#docinfo{clear:both;margin:20px 0;padding:7px;background:#E9F4FF url(img/docInfo-back.gif) repeat-x 0 100%;line-height:1.5;text-align:right;font-family:Tahoma,sans-serif;font-size:.9em;}
#docinfo p{text-align:right;font-family:Tahoma,sans-serif;font-size:.9em;}
/********* TOP PANEL *********************************************/
#panelTop{width:982px;margin:20px auto 0 auto;width:982px;z-index:999;background:#f6f6f6;}
/* Handy matrix */
#panelTopContent{height:31px;margin:0 auto;padding:15px 10px 18px;position:relative;}
#panelTop ul#button_menu{position:relative;top:7px;width:81px;height:18px;float:left;overflow:hidden;list-style-type:none;margin:0;padding:0;}
#panelTop ul#button_menu li{list-style-type:none;}
#panelTop ul#button_menu li a{position:absolute;top:0;text-indent:-9000px;text-decoration:none;overflow:hidden;height:17px!important;background:url(img/matrixHandy.gif) no-repeat;margin:0;padding:0;}
#button_menu li#edytuj a{background-position:0 0!important;width:18px!important;left:0;}
#button_menu li#edytuj a:hover{background-position:0 -17px!important;width:18px!important;left:0;}
#button_menu li#rejestr a{background-position:-18px 0!important;width:18px!important;left:18px;}
#button_menu li#rejestr a:hover{background-position:-18px -17px!important;width:18px!important;left:18px;}
#button_menu li#drukuj a{background-position:-36px 0!important;width:18px!important;left:36px;}
#button_menu li#drukuj a:hover{background-position:-36px -17px!important;width:18px!important;left:36px;}
#button_menu li#kontakt a{background-position:-54px 0!important;width:18px!important;left:54px;}
#button_menu li#kontakt a:hover{background-position:-54px -17px!important;width:18px!important;left:54px;}
#panelTopContent > div ul{margin:0;padding:0;}
.header_right_menu ul > li,#panelTopContent > div li{border-left:1px solid #333;float:left;list-style-type:none;padding:0 6px 0 2px;}
.header_right_menu ul >li:first-child,#panelTopContent > div li:first-child{border:0;}
.header_right_menu ul > li a,#panelTopContent > div li a{color:#333;font-size:1em;line-height:10px;margin-left:5px;padding:2px 0 0 0;text-decoration:none;}
#top_menu_left{float:left;}
#top_menu_right{float:right;}
.header_right_menu{position:static;}
.header_right_menu li{list-style-type:none;}
.header_right_menu ul li,.header_right_menu ul li a{border-color:#999;color:#000;font-weight:normal;text-shadow:2px 1px 1px #fff;}
.breadcrumbs a{color:#333;font-size:1em;font-weight:normal;text-transform:none;}
/* data field */
p#data{margin:0;padding:0;position:absolute;top:7px;left:105px;font-size:11px;color:#fff;font-family:Tahoma,sans-serif;}
/* jump menu */
select#jumpMenu{float:right;margin-top:5px;}
/* top nav matrix */
#menuTopContainer{height:32px;overflow:hidden;margin:auto;width:982px;background:#98c9e9;line-height:34px;}
#menuTopContainer ul{position:relative;width:973px;height:34px;overflow:hidden;list-style-type:none;margin:0 0 0 5px;padding:0;}
#menuTopContainer ul li{list-style-type:none;float:left;}
#menuTopContainer ul li a{text-decoration:none;display:block;line-height:32px;margin:0 0 0 10px;padding:0;font-weight:bold;background:url(img/menuTop-arrow.png) no-repeat 0 0;padding-left:17px;color:#ddd;font-family:Tahoma,sans-serif;font-size:11px;}
#menuTopContainer ul li a:hover,#menuTopContainer ul li.current a{background:url(img/menuTop-arrow.png) no-repeat 0 -32px;color:#fff;}
/********* ZGLOS SPRAWE ******************************************/
form#notifyCaseForm input,form#notifyCaseForm select,form#notifyCaseForm textarea
form#notifyCaseForm{line-height:1.7;margin-bottom:15px;}
form#notifyCaseForm label{float:left;clear:left;text-align:right;width:14em;margin-right:0.5em;margin-bottom:0.5em;}
form#notifyCaseForm input,form#notifyCaseForm select,form#notifyCaseForm textarea{float:left;width:200px;text-align:left;border:1px solid #8d8d8d;}
form#notifyCaseForm textarea{height:100px;margin-top:5px;margin-bottom:7px;}
form#notifyCaseForm input:hover,form#notifyCaseForm select:hover,form#notifyCaseForm input:focus,form#notifyCaseForm select:focus,form#notifyCaseForm textarea:hover,form#notifyCaseForm textarea:focus{border:1px solid #F3AC32;}
form#notifyCaseForm br{clear:left;}
form#notifyCaseForm input.submit{width:92px;height:27px;text-align:center;margin-left:173px;margin-top:10px;}
/* checkcase form */
form#msg input#casenumber{width:120px;}
/* --------------------------------------------------------------------
SPECIFIC ELEMENTS
-------------------------------------------------------------------- */
img.left{float:left;margin:0 15px 15px 0;clear:both;}
img.right{float:right;margin:0 0 15px 15px;clear:both;}
img.center{margin:10px;margin:0 auto;clear:both;}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
/* no border on input/submit images */
.inputImg,.inputImg:hover{border:0;cursor:pointer;vertical-align:middle;}
/* czytaj dalej */
a.czytajDalej{display:block;width:92px;height:27px;text-decoration:none;float:right;margin-bottom:10px;background:url(img/dalej.png) no-repeat 0 0;text-indent:-1000px;}
a.czytajDalej:hover{background:url(img/dalej.png) no-repeat 0 -27px;}
* html body a.czytajDalej{margin-bottom:0;}
div.basicBox{clear:both;}
/* print only */
#printHeader{display:none;}
/* --------------------------------------------------------------------
dopisane
-------------------------------------------------------------------- */
form input[type="text"],form input[type="password"],form textarea,form select,form checkbox{border-radius:3px 3px 3px 3px;border-radius:3px;background:none repeat scroll 0 0 #FFFFFF;border:1px solid #CCCCCC;font-size:1em;padding:4px 5px;}
input[type=text]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:rgba(82,168,236,.75)!important;box-shadow:0 0 8px rgba(82,168,236,.5);box-shadow:0 0 8px rgba(82,168,236,.5);box-shadow:0 0 8px rgba(82,168,236,.5);}
input[type="button"]{border-radius:15px 15px 15px 15px;border-radius:15px;background-position:0 -200px;font-size:15px;line-height:20px!important;padding:5px 15px 6px;}
input[type="button"],input[type="submit"]{border-radius:14px 14px 14px 14px;border-radius:14px;background:url("img/all_buttons.png") repeat-x scroll 0 0 #DDDDDD;border-color:#989898 #989898 #adadad;border-style:solid;border-width:1px;color:#333333;cursor:pointer;font:11px/14px "Lucida Grande",sans-serif;margin:0;overflow:visible;padding:4px 8px 5px;text-shadow:1px 1px 0 #FFFFFF;width:auto;height:2em;}
span.buttons_indicator{height:26px;width:130px;padding:0;display:block;margin:0 0 0 8px;text-align:center;background:transparent url("img/ajax-loader-wide.gif") no-repeat scroll 0 8px;float:none;text-indent:-999em;}
input[type=submit]:focus,input[type=button]:hover{border-color:#999 #999 #888;background-position:0 -6px;color:#000;text-decoration:none;}
input[type=submit]:hover{border-color:#999 #999 #888;background-position:0 -206px;color:#000;text-decoration:none;}
a.cms_button{border-radius:14px 14px 14px 14px;border-radius:14px;background:url("img/all_buttons.png") repeat-x scroll 0 0 #DDDDDD;border-color:#989898 #989898 #ADADAD;border-style:solid;border-width:1px;color:#333333;cursor:pointer;font-size:0.8em;margin:0;overflow:visible;padding:2px 10px;text-shadow:1px 1px 0 #FFFFFF;width:auto;}
a.cms_button:hover{border-color:#999 #999 #888;background-position:0 -206px;color:#000;text-decoration:none!important;}
.paragraph_text p:after,.paragraph_article p:after{content:".";display:inline;height:0;clear:none;visibility:hidden;}
.cms_article_list li a.cms_art_list_short_img,
.cms_article_list li div.cms_art_list_short_img{
  margin-right:6px;
  margin-top:4px;
}
#navigation .cms_newsletter_form input[type="text"]{padding:0;}
#navigation .cms_newsletter_form input[type="submit"]{padding:0;border-radius:3px;border-radius:3px;padding:0 2px;}
.paragraph{padding-bottom:20px;}
#navigation ul ul li a{background-position:10px 5px;padding:0 0 2px 23px;width:145px;}
#navigation ul ul ul li a{background-position:30px 5px;padding:0 0 2px 43px;width:105px;}
html>body #navigation ul li a{width:181px;}
html > body #navigation ul li li > a{width:168px;}
html>body #navigation ul li li div > a{width:168px;padding:10px 10px 10px 15px;}
html>body #navigation ul li li li div > a{width:158px;padding:10px 10px 10px 30px;}
html>body #navigation ul ul ul li a{width:135px;}
#navigation ul li a:hover,#navigation ul li.current a{background:transparent}
#navigation form input{vertical-align:middle;}
#navigation .clean{margin:0 0 0 10px;padding-top:20px;width:172px;}
#navigation ins{display:none;}
.paragraph_search,#search_field{margin-bottom:20px;}
.paragraph_search input.text,#search_field input.text{width:117px;margin:0;padding:0;}
.paragraph_search input.button,#search_field input.button{text-indent:-999em;font-size:0.1px;color:#ddd;width:64px;height:21px;border:0;cursor:pointer;background:transparent url('img/input-szukaj.gif') no-repeat 0 0;}
#navigation .paragraph_image ul li{list-style-type:none;margin:0;padding:0;font-size:.9em;margin-bottom:10px;}
#navigation .paragraph_image ul li a{display:block;font-size:1.2em;font-family:Arial,Tahoma,sans-serif;text-decoration:none;color:#023958;margin-left:0;background-image:none;border-bottom:0;padding:0;width:auto;width:auto;border:0;}
html>body #navigation .paragraph_image ul li a{width:auto;}
#navigation .paragraph_image ul li a:hover{background-color:transparent;}
/* ------------------------------------------------------------------------------------
SLIDER */
.sidebar .paragraph.slider_bullets{margin:0px;padding:0;}
.paragraph.slider_bullets{height:200px;overflow:hidden;position:relative;width:200px;}
.paragraph.slider_bullets img{display:block;height:200px;margin:0 0 0 1px;position:absolute;top:0;width:200px;z-index:0;}
.paragraph.slider_bullets .sequences{position:relative;width:200px;height:200px;}
.paragraph.slider_bullets .sequences li{overflow:hidden;height:200px;left:1px;list-style-type:none;position:absolute;top:0;width:200px;}
.slider_bullets .panel{bottom:-2px;position:absolute;z-index:3;}
.paragraph.slider_bullets .photo_data{box-shadow:1px 1px 3px #2F4F4F;box-shadow:1px 1px 3px #2F4F4F; /* filter:progid:DXImageTransform.Microsoft.Shadow(color='#2F4F4F',Direction=145,Strength=3); */
  /* filter:progid:DXImageTransform.Microsoft.Shadow(color='#333333',direction='145',strength='5'); WRONG need to delete*/ /* IE */
background-color:#2D5783;bottom:6px;height:40px;opacity:0.8;padding:19px 30px 5px;position:absolute;right:0;text-shadow:0 1px 0 #333333;top:26px;width:130px;z-index:2;}
.sidebar .paragraph.slider_bullets{margin:0px;padding:0;position:relative;width:226px;}
.paragraph.slider_bullets .photo_data h3{font-size:1.7em;}
.paragraph.slider_bullets .photo_data h3,.paragraph.slider_bullets .photo_data h4{font-weight:normal;margin:0;padding:0;font-family:"Lucida grande","Lucida sans unicode",Arial,Helvetica,sans-serif;}
.paragraph.slider_bullets .photo_author{color:#FFFFFF;display:block;font-size:0.9em;margin-top:10px;}
.paragraph.slider_bullets .photo_data h3{margin-bottom:10px;}
.paragraph.slider_bullets .photo_data a{text-decoration:none;}
#navigation ul.sequences h3,html body #navigation ul li h3 a{background:transparent;background-image:none;border-bottom:0;color:#fff;display:inline;font-family:Arial,Tahoma,sans-serif;font-size:1.2em;margin-left:0;padding:0;text-decoration:none;width:auto;}
.paragraph.slider_bullets .photo_data h3 a,.paragraph.slider_bullets .photo_data h4 a{color:#fff;}
.paragraph.slider_bullets .photo_data h4{font-size:1.1em;border-bottom:0;}
.paragraph.slider_bullets .photo_data h4 a{text-transform:none;line-height:1.3em;}
.paragraph.slider_bullets a.more{display:none;}
.slider_bullets .panel ul{display:none;}
#sidebar .paragraph.slider_bullets h3 a{color:#fff;}
#sidebar .paragraph.slider_bullets h3,#sidebar .paragraph.slider_bullets h2{background:transparent;color:#FFFFFF;font-size:1.2em;padding:0;}
#footer a{text-decoration:none}
#footer ul#cms_user_menu,#footer ul#cms_user_menu,#footer ul.list_menu{float:left;margin:0;text-align:center;}
#footer #cms_user_menu li,#footer .list_menu li{list-style-type:none;display:inline;float:none;}
#footer #cms_user_menu li:after,#footer .list_menu li:after{content:" |";}
#footer #cms_user_menu li.cms_user_signup{display:none;}
#footer #cms_user_menu li.cms_user_login:after,#footer #cms_user_menu li.cms_user_logout:after,#footer #cms_user_menu li.last:after,#footer .list_menu li.last:after{content:normal;}
#footer #cms_user_menu li a,#footer .list_menu li a{text-decoration:none;font-size:0.9em;color:#54606B;}
#cse-search-results iframe,#cse-search-results{width:495px;}
.cms_user_details,.cms_user_tools,.cms_user_mini_stats{min-width:281px;}
#navigation .cms_text_photo,#navigation .cms_article_abstract_image{max-width:189px!important;margin-left:0;}
#navigation .paragraph_text{font-size:80%;padding-bottom:20px;}
.page_changelog span{display:block;float:left;margin-bottom:10px;width:33%;}
.page_changelog{border-bottom:1px solid #C0C0C0;color:#54606B;font-size:0.8em;height:auto;line-height:1.3em;margin-bottom:0px;padding:10px;}
.breadcrumbs{margin-bottom:5px;text-align:left;}
#two_cols{width:705px;}
#col1{float:left;width:470px;margin-right:10px;}
#col2{float:right;width:200px;}
#col2 h3{font-size:1em;font-weight:bold;padding-bottom:5px;border-bottom:1px solid #ddd;margin-bottom:5px;}
#col2 .cms_edition_article_author{display:none;}
ul.paragraph_images_horizontal a,ul.paragraph_images_vertical a{background-color:#FFFFFF;border:1px solid #CCCCCC;margin-bottom:10px;margin-top:5px;overflow:hidden;padding:4px;}
.storycontent h2,h2.MsoNormal{font-size:1.3em;margin:10px 0;text-align:justify;}
.storycontent h2 a,h2.MsoNormal a{text-decoration:none}
.storycontent h2 a:hover,h2.MsoNormal a:hover{text-decoration:underline}
h4.photo_name{font-size:0.9em;color:#000;}
.paragraph_text table,.paragraph_article table{border:none;}
html body .navbar{opacity:0.9;}
html body .navbar .nav > li > a{padding:1px 10px 2px!important;}
#olark + #panelTop + #wrapper,#current_user_avatar_hidden + #panelTop + #wrapper{margin-top:0!important}
.cms_article_list li h4 a{color:#1C1C1C;font-weight:normal;text-decoration:none;}
.cms_article_list .cms_single_article .panel{margin-bottom:4px}
.product_panel{padding-bottom:42px;position:relative;}
.paragraph_text table.no_border th,.paragraph_text table.no_border td,.paragraph_text table.no_border caption,.paragraph_article table.no_border th,.paragraph_article table.no_border td,.paragraph_article table.no_border caption,table.no_border tr,table.no_border th,table.no_border td,table.no_border{border:0;}
.paragraph_article > .panel > h3,.paragraph_text > h3:first-child,.paragraph_text > h3{line-height:1.5em;margin: 20px 0 20px;}
.cms_menu_1 li span.toggle{}
#panelTopContent > div li{margin-top:13px;}
#panelTopContent > div li.print_it{margin-top:8px;}
#panelTopContent > div li.search_here{border:0;margin-top:0;margin-left:30px;}
li.search_here input[type="submit"]{background:#db002f;border:0 none;color:#fff;font-size:1em;text-shadow:none;text-transform:uppercase;}
li.search_here input[type="text"]{}
@media (max-width:600px){
  #header img,#panelTop,div#wrapper{width:500px;margin-left:0;}
  #header img{display:none;}
  .select-menu{display:block!important;}
  .select-menu select{width:95%;padding:10px;margin:10px;}
  #content{float:none;width:auto;}
  html .header_right_menu{margin:0 0 13px;padding:0;position:relative;right:auto;}
  #col2,#col1,#two_cols{width:auto;width:100%;}
  #navigation{display:none;}
  .header_right_menu,#top_menu_right{float:left;margin-bottom:20px;}
  #panelTopContent > div li.search_here{border:0 none;margin-left:7px;margin-top:9px;}
  .header_right_menu{margin-left:11px;}
  #header img,#panelTop,div#wrapper{width:auto;}
}
@media (min-width:1420px){
  #header img,#panelTop,div#wrapper{width:1395px;}
  #content{width:1100px;}
  #navigation{}
  #two_cols{width:100%;}
  #col1{width:74%;}
  #col2{width:20%;}
}





span.graphic-w{display:none}
.menu_top1 li.epuap,.menu_top1 li.print_it{border:0;}
.menu_top1 li#epuap a,.menu_top1 li.print_it a{background:transparent url(img/epuap.png) no-repeat;border:0;display:block;height:21px;margin:0;padding:0;text-indent:-999em;width:90px;}
.header_right_menu > li.print_it,#panelTopContent > div li.print_it{border:0}
#top_menu_right > ul > li.print_it > a{background:url("https://wcag21-szary.nowybip.pl/pagelayout/bip-modern/img/print.png") no-repeat scroll 0 0 transparent;height:1em;width:1em;cursor:pointer;background-size: 1em 1em;}/*NEED HREF for WCAG 2.1*/
#new-footer{background-color:#f6f6f6;padding:10px 0;margin-bottom:20px;border-bottom:1px solid #ddd;min-height: 20vh;}
#new-footer > div{color:#1878c9;float:left;font-weight:bold;line-height:1.8em;margin-left:20px;text-align:left;width:31%;}
#content,#content > div.paragraph:last-child{padding-bottom:0;margin-bottom:0;}
.page_changelog span{position:relative;}
.page_changelog span.published_by strong{}

#buttons_field,
#buttons_field > a > span.contrast-w > img,
#size_bigger > img,
#size_smaller > img{ /*Reaction to window width*/
  width:  3vw;
}



#cse-search-box > div > input.button{
padding: 2px 4px 0px;
}
#drukuj{
    display: inline-block;
}

/*Poprawki WCAG21 z cms-view.css do elementĂłw uĹĽytych na stronach*/

.cms_download, .files_to_download {
    padding: 10px 10px 10px 60px;
    border: 1px solid #fde3ad;
    background: #fefde9 url(//dp5zdpqpeogmk.cloudfront.net/assets/img/ico_attachment-629b80109dea40ad4452e13560ec6161c02ca2a5212f777170d0d765f681b7bb.png) no-repeat 10px 10px;
    margin: 10px 0 10px 0;
    min-height: 39px;
}
.article_panel .cms_article_date {
    margin-bottom: 0;
    margin-right: 5px;
    padding-right: 5px;
}
.cms_article_date {
    margin: 0 0 1.5em;
        margin-right: 0px;
        margin-bottom: 1.5em;
}
.cms_article_categories, .article_top_tags, .cms_article_date, .cms_article_author {
    display: block;
    color: #666666;
    font-size: 10px;
    font-variant: normal;
    font-weight: lighter;
    text-align: left;
}
a.cms_print_it {
    border-left: 1px solid #DDDDDD;
    float: right;
    margin-left: 10px;
    margin-right: 0;
    padding-left: 17px;
    text-indent: -999em;
    vertical-align: top;
    width: 16px;
}
a.cms_print_it, .cms_article_tools li.cms_print_it a {
    background-position: 8px -43px;
}
a.cms_print_it, .cms_article_tools li a {
    display: block;
    text-decoration: none;
    height: 16px;
    background: url(//dp5zdpqpeogmk.cloudfront.net/assets/img/all_icons_default_cms-4ce96121356f26e549fada332872ed5564d5852b6c83be6a23e2c1ac6451f323.png) no-repeat 0 0;
        background-position-x: 0px;
        background-position-y: 0px;
    padding-left: 20px;
    overflow: hidden;
    margin-right: 10px;
}
.font_size_change {
    float: right;
}
div.cms_full_article > h3.not_single_article{
    display: none;
 }
 /*  Article-list view setttings */
li.cms_single_article{
    list-style: none;
}
.cms_article_list li a.cms_art_list_short_img,
.cms_article_list li div.cms_art_list_short_img{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
    overflow: hidden;
    padding: 2px;
}
#content .cms_article_list li.cms_single_edition, #content .cms_article_list li.cms_single_article {
    clear: both;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 10px 10px 5px 0;
}
.cms_article_list li a.cms_art_list_short_img img,
.cms_article_list li div.cms_art_list_short_img img{
    display: block;
}
.cms_more.cms_button {
    float: right;
}
/*  Article-list view setttings END*/
.paragraph_download .files_to_download{/*display download paragraph correction */
    list-style: none;
}
[class*="paragraph_images_"] { /*to display Images paragraphs properly*/
    list-style: none;
    padding: 0;
}
body [class*="paragraph_image"]>li>img,
body [class*="paragraph_image"]>li>a>img {/*Responsive only Images paragraphs*/
    width: 100%;
}
#navigation img{/*Only Oryginal Size in Nav column*/
    width: auto;
}
body > footer > div.footer-above img {/*Only Oryginal Size in <footer>*/
    width: auto;
}
/* To highlight what we choose with keyboard*/
    a#speech_rewind > img:hover,
    a#speech_player > img:hover,
    a#speech_fastforward > img:hover,
    a > span.contrast-w > img:hover,
    a > span.graphic-w > img:hover,
    a#size_bigger > img:hover,
    a#size_smaller > img:hover
{
      border: 3px solid #000;
  }
   a#speech_rewind > img,
   a#speech_player > img,
   a#speech_fastforward > img,
   a > span.contrast-w > img,
   a > span.graphic-w > img,
   a#size_bigger > img,
   a#size_smaller > img
{/*need to be because of image moving when its hovered or focused*/
      border: 3px solid rgb(0 0 0 / 0.0);
}
/* To highlight what we choose with keyboard END*/
 /* CSS update after changing order for HTML Lines of code - mobile version improve */
      #content {
      float: left;
    }

      @media only screen and (max-width: 528px) {
    #header {
          clear: both;
        }
    #panelTopContent {
        height: 50px;
        }
     }
     @media (max-width: 982px) {
        div#wrapper {
            width: auto;
        }
      /* check this CSS from previous settings */
      #header img,#panelTop,div#wrapper{width:500px;margin-left:0;}
      #header img{display:none;}
      .select-menu{display:block!important;}
      .select-menu select{width:95%;padding:10px;margin:10px;}
      #content{float:none;width:auto;}
      html .header_right_menu{margin:0 0 13px;padding:0;position:relative;right:auto;}
      #col2,#col1,#two_cols{width:auto;width:100%;}
      #navigation{display:none;}
      .header_right_menu,#top_menu_right{float:left;margin-bottom:20px;}
      #panelTopContent > div li.search_here{border:0 none;margin-left:7px;margin-top:9px;}
      .header_right_menu{margin-left:11px;}
      #header img,#panelTop,div#wrapper{width:auto;}
    /* check this CSS from previous settings END*/
      /* another layout for footer in mobile version */
      #new-footer > div {float: none;margin-left: auto;margin-right: auto;}
      .paragraph_image {float: left;}
    /* another layout for footer in mobile version END*/
      /* To see properly left nav-menu*/
      #navigation {display: block;width: 95%;padding: 2%;padding-right: 3%;}
      html>body #navigation ul li a,
      html > body #navigation ul li li > a {width: auto;}
      .paragraph_image { float: none; }
      #navigation .clean { width: auto; }
    /* To see properly left nav-menu END*/
     }
     /* CSS update after changing order for HTML Lines of code - mobile version improve END */
     /*CSS update WCAG2.1*/
     #portal-name h1{
        font-size: 3.6em;
     }
     #portal-title{
        padding: 10px 20px;
     }
     #navigation{
        border-top: 1px solid #DDDDDD;
     }
    /*CSS update WCAG2.1 END*/
      h2, h3, h4, h5, h6 {/*Correct Contrast Color*/
        color: #54606b;
    }
    #top_menu_right > ul > li.print_it > a{
        border: 5px solid transparent;
    }
    iframe {/*Style for Google Maps and Google Analytics*/
    width: 100%;
    }
    /*To changes sizes properly at Mobile screen for buttons and h1; h2*/
#buttons_field{width: 3%;}
@media only screen and (max-width: 1024px) {
      #buttons_field{    width: 6%;}
}
@media only screen and (max-width: 1420px) {
       #portal-name h1 { font-size: 2.5em;}
      h2 {font-size: 1.5em;}

}
/*To changes sizes properly at Mobile screen for buttons and h1; h2 END*/
/*To move menu and H2 at non mobile mode*/
div.login_bottom h1 {
    margin-bottom: 20px;
}
@media (min-width: 1420px) {
#navigation {
    margin-top: -123px;
}
#portal-title {
    padding: 35px 255px;
}
body.pagu h2 {
    min-height: 45px;
}
}
@media (max-width: 1420px) and (min-width: 982px)  {
#navigation {
    margin-top: -129px;
}
#portal-title {
    padding: 30px 255px;
}
h2 {
    min-height: 42px;
}
body.pagu h2 {
    min-height: 61px;
}
}
/*To move menu and H2 at non mobile mode END*/
/*Correct visual focus keyboard usage for WCAG 2.1*/
.breadcrumb-container a:focus,
body > nav > div > div.navbar-header.page-scroll > a:focus > img,
h1 a:focus,
.nav>li>a:focus,
a:focus{
    outline: auto 2px;
}
.cms_buttons input[type="submit"]:focus,
 #login_box .cms_buttons input[type="submit"]:focus,
 .paragraph_form input[type="submit"]:focus {
    outline: auto 2px black;
}
#top_menu_bar .top_menu_link:focus {
    color: #2C3E50 !important;
    background-color: white;
}
a#speech_rewind:focus > img,
a#speech_player:focus > img,
a#speech_fastforward:focus > img,
a:focus > span.contrast-w > img,
a:focus > span.graphic-w > img,
a#size_bigger:focus > img,
a#size_smaller:focus > img {
    border: 6px solid #000;
}
li.search_here input[type="submit"]:focus {
    border: solid 2px black;
}
/*Correct visual focus keyboard usage for WCAG 2.1 END*/
/*button text center-paragraph Article/News*/
#content a.cms_button.cms_more {
    padding: 10px 10px;
    line-height: normal;
}
/*button text center-paragraph Article/News END*/
/*correct nav-position */
#portal-title {
    padding: 0px 0px;
}
#navigation {
    margin-top: 0px;
   border-top: none;
}
.navigation{
border-right: 1px solid #DDDDDD;
    float: left;
    margin: 0 10px 0 0;
    padding: 10px;
    width: 205px;
    background: #fff;
    min-height: 62px;
}
@media (min-width: 1420px) {
.navigation{
    margin-top: 0px;
}
#portal-title {
    padding: 0px 0px;
}
}
@media (max-width: 544px) {
.navigation{
     border-bottom: 1px inset #ddd;
}
}
/*correct nav-position END*/
.paragraph h3 {/*correct vertical alignment for titles between paragraphs and left-menu */
    line-height: 1.5em;
    margin: 20px 0 20px;
}
/* fill 'logo-nav' height in parent div */
#portal-title{display: flex;}
#logo{flex:none;}
/* fill 'logo-nav' height in parent div END*/