body {
margin:0px;
font-family: 'Dosis', sans-serif;
}

table {
font-size:13px;
color:#1D1D1B;
line-height:18px;
font-family: 'Dosis', sans-serif;
text-align:left;
}

div {
font-size:13px;
color:#1D1D1B;
line-height:18px;
font-family: 'Dosis', sans-serif;
text-align:left;
}

a {
font-size:13px;
color: #1D1D1B;
text-decoration:none;
}

a:hover {
font-size:13px;
color: #088599;
border: none;
}

.srodek {
  position:absolute;
  height:240px; 
  width:880px;
  margin:-120px 0px 0px -440px;
  top: 50%; 
  left: 50%;
  text-align: left;
  padding: 0px;
  
  border: 0px dotted #222222;
  overflow: auto;
}

h2 {
font-size:23px;
margin:0px;
padding:0px;
line-height:30px;
color:#1062AB;
}



li {

}

ul {
margin:0px;
padding-left:20px;
padding-top:0px;
padding-bottom:0px;
}

.linki {

color:#ED0202;
font-size:10px;
}

.linki:hover {
color:white;
font-size:10px;

}

p {
margin:0px;
padding:0px
}

.menu{
display:block;
height:56px;
font-size:13px;
color:#777777;
font-weight:bold;
line-height:56px;
background: url(img/menubg.jpg) repeat-x;
text-align:center;
border-right:1px solid #D8D8D8;
}

.menu:hover {
display:block;
height:56px;
font-size:13px;
color:white;
font-weight:bold;
line-height:56px;
background: url(img/menuhover.jpg) repeat-x;
text-align:center;
border-right:1px solid #D8D8D8;
}

.footerbox {
width:190px;
float:left;
}

.lewakolumna {
float:left;box-sizing:border-box;padding-right:15px
}

.prawakolumna {
float:right;
width:50%;
box-sizing:border-box;
padding-left:15px
}

.szeroka {
width:100%
}

.waska {
width:50%
}

.waskacennik {
width:50%
}

.przyklejony {
height:140px
}

.kontaktone {
width:33%;
float:left;
box-sizing:border-box;
padding-right:15px;
}

.kontakttwo {
width:34%;
float:left;
}

#sticky_navigation_wrapper { width:100%; height:56px; text-align:center }
#sticky_navigation { width:100%; height:56px;  }
.demo_container { width:100%; max-width:1200px; margin:0 auto; }
#demo_top_wrapper { margin:0 0 20px 0; }
#demo_top { height:100px; padding:20px 0 0 0; }
#my_logo { font:70px Georgia, serif; }
	


@media (max-width: 1200px) {
.footerbox {
display:none
}

.menuschowane {display:none}

#sticky_navigation {
position: initial !important
}

}



@media (max-width: 900px) {
.lewaukryta {
display:none
}

.przyklejony {
height:100px
}

.kontaktone {
width:100%
}

.kontakttwo {
width:100%
}

.waskacennik {
width:100%
}

}





@media (max-width: 600px) {

.szeroka {
width:100%
}

.waska {
width:100%
}




.lewakolumna {
float:left;box-sizing:border-box;padding-right:0px
}

.prawakolumna {
margin-top:18px;
float:right;
width:100%;
box-sizing:border-box;
padding-left:0px
}

}