body {
  background-position:top center;
  background-image:url('/images/background_body.jpg'), url('/images/background_html.jpg');;
  background-repeat:repeat-x, repeat;
  margin:0;
  padding:0;
  min-height:680px;
  background-color:#d1cebd;
}


.skryj {display:block;position:absolute;left:-9999px}
.hide2 {display:none;}
.red {color:red}
.grey {color:grey;}
.small {font-size:10px;line-height:14px}
.input1 {width:90%}
.input1-auto {width:auto}
.input2 {color:white; border:none;cursor: pointer;background-color:#5b1f15;; display: block;    float: left;    font-size: 1em; padding:.7em 1em; margin-right:.5em }
.bold {font-weight:bold}	
.alright,.right {float:right}
.button {color:white; background-color:#5b1f15; display: block;    font-size: 1em; padding:.7em 1em; }
.likebutton {color:white; background-color:#5b1f15; text-decoration:none;font-size: 1em; padding:10px 1em; position:relative;top:7px}
.likebutton:hover{color:white; }



.container {
max-width:1030px;
}

.navbar-brand {display:block;width:214px;height:97px;background-image:url('/images/graphic.png');background-repeat:no-repeat;background-position:0 0;} 
#top-menu ul {margin:3rem 0 0 0;padding:0;} 
#top-menu ul li {margin:0;padding:21px 23px 25px 23px;display: inline; margin-right: 0em;background-repeat:no-repeat;background-image:url('/images/graphic.png');} 
#top-menu ul li a {color:white;text-decoration: none;font-size:16px;font-family:"Times New Roman", Times, serif}
#top-menu ul li a .subname {font-weight:bold;margin-right:.4em;font-size:14px;font-family:Arial, Helvetica, sans-serif}

#top-menu ul li#top-menu102 {padding:21px 45px 25px 45px;background-position:-5px -490px;}
#top-menu ul li#top-menu102:hover,#top-menu ul li#top-menu102.li_on {background-position:-5px -554px;}
#top-menu ul li#top-menu27 {padding:21px 27px 25px 27px;;background-position:-127px -490px;}
#top-menu ul li#top-menu27:hover,#top-menu ul li#top-menu27.li_on {background-position:-127px -554px;}
#top-menu ul li#top-menu30 {background-position:-260px -490px;}
#top-menu ul li#top-menu30:hover,#top-menu ul li#top-menu30.li_on {background-position:-260px -554px;}
#top-menu ul li#top-menu80 {padding:21px 17px 25px 17px;background-position:-388px -488px;}
#top-menu ul li#top-menu80:hover,#top-menu ul li#top-menu80.li_on {background-position:-388px -552px;}
#top-menu ul li#top-menu29 {padding:21px 20px 25px 20px;background-position:-537px -490px;}
#top-menu ul li#top-menu29:hover,#top-menu ul li#top-menu29.li_on {background-position:-537px -554px;}
#top-menu ul li#top-menu623 {padding:21px 0px 25px 20px;background-image:none}
#top-menu ul li#top-menu623 a {color:#5E1205;text-decoration:underline;font-family:Arial, Helvetica, sans-serif;font-size:14px}

@media only screen and (max-width: 767px)  {   
  nav.navbar-light {
        padding-bottom:1.7rem;
  }
}
@media only screen and (max-width: 767px)  {
    nav.navbar-light {
    transition: all 500ms;
    padding:0;
    margin: 0;
    text-align: right;
  }
  #top-menu ul  {
  padding-top:50px;
   display:inline-block;
   max-width:200px;  
  }
  #top-menu ul li {
   display:inline-block;
  
  }   
   nav.navbar-light {
        justify-content: flex-end !important;
   }        
}


            
/* hamburger */
.hamburger {
  float:right;
  position:relative;
  padding-right:60px;
  border:0;
  font-size:1em;
  margin-top:1rem;
  font-weight:bold;
   color: #5b1f15 !important;
}
.hamburger .toggle {
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  width:50px;
  height:50px;
  background:#fff;
  cursor:pointer;
  border-radius:4px;
  overflow:hidden;
}
.hamburger .toggle.active  span {
  box-shadow: 50px -12px 0 #262626,-50px 12px 0 #262626;
  border-radius: 1px;
  transform:translate(-50%,-50%) rotate(-315deg);
  transition-property:box-shadow, transform;
  transition-delay:0s,0.5s;
  transition-duration:0.5s,0.5s;
}
.hamburger .toggle.active  span:before {
  top:50%;
  transition-delay:1s;
}
.hamburger .toggle span {
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%) rotate(0deg);
  width:calc(100% - 14px);
  height:3px;
  background:#262626;
  box-shadow: 0 -12px 0 #262626,0 12px 0 #262626;
  transition-property:transform, box-shadow;
  transition-delay:0s,1s;
  transition-duration:0.5s,0.5s;
}
.hamburger .toggle span:before {
  content:'';
  position:absolute;
  top:-50px;
  left:50%;
  transform:translate(-50%,-50%);
  width:3px;
  height:36px;
  background:#262626;
  transition:0.5s;
  transition-delay:0.5s;
}



.content {
  padding:2rem;
}

@media only screen and (max-width: 767px)  {
  .content {
    padding:2rem .9rem;
  }
 
}

@media only screen and (min-width: 993px)  {
.content-left  {border-right:1px dotted #5e1205;}
}
@media only screen and (min-width: 1199px)  {
 .content-left  {max-width: 24%;}
}
.content-left h2 {font-weight:normal;font-size:20px;text-align:right;padding-right:30px}


.submenu {}
.submenu ul {list-style:none;margin:0;padding:0 0 0 0}
.submenu ul li {padding:0px 0px; width:203px;background-repeat:no-repeat;background-image:url('/images/graphic.png');}
.submenu ul li.back0 {background-position:0px -1210px;}
.submenu ul li.back1 {background-position:0px -1100px;}
.submenu ul li.back2 {background-position:0px -1064px;}
.submenu ul li.back3 {background-position:0px -1210px;}
.submenu ul li.back4 {background-position:0px -1100px;}
.submenu ul li.back5 {background-position:0px -1064px;}
.submenu ul li.back6 {background-position:0px -1210px;}
.submenu ul li li {background-image:none;}
.submenu ul li li a {color:#5E1205}
.submenu ul li li.li_on a {color:#b06515;background-position:10px -818px}
.submenu ul li a {display:block;padding:7px 10px 7px 25px;background-position:10px -818px;background-repeat:no-repeat;background-image:url('/images/graphic.png');text-decoration:none;color:#5e1205;font-family:Arial,sans-serif;}
.submenu ul li.li_on {background-position:0px -1258px;}
.submenu ul li.li_on > a {color:white;  background-position:10px -853px;}

  
.content-left h2 {font-weight:normal;font-size:20px;text-align:right;padding-right:30px}

/* in */
.underh1 {display:block;width:246px;height:65px;margin:2em 0;background-position:0px -672px;background-image: url('/images/graphic.png');background-repeat: no-repeat;}
.underh2 {display:block;width:100%;height:30px;margin:.3em 0 1em 0;background-position:80px -782px;background-image: url('/images/graphic.png');background-repeat: no-repeat;}

.inh1 {font-size:2em;line-height:2em}

div#info {min-height: 100px;background-color: white;border-radius: 10px;background-image:url('/images/info-background.png'); }
sterdiv#info-left {padding:10px;float:left}

.round {min-height: 100px;background-color: white;border-radius: 10px;margin-top:20px}
.round .col1 {width:30%;float:left;padding:15px}
.round .col2 {width:30%;float:left;padding:15px}
.round .col3 {width:30%;float:right;padding:15px}


 .in .content .page img:hover:not(.lightboxthumb) {width:auto;height:auto;margin-bottom:0;clear:right;max-width:750px}
 .img-title {background-color:#5B1F15;color:white;text-align:center;margin:0;padding:0;}
 
 .in .content .catalog-in .page-content img:hover:not(.lightboxthumb) {width:auto;height:auto;margin-bottom:0;clear:right;max-width:750px}
 
 
 .content .page iframe {border:none}
 .item,.itemname {clear:both}
 .item {padding-bottom:1em} 


/* Kontakty */
.contacts {}
.h1contact {width:100%;display:block;border-bottom:1px solid #e7e7e7;padding:1em 0px}
.contact {  padding:5px 0px 0px 0px;width:100%;}
.contact td { font-size:.9em;padding:0px 20px 0px 0px;vertical-align:middle}
.logocont {float:left;}
.contact img.logocont {width:40px;} 
a.onclick_contact { float:right;  width:11px;  height:12px;  display:block;  background-repeat:no-repeat;}
.hide_contact {  padding-top:5px;  padding-bottom:0px;width:400px;visibility:hidden;}
.hide_subcontact {  }
.hide_data {           display:none;}
.contact .map {width:300px;float:right;margin-bottom:15px;border:1px solid #c7c2ba;}
.contact img.icon,.popup img.icon  {position:relative;top:3px;margin-right:1em}
.contact p {margin-bottom:.8em}
#map_canvas {width: 100%; height: 350px;border:1px solid #c7c2ba;margin-bottom:10px}
.hidecoord {display:none}
.popup {width:400px;font-size:12px;line-height:15px}
.popup h1 {font-size:1.1em;margin-bottom:.5em}
.box-left {float:left;width:120px;padding-top:10px}
.box-right {padding-top:10px;font-size:.9em;line-height:1.1;color:#373737}

.map {width: 100%; height: 350px;border:1px solid #c7c2ba;margin-bottom:10px;}
.hp_partners {margin:0 10px}
.google_lat, .google_lng{display:none;}



/* search */
#search {margin-top:20px;width:100%;padding:0px;border:1px solid #c8c8c8;box-shadow: inset 0 0 5px #ccc;}
#search p {margin:0;padding:10px}
#search input {border:none;background-color:transparent;width:80%}
#search-submit {float:right;margin-right:5px}
.submit_news{display:inline;float:left;padding-right:5em}
.search-result {background-color:yellow}

/* lang */
#flags a {display:block;width:15px;height:10px;margin-right:5px;float:left}
 
 


/* maps */
#map {width:100%;height:514px;margin:20px 0 10px 0;} 
#map_canvas {width:100%;height:514px;margin:20px 0 10px 0;}
#map3 {    height: 514px;    margin: 20px 0 10px;    width: 100%;}


/* discussion */
.dis-item {background:#eee;margin-bottom:3px}
.dis-item2 {background:none;border-left:5px solid #fff}
.dis-item-top {background:#eee;padding:10px;}
.dis-item2 .dis-item-top {background:none;}  
.dis-item h4 {margin:0;padding:0}
.dis-item-bottom {background:#ddd;padding:10px;}
.dis-item2 .dis-item-bottom {background:none;} 
.discussion  {padding-top:2em}
.discussion input, .discussion textarea{width:99%;}


#form_login {padding:10px 10px 0px 0px;}
#form_login input {padding:8px;float:right;margin-bottom:10px;Width:100%}
#form_login .submit,.discussion .submit,#form_ok,#reg {
float:right;
width:auto;
color:white; 
border:none;
cursor: pointer;
background-color:#5B1F15; 
display: block;
font-size: 1em; 
padding:9px 1em; }

@media only screen and (max-width: 992px)  {
  #form_login .submit,.discussion .submit,#form_ok,#reg {
    float:none;
    width:100%;
  }
  .likebutton {
    display:inline-block;
    width:calc(100% - 10px);
  }
}

#reg {float:none}
.discussion .submit:focus, .discussion .submit:active 
#form_login .submit:focus, #form_login .submit:active,
#form_ok:active,#form_ok:focus 
{background-color:yellow; color:black;}
.dis-login .hide {padding:1em;border:1px dotted #999}				
 
.dis-item  .delete {margin-left:10px}

.dis-list-tema,.dis-list-item,.dis-login {margin:20px 0px}
.dis-tema {border-top:1px solid #eee;padding:10px 0px;color:#aaa}

a.add-tema {text-decoration:none;background-color: #C5C5C5;    border: 1px solid #C5C5C5;    color: black;    font-size: 1em;    padding: 2px 12px;}
.register {padding-top:0em}
p.status{ display:block;background-color: #D6FFBE;    border: 3px solid #4BC302;    margin-bottom: 30px;    padding: 5px;color: #4BC302;    font-weight: bold;}
p.warning { display:block;background-color: #FFDCDC;    border: 3px solid #FA0505;    margin-bottom: 30px;    padding: 5px;color: #FA0505;    font-weight: bold;}

.strip {color:white;font-size:12px;font-weight:normal;float:right;padding:40px 30px 10px 30px;
margin-bottom:30px;
min-height:220px;
background-image:url('/images/strip.png');background-repeat:no-repeat;background-size:contain;
}
.strip .date {}
.strip img {width:88px;float:left;margin:0 10px 10px 0}
.strip .strip-item {width:31%;margin-right:15px;height:90%;overflow:hidden;float:left;line-height:16px;}
.strip .titulek_blog {font-size:12px;line-height:14px;}
table.strip_hp td,table.strip_hp td a,table.strip_hp td h2 {color:white}


@media only screen and (max-width: 768px)  {
  table.strip_hp  tr td,table.tablep2 tr td {  
  display: block;
  margin-bottom:50px;
  }
}
@media only screen and (max-width: 992px)  {
  .strip {
    background-image:none;
    background-color:#5b1f15;
  }
}









/* Úřední deska*/
.board_info table {margin-top:15px;width:100%}
.board_info table th {background-color:#822724;color:white}
.board_info table th.date {width:90px}
.board_info table th a {color:white;text-decoration:none}
.board_info table td,.board_info table th {padding:2px 10px;}
.board_info table td    {border:1px dotted #4d4f00}
.board_info input.submit {text-align:center;}
.board_info table tr.board_section {background-color:#eee;}
.board_info table tr.board_section td {border:none}
.board_info .board_form input {border-color:#d1d1d1;padding:3px;width:50%}


table.board_search  td {border:none;padding:2px 0px ;width:auto}
table.board_search  input{width:96%}
table.board_search  select {width:98%}
.board_form input.submit {height: 29px; width: 96px;margin-left:20px;background-color:#822724;    border: medium none;    color: white;    display: block;    font-size: 1em;   cursor:hand;cursor:pointer ;float:left;}
.board_form input.right {float:right}
#board_hp {width:480px;margin-top:30px;margin-bottom:20px}
#board_hp_top {color:white;margin:0px;padding:8px 0px 5px 20px;background-image:url('/images/board_top.png');background-repeat:no-repeat;background-position:0px 0px}
#board_hp_top h2 {color:white;font-size:1.2em;font-weight:normal;margin:0px;padding:0px;line-height:1.2em}
#board_hp_middle {background-color:#dddada;margin:2px 0px 0px 0px;padding:10px 16px 15px 16px}
#board_hp_bottom {margin:0px;height:10px}
#board_hp table {width:100%;border-collapse:collapse;}
#board_hp table th {font-weight:normal}
#board_hp table th.date {width:22%}
#board_hp table tbody tr.hp_b_middle {background-color:white;}
#board_hp table tbody { vertical-align:top;}
#board_hp table td a {display:block;font-weight:bold;color:#b60000  ;margin:0px;padding:0px;margin-left:1em}
#board_hp table tbody tr td.hp_b_top {height:9px;background-image:url('/images/board_item_top.png');background-repeat:no-repeat;background-position:bottom;}
#board_hp table tbody tr td.hp_b_bottom {height:9px;background-image:url('/images/board_item_bottom.png');background-repeat:no-repeat;}
#board_button {width:122px;height:20px;background-image:url('/images/board_button.png');background-repeat:no-repeat;float:right;margin-right:20px;padding:3px;text-align:center}
#board_button a {color:white;}
#board_button a:hover {background-color:#330000}
.rss {float:right;}
.rss img {position:relative;top:5px;margin-left:5px;border:none}



.dotted {border:none}

img.page-image {width:220px;float:left;margin:0 20px 20px 0}

.blog h2 {text-decoration:underline;font-size:20px;font-family:Arial,sans-serif;margin-bottom:0}
.blog h2 a {color:#6f1607}
.blog .item {margin-top:20px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px dotted #6f1607}
.blog .catalog-in {border-bottom:none}
.catalog-in .title-blog {font-size:18px;}



/* forum */
#forum_list {margin-top:0px}
#forum_list .date {padding:0;margin:0;display:block;font-size:.9em;}
#forum_list .question {display:block;padding:10px 0px 0px 0px;font-family:serif;color:#888;font-style: italic;}
#forum_list .forum_item {padding:10px 0px ;margin:10px 0px 0px 0px;border-bottom:1px dotted #6f1607}
#forum_list .forum_item2 {padding:10px 0px ;margin:10px 0px 0px 0px;border-top:1px dotted #6f1607}
#forum_list .author {background-color:#ceb699;padding:10px;} 
#forum_list .forum_item_answer {padding:10px 0px 10px 0px;margin-left:0px;}


/* contact */
#map_contact {width:100%;height:350px;border:1px solid #5B1F15;margin-bottom:2em}
.openwindowh1 {font-size:16px}

/* eshop */
#eshop ul {list-style:none;margin:0;padding:0}
#eshop ul li {list-style:none;margin:0;padding:0;}



/* Login */
#form_login {} 
#form_login input {}

#form_login #form_ok {}
div#right-login #form_login #form_ok {}
#form_login a.fpass{color:black; text-decoration:none}
#final_basket input.submit {width:auto;color:white; border:none;cursor: pointer;background-color:#5B1F15; display: block;margin-top:1em;      font-size: 1em; padding:.7em 1em; }

/* visitor content*/
.visitor_content {width:100%}
.visitor_content tr {border-bottom:1px dotted #5e1205}
.visitor_content tr td {padding:2px 10px}
.visitor_content tr th {padding:2px 10px}

.visitor_form>div {padding:0 0 20px 0}
.visitor_form label {width:15%}

.visitor_form input, .visitor_form textarea, .visitor_form select, .visitor_form button {
  width : 80%;
  margin: 0;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For all Gecko based browsers */
          box-sizing: border-box;
}
.visitor_form input.checkbox {width:auto}
.visitor_form input[type="radio"] {width:auto}
.visitor_form textarea {height:180px}
.visitor_form .contet_save {width: 80px;text-align:center;color: white;border: none;cursor: pointer;background-color: #5B1F15;display: block;font-size: 1em;padding: .7em 1em;}
.content_photo_icon {background-color:white;padding:3px;text-align:center}


.hide {display:none}
.nomargin {margin-right:0}
.top-border {border-top:1px dotted #5e1205;}

.content_photo img, .visitor_content_item img { height:130px;}
.content_photo .content_photo_icon img {height:auto}
.content_photo_icon a {text-decoration:none}
.content_photo.detail img {height:130px;position:absolute;}
.visitor_content_detail .content_photo.detail img:hover,.content_photo.detail img:hover
  {width:auto;height:300px;max-height:auto;z-index:9990;margin-left:-100px;margin-top:-90px;}

.visitor_content_item, .content_photo {
cursor: move;width:173px;list-style:none; min-height:140px;margin-right:6px;padding:20px 0px 10px 0px;float:left;border-bottom:1px dotted #5e1205;
}
@media only screen and (max-width: 767px)  { 
  .visitor_content_item, .content_photo {
    width:calc(50% - 6px);
  }
  .content_photo img, .visitor_content_item img {
  
    width:100%; 
    height:auto;
  }
  
  .content_photo.detail img {position:static;}
  
  
  
}
.border-top {border-top:1px dotted #5e1205;}
.visitor_content_item a {text-decoration:none}
.visitor_content_item h3, .visitor_content_item p {text-align:center;margin-bottom:.2em;padding-bottom:0;font-weight:normal;}
.visitor_content_item p {margin-bottom:0;padding-bottom:0}
.visitor_content_item h3 {text-decoration:underline;height:3em}
.visitor_content_detail h2{margin-bottom:.2em;font-family:Arial, Helvetica, sans-serif}
.visitor_content_other {clear:both;padding-top:60px;}
#loading {    position:fixed;    top:0;    left:0;    width:100%;height:100%;background-color: white;background-image: url(/progres/nimages/loading.gif);background-repeat: no-repeat;background-position: center center;    opacity: .7;    display:none;}



ul#load_photo {list-style:none;margin:0;padding:0}
.content_photo input {width:95%}
.img-title-photo  {max-width:350px;padding:5px;position:absolute;text-align:center;z-index:9999;margin-left:-80px;margin-top:150px;background-color:#222;color:white;}

.markerh1 {font-size:16px}

table.strip_hp td,table.strip_hp td a,table.strip_hp td h2 {color:white}



/* catalog */
.hph2 {padding:15px 0px 10px 15px;font-size:24px;margin:0}
.catalog-eshop {margin:0 -15px;padding:0;list-style:none}
.catalog-eshop li {padding:15px;width:180px;display:inline-block;margin-bottom:30px;}
.catalog-eshop li h2 {padding:15px 0;margin:0;min-height:75px;}
.catalog-eshop li h2 a {font-size:16px;text-decoration:none;}
.catalog-eshop li .annotation {}
.insert-basket { display: flex; align-items: center;justify-content: space-between;}
.insert-basket input.add_number {display:inline-block;width:20px;}

.insert-basket input.add_item {display:inline-block;font-weight:bold;text-align:center;padding:21px 23px 40px 23px;width:120px;background-image:url('/images/graphic.png');background-repeat:no-repeat;background-position:-5px -490px;background-color:transparent;border:none}
.price {font-size:22px;padding-top:4px;padding-bottom:4px;margin:0}
.price p {padding:0px;margin:0}
.catalog-in-eshop {padding:15px;}
.catalog-in-eshop h1 {border-bottom:1px solid #360a05;padding:0 0 15px 0}
.tdl {width:120px}
.catalog-in-eshop .price {width:auto;float:right;padding-bottom:10px}
.catalog-in-eshop .price span {font-size:36px}
.catalog-in-eshop .insert-basket {float:right;width:auto;clear:right}
.catalog-in-eshop .text  {border-bottom:1px solid #360a05;margin-bottom:20px;clear:both}
.catalog-in-eshop .insert-basket input.add_number {margin-right:20px;}
.main-photo {float:left;}
.main-photo img {width:640px;}
.mini-photo {float:right;}
.mini-photo img{width:69px;}
.flexislider2  {}
.flexislider2 .flex-viewport { height: 347px !important;}
.flexislider2 ul {list-style:none;margin:0;padding:0;}
.flexislider2 ul li {padding-bottom:15px}
.eshop-image-wrap {height:180px;width:180px;display: flex; align-items: center;}
.eshop-image-list {max-width:100%}
.eshop-image-wrap-in {}
.catalog-eshop h3 {} 

/* basket*/

.basket {padding:15px;min-height:400px}
.add_item {width:60px;height:44px;color:white;font-weight:bold;background-color:transparent;margin-top:10px;background-image:url('/images/add.jpg');cursor:hand;cursor:pointer}

#final_basket input {margin-right:2px;font-size:1em;color:white;background-color:#888;height:auto;padding:5px}

table.eshop {  width:100%;  border-collapse:collapse;  margin:0 0 20px 0;  padding:0;}
table.eshop th{ background-color:#efb74e;color:#360a05;border-right:1px solid #ddd;	font-size:12px;	height:20px;	font-weight:normal;	vertical-align:middle;	padding-left:10px;	width:17%;}
table.eshop td  {  border-bottom:1px solid #360a05;	color:#000;	margin:0px;	padding:0px;	padding:5px 10px	}
 
table.eshop td.grey {color:#ccc}	
div.scale-down img {height: 100%;}
div.scale-down {    height: 57px;}
#final_basket table.eshop td input {  width:3em; border:1px solid #ccc;
font-weight:normal;color:black;background-color:white;} 
table.eshop2 { width:100%; margin-bottom:15px;}
#final_basket table.eshop2 input  {width:300px;   border:1px solid #ccc;  border:1px solid #ccc;font-weight:normal;color:black;background-color:white;padding:5px}
table.eshop2 textarea {width:300px; background-color:white;  border:1px solid #ccc;}
table.eshop2 h2 {  color:#666;}
table.eshop2 td  { 	color:#000;}
#final_basket table.eshop td.noborder input{border:none} 
#final_basket input.noborder,#final_basket table.eshop2 input.noborder  {border:none;
background-color:white;width:auto;margin:0;padding:2px;color:black} 
#final_basket input#order, #final_basket input#order2,
#final_basket input#order1b,#final_basket input#order1c
{padding:10px;float:right;background-color:#360a05;color:#ffffff;font-size:20px;border-radius: 5px;border:none}
#inline-conditions {display:none}
#inline-conditions-in {width:480px;overflow: scroll;height:400px;padding:10px}


.step {float:left;width:calc(20% - 1px);margin-right:1px;background-color:#efb74e;color:#360a05;
padding:15px 0px 5px 15px;margin-bottom:30px;background-repeat:no-repeat;background-position:170px center;}
.activestep {background-color:#360a05;color:#ffffff;background-image:url('/images/next2.png');}
.step .big {font-size:3em;margin-right:5px}
.nomargin {margin-right:0px; }


@media only screen and (max-width: 767px)  { 
.basket {padding:0;}  
  .step {float:none;width:100%;margin-right:0; margin-bottom:0;    }
  .step .big {font-size:1em;margin-right:5px}
  table.eshop {margin-top:1rem;}
}



/* miniweb*/
input.coord {width:40%}
input.address {width:100%;margin-bottom:10px}
.miniweb_form div {padding-bottom:20px}
.visitor_miniweb {}
.visitor_miniweb a {text-decoration: underline;}
.visitor_miniweb .alleft {float:left;width:30%;}
.visitor_miniweb .alleft img {width:100%}
.visitor_miniweb .alright {float:right;width:65%}
.visitor_miniweb .alright h3 {padding-bottom:0px;margin-bottom:0}
input.miniweb_coord {width:150px}
.miniweb_form  input {margin:5px 0}
.miniweb-photo {height:150px;}
.alleft {float:left;}
.miniweb-link {margin:0 20px 0px 0;padding-bottom:5px;text-align:center}
.mimiweb-cycle {float:right;width:250px;height:150px;margin-top:-160px;text-align:right}
.mimiweb-cycle  > p {float:right;width:250px;display:block;background-color:transparent}

@media only screen and (max-width: 767px)  {
.mimiweb-cycle {float:none;margin-top:0px;margin-bottom:2rem;}
.mimiweb-cycle  > p {float:none;margin-top:0px;}
 
}



input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


#map_one {
  width:100%;
  height:300px;
}

.photogallery  {
margin-bottom:2rem;
}


                        
.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

@media only screen and (max-width: 767px)  {
    img {max-width:100% !important;}
    #map_canvas {display:none;}
}



.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.paginator a {display: inline-block; width: 2rem; text-align: center;padding:.3rem;border:1px solid #5b1f15;margin-right: 1rem}
.paginator a.red {border-color: red}


.alertreg {
    padding:1rem;
    background-color: #FFD1D1;
    border:1px solid red;
    border-radius:5px;
    margin-bottom: 1rem;
}