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

h1{
     font-size:42px;
    font-weight:300;
    line-height:48px;
    color:#6e6e6e;
    font-variant:small-caps;
}

h2{
     font-size:32px;
    font-weight:300;
    line-height:38px;
    color:#6e6e6e;
    font-variant:small-caps;
}


h3{
    font-size:30px;
    font-weight:600;
    line-height:40px;
}

h4{
    font-size:22px;
    line-height:24px;
}

a.linka1 {
	color:#fff;
	text-decoration: none;
}
a:link.linka1 {
	color:#66cc99;
	text-decoration: none;
}


a:active.linka1{
	color:#66cc99;
	text-decoration: none;
}


		
a:hover.linka1{
	color:#66cc99; /*Odpowiada z kolor hiperłącza po najechaniu */

text-decoration: none;
 /* Odpowiada za wielkość tekstu po najechaniu */

	}


a.z {
	color:#fff; 
	text-decoration: none;
	
}
a:link.z {
	color:#fff; 
	text-decoration: none;
}


a:active.z{
	color:#fff; 
	text-decoration: none;
}


		
a:hover.z{
	color:#fff; /*Odpowiada z kolor hiperłącza po najechaniu */

text-decoration: none;
 /* Odpowiada za wielkość tekstu po najechaniu */

	}
	
/*przycisk_do pobawmysie*/
.przyciskorange {
	padding:10px 10px; background-color:#e58135;  margin:10px; color:#ffffff;
	
}
a.przyciskorange {
	background-color:#e58135;
	text-decoration: none;
	
}
a:link .przyciskorange{
	background-color:#e58135;
	color:#fff; 
	text-decoration: none;
}


a:active.przyciskorange{
	background-color:#e58135;
	color:#fff; 
	text-decoration: none;
}


		
a:hover.przyciskorange{
	background-color:#ca6b24;
	color:#fff; /*Odpowiada z kolor hiperłącza po najechaniu */

text-decoration: none;
 /* Odpowiada za wielkość tekstu po najechaniu */

	}
	
/*
a:visited.linka1{
	color:#66cc99;
	text-decoration: none;
}
*/
.linia{
margin:5px 0px 5px 0px;}

.z{
	letter-spacing:1.2mm;
}

.tlo{
	background-color:#09C;
	max-width:100%;
	min-width:20px;
	height:300px ;
	z-index:1;
	position:relative;
	
}


.sloikit{
	background-color:;
	
margin:10px;
	padding:20px;
	text-align:center;
	font-size:24px;
	font-weight:600;
	line-height:1.1em;
	color:#78968e;
	vertical-align:center;
	font-style: italic;
	
}

.odsteppion{
	padding:10px 0px;
	margin:0px 0px;
	
}

.sloiki{
	background-color:;
	
	
}
.sloikityt{
	font-variant:small-capscaps;
}

@font-face 
{

font-family:HelveticaNeueLTPro-Cn;
src:url(HelveticaNeueLTPro-Cn.ttf);

font-family:thinhelv;
src:url(HelveticaNeueLTPro-ThCn.ttf);

font-family:helvlight;
src:url(HelveticaNeueLTPro-Lt.ttf);

font-family:komoda;
src:url(Komoda.otf);

    font-family: 'Roboto', sans-serif;
    
    font-family: 'Open Sans', sans-serif;


}

body{
	font-family:'Open Sans', sans-serif;
    font-size:16px;
	font-weight:300;
    line-height: 1.5em;
    text-align:left;
	
}

.row{
    margin-left:0px;
    margin-right:0px;
}

.row.y{
	position:relative; margin:-200px 0px 0px 0px; padding:0px 0px 0px 0px
}

.x{
    margin-left:0px;
    margin-right:0px;
}

.text2{
	font-family:'Open Sans', sans-serif;
    font-size:20px;
	font-weight:300;
    line-height: 1.6em;
    text-align:left;
    padding:30px 5px;
}

.text3{
	font-family:'Open Sans', sans-serif;
    font-size:18px;
	font-weight:300;
    line-height: 1.6em;
    text-align:left;
    padding:30px 15px;
}

.opis{
	font-family: 'Open Sans', sans-serif;
	font-size:21px;
    line-height:1.5em;
	font-weight:300;
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align: center ;
	
}
.opis2{
	font-family: 'Open Sans', sans-serif;
	font-size:20px;
	font-weight:300;
	margin:;
	padding:2px;
	text-align: center;
	
}

.opis3{
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
    line-height:1.6em;
	font-weight:300;
	margin:;
	padding:2px;
	
	
}
.wysrodkuj{
    text-align:center;
}

.lewa{
    text-align:left;
}

.wstep{
	font-family:'Open Sans', sans-serif;
    font-size:26px;
    line-height: 1.3em;
	font-weight:300;
    text-align:left;
    font-style:italic;
}

.tytwstep{
	font-family:'Open Sans', sans-serif;
    font-size:20px;
    line-height: 1.3em;
	font-weight:300;
    text-align:left;
    font-variant:small-caps;
	font-style:normal;
}

.wstep2{
	font-family:'Open Sans', sans-serif;
    font-size:26px;
    line-height: 1.3em;
	font-weight:300;
    font-style:italic;
    text-align:center;
}
	.container{
		
		
	}
	

.zd{
	margin:0px;
	border-spacing:20px;
	border:10;
	background-color:#fff;
	border-color:#FFF;
	padding:3.5px;
	float:left;
}

.zd2{
	margin:0px;
	border-spacing:20px;
	border:10;
	background-color:#fff;
	border-color:#FFF;
	padding:3.5px;
	float:left;
  
}

.zd0{
	margin:0px;
	border-spacing:1px;
	border:1;
	background-color:#fff;
	border-color:#FFF;
	padding:2px 2px !important;
	float:left;
    width:100%;
    height:215px;
    object-fit:cover;
  
}

img.zd0{
 
    
}

.zd3{
	margin:0px;
	border-spacing:1px;
	border:1;
	background-color:#fff;
	border-color:#FFF;
	padding:2px 2px !important;
	float:left;
  width:400px;
    height:auto;
}

.i3{
    margin: 0px;	
        text-align:center;
    padding: 0px;
    
}

div.col-lg-3 {
    padding:0px ;
    margin:0px 0px ;
}
.margines1{
    margin:5px 0px 20px 0px;
}

.plakatM{
	margin:3px 5px;
	border-spacing:20px;
    border-style:solid;
	border-width:1px;
	background-color:#fff;
	border-color:#c5c5c5;
	padding:2px;
	float:left;
    height:150px;
    width:auto;
    text-align:center;
}

.plakatM2{
	margin:5px 5px;
	
    border-style:solid;
	border-width:1px;
	background-color:#fff;
	border-color:#c5c5c5;
	padding:2px;
	float:left;
   height:280px;
     width:auto;
    text-align:center;
    
}

.plakatMa{
	border: 1px solid #ddd; /* Gray border */
  border-radius: 4px;  /* Rounded border */
  padding: 5px; /* Some padding */
  width: 150px; 
    margin:2px;
}
    

img{
	max-width: 100%;
	height:auto;
	width:auto;
	
}
.img-responsive {
    display: block;
    height: auto;
    max-width: 100%;
}
.baner{

	margin:0px 0px 0px 0px;
	padding:0px;
	width:100%;
	/*float:left;*/
	z-index:1;
	/*position:inherit;*/
}
.logo1{
	height:110px;
	margin:0px 0px 0px 50px;
	background-color:#FFF;
	border:none;
	float:left;
	
}
.navbar-moje{
    width:100%;
	height:120px;
	padding:0px 0px 0px 50px;
   margin-top:-120px !important;
	margin:0px;
	background-color:#FFF;
	border:none;
	position:fixed;
	z-index:100;
	
	
}

.margines1{
    padding:10px;
}

.margines1a{
    padding:20px;
}
.srodek{
    margin-top:120px;
    position: relative;
}


.navbar-default .navbar-nav>li>a:focus 
{
    color:#ffffff;
 background-color:#fac82f !important;
 
}

.navbar-default .navbar-nav>li>a:hover 
{
 color:#ffffff;
 background-color:#fac82f !important;
 
}
.bs-example-navbar-collapse-1{
	background-color:#665215 !important;
}
.collapse.in{background-color:#ffffff;
width:100% !important;
height:100% !important;
margin-top:-20px !important;
padding:30px !important;
margin:0px !important; }
.navbar-collapse{background-color:#ffffff ;}
.l1{background-color:# ;}

.mm{
	
	
	font-size:24pt;
	z-index:100;
	background-color:#;
	font-family: 'Open Sans Condensed', sans-serif;
	
}

.zd100{
	display:inline;
	margin:0px 0px 0px 0px;
	height:50px;
}


.alpha1
{
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.5);
}

.l1{
	position:relative;
	z-index:100;
	float:left;
	margin-top:65px;
	
	
}

.container-fluid{
	padding:0px;
	margin:0px;

}

.opisWWW{
    text-align:center;
    font-size:17px;
    line-height:19px;
    font-weight:300;
    color:#6e6e6e;
}
.centrowanie{
    text-align:center;
}

.margines1{
    padding:0px 40px;
}
.margintop1{
    margin-top:0px;
    padding:20px 0px 0px 0px;
}
.marginbottom1{
    margin-bottom:20px;
    padding:0px 0px 20px 0px;
}

.marginesZakonczenie1{
    height: 60px;
    padding: 20px;
    margin: 20px;
    width:100%;
    position: relative;
    background-color:;
}

.logo01{
	background-color:#F03;
	position:relative;
	float:left;
	width:170px;
	height:auto;
	margin:0px 0px 0px 0px;
	z-index:4;
}
.napis100{
	font-family:komoda;
	color:#FFF;
	opacity:0.7;
	font-size:120px;
	font-weight:900;
	background-color:#000;
    line-height:1.5em;
}
.strzalka100{
	position:relative;
	margin:40px 0px 0px 0px;
}

.baner100{
	display:block; max-width:100%; height:auto;
	margin:0px auto;
}

div.x:hover {
    transform: scale(0.90);
	opacity:0.75;
}
.row.y{
	position:relative; margin:-200px 0px 0px 0px; padding:0px 0px 0px 0px
}
.napis{
	
	
	
	/*margin:1000px 0px 0px 0px;
	color:#FFF;
	opacity:0.7;
	font-size:120px;
	font-weight:900;*/
	
	/*padding:20px 25px 5px 25px;
	z-index:2;
	text-align:left;*/
	background-color:#000;
	font-family:komoda;
}
.obrazek1{
	position:relative;
	z-index:3000;
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 5px;
	float:left;
	display:block;
	max-width:100%;
	height:auto;
}
.ikonki{
	position:static;
	z-index:3000;
	margin:-25% 0px 0px 0px;
	height:auto;
}
.strzalka{
	position:relative;
	z-index:100;
	margin:5px;
	padding:5px 5px 5px 5px;
	display:block;
	max-width:100%;
	height:auto;
	}
	
	.napis2{
	
	font-size:40px;
	font-weight:900;
	line-height:35px;
	color:#fff;
	opacity:0.7;
	position:inherit;
	margin:330% 0px 0px -820%;
	z-index:101;
	float:left;
	text-align:left;
	padding:5px 25px 5px 25px;
	 display:table-cell;
     vertical-align:middle;
	font-family:komoda;
}
.ss{
	padding:15px;
    margin:0px;
}

.ps{
	padding:150px;
    margin:10px;
}
@media(max-width:768px){
.napis{
	margin:-80% 0px 0px 10px;
}
.strzalka{
	margin:-17% 0px 0px 25%;
}
.napis2{
	margin:-80% 0px 0px 20%;
	}
	.i1{
		margin: 0 10% 0 10%;	
        text-align:center;
	}

.napis100{
	font-size:70px;
}
    .marginesy{
        text-align:center;
        margin:0px 10%;
    }

    .plakatM2{
	margin:5px 5px;
	
    border-style:solid;
	border-width:1px;
	background-color:#fff;
	border-color:#c5c5c5;
	padding:2px;
	float:left;
   height:200px;
     width:auto;
    text-align:center;
    
}
     
	}

.obr1{
   text-align: center;
}



@media(min-width:768px){
.napis{
	margin:-53% 0px 0px 20px;
}
.strzalka{
	margin:12% 0px 0px -15%;
}
.napis2{
	margin:-80% 0px 0px 20%;
	}
	.i1{
		margin: 0px 80px 0px 80px;	
        text-align:center;
	}
.napis100{
	font-size:80px;
}
     .plakatM2{
	margin:5px 5px;
	
    border-style:solid;
	border-width:1px;
	background-color:#fff;
	border-color:#c5c5c5;
	padding:2px;
	float:left;
   height:220px;
     width:auto;
    text-align:center;
    }

    .marginesy{
        text-align:center;
        margin:0px 5%;
    }
    
     .marginesy{
        text-align:center;
        margin:0px 2px;
    }
}

@media(min-width:992px){
.napis{
	margin:-35% 0px 0px 20px;
}
.strzalka{
	margin:26% 0px 0px -110%;
}
.napis2{
	margin:-80% 0px 0px 20%;
	}
	.i1{
		margin: 0px 70px 0px 70px;	
        text-align:center;
	}

.napis100{
	font-size:120px;
}

}

@media(min-width:1200px){
/*.napis{
	margin:-30% 0px 0px 20px;
}*/
.strzalka{
	margin:33% 0px 0px -128%;
}
.napis2{
	margin:-78% 0px 0px 20%;
	}
	.i1{
		margin: 0px 40px 0px 40px;	
	}

.napis100{
	font-size:120px;
}
    
        .plakatM2{
	margin:5px 5px;
	
    border-style:solid;
	border-width:1px;
	background-color:#fff;
	border-color:#c5c5c5;
	padding:2px;
	float:left;
   height:260px;
     width:auto;
    text-align:center;
}
    
    


	}
	
	.i1{
			text-align:center;
	}
	.i2{
		
		 
	}
	.stop2{
		position:relative;
		z-index:3;
		
	}
	.stopme{
		background-color:#FFF;
		padding:15px;
        margin:20px 0px 40px 0px;
	}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}



/*zoom*/


/* nasze "pomniejszenie" */

img.zoom{

  width: 1200px;

  height: 285px;

  background: #ffffff;

  object-fit: contain;

}


img.zoom2{

  width: 1200px;

  height: 353px;

  background: #ffffff;

  object-fit: contain;

}

/* po najechaniu myszą

   zawartość obrazka

   przyjmie oryginalne

   rozmiary

*/

img.zoom:hover {

  object-fit: none;

}
object-position: 50% 50%;

img.zoom:not(:hover) {

  object-position: 50% 50% !important;

}
.zoombig{
    width:100%;
    height:auto;
}


.tytul_box{
	
	font-size:20px; 
	line-height:1.2em; 
	font-weight:400;
	margin:5px 0px;
}
.podtytul_box{
	font-size:14px !important; 
	line-height:12px;
}
.data_box{
	font-size:12px; 
	line-height:1.2em;
}