/* Theme Name: jantos2014 */

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

body {background-color: #213d5a; margin:0; padding:0;}

.clear {clear: both;}

#page {position: relative; width: 1206px /*bez cieni po bokach*/; margin: 0 auto; padding: 0; background: url('img/krk-bg.png') top left no-repeat;}

#navbar {margin: 0; padding: 0; height: 55px; width: 1206px; background: url('img/menu-bg.png') repeat-x;}

ul#nav {list-style-type:none; margin: 0 83px 0 83px; padding: 0; font-family: 'PT Sans', arial, sans-serif; font-size: 20px; line-height: 55px;}
ul#nav li {float: left; font-size: 20px; margin: 0 20px 0 20px;}
ul#nav li a {color: #0071bf; text-decoration: none;}
ul#nav li a:hover {color: #213b59; text-decoration: underline;}

#fb {position: absolute; top: 80px; left: 1110px;}
#fb a {text-decoration: none;}
#fb img {border: 0;}

#container {position: relative; width: 1002px; margin: 0 102px 0 102px; padding: 0;}

#top-left {float: left; width: 500px; height: 258px; margin: 0 0 0 1px;}
#top-right {float: left; width: 500px; height: 258px; margin: 0 0 0 1px;}
#name {/*position: absolute; top: 45px; left: 0px;*/ margin: 45px 0 0 0;}
#name a {text-decoration: none;}
#name img {border: 0;}
#best-radna {/*position: absolute; top: 45px; left: 0px;*/ margin: 1px 0 0 33px;}
#best-radna a {text-decoration: none; display: block; width: 320px; height: 32px; background: url('img/best-radna.png');}
#best-radna a:hover {text-decoration: none; display: block; width: 320px; height: 32px; background: url('img/best-radna-hover.png');}
#haslo {/*position: absolute; top: 230px; left: 0px;*/ margin: 70px 0 0 0;}
#haslo a {text-decoration: none;}
#haslo img {border: 0;}
#foto {/*position: absolute; top: 0px; right: 0px;top: 12px;*/ position: relative; top: 12px; margin: 0 0 0 40px; border: 0px solid #000;}
#foto img {position: relative; height: 360px; width: auto; border: 0; z-index: 5; margin: 0; padding: 0;}
#lista2018 {margin: 55px 0 0 70px;}
#haslo2018 {margin: 150px 0 0 120px;}

/* główna style 2018 */
#content-slajd2 {position: relative; width: 1002px; height: 440px; margin: 0 0 50px 0; z-index: 2 !important;}

#foto-jantos {position: absolute; right: 60px; width: 300px; height: 448px; border: 3px solid #fbf7f3;}
#foto-jantos img {width: 100%; height: auto;}

.nav-tabs {width: 640px; margin-left: 20px; border-bottom: none; background-color: #fbf7f3;}
.nav-tabs li {border: none; font-size: 24px; font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif;}
.nav-tabs li.active a, .nav-tabs li.active a:hover {border: none;}
.nav-tabs li a {margin-bottom: 1px; padding: 14px 16px 10px 16px; border: none; color: #0071bf;}
.nav-tabs li a.active, .nav-tabs li a:hover {color: #213b59; background-color: #fbf7f3; border: none;}
.tab-content {width: 625px; height: 305px; background-color: #fbf7f3;}
.tab-content #main2, .tab-content #main3, .tab-content #main4 {padding: 16px;}

#slajd-tresc2 { height: 345px; margin: 0px 0 0 0;  padding: 20px; border: 1px solid #818181; background: url('img/1px-fbf7f3.png') repeat; /*box-shadow: 3px 3px 3px #373737;*/}
#slajd-tresc2 p.bigger {display:none; margin: 0 0 10px 0; padding: 0; font-family: 'PT Sans', arial, sans-serif; font-size:28px !important; font-weight: normal; color: #213b59;}
#slajd-tresc2 p {margin: 0 0 10px 0; padding: 0; font-family: 'PT Sans', arial, sans-serif; font-size: 15px !important; color: #213b59; line-height: 140%; text-align: justify;}
#slajd-tresc2 a {color: #0071bf; text-decoration: none;}
#slajd-tresc2 a:hover {text-decoration: underline;}
#slajd-tresc2 strong {font-weight: bold;}
#slajd-tresc2 i {font-style: italic;}

#slajd-menu2 ul#slajd-ul {list-style-type:none; margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif; font-size: 40px;}
#slajd-menu2 ul#slajd-ul li {margin: 0 0 15px 0; padding: 0 0 0 20px;}
#slajd-menu2 ul#slajd-ul li.active {background: url('img/slajd-arrow.png') center left no-repeat;}
#slajd-menu2 ul#slajd-ul li.active:hover {background: url('img/slajd-arrow-hover.png') center left no-repeat;}
#slajd-menu2 ul#slajd-ul li a {margin: 0; padding: 0 0 0 18px; color: #0071bf; display: block; width: 259px; height: 70px; background-color: #fbf7f3; box-shadow: 3px 3px 3px #373737; text-decoration: none; line-height: 70px;}
#slajd-menu2 ul#slajd-ul li a:hover {color: #213b59; background-color: #f7ece1; text-decoration: none;}

/* główna style */
#content-main {position: relative; width: 1002px; margin: 0 102px 0 102px; padding: 0;}
#content-slajd {width: 960px; margin: 0; padding: 20px 20px 27px 20px; border-top: 1px solid #818181; border-left: 1px solid #818181; border-right: 1px solid #818181; background: url('img/1px-fbf7f3.png') repeat; z-index: 2 !important;}
#content-all {margin: 0; padding: 20px 20px 70px 20px; border-left: 1px solid #818181; border-right: 1px solid #818181; border-bottom: 1px solid #818181; background-color: #fbf7f3;}
#content-all p {margin: 0 0 10px 0; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 20px; color: #213b59; line-height: 140%; text-align: justify;}
#content-all h3 {margin: 10px 0 30px 0; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 30px; color: #213b59; line-height: 140%; text-align: center;}
#content-all a {color: #0071bf; text-decoration: none;}
#content-all a:hover {text-decoration: underline;}
#content-all img {margin-bottom: 30px;}
#slajd-tresc {float: left; width: 620px; height: 325px; margin: 0 30px 0 0; padding: 0px; background-color: #fbf7f3; box-shadow: 3px 3px 3px #373737;}
#slajd-menu {float: left; width: 300px; margin: 0 0 0 10px; padding: 0;}

#slajd-tresc p.bigger {margin: 0 0 10px 0; padding: 0; font-family: 'PT Sans', arial, sans-serif; font-size:28px !important; font-weight: normal; color: #213b59;}
#slajd-tresc p {margin: 0 0 10px 0; padding: 0; font-family: 'PT Sans', arial, sans-serif; font-size: 15px !important; color: #213b59; line-height: 140%; text-align: justify;}
#slajd-tresc a {color: #0071bf; text-decoration: none;}
#slajd-tresc a:hover {text-decoration: underline;}
#slajd-tresc strong {font-weight: bold;}
#slajd-tresc i {font-style: italic;}

#slajd-tresc .osc-res-nav {display: none;} /*po aktualizacje res wygaszanie tabów*/

#slajd-menu ul#slajd-ul {list-style-type:none; margin: 0; padding: 0; font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif; font-size: 40px;}
#slajd-menu ul#slajd-ul li {margin: 0 0 15px 0; padding: 0 0 0 20px;}
#slajd-menu ul#slajd-ul li.active {background: url('img/slajd-arrow.png') center left no-repeat;}
#slajd-menu ul#slajd-ul li.active:hover {background: url('img/slajd-arrow-hover.png') center left no-repeat;}
#slajd-menu ul#slajd-ul li a {margin: 0; padding: 0 0 0 18px; color: #0071bf; display: block; width: 259px; height: 70px; background-color: #fbf7f3; box-shadow: 3px 3px 3px #373737; text-decoration: none; line-height: 70px;}
#slajd-menu ul#slajd-ul li a:hover {color: #213b59; background-color: #f7ece1; text-decoration: none;}

#content-all-filmy {margin:0; padding: 0;}
#content-all-film {float: left; margin: 30px 30px 10px 30px;}
#content-all-img {float: right; margin: 0px 38px 20px 40px; padding: 0px; border: 0px solid #ccc; font-family: 'PT Sans', arial, sans-serif; font-size: 20px; color: #213b59; letter-spacing: 5px;}
#content-all-img img {box-shadow: 3px 3px 3px #373737; margin: 10px 0 0 0;}

/*style dla reszty strony */
#content {position: relative; width: 1002px /*960px*/; min-height: 350px; margin: 0 102px 0 102px; padding: 20px 20px 70px 20px; border: 1px solid #818181; background-color: #fbf7f3;}

#content p {margin: 0 0 10px 0; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 20px; color: #213b59; line-height: 140%; text-align: justify;}
#content h2 {margin: 20px; padding: 0; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 36px; color: #213b59; }
#content h3 {margin: 20px; padding: 0; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 26px; color: #213b59; }
#content ul {list-style-type: circle; margin: 20px; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 20px; color: #213b59; text-align: justify;}
#content li {margin: 5px 0 5px 0; padding: 0 0 0 10px; font-family: 'PT Sans Narrow', 'PT Sans', arial, sans-serif; font-size: 20px; color: #213b59; line-height: 140%; text-align: justify;}
#content strong {font-weight: bold;}
#content i {font-style: italic;}
#content a {color: #0071bf; text-decoration: none;}
#content a:hover {text-decoration: underline;}
#content em {font-style: italic;}
#content img {box-shadow: 3px 3px 3px #373737;}

.content-slideshare {float: left; margin: 10px 20px 10px 20px;}

.foto2018 {float: right; margin: 30px;}

#stopka {position: absolute; bottom: 0%; left: 30px; margin: 0px 0 17px 0; padding: 0; border-top: 1px solid #213d5a;}
#stopka ul#stopka-ul {list-style-type:none; margin: 20px 0 0 0; padding: 0; font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif; font-size: 16px;}
#stopka ul#stopka-ul li.stopka-li {float: left; margin: 0 19px 0 19px; padding: 0;font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif; font-size: 16px;}
#stopka ul#stopka-ul li.stopka-li a {margin: 0; padding: 0; color: #213b59; text-decoration: none;}
#stopka ul#stopka-ul li.stopka-li a:hover {text-decoration: underline;}

#cookies-info {z-index: 100; position: fixed; left: 0; bottom: 0; width: 100%; padding: 20px 0 0 0; margin: 0; border-top: 1px solid #213b59; background-color: #fbf7f3;}
#cookies-info .container {position: relative; width: 100%; max-width: 1002px; padding: 0 20px; margin: 0 auto;}
#cookies-info p {margin: 5px 0 25px 0; text-align: justify; color: #656565; font-family: 'PT Sans Narrow', 'Arial Narrow', arial, sans-serif; font-size: 16px; font-weight: 300;}
#cookies-info p a {color: #656565; text-decoration: underline;}
#cookies-info a:hover, #cookies-info a:active, #cookies-info a:focus {color: #0033ff;}
#cookies-info a#cookie-info-close {font-size: 18px; text-decoration: none; letter-spacing: 1px; color: #656565;}
#cookies-info a#cookie-info-close:hover, #cookies-info a#cookie-info-close:active, #cookies-info a#cookie-info-close:focus {color: #213b59;}
#cookies-info.hide {display: none !important;}