@charset "utf-8";

@font-face {
    font-family: 'didact_gothicregular';
    src: url('/fonts/didactgothic-webfont.eot');
    src: url('/fonts/didactgothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/didactgothic-webfont.woff') format('woff'),
         url('/fonts/didactgothic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

html{
	font-size: 20px; /* For mobile. */
}

body{
	background-color: #000;
	background-image: url(images/background.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	/* color: #666; */
	color: #ccc;
	padding: 0rem;
	margin: 0rem;
	font-family: didact_gothicregular;
	font-style: italic;
	font-size: 0.75rem;
}

.main {
	position: relative;
	width: 44.6rem;
	min-height: 33rem;
	background-color: #050505;
	display: block;
	margin: auto;
	float: none;
}

.main .border_gorna{
	position: absolute;
	left: -0.1rem;
	top: -0.1rem;
	width: 44.8rem;
	height: 1px;
	background-image: url(images/linia-gorna.png);
	background-repeat: no-repeat;
}

.main .border_prawa_gorna{
	position: absolute;
	right: -0.1rem;
	top: -0.1rem;
	width: 1px;
	height: 7.5rem;
	background-image: url(images/linia-prawa-gorna.png);
	background-repeat: no-repeat;
	margin-right: -1px;
}

.main .border_lewa_gorna{
	position: absolute;
	left: -0.1rem;
	top: -0.1rem;
	width: 1px;
	height: 19.75rem;
	background-image: url(images/linia-lewa-gorna.png);
	background-repeat: no-repeat;
	margin-left: -1px;
}

.main .border_dolna{
	position: absolute;
	left: -0.1rem;
	bottom: -0.1rem;
	width: 44.8rem;
	height: 1px;
	background-image: url(images/linia-dolna.png);
	background-repeat: no-repeat;
}


.main .border_prawa_dolna{
	position: absolute;
	right: -0.1rem;
	bottom: -0.1rem;
	width: 1px;
	height: 19.1rem;
	background-image: url(images/linia-prawa-dolna.png);
	background-repeat: no-repeat;
}


.main .border_lewa_dolna{
	position: absolute;
	left: -0.1rem;
	bottom: -0.1rem;
	width: 1px;
	height: 6.25rem;
	background-image: url(images/linia-lewa-dolna.png);
	background-repeat: no-repeat;
}

.menu {
	width: 44.7rem;
	height: 3.2rem;
	margin: auto;
	float: none;
	font-size: 0.7rem;
	color: #666;
	font-style: normal;
}

.menu a{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
	display: inline-block;
	text-decoration: none;
	color: #666;
}

.menu a:hover{
	color: #ccc;
}

a.this_site{
	color: #eee;
}

a.this_site: hover{
	color: #eee;
}

.menu > div, .menu > a{
	display: block;
	float: left;
	margin-top: 1.2rem;
}

a.menuLogo{
	margin-top: 0.95rem;
	margin-left: -0.15rem;
}

.footer{
	margin-bottom: 20px;
	color: #414042;
	font-size: 0.55rem;
}

.footer a{
	color: #414042;
}

.footer .realizacja{
	float: right;
}

.kolumna2 {
	float: right;
	display: inline-block;
	width: 22.3rem;
	min-height: 33rem;
}


.kolumna1 {
	display: inline-block;
	width: 22.1rem;
	min-height: 33rem;
}

.kolumna1 p{
	padding-bottom: 0.4rem;
}

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

.bg2{
	background-image: url(images/blok/blok-2.jpg);
	background-repeat: no-repeat;
}

.in{
	margin-top: 2.6rem;
	width: 17.35rem;
	margin-left: 2.4rem;
}

.bg1 .in{
	width: 17.5rem;
	/* margin-top: 20rem; */
	margin-top: 17.5rem;
	font-size: 0.65rem;
}


#this-but{
	margin-left: 0.5rem;
	padding: 0rem;
}

#this-but li{
	margin: 0.45rem 0 0.45rem 0;
	list-style-image: url(images/list.gif);
	font-size: 0.8rem;
	font-weight: bold;
	cursor: pointer;
}

#this-but li: hover{
	list-style-image: url(images/list-hover.gif);
	color: #eee;
}

#this-but .hide{
	list-style: none !important;
	list-style-image: none;
	display: none;
	line-height: 120%;
	padding-bottom: 1.25rem;
	font-size: 0.7rem;
	font-style: italic;
	color: #888 !important;
	margin-top: 0.5rem;
	cursor: auto;
}

.kontakt{
	font-size: 0.85rem;
}

.kolumna1 .tel{
	padding-top: 0.25rem;
	padding-left: 2.1rem;
	padding-bottom: 0;
	margin: 1rem 0;
	background-image: url(images/tel.svg);
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}

.kolumna1 .email{
	padding-top: 0.25rem;
	padding-left: 2.1rem;
	margin: 1rem 0;
	background-image: url(images/email.svg);
	background-repeat: no-repeat;
	background-size: 1.5rem 1.5rem;
}

.logo{
	margin-top: 0.5rem;
}

.galeria{
	padding-bottom: 1.5rem;
}

.galeria_text_kolumna1, .galeria_text_kolumna2, .galeria_text_kolumna100{
	display: inline-block;
	width: 40%;
	width: calc(50% - 4.75rem);
	margin: 2.25rem;
	vertical-align: middle;
}

.galeria_text_kolumna100{
	width: calc(100% - 4.75rem);
}

@media (max-width:400px){
	.galeria_text_kolumna100{
		width: calc(100% - 2.75rem);
		margin: 1.25rem;
	}
}

.galeria3 .galeria_text_kolumna1, .galeria3 .galeria_text_kolumna2{
	vertical-align: top;
}

.galeria img{
	vertical-align: text-top;
}

.kolumna_galeria{
	display: inline-block;
	width: 10.85rem;
	vertical-align: text-top;
}

.trzy_kolumny .kolumna_galeria{
	width: 14.6rem;
}

.kolumna_galeria div{
	margin-top: 1.20rem;
	margin-left: 1.15rem;
	width: 9.4rem;
	text-align: center;
}

.kolumna_galeria img{
	border: 1px solid #808284;
}

.kolumna_galeria img.rozmiar_1{
	width: 9.45rem;
	height: 14rem;
}

.kolumna_galeria img.rozmiar_2{
	width: 9.45rem;
	height: 6.35rem;
}

.kolumna_galeria div a{
	display: block;
	text-align: center;
}

.caveat{
	font-size: 1.65rem;
	font-family: 'Caveat', "cursive";
}

ul.logoPoints{
	padding: 0;
	list-style: none;
}

ul.logoPoints li{
	padding-left: 1.75rem;
	background-image: url("/images/logo.svg");
	background-repeat: no-repeat;
	background-size: 0.95rem 0.85rem;
	background-position: left 20%;
}

.mobiMenuBodyBg{
	z-index: 2;
	float: none;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.6;
}

.desktop .mobiMenuBodyBg{
	display: none !important;
}

.galleria_info{
	padding: 2.25rem;
}

.galleria_info a, .link{
	color: #ccc;
}

.galleria_info a:hover{
	color: #fff;
}

.bottom45{
	margin-bottom: 45px;
}