@media only screen and (max-width: 479px){
    #container2 { width: 90%; }
}
.popup_div {
    display: none;
}
#minmn, #jennasobky, #jencisla, #status, #vetsi, #vlozeni  {max-width: 450px !important; min-width:300px !important}
.popup_div .content {padding: 10px 20px !important}

#infot{position: absolute;text-align:left;float:left;width:150px;border:1px solid black;padding:4px;background-color:#FDEDD5;visibility:hidden;z-index:10000;font-size:12px;cursor:poiter;cursor:hand}
#infot a {color:#0000AC; text-decoration:underline;cursor:poiter;cursor:hand}
#infot a:visited {color:#0000AC; text-decoration:underline;cursor:poiter;cursor:hand}

.errorjm.warning {
    background: #FFFEBA; padding: 6px 6px; margin: 0px 10px 4px 10px; 
    /*border:1px dashed #CBC208;*/
    color: #646464;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(251,232,188,1);
    background: -moz-linear-gradient(top, rgba(251,232,188,1) 0%, rgba(247,217,141,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(251,232,188,1)), color-stop(100%, rgba(247,217,141,1)));
    background: -webkit-linear-gradient(top, rgba(251,232,188,1) 0%, rgba(247,217,141,1) 100%);
    background: -o-linear-gradient(top, rgba(251,232,188,1) 0%, rgba(247,217,141,1) 100%);
    background: -ms-linear-gradient(top, rgba(251,232,188,1) 0%, rgba(247,217,141,1) 100%);
    background: linear-gradient(to bottom, rgba(251,232,188,1) 0%, rgba(247,217,141,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbe8bc', endColorstr='#f7d98d', GradientType=0 ); 
}
.errorjm.alert {
    padding: 6px 6px; margin: 0px 10px 4px 10px; 
    /*border:1px dashed #CBC208;*/
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(235,97,97,1);
    background: -moz-linear-gradient(top, rgba(235,97,97,1) 0%, rgba(229,55,55,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,97,97,1)), color-stop(100%, rgba(229,55,55,1)));
    background: -webkit-linear-gradient(top, rgba(235,97,97,1) 0%, rgba(229,55,55,1) 100%);
    background: -o-linear-gradient(top, rgba(235,97,97,1) 0%, rgba(229,55,55,1) 100%);
    background: -ms-linear-gradient(top, rgba(235,97,97,1) 0%, rgba(229,55,55,1) 100%);
    background: linear-gradient(to bottom, rgba(235,97,97,1) 0%, rgba(229,55,55,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb6161', endColorstr='#e53737', GradientType=0 ); 
}
.errorjm.success {
    padding: 6px 6px; margin: 0px 10px 4px 10px; 
    /*border:1px dashed #CBC208;*/
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(156,205,96,1);
    background: -moz-linear-gradient(top, rgba(156,205,96,1) 0%, rgba(134,194,62,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(156,205,96,1)), color-stop(100%, rgba(134,194,62,1)));
    background: -webkit-linear-gradient(top, rgba(156,205,96,1) 0%, rgba(134,194,62,1) 100%);
    background: -o-linear-gradient(top, rgba(156,205,96,1) 0%, rgba(134,194,62,1) 100%);
    background: -ms-linear-gradient(top, rgba(156,205,96,1) 0%, rgba(134,194,62,1) 100%);
    background: linear-gradient(to bottom, rgba(156,205,96,1) 0%, rgba(134,194,62,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccd60', endColorstr='#86c23e', GradientType=0 ); 
}
.errorjm.info {
    padding: 6px 6px; margin: 0px 10px 4px 10px; 
    /*border:1px dashed #CBC208;*/
    color: #FFF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    background: rgba(91,166,219,1);
    background: -moz-linear-gradient(top, rgba(91,166,219,1) 0%, rgba(42,132,196,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(91,166,219,1)), color-stop(100%, rgba(42,132,196,1)));
    background: -webkit-linear-gradient(top, rgba(91,166,219,1) 0%, rgba(42,132,196,1) 100%);
    background: -o-linear-gradient(top, rgba(91,166,219,1) 0%, rgba(42,132,196,1) 100%);
    background: -ms-linear-gradient(top, rgba(91,166,219,1) 0%, rgba(42,132,196,1) 100%);
    background: linear-gradient(to bottom, rgba(91,166,219,1) 0%, rgba(42,132,196,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ba6db', endColorstr='#2a84c4', GradientType=0 ); 
}
.dotazItemS{
    margin: 0 10px
}
.var_vyber{
    padding: 10px 6px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 15px 0;
}
.var_vyber label {
    /*width: 100px;*/
    font-size: 15px;    
}
.var_vyber select{
    margin: 0 25px 0 0px
}
.var_vyber div.var{
    display: inline-block;    
    width: 150px;
    vertical-align: middle;
    text-align: right;
}
.var_vyber div img{
    vertical-align: text-bottom;
    padding-bottom: 0px;
    cursor: pointer;
}    
.var_vyber div input[type="text"] {    
    
    text-align:center;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft:4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft:4px;
    border: 1px solid #b3adad;
    box-shadow: inset 0 1px 1px #FFF;
    background: -webkit-gradient(linear, left top, left bottom, from(#dcdcdc), to(#fefefe));
    background: -webkit-linear-gradient(#dcdcdc, #fefefe);
    background: -moz-linear-gradient(top, #dcdcdc, #fefefe);
    background: -ms-linear-gradient(#dcdcdc, #fefefe);
    background: -o-linear-gradient(#dcdcdc, #fefefe);
    background: linear-gradient(#dcdcdc, #fefefe);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdcdc', endColorstr='#fefefe');
    zoom: 1;
}
.var_vyber div input[type="text"]:hover
{
    border:1px solid #cccccc;
}
.var_vyber div input[type="text"]:focus
{
    box-shadow:0 0 2px #FFFE00;
}
.ranged-input {
    position: relative;
    width: 56px;
    height: 21px;
    margin-right: 0px;
    display: inline-block;
    vertical-align: text-bottom;        
}
.rightn img{    
    vertical-align: text-bottom;        
}

.ranged-input a.up,.ranged-input a.down {
    right: 0;
    display: block;
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 9px;
    background: url('/shop/img/input_num.png') 0 0 no-repeat;
    border: 1px solid #cccccc;
}

.ranged-input a.up {
    top: 0;
}

.ranged-input a.up:hover {
    background-position: -20px 0;
}

.ranged-input a.down {
    background-position: 0 -9px;
    bottom: 0;
}

.ranged-input a.down:hover {
    background-position: -20px -9px;
}

.ranged-input input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 28px;
    font-size: 12px;
    line-height: 12px;
    height: 13px;
    border: 1px solid #b3b3b3;
    padding: 3px;
    margin: 0px;
}
.buttonjm{
 text-decoration:none; 
 text-align:center; 
 padding:4px 6px; 
 border:solid 1px #848a77; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Verdana, Geneva, sans-serif; 
 font-weight:normal; 
 color:#FFFFFF; 
 background-color:#9ba389; 
 background-image: -moz-linear-gradient(top, #9ba389 0%, #bec9a7 100%); 
 background-image: -webkit-linear-gradient(top, #9ba389 0%, #bec9a7 100%); 
 background-image: -o-linear-gradient(top, #9ba389 0%, #bec9a7 100%); 
 background-image: -ms-linear-gradient(top, #9ba389 0% ,#bec9a7 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bec9a7', endColorstr='#bec9a7',GradientType=0 ); 
 background-image: linear-gradient(top, #9ba389 0% ,#bec9a7 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #c6cfb4; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 1px 1px #c6cfb4;  
 box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #c6cfb4;
 cursor: pointer;  
}
.popup_kos.alert_popup .buttonjm {
    color:#000 !important;    
    border:solid 1px #d9b843 !important;
    background-color:#f4e433; 
    background-image: -moz-linear-gradient(top, #f4e433 0%, #f4e867 100%); 
    background-image: -webkit-linear-gradient(top, #f4e433 0%, #f4e867 100%); 
    background-image: -o-linear-gradient(top, #f4e433 0%, #f4e867 100%); 
    background-image: -ms-linear-gradient(top, #f4e433 0% ,#f4e867 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e433', endColorstr='#f4e867',GradientType=0 ); 
    background-image: linear-gradient(top, #f4e433 0% ,#f4e867 100%);   
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #f8f7a6; 
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 1px 1px #f8f7a6;  
    box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #f8f7a6;
}
.popup_kos.alert_popup .buttonjm:hover {
    color:#000 !important;    
    border:solid 1px #d9b843 !important;
    background-color:#cbbd21; 
    background-image: -moz-linear-gradient(top, #cbbd21 0%, #f4e433 100%); 
    background-image: -webkit-linear-gradient(top, #cbbd21 0%, #f4e433 100%); 
    background-image: -o-linear-gradient(top, #cbbd21 0%, #f4e433 100%); 
    background-image: -ms-linear-gradient(top, #cbbd21 0% ,#f4e433 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbbd21', endColorstr='#f4e433',GradientType=0 ); 
    background-image: linear-gradient(top, #cbbd21 0% ,#f4e433 100%);   
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #f8f7a6; 
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 1px 1px #f8f7a6;  
    box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #f8f7a6;
}
.buttonjm:hover{
 text-decoration: none;
 padding:4px 6px; 
 border:solid 1px #848a77; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Verdana, Geneva, sans-serif; 
 font-weight:normal; 
 color:#fcfcfc; 
 background-color:#bec9a7; 
 background-image: -moz-linear-gradient(top, #bec9a7 0%, #9ba389 100%); 
 background-image: -webkit-linear-gradient(top, #bec9a7 0%, #9ba389 100%); 
 background-image: -o-linear-gradient(top, #bec9a7 0%, #9ba389 100%); 
 background-image: -ms-linear-gradient(top, #bec9a7 0% ,#9ba389 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba389', endColorstr='#9ba389',GradientType=0 ); 
 background-image: linear-gradient(top, #bec9a7 0% ,#9ba389 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #dae6bf; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 1px 1px #dae6bf;  
 box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #dae6bf;  
}
.buttonjm:active{
 text-decoration: none;
 padding:4px 6px; 
 border:solid 1px #848a77; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:14px Verdana, Geneva, sans-serif; 
 font-weight:normal; 
 color:#e5ffff; 
 background-color:#9aa388; 
 background-image: -moz-linear-gradient(top, #9aa388 0%, #585c4f 100%); 
 background-image: -webkit-linear-gradient(top, #9aa388 0%, #585c4f 100%); 
 background-image: -o-linear-gradient(top, #9aa388 0%, #585c4f 100%); 
 background-image: -ms-linear-gradient(top, #9aa388 0% ,#585c4f 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585c4f', endColorstr='#585c4f',GradientType=0 ); 
 background-image: linear-gradient(top, #9aa388 0% ,#585c4f 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #d6f3fc; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 1px 1px #d6f3fc;  
 box-shadow:0px 0px 2px #bababa, inset 0px 1px 1px #d6f3fc;  
}
.kosbuttonleft {
    text-align: left;
    float: left;
    margin: 14px 2px 10px 10px;
}
.kosbuttonright{
    text-align: left;
    float: right;
    margin: 14px 10px 10px 0;
}
.rightn {
    text-align: right;
}
.FieldVariant {
    line-height: 40px;
}
.FieldVariant div{
    /*text-align: right;*/
}
.tabVariant{
    line-height: 24px;
}
.tabVariant td {
    padding: 2px 4px;
}
.tabVariant img.koupit{    
    vertical-align: text-bottom;
}

.FieldVariant .ranged-input, .tabVariant .ranged-input, .var_info .ranged-input, .var .ranged-input{
    margin-bottom: 0px;
}
.tabVariant .sklad_info, .FieldVariant .sklad_info{
    font-size: 12px;
}
.FieldVariant label{
    display: inline-block;
    width: 100px;    
}
.FieldVariant label.vcena{
    width: 150px !important;
    margin: 0 16px;
}
.zVarianta {
    margin: 4px 0px;
}
.zVarianta label{
    width: 100px;
    display: inline-block;
}
.var_info {
    margin: 16px 10px 16px 50px;
    
}
.var_info .ranged-input{
    /*margin-left: 50px;*/
}
.var_info label.vcena {
    width: auto !important;
}
.var_info img {
    vertical-align: text-bottom;
}
.var_vyber label.vcena, label.varianty {    
    display: inline-block;
}
label.sel {
    margin: 0 6px;
}
.vPicture {
    width: 50px !important;
    vertical-align: middle;
    margin:0 6px 0 0;
    display: inline-block;
}
.vPictureVar {
    float:left; 
    margin:4px 15px 0 4px;
    width: 50px;
}
.f_left {
    float:left;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
    z-index:10000; 
}
.jednoduchy_parametr {
    padding: 0px 4px;
    margin-top: 2px;
    line-height: 24px;
}
.jednoduchy_parametr label {
    width: 100px !important;
    display: inline-block;
}
.jednoduchy_parametr .vPicture {
    width: 50px !important;  
    margin:4px 12px 0 0;  
}
.jednoduchy_parametr label.vcena {
    width: auto !important;
    display: inline-block;
}
.button_popup {
    margin: 2px 0px 5px 0px;
}
td.ckoupit {
    width: 150px;
}
.hide_cena{
    display:none;
}
#parametry_bez {
    margin-left: 5px;
}
#parametry_bez label{
    display: inline-block;
    width: 50%;
}
.metro_tooltips
{
    position:absolute;    
    height: auto;
    background: rgb(255,152,29);
    top: 0px;
    left: 0px;
    color: #fff;
    padding: 20px;
    z-index: 10000;
}
.tooltip_metro_close 
{
    position: absolute;
    right: 5px;
    top: 4px;
}
.light_tooltips
{    
    position:fixed;    
    height: auto;
    background: #f8f8f8;
    border: 1px solid #d5d5d5;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
    top: 0px;
    left: 0px;
    color: #707070;
    padding: 20px;
    z-index: 10000;
    border-radius: 5px;
}
.light_metro_close 
{
    position: absolute;
    right: 5px;
    top: 4px;
}
.box_img, .kosbox {float: left}
.box_img img {max-height: 100px; margin: 0 10px 0 0}
.select-style {
    border: 1px solid #ccc;
    width: 120px;
    border-radius: 3px;
    overflow: hidden;
    background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 90% 50%;
}

.select-style select {
    padding: 5px 8px;
    width: 130%;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
}

.select-style select:focus {
    outline: none;
}
.select-style option {
    font-size: 18px;
    padding: 6px;
}
.info_doprava {cursor: pointer}
#ulozenka_vypis {margin-left: 24px;}
#ulozenka_vypis input[type="radio"]{margin: 0 6px 0 6px; vertical-align: text-top}
#ulozenka_vypis div {line-height: 30px}
#ulozenka_vypis div label{font-weight: normal}
.fill h2 {font-size: 20px}
#map-canvas { height: 500px; margin: 0; padding: 0; display: block;}
/*.labels {
     color: white;
     background-color: red;
     font-family: "Lucida Grande", "Arial", sans-serif;
     font-size: 10px;
     text-align: center;             
     white-space: nowrap;
     position: relative;
     left: -50%;
}   */
#map-canvas .labels > div, #map-canvas .group > div 
{
    height: 0;
    position: absolute;    
}
#map-canvas .labels > div > div, #map-canvas .group > div > div 
{
    background: #ef4f4f none repeat scroll 0 0;
    border-radius: 4px;
    border-top: 2px solid #E25050;
    box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.6);
    color: #fff;
    display: block;
    font-size: 11px;
    left: -50%;
    line-height: 100%;
    padding: 1px 3px 2px;
    position: relative;
}
#map-canvas .labels, #map-canvas .group
{
    overflow: visible !important;
    white-space: nowrap;
    width: 0;
}
#ulozenka_select, #ulozenka_select_chosen {margin: 2px 0 10px; min-width:450px}
.chzn-container-single .chzn-single div {
    background: none !important;
    border-left: 0px !important;
}
#map-canvas .odoba > div {line-height: 16px}
#map-canvas .odoba label {width: 60px; font-weight: normal; display: inline-block}


.navigace a {border: 0}
/*.navigace a:hover {background: #ecf5fe; color: #0D6AB7}*/
.navigace a:hover {text-decoration: none}

.navigace {width: 220px}
.navigace, ul {list-style: none; padding: 0; margin: 0}

.navigace li {display: block;}
.navigace li a.hlavni {display: block; padding: 4px 10px 8px 15px; color: #00275a; font-size: 14px}
/*.navigace > li {position: relative; margin-bottom: 0.2em;  border: 1px solid transparent; height: 3em; background: #81C1F5}*/
.navigace > li {position: relative; height: 3em; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #fff; background: #f3f3f3; background-repeat: no-repeat;}
.navigace > li:hover {z-index: 1; border-color: #2f8dcd; border-left: 1px solid #2f8dcd;  border-right: 1px solid #2f8dcd; background-color: #ecf5fe}
.navigace > li > a {position: absolute; top: 0; left: 0; width: 220px; line-height: 2em;}
.navigace > li > a {width: 220px; line-height: 2em;}
.navigace > li:hover > a {z-index: 11;}
.navigace > li:hover {z-index: 11;}
.navigace li ul {display: none; position: absolute; left: 200px; top: -1px; width: 620px; padding-left: 20px; background: #81C1F5; border: 1px solid #0D6AB7; border-bottom-width: 3px; z-index: 10}
.navigace li div.float_block {display: none; position: absolute; left: 200px; top: -1px; width: 790px; padding-left: 20px; background: #ecf5fe; border-color: #2f8dcd; z-index: 10;
    border-style: solid;
    border-width: 1px 1px 4px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;}
.navigace li:hover ul {display: block;}
.navigace li:hover div.float_block {display: block;}

.navigace ul li {display: block; float: left;}
.navigace ul a {float: left; width: 184px; text-align: center;}
.navigace ul a:hover {text-decoration: none; background: #0D6AB7; color: #fff}
.navigace div.float_block > div.emp {
    position: absolute;
    left: -1px;
    top: 0;
    width: 10px;
    background: #ecf5fe;
    height: 34px;
}
.navigace > li > a:before,
.navigace > li > a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 100%;
    width: 4em;
    height: 100%;
}
.navigace > li > a:after {
    right: 4em;
    height: 50%;
}
.navigace .cl_1, .navigace .cl_2, .navigace .cl_3 {width: 250px; float: left}
.hskup {margin: 8px 0px;}
.hlskup a {font-size: 17px; color: #2f8dcd}
.hlskup a:hover {text-decoration: underline; color: #2f8dcd}
.subthree a:hover {text-decoration: underline;}

.navigace > li:before {  
  content: "\f067";
  width: 10px;
  height: 15px;
  position: absolute;
  left: 2px;
  top: 9px;
  font-family: FontAwesome;
  font-size: 10px;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  line-height: 17px;
  color: #999;
}
.navigace > li.issub:after{
    content: "\f105";
    font-family: FontAwesome;
    display: inline-block;                
    position: absolute;
    right: 5px;
    top: 50%;
    margin-top: -9px;
    font-size: 14px;
    color: #999;
}

.objednavka_info p.h4, .objednavka_info p.h5 {
    font-weight: inherit; 
    color: #000000;
}

.box_obj{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    position: relative;
    border: 1px solid #e0e0e0;
    background: #fff;
    font-family: Roboto,Verdana,Helvetica,Arial,sans-serif;
    font-size: 14px;
    overflow: hidden; 
    padding: 4px;
}

.box_obj div {
    color: #000000;
}
.gopay_info {
    padding: 0 10px
}

.obj_polozka {display: inline-block; width:19%; height: 40px; vertical-align: text-bottom;}
.obj_nazev {display: inline-block; width:59%; height: 40px; vertical-align: text-bottom;}
.obj_cena {display: inline-block; width:20%; height: 40px; vertical-align: text-bottom; text-align: right}