/*--- Screen <= 960px ( Tablets portrait view  )---*/
@media screen and (max-width: 960px) {



#usermobile {
padding:8px 8px;
display: block;
background-color: #f0f0f0;
}

#loginmobiledole {
display: block;
position: relative;
}

#searchbox2 {
display: none;
}

#mobiletop {
background-color: #014f99;
display: block;
height:40px;
position: relative;

}


  body {
    background-color: white;
    background: none;
  }
  #logosmall {
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
  }
  #top,#searchbox,#vpravo,#footer {
    display: none;
  }
  #holder {
    width: 100%;
    background-image: none;
  }
  #page {
    width: 100%;
  }
  #pagein {
  padding:0 5px 0 5px;
  }
  textarea {
    width: 80%;
  }
  input[size=30] {
    width: 10px;
  }
  h1 {
    background-image: none;
    background-color: #b8dbee;
    padding:5px 5px 5px 8px;
    margin:10px 5px 0 5px;
    font-size:22px;
  }
  h2 {
    background-image: none;
    background-color: #2a416b;
    padding:5px 5px 5px 8px;
    margin:5px 0px 5px 0px;
    color:white;
    border-left:5px solid #feb91a;
  }
  /*-- Menu button --*/
  div.menu-button { display: block; position: relative; width: 30px; height: 19px; margin: 10px 10px 0 0; float: right; color: #000; cursor: pointer; }
  div.menu-lines { width: 28px; height: 21px; position: absolute; top: 0; right: 0; }
  div.menu-button span { display: block; }
  div.menu-button span.menu-label { width: 80px; height: 21px; line-height: 17px; float: left; text-align: right; font-size: 13px; }
  div.menu-button span.menu-line { width: 28px; height: 3px; float: right; margin-bottom: 4px; background: white; }

#IkonyUMenu {
  display: block;
  text-align: right;
  line-height: 17px;
  position: relative; width: 80px; height: 19px; margin: 5px 10px 0 0; float: right; color: #000; cursor: pointer;

}



   #produkty p {
    display: inline-block;
    width: 31%;
    height: 178px;
    margin: 5px 4px 0 4px;
    padding: 0;
    background: url(bg-produkt.jpg) no-repeat left top;
    background-size: 100% 178px;
    cursor: pointer;
    text-align: center;
   }
    #produkty p img {
    display: block;
    height: 126px;
    width: 90%;
    margin: 1px auto 0 auto;
   }

 .indexobr {
   width: 31%;;
 }


}

#fixedmenu {
  z-index:1000;
}

#fixedmenu div {
border-top:2px solid #296095;
  text-align: left;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #174d80;
  width: 100%;
}

#fixedmenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#fixedmenu ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}


#fixedmenu ul li a {
color:white;
text-decoration: none;
border-bottom:1px solid #296095;
display: block;
padding:5px 7px;
}

#fixedmenu ul ul li  a {
padding:3px 7px;
}

#fixedmenu li {
  padding: 5px;
  font-size:17px;
}

#fixedmenu ul ul li a {
background-color:   #3d71a2;
padding-left:20px;
}




@media screen and (max-width: 550px) {

  #docasneskryto {
      display: none;
  }
  #docasneodkryto {
    display: block;
  }

 .indexobr {
   width: 45%;
 }


  #levyblok,#pravyblok {
    width: 100%;
    display: block;
  }

   #produkty p {
    display: inline-block;
    width: 46%;
    height: 178px;
    margin: 5px 4px 0 4px;
    padding: 0;
    background: url(bg-produkt.jpg) no-repeat left top;
    background-size: 100% 178px;
    cursor: pointer;
    text-align: center;
   }


 .jenPC {
   display: none;
 }
 .NePC {
   display: block;
 }

#gopaydole {
width:100px;
}
}
@media screen and (max-width: 350px) {

   #produkty p {
    display: inline-block;
    width: 95%;
    height: 178px;
    margin: 5px 4px 0 4px;
    padding: 0;
    background: url(bg-produkt.jpg) no-repeat left top;
    background-size: 100% 178px;
    cursor: pointer;
    text-align: center;
   }
 .indexobr {
   width: 96%;;
 }
#gopaydole {
width:100px;
}

}