/* CSS 
Autor: Filip Matysiak 
*/

body {
    font-family: "Helvetica Neue",Helvetica, sans-serif;
    font-weight: lighter;
    padding-bottom: 0px;
    /* background-image: url("../img/tlo.png") */
}

area { 
    display: none;
    outline: none;
}
.container {

    max-width: 1400px;
}


.bg { 
    background-image: url("http://dajczer.meteomap.pl/img/tlo_slowacja_tatry.jpg");
    height: 200px; 
    width: 100%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	position:absolute;
	z-index:0;
	opacity:1;
}

.bgMain{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 143px;
    z-index:10;
}
.logoGora{
    z-index:10;
    position: relative;
}

.logoGora > a > img{
    display: block;
    /*margin: 0 auto; */
    margin-left: 5%;
    height: 100%;
}
.logoGora > .napis{
    top:20px;
    display: block;
    left: 40%;
    font-size: 35px;
    position: absolute;
    font-family: 'Alegreya Sans SC', sans-serif;
    color: white;
}
.logoGora > .napis2{
    top:150px;
    display: block;
    left: 80%;
    font-size: 25px;
    position: absolute;
    font-family: 'Alegreya Sans SC', sans-serif;
    color: white;
}
/* zmiana czcionki przy małych ekranach */
@media only screen and (max-width: 500px) {
    .bg { 
        height: 130px;
    }
    .logoGora{
        height: 130px;
    }
    .logoGora > .napis{
        left: 50%;
        font-size: 20px;
    }
    .logoGora > .napis2{
        top:100px;
        left: 70%;
        font-size: 19px;
    }
}



.tlogora{
    position: fixed;
    width: 100%;
    height: 130px;
    z-index: 99;
    background-color: white;
}



.odstep30{
    margin-top: 30px;
}
.odstep60{
    margin-top: 60px;
}
.odstepPrawo80{
    margin-right: 80px;
}

.indeksgorny {
    vertical-align: super
}


.akapit{
    margin-left:0px;
	margin-top:0px;
    z-index: 20;
    position: relative;
}

.tekst{
	font-size:16px;
    font-weight: normal;
    z-index: 100;
    text-align: justify; 
    display:block;
	color: #313131;
}

.tekstPodtytul{
	font-size:18px;
    font-weight: normal;
    z-index: 100;
    text-align: justify; 
    display:block;
    margin-top: -10px;
}


.tekstDuzy{
	font-size:19px;
    font-weight: normal;
    z-index: 100;
    text-align: justify; 
    display:block;
}
.bold{
    font-weight: bold;
}

.czesc{
    
}
.tabela{
    display: block;
}
.tabelaLewa30{
    display: inline-block;
    width: 30%;
}
.tabelaPrawa60{
    display: inline-block;
    width: 60%;
}
/* Gdy na moblinym, to wyświetlamy tabele jedna pod drugim */
@media only screen and (max-width: 500px) {
    .tabelaLewa30{
        display: block;
        width: 100%;
    }
    .tabelaPrawa60{
        display: block;
        width: 100%;
    }
}


/*.navbar-default .navbar-nav > li:hover, .navbar-default .navbar-nav > li:focus , .navbar-default .navbar-nav > li>.open{
    border-color: rgb(88,4,93);
    border-bottom-style: solid;
    border-width: thin;
    top:-10px;
    
}*/
.navbar-default .navbar-nav > li > a{
    text-transform: uppercase;
    font-family: "PT Sans";
    font-size: 16px;
}
/*.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    top:10px;
}*/
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    text-decoration: underline;
    font-family: "PT Sans";
    text-decoration-color: rgb(88,4,93);
    
}






/***
Strona główna
*/
.cytat{
    width: 400px;
}
/*.carousel {
    width: 60%;
}
.carousel-inner > .item > img {
    margin: 0 auto;
    height: 400px;
    
}*/
.zdjecieStrGl{
    /*height: 300px;*/
	float:right;
    display: block;
}
@media only screen and (max-width: 500px) {
    .zdjecieStrGl{
        float:none;
        margin: 0 auto;
    }
}
.powitanie{
	font-size:25px;
	text-align:center;
}


/***
Mysli i słowa
*/
.zdjecieElMysli{
    height: 400px;
	float:left;
}


/***
Książki
*/

.Ksiazka{
    display: inline-flex;
}
.Ksiazka > .okladka{
    display: inherit;
}
.Ksiazka > .okladka > img{
   margin-top: 25px; 
    width: 200px;
}
.Ksiazka > .opis{
    display: grid;
    vertical-align: top;
    margin-left: 10px;
}

.okladkaSpisTresci > img{
    margin-top: 10px; 
    width: 200px;
}


.podtytul{
    margin-top: 60px;
	font-size:18px;
    font-weight: normal;
    z-index: 100;
    text-align: center; 
    display:block;
    font-style: italic;
}




/***
Media
*/

.MediaWpis > .gora{
    display: inline-block;
    width: 100%;
}

.MediaWpis > .gora > .lewa{
    display: inline-block;
}
.MediaWpis > .gora > .prawa{
    display: inline-block;
    text-align: right;
    float:right; clear:right;
}
.MediaWpis > .gora > .prawa > .data{
    font-style: italic; 
}
.MediaWpis > .gora > .prawa > .autor{
    font-weight: bold;
}


/***
Aktualnosci
*/
.AktualnosciObrazek {
    cursor: zoom-in;
}
.modal-backdrop.in{
    z-index: 1;
}
.AktualnosciObrazek {
    width:250px;
    height:auto;
    display: block;
    margin: 0 auto; 
}
.AktualnosciObrazek.wiekszy{
    width:450px;
}
@media only screen and (max-width: 500px) {
    .AktualnosciObrazek.wiekszy{
        width:70%;
    }
}

.AktualnosciWpis > .gora{
    display: inline-block;
    width: 100%;
}
.AktualnosciWpis > .gora > .lewa{
    display: inline-block;
}
.AktualnosciWpis > .gora > .lewa > .tytul{
    font-size: 26px;
}
@media only screen and (max-width: 500px) {
    .AktualnosciWpis > .gora > .lewa > .tytul{
        font-size: 18px;
    }
}
.AktualnosciWpis > .gora > .prawa{
    display: inline-block;
    text-align: right;
    float:right;
    clear:right;
}
.AktualnosciWpis > .gora > .prawa > .data{
    font-style: italic; 
}

.tekstDuzyA{
	font-size:33px;
}
.tekstDuzyB{
	font-size:32px;
}
.tekstWiekszyA{
		font-size:22px;

}

.italic{
  font-style: italic;
}
.center{
	text-align: center;
}

/***
Dolny navbar
*/



.navbar-fixed-bottom{
    height: 35px;
    min-height: 35px;
}

.socialFB{
    float: right;
    margin-right: 50px;
    margin-top: -40px;
}
.socialINSTA{
    float: right;
    margin-right: 100px;
    margin-top: -40px;
}
.dolElement{
    color:#777;
    display: inline-block;
    font-size: 12px;
    margin-top: 8px;
}
.dolElement > a{
    margin-left: 50px;
    color:#777;
}

.srodek{
	color:#777;
	text-align: center;
	font-size:small;
}






.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  max-height: 260px;    /* Set slide height here */

}

.text-nowrap {
    white-space: nowrap;
}


.filmYT{
    width: 560px;
    height: 315px;
    max-width: 100%;
}

.dropdown-menu>.kategoria{
    margin-left: 10px;
}


.carousel-control.right, .carousel-control.left  {
    background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%);
}

.carousel-indicators > li{
    background-color: #9a9a9a;
    margin-left: 5px;
    margin-right: 5px;
    width: 30px;
    height: 8px;
}

.carousel-indicators .active {
    background-color: #5d5d5d;
    margin-left: 5px;
    margin-right: 5px;
    width: 30px;
    height: 8px;
}


.carousel-indicators {
    bottom: 0px;
}
@media screen and (min-width: 768px){
    .carousel-indicators {
        bottom: 0px;
    }
}