@media only screen and (max-width: 1100px) {
    .dupa {
        display: none;
		float: center;
		text-align:center;
    }
	
	.logo {
		float: center;
        text-align:center;
		width: 60%;    
	}
	
	.slid_hid {
		display: none;   
	}
	
	.gora_navi
	{
    float: left; 
    position:relative;
    width: 100%;  
    height: 30%;  
	background-color:#161616;
    }
	
	
}


@media only screen and (min-width: 1101px) {
		.slid_view {
	    display: none;
	}
	
		.slid_view1 {
	    display: none;
		float: center;
		text-align:center; 
		width: 100%; 
		
	}

}

input.log1
{
	border: 1px;
	border-right: #c5c5c5 1px solid;
	border-top: #c5c5c5 1px solid;
	border-bottom: #c5c5c5 1px solid;
	border-left: #c5c5c5 1px solid;
	font-size: 11px;
	color: #898989;
	background-color:#ffffff;	
	font-family: arial;
        margin:0px 0px 0px 0px;
	width: 132px; 
	height: 22px
}


input.log2
{
	border: 0px;
	border-right: #c5c5c5 0px solid;
	border-top: #c5c5c5 0px solid;
	border-bottom: #c5c5c5 0px solid;
	border-left: #c5c5c5 0px solid;
	font-size: 13px;
	color: #212121;
    background-color:#f8f8f8;	
	font-family: arial;
        margin:0px 2px 0px 0px;
	width: 279px; 
	height: 44px
}


input.log2a
{
	border: 0px;
	border-right: #c5c5c5 0px solid;
	border-top: #c5c5c5 0px solid;
	border-bottom: #c5c5c5 0px solid;
	border-left: #c5c5c5 0px solid;
	font-size: 13px;
	color: #212121;
    background-color:#f8f8f8;	
	font-family: arial;
        margin:0px 2px 0px 0px;
	width: 70%; 
	height: 44px
}

input.log2b
{
	border: 1px;
	border-right: #c5c5c5 0px solid;
	border-top: #c5c5c5 0px solid;
	border-bottom: #c5c5c5 0px solid;
	border-left: #c5c5c5 0px solid;
	font-size: 13px;
	color: #212121;
    background-color:#f8f8f8;	
	font-family: arial;
        margin:0px 2px 10px 0px;

	height: 44px
}

input.log3
{
	border: 0px;
	border-right: #a3a3a3 0px solid;
	border-top: #a3a3a3 0px solid;
	border-bottom: #a3a3a3 0px solid;
	border-left: #a3a3a3 0px solid;
	font-size: 12px;
	color: #ffffff;
	background-color:#002842;	
	font-family: lato;
        margin:0px 2px 0px 0px;
	width: 142px; 
	height: 43px
}



textarea.rej{
	border-right: #c5c5c5 1px solid;
	border-top: #c5c5c5 1px solid;
	border-bottom: #c5c5c5 1px solid;
	border-left: #c5c5c5 1px solid;
	font-size: 13px;
	color: #212121;
	background-color:#f8f8f8;
	font-family: arial;
        overflow:hidden;
	width: 341px; 
	height: 100px

}

textarea.rej_a{
	border-right: #c5c5c5 1px solid;
	border-top: #c5c5c5 1px solid;
	border-bottom: #c5c5c5 1px solid;
	border-left: #c5c5c5 1px solid;
	font-size: 13px;
	color: #212121;
	background-color:#f8f8f8;
	font-family: arial;
        overflow:hidden;
	width: 80%; 
	height: 100px

}



#news_area3
{
	border: 1px;
	border-right: #e67817 1px solid;
	border-top: #e67817 1px solid;
	border-bottom: #e67817 1px solid;
	border-left: #e67817 1px solid;
	font-size: 11px;
	color: #898989;
	background-color:#ffffff;	
	font-family: lato;
        margin:0px 0px 0px 0px;
	width: 1200px; 
	height: 240px;
}


#tlo
{
   float: left; 
   position:relative;
   width: 100%;  
   height: 65px;
   font-size:13px;
   color:#ffffff;
   font-family: lato;
   text-align:left; 
   background-color:#000000;
}

#tlo_a
{
   float: left; 
   position:absolut;
   width: 100%;  
   height: auto;
   font-size:13px;
   color:#ffffff;
   font-family: lato;
   text-align:left; 
  background-image: url('./gfx/tlo_a.jpg');
}

#tlo2
{
    float: left; 
	   position:absolut;
   width: 100%;  
   min-height: 157px;
      font-size:13px;
   background-color:#da2337;
   font-family: lato;
   text-align:left; 

}

#tlo2a
{
   float: left; 
   width: 100%;  
   min-height: 400px;
      font-size:13px;
   background-color:#f8f8f9;
   font-family: lato;
   text-align:left; 

}

#tlo3
{

   width: 100%;  
   min-height: 490px;
   font-size:13px;
   font-family: lato;
   text-align:left; 
   background-color:#ffffff;
}

#tlo3a
{

   width: 100%;  
   height: 460px;
   min-height: auto;
   font-size:13px;
   background-color:#ffffff;
   font-family: lato;
   text-align:left; 
}

#tlo3b
{
   float: left; 
      position:relative;
   width: 100%;  
   height: 329px;
   font-size:13px;
   background-color:#ffffff;
   font-family: lato;
   text-align:left; 
}

#tlo3c
{
   width: 100%;  
   min-height: 830px;
   font-size:13px;
   font-family: lato;
   text-align:left; 
   background-color:#ffffff;
}

#tlo4
{
   float: left; 
   width: 100%;  
   height: 60px;
      font-size:13px;
   background-color:#ffffff;
   font-family: lato;
   text-align:left; 
}

#tlo4a
{
   float: left; 
   width: 100%;  
   min-height: 30px;
      font-size:13px;
   background-color:#ffffff;
   font-family: lato;
   text-align:left; 
}


#k1
{
	
   border: 0px;
   z-index: 0;
   border-right: #484147 0px solid;
   border-top: #484147 0px solid;
   border-bottom: #484147 0px solid;
   border-left: #484147 0px solid;	
   float: left; 
   width: 383px;  
   min-height: 380px;

}

#k1_a
{
	
   border: 0px;
   z-index: 0;
   border-right: #484147 0px solid;
   border-top: #484147 0px solid;
   border-bottom: #484147 0px solid;
   border-left: #484147 0px solid;	
   float: left; 
   width: 100%;  
   height: auto;
   font-size:13px;
background-color:#d4d4d4;
   
   font-family: lato;
   text-align:left; 
}

#k2
{
	
   border: 0px;
   z-index: 0;
   border-right: #484147 0px solid;
   border-top: #484147 0px solid;
   border-bottom: #484147 0px solid;
   border-left: #484147 0px solid;	
   float: left; 
   width: 813px;  
   min-height: 425px;
   font-size:13px;

   font-family: lato;
   text-align:left; 
}

#k3
{	
   border: 1px;
   z-index: 0;
   border-right: #484147 1px solid;
   border-top: #484147 1px solid;
   border-bottom: #484147 1px solid;
   border-left: #484147 1px solid;	
   float: left; 
   width: 380px;  
   min-height: 589px;
   font-size:13px;
  background-image: url('./gfx/bg3.jpg');
   font-family: lato;
   text-align:left; 
}

#margin2
{	
   float: left; 
   width: 25px;  
}



#center
{
  position: center; 
  width: 1200px;
  float: center;
height: 100%;
  align: center;
  margin: auto; 
}

#center1
{
  position: center; 
  width: 100%;
  float: center;
height: 100%;
  align: center;
  margin: auto; 
}

#gora
{
	   float: left; 
  position: left; 
  width: 100%;
  height: 154px;  
  float: left;
  background-image: url('./gfx/gora.jpg');
}


#onas
{
  float: left; 
  position: left; 
  width: 1200px;
  height: 628px;  
  float: left;
  background-image: url('./gfx/onas.jpg');
}

#onas1
{
  float: left; 
  position: left; 
  width: 100%;
  height: auto;  
  float: left;
  background-image: url('./gfx/onas.jpg');
}


#left
{
  position: left; 
  width: 1200px;  
  float: left;
  height: auto;
  margin: auto; 
}

#marg
{
  position: left; 
  width: 20px;
  float: left;
  height: auto;
  margin: auto; 
}


#right
{
  position: left; 
  width: 380px;
  float: left;
  min-height: 600px;
  margin: auto; 
  background-color:#f8f8f9;
}


#news_area
{  
 
  float: left;
  width: 100%;

}

#news_area1
{  
  float: left;
  width: 90%;
}

#tlo_zdj1
{ 
  float: left;
  position:relative;
  width: 80px;
  height: 80px; 
  background-image: url('./gfx/tlo_zdj.jpg');  
}

#tekst_news1
{ 
  float: left;
  position:relative;
  width: 65%;
  height: auto;  
}


#marg1
{
  position: left; 
  width: 15px;
  float: left;
  height: auto;
  margin: auto; 
}

#tlo_zdj
{ 
  float: left;
  position:relative;
  width: 193px;
  height: 193px; 
  background-image: url('./gfx/tlo_zdj.jpg');  
}

#tekst_news
{ 
  float: left;
  position:relative;
  width: 624px;
  height: auto;  
}


#tytul
{   

  color: #212121;  
  font-size:24px;
  font-family: lato;
  text-align:left;
}

#tytul1
{   

  color: #212121;  
  font-size:12px;
  font-family: lato;
  text-align:left;
}


#opis
{   

  color: #212121;
  font-size:14px;
  font-family: lato;
  text-align:justify;
}


#opis1
{   

  color: #212121;
  font-size:12px;
  font-family: lato;
  text-align:justify;
}






.flip {
    height: 371px;
    width: 789px;
    margin: 0 auto;
}
.flip img {
    width: auto;
    height: auto;
}




.flip .back {
    background: #2184cd;
    color: #fff;
    text-align: center;
}


ul {
     list-style: none;
     float: left;
	  z-index: 9999;
}

ul > li {
     margin: 0;
     padding: 2;
     float: left; 
     position: relative;
     height: 30px;
}

ul > li > a {
     padding: 10px; 
     color: #ffffff;
     text-decoration: none;
}

ul > li > a:hover, 
ul > li:hover > a {
     color: #ffffff;
     text-decoration: underline;
}

ul > li ul {
     padding: 0;
     position: absolute; 
     display: none; 
     left: 0px; 
     top: 5px; 
     width: 300px; 
     text-align: left;
     background-color: #ffffff;
     border: 1px solid #ccc;
}

ul li:hover > ul {
     display: block;
}

ul > li ul ul {
     left: 200px; 
     top: -1px;
}

ul > li ul li {
     margin: 0; 
     padding: 0;
     position: relative; 
     float: none; 
     height: auto;
}

ul > li ul li a {
     padding: 10px 20px; 
     color: #666666; 
     text-decoration: none;
     display: block;
}

ul > li ul li a:hover,
ul > li ul li:hover > a {
     text-decoration: none;
     color: #fff;
     background-color: #212121;
}