﻿.navbar-collapse { padding:0px;  } 
#katmenu .navbar-nav { position:static; margin-top:0px; margin-left:-10px; margin-bottom:0px;   }
#katmenu .nav { background:url(/Graphics/menu_oddelovac.png) top right no-repeat !important; padding-right:10px;  }
#katmenu .nav > li { position:static; margin-right:0px; background:url(/Graphics/menu_oddelovac.png) left bottom no-repeat; }
#katmenu .nav > li > a { font-size:17px; letter-spacing:-1px; font-weight:100; color:#286ec6; line-height:54px; background: no-repeat 5px center; padding:0px 9px;  text-transform:none !important; min-height:58px; } 
#katmenu  .nav > li.open > a { background-color:#EFEFEF; background-size:auto 65%; box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.4);    border-radius: 2px 2px 0px 0px; z-index:1000; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);  clip: rect(0, 60px, 450px, 15px); color: #4b6f3a; height:55px; margin-bottom:-15px; line-height:55px; } 
#katmenu .nav > li > a .caret { margin-left:10px; }
#katmenu .navbar-nav .dropdown-menu { left:-180px; right:15px; top:58px; width:1140px; border:none; box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.4); border-radius:0px; border-bottom:3px solid #4c6f3a; padding-bottom:30px; padding-top:0px; min-height:400px; }
#katmenu .navbar-nav .dropdown-menu h3 { font-weight:200; font-size:21px; text-transform:uppercase; margin-top:10px; background:#EFEFEF; padding:20px; margin:0px -15px; margin-bottom:20px; min-height:95px; line-height:17px;  }
#katmenu .navbar-nav .dropdown-menu h3 a:hover { text-decoration:none; }
#katmenu .navbar-nav .dropdown-menu h3 small { color:#fcb302; font-size:12px; line-height:1; }
#katmenu .navbar-nav .dropdown-menu h3 small:hover { text-decoration:underline; }
#katmenu .navbar-nav .dropdown-menu ul.sekce li { margin-left:0px; list-style: none; padding-left:5px; line-height:25px; }  
#katmenu .navbar-nav .dropdown-menu ul.sekce li  a { font-size:15px; } 

/*#katmenu .navbar-nav .dropdown-menu ul.sekce li:before { font-family: FontAwesome; content:""; margin-right:4px; background: no-repeat left  5px; width:20px; height:25px; display:inline-block; background-size:18px 18px; margin-bottom:-5px; }
.sub21:before { background-image:url(/Graphics/ico_list.png) !important; }
.sub20:before { background-image:url(/Graphics/ico_nat.png) !important; }
.sub26:before { background-image:url(/Graphics/ico_drevo.png) !important; }
.sub19:before { background-image:url(/Graphics/ico_kvet.png) !important; }
.sub25:before { background-image:url(/Graphics/ico_plod.png) !important; }*/


.caret { transition: all 0.3s ease 0s; transform: rotate(0deg); } 
.open .caret { transition: all 0.3s ease 0s; transform: rotate(180deg); }

.menuoddelovac {   }

.dropdown .dropdown-menu .sekce::after, .dropdown .dropdown-menu .sekce.nazev h3::after { content: ""; position: absolute; z-index: 1; top: 0; left: -15px; width: 15px; height: 300px;   box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); border-radius: 100%; clip: rect(0, 60px, 300px, 15px); } 
.dropdown .dropdown-menu:nth-child(2) .sekce::after { height:300px; top:95px;}

#katmenu .nav > li.nav-kat7 > a { background-image:url(/Graphics/byliny.png);  }
#katmenu .nav > li.nav-kat156 > a  { background-image:url(/Graphics/koreni.png); }
#katmenu .nav > li.nav-kat18 > a  { background-image:url(/Graphics/caj.png); }


.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { background-color: #ECFFEC;  border:none;   } 
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus { border:none; background-color:#FFF; }

.cat-menu.nav .dropdown-menu { border:none; margin-top:15px; border-radius:0px; width:100%;} 
.cat-menu.nav .dropdown-menu a { line-height:25px; font-size:18px; padding-left:15px;  }

#subcat { background:#fffbf2; padding-bottom:20px; padding-top:15px; box-shadow:inset 0px -5px 10px #CCC; }
.subcat-nav { margin-bottom:10px; }
.subcat-nav h4 { border-bottom:1px solid #EEE; padding-bottom:5px; margin-bottom:5px; font-size:20px; }
.subcat-nav ul { border-radius:0px; margin-bottom:5px;  }
.subcat-nav li {  border:none; color:#999;  }
.subcat-nav li.list-group-item { padding:0px 0px; background:none;  }
.subcat-nav li a { color:#333; font-weight:100;  font-size:17px;  transition: color 0.5s; }
.subcat-nav li a:hover {color :#F90; text-decoration:none; }
.subcat-nav li a .icon { background-repeat:no-repeat; padding-left:20px; background-position:left center; background-size: auto 70%; display:block; width:20px; display:inline-block; line-height:17px; height:23px; margin-bottom:-6px; margin-left:5px; }

.catmenu li a { color:#000; font-size:24px; }
#content .catmenu li:before { content: "\f196"; font-size:20px; }
.catmenu .submenu { margin-left:10px; } 
.catmenu .submenu li a { font-size:15px; }
#content .catmenu .submenu li:before { content: "\f0da"; font-size:15px; }

.breadcrumb {  border-radius:0px;    }
.breadcrumb-nav { text-align: left; font-size:14px; padding-top:4px;  }
.breadcrumb-nav a { color: #999; background:#FFF; display:inline-block; line-height:28px; padding:0px 10px;  }
.breadcrumb-nav .oddelovac { display:inline-block;  width:10px; height:28px; color:#999; background:url(/Graphics/bread_oddelovac.png) left center  no-repeat #FFF;  } 


.okno { background: url(/Graphics/bg_okna.png) repeat-x; }
.modra { border-top:5px solid #eeeeee; }
.cervena { border-top:5px solid #eeeeee; }

.category-box { padding:0px 15px;  }
.category-box h1 { margin-top:0px; padding-top:10px; margin-bottom:10px;  }
.category-box p { margin-bottom:30px; font-size:16px; }
.category-box h1 strong.title, h1 strong.title { display:block; font-size:16px; letter-spacing: normal; color:#fcb302; font-weight:500; }
.category-filtrs .pagination  { margin:0px; }
.category-filtrs .labels { margin-left:15px; } 

.katpopis { border-top:1px solid #616161; border-bottom:1px solid #616161; margin-bottom:15px; background:#FFF; padding:0px 20px 20px 20px; }


/*order-nav*/
.order-nav ul { list-style-type: none; margin: 0px; padding: 0px; }
.order-nav ul li { padding: 2px 0px 2px 5px; }
.order-nav ul .current { font-weight: bold; }
.order-nav ul .future { }
.order-nav { padding:20px 0px; }
.order-nav li { display:inline-block; text-align:center; width:25%; font-size:20px;  }
.order-nav li a, .order-nav li .todo, .order-nav li .current { border:1px solid #DDD; padding:15px; display:block; color: #333; } 
.order-nav li .current { background:#3498db; color:#FFF; }
.order-nav li a:hover { background:#DDD; text-decoration:none; color:#000; }


/****** suggest - typeahead */
.tt-query, .tt-hint { width: 200px; height: 30px; padding: 8px 12px; font-size: 24px; line-height: 30px; border: 2px solid #ccc;  outline: none; }
.tt-query { box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.tt-hint { color: #999 }
.tt-dropdown-menu { width: 300px; margin-top: 5px; padding: 8px 0; background-color: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } 
.tt-suggestion { padding: 3px 20px; font-size: 18px; line-height: 1; cursor:pointer; min-height:35px; ;  }
.tt-suggestion:hover  { color:#FFF !important; }
.tt-suggestion img { float: left; height: 30px; margin-right: 6px; }
.tt-suggestion strong { color:#fcb302; } 
.tt-suggestion .nz { color: #333; height:30px !important; }
.tt-suggestion .note { color: #BBB; font-size: small; }
.tt-suggestion.tt-cursor { /* UPDATE: newer versions use .tt-suggestion.tt-cursor */ color: #fff; background:rgba(252, 179, 2, 0.15); }
.tt-suggestion p { margin: 0; }

/* potvrzovací okno vložení do košíku */
.modal-content {  border-radius:10px  !important;  }
.modal-content .dokosiku { border: 0px; box-sizing: border-box; color: white;  line-height:22px;   } 
.modal-content .dokosiku:hover { background-color:#000227; }
.modal-content .pokracovat { background:#DDD;  }
.modal-content .pokracovat:hover { background:#CCC;  }
.modal-content { border-radius:0px; }
.modal-content .goodinfo { display:inline-block;  width:50%;  }
.modal-content .goodinfo img { float:left; max-width:70px; max-height:70px; margin-right:10px; }
.modal-content .goodinfo h3 { margin-top:0px; color:#090; }
.modal-content .scartinfo { display:inline-block;  width:50%; font-size:20px;   }

/* košík */
.scart-full .kusu, .scart-full .prepocitat, .scart-full .img { width:3%; white-space:nowrap; }
.scart-full .cena, .scart-full .cenacelkem { width:5%; white-space:nowrap; font-size:16px;}
.scart-full .total-price, .scart-full .total-desc { font-size:40px; font-weight:bold; }
.scart-full td { vertical-align:middle; }
.scart-full .nazev { width:75%; }
.scart-full .sleva { color:#c00; font-size:25px; }
.scart-full .poplatky { color:#184868; font-size:25px; }
.scart-full td.img { padding:5px !important; }
.scart-full .img img { max-height:40px; max-width:40px; text-align:center; margin-right:10px; }
.pocet input { width:50px; text-align:center; }

/* doprava */
.choice-list { padding:0px; }
.choice-list li:before { display:none; }
.choice-list li { list-style:none; border-bottom:1px solid #dddddd; padding-left:0px !important;  }  

.choice-list li button { width:auto; float:right; margin-left:20px; }
.choice-list .price { font-size:16px; display:block; font-weight:normal; cursor:pointer; background:no-repeat 10px center;  position:relative; text-align:right; padding:5px 10px 5px 0px;  padding-left:80px; margin-bottom:0px;   }
.choice-list .price:hover { background-color:#fff8e7; }
.choice-list .price .title { color:#000; float:left;  } 
.choice-list .price .title i { color: #428BCA; font-size:14px; }
.choice-list .price .title a { text-decoration:none; cursor:help; }
.choice-list .cur .price { background-color:#f0f0f0; border-radius:5px; } 


@media (max-width:480px) { 
	#content div.packetery-branch-list select { width:200px; } 
}

.good {height: 280px; overflow: hidden; border-radius:8px;  /*border-right: 1px solid #efefef; border-bottom:1px solid #efefef;*/ padding:15px; /*background:url(/Graphics/bg_good.png) repeat-x top; */ } 
/*.good:nth-child(0) { border-left: 1px solid #efefef; }
.good:nth-child(6n-3) { border-left: 1px solid #efefef; } */

.typ-smes { box-shadow:0px 8px 5px #dbead3; }


ul.categories {width: 244px; float: left; background:#efefef; min-height:490px;  }  

/*@media (min-width:0px) { .good, ul.categories { width:100%; } }
@media (min-width:480px) { .good, ul.categories { width:50%; } }
@media (min-width:768px) { .good, ul.categories { width:33.33333%; } }
@media (min-width:992px) { .good, ul.categories{ width: 25%;  }  }
@media (min-width:1200px) { .good, ul.categories { width: 20%; }  } */


.good .title { margin-top:0px; margin-bottom:0px; height:40px; padding-left:0; line-height:1;  font-family: 'Roboto', sans-serif; margin-top:5px;   }
.good h3 { font-size:16px; }
.good h3 a { color:#646464; }

.good .pic-small {width: 90%; height: 170px; background: center center no-repeat;  position:relative;  background-size: contain; border-radius:10px; margin:0 auto;  }
.good .pic-small .detail {  position:absolute; right:-10px; top:-10px; width:80px; background-size:150%; height:80px; border-radius:40px; border:1px solid #EEE; box-shadow:0px 0px 4px #999; -webkit-transition: all 0.5s ease-in-out;   -moz-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;   transition: all 0.5s ease-in-out; cursor:zoom-in;    }  
.good .pic-small .detail:hover {  width:150px; height:150px; border-radius:75px;  box-shadow:0px 0px 15px #000;    } 
.good .pic-area {position: relative; border:1px solid #e2e2e2; height:180px; margin-bottom:10px;  }
.good .availability-box { background:#46a74e; color: #FFF; position:absolute; display:none; font-size:12px; padding:1px 5px; bottom:0px; right:15px; }

.good .sale-labels { position:absolute; left:-5px; top:-5px; z-index:105; }
.good .sale-label {text-align:center; font-weight:bold; padding:1px 5px; letter-spacing:-1px; font-size:12px; color:#FFF;  }
.good .sale-label.tip { background-color:#36C; content: "TIP!"; }
.good .sale-label.top { background-color:green; content: "TOP!"; }
.good .sale-label.new { background-color:red; content: "NEW!"; }

.good .show-box { display:inline-block; float:right; text-align:center; height:30px; line-height:30px; text-align:center; padding:0px 8px; background:#EFEFEF; color:#666; text-decoration:none; }
.good .show-box:hover { background-color:#fcb302; color:#FFF; }
.good .scart-box { display:inline-block; padding-right:0px; height:30px !important; margin-top:-10px; }
.good .scart-box input[name=cnt] {width: 0px; height:0px; position: relative;  text-align:center; line-height:30px; border: 1px solid #ebeced; border-right:none;    }
.good .scart-box button { color:#000; border: 0px; box-sizing: border-box; width:30px; text-align:center;  line-height:30px;    }
.good .scart-box button:hover { background-color:#000555; color:#FFF; } 
.good .price-box { margin-top:0px; } 
.good .price-box .price {font-size: 23px; line-height:30px;  color: #286ec6;  text-align:right; position:absolute; left:15px; top:140px; background:#ffdc16; font-weight:bold; padding:0px 15px;  }  
.good .price-box .price:before { content:"od "; font-size:10px; display:none; }
.good .price-box .price-discount { float:left; padding:0px 5px; border:#d02a2c 1px solid; background-color:#d02a2c; color:#FFF; letter-spacing:-1px; font-weight:bold; line-height:20px; font-size:20px; }
.good .price-box .price-old { float:left;  width:50%; text-decoration:line-through; font-size:14px; color:#666;  } 
.good .price-box .price-old .currenci { font-size:10px;  }
 
.good .price { line-height:30px;  }
.good .price-dph { font-size:12px; line-height:1; margin-top:-7px; padding-bottom:5px;  } 
.good .price-dph .currenci { font-size:12px; }

.good .desc-box {margin: 10px 0px 0px 0px; height: 65px; line-height:1.2; overflow: hidden; font-size:13px; }
.good .currenci { font-size:14px; font-weight:normal;  }

.kosik_new h1 { text-align:center;  font-size:40px;   text-align:center; text-transform:uppercase; font-weight:300; padding-bottom:15px; padding-top:25px; border-bottom:5px solid #286ec6;}
.kosik_new .scart th { font-weight:normal; text-transform:uppercase; line-height:20px; text-align:left; border-top:none; white-space:nowrap; }
.kosik_new .scart td { padding:12px 5px;  font-size:18px; border:none;  }
.kosik_new .scart .item td { border-bottom: 1px solid #DDD; }
.kosik_new .scart .item:hover, .kosik_new .scart .item:hover { background:#fff8e7 !important; }

.kosik_new .scart .item:nth-child(even) { background:#FAFAFA; }
.kosik_new .scart td.total-price div { background:#f0f0f0; font-size:40px; text-align:right; font-weight:100; padding:20px; border-radius:10px; color:#000; }
.kosik_new .scart td.total-price div strong { color:#286ec6; }

.form-control.chk-left {width: auto; margin-top: -6px; }

.dodaci-udaje .add { background:#EEE; padding-left:30px; margin-top:0px; margin-bottom:20px; }
.dodaci-udaje .add:hover { background:#CCC; }
.dodaci-udaje  #open-login { padding-left:15px; color:#000; margin-top: }

.order-container { background:#f0f0f0; padding:30px; font-size:20px; margin-top:30px; border-radius:15px; }
.order-container .price { text-align:right; }
.order-container .summary { width:50%; }
.order-container .total {font-size:40px; border-top:solid 1px  #fcb302; }
.order-container .sendorder { font-size:35px; margin-top:-75px; }

.has-error label { color:red; }
.help-inline { color:#F00; display:block; font-size:12px; }

.tooltip.in { opacity:1; z-index:1000;  }
.tooltip { opacity:1;    }
.tooltip > .tooltip-inner p { color:#333;  }
.tooltip > .tooltip-inner h2 { font-size:22px; margin-top:0px; }
.tooltip > .tooltip-inner { background: #FFF; min-width:500px; opacity:1; text-align:left; padding:15px; box-shadow:0px 0px 10px #CCC;  }
.tooltip.top .tooltip-arrow { border-top-color:#FFF !important; bottom:0px; }

.load-placeholder { background:url(/Graphics/loading.gif) center top no-repeat; }
.platbainfo { font-size:20px; font-weight:bold; }

.pagination > li { padding-left:0px !important; }
.pagination > li:before { display: none;  }
.pagination > li > a { color:#616161; }
.pagination > li > a:hover { background:#286ec6; color:#FFF;  }
.pagination > .active > a, .pagination > .active > span { background:#cccccc; border:#CCC 1px solid; }
.pagination { border-radius:0px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-radius:0px;  }


.platba-info { padding:30px; background:rgba(252, 179, 2, 0.15); margin:30px 0px; border-radius:10px; font-size:25px; text-align:center; width:auto !important;}

#oparea-scart .note {text-align: right; font-size: 16px; }