/* Całość strony */

body{
    background-image: url("grafika/burza1.jpg");
    background-repeat: no-repeat;
    background-color: #33415b;
    background-size: cover;
}

.all{
    /*width: 100%;
    background-image: url("grafika/biblio.jpg");
    background-size: 100%;
    background-color: black;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* naglowek */
.header {
    /*background-image: url("grafika/tlo2.jpg");*/
    background-position: center center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#header-text {
    background-image: url("grafika/logo1.png");
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
    position: relative;
    text-align: center;
    text-shadow: 0 0 0.5em #000;
    top: 25%;
    width: 60%;
}

a,
a:visited {
    text-decoration: none;
    color: black;
}

h1 {
    color: #FFF;
    /*font-family: 'Quicksand', sans-serif;*/
    font-family: 'Open Sans',sans-serif;
    font-size: 70px;
    font-weight: 400;
    line-height: 60px;
    margin: 0;
}

h2 {
    color: #FFF;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    font-size: 28px;
    font-weight: 100;
}




/* Menu */

#menu {text-align:center;}
#menu li {display:inline;}
#menu a {padding:0 7px;}


#ruch {
    text-align:left;
}
#ruch li {
    display:inline;
}


.przycisk1,.przycisk2, .przycisk3, .przycisk4, .przycisk5 {
    background-color: #F8B195;
    border-radius: 5%;
    text-align: center;
    cursor: pointer;
    color: white;
    padding: 17px 30px;
    font-size: 100%;
    margin: 3px 2px;
    width: 10%;
    min-width: 120px;
}

.przycisk2 {background-color: #C06C84;}
.przycisk3 {background-color: #355C7D;}
.przycisk4 {background-color: #6C5B7B;}
.przycisk5{background-color: #F67280;}


.przycisk1:hover {background-color: darkkhaki;}
.przycisk2:hover {background-color: crimson}
.przycisk3:hover {background-color: midnightblue}
.przycisk4:hover {background-color: darkslategrey}
.przycisk5:hover {background-color: firebrick }

/* Ksiazka */
/* ozdobnik up*/

#spis{
    position: relative;
    margin-left: 20%;
}


#up{
    width: 50px;
    margin-left:  35% ;
}

h3{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}

#wzor{
    margin-left: 25%;
    height: 50px;
}

p {
    text-indent: 10%;
}


.ksiazka {
/*background-color:grey;*/
margin: 0 auto;
    width: 960px;

}



.lewa {
    float:left;
    display: inline-block;
    height: 600px;
    width: 478px;
    background-image: url("grafika/pol_ks.png");

}

.lewa-tekst,
.lewa-tekst-sk{
    float:left;
    margin-top: 12%;
    margin-left: 14%;
    width: 70%;
    height: 70%;
   /*background-color:red;*/
}

.lewa-tekst-sk{
    height: 30%;
   /* background-color: aqua;*/
}

#skrypt{
    /*background-color: yellowgreen;*/
    margin-top: 12%;
    margin-left: 14%;
    height: 70%;
    width: 70%;
}

#spis{
    margin-left: 0%;
    text-align: left;
}



#lewa-dol{
    float:left;
 margin-left: 14%;
    width: 70%;
    height: 10%;
/*    background-color:blue;*/	
}

/*#srodek-bd{
width:105px;
margin: 0 auto;

}*/

#lewa-dol button{
    cursor: pointer;
    background:url("grafika/pow1.jpg") no-repeat;
    width:50px;
    height:50px;
	border-radius: 50%;
}

#lewa-dol > #b2 {
	 background:url("grafika/pom1.jpg") no-repeat;
}


.prawa {
    display: inline-block;
    height: 600px;
    width: 478px;
    background-image: url("grafika/pol_k2s.png");
    /*margin-left:14%;*/
}

.prawa-header{
     display: block;
     float:left;
     margin-top: 12%;
     width: 80%;
     height: 10%;
     margin-left: 8%;
     /*    background-color:pink;*/
 }



.prawa-header2{
    display: block;
    float:left;
    margin-top: 12%;
    width: 70%;
    height: 10%;
    margin-left: 14%;
    /*    background-color:pink;*/
}

.prawa-tekst{
    display: block;
    float:left;
    margin-top: 3%;
    margin-left: 14%;
    width: 75%;
    height: 70%;
    overflow: scroll;
    overflow-x: hidden;
    list-style-type: none;
/*background-color:green;*/
}

.prawa-tekst #ksiazka{
    margin-left: 20%;
}

#pytanie {
    font-weight: 600;
}


.prawa-tekst-gal{
    display: block;
    float:left;
    margin-top: 3%;
    margin-left: 14%;
    width: 75%;
    height: 70%;
    /*overflow: scroll;
    overflow-x: hidden;*/
    /*background-color:green;*/
}

/*stopka strony*/

hr{
    color: black;
}

.footer{
    display: block;
    margin-left: 14%;
    margin-right: 14%;
    color: white;
    text-align: center;
/* background-color: red;*/

}