@charset "UTF-8";
/* CSS Document */

.stylesheet-mobile{
	font-weight: bold;
}

/*
 * If "body.mobile" is used width "background-image" then backgoundChangeSize
 * won't work when page is loaded in desktop mode and later switched to mobile mode
*/

/**
 * For  iPad/iPhone
**/
.mobile body{
	-webkit-text-size-adjust: none;
}

/**
 * Set max image sieze to 100%
**/
.mobile img{
	max-width: 16rem;
}

/**
 * FLOAT: LEFT
**/
.exampleBlockClass
{
	float:left;
}

/**
 * WIDTH: 100%
**/
.mobile .kolumna1,
.mobile .kolumna1 .in,
.mobile .kolumna2,
.mobile .kolumna_galeria,
.mobile .kolumna_galeria div
{
	width: 100%;
	height: auto;
	clear: both;
	padding-left: 0%;
	padding-right: 0%;
	margin-right: 0%;
	margin-left: 0%;
}

/**
 * DISPLAY NONE
**/
.mobile .menu.header,
.mobile .border_gorna,
.mobile .border_lewa_gorna,
.mobile .border_prawa_gorna,
.mobile .border_dolna,
.mobile .border_lewa_dolna,
.mobile .border_prawa_dolna,
.mobile .footer,
.mobile .kolumna2
{
	display: none;
}


/* --- mobiMenuWraper --- */
.mobiMenuWraper{
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	font-style: normal;
}

.mobiMenuLine{
	width: 90%;
	height: 2.9rem;
	margin: 0 5% 0 5%;
}

.mobiMenuLine a{
	display: block;
	width: 33%;
	padding: 0.75rem 0 0 0;
	margin: 0;
	cursor: pointer;
}

.mobiMenuLine a.menuLogo{
	float: left;
	text-align: left;
}

.mobiMenuLine a.menuKontakt{
	float: left;
	text-align: center;
}

.mobiMenuLine a.showMobileMenu{
	float: right;
	text-align: right;
}

.mobiMenuLine img{
	width: 1.8rem;
	height: 1.8rem;
}

.mobiMenuLine .showMobileMenu img,
.hideMobileMenu img
{
	width: 1.75rem;
	height: 1.25rem;
}

.mobiMenuLine .showMobileMenu img{
	margin-top: 0.27rem;
}

.mobiMenuWraper .border_menu{
	width: 100%;
	height: 1px;
	background-image: url(images/linia-gorna.png);
	background-repeat: no-repeat;
}

.mobiMenuBody{
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 63%;
}

.mobiMenuBody a.hideMobileMenu{
	padding-top: 0.9rem;
	padding-bottom: 0.75rem;
	text-align: right;
}

.active .mobiMenuBody{
	display: block;
}

.mobiMenuBody a{
	display: block;
	padding: 1.25rem 0.9rem 0.55rem 1.25rem;
	font-size: 1rem;
	line-height: 1.25rem;
	border-bottom: 1px solid #3a3a3a;
	background: #282828;
	color: #ddd;
	text-decoration: none;
	cursor: pointer;
}

.mobiMenuBody a:hover{
	background: #333;
}




/* ---    ---    OTHER STYLES    ---    --- */

body.mobile{
	background: #000;
}

.mobile .main{
	position: relative;
	width: 90%;
	min-height: 0;
	margin: 4.2rem 5% 0 5%;
	text-align: center;
}

.page_glowna.mobile .main{
	margin-top: 2.9rem;
}
.pagetype_gallery.mobile .main{
	width: 100%;
	margin: 4.2rem 0 0 0;
}

.mobile .kolumna1{
	min-height: 0;
	background: none; /* Remove bg from bg1, b2 ... */
}

.mobile .title{
	margin-bottom: 1.25rem;
	font-size: 0.8rem;
	font-weight: bold;
	font-style: normal;
	color: #eee;
}

.mobile .bg1{
	background-image: url("/images/blok/blok-1-mobile.jpg?refresh=a");
	background-repeat: no-repeat;
	background-size: contain;
}

.mobile .in{
	margin-top: 0;
	font-size: 0.7rem;
}

.mobile .bg1 .in{
	min-height: 0;
	margin-top: 13rem; /* bg-img height */
}

.mobile .img_in{
	margin-bottom: 1rem;
}

.mobile #this-but{
	margin-top: 0;
	margin-left: 1.5rem;
	text-align: left;
}

.page_ofreta.mobile #this-but{
	margin-top: -1.5rem;
}

.mobile #this-but li:not(.hide){
	margin: 1rem 0 1rem 0;
	color: #bbb !important;
}

.mobile .galeria_text_kolumna1,
.mobile .galeria_text_kolumna2
{
	width: 90%;
	margin: 0 5% 0 5%;
}

.mobile .galeria_zawartosc{
	margin-top: 1rem;
} 

.mobile .kolumna_galeria div{
	margin: 0.35rem 0 0 0;
}

.mobile .galeria_zawartosc img{
	width: 100% !important;
	height: auto !important;
	border: none;
}

.mobile .galeria_text_kolumna2{
	margin-top: 1rem;
}

.mobile .logoPoints{
	text-align: left;
}

.mobile .kolumna1 .tel,
.mobile .kolumna1 .email
{
	text-align: left;
}

.mobile .galleria_info{
    width: 90%;
    padding: 0 5% 1rem 5%;
}

.mobile .bottom45{
	margin: 0;
}