@media only screen and (max-device-width: 480px) {      
 ul { -webkit-text-size-adjust:100% }
 div { -webkit-text-size-adjust:100% }               
}

body {
 margin-top: 0px;
 margin-left: 0px;
 margin-right: 0px;
 background-color: #3d3e38;
 color: #ffffff;
 font-family: Arial, sans-serif;
 font-size: 16px;
 -webkit-font-smoothing: subpixel-antialiased;
}

img{
 border: 0;
}

.zielony{
 color: #b0cc20;
 letter-spacing: 0.7px;
}


a.zielony-b, a.zielony-b:visited, .zielony-b{
 color: #b0cc20;
 font-weight: bold;
 text-decoration: none;
}

a.zielony-b:hover, a.zielony-b:active{
 color: #c6e529;
 font-weight: bold;
 text-decoration: none;
}

.small{
 font-size: 20px;
}

h3{
 font-family: Arial, sans-serif;
 font-size: 18px;
 font-weight: normal;
 text-transform: uppercase;
}

h4{
 font-family: Arial, sans-serif;
 font-size: 17px;
 font-weight: bold;
}

ul{
 list-style-type: square;
 color: #b0cc20;
}

ul ul{
 list-style-type: disc;
 color: #b0cc20;
 padding-top: 4px;
 padding-bottom: 8px;
}

li span{
 color: #ffffff;
}

.odstep{
 margin-top: 15px;
}

a, a:visited {
 color: #ffffff;
 text-decoration: none;
}

a:hover {
 color: #c6e529;
 text-decoration: none;
}

a:active {
 color: #8da125;
 text-decoration: none;
}

#baner {
 overflow: visible;
 margin: 0 auto;
 background: url(gfx/header.jpg) no-repeat top center;
 width: 1037px;
 height: 333px;
 position: relative;
 padding: 0;
}

#header{
 margin: auto;
 background: url(gfx/bg.jpg) no-repeat top center;	
 overflow: visible;
 height: 333px;
 width: 100%;
}


#menu-wrapper{
 position: absolute;
 top: 295px;
 width: 100%;
 height: 90px;
}

#menu-wrapper2{
 overflow: visible;
 margin: 0 auto;
 width: 1006px;
 height: 333px;
 position: relative;
 padding: 0;
}

#menu{
 position: relative;
 width: 95%;
 height: 90px;
 float: right;
}

.button{
 color: #1e1e1e;
 position: relative;
 text-align: center;
 padding-top: 35px;
 float: left;
 width: 190px;
 height: 90px;
 background: url(gfx/button.png) no-repeat;
 display: block;	
 text-transform: uppercase;
 text-shadow: #3d3e38 1px 1px 3px;
}

.button:hover{
 position: relative;
 text-align: center;
 padding-top: 35px;
 float: left;
 width: 190px;
 height: 90px;
 background: url(gfx/button-hover.png) no-repeat;'
 display: block;	
 text-transform: uppercase;
 color: #b0cc20;
 text-shadow: #3d3e38 1px 1px 2px;
}

.button:active{
 position: relative;
 text-align: center;
 padding-top: 35px;
 float: left;
 width: 190px;
 height: 90px;
 background: url(gfx/button-active.png) no-repeat;
 display: block;	
 text-transform: uppercase;
 color: #b0cc20;
 text-shadow: #3d3e38 1px 1px 2px;
}

.preload{
 display: none;
}

#wrapper{
 margin: auto;
 width: 1000px;
 margin-top: 70px;
}

#content-block{
 margin: auto;
 position: relative;
 display: block;
 width: 670px;
 min-height: 500px;
 float: left;
 margin-bottom: 30px;
}

#kontakt-block{
 margin: auto;
 position: relative;
 display: block;
 width: 290px;
 min-height: 500px;
 float: right;
 margin-bottom: 30px;
 font-size: 15px;
 padding-right: 20px;
 margin-left: 20px;
}

#footer-block{
 margin: auto;
 position: relative;
 display: block;
 width: 1037px;
 height: 90px;
 background: url(gfx/footer.png) no-repeat;
 clear: both;
}

#footer-left{
 margin: auto;
 position: relative;
 display: block;
 height: 90px;
 float: left;
 padding-left: 60px;
 padding-top: 36px;
}

#footer-right{
 width: 250px;
 margin: auto;
 position: relative;
 text-align: center;
 display: block;
 height: 90px;
 float: right;
 padding-top: 36px;
}

#content-name{
 width: 90%;
 margin: auto;
 position: relative;
 display: block;
 height: 85px;
 padding-top: 30px;
 background: url(gfx/name.png) no-repeat;
 background-position: 55px 40px;
 font-size: 25px;
}

#content-display{
 width: 88%;
 position: relative;
 display: block;
 font-family: Georgia, serif;
 margin-left: 50px;
 text-align: justify;
}

#kontakt-name{
 width: 290px;
 margin: auto;
 position: relative;
 display: block;
 height: 85px;
 padding-top: 30px;
 background: url(gfx/name.png) no-repeat;
 background-position: 60px 41px;
 font-size: 25px;
 margin-top: 40px;
}

.kontakt-element-pierwszy{
 width: 290px;
 margin: auto;
 position: relative;
 display: block;
 overflow: auto;
 font-family: Arial, sans-serif;
}

.kontakt-element{
 width: 290px;
 margin: auto;
 position: relative;
 display: block;
 margin-top: 30px;
 overflow: auto;
 font-family: Arial, sans-serif;
}

.kontakt-element-opis{
 width: 240px;
 display: block;
 margin: auto;
 position: relative;
 float: right;
 overflow-x: hidden;
}

.kontakt-element-nazwa{
 color: #b0cc20;
 line-height: 30px;
}

#kontakt-element-tel{
 width: 40px;
 height: 40px;
 display: block;
 margin: auto;
 position: relative;
 float: left;
 background: url(gfx/kontakt-tel.png) no-repeat;
}

#kontakt-element-mail{
 width: 40px;
 min-height: 40px;
 display: block;
 margin: auto;
 position: relative;
 float: left;
 background: url(gfx/kontakt-mail.png) no-repeat;
}

#kontakt-element-siedziba{
 width: 40px;
 height: 40px;
 display: block;
 margin: auto;
 position: relative;
 float: left;
 background: url(gfx/kontakt-siedziba.png) no-repeat;
}

#kontakt-element-fb{
 width: 40px;
 height: 40px;
 display: block;
 margin: auto;
 position: relative;
 float: left;
 background: url(gfx/kontakt-fb.png) no-repeat;
}



.oferta-lista{
 width: 531px;
 height: 22px;
 color: #000000;
 background: url(gfx/lista-bg.png) no-repeat;
 padding-left: 32px;
 padding-top: 1px;
 letter-spacing: 0.7px;
}

.oferta-lista:hover {
 background: url(gfx/lista-bg-active.png) no-repeat;
 width: 531px;
 height: 22px;
 color: #b0cc20;
 font-weight: bold;
}

.left{
float: left;
width: 50%;
}

.right{
width: 50%;
float: right;
}

.bottom{
padding-top: 20px;
clear: both;
}


.kraje{
margin: 0;
}

.trigger{
height: 6px;
margin-top: 6px;
}

.toggle_container {
    margin: 0 0 0px;
    padding: 0;
    overflow: hidden;
    clear: both;
}

.abc {
 list-style-type: lower-alpha;
}