@import 'menu_large.css';

.menu{
height:140px;}
.logo_small{display:inline-block; text-align:center;  margin:0 auto; }
.logo_small div{float:left; text-align:center; height:80px; display: flex;
justify-content: center;
flex-direction: column; vertical-align: middle; margin:0 auto; }
.logo{
display:none;

}

.logo_small a{

text-align:center;

margin:0 auto;
}

.logo_small img{
text-align:center;
margin: 0 auto;
height: 120px;
margin-top:10px;


}
.logo_small p{


text-align:left;
line-height:23px;
color: rgb(31,88,105);
font-weight:bold;
margin:0 auto;
margin-left:8px;
}



.menu_linki{
display:none;
}
.nav{display:none;}

#wrapper{float:left; display:block; width:100%; margin: 0; text-align:center; padding:0; margin-bottom:10px; z-index:2000;}
#header {margin:0; padding: 0; text-align:center; margin:0 auto;  }
#menu-button{
 margin:0 auto;
width:40px;
background-color: white;
  border: none;
  color: white;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  right:10px;
  top: 25px;			}
  #menu-button img{width:100%;}
#menu { float: left; width: 100%; margin:0; padding:0;}
   #menu li {float: left; display: block;  margin:0; padding:0; line-height:28px;}
   #menu li a {text-decoration: none; color: rgb(18,48,83); margin:0; padding:0; font-size:14px; transition: all .3s ease-in-out;}
	#menu li a:hover {color:rgb(208,181,183);}

   @media screen and (min-width: 1500px) {
     #menu {display: block !important;}
    }

   @media screen and (max-width: 1500px) {
     #menu {display: none;}
     #menu li {width: 100%; padding:0;}
     #menu-button {display: block;}
    }





.opis_stopka1{width:110px; margin:0 auto; font-size:10px; padding:0px;}
.info1, .info2{
width:33.33%;
float:left;
height:150px;
}




.info h2{font-size:13px; }
.info1 div{margin-top:0px; margin-bottom:0px;}
.info1 div p{
margin:0;
padding:1px;
font-size:10px;
}
.info1 div h3{
margin:0;
padding:3px;
font-size:12px;
}
.info2 div a{
text-decoration:none;
color: white;
font-size:10px;
margin-bottom:8px;
text-align:left;
}
.ukryte_small{display:none;}
.ukryte_large{display:block;}
.info1 img{width:60px; }

.stopka1_kolumna1{width:70%; height:100px;}
.stopka1_kolumna2{width:30%; height:100px;}

.stopka1_kolumna1 div{
padding-left:3px;}
.stopka1_kolumna1 div img{width:14px;}
.stopka1_kolumna1 p, .stopka1_kolumna1 a {font-size:8px; padding-top:2px; padding-left:1px;}

.stopka1_kolumna2 div a img {width:90%; }


.stopka{height:22px;}
.stopka p{font-size:9px;}



@media all and (min-width: 450.5px) and (max-width: 600px){

.stopka{height:25px;}
.stopka p{font-size:11px;}
.info1 div p{
font-size:11px;
}
.info1 div h3{
font-size:12px;
}
.info2 div a{
font-size:11px;

}
.opis_stopka1{font-size:11px; width:120px;}
.stopka1_kolumna1{width:60%; height:160px;}
.stopka1_kolumna2{width:40%; height:160px;}

.stopka1_kolumna1 div{
padding-left:10px;}
.stopka1_kolumna1 div img{width:14px;}
.stopka1_kolumna1 p, .stopka1_kolumna1 a {font-size:11px; padding-top:0px; padding-left:3px;}

.stopka1_kolumna2 div a img {width:90%; padding-right:10px;}
}