/* PPLmodal */
.PPLmodal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
.PPLmodal-content {
  background-color: #fefefe;
  margin: 1% auto; /* 15% from the top and centered */
  padding: 10px;
  border: 1px solid #888;
  width: 90%; /* Could be more or less, depending on screen size */
  
}

.PPLclose {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.PPLclose:hover,
.PPLclose:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}





/* vetsi checkbox*/

            /* Customize the label (the container) */
            .cont {
              display: block;
              position: relative;
              padding-left: 50px;
              margin-bottom: 0px;
              cursor: pointer;
              font-size: 15px;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }

            /* Hide the browser's default checkbox */
            .cont input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
              height: 0;
              width: 0;
            }

            /* Create a custom checkbox */
            .cont_checkmark {
              position: absolute;
              top: 0;
              left: 0;
              height: 20px;
              width: 20px;
              margin: 0px 0px 0px 0px;
              padding: 0px 0px 0px 0px;
              background-color: #eee;
              border: 2px solid #2196F3;
            }

            /* On mouse-over, add a grey background color */
            .cont:hover input ~ .cont_checkmark {
              background-color: #ccc;
            }

            /* When the checkbox is checked, add a blue background */
            .cont input:checked ~ .cont_checkmark {
              background-color: #2196F3;
            }

            /* Create the checkmark/indicator (hidden when not checked) */
            .cont_checkmark:after {
              content: "";
              position: absolute;
              display: none;
            }

            /* Show the checkmark when checked */
            .cont input:checked ~ .cont_checkmark:after {
              display: block;
            }

            /* Style the checkmark/indicator */
            .cont .cont_checkmark:after {
              left: 6px;
              top: 3px;
              width: 4px;
              height: 8px;
              border: solid white;
              border-width: 0 3px 3px 0;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
            }
/* KONEC vetsi checkbox*/

/* vetsi checkbox2*/

            /* Customize the label (the container) */
            .cont2 {
              display: block;
              position: relative;
              padding: 0px 0px 0px 0px;
              top: -10;
              margin: 0px 0px 0px 0px;
              cursor: pointer;
              font-size: 15px;
              -webkit-user-select: none;
              -moz-user-select: none;
              -ms-user-select: none;
              user-select: none;
            }

            /* Hide the browser's default checkbox */
            .cont2 input {
              position: absolute;
              opacity: 0;
              cursor: pointer;
              height: 0;
              width: 0;
            }

            /* Create a custom checkbox */
            .cont2_checkmark {
              position: absolute;
              top: 0;
              left: 0;
              height: 20px;
              width: 20px;
              margin: 0px 0px 0px 0px;
              padding: 0px 0px 0px 0px;
              background-color: #eee;
              border: 2px solid #2196F3;
            }

            /* On mouse-over, add a grey background color */
            .cont2:hover input ~ .cont2_checkmark {
              background-color: #ccc;
            }

            /* When the checkbox is checked, add a blue background */
            .cont2 input:checked ~ .cont2_checkmark {
              background-color: #2196F3;
            }

            /* Create the checkmark/indicator (hidden when not checked) */
            .cont2_checkmark:after {
              content: "";
              position: absolute;
              display: none;
            }

            /* Show the checkmark when checked */
            .cont2 input:checked ~ .cont2_checkmark:after {
              display: block;
            }

            /* Style the checkmark/indicator */
            .cont2 .cont2_checkmark:after {
              left: 6px;
              top: 3px;
              width: 4px;
              height: 8px;
              border: solid white;
              border-width: 0 3px 3px 0;
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg);
              transform: rotate(45deg);
            }
/* KONEC vetsi checkbox2*/

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 200px auto; /* '%'or'px' from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}


/* standard button */
.standard{
  /*background-color: #4CAF50; 
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;*/
  
  font-size: 18px;
  padding: 5px 5px 5px 5px;
  
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close:hover,.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}



.modal_middle {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 99; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(66,66,66); /* Fallback color */
  background-color: rgba(66,66,66,0.9); /* Black w/ opacity */
}

.modal_middle-content {
  margin: auto;
  display: block;
  /*width: 80%;*/
  /*max-width: 900px;*/
  max-width: 100%;
            max-height: 100vh;
            /*margin: auto;*/
			height: auto;
}
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}
.close_modal_middle {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close_modal_middle:hover,
.close_modal_middle:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}
/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal_middle-content {
    width: 100%;
  }
}











/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* dropdown of menu */
.dropdown2 {
  float: left;
  width: 100%;
  overflow: hidden;
  /*background-color: lightgreen;*/
}
.dropdown3 {
  float: left;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0 0;
  /*background-color: lightgreen;*/
}
.dropdown4 {
    position: relative;
    display:  inline-block;
  /*float: left;*/
  /*width: 80px;*/
  height: 80px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  /*background-color: lightgreen;*/
  /*bottom:0;*/
}
.dropdown4_puvodni_smazat {
    position: RELATIVE;
    display:  inline-block;
  /*float: left;*/
  /*width: 80px;*/
  height: 80px;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  /*background-color: lightgreen;*/
  /*bottom:0;*/
}


/* Dropdown button */
.dropdown .dropbtn {
  /*width: 50px; width of the button*/
  font-size: 18px;
  border: none;
  border-radius: 4px;
  outline: none;
  color: white;
        text-shadow: 1px 1px 1px #000000;
  background-color: #c4e3f3;
  padding: 14px 16px;
  /*background-color: inherit;*/
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0px 3px 0px 0px; /* Important for vertical align on mobile phones */
}
.dropdown2 .dropbtn {
  width: 100%;
  font-size: 18px;
  border: 1px solid black;
  border-radius: 2px;
  outline: none;
  color: black;
        /*text-shadow: 1px 1px 1px #000000;*/
  /*background-color: #c4e3f3;*/
  padding: 2px 2px 2px 2px;
  /*background-color: inherit;*/
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0px 0px 0px 0px; /* Important for vertical align on mobile phones */
}
.dropdown3 .dropbtn {
  width: 100%;
  font-size: 18px;
  border: none;
  border-radius: 4px;
  outline: none;
  color: white;
        text-shadow: 1px 1px 1px #000000;
  background-color: #666666;
                padding: 4px 4px 4px 4px;
  /*background-color: inherit;*/
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0px 0px 1px 0px; /* Important for vertical align on mobile phones */
  padding: 10px 10px;
}
.dropdown3 .dropbtn:hover{
    background-color: #A9BACB;
}
.dropdown3 .dropbtn_active{
    width: 100%;
    /*background-color: #FFBB00;*/
	background-color: #e5e5e5;
    color: black;
    padding: 10px 10px;
}

.dropbtn_active {
  /*width: 50px; width of the button*/
  font-size: 18px;
  border: none;
  border-radius: 4px;
  outline: none;
  
  background-color: dodgerblue;
  color: white;
  padding: 14px 16px;
  
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0px 3px 0px 0px; /* Important for vertical align on mobile phones */
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: FIXED;/*ex fixed*/
  padding: 0px 0px 0px 0px;
  /*border: 1px solid black;*/
  background-color: whitesmoke;
  /*min-width: 100px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 90;
  width: 50%;
  
							overflow-y: scroll;
}
.dropdown-content-over { /* 2 sloupce*/
  display: none;
  position: fixed;
  right: 0;
  
  padding: 0px 0px 0px 0px;
  /*border: 1px solid black;*/
  background-color: whitesmoke;
  /*min-width: 100px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 290;
  width: 580px;
}


.dropdown4-content {
    display: none;
				overflow: visible;
  position: fixed;
  left: 0;
  
  padding: 0px 0px 0px 0px;
  /*border: 1px solid black;*/
  background-color: whitesmoke;
  /*min-width: 100px;*/
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2900;
  width: 80%;
}




.dropdown2-content {
  display: none;
  /*float: outside;*/
  position: absolute;
  right: 0;
  padding: 0px 0px 0px 0px;
  border: 1px solid black;
  background-color: whitesmoke;
  /*min-width: 100px;*/
  width: 450px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 90;
}


/* Links inside the dropdown */
a.drop {
  float: left;
  color: black;
  background-color: whitesmoke;
  border: 0px solid whitesmoke;
  border-radius: 0;
  
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  width: 100%;
  /*font-size: 10px;*/
  /*font: 10px;*/
}


input[type=image].drop_image {
    padding: 2px 2px 2px 2px; 
    background: transparent; 
    border-radius: 0px;
    cursor:pointer;
    border: 0px solid #666666;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].drop_submit {
    padding: 2px 2px 2px 2px; 
    background: transparent; 
    border-radius: 0px;
    cursor:pointer;
    border: 0px solid #666666;
    margin: 0px 0px 0px 0px;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    font-family: Verdana;
}

.dropdown_00 {
  
  background-color: white;
  
  text-decoration: none;
  display: block;
  /*float: right;*/
  /*width: 100%;*/
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 18px;

}
p.username_logged{
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}
.dropdown_01 {
  
  background-color: whitesmoke;
  /*border-radius: 50px;*/
  text-decoration: none;
  display: block;
  /*float: right;*/
  /*width: 100%;*/
  width: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-size: 18px;

}




/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
}

.a_aktivni{
    background-color: dodgerblue;
}
.a_pasivni{
    background-color: #c4e3f3;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}
.dropdown:hover .dropdown-content-over {
  display: block;
}

.dropdown2:hover .dropdown2-content {
  display: block;
}
.dropdown4:hover .dropdown4-content {
  display: block;
}

.menu_obrazek{
    /*padding: 23px 23px 3px 23px;*/
    height: 65px;
    /*position:absolute;*/
    left:0;
    top: 100px;
   /* bottom:0;*/
    
    
    
}
.menu_obrazek2{
	
}
.menu_obrazek22:hover{
	
  
}
/* Create a sticky/fixed navbar */
#navbar {
	/*border: 1px solid black;*/
  overflow: visible;
  /*background-color: #f101f1;*/
  padding: 3px 3px; /* Large padding which will shrink on scroll (using JS) */
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 90%;
  min-width: 960px;
  
  /*display:block;*/
  /*position: relative;*/
  /*padding: 0px;*/
  left: 50%;
  transform: translate(-50%);
  
  margin: 0 auto;
  top: 0;
  z-index: 51;
  
}


/* Style the navbar links */ /* změna color tlačítek (a) )v dpropdown-conent a*/
#navbar a{
  float: left;
  display: block;
  color: black;
  margin: 0px 0px 0px 0px;
  text-align: left;
  /*POZOR, VĚTŠÍ PADDING NEŽ 8PX SKRYJE HORNÍ BORDER HLAVNÍHO VYCENTROVANÉHO DIVU*/
  padding: 8px 0px 8px 0px;
  text-decoration: none;
  /*font-size: 18px;*/
  font-size: 13px;/*13px*/
  line-height: 17px;/*17px*/
  /*border-radius: 4px;*/
        /*text-shadow: 1px 1px 1px #000000;*/
 	font-weight: normal;
  
  
}

#navbar-vertical a {
  float: left;
  color: black;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  font-size: 18px;
  line-height: 25px;
  border-radius: 4px;
  
  
}

/* Style the logo */
#navbar #logo_2020 {
  font-size: 35px;
  font-weight: bold;
  transition: 0.4s;
  
  
}

/* Links on mouse-over */
#navbar a:hover {
  background-color: #ddd;
  /*color: black;*/
}
/* Links on mouse-over HOVER POKUD NENI AKTIVOVAN DROPBTN*/
#navbar .dropdown:hover .dropbtn {
  background-color: #ddd; 
  /*color: black;*/
}

/* Style the active/current link */
#navbar a.active {
  background-color: dodgerblue;
  color: white;
}


/* Display some links to the right */
#navbar-right {
  float: right;
  position: relative;
  right: 200px;
  /*background-color: magenta;*/
  
  
}
#navbar-right-admin {
  float: right;
  position: relative;
  right: 0px;
  /*background-color: magenta;*/
  
  
}

/* Add responsiveness - on screens less than 580px wide, display the navbar vertically instead of horizontally */
/*@media screen and (max-width: 580px) {*/
/*  #navbar {*/
/*    padding: 20px 10px !important; *//* Use !important to make sure that JavaScript doesn't override the padding on small screens */
/*  }*/
/*  #navbar a {*/
/*    float: none;*/
/*    display: block;*/
/*    text-align: left;*/
/*  }*/
/*  #navbar-right {*/
/*    float: none;*/
/*    right: 0px;*/
/*  }*/
/*}*/


/* KONEC NOVEHO HEADERU */

/* div pod menu */
div.body2020{
    margin:140px 0px 0px 0px;
							
    /*font-size:14px;*/
    width: 100%;
    /*position:absolute;*/
    /*z-index: 50;*/
    background-color: #E5E5E5;
}

/* okno mezi body a divem vycentrovaným pro obsah */ 
div.centrovac2020 {
        width: 90%;
        min-height: 80vh;
/*width: 1200px;*/
	margin: 0 auto;
	display: block;
        position: relative;
        
	
	background: white;
	border-top: 4px solid #666666;
        /*border-bottom: 2px solid #006797;*/
        /*border-left: 2px solid #006797;*/
        /*border-right: 2px solid #006797;*/
	/*box-shadow: 2px 2px 7px #1c2228;*/
        box-sizing: border-box;
	padding: 0px;
        
}
/*kdyz je rozmer mensi nez 1100, pak div.centrovac je natvrtdo 960px*/
@media only screen and (max-width: 1100px) {
  div.centrovac2020{
    width: 960px;
  }

}


div.left_menu{
    display: none; 
	/*float: left;*/
    
    
     float: left;
  overflow: hidden;
  
  position: absolute;
        /*overflow:  auto;
        /*display: block;*/
        top: 0px;
        left:  -199px;
        /*box-sizing: border-box;*/
         background: white;  
	width: 195px;
    min-height: 200px;
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        /*box-sizing: border-box;*/
        /*z-index: 0;*/    
}
@media only screen and (min-width: 1700px) {
  div.centrovac2020{
    width: 1300px;
  }
  div.left_menu{
    display: block ;
  }
}

div.right_content{/*nepoužito*/
    	float: inside;
        position: relative;
        display: block;
        
        
         background: pink;  
	width: 50%;
    /*height: 900px;*/
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        /*box-sizing: border-box;*/
        z-index: 0;    
}

div.logout{
width: 100px;
/*background-color: #AAAAAA;*/
}


/* div nastříhat */
div.div_sudy{
    margin:0px 0px 0px 0px;
    padding: 1px 1px 1px 1px;
    width: 100%;
    /*position:absolute;*/
    /*z-index: 50;*/
    background-color: bisque;
}
div.div_lichy{
    margin:0px;
    padding: 1px 1px 1px 1px;
    width: 100%;
    /*position:absolute;*/
    /*z-index: 50;*/
    background-color: turquoise;
}


body {
	/*background-color:  white;
	margin: 72px 0px 0px 0px;*/
	font: 12px Verdana;
	min-width: 960px; 
}
.blinking{
    animation:blinkingText 0.8s infinite;
}
@keyframes blinkingText{
    0%{     color: #000;    }
    49%{    color: #E82323 }
    90%{    color: #992599; }
    99%{    color:transparent;  }
    100%{   color: #000;    }
}

h2, h3, h4, h5, h6 {
	text-align: center;
	color: #0a294b;
	font-family: Arial;
	text-shadow: 3px 3px 7px #666666;
        margin: 0%;
}

.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}

.choseIt{
    font-size: 20px;
}

.custom-file-input::before {
  content: 'Vybrat';
  display: inline-block;
  background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  
}
.custom-file-input:hover::before {
  border-color: black;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}
pre.obsah {
	font: 11px Verdana;
	font-weight: normal;
        margin: 0px;
}
table.bezramu{
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font: 16px Verdana;
}
table.bezramu_sudylichy{
    /*border-collapse: collapse;*/
    margin: 1px 1px 1px 1px;
    border-radius: 10px;
    font: 16px Verdana;
    background-color: white;
    padding: 7px;
}
table.bezramu_sudylichy tbody tr:nth-child(odd) {
  background: #eee;
  border: 1px;
  
}

table.bezramu_sudylichy tbody tr:nth-child(even) {
  background:  #fff;
  padding: 1px 1px 1px 1px;
}

table.simple{
    border-collapse: collapse;
    margin: 0px;
    border: 1px solid black;
}

table.s0{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
    width: 100%;
    
}
table.s_pozadim{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
    width: 100%;
    background-color: black;
    color: white;
}
table.s_pozadim_puvodni{
    border-collapse: collapse;
    margin: 0px;
    border: 0px;
    width: 100%;
    background-image: URL('obrazky/pozadi.png');
    color: white;
}
table.stat{
    border-collapse: collapse;
    margin: 0px;
    border: 2px;
    border-bottom-style:  groove;
    border-color: darkseagreen;
    width: 100%;
    /*background-color: #cccccc;*/
    color: #000000;
    /*font-size: 22px;*/
}

td.e_kontakt_horni {
    background-color: #666666;
    border: 0px;
    vertical-align: middle;
    padding: 15px;
    text-align: center;
    color: white;
    font-size: 20px;
    /*text-shadow: -2px 1px 0px black;*/
    border-radius: 6px;
    /*width: 90px;*/
}
td.e_kontakt_polozka {
    /*background-color: #666666;*/
    border: 0px;
    vertical-align: top;
    padding: 15px;
    text-align: center;
    color: black;
    font-size: 18px;
    /*text-shadow: -2px 1px 0px black;*/
    /*border-radius: 6px;*/
    /*width: 90px;*/
}
td.e_kontakt_polozka2 {
    /*background-color: #666666;*/
    border: 0px;
    
    padding: 15px;
    text-align: left;
    color: black;
    font-size: 14px;
    /*text-shadow: -2px 1px 0px black;*/
    /*border-radius: 6px;*/
    /*width: 90px;*/
}
td.e_kontakt_polozka3 {
    /*background-color: #666666;*/
    border: 0px;
    
    padding: 15px;
    text-align: center;
    color: black;
    font-size: 14px;
    /*text-shadow: -2px 1px 0px black;*/
    /*border-radius: 6px;*/
    /*width: 90px;*/
}

td.lajnadole{
    border-bottom: 1px solid black;
    margin: 0px;
}
td.q {
    
    border: 0px;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
    width: 150px;
    
}

td.q_mini {
    
    border: 0px;
    vertical-align: middle;
    text-align: left;
    padding: 2px;
    width: 10px;
    
}
td.centruj {
    
    border: 0px;
    vertical-align: middle;
    padding: 8px;
    text-align: center;
}
td.zele {
    background-color: lightgreen;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 90px;
}
td.modr {
    background-color: lightskyblue;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 90px;
}
td.hned {
    background-color:  coral;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 90px;
}
td.nuzky_ok {
    background-color:  lightgreen;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 35px;
}
td.nuzky_nok {
    background-color:  coral;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 35px;
}
td.nuzky_yellow {
    background-color:  yellow;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 35px;
}
td.nuzky_pauza {
    background-color: gold;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 35px;
}
td.vyrazne {
    background-color: #006797;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
td.vyrazne_red {
    background-color: red;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
td.inv0 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: right;
    width: 32px;
    font-size: 10px;
}
td.inv1 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 300px;
    font-size: 10px;
}
td.inv1_c {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 250px;
    font-size: 10px;
}
td.inv2 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 45px;
    font-size: 10px;
}
td.inv3 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 60px;
    font-size: 10px;
}
td.inv3_1 {
    
    border: 1px solid;
    border-right: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: right;
    width: 40px;
    font-size: 10px;
}
td.inv3_2 {
    
    border: 1px solid;
    border-left: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 20px;
    font-size: 10px;
}
td.inv4 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 100px;
    font-size: 10px;
}
td.inv4_1 {
    
    border: 1px solid;
    border-right: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: right;
    width: 70px;
    font-size: 10px;
}
td.inv4_2 {
    
    border: 1px solid;
    border-left: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 30px;
    font-size: 10px;
}
td.inv5 {
    
    border: 1px solid;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 140px;
    font-size: 10px;
}
td.inv5_1 {
    
    border: 1px solid;
    border-right: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: right;
    width: 120px;
    font-size: 10px;
}
td.st1 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 28px;
}
td.st2 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 28px;
}
td.st1up {
    
    border: 0px;
    vertical-align: top;
    padding: 0px;
    text-align: center;
    width: 28px;
}
td.st20s {
    font-size: 8px;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 50px;
}

td.stx1 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 11px;
}
td.st2 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 75px;
}
td.st2big {
    font-size: 15px;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 75px;
}
td.st2_2 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    width: 140px;
}
td.st3 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 150px;
    
}
td.st85 {
    font-size: 10px;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 85px;
    
}
td.st4 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 280px;
    
}
td.st6 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 135px;
}
td.st7 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 100px;
}
td.st8 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 115px;
}
td.st18 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 235px;
}
td.st9 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 330px;
}
td.st10 {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 650px;
}













































td.st11 {
    font-size: 10px;
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align:  center;
    width: 150px;
}
td.deset {
    font-size: 10px;
     
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align:  center;
    
}
td.jedenact {
    font-size: 11px;
     
    border: 2px solid black;
    vertical-align: middle;
    padding: 0px;
    margin: 0px;
    text-align:  center;
    
}
td.obj_l {
    font-size: 13px;
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    
}
tr.obj{
    border: 1px solid #241917;
}
td.polozka {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 280px;
}

td.mini {
    
    border: 0px;
    vertical-align: middle;
    padding: 0px;
    text-align: left;
    width: 12px;
}

td.horcice {
    background: darkgray;
    border: 0px;
    vertical-align: top;
    width: 200px;
}
td.modry{
    background-color: #ffffff;
    border: 0px;
    vertical-align: top;
    width: 200px;
}
td.horcice_dark {
    background: url('obrazky/pozadi_horcice_dark.png') #ffffff;
    border: 0px;
    vertical-align: top;
    width: 200px;
}
td.horcice_light {
    background: url('obrazky/pozadi_horcice_light.png') #ffffff;
    border: 0px;
    vertical-align: top;
    width: 200px;
}
h2 {
	font-size: 1.7em;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	color: WHITE;
	text-align: center;
	text-shadow: 2px 2px 1px #4A0000;
        margin: 0px 0px 0px 0px;
        padding: 0;
        
}
img.knoflik {
    padding: 2px; 
    background: #ffffff; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
#logo {
	background: url('obrazky/logo_yellow_10.png') no-repeat;
	width: 370px;
	height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
        padding: 0;
}
#e_logo {
	background: url('obrazky/logo_yellow_10.png') no-repeat; 
        /* background: blue; */
	width: 25%;
	height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
        padding: 0;
        box-sizing: border-box;
}



#mezera {
	border: 0px;
	width: 30px;
	height: 60px;
	float: left;
	margin: 0px 0px 0px 0px;
}
#submenu {
	float: left;
        /* background: green; */
	height: 77px;
        width: 58%;
        margin: 0px 0px 0px 0px;
        box-sizing: border-box;
        z-index: 1;
}


#cart {
	border: 1px;
	width: 17%;
        /* background: pink; */
	height: 200px;
	float: right;
	margin: 0px 0px 0px 0px;
        z-index: 1;
}
#cart2020 {
	border: 1px;
	width: 160px;
        /*background: blue;*/
	/*height: 2px;*/
	/*float: right;*/
        /*position: fixed;*/
        position: relative;
    /*top: 1em;*/
    /*right: 1em;*/
	margin: 0px 0px 0px 0px;
        z-index: 1;
}

#logo h1 {	
	margin: 14px 0px 0px 10px;
        padding: 0;
}
#e_logo h1 {	
	margin: 14px 0px 0px 10px;
        padding: 0;
        text-align: right;
        
}



nav ul {
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

/* ESHOP FILTR */
nav ul li.filtr {
    
    display: block;
    /*line-height: 1em;*/
    TEXT-ALIGN: center;
    float: left;
        padding: 0px 15px 0px 15px;
	/*margin: 3px 5px;*/
	
    font-size: 14px;
    color:  black;
    /*margin: auto;*/
        
	/*height: 38px;*/
	
        box-sizing: border-box;
        /* width: 24%;  */
        /*background: #ffbb00;*/
        background:  white;
        box-shadow: 0px 0px 5px black;	
}

nav ul li.filtr:hover {
	  background: #a9bacb;
	box-shadow: 0px 0px 5px black;
         
}
nav ul li.filtr_n {
		float: left;
        
        
	padding: 0px 15px 0px 15px;
	/*margin: 3px 5px;*/
	font-size: 14px;
    color: black;
        
	/*height: 28px;*/
	/*line-height: 1.2em;*/
        box-sizing: border-box;
        /* width: 24%;  */
        background: #c0c0c0;
        box-shadow: 0px 0px 5px black;	
}

nav ul li.filtr_n:hover {
	  background: #a9bacb;
	box-shadow: 0px 0px 5px black;
         
}
nav ul li.filtr a{
    color:black;
    text-shadow: 0 0;
    
}
nav ul li.filtr_n a{
    color:black;
    text-shadow: 0 0;
    
    
}
/* pozn: tvar modreho kulateho submenu jsou inputy mmenu/mmenu2 */ 
nav ul li.sub0 {
	float: left;
	padding: 0px 0px;
	margin: 0px;
	font-size: 17px;
	height: 20px;
	line-height: 0.3em;	
}

nav ul li.sub0:hover {
	 background: none;
	 box-shadow: 0px 0px 0px black; 
         
}

/* pozn: tvar modreho kulateho submenu verze eshop jsou inputy mmenu/mmenu2 */ 
nav ul li.sub3 {
	float: left;
        clear:left;
	padding: 0px 0px 4px 0px ;
	margin: 5px 0px 5px 0px;
	font-size: 17px;
	height: 20px;
	line-height: 0.3em;	
}

nav ul li.sub3:hover {
	 background: none;
	 box-shadow: 0px 0px 0px black; 
         
}
/* sub1 je eshop menu horní */ 
nav ul li.sub1 {
        
	float: left;
        
        
	padding: 0px 5px;
	margin: 3px 5px;
	font-size: 12px;
        
	height: 22px;
	line-height: 1.5em;
        box-sizing: border-box;
        /* width: 24%;  */
        background: #016ABC;
        box-shadow: 0px 0px 5px 0px black;
}

nav ul li.sub11 {
        
	float: left;
        
        
	padding: 0px 5px;
	margin: 3px 5px;
	font-size: 12px;
        
	height: 22px;
	line-height: 1.5em;
        box-sizing: border-box;
        /* width: 24%;  */
        background: #ffbb00;
        box-shadow: 0px 0px 5px black;
}

nav ul li.sub1:hover {
	 background: #ffbb00;
	box-shadow: 0px 0px 5px black;
}
/* subleft1 je eshop menu LEVÉ                    */ 
nav ul li.subleft1 {
        
	float: left;
        clear:left;
        
	padding: 0px 5px;
	margin: 0px 0px;
	font-size: 12px;
        
	height: 22px;
        width: 160px;
	line-height: 1.5em;
        box-sizing: border-box;
        /* width: 24%;  */
        background: #016ABC;
        box-shadow: 0px 0px 5px 0px black;
}

nav ul li.subleft11 {
        
	float: left;
        clear:left;
        
	padding: 0px 5px;
	margin: 0px 0px;
	font-size: 12px;
        width: 160px;
	height: 22px;
	line-height: 1.5em;
        box-sizing: border-box;
        /* width: 24%;  */
        background: #ffbb00;
        box-shadow: 0px 0px 5px black;
}

nav ul li.subleft1:hover {
	 background: #ffbb00;
	box-shadow: 0px 0px 5px black;
}





/* menu box vlastnosti */
nav ul li {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
	font-size: 15px;
        text-shadow: 1px 1px 1px #000000;
        
        
	/*height: 70px;*/
	line-height: 4.0em;	
}

nav ul li:hover, .aktivni {
	background: #ffbb00;
	box-shadow: 0px 0px 5px black;
        
        
        
}



/* menu - vnitřní barva textu  */ 
nav a {
	color: white;
	text-decoration: none;
}
/* menu LEVé - vnitřní barva textu  */ 
.levemenu {
    display: block;
    width: 160;
	color: white;
	text-decoration: none;
        
}

.centrovany  {
	text-align: center;
}

#centrovac {
	margin: 0px auto;
	width: 960px;
}





div.section_20{
	/* width: 866px; */
        width: 100%;
                                        	/*float: outside;*/
        overflow: auto;
	/*background: yellow;*/
	
        border: 0px;
        
        box-sizing: border-box;
	margin: 20px 0px 0px 0px;
}

footer {
	height: 40px;
	color: white;
    margin: 20px 0 0 30px;
}

footer a {
	color: 	#ffbb00;
        
	text-decoration: none;
}

.cistic {
	clear: both;
}

.vlevo {
	float: left;
}
.button2021{
    width: 100%;
    transition-duration: 0.4s;
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
    border-radius: 10px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}
.button2021:hover{
    background-color: #008CBA;
    color: white;
}
.folder{
	background-color: white;
	width: 100%; 
	border: 0; 
	margin:0; 
	padding:0; 
	
}
.folder:hover{
	background-color: #DDDDDD;
	/*transition: 0.7s;*/
}
.folder_var{
	background-color: white;
	/*width: 100%; */
	border: 0; 
	margin:0; 
	padding:0; 
	
}
.folder_var:hover{
	background-color: #DDDDDD;
}

.button2021_h{
        width: 100%;

    background-color: #008CBA; 
    color: white; 
    border: 2px solid #008CBA;
    border-radius: 10px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
}


button.vlozdokosiku {
    
    padding: 2px 2px 2px 2px;
    border: 2px solid #666666;/*#CE0078;/*#F6871F;*/
    border-radius: 10px;
    background-color: #666666;/*#EF1F96;/*#FEBB08;*/
    	
	margin: 0px;
	text-align: center;
	text-decoration: none;
	color: ffffff;
	
	display: inline-block;
	
	cursor: pointer;
	/*transition: all 0.3s;*/
        width: 100%;
    
}
.vlozdokosiku_table{
    border-collapse: collapse;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;/*#A84B00;*/
    
}
/*.vlozdokosiku:focus {*/
  /*  outline: 0 !important;*/
    
/*}*/
/*button.vlozdokosiku:after {
	content: '\f07a';
	font-family: FontAwesome;
        font-size: 20px;
	padding-left: 10px;
}*/

button.kosikplus {
    padding: 0px 0px 0px 0px;
    border: 0px solid #666666;
    border-radius: 0px 0px 0px 0px;
    background-color: #666666;
	color: white;
	margin: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	/*display: inline-block;*/
	
	cursor: pointer;
	transition: all 0.5s;
        width: 25px;
		height: 25px;
  font-size: 30px;	
  display: flex;
  justify-content: center;
  line-height: 26px;/*half font size*/
  
  border-spacing:0; 
	border-collapse: collapse;
    
}
.kosikplus:hover {
	
	background-color: #A9BACB;
	color: white;
}



button.kosikminus {

    padding: 0px 0px 0px 0px;
    border: 0px solid #666666;
    /*border-radius: 5px 0px 0px 5px;*/
	border-radius: 0px 0px 0px 0px;
    background-color: #666666;
	color: white;
	margin: 0px 0px 0px 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	/*display: inline-block;*/
	
	cursor: pointer;
	transition: all 0.5s;
        width: 25px;
		height: 25px;
  font-size: 40px;	
  display: flex;
  justify-content: center;
  line-height: 16px;/*half font size*/
  
  border-spacing:0; 
	border-collapse: collapse;
    
}
.kosikminus:hover {
	
	background-color: #A9BACB;
	color: white;
}
table.plusminusb{
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-radius: 5px;
	background-color: #D8D8D8;
	
	border-spacing:0; 
	border-collapse: collapse;
	color: #000000;
	font-weight: bold;
	font-size: 12px;
	width: 140px;
}


button.b_metry {
    /*border-radius: 50%;*/
    font-size: 34px;
    /*background-color: #c4e3f3;*/
   padding: 4px 0px 4px 0px;
    border: 1px solid dodgerblue;
    border-radius: 5px;
    background-color: #c4e3f3;
	color: black;
	margin: 0px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display: inline-block;
	
	cursor: pointer;
	transition: all 0.5s;
        width: 90%;
        
        height: 90%;
    
}
.b_metry:hover {
	
	background-color: dodgerblue;
	color: white;
}
.b_metry:focus {
    outline: 0 !important;
    /*outline: none;*/
}
/*button.b_metry:before {*/
/*	content: '\f112';*/
/*	font-family: FontAwesome;*/
  /*      font-size: 9px;*/
/*	padding-left: 10px;*/
/*}*/


.kulaty {
    border-radius: 50%;
    font-size: 25px;
    background-color: #c4e3f3;
    padding: 25px 10px 25px 10px;
    
}


a.headline {
    display: block;
    margin: 10px 5px 10px 5px;
    padding: 5px 5px 5px 5px;
    width: 96%;
    background: white;
    /*border-bottom: 2px solid #016ABC;*/
	border-bottom: 6px solid #e5e5e5;
    border-top: 6px solid #e5e5e5;
    text-decoration: none;
    cursor: text;
        
}



a.mojeaktivni {
    
        
	font: 14px Verdana;
        
	font-weight: bold;
        background-color: #ffbb00;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 60px;        
        
}
a.mojepasivni {
        
	font: 10px Verdana;
        
	font-weight: normal;
        background-color: #ffc560;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 60px;
    
}
a.druhaktivni {
    
        
	font: 14px Verdana;
        
	font-weight: bold;
        background-color: #0395c3;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 120px;  
        display: block;
        
        border-radius: 7px;
            
        
}
a.typaktivni {
    
        
	font: 14px Verdana;
        
	font-weight: bold;
        background-color: #48d3ff;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 120px;  
        display: block;
        
        border-radius: 7px;
            
        
}
a.druhaktivniv {
    
        
	font: 14px Verdana;
        
	font-weight: bold;
        background-color: #FFD15B;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 120px;  
        display: block;
        
        border-radius: 7px;
            
        
}
a.typaktivniv {
    
        
	font: 14px Verdana;
        
	font-weight: bold;
        background-color: #ECA900;
	color: #000000;
        text-decoration: none;
        padding: 9px;
        margin: 6px 6px 6px 6px;
        width: 120px;  
        display: block;
        
        border-radius: 7px;
            
        
}
a.stav {
    
        
	font: 10px Verdana;
        
	font-weight: normal;
        background-color: #ffffff;
	color: #000000;
        text-decoration: none;
        border: 1px solid #000000;
        border-radius: 5px;
        padding: 1px;
        margin: 3px 3px 3px 3px;
        width: 120px;  
        display: inline;
        
}
a.stav2 {
    
        
	font: 10px Verdana;
        
	font-weight: normal;
        background-color: wheat;
	color: #000000;
        text-decoration: none;
        border: 1px solid #ECA900;
        border-radius: 5px;
        padding: 1px;
        margin: 3px 3px 3px 3px;
        width: 120px;  
        display: inline;
        
}
a.stav3 {
    
        
	font: 10px Verdana;
        
	font-weight: normal;
        background-color: wheat;
	color: #000000;
        text-decoration: none;
        border: 1px solid #ECA900;
        border-radius: 5px;
        padding: 1px;
        margin: 3px 3px 3px 3px;
        width: 120px;  
        display: inline;
        
}
a.sedy {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #666666;
        text-decoration: none;
        border: 1px solid #ECA900;
        border-radius: 5px;
        padding: 1px;
        margin: 3px 3px 3px 3px;
        width: 120px;  
        display: inline;
        
}
a.sedy2 {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 120px;  
        display: block;
        
        
}
a.v_druh {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 165px;  
        display: block;
        text-align: center;
        
        
}
a.v_typ {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 215px;  
        display: block;
        text-align: center;
        
        
}

a.v_nazev {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 345px;  
        display: block;
        text-align: center;
        
        
}
a.v_druh_white {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffffff;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
       /* width: 165px;  */
        display: block;
        text-align: center;
        
        
}
a.v_typ_white {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffffff;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        /*width: 215px;  */
        display: block;
        text-align: center;
        
        
}
a.v_nazev_white {
    
        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffffff;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        /*width: 345px;  */
        display: block;
        text-align: center;
        
        
}
a.sedy3 {
        font: 12px Verdana;
        font-weight: bolder;
        width: 300px;  
        display: block;     
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
}
a.sedy2vedle {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 110px;  
        display: inline-block;
        
        
}
a.sedy2vedle_nolimit {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 1px;
        margin: 1px 1px 1px 1px;
          
        display: inline-block;
        
        
}

a.sedy2vedle2 {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 300px;  
        display: inline-block;
        
        
}
a.sedy2vedle_nizky {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        width: 110px;  
        display: inline-block;
        
        
}
a.sedy2vedle_nizky_white {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: white;
	color:  #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        width: 110px;  
        display: inline-block;
        
        
}
/* menu vkostce s obrázkem vyplněné černou barvou*/ 
a.sedy2vedle_nizky_black {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: black;
	color:  white;
        text-decoration: none;
        border: 1px solid white;
        border-radius: 5px;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        width: 110px;  
        display: inline-block;
        
        
}
/* menu vkostce s obrázkem vyplněné zelenou barvou*/ 
a.sedy2vedle_nizky_green {
    
        
	font: 10px Verdana;
        
	font-weight: bolder;
        background-color: #007F0E;
	color:  white;
        text-decoration: none;
        border: 1px solid white;
        border-radius: 5px;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        width: 110px;  
        display: inline-block;
        
        
}
a.sedy2vedlejaktajedle {        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color: #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 0px 0px 0px 0px;
        width: 200px;  
        display: inline-block;     
}
a.back {        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color: #000000;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 0px;
        margin: 0px 0px 0px 0px;
        width: 200px;  
        display: inline-block;     
}


input[type=radio].upload {
  border: 0px;
    width: 100%;
    height: 2em;
}


input[type=button].button2 {
    padding: 5px; 
    margin: 5px;
    background: #f5f5f5; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    /*margin: 6px 2px 0px 0px;*/
    font-size: 18px;
    
    
}    
.button2plus {
    padding: 8px 16px 8px 16px; 
    margin: 0px;
    background: #f5f5f5; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    /*margin: 6px 2px 0px 0px;*/
    font-size: 18px;
	background: #ffc560;
    
    
}

input[type=button].statistika {
    padding: 1px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    /*margin: 6px 2px 0px 0px;*/
    font-size: 18px;
    
    
}
input[type=button].alternativa {
    padding: 6px;
    border-style:  none;
    background: #EF1F96; /*background: #ffc560; */
    
    cursor:pointer;
    
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    /*margin: 6px 2px 0px 0px;*/
    font-size: 13px;
    
    
}
input[type=button].unvisible_max {
    padding: 0px; 
    background: transparent; 
    /*border-radius: 5px;*/
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    /*color: #000000;*/
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    width: 100%;
    /*height: 100%;*/
    
    
}
input[type=button].papik {
    padding: 0px; 
    background: #FFBB00; 
    /*border-radius: 5px;*/
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: black;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    width: 100%;
    /*height: 100%;*/
    
    
}












input[type=submit].menu_ok2 {
    padding: 5px; 
    background: #007F0E; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    margin: 6px 2px 0px 0px;
    
    
}

input[type=submit].preo {
    padding: 5px; 
    background: #ffff66; 
    border-radius: 10px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].preo_detail {
    padding: 10px; 
    background: #ffff66; 
    border-radius: 10px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 15px 0px 0px 0px;
    font-size: 18px;
    
}
input[type=submit].eshop {
    padding: 5px; 
    background: #EF1F96;/*#ffc560; */
    border-radius: 15px 0 15px 0;
    cursor:pointer;
    border: 2px solid #CE0078;/*#666666;*/
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    font-size: 16px;
    margin: 5px 0px 30px 0px;
    
}
input[type=submit] {
    
    padding: 5px; 
	background: #EF1F96;    /*background: #ffc560; */
    border-radius: 5px;
    cursor:pointer;
	border: 2px solid #CE0078;    /*border: 1px solid #666666;*/
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].bez {
    
    padding: 5px; 
    background: #ffc560; 
    
    cursor:pointer;
    border: 0px;
    font: 10px Verdana;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].bez_e {
    
    padding: 2px; 
    background: #EF1F96;/*#FEBB08; */
    
    cursor:pointer;
    border: 2px solid #CE0078;
    
    font: 18px Verdana;
    /*font-weight: bolder;*/
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    letter-spacing: 1;
    
}
input[type=submit].bez_e_big {
    
    padding: 2px; 
    background: #EF1F96;/*FEBB08; */
    
    cursor:pointer;
    border-style: solid 2px;
    border-color: #CE0078;/*F6871F;*/
    font: 18px Verdana;
    /*font-weight: bolder;*/
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    letter-spacing: 1;
    
}
input[type=submit].bez2 {
    
    padding: 15px; 
    background: #ffc560; 
    
    cursor:pointer;
    border: 0px;
    font: 12px Verdana;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].cislo {
    
    padding: 5px; 
    background: #ffffff; 
    font-size:  30px;
    font-family: "Arial narrow";
    cursor:pointer;
    border: 2px solid;
    border-color: grey;
    
    font-weight: bolder;
    color: grey;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    width: 110px;
    height: 110px;
    
}
input[type=submit].cislo_grey {
    
    padding: 5px; 
    background: grey; 
    
    cursor:pointer;
    border: 2px solid;
    border-color: white;
    font-size:  30px;
    font-family: "Arial narrow";
    font-weight: bolder;
    color: white;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    width: 110px;
    height: 110px;
    
}

input[type=submit].bez3 {
    
    padding: 0px; 
    background: #ffc560; 
    
    cursor:pointer;
    border: 0px;
    font: 10px Verdana;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=submit].mmenu {
    font-size: 12px;  
    background: #016ABC; 
    border-radius: 20px;
    cursor:pointer;
    border: 1px solid #eee;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    box-shadow: 5px 5px 5px #eee;
    text-shadow:none;
    
}
input[type=submit].mmenu_e {
    font-size: 12px;  
    background: #016ABC; 
    border-radius: 20px;
    cursor:pointer;
    border: 1px solid #eee;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    box-shadow: 5px 5px 5px #eee;
    text-shadow:none;
    width: 160px;
    text-shadow: 1px 1px 1px #000000;
    
}
input[type=submit].mmenu2 {
    font-size: 12px;   
    background: #016ABC; 
    border-radius: 20px;
    cursor:pointer;
    border: 1px solid #eee;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    box-shadow: 5px 5px 5px #ffbb00;
    text-shadow:none;
    
}
input[type=submit].mmenu2_e {
    font-size: 12px;   
    background: #ffbb00; 
    border-radius: 20px;
    cursor:pointer;
    border: 1px solid #eee;
    font-weight: bolder;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000000;
    
    width: 160px;    
}
input[type=submit].druhtyp1 {
    padding: 5px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
    margin: 2px 2px 0px 0px;
    width: 400px;
    
}
input[type=submit].druhtyp11 {
    padding: 5px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 2px 2px 0px 0px;
    width: 215px;
    
}
input[type=submit].druhtyp111 {
    padding: 5px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 2px 2px 0px 0px;
    width: 345px;
    
}
input[type=submit].druhtyp2 {
    padding: 5px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 6px 2px 0px 0px;
    width: 310px;
    
}
input[type=submit].obrazky {
    padding: 2px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 4px 4px 0px 0px;
    width: 275px;
    
}
input[type=submit].obrazky_green {
    padding: 2px; 
    background: #007F0E; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    margin: 4px 4px 0px 0px;
    width: 275px;
    
}
input[type=submit].mrnavy {
    font: 10px Verdana;
    padding: 1px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    width: 80px;
    
}
input[type=submit].mrnavy_nosize {
    font: 10px Verdana;
    padding: 1px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
    
}
input[type=image] {
    padding: 5px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny {
    padding: 2px; 
    background: #ffc560; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].bez {
    padding: 0px; 
    background: #ffc560; 
    
    cursor:pointer;
    border: 0px;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].bez_e {
    padding: 0px; 
    background: #ffc560; 
    
    cursor:pointer;
    border: 0px;
    font-weight: bolder;
    color: #ffffff;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny_black {
    padding: 2px; 
    background: #000000; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny_green {
    padding: 2px; 
    background: lightgreen; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny_green2 {
    padding: 2px; 
    background: #007F0E; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny_red {
    padding: 2px; 
    background: #f66; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=image].tesny_white {
    padding: 2px; 
    background: #ffffff; 
    border-radius: 5px;
    cursor:pointer;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
input[type=password] {
    padding: 2px; 
    
    border: 1px solid #666666;
    font-weight: bolder;
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    margin: 1px 1px 1px 1px;
    
    
    
}
input[type=text] {
    padding: 0px; 
    
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}


input[type=text].username2 {
    padding: 2px 2px 2px 2px; 
    
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 1px 1px 1px 1px;
    font-size: 16px;
    
}
input[type=text].username2_transparent {
    padding: 2px; 
    
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 1px 1px 1px 1px;
    font-size: 16px;
    background-color: transparent;
    
    
    
}
input[type=text].bezramecku {
    padding: 0px; 
    alignment-adjust: central;
    
    border: 0px;
    font-weight: bolder;
    font-size: 16px;
    color: black;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    margin: 0px 0px 0px 0px;
    
}
input[type=text].bezramecku_velky {
    padding: 0px; 
    
    border: 0px;
    font-weight: bolder;
    font-size: 25px;
    color: black;
    background-color: transparent;
    text-decoration: none;
    text-align: center;
    margin: 0px 0px 0px 0px;

    
}
input[type=text].bezramecku_velky:focus {
  background-color:  #ffff66;
}

input[type=text].bezrameckuMaly {
    padding: 0px; 
    alignment-adjust: central;
    
    border: 0px;
    font-weight: normal;
    font-size: 12px;
    color: black;
    background-color: transparent;
    text-decoration: none;
    text-align: right;
    margin: 0px 0px 0px 0px;
    
}
input[type=text].maly {
    padding: 0px; 
    font-size: 11px;
    border: 1px solid #666666;
    font-weight: bolder;
    color: #000000;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    
}
a.bez {        
	
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        top: 0;
        
}

a.cerveny3 {        
	font: 12px Verdana;
        
	font-weight: bolder;
        background-color: #ffc560;
	color: crimson;
        text-decoration: none;
        border: 1px solid #666666;
        border-radius: 5px;
        padding: 5px;
        margin: 2px 2px 2px 2px;
        width: 300px;  
        display: block;     
}

.zvetsit:hover {
    opacity: 1;

    /** default is 1, scale it to 1.5 */
    transform: scale(4, 4);

    /** translate 50px from left, and 40px from top */
    /** transform: translate(50px, 40px); */

    /** combine both scale and translate */
    /** transform: scale(1.5, 1.5) translate(50px, 40px); */
}
.preorder{
    
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    top: 10px;
    /*width: 170px;*/
    
        
    
    background: transparent; 
    box-sizing: border-box;
}
/* cena v hlavní nabídce (pokud není v akci) */
.price{
    font-size: 20px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 120px;*/
    top: 20px;
    right: 10px;
    /*width: 170px;*/
    box-sizing: border-box;	
	background-color: rgba(0,0,0,.4);	//opacity: 1;
	color: #fff;	
	
	
}
/* cena v detailu (pokud není v akci) */
.price_detail{
    font-size: 30px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 390px;*/
    top: 30px;
    right: 20px;
    /*width: 170px;*/
    box-sizing: border-box;
	background-color: rgba(0,0,0,.4);	//opacity: 1;
	color: #fff;	
}
/* cena skrtnkuta - cena v hlavní nabídce */
.price_skrk{
    font-size: 18px;/*14px*/
    color: white;
    text-shadow: 1px 1px 2px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    top: 20px;
    /*bottom: 90px;*/
    right: 10px;
    /*width: 170px;*/
    box-sizing: border-box;
    text-decoration: line-through;
}
/* cena skrtnkuta - cena v detailu */
.price_detail_skrk{
    font-size: 35px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 380px;*/
    bottom: 20px;
    right: 20px;
    /*width: 170px;*/
    box-sizing: border-box;
    text-decoration: line-through;
}
/* cena - akce image v hlavni nabidce*/
.price_sale{
    font-size: 20px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 120px;*/
    top: 20px;
    left: 10px;
    /*width: 170px;*/
    box-sizing: border-box;
}
/* cena - akce image v detailu */
.price_sale_detail{
    font-size: 30px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 280px;*/
    top: 20px;
    left: 20px;
    /*width: 170px;*/
    box-sizing: border-box;
}
/* nápis AKCE v hlavni nabidce */
.price_sale_2{
    font-size: 20px;
    color: white;
    text-shadow: 2px 2px 4px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 120px;*/
    top:  20px;
    left: 45px;
    /*width: 170px;*/
    box-sizing: border-box;
	background-color: rgba(0,0,0,.3);	//opacity: 1;
	color: #fff;
	
}
p.p_cena_sleva{
	color:black; 
	margin: 0 0 0 0;
	padding: 0 5 0 5;
	text-shadow: 1px 1px 4px #ffffff; 
	background-color: rgba(255,255,255,.8); 
	/*text-decoration: line-through;*/
}
p.p_cena_skrk{
	color:white; 
	margin: 0 0 0 0;
	padding: 0 5 0 5;
	text-shadow: 1px 1px 4px #000000; 
	background-color: rgba(0,0,0,.4); 
	text-decoration: line-through;
}
/* nápis AKCE v detailu */
.price_sale_detail_2{
    font-size: 30px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    /*top: 280px;*/
    top: 20px;
    right: 20px;
    /*width: 170px;*/
    box-sizing: border-box;
	background-color: rgba(0,0,0,.3);	//opacity: 1;
	color: #fff;
}
/* cena zboží
.price_detail{
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    top: 30px;
    right: 10px;
    
    box-sizing: border-box;
}
*/
/* cena zboží škrtanec 
.price_detail_skrk{
    font-size: 14px;
    color: white;
    text-shadow: 1px 1px 1px #000000;
    margin: 5px 20px 5px 20px;
    padding: 2px 2px 2px 2px;
    position: absolute;
    top: 30px;
    right: 10px;
    
    box-sizing: border-box;
    text-decoration: line-through;
}*/
div.mrizka {
    overflow: hidden;
    position: relative;
    top: -200px;
}

span.mrizka_ {
    position: absolute;
    top: -500px;
    visibility: hidden;
}
div.left{
    /*    float: left;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    /*background-color: pink;    */
    width: auto;
    /*background: white; */
    box-sizing: border-box;
    
        
    float: outside;
    overflow: auto;
    
}
/*div.lleft {*/
    /*float: left;*/
    /*margin: 0px 0px 0px 0px;*/
    /*padding: 0px 0px 0px 0px;*/
    /*width: 1%;*/
    /*background: #c0c0c0;*/
    /*box-sizing: border-box;*/
/*}*/
div.lleft2 {
    float: left;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #c0c0c0;
    box-sizing: border-box;
}
div.e_full {
		float: left;
        /*background: #e4f3f4; */
	    width: 100%;
        margin: 0px 0px 0px 0px;
        box-sizing: border-box;
}
div.e_half_left {
	float: left;
        background: #FFFFFF;
	border-radius: 10px;
        border-width: 5px;
        border-color: #0395c3;
        width: 47%;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
        margin: 15px 5px 5px 15px;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
}
div.e_half_left2 {
	float: right;
        background: #FFFFFF;
	border-radius: 10px;
        border-width: 5px;
        border-color: #0395c3;
        width: 96%;
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
        margin: 15px 15px 5px 5px;
        padding: 15px 15px 15px 15px;
        box-sizing: border-box;
}
div.e_item {
	float: left;
        position: relative;
        
        
         /*background: yellow;*/  
	width: 25%;
        min-height: 300px;
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        box-sizing: border-box;
        z-index: 0;
}
div.e_item_detail {
	float: left;
        position: relative;
        
        
        /* background: yellow;*/
	width: 50%;
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        box-sizing: border-box;
        z-index: 0;
}
div.e_item_detail2 {
	float: left;
        position: relative;
        
        
        /* background: yellow;*/
	width: 100%;
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        box-sizing: border-box;
        z-index: 0;
}
div.e_item_detail_frame {
	float: left;
        position: relative;
        
        
         /*background: yellow;*/
	width: 50%;
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        box-sizing: border-box;
        z-index: 0;
}
div.role {
	
        
         background: #ffffff; 
         /*border-radius: 15px;*/
	width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        /*padding: 5px 1px 5px 1px;*/
        box-sizing: border-box;
		/*border-bottom: 4px solid pink;*/
		border-bottom: 4px solid #e5e5e5;
        z-index: 0;
}
div.vydej {/* vydej.php */
	float: left;
         /*background: yellow; */
	width: 50%;
        height: 135px;
        
        margin: 0px 0px 0px 0px;
        padding: 1px 1px 1px 1px;
        box-sizing: border-box;
        
}

div.polozka_tabulka{
    
    width: 60%;
    float:none;
    padding: 8px;
    box-sizing: content-box;
    margin: 2%;
    border: 1px solid gray;
    border-radius: 10px;
    
}
div.polozka_tabulka100{
    width: 93%;
    margin: auto;
    
    float:none;
    padding: 8px;
    box-sizing: content-box;
    
    border: 1px solid gray;
    border-radius: 10px;
    
}
div.fakturacni{
    
    
    float:none;
    padding: 8px;
    box-sizing: content-box;
    margin: 2%;
    border: 1px solid gray;
    border-radius: 10px;
    
}
div.fakturacnihlp{
    
    
    float:none;
    padding: 8px;
    box-sizing:  content-box;
    margin: 1%;
    border: 1px solid gray;
    border-radius: 10px;
    background-color: blanchedalmond;
    
}
div.fakturacnihlp{
    
    
    float:none;
    padding: 8px;
    box-sizing:  content-box;
    margin: 1%;
    border: 1px solid gray;
    border-radius: 10px;
    background-color: blanchedalmond;
    
}
div.sedivy{
    
    
    float:none;
    padding: 8px;
    box-sizing:  content-box;
    margin: 1%;
    border: 1px solid gray;
    border-radius: 10px;
    background-color: blanchedalmond;
    
}
div.vedle_sebe{
    
    
    
    float:left;
    padding: 0px 0px 0px 0px;
    box-sizing:  content-box;
    margin: 0;
    border: 0px solid gray;
    
    
    
}

div.kobjednani{
    
    font: 12px Verdana;
    /*float: left;*/
	float: none;
    
    margin: 2%;
    /*width: 98%;*/
    padding: 8px;
    /*box-sizing: border-box;*/
	box-sizing: content-box;
    
    border: 2px solid burlywood;
    border-radius: 10px;
    background-color: antiquewhite;
}
div.kobjednanimod{
    
    font: 10px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid burlywood;
    border-radius: 10px;
    background-color: antiquewhite;
}
div.docasna{
    
    font: 12px Verdana;
    float:none;
    padding: 8px;
    box-sizing: content-box;
    margin: 2%;
    border: 1px solid red;
    border-radius: 10px;
    background-color:  hotpink;
}
div.zeshopu{
    
    font: 12px Verdana;
    float:none;
    padding: 8px;
    box-sizing: content-box;
    margin: 2%;
    border: 2px solid #2511FF;
    border-radius: 10px;
    background-color:  #AFD4FF;
}
div.kosik_eshop{
    
    font: 12px Verdana;
    float:none;
    padding: 8px;
    box-sizing: content-box;
    margin: 2%;
    border: 1px solid red;
    border-radius: 10px;
    background-color:  white;
}
div.master{
    
    font: 12px Verdana;
    float:none;
    padding: 3px;
    box-sizing: content-box;
    margin: 2px 0px 2px 0px;
    border: 1px solid #0714FF;
    border-radius: 10px;
    background-color:   #26A8FF;
}
div.slave{
    
    font: 12px Verdana;
    float:none;
    padding: 3px;
    box-sizing: content-box;
    margin: 2px 0px 2px 0px;
    border: 1px solid #990099;
    border-radius: 10px;
    background-color:  #cccccc;
}
div.slave_yellow{
    
    font: 12px Verdana;
    float:none;
    padding: 3px;
    box-sizing: content-box;
    margin: 2px 0px 2px 0px;
    border: 1px solid #990099;
    border-radius: 10px;
    background-color:  yellow;
}

div.nav_druh0{
    
    font: 12px Verdana;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    width: 25%;
    margin: 2px;
    border: 1px solid burlywood;
    border-radius: 10px;
    background-color: antiquewhite;
}

div.nav_druh{
    
    font: 12px Verdana;
    float: left;
    padding: 8px;
    box-sizing: border-box;
    width: 36%;
    margin: 2px;
    border: 1px solid burlywood;
    border-radius: 10px;
    background-color: antiquewhite;
}

div.objednano{
    
    font: 12px Verdana;
    float: left;
    
    margin: 1%;
    width: 98%;
    padding: 8px;
    box-sizing: border-box;
    
    border: 1px solid #009aca;
    border-radius: 10px;
    background-color: lightskyblue;
}
div.skladem{
    
    font: 12px Verdana;
    float: left;
    
    margin: 1%;
    width: 98%;
    padding: 8px;
    box-sizing: border-box;
    
    border: 1px solid darkgreen;
    border-radius: 10px;
    background-color: lightgreen;
}
div.detail{
    
    font: 12px Verdana;
    float:left;
    padding: 8px;
    box-sizing:  border-box;
    width: 98%;
    margin: 1%;
    border: 1px solid darkgreen;
    border-radius: 10px;
    background-color: gainsboro;
}

div.detail_green{
    
    font: 12px Verdana;
    float: left;
    padding: 8px;
    box-sizing:  border-box;
    width: 98%;
    margin: 1%;
    border: 1px solid darkgreen;
    border-radius: 10px;
    background-color: lightgreen;
}

div.detail_red{
    
    font: 12px Verdana;
    float: left;
    padding: 8px;
    box-sizing:  border-box;
    width: 98%;
    margin: 1%;
    border: 1px solid red;
    border-radius: 10px;
    background-color: antiquewhite;
}
div.strihej{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px black;
    border-radius: 10px;
    background-color: whitesmoke;
}

div.skladem_green{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid darkgreen;
    border-radius: 10px;
    background-color: lightgreen;
}
div.invoice{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #006797;
    border-radius: 10px;
    background-color: #bce8f1;
}
div.invoice_p{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #cc0066;
    border-radius: 10px;
    background-color: #ffcccc;
}
div.invoice_pp{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #ff8800;
    border-radius: 10px;
    background-color: #ffc76d;
}
div.invoice_ppp{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #0714FF;
    border-radius: 10px;
    background-color: #26A8FF;
}
div.cenik{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid darkorange;
    border-radius: 10px;
    background-color: #ffff66;
}
div.odeslat{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #009966;
    border-radius: 10px;
    background-color: #ccffcc;
}
div.odeslat_dob{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid darkmagenta;
    border-radius: 10px;
    background-color: lightskyblue;
}
div.uzavrit{
    
    font: 11px Verdana;
    color: pink;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 3px solid pink;
    border-radius: 10px;
    background-color: #666666;
}
div.cenik_red{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid red;
    border-radius: 10px;
    background-color: #ffcccc;
}
div.obj1{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #006797;
    border-radius: 10px;
    background-color: #bce8f1;
}
div.obj2{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid darkmagenta;
    border-radius: 10px;
    background-color: lightyellow;
}
div.skladem_modra{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid #009aca;
    border-radius: 10px;
    background-color: lightskyblue;
}

div.skladem_hneda{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px solid burlywood;
    border-radius: 10px;
    background-color: antiquewhite;
}
div.skladem_special{
    
    font: 11px Verdana;
    float:none;
    padding: 4px;
    box-sizing: content-box;
    margin: 1%;
    border: 1px SOLID red;
    border-radius: 10px;
    background-color: antiquewhite;
}
div.prvni{
    border: 1px SOLID darkgray;
    border-radius: 10px;
    background-color: whitesmoke;
    padding: 2px 2px 2px 2px;
    margin: 2px;
}
div.search{
	box-sizing: border-box;
	float:right;
	position: relative;
	top: 1em;
	right: 1em;
	
	/*border: 1px solid black;*/ 		
}
.search input[type=text] {
	box-sizing: border-box;
  /*float: right;*/
  padding: 6px;
  border: none;
  /*margin-top: 8px;*/
  /*margin-right: 16px;*/
  margin: 0px 0px 0px 0px;
  font-size: 17px;
  height: 40px;
}
.search .search-container {
	box-sizing: border-box;
	/*border: 1px solid black;*/
  float: right;
  margin: 0 0 0 0;
}
.search .search-container button {
	box-sizing: border-box;
	margin: 0;
  float: right;
  padding: 0px 0px 0px 0px;
  /*margin-top: 8px;*/
  /*margin-right: 18px;*/
  background: #666666;
  /*font-size: 17px;*/
  height: 40px;
  width: 40px;
  border: none;
  cursor: pointer;
}
.search .search-container button:hover {
  background: #ccc;
}
div.login_detail{ /* nechápu, barva a asi i zbytek jen po minimalizaci stránky na min rozměry*/
    float:left;
    width: 100%;
    /*background-color: blue;*/
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
div.login{
    
    padding: 5px 5px 5px 5px;
    background-color: transparent;
    width: auto;
    float: outside;
    overflow: auto;
}
div.login100{
    
    padding: 5px 5px 5px 5px;
    background-color: transparent;
    width: auto;
    /*float: inside;*/
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.sto{
    
    
    /*background-color: lightgray;*/
    width: 100%;
    /*float: inside;*/
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.pade{
    float: right;
    position: relative;
    box-sizing: border-box;
    /*background-color: lightgray;*/
    width: 50%;
    /*float: inside;*/
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.pade_left{
    float: left;
    position: relative;
    box-sizing: border-box;
    /*background-color: pink;*/
    width: 50%;
    /*float: inside;*/
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.sto_outer{
    
    
    /*background-color: #eee;*/
    background-color: white;
    width: 100%;
    float: top;
    /*background-color: pink;*/
    overflow: auto;
}
div.sto_yellow{
    
    
    background-color: #ffff66;
    width: 100%;
    /*float: inside;*/
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.vedlesebe{
    
    box-sizing: content-box;
    /*background-color: lightgray;*/
    width: 15%;
    float: left;
    /*background-color: pink;*/
    /*overflow: auto;*/
}
div.podsebou{
    
    box-sizing: content-box;
    /*background-color: lightgray;*/
    width: 15%;
    float: none;
    /*background-color: pink;*/
    /*overflow: auto;*/
}
p.p-login{
    /*padding: 5px 5px 5px 5px;*/
    margin: 0px;
    font-size: 15px;
    
}
p.p-login-small{
    /*padding: 5px 5px 5px 5px;*/
    margin: 0px;
    font-size: 11px;
    
}
div.login2{
    float: left;
    width: 35%;
    border-radius: 10px;
    /*margin: auto;*/
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background-color: whitesmoke;
}
div.registrace{
    width: 60%;
    FLOAT: right;
    padding: 5px 5px 5px 5px;
    background-color: transparent;
}
ul {
  
  margin: 0;
  padding: 10px;
}
ul.zakazky {
  
  margin-left: 4px;
  border: 0px;
  padding: 0px;
}

fieldset {
    
    border: solid black medium;
}
P.mini {
 	font: 20px Arial;
        text-align: center;
        
        /*font-size: 14px;*/
        color: white;
        text-shadow: 1px 1px 1px #000000;
        
	font-weight: normal;
 	
        text-decoration: none;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        
}
P.popis1 {
 	font: 16px Calibri;
        text-align: center;
        
	font-weight: bold;
 	color:   #000000;
        text-decoration: none;
        padding: 10px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis2 {
 	font: 18px Calibri;
        text-align: center;
        text-transform: uppercase;
	font-weight: bold;
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis222 {
 	font: 22px Calibri;
        /*text-align: center;*/
        /*text-transform: uppercase;*/
	font-weight: bold;
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis2_1 {
 	font: 16px Calibri;
        text-align: left;
        /*text-transform: uppercase;*/
	font-weight: normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis2_2 {
 	font: 16px Calibri;
        /*text-align: center;*/
        /*text-transform: uppercase;*/
	/*font-weight: bold;*/
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis2_3 {
 	font: 16px Calibri;
        text-align: center;
        /*text-transform: uppercase;*/
	font-weight: bold;
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.popis3 {
 	font: 16x Calibri;
        text-align: center;
        font-weight: normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px 1px 1px 1px;
        margin: 1px 1px 1px 1px;
        
}
P.evi_1 {
 	font: 9px Verdana;
        text-align: center;
	font-weight: normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.evi_1_r {
 	font: 9px Verdana;
        text-align: right;
	font-weight: normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.evi_0 {
 	font: 10px Verdana;
        text-align: center;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.left {
 	font: 10px Verdana;
        text-align: left;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.right {
 	font: 10px Verdana;
        text-align: right;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.center {
 	font: 10px Verdana;
        text-align: center;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.navrh {
 	font: 10px Verdana;
        text-align: left;
	font-weight: bolder;
 	color:   darkmagenta;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.p1 {
 	font: 10px Verdana;
        text-align: left;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.p0 {
 	font: 11px Verdana;
        text-align: left;
	font-weight: bolder;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.p2 {
 	font: 10px Verdana;
        text-align: left;
	font-weight:  normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
P.p3 {
 	font: 9px Verdana;
        text-align: left;
	font-weight:  normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 3px 3px 1px 1px;
        
}
P.p4 {
 	font: 9px Verdana;
        text-align: left;
	font-weight:  normal;
 	color:   #000000;
        text-decoration: none;
        padding: 1px;
        margin: 1px 1px 1px 1px;
        
}
.e_image {
     display: block;
  margin-left: auto;
  margin-right: auto;
 
  width: 90%;
  object-fit:  cover;
  aspect-ratio: 1/1;
  
    box-shadow: -10px 10px 15px 3px darkslategrey;
    border-radius: 15px;
}
.e_image_detail {
     display: block;
    width: 95%;
    padding: 0px;
    margin:10px;
  
    box-shadow: -10px 10px 15px 3px darkslategrey;
    border-radius: 15px;
}

/* checkbox blue -----------------------------------------------------------*/
/* The container */
.label_papik {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.label_papik input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-style:  double;
  border-width: 1px;
}

/* On mouse-over, add a grey background color */
.label_papik:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.label_papik input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.label_papik input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.label_papik .checkmark:after {
  left: 7px;
  top: 3px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* KONEC checkbox blue -----------------------------------------------------------*/


input[type=button].cart_round{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    /*background-color: #F6871F;*/
	background-color: #C40A76;
    color: white;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    /*color: black; 
    border: 2px solid #008CBA;
    border-radius: 18px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;*/
}
input[type=button].cart_round2{
    width: 105px;
    height: 28px;
    border-radius: 50%;
    background-color: transparent;
    color: black;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 14px;
    /*color: black; 
    border: 2px solid #008CBA;
    border-radius: 18px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;*/
}
div.inside0{
    float: inside;
    background: transparent;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 32px;
    left: 0px;
    z-index: 49;
    
}
div.insideLogin{
    float: inside;
    background: blue;
    width: 100px;
    position: absolute;
    top: 0px;
    left: 40px;
    z-index: 50;
    
}
div.inside1{
    float: inside;
    background: transparent;
    width: 30px;
    position: absolute;
    top: 32px;
    left: 40px;
    z-index: 50;
    
}
div.inside2{
    float: inside;
    background: rgba(255,255,255,2);
    /*background: transparent;*/
    width: 110px;
    position: absolute;
    top: 50px;
    left: 45px;
    z-index: 1;
    
}
td.kosik_picture{
    width: 100px;
    padding: 15px;
   
}
td.kosik_picture2{
    width: 240px;
    padding: 0px;
    margin: 0px;
   
}
td.kosik_picture3{
    width: 80px;
    padding: 15px;
    margin: 15px;
   
}
td.kosik_picture4{
    width: 120px;
    padding: 0px;
    margin: 0px;
   
}
td.kosik_picture5{
    width: 120px;
    padding: 15px;
    margin: 15px;
   
}
.cena_celkem_button{
    width: 100%; 
    background: transparent;
    border: 0px;
    text-align: right;
    
    
}
input[type=button].x_round{
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #E42594;
    color: white;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    /*color: black; 
    border: 2px solid #008CBA;
    border-radius: 18px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;*/
}
/* kroky košík-doprava-dodací údaje */
input[type=button].cart_step_active{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #1E90FF;
    color: white;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-weight: bold;  
    /*color: black; 
    border: 2px solid #008CBA;
    border-radius: 18px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;*/
}
input[type=button].cart_step_pasive{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #808080;
    color: white;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 20px;
    font-weight: bold;  
    /*color: black; 
    border: 2px solid #008CBA;
    border-radius: 18px;
    margin: 4px 2px;
    padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;*/
}
p.cs_active{
    font-size: 20px;
    font-weight: bold;  
    color: #1E90FF;
    font-family: "Inter", sans-serif;
}
p.cs_pasive{
    font-size: 20px;
    font-weight: bold;  
    color: #808080;
    font-family: "Inter", sans-serif;
}
table.p-table {
 /* Change these properties */
 --border: 2px solid #FB1899;
 border-radius: 10px;

 /* Don't change these properties */
 border-spacing: 0;
 border-collapse: separate;
 border: var(--border);
 overflow: hidden;
}

/* Apply a border to the right of all but the last column */

table.p-table td:not(:last-child) {
 border-right: var(--border);
}

/* Apply a border to the bottom of all but the last row */

table.p-table>thead>tr:not(:last-child)>td,

table.p-table>tbody>tr:not(:last-child)>td,

table.p-table>tfoot>tr:not(:last-child)>td,
table.p-table>tr:not(:last-child)>td,

table.p-table>thead:not(:last-child),
table.p-table>tbody:not(:last-child),
table.p-table>tfoot:not(:last-child) {
 border-bottom: var(--border);
}


td.op{
	padding: 0px 0px 15px 0px;
}
div.c{
  /*overflow: visible;*/
  background-color: #FB1899;
  padding: 0px 0px 0px 0px; /* Large padding which will shrink on scroll (using JS) */
  /*transition: 0.4s; *//* Adds a transition effect when the padding is decreased */
  position: fixed; /* Sticky/fixed navbar */
  width: 100%;
  height: 200px;
  min-width: 960px;
  
  /*display:block;*/
  /*position: relative;*/
  /*padding: 0px;*/
  left: 0;
  /*transform: translate(-50%);*/
  
  margin: 0 auto;
  /*top: 0;*/
  bottom: 0;
  z-index: 1;	
}

.slidecontainer {
  width: 80%; /* Width of the outside container */

    margin: auto;

  /*border: 2px solid black;*/
  padding: 50px;
}

/* The slider itself */
.slider {
  -webkit-appearance: none;  /* Override default CSS styles */
  /*appearance: none;*/
  width: 100%; /* Full-width */
  height: 15px; /* Specified height */
  background: #F421A1; 
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
  border-radius: 5px;
  
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  /*border-radius: 50%;*/
  width: 48px; /* Set a specific slider handle width */
  height: 48px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
  background: url('obrazky/scale.png');
}

.slider::-moz-range-thumb {
  width: 48px; /* Set a specific slider handle width */
  height: 48px; /* Slider handle height */
  /*border-radius: 50%;*/
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
    background: url('obrazky/scale.png');
}
.button-53 {
	background-color: lightgreen;
	border: 0 solid;
	box-sizing: border-box;
	color: darkgreen;
    display: flex;
    font-family: ui-sans-serif,system-ui,-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 10px;
    font-weight: 700;
    justify-content: center;
    /*line-height: 1.75rem;*/
    padding: 2px 2px 2px 2px;
    position: relative;
    text-align: center;
    text-decoration: none #000000 solid;
    
    width: 60px;
    max-width: 460px;
    position: relative;
    cursor: pointer;
    transform: rotate(-15deg);
    
    
    
	
}