/*Wygląd dla Bibliotego Akademi Kierownika i Akademi Wychowawcy */

html, body {
	width:100%;
	height:100%;
	background-color: #262626;
	color:#fff;
	margin: 0 auto;

}

/*Obrazek odpowiednio przeskalowany w kolumnie*/
.image-book{
	width:100%;
	max-width:171px;
	height:auto;
	margin: 0 auto;
}

.row{
	width:100%;
	text-align: center;
	margin: 0 auto;

}

.col-md-2{
	margin: 0 auto;
	padding: 0;
	max-width: 270px;
}

img {
	text-align: center;
	border:5px solid #595959;
	margin: 0 auto;
}

/*Tło nazwy okładni*/
.column-text{
	width:100%;
	max-width: 270px;
	min-height:100px;
	padding:5px;
	font-size:19px;
	text-align:center;
	margin: 0 auto;
}

/*Cała kolumna okładki*/
.big-column{
	width:100%;
	max-width: 270px;
	height:auto;
	margin: 0 auto;

}

.global-info{
	text-align:center;
	font-size: 17px;
	margin: 0 0 40px 0;
	padding: 0 20% 0 20%;
}

.global-info ol, .global-info ul{
	text-align:left;
	font-size:17px;
}

.blobal-info h3 {
	padding:15px 0 0 0;
}

h2{
	text-align:center;
}

#pasek-bg {
    width: 100%;
    height: 40px;
    background-color: #e4e4e4;
    position: fixed;
    top:0;
    z-index: 2000;
	margin: 0px 0 0 0;
	padding: 5px 0 0 0;
	border-bottom: 1px solid #cac9c9;
	color:#000;
}

#pasek {
    width: 100%;
    height: auto;
    padding: 0 !important;
    margin: 0 auto;
    text-align: center;
    background-color: #e4e4e4;
    margin:0 0 5% 0;
    font-size:16px;
}

#pasek a {
	font-size: 16px;
	margin: 10px;
	padding: 10px;
}

@media(max-width:450px){
	.column-text{
		font-size:12px;
		min-height:100px;
	}
}

@media(max-width:250px){
	.column-text{
		font-size:8px;
		min-height:70px;
	}
}

@media(max-width:540px){
	img{
		border: 2px solid #595959;
	}
}

@media(max-width:1050px)
{
	#pasek, #pasek-bg{
		display:none;
	}

	#pasek-little-screen {
		position:fixed;
		top:0;
		width:100%;
		min-width:300px;
		max-width:1050px;
		text-align:center;
		background-color: #e4e4e4;
		z-index: 2000;
		margin: 0px 0 0 0;
		padding: 5px 0 0 0;
		border-bottom: 1px solid #cac9c9;
		cursor:pointer;
		color:#000;
	}

	#show-pasek-little-screen{
		display:none;
		position:fixed;
		top:0;
		text-align:center;
		width:100%;
		min-width:300px;
		max-width:1050px;
		background-color: #e4e4e4;
		z-index: 2000;
		margin: 0px 0 0 0;
		padding: 5px 0 0 0;
		border-bottom: 1px solid #cac9c9;

		cursor:pointer;
	}
	.inline-pasek {
		display: inline;
	}

	.arrow-up {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #fff;
	}

	.arrow-down {
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-top: 5px solid #000;
	}
	#title{
		margin: 6% 0 5% 0;
	}
}