/* XStandard CSS Document */

.cl_bila{
	color:white;
}

.cl_zluta{
	color:yellow;
}

.cl_purpurova{
	color:fuchsia;
}

.cl_azurova{
	color:aqua;
}

.cl_zluta{
	color:#FFFF00;
}

.cl_cervena{
	color:red;
}

.cl_svetle_zelena{
	color:lime;
}

.cl_modra{
	color:blue;
}

.cl_cerna{
	color:black;
}

.cl_zelena{
	color:green;
}

.cl_hneda{
	color:maroon;
}

.cl_olivova{
	color:olive;
}

.cl_fialova{
	color:purple;
}

.cl_seda{
	color:gray;
}

.cl_tmave_modra{
	color:navy;
}

.cl_modro_zelena{
	color:teal;
}

.cl_svetle_seda{
	color:silver;
}

.font_1{
	font-size:8pt;
}

.font_2{
	font-size:10pt;
}

.font_3{
	font-size:12pt;
}

.font_4{
	font-size:14pt;
}

.font_5{
	font-size:18pt;
}

.font_6{
	font-size:24pt;
}

.font_7{
    font-size:36pt;
}

.right{
    text-align:right;
}

.left{
    text-align:left;
}

.center{
    text-align:center;
}

.underline{
    text-decoration:underline;
}

.strikethrough{
    text-decoration:line-through;
}

.fotoleft{
    float:left;
    margin:5px 15px 5px 0px;
}

.fotoright{
    float:right;
    margin:5px 0px 5px 15px;
}

sup{
    vertical-align: top;
}

sub{
    vertical-align: bottom;
}


/* Base CSS Document */
.vlevo
{
    text-align: left;
}

.uprostred
{
    text-align: center;
}

.vpravo
{
    text-align: right;
}

.nahore
{
    vertical-align: top;
}

.doprostred
{
    vertical-align: middle;
}

.dole
{
    vertical-align: bottom;
}

.tbl_center
{
    margin: 0px auto;
}

.tucne
{
    font-weight: bold;
}

#div-sofico-eshopy
{
    background-color: rgb(66,66,66);
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11px;
    text-align: left;
    padding: 3px;
}

#div-sofico-eshopy span
{
    margin-right: 10px;
}

#div-sofico-eshopy a:link,
#div-sofico-eshopy a:visited
{
    color: white;
    text-decoration: none;
}

#div-sofico-eshopy a:hover
{
    color: rgb(255,0,51);
}

.input_submit_vypis_kosik
{
    vertical-align: middle;
    margin: 0px 0px 0px 2px;
}

.eu-cookies {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 98%;
    color: white;
    background: #444444;
    z-index: 9999;
    margin: 0px;
    padding: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 100%;
}

.eu-cookies button {
    background: green;
    color: white;
    border: 0px;
    padding: 2px 5px;
    margin: 0px 10px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.eu-cookies button:hover {
    background: green;
    color: white;
    border: 0px;
    padding: 2px 5px;
    margin: 0px 10px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies a,
.eu-cookies a:link,
.eu-cookies a:visited
{
    color: white;
    text-decoration: underline;
    font-size: 100%;
}

.eu-cookies a:hover {
    color: white;
    text-decoration: none;
}

.border_preview
{
	z-index:100;
	position:absolute; 
	background: #fff;
	border: 1px solid silver;
}

.border_preview #loader_container
{
    position:absolute;
    top:40%;
    left: 0px;
    width:100%;
}

.border_preview H2.title_h2
{
    text-align: center;
    margin: 5px;
}

.border_preview #loader
{
	font-family:Tahoma, Helvetica, sans;
	font-size:10px;
	color:#000000;
	background-color:#FFFFFF;
	padding:10px 0 16px 0;
	margin:0 auto;
	display:block;
	width:135px;
	border:1px solid #6A6A6A;
	text-align:left;
	z-index:255;
}

.border_preview #progress {
	position:relative;
    width: 113px;
    height: 7px;
}

.border_preview #loader_bg {
	position:relative;
	top:8px;left:8px;height:7px;
	width:113px;font-size:1px
}

.border_preview .preview_temp_load {
	vertical-align:middle;
	text-align:center;
	padding: 10px;
}

.border_preview .preview_temp_load img{	
	vertical-align:middle;
	text-align:center;
}

.highslide-container div {
/*	font-size: 100%;*/
}
.highslide-container table {
	background: none;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 10px;
	background: white;
	text-align: left;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
	margin:0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 18px;
	border-bottom: 1px solid #dddddd;
	margin-bottom: .5em;
}
.draggable-header .highslide-heading {
	position: absolute;
	margin: 2px 0.4em;
}

.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	right: 24px;
	top: 0;
	width: 100%;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}
.highslide-nazev-zbozi {
    font-weight: bold;
	font-size: 120%;
    padding: 10px 0px;
}
.highslide-cena-s-dph {
    font-weight: bold;
	font-size: 120%;
    padding: 20px 0px;
}
.highslide-detail {
    padding: 20px 0px;
}
.highslide-koupit {
    padding: 0px 0px 20px 0px;
}
/* 
================================================
autosuggest, inquisitor style
================================================
*/

body
{
	position: relative;
}


div.autosuggest
{
	position: absolute;
	background-image: url(img_inquisitor/as_pointer.gif);
	background-position: 68px top;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	z-index: 255;
	width: 500px !important;
}

div.autosuggest div.as_header,
div.autosuggest div.as_footer
{
	position: relative;
	padding: 0 6px;
	background-image: url(img_inquisitor/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	overflow: hidden;
}

div.autosuggest div.as_header
{
	height: 6px;
}

div.autosuggest div.as_footer
{
	height: 7px;
}


div.autosuggest div.as_footer
{
	background-image: url(img_inquisitor/ul_corner_br.gif);
	position: relative;
	top:1px;
	_top:0px;
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
	background-image: url(img_inquisitor/ul_corner_tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
div.autosuggest div.as_footer div.as_corner
{
	background-image: url(img_inquisitor/ul_corner_bl.gif);
}
div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar
{
	overflow: hidden;
	background-color: white;
}

div.autosuggest div.as_header div.as_bar
{
	height: 6px;
	border-top: 1px solid rgb(102,102,102);
}

div.autosuggest div.as_footer div.as_bar
{
	height: 6px;
	border-bottom: 1px solid rgb(102,102,102);
}

div.autosuggest ul
{
	list-style: none;
	margin: 0 0 -4px 0;
	padding: 0;
	overflow: hidden;
	background-color: white;
	border-left: 1px solid rgb(102,102,102);
	border-right: 1px solid rgb(102,102,102);
}

div.autosuggest ul li
{
	color: #333333;
	padding: 0;
	margin: 0 4px 4px;
	text-align: left;
}

div.autosuggest ul li a:link,
div.autosuggest ul li a:visited
{
	color: #333333;
	display: block;
	text-decoration: none;
	background-color: transparent;
	/*text-shadow: #000 0px 0px 5px;*/
	position: relative;
	padding: 0;
	width: 100%;
}
div.autosuggest ul li a:hover
{
	background-color: white;
}

div.autosuggest ul li a span
{
	/*display: block;*/
	/*padding: 3px 6px;*/
}

.nas-div-img
{
    width: 35px;
    height: 35px;
    float: left;
    text-align: center;
    margin: 0px 5px 0px 0px;
    clear: both;
}

.nas-div-cena
{
    width: 100px;
    float: right;
    text-align: right;
    font-weight: bold;
    color: #c7172e;
    padding: 8px 3px 0px 0px;
}

.nas-div-nazev
{
    width: 345px;
    overflow: hidden;
    white-space: nowrap;
}

.nas-div-info
{
	color: #666666;
    margin: 3px 0px 10px 0px;
    font-size: 90%;
}

div.autosuggest ul li a span small
{
	font-weight: normal;
	color: #666666;
}

div.autosuggest ul li.as_highlight a span small
{
	color: #666666;
}

div.autosuggest ul li.as_highlight a:link,
div.autosuggest ul li.as_highlight a:visited
{
	background-color: #E9F2FA;
}

div.autosuggest ul li a .tl,
div.autosuggest ul li a .tr
{
	/*background-image: transparent;*/
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	padding: 0;
	margin: 0;
}
div.autosuggest ul li a .tr
{
	right: 0;
}

div.autosuggest ul li.as_highlight a .tl
{
	left: 0;
}

div.autosuggest ul li.as_highlight a .tr
{
	right: 0;
}



div.autosuggest ul li.as_warning
{
	font-weight: bold;
	text-align: center;
}

div.autosuggest ul em
{
	font-style: normal;
    font-weight: bold;
}

/** VARIABLES
===================================*/
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {
    position: relative;
    padding: 0;
    margin-bottom: 15px;
    *zoom: 1;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
    margin: auto;
}
.bxslider {
    margin: 0;
    padding: 0;
}
ul.bxslider {
    list-style: none;
}
.bx-viewport {
    /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
}
/** THEME
===================================*/
.bx-wrapper {
    background: #fff;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: 10px;
    width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url('/plugins/jquery.bxslider/images/bx_loader.gif') center center no-repeat #ffffff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #000;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
    left: 10px;
    background: url('/plugins/jquery.bxslider/images/controls.png') no-repeat 0 -32px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
    background-position: 0 0;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url('/plugins/jquery.bxslider/images/controls.png') no-repeat -43px -32px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 999;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url('/plugins/jquery.bxslider/images/controls.png') -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url('/plugins/jquery.bxslider/images/controls.png') -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
    background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}

.slider{
    max-height:300px;
    overflow:hidden;
}
#jquery-live-search {
	z-index: 99;
	background: #fff;
	padding: 5px;
	overflow: hidden;
}

#jquery-live-search div
{
    padding: 3px 0px;
    border-bottom: 1px solid rgb(242,242,242);
    cursor: pointer;
}

#jquery-live-search span
{
    font-weight: bold;
    margin: 0px 10px 0px 0px;
}
/* CSS Document */
*{margin: 0;padding: 0;box-sizing: border-box}
body{font-size: 14px;font-weight: 400;color:#333;font-family:roboto;line-height: 150%}
h1,h2,h3,h4{margin-bottom: 10px;line-height: 140%}
p{margin-bottom: 10px}
a{color:#333;text-decoration:underline}
a:hover{text-decoration: none}
img{border: 0}
input,textarea,select{line-height: 150%;font-family:roboto;max-width: 90%}
textarea{width: 90%}
input[type=text],input[type=password],textarea,select{padding: 5px;border: 1px solid #a7a7a7;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
input[type=submit]{padding: 5px 10px;border: 0;background: #232021;color: #fff;text-transform: uppercase;cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
input[type=radio],input[type=checkbox]{margin-right: 5px}
.btn-big,input.btn-big{padding: 15px 30px;font-size: 120%}

#skupina-popisek img {max-width: 100%;/*height: auto !important;*/}

.mobil{display: none}
.cleaner{clear:both;height: 1px}
.div_overflow{overflow: auto}
.nezalamovat{white-space:nowrap}
.green{font-weight:bold;color:#00ca00}
.red{font-weight:bold;color:red}
.row{margin: auto;width: 90%}
.flex{display: flex;flex-wrap: wrap}
.row > .levy{width: 250px}
.row > .stred{width: calc(100% - 2 * 250px); padding: 0 20px}
.row > .pravy{width: 250px}
.div_messages{padding:20px;text-align:left;color:#000;margin-bottom:20px;border:4px solid #db261d;font-size: 110%}
.span_povinne{color: #00ca00;font-size: 0}
.span_povinne:before{content: "*";font-size: 18px}
.span_vypis2_dostupne{font-weight:bold;color:#00ca00}
.span_vypis2_nedostupne{font-weight:bold;color:red}

#content{padding-top: 10px}
#content .stred{width: calc(100% - 250px);padding-right: 0}

.levy .textbox{font-weight: 500;color: #1d3f87;padding: 10px;display: block;border-bottom: 2px solid #1d3f87;padding-left: 0}
.levy .content{background: #f4f4f4;padding: 10px;margin-bottom: 10px}
.levy .content a{text-decoration: none}
.levy .content a:hover{text-decoration: underline}
.levy .content>div{margin-bottom: 5px}

.drobky{font-size: 100%;font-weight: normal;opacity: 0.8;margin-bottom: 1px;padding: 10px 0}
.drobky a{text-decoration: none}
.drobky a:hover{text-decoration: underline}

.div_box_nejprodavanejsi_content,.div_box_doporucujeme_content{display: flex;border-bottom: 1px solid #c5c5c5;padding-bottom: 5px}
.div_box_nejprodavanejsi_content:last-child,.div_box_doporucujeme_content:last-child{border: 0}
.div_box_nejprodavanejsi_content_cena,.div_box_doporucujeme_content_cena{font-size: 120%;font-weight: 500;text-align: right;padding-left: 10px}
.div_box_doporucujeme_content{flex-wrap: wrap}
.div_box_doporucujeme_content_foto{width: 100%;text-align: center}
.div_box_doporucujeme_content_nazev{width: 60%}
.div_box_doporucujeme_content_cena{width: 40%}

#top{border-bottom: 1px solid #a7a7a7;padding: 5px 0}
#top .levy{width: auto}
#top .pravy{width: auto;margin-left: auto;display: flex}
#header{border-bottom: 1px solid #a7a7a7}
#header .pravy{}
#footer{background: #f4f4f4;padding: 40px 0}
.footerleft{flex: 1}
.footerright{flex: 1;text-align: right}
#div_zp_odk_cont{padding: 40px 0;font-size: 80%;opacity: 0.8}
#div_zp_odk_cont a{display: inline-block;margin-right:5px;text-decoration: none}
#div_zp_odk_cont a:hover{text-decoration: underline}

.menu ul{list-style: none}
.menu>ul>li{display: inline-block;position: relative}
.menu a{display: inline-block;padding: 5px 15px;text-decoration: none}
.menu a:hover{text-decoration: underline}
.menu>ul>li>ul{display: none;position: absolute;left: 0;min-width: 200px;background: #1d3f87;color: #fff;padding: 10px 0;z-index: 20}
.menu>ul>li:hover{background: #1d3f87}
.menu>ul>li:hover a{color:#fff}
.menu>ul>li:hover>ul{display: block}
.menu>ul>li>ul a{display: block;padding: 5px 15px;color: #fff}
#top .menu{float: left}

.flags img{display: inline-block;float: left}
.flags a{display: inline-block;padding-top: 5px}
#top .flags{display: inline-block}

.search{padding-top: 40px}
.search input[type=text]{padding: 10px;width: 400px}
.search input[type=submit]{padding: 10px}

.objednavka_bg{margin-right: -4.98vw;background: #dfdfdf;overflow: hidden;min-height: 110px;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;}
.objednavka_bg .objednavka{padding: 10px;font-weight: 500;background: #c5c5c5;font-size: 110%}
.objednavka_bg .objednavka .fa{font-size: 140%;margin-right: 10px}
.objednavka_bg .contentobj{padding: 10px}
.objednavka_bg #bas-box-castka{font-size: 120%}

#top .div_top_user{display: inline-block;margin-left: 20px}
.div_top_user a{display: inline-block;padding: 5px 15px;font-weight: 600;text-decoration: none}
.div_top_user .fa{font-size: 150%;margin-right: 5px}

#top .social a{font-size: 200%;margin-left: 10px;color: #000}
#top .social .fb{color: #4267b2}
#top .social .you{color: #e52800}

.logo{padding: 10px 0;display: block}
.logo img{display: block}

/* CATEGORIES */
#kategorie_zbozi_content{margin-left: -10vw;margin-bottom: 10px}
#kategorie_zbozi_content ul{list-style: none}
#kategorie_zbozi_content a{display: block;color: #000;text-decoration: none; padding-left: 10vw}
#kategorie_zbozi_content a > span{display: block;padding: 10px;padding-left: 0;line-height: 25px}
#kategorie_zbozi_content .li_zanoreni1{position: relative}
#kategorie_zbozi_content .li_zanoreni1 > a > span{border-top: 1px solid #fff}
#kategorie_zbozi_content .li_zanoreni1:nth-child(1) > a > span{border-top: 0}
#kategorie_zbozi_content .li_zanoreni1 > a{background: #ececef; font-size: 110%;font-weight: 500;
    -webkit-border-top-right-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-bottomright: 9px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;}
#kategorie_zbozi_content .li_zanoreni1:hover > a{background: rgb(59,55,56);color: #fff}
#kategorie_zbozi_content .li_zanoreni1:hover > .ul_podskupina{display: flex;flex-wrap: wrap}
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina{display: none;position: absolute;background-color: #fff; border: 2px solid rgb(59,55,56);top: 0;z-index: 10;margin-left: 100%;padding: 10px;width: 70vw;padding-bottom: 0;padding-right: 0;margin-top: -10px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;}
/**#kategorie_zbozi_content .ul_podskupina.ul_podskupina_open{display: flex;flex-wrap: wrap}/**/
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina li{display: none}
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina li.li_zanoreni2{display: inline-block;width: 25%;box-sizing: border-box}
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina a{display: block;padding: 10px;border: 1px solid lightgrey;margin-right: 10px;margin-bottom: 10px;height: calc(100% - 10px);
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;}
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina a:hover{border-color: #000}
#kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina span{padding: 0}
/**
#kategorie_zbozi_content .ul_podskupina.ul_podskupina_open{display: block;margin-bottom: 10px}
#kategorie_zbozi_content .li_zanoreni2 > a > span{padding:5px; padding-left: 0; font-size: 110%;}
#kategorie_zbozi_content .li_zanoreni2 a:hover{text-decoration: underline}
#kategorie_zbozi_content .li_aktivni > a{font-weight: bold}
#kategorie_zbozi_content .li_open > a{font-weight: 500}
#kategorie_zbozi_content .li_zanoreni3 > a > span{padding: 4px; padding-left: 10px;}
#kategorie_zbozi_content .li_zanoreni4 > a > span{padding: 2px;padding-left: 20px;font-size: 90%}
#kategorie_zbozi_content .li_zanoreni5 > a > span{padding: 1px;padding-left: 30px;font-size: 85%}
/**/
#kategorie_zbozi_content .li_zanoreni1:nth-child(1) > a,
#kategorie_zbozi_content .li_zanoreni1:nth-child(2) > a,
#kategorie_zbozi_content .li_zanoreni1:nth-child(3) > a
{background: #232021;color:#fff}
/* END CATEGORIES */

/* PROCUTS */
#div_katalog_vypis_podskupiny{display: flex;flex-wrap: wrap;width: calc(100% + 20px);margin-bottom: 20px}
#div_katalog_vypis_podskupiny img {display: block;max-height: 130px;margin-bottom: 5px;max-width: 100%;}
#div_katalog_vypis_podskupiny_nadpis{display: none}
#div_katalog_vypis_podskupiny a{display: inline-block;border:1px solid #a7a7a7;width: calc(25% - 20px);margin-bottom: 20px;margin-right: 20px;padding: 15px 20px;text-decoration: none;font-size: 110%;font-weight: 500;text-align:center;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;display: flex;flex-wrap: wrap;align-items: center;justify-content: end;flex-direction: column;
}
#div_katalog_vypis_podskupiny a:hover{
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
}
.katalog_vypis_podskupiny_foto {
    min-height: 188px;
}

#div_razeni_vypis2 a{font-weight: bold}

#tbl_razeni_typ_vypisu{margin-bottom: 10px}

.products{display: flex;flex-wrap: wrap;width: calc(100% + 20px)}
.products img{max-width: 100%;height: auto}
.products .product{width: calc(25% - 20px);margin-right: 20px;margin-bottom:20px;padding:20px;border:1px solid #a7a7a7;position: relative;overflow: hidden;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.products .product:hover{
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.6);}
.product .div_detailimage_foto2{height: 250px;text-align: center;margin-bottom: 10px;display: flex;align-items: center;justify-content: center;}
.product .div_detailimage_foto2 a{display: block;text-align: center}
.product h2 a{text-decoration: none;text-align: center;display: block;margin-bottom: 10px;font-size: 16px;line-height: 20px;height: 40px;overflow: hidden}
.product .vyp-id{text-align: center;margin-bottom: 10px;opacity: 0.8}
.product .div_vypis2_popisek a{display: inline-block;padding: 10px;text-align: center;text-decoration: none;background: #21232a;color: #fff;text-transform: uppercase;line-height: 20px;margin-right: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.product .div_vypis2_popisek a .fa{font-size: 140%;margin-right: 5px;line-height: 15px}
.product .castka_bg{text-align: center}
.product .castka{color: #ee1d24;font-weight: bold;font-size: 160%}
.product .div_vypis2_dostupnost{text-align: center;margin-bottom: 10px}
.product .koupit_bg{display: flex}
.product .koupit *{display: inline-block}
.product .span_vypis_dostupnost{padding-top: 10px}
.product .input_ks{width: auto;padding: 10px;margin-right: 5px;line-height: 18px}
input.input_submit_vypis_kosik{background-color: #00ca00;padding: 10px;margin-left: 5px;font-family: FontAwesome;font-size: 160%;line-height: 20px}
.divshowInfo, /* Pridani do kosiku normalne */
.divshowInfo2 /* Rychle objednani */
{padding:10px;width:200px;height:160px;color:white;z-index:255;text-align:center;line-height: 130%;background: #00ca00;margin-top: -165px;margin-right: -100px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}
.divshowInfo2 /* Rychle objednani */
{margin:-90px 0 0 425px}
.bubble-message{font-size: 90%;margin-bottom: 5px}
.bubble-nazev{font-weight: 500;margin-bottom: 5px}
.bubble-cena .tucne{white-space: nowrap}
.in-bas0{visibility:hidden}
.in-bas1{visibility:visible;color:white;background-color:#00ca00;position:absolute;text-align:center;padding:5px;font-weight:500;width:100%;box-sizing: border-box;left: 0;border: 0;top: 0;opacity: 0.8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}

.tbl_katalog_vypis_strankovani{width: 100%}
.td_katalog_vypis_strankovani{text-align: right;padding-top: 10px;width: 100%}
.td_katalog_vypis_strankovani a,.td_katalog_vypis_strankovani span{display: inline-block;padding: 10px 15px;font-size: 120%;background: #f3f3f3;margin-left:1px;text-decoration: none;line-height: 20px}
.td_katalog_vypis_strankovani a:hover,.td_katalog_vypis_strankovani span{background: #333;color: #fff}
.td_katalog_vypis_strankovani span{font-weight: bold;font-size: 120%}
.td_katalog_vypis_img_vytisknout{display: none}
.td_katalog_vypis_strankovani_info{text-align: right;font-size: 90%;opacity: 0.8;padding-top: 5px}

.addthis_toolbox{text-align: right;float: right;padding-right: 5px;margin-bottom: 10px;clear: both}
/* END PRODUCTS */

/* DETAIL */
.table_katalog_detail{margin-bottom: 40px}
.td_katalog_detail_foto{width: 50%;text-align: center}
.tbl_katalog_detail_info{width: 100%;font-size: 120%}
.tbl_katalog_detail_info td{padding: 10px;}
.td_katalog_detail_nadpisek{text-align: right;
    -webkit-border-top-left-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-topleft: 9px;
    -moz-border-radius-bottomleft: 9px;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;}
.td_katalog_detail_polozka{font-weight: bold;
    -webkit-border-top-right-radius: 9px;
    -webkit-border-bottom-right-radius: 9px;
    -moz-border-radius-topright: 9px;
    -moz-border-radius-bottomright: 9px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;}
.katalog-detail-radek-sudy td{background: #ececef}
.dpbook-top ul{list-style: none;display: flex;flex-wrap: wrap}
.dpbook-top ul a{display: block;padding: 10px 12px;border: 1px solid #ececef;margin-right: 5px; text-decoration: none;height: 100%;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;}
.dpbook-top ul a strong.flag_en::before {content: "";width: 18px;height: 18px;margin-top: -3px;background-image: url('../grafika/flag_en.svg');background-position: center;background-repeat: no-repeat;background-size: auto;display: inline-block;vertical-align: middle;margin-right: 4px;}
.dpbook-top ul a strong.flag_fr::before {content: "";width: 18px;height: 18px;margin-top: -3px;background-image: url('../grafika/flag_fr.svg');background-position: center;background-repeat: no-repeat;background-size: auto;display: inline-block;vertical-align: middle;margin-right: 4px;}
.dpbook-top ul a strong.flag_de::before {content: "";width: 18px;height: 18px;margin-top: -3px;background-image: url('../grafika/flag_de.svg');background-position: center;background-repeat: no-repeat;background-size: auto;display: inline-block;vertical-align: middle;margin-right: 4px;}
.dpbook-top ul a strong.flag_it::before {content: "";width: 18px;height: 18px;margin-top: -3px;background-image: url('../grafika/flag_it.svg');background-position: center;background-repeat: no-repeat;background-size: auto;display: inline-block;vertical-align: middle;margin-right: 4px;}
.dpbook-top ul a strong.flag_es::before {content: "";width: 18px;height: 18px;margin-top: -3px;background-image: url('../grafika/flag_es.svg');background-position: center;background-repeat: no-repeat;background-size: auto;display: inline-block;vertical-align: middle;margin-right: 4px;}
.dpbook-top ul a.dp-active{background: #ececef}
.dpbook-body{padding: 20px;border-top:1px solid #ececef;margin-top: -1px;overflow: auto}
#tbl_detail_zbozi_kontakty{max-width: 100%}
#tbl_detail_zbozi_kontakty, .table_katalog_detail_diskuze{margin-bottom: 20px}
#tbl_detail_zbozi_kontakty td, .table_katalog_detail_diskuze td{padding: 2px}
#tbl_detail_zbozi_kontakty td.td_detail_zbozi_kontakty_zahlavi, .table_katalog_detail_diskuze td.td_diskuze_nadpisek{border-bottom: 3px solid #a7a7a7;padding: 10px;font-size: 120%;font-weight: bold}
.dpbook-body object{display: block;margin-bottom: 5px}
.dpbook-body iframe{display: block;margin-bottom: 5px}
/*.td_detail_dalsi_obrazky{display: flex;flex-wrap: wrap}*/
.td_detail_dalsi_obrazky a{display: inline-block;margin-right: 2px;margin-bottom: 2px}
.td_detail_dalsi_obrazky a img{display: inline-block;height: 100px; width: auto}
.td_detail_dalsi_obrazky .div_detail_dalsi_obrazky_nadpis{display: none}
/* END DETAIL */

.slider{max-height: 500px}
.bx-wrapper{margin-bottom: 0}
.bx-wrapper .bx-pager{margin: 0;bottom: 20px}

.qob-inputs input{width: 90%}
.qob-inputs #ks_iq{width: 60px}
.qob-inputs td{padding: 1px}
.qob-inputs td:first-child{white-space: nowrap;padding-right: 5px}

.c-subcat .subcat-top{display: none}
.c-subcat ul{display: flex;list-style: none;width: calc(100% + 20px);flex-wrap: wrap}
.c-subcat ul li{width: calc(25% - 20px);margin-bottom: 20px;margin-right: 20px;}
.c-subcat ul li a{display:block;border:1px solid #a7a7a7;padding: 15px 20px;text-decoration: none;font-size: 110%;font-weight: 500;height: 100%;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.paging{float: right;margin-bottom: 5px}
.paging a,.paging .span_katalog_strankovani_aktualni_strana{display: inline-block;padding: 10px 15px;font-size: 120%;background: #f3f3f3;margin-left: 1px;text-decoration: none;line-height: 20px}
.paging a:hover,.paging .span_katalog_strankovani_aktualni_strana{background: #333;color: #fff}
.articles-list{clear: both;border-top: 1px solid #a7a7a7;padding-top: 20px;margin-top: 20px}
.sort{float: left;margin-bottom: 5px;padding-top: 10px}
.sort a{font-weight: 500}
.art-item{margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #a7a7a7}
.art-item h2{margin-bottom: 10px}
.art-item h2 span{float: right;overflow: hidden}
.art-cont{float: right;margin:0;margin-top: 10px;}
.art-cont a{font-weight: bold}
#stred_content h2,
#stred_content h2,
#stred_content h3,
#stred_content h4
{clear: both}

#prihlaseni_ne{margin-bottom: 20px}
.registration{margin-bottom: 20px}
.registration table td{padding: 2px}
.div_kosik_nadpisek{font-weight: 500;font-size: 140%;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid lightgray}
.tbl_kosik_objednavka_info{margin-bottom: 20px}
.tbl_kosik_objednavka_info td{padding: 2px}
#div_adresa_dodani{margin-bottom: 20px}
#div_adresa_dodani td{padding: 2px}
.doprava_uhrada{width: 100%}
.doprava_uhrada table{width: 100%}
.td_kosik_zpusoby_dopravy_typ{vertical-align: top}
.td_kosik_zpusoby_dopravy_cena{vertical-align: top;font-weight: bold;text-align: right}
.souhlas-dodaci-podm{text-align: center;;font-weight: 500;margin-bottom: 5px}
#div_submit_odeslat_objednavku{margin: 0 !important;margin-bottom: 5px}
.shrnuti_ceny{margin-left: auto;margin-bottom: 10px}
.shrnuti_ceny td{padding: 5px;font-size: 120%;font-weight: 500;text-align: right}
.tbl_kosik_shrnuti_ceny{margin: auto;margin-bottom: 20px;border-spacing: 1px}
.tbl_kosik_shrnuti_ceny td{padding: 5px}
.tbl_kosik_shrnuti_ceny thead tr td{padding: 5px;background: #232021;color: #fff;font-size: 110%;font-weight: 500}
.td_kosik_shrnuti_ceny_info{text-align: right;font-weight: 500}
.basket-prepocitat{display: none}
.div_kosik_nad_vypisem{margin-bottom: 10px;text-align: right}

.tbl_katalog_vypis{width: 100%;border-spacing: 1px;border-bottom: 1px solid #ececef;margin-bottom: 10px}
.tbl_katalog_vypis thead td{font-weight: 500;font-size: 110%;background: #232021;color: #fff}
.tbl_katalog_vypis thead td a{color: #fff}
.tbl_katalog_vypis td{padding: 10px 5px}
.katalog-vypis-radek-lichy td{background: #ececef}
.tbl_katalog_vypis td.td_vypis_sloupec5 form{display: flex}
.input_kosik_image{background: #00ca00;padding: 5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;}
.img_kosik_odebrat{padding: 5px}

.tbl_fotogalerie_vypis{width: 100%;border-spacing: 0}
.tbl_fotogalerie_vypis td{vertical-align: top;padding: 10px 5px;border-bottom: 1px solid lightgray}
.div_fotogalerie_vypis_datum{margin-bottom: 5px}
.div_fotogalerie_detail_zpet{float: right;padding: 5px}
.div_fotogalerie_detail_datum{margin-bottom: 5px}
.div_fotogalerie_detail_popisek{margin-bottom: 10px}

#p-basket form .tbl_katalog_vypis:first-child .td_vypis_sloupec5{display: flex}

/******************************************************************/

.tophead{
    position:absolute;
    left:20px;
    top:7px;
    width:710px;
}

.tophead a:link, .tophead a:visited
{
    color:#666666;
    font-size:13px;
    font-weight:bold;
}

.mapastranek{
    position:absolute;
    left:440px;
    top:-2px;
}

.img{
    border:0;
}

.mapastranekimg{
    position:relative;
    top:2px;
    margin-right:5px;
    border:0;
}

#div_katalog_vypis_typ_vypisu
{
    text-align:right;
}

a.a_menu_skupiny_aktualni:link, a.a_menu_skupiny_aktualni:visited
{
    color:#db261d;
    font-weight:bold;
}

.span_vyhledat
{
    font-weight:bold;
}

.img_doprava_ico
{
    margin:0 auto 4px auto;
    display:block;
    text-align:center;
}

.border_preview H2.title_h2
{
    text-align:center;
    margin:5px;
    font-size:10px;
    border:none;
    padding:0;
    font-weight:normal;
}

#div_katalog_detail_nazev h2
{
    border-left:4px solid #f2f2f2;
}

#div_katalog_detail_zpet
{
    text-align:right;
    margin:5px;
    font-weight:bold;
}

#text_onmouse_div
{
    display:none;
    position:absolute;
    z-index:110;
    border:1px solid #333333;
    background-color:white;
    padding:8px;
}

.title_h2_onmouse_text
{
    border:none;
    font-size:110%;
    margin:0;
    padding:0 0 5px 0;
}

.div_pravy_cena2
{
    padding:5px 0 0 0;
    font-weight:normal;
    display:none;
}

.div_detail_cena2
{
    padding:5px 0 0 0;
    display:none;
}

.div_vypis2_garance
{
    position:absolute;
    right:0;
    top:30px;
}

.prispevek_hlavicka
{
    background-color:#ededed;
    padding:5px;
}

.prispevek_nadpis
{
    font-weight:bold;
}

.prispevek_text
{
    padding:5px;
}

.reagovatdiv
{
    text-align:right;
    padding:2px 2px 8px 0;
}

.span_diskuze_napoveda
{
    font-weight:normal;
    font-size:80%;
}

.img_garance_ceny_detail
{
    margin:10px;
}

.div_left_bottom_odkazy
{
    text-align:center;
    margin:20px 0;
}

.div_napoveda
{
    color:#707070;
    margin:3px 0;
}

.tbl_prodejny
{
    width:100%;
}
.tbl_prodejny td
{
    padding:5px;
}
.tbl_prodejny thead td
{
    background-color:rgb(197,197,197);
    font-weight:bold;
}
.tbl_prodejny .radek-sudy
{
    background-color:rgb(242,242,242);
}

.div_filtr
{
    line-height:200%;
}

.div_seo_lista
{
    text-align:center;
    padding:5px 0;
}

.div_seo_lista a:link,
.div_seo_lista a:visited
{
    color:#000000;
}

.div_detail_dotaz_na_prodavace
{
    font-weight:bold;
}

.soutez .psc
{
    width:70px;
}

.soutez .input_text,
.soutez .input_textarea
{
    margin-left:10px;
}

.ul-soutez li
{
    list-style-type:none;
    margin-left:-30px;
    padding:0;
}

label.sou-spravna
{
    font-weight:bold;
    color:#00ca00;
}

.sou-omezeni-zakaznik
{
    border:1px solid red;
    padding:10px;
}

.tbl-odmeny
{
    width:100%;
}

.tbl-odmeny td
{
    padding:5px;
}

.tbl-odmeny thead td
{
    color:#fff;
    background-color:#979d9d;
    font-weight:bold;
}

.odm-zbyva-nakoupit
{
    color:red;
    font-weight:bold;
    padding:5px;
}

.td_em_dos
{
    padding:10px;
}

.em-dos
{
    margin:0 0 5px 0;
}

.neni-skladem a
{
    color:#fff;
}

.td_katalog_detail_in_bas
{
    padding:15px 0;
    font-weight:bold;
    white-space:normal;
}

/* Detail */
/* Související zboží */
.div_detail_souvpol_nadpis
{
    margin-top:20px;
    border-left:4px solid #db261d;
    font-size:140%;
    font-weight:bold;
    padding-left:7px;
    margin-bottom:14px;
}
/* END Související zboží */
/* END Detail */


/* /faktury.php */
.tbl-faktury
{
    width: 450px;
}
.tbl-faktury thead td
{
    font-weight: bold;
    background: rgb(35,32,33);
    color: #fff;
}
.tbl-faktury td
{
    padding: 5px;
}
.tbl-faktury tbody td
{
    border-bottom: 1px solid rgb(224,224,224);
}


/* Kosik */
/* Související zboží */
.c-kosik-souvpol .tbl_katalog_vypis tbody td
{
    color:grey;
}

.c-kosik-souvpol .tbl_katalog_vypis tbody td a
{
    color:grey;
}
/* END Související zboží */
.tbl_katalog_vypis tr.katalog-vypis-radek-lichy{background: #ececef}
.tbl_katalog_vypis .img_katalog_vypis2,.tbl-odmeny .img_katalog_vypis2{max-height: 40px}
/* END Kosik */

#banner_right,#banner_left{position:fixed;top:150px;width:150px;display: none}
#banner_right{left:50%;margin-left:465px}
#banner_left{right:50%;margin-right:465px;text-align:right}

#p-hp h2.nadpis{background: #232021;color: #fff;padding: 10px;line-height: 25px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;}
.hp_products .katalogzbozitext,
.hp_products .tbl_katalog_vypis_strankovani,
.hp_products .vyp-addthis
{display: none}

.detail-prlist {
    margin: 20px 0px 20px 0px;
}

.detail-prlist a {
    background: rgb(238,29,36);
    color: #fff;
    font-weight: bold;
    padding: 10px;
    text-decoration:none;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.message-platba-nok
{
    padding: 20px;
    margin-bottom: 20px;
    font-size: 120%;
    background-color: #EE1C25;
    color: #ffffff;
    line-height: 200%;
}

.eu-cookies {
    position: fixed;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: 100%;
    color: black;
    z-index: 999;
    margin: 0px;
    padding: 1%;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    font-size: 100%;
    box-shadow: 0 -2px 8px 0 rgb(0 0 0 / 25%);
    background: #ffffffef;
}

.eu-cookies-btns {
    margin: 10px 0px;
    text-align: center;
}

.eu-cookies-btns button {
    margin: 5px;
    color: white;
    background: black;
    border: 0px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies-btns button:hover {
    background: #606060;
    color: white;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies button {
    color: white;
    background: black;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.eu-cookies button:hover {
    background: #606060;
    color: white;
    border: 0px;
    padding: 10px 20px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 100%;
    display: inline-block;
    text-transform: none;

    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.eu-cookies a,
.eu-cookies a:link,
.eu-cookies a:visited
{
    color: black;
    text-decoration: underline;
    font-size: 100%;
}

.eu-cookies a:hover {
    color: black;
    text-decoration: none;
}

.eu-cookies-blok {
    border-top: 1px solid #ddd;
    padding: 10px 0px;
    display: flex;
    align-items: center;
}

.eu-cookies-blok-nazev {
    font-size: 130%;
    margin-bottom: 5px;
}

.eu-cookies-blok-checkbox {
    margin-left: 50px;
}

.eu-cookies-last {
    border-top: 1px solid #ddd;
    padding: 10px 0px !important;
    text-align: center;
}

input[type="checkbox"].eu-cookies-checkbox {webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;vertical-align: sub;right: 0;bottom: 0;left: 0;
    height: 25px;width: 25px !important;transform: inherit !important;transition: all 0.15s ease-out 0s;background: white;border: solid 1px #ccc;color: #fff;cursor: pointer;padding: 0px !important;
    display: inline-block;margin-right: 0px !important;position: relative;transform: none;border-radius: 0px;opacity: 1;z-index: 2;outline: none;margin-bottom: 2px;}
input[type="checkbox"].eu-cookies-checkbox:disabled {opacity: 0.3;}
input[type="checkbox"].eu-cookies-checkbox:checked {background: black;}
input[type="checkbox"].eu-cookies-checkbox:checked::before {height: 24px;width: 22px;position: absolute;content: "\2713";display: inline-block;font-size: 18px;text-align: center;line-height: 24px;
    background: none;color: white;opacity: 1;font-weight: bold;}

/* PopUp */
.popup_bg
{
    position:fixed;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    top:0;
    left:0;
    display:none;
    z-index:1000;
}

.popup
{
    left:30%;
    width:40%;
    top:10%;
    position:fixed;
    display:none;
    z-index:1002;
}

#popup_head
{
    z-index:1003;

    -webkit-box-shadow: 0px -2px 4px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px -2px 4px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px -2px 4px 0px rgba(50, 50, 50, 0.5);
}
#popup_head .content
{
    padding:20px;
    line-height:20px;
    height:61px;
    background-color:#f4f4f4;
    font-size:150%;
    overflow:hidden;
    border-bottom:1px solid #e7e7e7;
}

#popup_head .close
{
    background-color:#afafaf;
    color:#fff;
    cursor:pointer;
    width:35px;
    height:35px;
    line-height:35px;
    text-align:center;
    position:absolute;
    right:20px;
    top:10px;
    background-image:url("/grafika/close.png");
    background-repeat:no-repeat;
    background-position:center;

    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    border-radius: 18px;
}
#popup_head .close:hover
{
    background-color:#000;
}

#popup_front
{
    overflow:auto;
    text-align:left;
    background-color:#fff;
    margin-top:61px;

    max-height:70%; /* Sichr (Safari neum? calc) */
    max-height:-moz-calc(80% - 61px); /* Firefox */
    max-height:-webkit-calc(80% - 61px); /* WebKit */
    max-height:-o-calc(80% - 61px); /* Opera */
    max-height:calc(80% - 61px); /* Standard */

    -webkit-box-shadow: 0px 0px 6px 0px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    0px 0px 6px 0px rgba(50, 50, 50, 0.8);
    box-shadow:         0px 0px 6px 0px rgba(50, 50, 50, 0.8);
}
#popup_front .content
{
    padding:20px;
}
#popup_front h1
{
    margin:0;
    padding:0;
    padding-bottom:10px;
    border-bottom:1px solid #E6E6E6;
    margin-bottom:10px;
}
#popup_front p
{
    margin:0;
    padding:0;
    margin-bottom:10px;
}

.slv-kup
{
    height: 30px;
    margin-top: 4px;
    overflow: hidden;
}

.slv-kup input
{
    float: left;
    vertical-align: middle;
    margin: 0px;
    padding: 2px 2px;
}

.slv-kup a
{
    float: left;
    margin: 0px 0px 0px 6px;
    padding: 3px 5px 3px 6px;
    background: #232021;
    color: #fff !important;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.slv-kup a:hover
{
    color: #fff !important;
    text-decoration: none;
}

.kosik_kupon_upozorneni {
    font-weight: bold;
    color: red;
}


@media all and (max-width: 768px)
{
    body
    {
        overflow:auto !important;
    }
    #popup_front .abp_buttons .button {width: 100%;box-sizing: border-box;}
    #popup_bg
    {
        display:none !important;
        visibility:hidden;
        position:relative;
    }
    .popup
    {
        width:100%;
        margin:0;
        left:0;
        top: 0;
    }
    #popup_front
    {
        max-height: calc(100% - 61px);
    }
    #popup_head .content
    {
        padding-left:2%
    }
    #popup_head .close
    {
        right:2%;
    }
    #popup_front .content
    {
        padding:2%;
    }
#div_katalog_vypis_podskupiny a {min-height: 113px;}
#div_katalog_vypis_podskupiny img {max-height: 55px;}
}
/**/

/* LOADER */
#loader
{
    display:none;
    z-index: 10000;
}
#loader .loader
{
    margin:auto;
    margin-top:20%;
}
.loader
{
    border:5px solid #f3f3f3;
    border-top:5px solid grey;
    border-radius:50%;
    width:100px;
    height:100px;
    animation:spin 2s linear infinite;
    display:block;
}
@keyframes spin
{
    0% { transform:rotate(0deg); }
    100% { transform:rotate(360deg); }
}
/* END LOADER */

.tbl-neuzavrene-objednavky,
.tbl-neuzavrene-objednavky-detail {
    width: 100%;
}

.tbl-neuzavrene-objednavky thead td,
.tbl-neuzavrene-objednavky-detail thead td {
    font-weight: bold;
}

.tbl-neuzavrene-objednavky td,
.tbl-neuzavrene-objednavky-detail td {
    padding: 5px;
}

.tbl-neuzavrene-objednavky tr:nth-child(odd),
.tbl-neuzavrene-objednavky-detail tr:nth-child(odd) {
    background: #ECECEF;
}

.tbl-neuzavrene-objednavky tr:hover,
.tbl-neuzavrene-objednavky-detail tr:hover{
    background: #C5C5C5;
}

.neuzavrene-objednavky-zpet {
    float: right;
}

.doprava_zdarma
{
    font-weight:bold;
    font-size:110%;
    color:#000;
    border:2px solid #66a736;
    /*background-color:#66a736;*/
    padding:15px;
    margin-bottom:15px;
    text-align:center;
}

/* RESPONSIVE */
@media all and (max-width:1560px) {
    .row{width: 95%}
    #div_katalog_vypis_podskupiny a{width: calc(33.3333% - 20px)}
    .products .product{width: calc(33.3333% - 20px)}
    .objednavka_bg{margin-right: -2.5vw}
    #skupina-popisek img {padding: 5px;}
}

@media all and (max-width:1200px) {
    #kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina{width: 65vw}
    #kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina li.li_zanoreni2{width: 33.3333%}

    #div_katalog_vypis_podskupiny a{width: calc(50% - 20px)}
    .products .product{width: calc(50% - 20px)}

	#skupina-popisek table tr {display:flex;width:100%;flex-wrap:wrap;}
	#skupina-popisek table tr td {width: 33.33% !important;display:block;}
}

@media all and (max-width:840px) {
    .mobil{display: block}
    .mobil_menu{font-size: 180%;text-align: right;position: fixed;z-index: 99;padding: 5px;right: 0;background: rgba(255,255,255,0.8);top: 0;
        -webkit-border-bottom-left-radius: 9px;
        -moz-border-radius-bottomleft: 9px;
        border-bottom-left-radius: 9px;}
    .mobil_menu .fa{padding: 5px;cursor: pointer}
    .row.flex{display: block;width: auto;padding: 20px}
    .row > .levy,
    .row > .stred,
    .row > .pravy
    {width: auto;padding: 0}
    .row.flex{padding: 10px}

    #top .row.flex{display: flex;flex-wrap: wrap;padding: 10px}
    #top{padding: 0;padding-top: 40px}
    #top .menu{float: none}
    .logo{padding: 0;margin-bottom: 20px}
    .logo img{text-align: center;margin: auto}
    .search{padding:0;margin:0;margin-bottom: 5px;text-align: right}
    .search input[type="text"]{width: 70%}
    .search input[type="submit"]{width: 25%}
    .objednavka_bg{margin-right: -10px}

    #skupina-popisek img {padding: 0px;}

    #content{padding: 0}
    #content .stred{width: auto}
    #content .levy{display: none}

    #kategorie_zbozi_content .li_zanoreni1 > .ul_podskupina{display: none !important}
    #div_katalog_vypis_podskupiny{width: calc(100% + 10px)}
    #div_katalog_vypis_podskupiny a{margin-right: 10px;margin-bottom: 10px;width: calc(50% - 10px);}
    .footerleft{margin-bottom: 20px}
    .td_katalog_detail_foto,
    .td_katalog_detail_info
    {width: 100%;display: block}

    .products{width: calc(100% + 10px)}
    .products .product{width: calc(50% - 10px);margin-bottom: 10px;margin-right: 10px}

    #tbl_detail_zbozi_kontakty, .table_katalog_detail_diskuze{width: 100%}
    .dpbook-body{padding: 0}
    #tbl_detail_zbozi_kontakty td, .table_katalog_detail_diskuze td,
    .tbl_kosik_objednavka_info td
    {display: block}
    #tbl_detail_zbozi_kontakty, .table_katalog_detail_diskuze{width: 100%}

    #p-neni-skladem .tbl_katalog_vypis thead td:first-child,
    #p-neni-skladem .td_vypis_sloupec2,

    #p-basket .tbl_katalog_vypis thead td:first-child,
    #p-basket .td_vypis_sloupec1
    {display: none}
}

@media all and (max-width:560px) {
    .products .product{width: 100%}
    .product h2 a,
    .product .div_detailimage_foto2
    {height: auto}

	#skupina-popisek table tr td {width: 50% !important;}
}
/* END RESPONSIVE */