body

{

}

	#container
	 {
	 width:100%;
	 margin:auto;
	 font-style:italic;
	 background-color:black;
	 }
	
	#zegar
	{
    width:60%;
	margin:auto;
	min-height:5px;
	text-align:right;
	font-weight:bold;
	font-size:15px;
	color:white;
	padding-right:10px;
	}
	
	#logo
	{
	 width:60%;
	 margin:auto;
	 height:100px;
	 font-size:22px;
	 font-weight:bold;
	 text-align:right;
	 color:white;
	 padding:10px;
	 background:radial-gradient(at left, white, black 70%);
	}
	
	#logo1
	{
	 width:60%;
	 margin:auto;
	 height:100px;
	 font-size:22px;
	 font-weight:bold;
	 text-align:right;
	 padding:10px;
	 background:radial-gradient(at left, white, #2E2E2E 70%);
	}

	#nav
	{
	 width:60%;
	 margin:auto;
	 min-height:15px;
	 font-size:12px;
	 font-weight:bold;
	 color:#FFFFFF;
	 word-spacing:30px;
	 letter-spacing:2px;
	 text-align:center;
	 padding:2px;
	 margin-bottom:15px;
	 border-top:1px solid #9E9E9E;
	 border-bottom:1px solid #9E9E9E;
	 }
	 
	#mig
	{
	font-size:22px;
	}
	
	 #face
	 {
	 min-height:15px;
	 text-align:center;
	 padding:5px;
	 margin-bottom:10px;
	 }
	 
	 #jssor_1
	 {
	 position: relative; 
	 margin: 0 auto; 
	 top: 0px; 
	 left: 0px; 
	 width: 600px; 
	 height: 300px; 
	 overflow: hidden; 
	 visibility: hidden;
	 }
	
	#slider
	{
	 width:60%;
	 margin:auto;
	 background-color:white;
	 margin-bottom:15px;
	 }
	 
	 #content
	 {
	 width:60%;
	 margin:auto;
	 overflow: auto;
	 min-height:940px;
	 font-size:15px;
	 color:#FFFFFF;
	 text-align:center;
	 padding:15px;
	 margin-top:5px;
	 border-top:1px solid #9E9E9E;
	 }
	 
	#onas
	 {
	 width:60%;
	 margin:auto;
	 min-height:100%;
	 font-size:15px;
	 color:#FFFFFF;
	 text-align:justify;
	 line-height: 25px;
	 padding:15px;
	 margin-bottom:0px;
	 border-top:1px solid #9E9E9E;
	 }
	
	#oferta
	{
	 width:60%;
     margin:auto;
	 height:100%;
	 color:#FFFFFF;
	 font-size:15px;
	 text-align:left;
	 line-height: 20px;
	 padding-top:1px;
	 padding-bottom:20px;
	 padding-left:5px;
	 border-bottom:1px solid #9E9E9E;
	 }
	 
	 #galeria
	 {
	 width:60%;
	 margin:auto;
	 height:30px;
	 font-size:17px;
	 letter-spacing:1px;
	 color:#FFFFFF;
	 text-align:center;
	 padding-top:10px;
	 padding-bottom:15px;
	 }
	
	 #firmy
	 {
	 float:left;
	 width:50%; 
	 text-align:center;
	 padding-bottom:15px;
	 }
	 
	 #firmy1
	 {
	 float:left;
	 margin:auto;
	 font-size:11px;
	 width:20%;
	 height:130px;
	 margin-top:20px;
	 margin-bottom:100px;
	 }
	  
	 #firmy2
	 {
	 float:left;
	 margin:auto;
	 width:20%;
	 font-size:11px;
	 padding-top:30px;
	 text-align:center;
	 }
	 
	 #firmy3
	 {
	 float:left;
	 margin:auto;
	 width:25%;
	 font-size:11px;
	 padding-top:30px;
	 text-align:center;
	 }
	 
	 #posesje
	 {
	 float:left;
	 width:50%;
	 text-align:center;
	 padding-bottom:15px;
	 }
	 
	 #tarasy
	 {
	 float:left;
	 width:50%;
	 text-align:center;
	 padding-bottom:15px;
	 }
	 
	 #inne
	 {
	 float:left;
	 width:50%;
	 text-align:center;
	 padding-bottom:15px;
	 }
	 
	 #uwagi
	 {
	 width:60%;
	 margin:auto; 
	 height:100%;
	 font-size:12px;
	 color:#FFFFFF;
	 text-align:left;
	 padding-left:10px;
	 padding-top:20px;
	 padding-bottom:10px;
	 margin-bottom:0px;
	 border-bottom:1px solid #9E9E9E;
	 }
	
	 #partnerzy
	 {
	 width:60%;
	 margin:auto;
	 height:100%;
	 font-size:15px;
	 letter-spacing:1px;
	 color:#FFFFFF;
	 text-align:center;
	 padding-top:10px;
	 padding-left:0px;
	 padding-bottom:5px;
	 margin-top:0px;
	 border-bottom:1px solid #9E9E9E;
	 }
	 
	 #kontakt
	 {
	 width:60%;
	 margin:auto;
	 height:280px;
	 font-size:15px;
	 letter-spacing:1px;
	 color:#FFFFFF;
	 padding-top:10px;
	 margin-bottom:5px;
	 }
	
	 #kontaktlewy
	 {
	 float:left;
	 width:50%;
	 height:250px;
	 font-size:14px;
	 text-align:center;
	 }
	
	 #kontaktprawy
	 {
	 float:left;
	 width:50%;
	 height:250px;
	 font-size:14px;
	 text-align:center;
	 }
	 
	 #inne1
	 {
	 float:left;
	 width:100%;
	 text-align:center;
	 margin-top:15px;
	 margin-bottom:25px;
	 }
	
	 #tabelka
	 {
	 margin:auto;
	 }
	
	 #stopka
	 {
	 clear:both;
	 width:60%;
	 margin:auto;
	 font-weight:bold;
	 letter-spacing:1px;
	 color:#CC3333;
	 color:FFFFFF;
	 text-align:center;
	 padding-top:5px;
	 text-shadow:10px 10px 7px gray;
	 border-top:1px solid #9E9E9E;
	 }

	 ul.a 
	 {
	 list-style-type: disc;
	 padding-left:30px;
	 font-size:16px;
	 }
	 
	.obrazekszerokosc /*szerokośc obrazka wzgledem strony 100% nie wieksza niż jego szerokosc w px*/
	{
	max-width:98%;
	}
	
	.parallax-window 
	{
    min-height: 500px;
    background: transparent;
	speed:0.0;
	}

	.mapka
	{
	width:100%;	
	}
	
	.link /*styl linków*/
	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
	.linkblue /*styl linków*/
	{
	text-decoration:underline;
	color:00FFFF;
	}
	
	a:hover /*podswietlanie linków*/
	{
	color:blue !important;
    }
	
	img.bordered /*obramowanie obrazków*/
	{
	 border:1px solid white;
	}
	
	.kontakty /*wartości ikonek w kontaktach -> patrz fontello.css*/
	{
	 color:#CC3333;
	 width:45px;
	 margin:auto;
	 margin-top:5mm
	}
	
	.powiekszenie /*powiekszenie po najechaniu kursorem*/
	{
    transition: all 1s;
	}
	
	.powiekszenie:hover /*wartość powiekszenia*/
	{
    transform: scale(1.2);
	}
	
	/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssorb01 div, .jssorb01 div:hover, .jssorb01 .av 
		{
            position: absolute;
            /* size of bullet elment */
            width: 12px;
            height: 12px;
            filter: alpha(opacity=70);
            opacity: .7;
            overflow: hidden;
            cursor: pointer;
            border: #CC3333 1px solid;
        }
        .jssorb01 div { background-color: gray; }
        .jssorb01 div:hover, .jssorb01 .av:hover { background-color: #CC3333; }
        .jssorb01 .av { background-color: #fff; }
        .jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }
        
        /* jssor slider arrow navigator skin 05 css */
        /*
        .jssora05l                  (normal)
        .jssora05r                  (normal)
        .jssora05l:hover            (normal mouseover)
        .jssora05r:hover            (normal mouseover)
        .jssora05l.jssora05ldn      (mousedown)
        .jssora05r.jssora05rdn      (mousedown)
        .jssora05l.jssora05lds      (disabled)
        .jssora05r.jssora05rds      (disabled)
        */
        .jssora05l, .jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url('img/a17.png') no-repeat;
            overflow: hidden;
        }
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
		
		img.bordered /*obramowanie obrazków*/
		
		
	{
	 border-radius:5px;
	}
		
	@media screen and (max-width:1000px)
	{

	
	*{
	box-sizing:border-box;	
	}

	#container
	{
	 width:100%;
	 margin:auto;
	 background-color:black;
	}
	
	#zegar
	{
	width:98%;
	margin:auto;
	min-height:5px;
	font-size:15px;
	text-align:right;
	padding-right:5px;
	margin-left: auto;
	margin-bottom:3px;
	}
	
	#logo
	{
	 width:98%;
	 margin:auto;
	 height:87px;
	 font-size:15px;
	 font-weight:normal;
	 padding:5px;
	 margin-bottom:3px;
	 }
	
	#logo1
	{
	 width:98%;
	 margin:auto;
	 height:87px;
	 font-size:15px;
	 font-weight:normal;
	 padding:5px;
	 margin-bottom:3px;
	 }
	 
	#nav
	{
	 width:98%;
	 margin:auto;
	 height:100%;
	 font-size:11px;
	 word-spacing:10px;
	 letter-spacing:0px;
	 line-height:20px;
	 border-bottom:none;
	 padding:2px;
	 margin-top:0px;
	 margin-bottom:5px;
	 border-bottom:1px solid #9E9E9E;
	 }
	 
	 #slider
	 {
	 width:98%;
	 margin:auto;
	 }
	
	 #mig
	 {
	 font-size:15px;
	 }
	
	 #content
	 {
	 width:98%;
	 margin:auto;
	 min-height:600px;
	 overflow:auto;
	 font-size:13px;
	 padding:5px;
	 margin-bottom:3px;
	 border-top:none;
	 }
	 
	 #onas
	 {
	 width:98%;
	 margin:auto;
	 min-height:100px;
	 font-size:13px;
	 letter-spacing:0px;
	 line-height:20px;
	 padding:5px;
	 margin-top:5px;
	 margin-bottom:3px;
	 }
	 
	 #oferta
	 {
	 width:98%;
	 margin:auto;
	 height:100%;
	 font-size:13px;
	 letter-spacing:0px;
	 line-height:20px;
	 padding:1px;
	 padding-left:5px;
	 margin-bottom:3px;
	 }
	 
	 #galeria
	{
	 width:98%;
	 margin:auto;
	 min-height:100%;
	 font-size:13px;
	 text-align:center;
	 padding-top:15px;
	 padding-bottom:1px;
	 margin-bottom:10px;
	 }

	#uwagi
	{
	 width:98%;
	 margin:auto;
	 height:100%;
	 font-size:13px;
	 letter-spacing:0px;
	 padding:5px;
	 margin-bottom:3px;
	 }
	 
	 #kontakt
	 {
	 width:98%;
	 margin:auto;
	 height:100%;
	 font-size:13px;
	 text-align:center;
	 letter-spacing:0px;
	 padding-top:5px;
	 padding-bottom:5px;
	 margin-bottom:3px;
	 margin-top:0px;
	 }
	 
	 #kontaktlewy
	 {
	 width:98%;
	 ont-size:13px;
	 text-align:center;
	 }
	
	 #kontaktprawy
	 {
	 width:98%;
	 height:100%;
	 font-size:13px;
	 text-align:center;
	 }
	
	 #posesje
	 {
	 width:100%;
	 text-align:center;
	 line-height:25px;
	 }
	
	 #firmy
	 {
	 width:100%;
	 text-align:center;
	 line-height:25px;
	 }
	
	 #tarasy
	 {
	 width:100%;
	 text-align:center;
	 line-height:25px;
	 }
	
	 #inne
	 {
	 width:100%;
	 text-align:center;
	 line-height:25px;
	 padding-bottom:15px;
	 }
	
	 #firmy1
	 {
	 width:50%;
	 margin-bottom:40px;
	 font-size:10px;
	 }
	  
	 #firmy2
	 {
	 width:50%;
	 font-size:10px;
	 margin-top:5px;
	 padding-top:17px;
	 }
	 
	 #firmy3
	 {
	 width:50%;
	 font-size:10px;
	 margin-top:5px;
	 padding-top:17px;
	 }
	  
	#inne1
	{
	width:100%;
	text-align:center;
	}
	
	#tabelka
	{
	width:100%;
	font-size:10px;
	}
	
	 #stopka
	 {
	 width:98%;
	 margin:auto;
	 font-size:13px;
	 font-weight:bold;
	 letter-spacing:0px;
	 text-shadow:none;
	 padding:5px;
	 }
	
	 ul.a 
	 {
	 list-style-type: disc;
	 padding-left:20px;
	 font-size:14px;
	 }
	 
	.obrazki
	{
	width:33%;
	}
	
	.obrazekszerokosc /*szerokośc obrazka wzgledem strony 100% nie wieksza niż jego szerokosc w px*/
	{
	max-width:100%;
	}
	
	.baner
	{
	width:100%;
	}
	
	.mapka
	{
	width:100%;	
	height:250px;
	}
	
	.ukryty /*ukrywanie elementu w wersji mobilnej*/
	{
	display:none; 
	}
	
	.link /*styl linków*/
	{
	 text-decoration:none;
	 text-shadow:none;
	 color:white;
	 }
	 
	.powiekszenie /*powiekszenie po najechaniu kursorem*/
	{
    transition:all 1s;
	}
	
	.powiekszenie:hover /*wartość powiekszenia*/
	{
    transform:scale(1);
	}
	
	img.bordered /*obramowanie obrazków*/
	{
	 border-radius:5px;
	}
	
	.kontakty /*wartości ikonek w kontaktach -> patrz fontello.css*/
	{
	 color:#CC3333;
	 margin:auto;
	 margin-top:5mm;
	}