a {cursor:pointer;text-decoration:none;color:#303030;}
a:hover {text-decoration:none;}
table, form, td{border-collapse:collapse;margin:0;padding:0;vertical-align:top;}
ul, li{padding:0;margin:0;list-style-type:none;}
h1, h2,h3,p{padding:0;margin:0;}
body{margin:0 auto;text-align:center;background-color:#ffffff;font-family: 'Rubik', sans-serif;font-size:14px;min-width: 320px;min-height:800px;
font-weight:normal;color:#303030;}

#header{min-width: 320px;margin:0 auto;height:60px;background-color:#0f7699;width:100%;padding-top:15px;position:fixed;transition: 0.4s;z-index:3;}
#header a{color:#ffffff;}
#header a:hover{color:#dddddd;text-decoration:none;}
#header_logo {float:left;font-size:40px;font-weight:bold;padding-left:80px;}
#header_menu {float:right;font-size:16px;font-weight:500;padding-right:20px;}
#header_menu li{float:left;margin:15px 5px 15px 15px;}

#header_menu_sm, #header_menu_sm_close,#header_menu_ham,#header_menu_sm1 {display:none;float:right;padding-right:10px;cursor:pointer;}
#header_menu_ham li{display:none;}
#header_menu_sm_close img{display:none;}

.right_side {display: flex; align-items: center;margin-right:60px;}
.right_side button {
  cursor: pointer;
  padding: 8px 38px;
  color: #ffffff !important;
  background-color: #0f7699 !important;
  border: 4px solid #ffffff !important; /* biele orámovanie */
  border-radius: 10px !important;
  font-size: 18px;
  margin-right: 15px;
}

.right_side button:hover {
  background-color: #ffffff !important;   /* pozadie sa zmení na biele */
  color: #0f7699 !important;              /* text sa zmení na modrý */
  border-color: #ffffff !important;       /* rámik v tej istej farbe */
  box-shadow: 0 0 10px rgba(15, 118, 153, 0.6); /* jemný žiarivý tieň */
  transition: all 0.1s ease;              /* plynulý prechod */
}

.menu-icon {
  transition: all 0.3s ease;
  cursor: pointer;
  height:38px;
  width:38px;
}

.menu-icon:hover {
  transform: scale(1.15);
  background-color: rgba(15, 118, 153, 0.1);
  border-radius: 50%;
}

.transport-box {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;

  background-color: #0f7699;  /* modré pozadie */
  color: #fff;
  padding: 16px 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.15);

  max-width: 700px;  /* šírka boxu */
  margin: 10px auto; /* vycentrovanie */
  margin-top:20px;
  margin-bottom:60px;
}

.transport-text {
  font-size: 18px;
  font-weight: 500;
}

.transport-btn {
  cursor: pointer;
  padding: 8px 28px;
  color: #ffffff !important;
  background-color: #149dcc !important;
  border: 2px solid #ffffff !important;
  border-radius: 8px !important;
  font-size: 16px;
  transition: all 0.3s ease;
}

.transport-btn:hover {
  background-color: #ffffff !important;
  color: #149dcc !important;
  border-color: #149dcc !important;
}

.sticky {

  position: fixed;
  top: 0;
  height:47px !important;
  padding-top:0px !important;
}
#header_blok{height:70px;}
.sticky2{height:45px !important;}

#main{margin:0 auto;text-align:center;}
h1, h2{font-weight:normal;font-size:40px;font-weight:300;padding:15px 5px 15px 10px;}
h3{font-weight:normal;font-size:16px;}
.full_white{margin-top:-60px;padding-top:80px;padding-bottom:60px;}
.full_margin{margin-left:10px;margin-right:10px;}
.full_white_login{margin-top:-40px;padding-top:40px;padding-bottom:40px;display:table;margin:0 auto;min-height:400px;width:800px;}
.full_white_login a {text-decoration:underline;}
.vynimka_sirky{width:1000px;}
.threico{display: inline-block;width:300px;height:90px;margin:0 20px 40px 20px;text-align:center;padding:80px 20px 20px 20px;color:#ffffff;font-size:18px;font-weight:500;}
.threico1{display: inline-block;width:200px;margin:0 10px 40px 10px;padding-bottom:15px;text-align:center;background-color:#bbbbbb;color:#ffffff;font-size:18px;font-weight:500;}
.threico1 img{width:200px;height:221px;margin-bottom:10px;}
.img_rekl {padding:0 !important;background-color:#f9f9f9;}
.img_rekl img{height:auto !important;}
.threico2{display: inline-block;width:150px;height:90px;margin:0 20px 40px 20px;text-align:left;padding:20px 20px 20px 20px;color:#fbfbfb;font-size:16px;font-weight:300;}
.threico2 span{color:#fbfbfb;font-size:18px;font-weight:500;}
#threico_1{
  background-image: url("../img/zakazky.jpg"); /* The image used */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }
#threico_2{
  background-image: url("../img/doprava.jpg"); /* The image used */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }
#threico_3{
  background-image: url("../img/kurier.jpg"); /* The image used */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  }
.threico2022{display: inline-block;width:300px;margin:0 20px 40px 20px;background-color:#dddddd;font-size:18px;}
.threico2022 p {padding:8px 8px 20px 8px;text-align:left;}
.threico2022 a {background-color:#FF5900;border-radius: 10px !important;padding:10px;color:#ffffff;} 

.full_grey{background-color:#f9f9f9;margin-top:-20px;padding:60px 10px 40px 10px;} 
.full_grey table{text-align:center;width:600px;margin:0 auto;}
.full_grey p{max-width:900px;margin:0 auto;}

.full_black{background-color:#111111;color:#fbfbfb;}
form {margin:20px;}
button {
  cursor:pointer;
  border:0;
  padding: 1rem 3rem;
  color: #ffffff !important;
  background-color: #149dcc !important;
  border-color: #0d6786 !important;
  border-radius: 10px !important;
  font-size:18px;
}
button:hover {
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
  color: #ffffff !important;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
  -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.2) !important;
}



button:active {
  background-color: #0d6786 !important;
  border-color: #0d6786 !important;
  color: #ffffff !important;
}
.new_mail button {
  width:178px;
}
.new_mail input {
  border: 1px solid grey;
  border-color: #0d6786 !important;
  padding: 15px;
  color: #333333 !important;
  font-size:16px;
  background-color: #eeeeee !important;
  border-radius: 10px !important;
  width:148px;
}

.new_preprava input {
  border: 1px solid grey;
  border-color: #0d6786 !important;
  padding: 10px;
  color: #333333 !important;
  font-size:16px;
  background-color: #f9f9f9 !important;
  border-radius: 5px !important;
  width:168px;
}
.new_preprava input[type='file'] {
  border: 0;
  background-color: #ffffff !important;
  padding: 15px 15px 15px 0;  
}
.new_preprava textarea {
  border: 1px solid grey;
  border-color: #0d6786 !important;
  padding: 10px;
  color: #333333 !important;
  font-size:16px;
  background-color: #f9f9f9 !important;
  border-radius: 5px !important;
  width:550px;
  height:180px;
  clear:both;
}

.diss_form{background-color: #ff0000 !important;border-color: #eeeeee !important;}

input[type=text]:focus,
input[type=passsword]:focus,
input[type=tel]:focus,
input[type=email]:focus,  textarea:focus{        /*button:focus,*/
    outline: none;
    background-color: #ffffff !important;
}


.succes{color: #ffffff;font-size:16px;width:90%;max-width:400px;border-radius: 15px;background-color:#64c94f;padding:15px;margin:0 auto;margin-top:20px;}
.succes span{font-size:30px;font-weight:bold;}
.close{ float:right;
 border: 1px solid white;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin:-10px;
  cursor:pointer;  
  }
.counter-container {
  max-width:700px;
  width:90%;
  margin:0 auto;
  margin-top:10px;
  color: #2e2e2e;
  text-align:left;
}
.counter-container ul {
  padding-bottom: 30px;
  
}
.counter-container ul li {
  list-style: none;
  margin-bottom: 15px;
  margin-top: 0;
}
.counter-container  li {
 padding-top: 10px;
 
}
.counter-container ul li:before {
position: absolute;
z-index:1;
  padding-top: 3px;
  content: '';
  display: inline-block;
  text-align: center;
  margin: 0;
  line-height: 20px;
  transition: all .2s;
  color: #ffffff;
  background: #149dcc;
  width: 25px;
  height: 22px;
  border-radius: 50%;
  content: '✓';
  margin-left:-40px;
  
  
}

.four {text-align:center;display: inline-block;width:200px;margin:10px 30px 10px 30px;}
.four span{font-size:42px;color:#0d6786;}


.new_preprava{width:600px;margin:0 auto;}
.preprava_form{clear:both;padding-bottom:30px;}
.kontakt_form{text-align:left;float:left;margin:5px;}

.scrollToTop{    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);display:none;font-size:20px;padding:4px 8px 6px 8px;float:right;bottom:50px;right:25px;background-color:#2F2F2F;color:#ffffff;position:fixed;z-index:10;opacity:0.60;filter:alpha(opacity=60);-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;cursor:pointer;}
.cookie_style{background-color:#e0e0e0;padding:7px;width:100%;position:fixed;z-index:1000;bottom:0;text-align:center;}
.cookie_style button{font-size:12px;height:25px;width:100px;}


.tab_preprav{width:100%;padding:20px;background-color:#fefefe;max-width:900px;margin:0 auto;margin-bottom:80px;}
.preprava_line{margin:0;text-align:left; border-bottom: 10px solid #fefefe;padding:10px;clear:both;}
.preprava_line:hover{background-color:#d9d9d9;cursor:pointer;}
.preprava_line h3{font-size:18px;line-height:18px;}
.preprava_line p{margin:3px 0 10px 3px ;}
.no-hover:hover {
    background-color: initial;
    cursor: default; 
}

.parne{background-color:#f9f9f9;}
.neparne{background-color:#e9e9e9;}  
.preprava_line_hiden{display:none;cursor:default;}
.preprava_line_hiden table{width:100%;text-align:left;margin-top:15px;padding:3px;}
.preprava_line_hiden_td{width:60px;}
.preprava_line_hiden a{text-decoration:underline;cursor:pointer;color:#0f7699;}
.pol{width:40%;float:left;margin-top:80px;padding-right:40px;text-align:right;}
.html_login{border-left: 2px solid #0f7699;float:left;width:280px;text-align:right;}

.html_login  input {
  border: 1px solid grey;
  border-color: #0d6786 !important;
  padding: 5px;
  margin:2px;
  color: #333333 !important;
  font-size:14px;
  background-color: #ffffff !important;
  border-radius: 5px !important;
  width:158px;
}
.html_login  button {
  border: 1px solid grey;
  border-color: #0d6786 !important;
  padding: 5px;
  margin:2px;
  color: #ffffff !important;
  font-size:14px;
  border-radius: 5px !important;
  width:170px;
}
.html_login input[type='radio']  {
  width:50px;
}

.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #999999; border-radius: 20px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
    font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "Áno";
    padding-left: 15px;
    background-color: #33cc33; color: #FFFFFF;
}
.onoffswitch-inner:after {
    content: "Nie";
    padding-right: 30px;
    background-color: #EEEEEE; color: #999999;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 18px; margin: 6px;
    background: #FFFFFF;
    position: absolute; top: 0; bottom: 0;
    right: 56px;
    border: 2px solid #999999; border-radius: 20px;
    transition: all 0.3s ease-in 0s; 
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px; 
}

#ulozene_ok_div{background-color:#339900;color:#ffffff;border-radius: 5px;width:100%;padding:5px;text-align:center;margin:5px;}
#ulozene_nok_div{background-color:#cc0000;color:#ffffff;border-radius: 5px;width:100%;padding:5px;text-align:center;margin:5px;}
.ake_prepravy {width:700px;margin:0 auto;}
.ake_prepravy td{text-align:left;vertical-align:middle;min-width:80px;padding:5px;}
.ine_input {width:475px !important;}

.main_menu{width:31%;background-color:#0f7699;color:#ffffff;float:left;margin:1%;padding-top:60px;font-size:16px;border-radius: 10px !important;height:100px;}
.main_menu a{color:#ffffff;}

.detail_prepravy, .zavri_detail_prepravy{float:right;margin-top:20px;width:150px;z-index:2;position:relative;color:#0f7699;text-decoration:underline;font-weight:bold;text-align:center;}
.detail_prepravy_m{display:none;color:#173F5F;text-decoration:underline;font-weight:bold}
.zavri_detail_prepravy{display:none;color:#173F5F;}

.reklama_detail_img{margin:10px 10px 10px 0;max-width:240px;width:30%;float:left;}
.reklama_detail {color:#0f7699;display:table;}
.reklama_detail p {color:#303030;margin-top:5px;min-height:80px;max-height:300px;overflow: hidden;}
.reklama_detail a{color:#0f7699;text-decoration:underline;}


.cennik{border-collapse: separate;  border-spacing: 15px;margin:0 auto;}
.cennik td {padding:5px;border:2px solid #149dcc;min-width:150px;cursor:pointer;} 
.selected_cena{background-color:#66cc66;}
.selected_cena span{color:#ffffff !important;}
.cennik h3 {margin:10px 0 40px 0;}
.cennik h4 {margin:10px 0 10px 0;}
.cennik input{clear:both;margin:20px 0 20px 0;}
.cennik span{color:#149dcc;}
.dolem{padding-top:26px;}

.see_more{display:none;}

.detail_dopravcu {display:table;width:100%;}
.detail_dopravcu p{text-align:left;margin:5px;}
.detail_dopravcu img{width:100%;max-width:400px;margin:5px;}

.add_add{float:right;margin-bottom:15px;font-weight:bold;color:#64c94f;text-decoration:underline;}


.cennik_tri_nadpsis 
{
 background-color:#149dcc;
 color:#ffffff !important;
 position:relative;
 z-index:2;
 top:-15px;
 margin:0 auto;
 padding:2px;
font-size:16px;
max-width:130px;
border:2px solid #149dcc;
}

.mobil_radio {display:none !important;}
.strankovanie{padding:10px;}
.strankovanie a{padding:3px;}


.fotogaleria{border-bottom: 1px solid #0d6786;margin: 0 auto;text-align:center;clear:both;}

  .photo-container {
            position: relative;
            display: inline-block;
            margin:3px;
        }
        .photo-container img {
            display: block;
            max-width: 133px; /* Změňte podle potřeby */
            height: auto;
            border: 1px solid grey;
            cursor: pointer;
        }
        .delete-icon {
            position: absolute;
            top: 5px;
            right: 5px;
            cursor: pointer;
            background-color: rgba(0, 0, 0, 0.5); /* Průsvitný tmavý kruh */
            color: white;
            border-radius: 50%;
            padding: 5px;
            font-size: 16px;
            line-height: 16px;
            text-align: center;
            width: 18px;
            height: 18px;
        }
.hidden_d {
            display: none;
        }
.show_d {
            display: block;
        }  
 
.overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.8);
            display: none; /* Skryté ve výchozím nastavení */
            justify-content: center;
            align-items: center;
            z-index:10;
        }
        .overlay img {
            max-width: 90%;
            max-height: 90%;
            }
        .close-btn {
            position: absolute;
            top: 10px;
            right: 10px;
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
            padding: 10px;
            cursor: pointer;
            font-size: 28px;
        }
                        
@media only screen and (max-width:1150px){
.threico{width:25%;margin:0 10px 30px 10px;height:70px;padding-top:30px;}
.four {width:210px;margin:10px;}
}
@media only screen and (max-width:1030px){
#threico2022n {display:none;}

.threico2022{width:28%;margin:0 10px 40px 10px;vertical-align: top;min-height:320px;}
.threico2022 p {font-size:14px;}
.threico2022 img{width:100%;}



}
@media only screen and (max-width:1001px){
.vynimka_sirky{width:100% !important;}
.four {width:21%;margin:5px;}
.tab_preprav{width:95%;padding:10px;}
#header_logo {padding-left:10px;}
.right_side {margin-right:10px;}
#header_menu {padding-right:10px;}

}
@media only screen and (max-width:910px){

h1, h2{;font-size:30px;padding:15px 15px 15px 5px;}
.four {width:600px;text-align:left;clear:both;}
.four span{font-size:22px;}
.four br {
    display: none;
}  

}

@media only screen and (max-width:865px){
//#header_menu {display:none;}
#header_menu_sm,#header_menu_sm1 {display:block;}
#header_menu_sm_close img{display:block;}
#header_menu_ham {position:absolute;z-index:3;width:100%;background-color:#0f7699;margin-top:40px;}
#header_menu_ham li{display:block;clear:both;margin:25px 5px 15px 15px;font-size:18px}
.threico{width:24%;font-size:15px;height:50px;}
.full_white_login{width:100%;}
.but_de{display:none;}
.detail_prepravy_m{display:block;text-align:left;}
#header_menu {font-size:14px;padding-right:12px;}
}
@media only screen and (max-width:760px){
.threico{width:35%;height:35px;}


.threico1{width:25%;font-size:14px;margin:0 5px 40px 5px;}
.threico1 img{width:100%;height:auto;}
.threico2{width:27%;font-size:14px;height:90px;margin:0 5px 40px 5px;text-align:left;padding:5px;}  

@media (max-width: 768px) {
  .transport-box {
    margin-left: 5px;
    margin-right: 5px;
  }
}   
.full_grey{padding:40px 0 40px 0;} 
}
@media only screen and (max-width:720px){
.ake_prepravy {width:100%;margin:0 auto;}
}

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

.pol{width:300px;margin:0 auto;clear:both;text-align:right;margin-top:20px;margin-bottom:20px;}
.html_login{border: 0;width:300px;text-align:right;margin:0 auto;clear:both;}

.threico2022{display: block;width:98%;margin:1%;background-color:#dddddd;font-size:18px;clear:both;min-height:10px;}
.threico2022 p {padding:8px 8px 20px 8px;text-align:left;}
.threico2022 a {background-color:#FF5900;border-radius: 100px !important;padding:10px;color:#ffffff;} 
.threico2022 img{width:50%;margin-top:10px;}
.right_side button {
  padding: 4px 18px;
  border-radius: 6px !important;
  margin-right: 15px;
    border: 3px solid #ffffff !important; /* biele orámovanie */
}
}

@media only screen and (max-width:620px){
.kontakt_form{clear:both;margin:5px 0 0 0;} 
.new_preprava{width:95%;margin:0 10px 10px 10px;padding-top:0;}
.new_preprava input, .new_preprava textarea {text-align:left;max-width:90%;float:left;}
.new_preprava input {width:300px;}
.preprava_form{text-align:left;padding-top:10px;}
.four {width:95%;}
.main_menu{width:47%;padding-top:40px;height:80px;} 


.ine_input {width:300px !important;}
.counter-container {  width:95%;}

.uvedte_co {padding-bottom:0 !important;margin-bottom:0;text-align:left;}
}

@media only screen and (max-width:560px){
.cennik td {width:95%;float: left;margin-bottom:20px;} 
.cennik h3 {margin:5px 0 5px 0;}
.cennik h4 {margin:5px 0 5px 0;}
.cennik input{display:none;}
.dolem{padding-top:0;}
button {
  padding: 1rem 2rem;
  font-size:14px;
}
  .mobil_radio {float:left; display:table !important;margin:25px 0 25px 50px !important;position:absolute;}
}

@media only screen and (max-width:510px){
h1, h2{;font-size:25px;}
.threico{width:80%;height:35px;margin-bottom:5px;}
.full_grey{background-color:#f9f9f9;margin-top:-40px;padding-top:40px;padding-bottom:40px;
} 
.main_menu{width:95%;padding-top:10px;height:30px;} 
.full_white_login a {text-decoration:none;}
.reklama_detail a{color:#0f7699;text-decoration:none;
}
#header_logo {font-size:34px;padding-left:5px;}
.right_side {margin-right:5px;}
.menu-icon {height:34px;width:34px;
}
.right_side button {
  padding: 4px 18px;
  font-size: 16px;
  border: 2px solid #ffffff !important; /* biele orámovanie */
}
}

@media only screen and (max-width:480px){
#header_logo {font-size:30px;padding-left:5px;}


.menu-icon {
  height:28px;
  width:28px;
}
} 


@media only screen and (max-width:470px){
        .photo-container img {
            max-width: 153px;
        }
}        
@media only screen and (max-width:440px){
.threico2{width:90%;font-size:14px;height:10px;margin:5px 5px 25px 5px;padding:5px;}
.threico2 span{margin-top:20px;}
.new_mail input {
margin-bottom:10px;
clear:both;
}
.reklama_detail_img{margin:10px 10px 10px 0;max-width:340px;width:100%;clear:both;}
.ine_input {width:250px !important;}
}
.detail_dopravcu img{width:100%;max-width:400px;margin:5px 0 5px 0;}
@media only screen and (max-width:410px){
h1, h2{;font-size:18px;}


.new_preprava{width:90%;}
.new_preprava input {width:100%;;}
.full_white_login{width:95%;}
.pol{width:255px;}
.html_login{width:270px;}
.tab_preprav{padding:5px;}
.ine_input {width:190px !important;}
#header_logo {font-size:26px;padding-left:5px;}
.menu-icon {
  height:24px;
  width:24px;
}
.right_side button {
  padding: 2px 10px;
  border-radius: 4px !important;
  margin-right: 10px;
    font-size: 14px;
}
#header{height:46px;}
}
@media only screen and (max-width:370px){
        .photo-container img {
            max-width: 100%;
        }
#header_logo {font-size:20px;padding-left:5px;}
.right_side button {
  padding: 2px 8px;

}
}    
@media only screen and (max-width:330px){
.threico2022 img{width:100%;margin-top:0;}
}

#pokracovatcoo{position:fixed;z-index:5;bottom:0;width:100%;text-align:center;
z-index:9003;background-color:#333;padding:5px;font-size:15px;color:#fff;}
#pokracovatcoo p{text-align: center;font-size:13px;margin:3px 3px 5px 3px;}

#pokracovatcoo1{display:block;width:800px;margin: 0 auto;max-width:100%;text-align:center;}
#pokracovatcoo1 a {color:#fff;}
#pokracovatcoo2{display:none;}
.pokracovatcoo_l{text-align:center;}
.pokracovatcoo_r{float:left;}
.pokracovatcoo_b{clear:both;width:100%;text-align:left;}
.pokracovatcoo_l input,.pokracovatcoo_r input,.pokracovatcoo_b input{background-color:#00CC00;color:#FFFFFF;margin:0;padding:4px 8px;cursor:pointer;font-size:13px;font-weight:bold;-webkit-border-radius:5;
  -moz-border-radius: 5;
  border-radius: 5px;border:0;}
input.prisposob {color:#00CC00 !important;background-color:#ffffff !important;}

input.prisposob:active {   transform: translateY(2px);}
.pokracovatcoo_l input:active {   transform: translateY(2px);}
.pokracovatcoo_r input:active {   transform: translateY(2px);}
#pokracovatcoo2 table  {text-align:left;}


.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #00CC00;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00CC00;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
#blanketcoo {background-color:#000000;opacity: 0.60;filter:alpha(opacity=60);position:fixed;z-index: 9001;top:0px;left:0px;width:100%;height:100%;}

@media only screen and (max-width:800px){
#pokracovatcoo{width:auto;left:0;margin:0 auto;right:0;bottom:0;top:auto;padding:10px;}
}