/* xs < 768 */
@media screen and (max-width: 767px) {
    html, body { font-size: 15px; }
    h1 { font-size: 1.3rem; }
    h1.mainTitle { font-size: 1.3rem; line-height: 1.6rem; font-family: calluna,sans-serif; margin-bottom: 0.9rem }
    h2 { font-size: 1.2rem; }
}

/* sm */
@media screen and (min-width: 768px) {
    html, body { font-size: 15px; }
    h1 { font-size: 1.3rem; }
    h1.mainTitle { font-size: 1.3rem; line-height: 1.6rem; font-family: calluna,sans-serif; margin-bottom: 0.9rem }
    h2 { font-size: 1.2rem; }
}

/* md */
@media screen and (min-width: 992px) {
    html, body { font-size: 14px; }
    h1 { font-size: 1.3rem; }
    h1.mainTitle { font-size: 1.5rem; line-height: 2rem; font-family: calluna,sans-serif; margin-bottom: 0.9rem }
    h2 { font-size: 1.2rem; }
}

/* lg */
@media screen and (min-width: 1200px) {
    html, body { font-size: 15px; }
    h1 { font-size: 1.3rem; }
    h1.mainTitle { font-size: 1.5rem; line-height: 2rem; font-family: calluna,sans-serif; margin-bottom: 0.9rem }
    h2 { font-size: 1.2rem; }
}

.container {
    background-color: #fff;
}

.padding0 {padding: 0;}
.pl0 {padding-left: 0;}
.pr0 {padding-right: 0;}
.pr20 {padding-right: 2rem;}
.ml10 {margin-left: 2rem;}



.up {
    margin: 0.5rem 0 0 0;
    min-height: 3rem;
    border-bottom: 1px dotted rgba(196, 44, 29, 0.75);

}

.logo-bip {
    padding-top: 0.6rem;
}

.lang-flag {
    padding-top: 0.8rem;
}

.header-img {
    border-top: 1px solid #EEEDEE;
}

.logo-sm {
    width: 37%;
    padding: 1rem 0;
}


.logo-md {
    padding: 0.5rem 0 1rem 0;
}

.form-control,
.btn.btn-default {;
    border-radius: 0;
}

/* style wyszuliwania googla */
#searchForm {
    padding: 0 0px 0 0;
    background-image: none !important;
}

.gsc-control {
    width: 100% !important;
}

.gsc-control-cse.gsc-control-cse-pl {
    padding: 0;
}

form.gsc-search-box {
    padding: 0;
    margin: 0;
    width: 100%;
}

.gsc-resultsbox-visible { width: 550px; }
.gsc-tabsArea { width: 5500px; }

.cse input.gsc-search-button, input.gsc-search-button {
    border: none !important;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
}
.cse input.gsc-search-button, input.gsc-search-button {
    background: url('https://giodo.gov.pl/img/Search.png') no-repeat !important;
}

.gsc-clear-button { display : none; }

#searchForm input.gsc-input {
    background-image:none !important;
    padding: 5px;
    font-size: 12px;
    border: 1px solid rgba(196, 44, 29, 0.75);
    background-color: #F1F1F1;
    color: #707070;
    width: 100%;
}
/* style wyszuliwania googla */

.eng {margin: 0 auto}

div.menuTop .container {
    border-top: 1px dotted #A81F1A;
}

a.menuTop {
    font-family: sans-serif;
    /*color: #282828 !important;*/
    color: #fff !important;

}
.cred {color: #A81F1A;}
.active a.menuTop, .active a.menuTop:hover {
    /*color: #cf5d51 !important;*/
    text-decoration: underline;
}

#mynavbar-content {
    background-color: #A81F1A;
    z-index: 2000;
}

/*.navbar-collapse li a {*/
    /*background-color: #fff;*/
    /*color: #ccc;*/
/*}*/

.navbar-default .navbar-nav > .active > a, .navbar-default
.navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #A81F1A;
    color: #fff;
}

.navbar.navbar-default {
    border-radius: 0;
    background-color: #A81F1A;
    border: 0;
    margin: 0;
}

.navbar-default .navbar-brand {
    color: #fff;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}

.nav > li > a {
    padding: 15px 11px 5px 11px;
    margin-bottom: 5px;
}

.bread-crumbs, .bread-crumbs a {
    color: #666;
}

.bread-crumbs .home-ico {
    display: block;
    float: left;
    margin-bottom: 1rem;
    margin-right: 0.4rem
}

.bread-crumbs {
    font-size: 1rem;
    line-height: 1.2rem;
    margin: 0.5rem 0 1rem 0;
    border-bottom: 1px dotted #333;
    padding-bottom: 1rem;
}

.footerIcons {
    border-top: 1px solid #AC0800;
    border-bottom: 1px solid #AC0800;
}

.footerIcons .container {
    padding-top: 0.7rem;
    padding-bottom: 0.6rem;
}

.footerIcons h2 {
    font-size: 1.4rem;
    margin: 0.5rem 0 0 0;
    padding: 0 1rem;
}

.footer {
    font-size: 0.74rem;
    margin: 0.6rem auto 0.6rem auto;
}

.footer div, .footer div a {
    height: 2rem;
    line-height: 2rem;
}

.twitter {
    padding: 0;
}
.twitter img {
    margin-top: -0.5rem;
    width: 3rem;
}

.footerNewsBox {
    padding: 1rem 1rem;
    background-color: #333333;
    border-top: 1px dotted #AC0800;
    border-bottom: 1px dotted #AC0800;
}

.footerNewsBox .container {
    background-color: #333333;
}

.footerNewsBox h2 {
    color: #fff;
    font-size: 1.4rem;
    margin: 0.5rem 5rem 1rem 1rem;
    padding: 0 1rem 1rem 1rem;
    border-bottom: 1px solid #b8bfc5;
}

.footerNews {
    min-height: 10rem;
    /*display: flex;*/
    /*flex-wrap:wrap;*/
    /*flex-direction:row;*/
    /*justify-content:flex-start;*/
    /*align-items:stretch;*/
    color: #b8bfc5;
}

.footerNewsItem {
    /*list-style: square;*/
    /*flex-flow: column;*/
    background: rgba(0, 0, 0, 0) url("../img/ul.gif") no-repeat scroll left 0.85rem;
    padding: 0.3rem 0.3rem 0.3rem 1rem;
    /*margin: 0 2%;*/
    /*width: 43%;*/
}

.footerNewsItem a {
    font-size: 0.9rem;
    color: #b8bfc5;
}

.footer-row {
    background-color: #fff;
}

.tt {
    font-family: monospace;
    font-size: 0.9rem;
}

.attachmentsHeader {
    font-size: 1.2rem;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.5rem;
}

.attachmentsBlock{
    padding: 0;
    margin: 1rem 0 0 0;
}

.attachmentsItem {
    padding: 0;
    margin: 0.5rem 0;
}

.attachmentsItem div {
    line-height: 1.45rem;
}

.attachmentsItem a.description {
    display: block;
    line-height: 1.4rem;
    padding-top: 0.4rem;

}

.file-metric, .article-metric {
    display: none;
}

.file-metric-button {
    cursor: pointer;
}

.article-metric-button {
    color: #ac0800;
    font-size: 0.9rem;
    line-height: 0.9rem;
    cursor: pointer;
    padding: 0 0 0.4rem 0;
    text-align: right;
}

.file-metric-button {
    color: #ac0800;
    font-size: 0.9rem;
    line-height: 0.9rem;
}

.galleryBlock {
    padding-top: 0.5rem;
    margin: 1rem 0 1.5rem 0;
}

.menu-left .menu-item {
    background: rgba(0, 0, 0, 0) url("../img/arr-m.png") no-repeat scroll left 0.15rem;
    font-size: 0.9rem;
    line-height: 1.2rem;
    min-height: 1.4rem;
    list-style-type: none;
    margin-bottom: 0.3rem;
    margin-left: 0.3rem;
    padding-left: 1rem;
}

.menu-left .menu-item.active a {
    color: #ac0800;
}
.menu-left .menu-item.active,
.menu-left .menu-item:hover
{
    background: rgba(0, 0, 0, 0) url("../img/arr-m-active.png") no-repeat scroll left 0.25rem;
}

.catLevel1 {
    font-size: 1.05rem;
    margin-top: 0.75rem;
    margin-bottom: 0rem;
    margin-left: 0.5rem;
    padding-left: 1rem;
    background: rgba(0, 0, 0, 0) url("../img/arr-m.png") no-repeat scroll left 0.25rem;
}

.catLevel1:hover {
    background: rgba(0, 0, 0, 0) url("../img/arr-m-active.png") no-repeat scroll left 0.25rem;
}


.catLevel1 + .catLevel2 {
    margin-top: 0.3rem;
}

.artLevel0, .catLevel2, .artLevel2 {
    margin-left: 0.5rem;
}
/* time line */
.paddingTop {
    padding-top: 2.7rem;
}

.timeLine.smDiv {
    min-height: 60px;
    padding-right: 1rem;
    background: transparent url("../img/dotted-line.svg") no-repeat right top;
}

.timeLine .lgRightDot {
    position: absolute;
    z-index: 1000;
    left: -11px;
    top: 45px;
    width: 11px;
    height: 11px;
}

.timeLine .lgLeftDot {
    position: absolute;
    z-index: 1000;
    right: 0px;
    top: 10px;
    width: 11px;
    height: 11px;
}

.timeLine .smDot {
    position: absolute;
    z-index: 1000;
    right: -5px;
    top: 5px;
    width: 11px;
    height: 11px;
}

.timeLine.lgYear {
    font-size: 1.5rem; height: 98px; height: 30px;
}
.timeLine.smYear {
    font-size: 1.5rem; height: 60px; margin-right: -1rem; height: 30px;
}

.catLevel2Right, .artLevel2Righ {
    background: rgba(0, 0, 0, 0) url("../img/arr-s-active.png") no-repeat right 0.65rem;
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: none;
    margin-left: 1.5rem;
    margin-bottom: 0;
    padding: 0.2rem 1rem 0.2rem 0;
}


.catLevel2, .artLevel2 {
    background: rgba(0, 0, 0, 0) url("../img/arr-s-active.png") no-repeat scroll left 0.65rem;
    font-size: 1rem;
    line-height: 1.5rem;
    list-style-type: none;
    margin-left: 1.5rem;
    margin-bottom: 0;
    padding: 0.2rem 0 0.2rem 0.7rem;
}

.catLevel2:hover, .artLevel2:hover {
    background: rgba(0, 0, 0, 0) url("../img/arr-s.png") no-repeat scroll left 0.65rem;
}

.artLevel0 {
    padding: 0.5rem 0 0.25rem 1rem;
    background: rgba(0, 0, 0, 0) url("../img/arr-m.png") no-repeat scroll left 0.75rem;
}
.artLevel0:hover {
    background: rgba(0, 0, 0, 0) url("../img/arr-m-active.png") no-repeat scroll left 0.75rem;
}

.box {
    padding: 1.2rem 1rem;
    margin-bottom: 0rem;
}

.box-title {
    font-size: 1.2rem;
    font-font: Roboto,Helvetica,Arial,sans-serif;
    /*text-transform: uppercase;*/
    border-bottom: 1px dotted;
    font-weight: normal;
    margin-top: 0rem;
    padding: 0.5rem;
    color: #ac0800;
}

.box-home {
    margin: 1rem 0 1rem 0;
}

.news-box {
    margin-bottom: 1.5rem;
}

.news-box h2 {
    margin-top: 0;
}

.news-box img {
    margin-right: 1rem;
    float: left;
}

.div-content {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.div-content.home {
    padding-top: 1.5rem;
    padding-bottom: 1rem;
}

.left-content {
    padding: 0 1rem 1rem 2rem;
}

.body-content {
    padding: 0 2rem 1rem 1rem;
}

.body-content.home {
    padding: 0 1rem 1rem 1rem;
}

.body-content h1:first-child {
    font-size: 1.2rem;
    line-height: 1.5rem;
    padding-top: 0;
    margin: 1.5rem 0rem 1rem 0rem;
    padding: 0 0 0.7rem 0;
    border-bottom: 1px dotted #8c8c8c;
}


.body-content h2 {
    line-height: 1.5rem;
}

.body-content h3 {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.body-content h4 {
    font-size: 1.1rem;
    line-height: 1.2rem;
}

.body-content ul {
    list-style: none;
    padding-left: 1rem;
}

.body-content ul li {
    margin-left: 0.8rem;
}

.body-content ul li:before {
    /*content: " ▪";*/
    content: " ∷";
    color: #ac0800;
    margin-left: -2.5rem;
    padding-right: 0.8rem;
    display: inline-block;
    text-align: right;
    width: 2.5rem;
}

.body-content .thumbNav li:before {
    content: "";
    margin: 0;
    padding: 0;
    width: 0.05rem;
}

.body-content .thumbNav li {
    margin: 0;
    padding: 0;
}

.body-content .img-right {
    float:right;
    margin: 0 1rem 1rem 1rem;
}

.galleryBlock {

}

.galleryBlock img {
    padding: 0.1rem;
    margin: 0.35rem 0.25rem;
}

.filter-item
{
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    margin: 0 0 0.5rem 0;
    display: flex;
}

.filter-item > input:focus {
    outline:0;
}

.filter-item > input {
    margin: 0.2rem 0.7rem 0 0;
    cursor: pointer;
}

.filter-item > label {
    margin: 0;
    cursor: pointer;
}

.filter-item > input {

}

.filter-item > label {
    font-size: 1rem;
    font-weight: normal;
}

.activeFilter {
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
    color: #DC9143;
}

#loading-indicator {
    position: absolute;
    left: 10px;
    top: 10px;
}

p.showNextDiv {
    cursor: pointer;
    text-align: right;
    color: #ac0800;
}

p.showNextDiv:hover {
    text-decoration: underline;
}

div.hidden {
    display: none;
}


#auto_menu {
    border-top: 1px dotted #ccc;
    padding-top: 0.6rem;
    margin-top: 0.2rem;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 0.1rem;
    margin-bottom: 1.5rem;
}

#auto_menu p {
    cursor: pointer;
}

#auto_menu .level_H2,
#auto_menu .level_H3,
#auto_menu .level_H4 {
    padding-left: 0.2rem;
}

#auto_menu p::before {
    content: " ∷";
    color: #ac0800;
    margin-left: -1.2rem;
    padding-right: 0.8rem;
    text-align: right;
    width: 2.5rem;
}

#auto_menu .table_of_content_header {
    font-size: 1.4rem;
}

#auto_menu .level_H1 {
    font-size: 1.2rem;
    margin: 0 0 0.7rem 1.3rem;
}
#auto_menu .level_H2 {
    font-size: 1.1rem;
    margin: 0 0 0.6rem 1.3rem;
}
#auto_menu .level_H3 {
    font-size: 1rem;
    margin: 0 0 0.5rem 2.1rem;
}
#auto_menu .level_H4 {
    font-size: 0.9rem;
    margin: 0 0 0.3rem 2.8rem;
}

#article-content .active_header {
    background-color: #F8DEB1;
}