/* Theme Name: instytutdziedzictwa2014 */

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=latin,latin-ext);

body {margin: 0; padding: 0; background: #f6f6f6 url('img/body-bg2.png') top repeat-x;}

.clear {clear: both;}
em {font-style: italic;}

#page-bottom-bg {margin: 0; padding: 0; background: url('img/footer-bg.png') bottom repeat-x; border: 0px solid #0000ff;}

#page {position: relative; width: 980px; margin: 0 auto; font-family: 'PT Sans Narrow', 'sans-serif';}

#top-red {position: relative; height: 84px; width: 980px; margin: 0; padding: 0; background: #da322b url('img/top-red-bg2.png') no-repeat;}
#top-red #searchform {/*position: relative; left: 920px; width: 190px;*/margin: 0 0 0 770px; padding: 0;}
#top-red #searchform form {margin: 0; padding: 0;}
#top-red #searchform form input.search-text {position: relative; top: 5px; margin: 0; padding: 0 5px 0 5px; width: 150px; height: 28px; border: 0px; background: url('img/top-search-bg.png') no-repeat; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px;}
#top-red #searchform form input.search-button {position: relative; top: 15px; margin: 0; padding: 0; width: 28px; height: 28px; border: 0px;}

#top-gray {height: 259px; width: 980px; margin: 0; padding: 0;/*background: url('img/top-gray-bg.png') no-repeat;*/}

#top-logo {position: absolute; top: 0; left: 37px; height: 210px; width: 193px; margin: 0; padding: 0; z-index:10; background: url('img/top-logo.png') no-repeat;}
#top-logo a {display: block; width: 182px; height: 168px; margin: 31px 0 0 11px; padding: 0; text-decoration: none; border: 0px;}

/*#slajdy {position: relative; top: -30px; width: 950px; height: 345px; margin: 0 auto; padding: 0; background: url('img/slajd-cien-bg.png') bottom no-repeat;}
#slajd1 {width: 950px; height: 320px;}
#slajd1 img {margin: 0; padding: 0 0 25px 0;}
#slajd1 .slajdy-txt {position: absolute; right: 10px; bottom: 55px; padding: 20px 25px 20px 25px; margin: 0; background: url('img/slajd-txt-bg.png') repeat;}
#slajd1 .slajdy-txt h3 {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 38px; font-weight: 300; letter-spacing: 1px; color: #f4f4f4;}
#slajd1 .slajdy-txt p {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 21px; font-weight: 300; letter-spacing: 1px; color: #f4f4f4;}
#slajdy-pager {position: absolute; bottom: 33px; left: 15px;}
#slajdy-pager a {text-decoration: none;}
#slajdy-pager a img {margin: 3px; width: 14px; height: 14px;}*/

.slideshow {position: relative; top: -30px; width: 950px; height: 345px; margin: 0 auto; padding: 0; background: url('img/slajd-cien-bg.png') bottom no-repeat;}
.slideshow-bg {background-color: #fff;}
.slides {position: absolute; top: 0; left: 0; width: 950px; height: 320px;}
.slides img {margin: 0; padding: 0 0 25px 0;}
.slides .slide-txt {position: absolute; right: 10px; bottom: 55px; padding: 10px 25px 10px 25px; height: 100px; max-width: 355px; margin: 0; text-align: right; background: url('img/slajd-txt-bg.png') repeat;}
.slides .slide-txt h3 {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 38px; font-weight: 300; letter-spacing: 1px; color: #f4f4f4; line-height: 130%;}
.slides .slide-txt p {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 21px; font-weight: 300; letter-spacing: 1px; color: #f4f4f4; line-height: 130%;}
.slider-dots {position: absolute; bottom: 33px; left: 15px;}
.slider-dots .dot {cursor: pointer; display: inline-block; width: 14px; height: 14px; margin: 4px; background-color: #fff;}
.slider-dots .dot:hover, .slider-dots .active {background-color: #da322b;}

.fadea {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}

@-webkit-keyframes fade {
  from {opacity: 0.4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0.4} 
  to {opacity: 1}
}

#container {position: relative; top: 80px; width: 950px; margin: 0 auto; background: url('img/menu-red-line-bg.png') repeat-y 254px 0px;}

#left-side {float: left; width: 254px; margin: 0;}

#left-side ul {list-style-type: none; margin: 20px 0 0 0; padding: 0;}
#left-side ul li {margin: 0; padding: 0; width: 254px; height: 40px;}
#left-side ul li a {display: block; width: 254px; height: 20px; padding: 10px 10px 10px 8px; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 20px; font-weight: 300; text-decoration: none; color: #444444;}
#left-side ul li a:hover {color: #ffffff; background: url('img/menu-red-bg.png') no-repeat; text-decoration: none;}
/*#left-side ul li a.aktywny-link {color: #ffffff; background: url('img/menu-red-bg.png') no-repeat; text-decoration: none;}*/
#left-side ul li.current-menu-item, #left-side ul li.current-post-ancestor {background: url('img/menu-red-bg.png') no-repeat; text-decoration: none;}
#left-side ul li.current-menu-item a, #left-side ul li.current-post-ancestor a {color: #ffffff; text-decoration: none;}

#left-side .grayline {width: 200px; height: 3px; margin: 20px 44px 20px 10px; padding: 0; background: url('img/left-gray-line-bg.png') repeat-x bottom;}

#left-side #linki-img {width: 200px; margin: 20px 0 20px 0; padding: 0 0 0 10px; text-align: center; }
#left-side #linki-img a {margin: 0 auto; padding: 0;}
#left-side #linki-img a img {margin: 10px 0 10px 0; padding: 0; border: 0px;}

#left-side #left-galeria {width: 200px; margin: 20px 0 20px 0; padding: 0 0 0 10px; text-align: center; }
#left-side #left-galeria h3 {margin: 0 0 10px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; text-transform: uppercase; letter-spacing: 5px; color: #d8322b;}
#left-side #left-galeria #left-galeria-content {padding: 10px; margin: 0; width: 180px; border: 1px solid #cbcbcb; background: #ffffff;}
#left-side #left-galeria #left-galeria-content img {margin: 0; padding: 0;}
#left-side #left-galeria #left-galeria-content img {margin: 0 0 5px 0; padding: 0; border: 0;}
#left-side #left-galeria #left-galeria-content p {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px; font-weight: bold; color: #656565;}

#content {float: left; width: 633px; padding: 25px 30px 25px 30px; margin: 0 0 0 3px; background-color: #ffffff;}
#content h1 {margin: 0px; padding: 0 0 15px 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 36px; font-weight: 300; letter-spacing: 1px; color: #999999; background: url('img/right-gray-line-bg.png') repeat-x bottom;}
#content h1 a, #content h1 a:hover {text-decoration: none; color: #999999;}

#content a img.alignleft {float: left; display: block;} /*styl dla thumbnaili-miniaturek na początkach niektórych wpisów*/

#content .entry {margin: 15px 0 45px 0;}
#content .entry h2 {margin: 0 0 5px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 24px; font-weight: 300; color: #d8322b;}
#content .entry h2 a {text-decoration: none; color: #d8322b;}
#content .entry h2 a:hover {text-decoration: underline; color: #d8322b;}
#content .entry p.entry-date {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 13px; font-weight: 300; color: #333333;}
#content .entry p {margin: 15px 0 15px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry p a, #content .entry p a.more-link {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry p a:hover, #content .entry p a.more-link:hover {color: #d8322b; text-decoration: underline;}
#content .entry strong {font-weight: bold;}
#content .entry ol {list-style-position: outside; list-style-type: decimal; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry ul, #content .entry ol ul {list-style-type: circle; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry li {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry li a {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry img {max-width: 100%;}

#content .entry_page {margin: 15px 0 45px 0;}
#content .entry_page h2 {margin: 0 0 5px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 24px; font-weight: 300; color: #d8322b;}
#content .entry_page h2 a {text-decoration: none; color: #d8322b;}
#content .entry_page h2 a:hover {text-decoration: underline; color: #d8322b;}
#content .entry_page p.entry-date {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 13px; font-weight: 300; color: #333333;}
#content .entry_page p {margin: 15px 0 15px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_page p a, #content .entry_page p a.more-link {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_page p a:hover, #content .entry_page p a.more-link:hover {color: #d8322b; text-decoration: underline;}
#content .entry_page strong {font-weight: bold;}
#content .entry_page .cat_informujemy {margin: 15px 0 15px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_page .cat_informujemy a {text-decoration: none; color: #d8322b;}
#content .entry_page ol {list-style-position: outside; list-style-type: decimal; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_page ul, #content .entry_page ol ul {list-style-type: circle; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_page li {margin: 5px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_page li ol {margin: 5px 0 5px 20px;}
#content .entry_page li a {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_page img {max-width: 100%;}
#content .entry_page img.florarium {float: left; margin: 0 15px 0 0; padding: 0;}

#content .entry_category {margin: 15px 0 45px 0;}
#content .entry_category h2 {margin: 0 0 5px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 24px; font-weight: 300; color: #d8322b;}
#content .entry_category h2 a {text-decoration: none; color: #d8322b;}
#content .entry_category h2 a:hover {text-decoration: underline; color: #d8322b;}
#content .entry_category p.entry-date {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 13px; font-weight: 300; color: #333333;}
#content .entry_category p {margin: 15px 0 15px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_category p a, #content .entry_category p a.more-link {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_category p a:hover, #content .entry_category p a.more-link:hover {color: #d8322b; text-decoration: underline;}
#content .entry_category strong {font-weight: bold;}
#content .entry_category ol {list-style-position: outside; list-style-type: decimal; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_category ul, #content .entry_category ol ul {list-style-type: circle; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_category li {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_category li a {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_category img {max-width: 100%;}

#content .entry_single {margin: 15px 0 45px 0;}
#content .entry_single h2 {margin: 0 0 5px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 24px; font-weight: 300; color: #d8322b;}
#content .entry_single h2 a {text-decoration: none; color: #d8322b;}
#content .entry_single h2 a:hover {text-decoration: underline; color: #d8322b;}
#content .entry_single p.entry-date {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 13px; font-weight: 300; color: #333333;}
#content .entry_single p {margin: 15px 0 15px 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_single p a, #content .entry_single p a.more-link {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_single p a:hover, #content .entry_single p a.more-link:hover {color: #d8322b; text-decoration: underline;}
#content .entry_single strong {font-weight: bold;}
#content .entry_single ol {list-style-position: outside; list-style-type: decimal; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_single ul, #content .entry_single ol ul {list-style-type: circle; margin: 15px 0 15px 20px; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_single li {margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333333; text-align: justify; line-height: 140%;}
#content .entry_single li a {font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #d8322b; text-decoration: none;}
#content .entry_single img {max-width: 100%;}

#content form {margin: 0; padding: 0;}
#content form input {margin: 10px 0 0 0; padding: 0 5px 0 5px; width: 250px; height: 28px; border: 1px solid #cbcbcb; background-color: #f6f6f6; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px;}
#content form input[type=submit] {margin: 10px 0 0 0; padding: 2px 5px 0 5px; width: 150px; height: 28px; color: #ffffff; border: 0px solid #cbcbcb; background-color: #d73332; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px; text-transform: uppercase; letter-spacing: 5px;}
#content form textarea {margin: 10px 0 0 0; padding: 0 5px 0 5px; width: 400px; height: 200px; border: 1px solid #cbcbcb; background-color: #f6f6f6; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 14px;}

#content .navigation { margin: 20px 0 0 0; text-align: center;}
#content .navigation a { margin: 0 40px 0 40px; color: #d8322b; text-decoration: none; font-size: 15px;}
#content .navigation a:hover { color: #d8322b; text-decoration: underline; }

#content .kapliczki-img {float: right; margin: 0 0px 0 20px; padding: 5px; border: 1px solid #ccc;}

#footer {width: 980px; height: 106px; margin: 120px 0 0 0; padding: 20px 0 20px 0; background: #3e3e3e; text-align: center;}
#footer a {margin: 0; padding: 0; color: #999;}
#footer a:hover, #footer a:active {color: #fff;}
#footer a img {border: 0px; margin: 0 0 15px 0; padding: 0;}
#footer #footer-gray-line {width: 700px; height: 1px; margin: 0 auto; background-color: #525252;}
#footer p {margin: 0 auto; padding: 20px 0 0 0; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: normal; color: #999;}

#shShutter, #shDisplay {cursor: pointer}

#cookies-info {z-index: 10000; position: fixed; left: 0; bottom: 0; width: 100%; padding: 0; margin: 0; border-top: 1px solid #da322b; background-color: #fff;}
#cookies-info .container {position: relative; width: 100%; max-width: 934px; padding: 0; margin: 0 auto;}
#cookies-info p {margin: 15px 20px 15px 0; text-align: justify; font-family: 'PT Sans Narrow', 'sans-serif'; font-size: 16px; font-weight: 300; color: #333; line-height: 125%;}
#cookies-info p:last-of-type {margin-bottom: 0;}
#cookies-info p a {cursor: pointer; text-decoration: underline; font-weight: 400; color: #000;}
#cookies-info p a:hover, #cookies-info p a:active, #cookies-info p a:focus {color: #da322b;}
#cookies-info a#cookie-info-close {float: left; display: inline-block; width: 31px; height: 19px; padding: 17px 0 0 6px; margin: 20px 0 0px 30px; color: #fff; background-color: #da322b; border: 1px solid #da322b; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}
#cookies-info a#cookie-info-close:hover, #cookies-info a#cookie-info-close:active, #cookies-info a#cookie-info-close:focus {color: #da322b; background-color: #fff;}
#cookies-info a#cookie-info-close .icon-bar {margin: 0; display: block; width: 25px; height: 2px; background-color: #fff; border-radius: 1px;}
#cookies-info a#cookie-info-close:hover .icon-bar, #cookies-info a#cookie-info-close:active .icon-bar, #cookies-info a#cookie-info-close:focus .icon-bar {background-color: #da322b;}
#cookies-info a#cookie-info-close .icon-bar + .icon-bar {margin-top: -2px;}
#cookies-info a#cookie-info-close .icon-bar:nth-of-type(1) {top: 0px; transform: rotate(45deg);}
#cookies-info a#cookie-info-close .icon-bar:nth-of-type(2) {top: 0px; transform: rotate(-45deg);}
#cookies-info a#cookie-info-accept {float: left; display: inline-block; padding: 11px 40px 9px 40px; margin: 20px 0; cursor: pointer; font-size: 16px; font-family: 'PT Sans Narrow', 'sans-serif'; font-weight: 500; text-transform: uppercase; text-decoration: none; color: #fff; background-color: #da322b; border: 1px solid #da322b; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;}
#cookies-info a#cookie-info-accept:hover, #cookies-info a#cookie-info-accept:focus, #cookies-info a#cookie-info-accept:active {background-color: #fff; color: #da322b;}
@media (max-width: 767px) {
#cookies-info .container {padding: 0 20px;}
#cookies-info p {margin: 20px 40px 20px 0; font-size: 13px;}
}
#cookies-info.hidden {display: none !important;}
