/* 	Theme Name: Szablon dla http://e-edar.pl/
	Author: biuro@openet.com.pl
	Author URI: http://www.openet.com.pl
	Description: Szablon napisany na zamówienie - http://e-edar.pl/
	Version: 1.0 (2020.08.14)
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {line-height: 1;font-family: 'Raleway', sans-serif;margin: 0;height: 100%;}
ul {list-style: none;padding-left:15px;list-style: disc;text-align: left;line-height: 30px;}
ol {padding-left:15px;text-align: left;line-height: 30px;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
a {text-decoration:none;}

/*! #######################################################################

	MeanMenuPro
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display: none; }
/* when under viewport size, .mean-container is added to body */
/*.mean-container .mean-bar { float: left; width: 100%; position: fixed; background: #6a6a6a; padding: 4px 0; min-height: 75px; z-index: 999999; }*/
.mean-container .mean-bar { float: left; width: 100%; background: #3e55a2; padding: 4px 0; min-height: 75px; z-index: 999999; }
.mean-container a.meanmenu-reveal { width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; text-indent: -9999em; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }
.mean-container a.meanmenu-reveal span { display: block; background: #fff; height: 3px; margin-top: 3px; }
.mean-container .mean-nav { float: left; width: 100%; background: #6a6a6a; margin-top: 33px; }
.mean-container .mean-nav ul { padding: 0; margin: 0; width: 100%; list-style-type: none; }
.mean-container .mean-nav ul li { position: relative; float: left; width: 100%; }
.mean-container .mean-nav ul li a { display: block; float: left; width: 90%; padding: 1em 5%; margin: 0; text-align: left; color: #fff; border-bottom: 1px solid #383838; border-bottom: 1px solid rgba(255,255,255,0.5); text-decoration: none; text-transform: uppercase;background:#3e55a2 }
.mean-container .mean-nav ul li li a { width: 80%; padding: 1em 10%; border-bottom: 1px solid #f1f1f1; border-bottom: 1px solid rgba(255,255,255,0.25); opacity: 0.75; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible; }
.mean-container .mean-nav ul li.mean-last a { border-bottom: none; margin-bottom: 0; }
.mean-container .mean-nav ul li li li a { width: 70%; padding: 1em 15%; }
.mean-container .mean-nav ul li li li li a { width: 60%; padding: 1em 20%; }
.mean-container .mean-nav ul li li li li li a { width: 50%; padding: 1em 25%; }
.mean-container .mean-nav ul li a:hover { background: #252525; background: #3666f2; }
.mean-container .mean-nav ul li a.mean-expand { width: 26px; height: 26px; border: none !important; padding: 12px !important; text-align: center; position: absolute; right: 0; top: 0; z-index: 2; font-weight: 700; }
.mean-container .mean-nav ul li a.mean-expand:hover { background: none; }
.mean-container .mean-push { float: left; width: 100%; padding: 0; margin: 0; clear: both; }
.mean-nav .wrapper { width: 100%; padding: 0; margin: 0; }
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

/* koniec menu responsywnego */


.clr {clear:both;}

html {height: 100%;}    
footer {margin:0 auto; width:1024px;background:#3e55a2;padding:1% 0; text-align:center;}
#footer_1 a {color:#ffed00;}
.StronaGlownaTop {width:1024px;position:relative;top:-370px;}
.ReklamaNieruchomosci{width:49%; height: 370px;background-color: #3e55a2;float: right;position: absolute;right:0px;opacity:0.9;}
.ReklamaNieruchomosci h1 {font-size: 3em; color:white;padding:5% 15%;}
.ReklamaNieruchomosci img {width: 38%;margin: 10% 0 0 30%;}
.OfertaSkladu{width:49%; height: 370px;background-color: #3e55a2;float: left;position: absolute;opacity:0.9;}
.OfertaSkladu h1 {font-size: 3em; color:white;padding:5% 30%;}
.OfertaSkladu img {width:100px;margin-left:9%;}

.StronaGlowna {padding: 5% 30px;}
.StronaGlowna h1{font-size: 200%;padding-bottom:2%;}
.fotonas {padding:0 100px 30px;}

.fa-fort-awesome:before {content:none;}
header {background-color: #3e55a2;padding: 10px 0px;margin: 0 auto;width: 100%;position: fixed; z-index:100;display:block}
.navigacja-top{width:100%; float:left}

nav {  line-height: 40px;   }nav ul { list-style-type: none; display:inline-block; }
nav ul li { display: inline; }
nav ul li a { display: block; line-height: 40px; font-size: 17px; text-transform: uppercase; padding-right: 20px; padding-left: 20px; color: #ffed00; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
nav ul li a:hover { color: #000;  }
nav ul li { display: block; position: relative; float: left; }
nav li ul { display: none; }
nav li ul li a { width:235px; text-align:left; line-height: 16px; }
nav ul li a { display: block; text-decoration: none; white-space: nowrap; }
nav ul ul li a:hover { color:#fff; }
nav li:hover ul { display: block; position: absolute; z-index:10; -webkit-box-shadow: -3px 3px 6px 0px rgba(0,0,0,0.4); box-shadow:  -3px 3px 6px 0px rgba(0,0,0,0.4); background: #d28560; }
nav li:hover li { float: none; }
/*nav li:hover li a { color:#fff; padding: 8px 0px 8px 20px !important; }*/

.logo {height:50px; width:144px; float:right; margin-right:15px;}

.srodek {width:1024px; margin:0 auto;  background:#ffed00;}
.srodek > h1 {color:#000;}
.srodek > p {text-align:center;}
.foto1 {height:233px; margin:30px 5px 0px 10px;overflow:hidden; padding:0;}
.foto1 h1 {margin:50px;}
.foto1 img{transition-duration: 1s; margin: 0 auto; display: block;}
.foto1 img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); z-index: 0;}
.foto1tytul1 {height:50px;}
.foto1tytul1  h2{font-size:150%;text-align: center;}
.foto2 {height:233px; margin:30px 5px 0px 5px; overflow:hidden; padding:0;}
.foto2 img{transition-duration: 1s; margin: 0 auto; display: block;}
.foto2 img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); z-index: 0;}
.foto2tytul2 {height:50px;}
.foto2tytul2  h2{font-size:150%;text-align: center;}
.foto3 {height:233px; margin:30px 10px 0px 5px; overflow:hidden; padding:0; }
.foto3 img{transition-duration: 1s; margin: 0 auto; display: block;}
.foto3 img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); z-index: 0;}
.foto3tytul3 {height:50px;}
.foto3tytul3  h2{font-size:150%;text-align: center;}

.container:after{content:'';display:block;clear:both;}
.srodek1 {width:1024px; margin:0 auto;  background:#ffed00;}
.srodek1 .oferta {padding:60px 1% 0px 1%;min-height:370px;float:left; width:31%;}
.oferta:after {content:'';display:block;clear:both;}
.srodek1 .oferta1 {padding:0px 1% 0px 1%;;min-height:370px;float:left; width:31%;}
.oferta1:after {content:'';display:block;clear:both;}
.srodek1 .text {padding:100px 10px 10px;min-height:270px; width: 472px;margin: 0 20px;float:left;}
section.text {max-width: 1024px;padding: 20px 0;position: relative;margin:0 auto; width:100%; background:#ffed00;}
section.text .content {margin: 2%;}
section.text h2 {font-size: 36px;font-weight: normal;padding-top: 8%;}
.text h1 {font-size: 2em;}
.uslugaFoto {float:left; width:472px;padding:100px 10px 10px;}
.usluga {margin:0 auto;}
.srodek1 .text1 {padding:100px 10px 10px;min-height:270px; width: 472px;margin: 0 20px;float:left;}
.text1 h1 {font-size: 2em;}

#FormularzKontaktowy{width:1024px; margin:0 auto;  background:#ffed00;padding: 10% 0%;}
#FormularzKontaktowy h1{margin: 0 5% 5% 5%; font-size:2em; padding-top:10%;}

.polecamy {height: 300px; padding: 10% 2%;}
.polecamy h1 {font-size:200%; padding-bottom:2%;}

.promocje {padding:2%}
.promocje h1 {margin: 10% 5% 5% 5%; font-size:2em}
.promocje p {padding:1% 15%; }

.nieruchomosc {padding:2%;width: 1024px;}
.nieruchomosc h1 {margin: 10% 5% 5% 5%; font-size:2em}
.nieruchomosc p {padding:1% 0; }
.NieruchomoscNaglowek{width:100%}
.NieruchomoscFoto1{float:left;width:48%;overflow: hidden; padding: 0;}
.NieruchomoscFoto1 img {width:100%;overflow: hidden; padding: 0;transition-duration: 1s; margin: 0 auto;display: block;}
.NieruchomoscFoto1 img:hover {transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);z-index: 0;}
.NieruchomoscText1 {width:100%;margin-bottom: 8%}
.NieruchomoscOpis {float:right;width:48%;}


.fotogallery {padding: 10% 2%;}
.fotogallery h1 {font-size:200%; padding-bottom:2%;}


h2{line-height:2em;}
h3{font-size:1.4em;text-align: center;}
p{line-height:1.2em;}


section.image {height: 442px;background-repeat: no-repeat;background-position: bottom;background-size: contain;background-attachment: fixed;z-index: -1;}
section.image-foto {background-image: url(../images/01.jpg);}
section.image-foto1 {background-image: url(../images/foto4.jpg);}

.kontakt {padding:10% 2%; height:200px;}
.kontakt h1 {font-size:150%;}
.kontakt h2 {font-size:130%;}
.kontakt1 {float:left;margin: 5%;}
.kontakt2 {float:left; margin: 5%;}
.kontakt3 {float:left; margin:5%;}




.clr {clear:both;}


@media all and (max-width:1000px) and (min-width:700px) {
	header, .navigacja-top {width:auto;text-align: left}
	nav {width:80%;float:left;}
	nav ul{float:left;}
	.srodek {width: auto;}
	.srodek1 {width: auto;}
	.srodek1 .text1 {width:auto;}
	.promocje {width:auto;}
	.nieruchomosc {width:auto;}
	.logo {float: left;}
	.srodek img {width:100%;}
	.kontakt {width:100%;}
	.kontakt1, .kontakt2, .kontakt3{width:33%}
	.fotogallery{margin:0 auto;}
}



@media all and (min-width:300px) and (max-width:700px) {
	header, .navigacja-top{width:100%;text-align: left; background:none !important;}
	header {position: revert;}
	nav{width:100%;float:left;}
	nav ul{float:left;}
	.srodek {width: auto;}
	.srodek1 {width: auto;}
	.srodek1 .text1 {width:auto;}
	.promocje {width:auto;}
	.nieruchomosc {width:auto;height:100%;}
	.nieruchomosc p {padding: 5% 0%;}
	.NieruchomoscFoto1{float:none;width:100%;}
	.NieruchomoscText1{float:none;width:100%;}
	.logo {background: url(../images/logo.jpg);float: left;margin-top: -70px;}
	.srodek img {width:100%;}
	.reklama{float:none;position:static;width:100%;}
	.OfertaSkladu{float:none;position:static; top: 0px;left: 0px; width:90%;margin:0 auto;}
	.ReklamaNieruchomosci{float:none;position:static;top: 0px;right: 0px;width:90%;margin:0 auto; margin-top:5%;}
	.kontakt {width:100%;}
	.kontakt1, .kontakt2, .kontakt3{width:33%}
	.fotogallery{margin:0 auto;}
}



