.showdesktoponly {
display:block;
}
.showmobileonly {
display:none;
}

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

.showdesktoponly {
display:none;
}
.showmobileonly {
display:block;
}

.produkt {
width:33%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}

#naseptavacmobile {
display: block;
}
#naseptavac {
display:none;
}
#poooolder {
  width: 100%;
  background-color:rgb(226,226,226); 
 }
 body {
  background-color:rgb(255,255,255); 
  margin: 0;
  padding: 0 0 20px 0;
  text-align: center;
  position:relative;
  font-family:'Century Gothic','Trebuchet MS','Arial';
  font-size:12px;
   color:#545454;
 }

 
#holder {
  width: 100%;
  margin: 0 auto;
  text-align: left;   
  background: url(https://www.karaoke-zabava.cz/karaoke-template/holder-maly.jpg) repeat-y left top;
  background-color:white;
 }
 


#holderhp {
  width: 100%;
  background-color:rgb(226,226,226); 
 }

#logo {
  height:66px;
  width:100%;
  position:relative;
border-bottom:2px solid #c0c0c0;
background:url('');
}


.logoclick {
width:180px;
height:92px;
  background: url(https://www.karaoke-zabava.cz/karaoke-template/top-logo.jpg) no-repeat left top;
position: absolute;
left:0px;
top:0;
  background-size:100% auto;
}



#submenu,#flashobjekt,#flash,#menu,#usermenu  {
 display: none;
}



#homeleft {
float:left;
  width: 100%;
}

#homeright {
float:left;
  width: 100%;
}
#homemiddle {
width:0px;
float:left;
height:0px;
}

#facebookdiv {
width:100%;
}

#footer {
width:100%;
background: url(https://www.karaoke-zabava.cz/karaoke-template/footer-maly.jpg) no-repeat left top;
}


#vpravoreklamnitexty {
display: none;
}

#submitodeslatkosik1{
  display: none;  
}
#submitodeslatkosik2{
  display: block;  
}

.kosikinfo {
 display:block;
 width:100%;
}         



.kosikinfo span{
 display:block;
 width:100%;
}

#ytdemo {
width:100%; 
}

#obrazekzbozi {
width:50%; 
}
.detailikony {
width:48%;
}



#vlevo,#dotaaaaz {
float:left;
width:100%;
}
#vpravo {
float:right;
width:100%;
}

#textareaowebu
{
width:100%-100px;
}

#loginin{
position:relative;
width:312px;
margin: 0 auto;
height:45px;
background:url('https://www.karaoke-zabava.cz/karaoke-template/login-maly.png') no-repeat right top;
text-align: left;
}


#kratkyloginpopis {
  display: block;
}
#dlouhyloginpopis {
  display: none;
}
#kratkyloginheslo {
  display: block;
}
#dlouhyloginheslo {
  display: none;
}

#login1 input {
border:1px solid #934118;
background-color: white;

padding:2px;
width:50px;
font-size:11px;
}

#inputdotazjmeno {
  width:25%;
}

#login1 input.submit{
border:0;
background-color: #430b07;
color:white;
padding:2px;
font-size:11px;
width:70px;
}
#login1,#login1 a {
color:#1d0201;
text-decoration: none;
} 


.naseptavacbox {
z-index:9999;
height:100px;
width:300px;
top:0px;
left:55px;
}



  /*-- Menu button --*/
  div.menu-button { z-index:999;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: #000; }



.srchbutton {
z-index:999;
display: block;
position: absolute;
top:38px;
right:5px;
margin: 0;
color: #000;
cursor: pointer;
text-align: right;
}

#flash {
background: url();
background-color: red;
height:140px;
width:100%;
position: relative;
border: 1px  solid black;
  background-color: #FB8307;
box-shadow: 0 10px 15px RGBA(0,0,0,0.5);

}




#flash form input.vlue
{
position: absolute;
top:115px;
left:10px;
margin:0;
background: url();
font-size:12px;
width:200px;
height:18px;
border:1px solid black;
background-color: white;
padding:0px 2px 0px 2px;
}

#flash form .sbmt2 {
position:absolute;
top:115px;
left:220px;
border:0;
background:url();
font-size:0;
height:18px;
width:20px;
border:1px solid black;
background-color: #909090;
cursor: pointer;
display:inline-block;
color:white !important;;
padding:2px 2px 2px 2px;
}

.naseptavacbox {
background-color:white;
border:1px solid black;
z-index:9999;
height:110px;
overflow-y:scroll;
width:300px;
top:5px;
left:10px;
font-size:12px;
position:absolute;
}

.nenamobilu {
  display: none;
}

.jennamobilu {
  display: block;
}


}

#fixedmenu {
  z-index:1000;
}

#fixedmenu {
  text-align: left;
  position: absolute;
  top: 68px;
  left: 0px;
  background-color: #FB8307;
  box-shadow: 0 10px 15px RGBA(0,0,0,0.5);
  width: 100%;
  padding:10px 0 15px 0;
}

#fixedmenu hr {
height:0;
border:0;
border-top:2px dotted white;

}


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

#fixedmenu ul ul {
  margin: 0 0 0 20px;
  left: 10;
}

#fixedmenu li {
  padding: 5px;
  left: 10;
}

#fixedmenu a {
 font-size:16px;
 font-weight: bold;
 text-decoration: none;
 display:block;
 padding:3px 4px 3px 8px;
 color:white;

 }

#dvdplaylist {
  
  float:left;
  min-width:318px;
}



@media screen and (max-width: 760px) {
  #fotoadmina {
    display: none;
}

.dotaaaz {
width:33%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}


.produkt {
width:50%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}

#dvdplaylist {
  width:100%;
  float:left;
  min-width:318px;
}

#dvdplaylist2 {
  display: none;
  width:100%;
  float:left;
  min-width:318px;
}

#skladbatext {
  width:100%;
  float:left;
  min-width:318px;
}


}

.kosikinfo span{
 display:block;
 padding: 0 10px 0px 0px;

}

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

.produkt {
width:100%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}

.dotaaaz {
width:50%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}


}

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

.dotaaaz {
width:100%;
float:left;
margin:0 0 10px 0;
cursor: pointer;
}


#obrazekzbozi {
width:100%;
float: none;
}
.detailikony {
width:100%;
clear:all;
}


.kosikBox {
height:100px;
}

.cenastyl1 {
position: absolute;
left:0px;
font-size:20px;
font-weight: bold;
top:53px;
}

.cenastyl2 {
position: absolute;
left:67px;
font-size:12px;
top:77px;
}

}