:root{
	--gray: #dadada;
	--green: #00853e;
	--black: #231f20;
	--red: #e92700;
	--radius_def: .3rem;
}
BODY
{ 	
	margin: 0px;
	width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    /*color: #58646a;*/
	color: var(--black);
    -webkit-font-smoothing: antialiased;
}
*{
	box-sizing: border-box;
}

#ulH
{
	display: none;
}

#t1
{
	width: 100%
}

FORM
{
	margin: 0px;

}

table {
	border-collapse: separate;
	font-size: 13px;
}

label
{
	padding-left: 5px;
}

h1, h2{
	color: #231f20;
	margin: 1rem 0;
}
h1 {
    font-size: 22px;
}
a
{
    text-decoration: none;
	color: #231f20;
}

a:hover
{   
    text-decoration: none !important;
	color: var(--green);
}

input, button, select, textarea{
	outline: none;
	border: 1px solid var(--gray);
}
input[type="text"], input[type="password"], .DataField, .DataFieldNum{
	padding: .5rem .5rem;
	display: block;
	width: 100%;
	border: 1px solid var(--gray);
	background: none;
	height: auto;
	border-radius: var(--radius_def);
	color: var(--black);
}
input[type="radio"] {
    margin: 0;
}
input.error_input {
    border-color: var(--red) !important;
}
img{
	max-width: 100%;
	max-height: 100%;
}
.disabled *{
	cursor: unset;
    pointer-events: none;
	filter: grayscale(1);
    opacity: .5;
}
.DropDownRiadok{
	display: flex;
}
.DropDownRiadok .DataField {
    margin-right: -22px;
}
.registration_wrapp .DropDownRiadok .DefaultDropDownImage {
    background: url(/UserShop/Images/icons/arrow_down_gray.svg) center no-repeat;
    background-size: 20px;
    height: 100% !important;
    width: 22px;
	margin: 0;
}
.DataFieldERR {
    background: white !important;
    border-color: red;
}
.regis_podak {
    text-align: center;
}
.regis_podak .regis_podak_btn{
	margin-top: 1rem;
}
textarea{
	width: 100%;
}
.ROInput
{
	background-color: WhiteSmoke;
}

.admin
{
	background-color:#ffffcc;
}

.TopPanel
{
	height:40px;
	background-color: #CCCCCC
}

BODY.PopupWindow
{	
	background-color: white !important;
	border-width: 1px;
}

.InfoField
{
	font-weight:bold;
}
.HighlightField
{
	background-color: #80aa80;
	font-weight:bold;
}


.TextField
{	
	width: 100px;
}
.EditField
{
	width: 280px;
}

.EditFieldNN
{
	width: 280px;
	background-color:#ffb0b0
}
.PropField
{
	font-weight:bold;
}

BUTTON IMG
{
	vertical-align: middle;
}

/*BTN*/
.btn_vyhladat,.btn_vyhladat A, .btn_vyhladat A:hover
{
color:white;
}
.btn_zabudnute
{
	color: #3399ff;
	font-weight:normal;
	font-size: 12px;

	}
.btn_zabudnute A
{
	color: #3399ff;
	text-decoration: underline
}
.btn_zabudnute A:hover
{
	text-decoration: none;
	color: #3399ff;
	}

TABLE.search
{
	background: url(../../images/web/search_line.gif) top repeat-y;
	padding:14px 0px;

}

.x-panel-mc, .x-panel-bwrap
{
	max-width: 987px !important;
	width: 987px !important;
}

.x-tab-panel
{
	max-width: 995px !important;
	width: 995px !important;
}

.x-panel-bwrap
{
	border-right: solid 8px #F1F1F1;
}

.x-btn-mc button, .x-btn-mc button:hover
{
	background-color: transparent !important;
}


/* hlavne menu - pozadie */
TABLE.tblMenuMain
{

}

TABLE.tblMenuMain TD
{
    padding:5px 10px
}

TABLE.tblMenuMain A
{


}

/* hlavne menu - Selected */

TABLE.tblMenuSelected
{
    
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center
}

/* hlavne menu - nastavenie aktivnej bunky */
TABLE.tblMenuSelected TD
{
	white-space: nowrap;

}

/* hlavne menu - NonSelected */ 
TABLE.tblMenuNonSelected
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16px;
    TEXT-ALIGN: center
}

/* hlavne menu - nastavenie neaktivnych buniek */
TABLE.tblMenuNonSelected TD
{
	white-space: nowrap;
	
}

/* hlavne menu - aktivny link */
A.tblMenuSelected
{
    FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
TABLE.tblMenuSelected A:link
{
    FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:visited
{
    FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: underline
}
TABLE.tblMenuSelected A:active
{
    FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
TABLE.tblMenuSelected A:hover
{
    FONT-WEIGHT: bold; COLOR: #333333; TEXT-DECORATION: none
}
SPAN.tblMenuSelected A
{
    COLOR: #d2deed;
    TEXT-DECORATION: none
}

/* submenu (tie ciarky "|") */
/*TD.tblSubMenu TD
{
    PADDING: 0px;
    BACKGROUND: #740202;
    COLOR: white;
    FONT-WEIGHT: normal;
}*/

/* neaktivne linky v submenu */
TABLE.tblMenuNonSelected A:link
{
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:visited
{
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:active
{
    COLOR: #666666;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none
}
TABLE.tblMenuNonSelected A:hover
{
     COLOR:#666666;
     FONT-WEIGHT: bold;
     TEXT-DECORATION: underline
}

/* aktivny link v submenu */

A.tblSubMenuOn:link
{
    COLOR: #6F767A;
}

A.tblSubMenuOn:visited
{
    COLOR: #6F767A;
    background-color: #740202;
}

A.tblSubMenuOn:active
{
    COLOR: #6F767A;
    background-color: #740202;
}

A.tblSubMenuOn:hover
{
    COLOR: white;
}

TD.tblSubMenu
{
    BACKGROUND: #740202;
}

TD.tblSubMenu A:hover
{
    COLOR: #F0F0F0;
}

/* submenu (linky) */
TD.tblSubMenu A
{
	padding: 0px 0px 1px 0px;
    COLOR: white;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
}

TD.tblSubMenu IMG
{
    border: none;
    vertical-align: middle
}

/* roleta */
TABLE.tblSlideMenu
{
    border: solid 10px #F8F8F8;
	border-width: 5px 20px;
    FONT-WEIGHT: normal;
    FONT-SIZE: 10px;
    BACKGROUND: #F8F8F8;
    COLOR: #404d55;
    TEXT-ALIGN: left;
	font-family:Arial, Helvetica, sans-serif;
    visibility: hidden; position: absolute; width: 190px
}

/* polozka v rolete */
TABLE.tblSlideMenu TD
{
    padding-top: 2px;
}

.tblSlideMenu TD
{
	height: 20px;
	background: url(../../images/web/hr.gif) top repeat-x;
    cursor: pointer;
	padding: 0px
}

/* oddelovac v rolete */
TD.tblSlideMenuSep
{
	height: 6px;
	background: url(../../images/web/hr.gif) top repeat-x;
    cursor: default;
	padding-left:0px
}

TD.tblSlideMenuSep HR
{
	background: url(../../images/web/hr.gif) top repeat-x;
    margin: 0px;
}

.tblSlideMenu IMG
{
    VERTICAL-ALIGN: middle;
	margin: 0px 3px 0px 2px
}

/* zmena polozky rolety pri mouseOver */
TD.tblSlideMenuOn
{
	background: url(../../images/web/hr.gif) top repeat-x;
	color:#740202;
}

TD.tblSlideMenuOnFirst
{
	background: 0;
	color:#740202;
}

/* polozka rolety po mouseOut */
TD.tblSlideMenuOff
{
	background: url(../../images/web/hr.gif) top repeat-x;
}

TD.tblSlideMenuOffFirst
{
	background: 0;
}

A IMG
{
	max-width: 100%;
}


/* sticker */
.StickerMain
{
    MARGIN: 0px 0px 0px 0px;
    TEXT-ALIGN: left;
    width: 100%
}
.StickerHeader
{
	color:#20466C !important;
	font-weight:bold;
	padding-left:4px;
	background: url(../../Images/web/box_line_top.gif) repeat-x;
	font-style: normal !important;
	height:40px;
	font-family: "Arial" !important;
	text-transform: uppercase;
	padding-left: 10px !important;
	line-height: 32px;
	background: #F2F2F2;
	BORDER-bottom: 0px !important;
	font-size: 14px !important;
}

.baseramm .stickerheader
{
	margin-top: 10px;
}

tr.stickerheader td
{
	padding-left: 10px;
}

.StickerBody
{
    BORDER: none;
    FONT-SIZE: 12px;
}

/* strom */
.TabSelectedL, .TabSelectedR
{
	color:#740202;
	font-weight:bold;
	padding-left:4px;
	background: url(../../Images/web/box_line_top.gif) repeat-x;
	width:135px;
	height:40px;
	cursor:pointer;

}
.TabNotSelectedR, .TabNotSelectedL
{
	color:#740202;
	font-weight:normal;
	padding-left:4px;
	background: url(../../Images/web/box_line_top.gif) repeat-x;
	width:135px;
	height:40px;
	cursor:pointer;
}

.ZalozkaSel
{
	width: 100px;
	font-weight: bold;
	height: 21px;
	background-color: Transparent;
	background-image: url(../../Images/System/sel.gif);
	border: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 3px
}

.Zalozka
{
	width: 100px;
	height: 21px;
	background-color: Transparent;
	background-image: url(../../Images/System/notsel.gif);
	border: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 4px
}

.Zalozka5 IMG, .Zalozka5Sel IMG
{
	vertical-align: middle
}

TD.Zalozka5SelL
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_before_s_blue.gif) no-repeat right center;
	border: none;
}

TD.Zalozka5SelR
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_after_s_blue.gif) no-repeat left center;
	border: none;
}

TD.Zalozka5Sel
{
	font: bold 8pt Tahoma;
	height: 21px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_back_s_blue.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 1px 10px 0px 10px;
	white-space: nowrap;
	cursor: pointer;
}

TD.Zalozka5L
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_before_n.gif) no-repeat right center;
	border: none;
}

TD.Zalozka5R
{
	width: 5px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_after_n.gif) no-repeat left center;
	border: none;
}

TD.Zalozka5
{
	font-weight: normal 8pt Tahoma;
	height: 21px;
	background-color: Transparent;
	background: url(../../Images/Tabs/tab01_back_n.gif) repeat-x center;
	border: none;
	text-align: center;
	vertical-align: middle;
	padding: 2px 10px 0px 10px;
	white-space: nowrap;
	cursor: pointer;
}

DIV.Zalozka5
{
	margin-top: 2px;
	background: url(../../Images/Tabs/tab01_back.gif) repeat-x center;
}

.Root
{
	background:#F0F0F0;
	border: solid 1px #888888;
	border-bottom-style: dotted;
	padding: 6px;
}



.TovarTree .onImg, .TovarTree .offImg, .TovarTree .lineImg
{
	display: none;
}

span.lineImg a
{
	color: #f1f1f1 !important;
}


.ItemSelected1, .ItemNotSelected1
{
	width: 100%;
	background: url(../../images/web/hr.gif) top repeat-x;
	padding: 3px
}

.ItemSelected1First, .ItemNotSelected1First
{
	width: 100%;
	padding: 3px;
}

.ItemSelected2, .ItemNotSelected2,
.ItemSelected3, .ItemNotSelected3
{
	width: 100%;
	padding: 3px
}

.ItemSelected2First, .ItemNotSelected2First,
.ItemSelected3First, .ItemNotSelected3First
{
	width: 100%;
	background: url(../../images/web/hr.gif) top repeat-x;
	padding: 3px
}
/*
.tree-div
{
	border-top: dashed 1px #CECECC;
}
*/
.ItemSelected1, .ItemSelected1 A:hover,
.ItemSelected2, .ItemSelected2 A:hover,
.ItemSelected3, .ItemSelected3 A:hover,
.ItemSelected1First, .ItemSelected1First A:hover,
.ItemSelected2First, .ItemSelected2First A:hover,
.ItemSelected3First, .ItemSelected3First A:hover
{
	font-weight:bold;
}

.Label
{
   font: bold 12px Arial;
   color: #7f0202;
   padding-bottom: 10px;
}

.TovarItem
{
    background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	/*vertical-align:top;*/
    padding:0px 0px 0px 0px;
	/*_padding:10px 0px;*/
	height:132px;
	border-bottom: 5px solid white;
}

.TovarItem:hover
{
    background: #e3e3e3;
}

tr.tovaritem
{
    background: #F2F2F2;
}

tr.tovaritem td
{
	border-collapse: collapse !important;
}


.AltTovarItem
{
	background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	/*vertical-align:top;*/
    padding:0px 0px 0px 0px;
	/*_padding:10px 0px;*/
	height:132px
}


.dgPager TD
{
	font-size: 12px
}

HR
{
  border: 0;
}

.HR 
{
	margin-top: 10px;
	padding-top: 10px;
	background: url(../../images/web/hr.gif) top repeat-x
}

.odkaz A
{
	color: Blue;
	text-decoration: underline;
	font-weight: normal;
}

.TextInsert
{
	border: solid 1px Silver;
	background: #FFFFE0;
}


.FlatButton
{
	background: #740202;
	color:white;
	font-family: Arial;
	font-size: 8pt;
	border: solid 1px #6f1b03;
	height:22px;
	cursor: pointer;
}

.ramcek
{
	float: right;
	margin-top: 10px;
	width: 100%;
}





.pocet_poloziek
{
	margin-right: 15px;
}

#H_HeaderLogin1_Td1
{
	text-align: right;
}

#H_HeaderLogin1_trZapam td
{
	vertical-align: middle;
}

#empty
{
	background: transparent !important;
}

.zapamheslo input
{
	height: auto !important;
}

.ramcek TD
{
	padding-left: 8px;
}

/* crm start */
.crmInfo
{
	width: 100%;
	background: white;
}

.crmInfo TD
{
	background: #F0F0F0;
	padding: 1px 4px;
	white-space: nowrap;
}

.crmbutt img
{
	border-radius: 5px;
	margin-top: 10px;
	cursor: pointer;
}
/* crm end */


.sqlFilter
{
	width: 100%
}

.sqlFilter TD
{
	 background-color: #F0F0F0;
}

/* WebGrid */
.WebGrid
{	
 background-color: #F0F0F0; color: BLACK;
 BORDER-RIGHT: #aca899 1px solid; BORDER-TOP: #aca899 1px solid; BORDER-LEFT: #aca899 1px solid; BORDER-BOTTOM: #aca899 1px solid;
}

.WebGrid TD
{
	 white-space: nowrap;
}

.FrameStyle 
{    background:#E6E6E6; }  

.GroupByBox {    background:#808080; }  

.GroupByBoxLabel {    background:#FFFFFF;   border-color:#000080;   border-width:1px;   border-style:solid;    font-family:Arial;     font-size:8pt;     font-weight:normal;}


.wgCheckbox
{
	border: solid 1px black;
	background: white;
	position: absolute;
	visibility: hidden;
	padding-right: 4px;
}

.wgCheckbox DIV
{
	white-space: nowrap
}

/* WebGrid (end) */

/* Universal */
.DataFieldRO
{
	background-color: Transparent;
	border: solid 1px #888888;
}

.DataFieldED
{
	background-color: #FFFFE0;
}


/* UpDownField */
BUTTON.UpDown
{
	width: 15px;
	height: 11px;
}
BUTTON.UpDown IMG
{
	vertical-align: top;
}

/* DropDownList */
.ConfInput INPUT
{
	padding-left: 3px;
	font: 10px Courier;
	width: 460px;
}

.ConfInput SELECT
{
	font: 10px Courier;
	width: 460px;
}

.ConfInputTable
{
	width: 650px;
}

/* parametre produktu */
.tpSkupina
{
    BACKGROUND: #d2deed;
	width:201px;
	border: 1px gray solid
}

.tpSkupina DIV
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}

.tpParameter
{
	width:100px;
	border-color:gray;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
}

.tpParameter DIV
{
	padding:2px 8px
}

.tpHodnota
{
	width:100px;
	border-color:gray;
	border-style: solid;
    border-width: 0px 1px 1px 0px;
}

.tpHodnota DIV
{
	padding:2px 8px;
    text-align:right
}

.tpSeparator
{
    BACKGROUND: #d2deed;
    width:201px;
    border: 1px gray solid;
    border-width: 0px 1px 1px 1px
}

.tpSeparator DIV
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    PADDING: 2px 4px;
}

/* vsetky zvisle, bodkovane */
TD.bodkovane
{
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	padding: 6px;
}



/* vsetky zvisle, plne */
TD.plne
{
	border-left: 1px solid black;
	border-right: 1px solid black;
	padding: 6px;
}
TD.plneVsetky
{
	border: 1px solid black;
	padding: 6px;
}

HR.plne
{
	border: 1px solid black;
}


.PopUp
{

	BORDER-RIGHT: gray 1px solid;
	BORDER-TOP: gray 1px solid;
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	BACKGROUND: white;
	BORDER-LEFT: gray 1px solid;
	COLOR: black;
	BORDER-BOTTOM: gray 1px solid;
	TEXT-ALIGN: left
}

.PopUpItemOn {
	BACKGROUND: #04078c;
	COLOR: white;
}
.PopUpItemOff {
	BACKGROUND: white
}

.required
{
	font-weight: bold
}


.myAlert
{
	position: absolute;
    width: 430px;
	padding: 15px;
	height: auto;
	min-height: 120px;
    border: none;
    background: #F0F0F0;
    text-align: center;
	z-index: 99999;
}
.myAlert div {
    padding: 15px 10px 10px 10px;
    white-space: pre-wrap;
}
.myAlert BUTTON {
    width: 32px;
    height: 32px;
    border: none;
    background: none;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
#myAlert .myAlert button img {
    width: 20px;
    height: 20px;
}
.myAlert h3 {
    background: var(--green);
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: left;
    padding: 4px 10px;
	margin-bottom: 0;
	margin-top: 0;
}
.myAlertHead
{
	height: 20px;
	background: #D2F2FF;
	color: #808080;
	padding: 2px 8px;
	text-align: left;
	vertical-align: middle;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold
}

.myAlertObsah
{
	table-layout: fixed;
	width: 100%;
	color: #404040;
	text-align: center
}

.myAlertObsah TD
{
	padding: 8px 16px;
	font-family: Arial;
	font-size: 10px;
}


.item
{
	cursor: pointer;
	vertical-align: baseline
}

FIELDSET
{
	padding: 4px
}

.bShopInfo
{	
 background-color: #e0e0e0; color: BLACK;
 BORDER: #aca899 1px solid;
 padding: 4px
}

#inlineData
{
	visibility:hidden; position:absolute; z-index:100; top:0px; left:0px;
}

/*Kosik*/
.KosikHeader
{
	background: url(../../Images/web/bg_kosikNAV_bottom.gif) repeat-x;
	color:#666666;
	font-weight:bold;
	/*padding:10px 10px;*/
	height:36px;
	font-size:12px;
	font-family:Arial;
    }
    DIV.SortHeader
    {
    color:#666;
    font-weight:bold;
    padding-top:10px;
    padding-left:20px;
    height:40px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    font-size:12px;
    font-family:Arial;
    width:562px;
    }
	
	.sortheader img
	{
	vertical-align: middle;
	}
	
	.extjs16 td:first-child
	{
	padding: 8px;
	}
	
	.sqlFilterH div input
	{
	height: 24px !important;
	}
	

		.rmaNav th, .rmaNavHeadL
	{	
	background: #20466C !important; 
	}
	
	#stk181 h1
	{	
	font-size: 14px !important;
	}

    TABLE.Legend
    {
     margin-top:10px;
     width:50%;
     border: solid 1px #888888;
     float:right; 
    }
	
	.spolukosik
{
    background: #E3E3E3;
	margin-top: 15px;
	padding: 10px;
}

.spolutext
{
    color: white;
	background:  #20466C;
	font-size: 14px;
}

.spolutext td
{
    padding: 10px;
}

.spolukosik td
{
    padding: 10px;
}


TABLE.KosikLegend TD
{
	text-align: center;
	padding:5px;
	white-space:nowrap;
	
}

    .KosikLegend TH
    {
	    background:#6F767A;
	    color:White;	
    }
    .stockAll
    {
    color: #666;
    font-size:12px;
    font-family:Arial;
    text-align:center

    }
    /*.stockAll TD
    {
     background: url(../../images/web/border_kosik.gif) right no-repeat;
    
    }*/
    .stockAny
    {
    color:#666;
    font-size:12px;
    font-family:Arial;
    text-align:center;
 

    }
    .stockNo
    {
    color:#666;
    font-size:12px;
    font-family:Arial;
    text-align:center;
  
      
    }



.KO_TovarItem TD
{
	 background:url(../../images/web/brd_kosik.gif) right bottom no-repeat;
	 height:52px
}
.KosikObsah 
{
    width:562px
}

.KosikObsah .zrusit
{
    background-position:left bottom
}

TABLE.kosik_bottom
{
    color:#666666;
    font-size:12px;
    font-family:Arial;
     background: url(../../images/web/bg_kosik_bottom.gif) bottom repeat-x;
     height:66px;
    }

SPAN.popis_KOSIK A
    {
     color:#20466C;
     text-align:center
        }
/* rma navigator */
.rmaNav
{
	table-layout: fixed
}

.rmaNav TH
{
	background: url(../../images/kbase/rma_line.gif) repeat-x;
	height: 21px;
	color: White;
	white-space: nowrap
}

.rmaNavHeadL
{
	background: url(../../images/kbase/rma_left.gif) no-repeat;
	width: 5px
}

.rmaNavHeadR
{
	background: url(../../images/kbase/rma_right.gif) no-repeat;
	width: 5px
}

.rmaNav DIV
{
	background: #e8e8e8;
	padding: 6px;
	margin-bottom: 2px
}

.rmaNav A, .rmaNav A:hover
{
	font-weight: bold;
	text-decoration: underline;
}

.shift
{
	float: right;
	cursor: pointer
}

.Copyright 
{
	font-size:11px;
	color: #6F767A;
	margin: 1rem 0 .5rem;
}
.Copyright td {
    text-align: center;
}
.ramcekPrihl
{
	font-size: 12px;
	width: 995px;
	background: #F2F2F2;
	padding: 10px 0 10px 0;
}

.meno_prihlaseneho
{
	font-size: 12px !important; 
}

.baseRamM
{
	font-size: 12px !important; 
}

.baseRamM input
{
	height: 24px;
}

.ramcekOwner
{
    margin-bottom: 10px;
}

.ramcekPrihl table
{
	margin: 0 auto;
	float: none !important;
}

.ramcekPrihl table td
{
	font-size: 12px !important;
}

.baseRamRT img, .baseRamLT img, .baseRamLB img, .baseRamRB img
{
	display: none !important;
}

.txtZAB
{
	font-size: 12px !important;
}

.ramcekZAB2 input
{
	height: 24px;
}

.ramcekZAB2
{
	font-size: 12px !important;
	margin-top: 10px;
}

.Copyright A, .Copyright A:hover
{
	font-size:11px;
	color: #6F767A;
	
}

.baseHolder
{
	background: url(../../images/web/bg.gif) repeat-x top;
	padding-bottom: 7px;
	text-align: center;
}


.baseLayout
{
	width: 100%;
	margin: auto;
}

.pageform
{
	margin: 0 auto;
}


.headerHolder
{
	height: 107px;
	/*background: url(../../images/web/kontakt_info.png) no-repeat 680px top;*/
	text-align: right;
}


.registraciaMain
{
	text-align: center;
}

.changepass, .ramcekPrihl tr td
{
	text-align: center !important;
}

.crminfo.podak
{
	margin: 0 auto;
}

.sposobplatby
{
	margin: 0 auto;
	width: 280px;
}


.menuHolder
{
	margin-top: 50px;
	display: inline-block;
	float:right;
	margin-bottom: 10px;
}
.menuHolder2
{
	padding-top: 65px;
	}
.infoHeader
{
	height: 70px;
	_height: 128px;
	background: url(../../images/web/header.jpg) no-repeat;
	padding: 32px 20px 26px 230px;
	font: normal 16px Arial;
	overflow: hidden;
}
	.infoHeader h1
	{
		padding: 0px;
		margin: 0px;
		margin-bottom: 7px;
		display: block;
		font: normal 20px Arial;
	}
	.infoHeader .infoPopis
	{
		display: inline-block;
		height: 60px;
		overflow: hidden;
	}
	
.infoHeader_intro
{
	height: 100px;	
	_height: 280px;	
	background: url(../../images/web/intro_banner.png) no-repeat;
	font: normal 20px Arial;
	padding: 180px 0px 0px 675px;
	}
.infoHeader_intro A
{
	height: 70px;
	width:272px;
	display:block
	
	
}

	

/*akcie*/
.table_main
{
border: solid 1px #bacbf6;
height:200px;
 width:250px;
 margin:2px;
float:left
}
.akcie_nazov
{
font-weight:bold;
color:#740202;
padding:0px 5px 0px 5px;
background-color:#bacbf6
}
.akcie_nazov A
{
font-weight:bold;
color:#740202;
text-decoration:underline
}
.akcie_nazov A:hover
{
font-weight:bold;
color:#740202;
text-decoration:none
}
.akcie_cena
{
text-align:center;
font-weight:bold;
font-size:12pt;
font-family:Arial, Helvetica, sans-serif

}
.akcie_logo IMG
{
max-width: 115px; 
width: expression(width > 115 ? 115 : true); 
max-height: 115px; 
height: expression(height > 115 ? 115 : true);
border:0
}
.ramec_obsah2
{
font-weight:bold;
color:#3a4750;
padding:3px 10px;
text-align:center;
}

/**/
.menu_ext
{
	background:url(../../images/web/btn_yellow.gif) center no-repeat;
	FONT-WEIGHT: bold; 
	COLOR: black;
	width:133;
	height:34px;
	text-align:center;
	padding:0px 1px
	
}
.menu_ext2
{
	background:url(../../images/web/btn_red.gif) center no-repeat;
	FONT-WEIGHT: bold; 
	COLOR: black;
	width:133;
	height:34;
	text-align:center;
	padding:0px 1px
	
}
.menu_ext3
{
	background:url(../../images/web/btn_blue.gif) center no-repeat;
	FONT-WEIGHT: bold; 
	COLOR: black;
	width:133;
	height:34;
	text-align:center;
	padding:0px 1px
}


.menu_ext A, .menu_ext2 A, .menu_ext3 A
{
	display: block;
	padding: 8px 0px;
	font-size: 12px;
	FONT-WEIGHT: bold; 
	COLOR: black;
	text-decoration:none;
}
.menu_ext A:hover, .menu_ext2 A:hover, .menu_ext3 A:hover
{
	FONT-WEIGHT: bold; 
	COLOR: black;
	text-decoration:underline;
	}
/*nadpis*/
.nadpis_line
{
	background:url(../../images/web/nadpis_line.gif) repeat-x;
	width:967px;
	color:white;
	font-weight:bold;
	padding-left:10px;
	text-transform: uppercase;
	font-size: 12px;
}

.nadpis_line A,.nadpis_line A:hover
{
	color:white;
	font-weight:bold;
	padding-left:10px;
}


/*ramec*/
.ramecT
{
	background: url(../../images/web/box_line_top.gif) top repeat-x
}

.ramecR
{
	background: url(../../images/web/bod_2.gif) right repeat-y
}

.ramecB
{
	background: url(../../images/web/box_line_bottom.gif) bottom repeat-x
}

.ramecL
{
	background: url(../../images/web/bod_1.gif) left repeat-y
}

.ramec_obsah
{
	font-weight:normal;
	color:#666666;
	font-size:12px;
	padding:3px 10px;
	font-family:Arial
}

.ramec_obsahI INPUT
{
   background: url(../../Images/web/input_login.gif) no-repeat;
    border:0px;
    height:25;
    width:168px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C
}
.prod_detail .favorite{
	margin-top: 1rem;
}
.favorite a:hover{
	color: #f06282;
}
.favorite img {
    width: 18px;
    vertical-align: middle;
}
.favorite a {
    display: inline-block;
}
.favorite a span {
    vertical-align: middle;
	margin-left: .25rem;
}
.favorite_hdr img {
    width: 30px;
}
/*tovar compare*/
.mainCompare
{
	table-layout:fixed;
}

.mainCompare TD
{
    background: url(../../images/web/bg_tovar.gif) bottom repeat-x;
	height: 30px;
	text-align: center;
	padding: 2px;
	border-left: solid 1px #cccccc
}

.mainCompare .nazov
{
	background: #ededed;
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: solid 1px #cccccc;
	border-left: 0
}

.mainCompare TH
{
	background: #e6e6e6;
	width: 230px;
	font-size: 14px;
	vertical-align: middle;
	padding: 2px;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc
}

.mainCompare TH A
{
	display: inline-block;
	width: 160px;
	vertical-align: middle;
}

.mainCompare TH TABLE
{
	background: white;
	border: solid 1px #cdcdcd;
	width: 60px;
	height: 60px;
	display: inline;
	vertical-align: middle
}

.mainCompare TH TABLE TD
{
	background: none;
	border: 0
}

TD.ProdName 
{	
	width:200px;
	background:white;
	text-align:center;
	color:#3a4750;
}
TD.ProdName  A:hover
{
color:#8a2103
}

TD.TechParam
{
	text-align:right;
}

.mainCompare .cena TD
{
	font-weight: bold;
	font-size: 14px;
	background: #e6e6e6;
	border-bottom: solid 1px #cccccc
}

.mainCompare .Ctrl TD
{
	text-align:center;
	background:white;
	border-bottom: solid 1px #cccccc;
	height: 60px
}

.mainCompare .Ctrl IMG
{
	vertical-align: middle;
	margin: 2px
}

.Cart
{
	width:30px;
	text-align:right;
}
.CartERR
{
	width:30px;
	text-align:right;
	background-color: red;

}

/*layouts body*/
.layout_body
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc
}

.map_predajci
{
    border:solid 1px #c4c4c4;
    background-color: #efefef;
    margin-top:5px
}

DIV.prod_i_M 
{
    color:#666666;
    font-size:16px;
    margin:0px;
    line-height:49px;
    height:49px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-left:16px;
}
DIV.prod_i_M_bottom
{
    background: url(../../images/web/bg_kosikNAV_bottom.gif) bottom repeat-x;
    height:30px;
    _height:36px;
    padding-top:6px;
    padding-left: 12px
    }
/*registracia*/
.regsitracia
{
text-align:left;
font-weight:normal
}
.cptch
{
text-align:center
}
/*compare*/
.back_btn 
{
	text-align:right;
	font-weight:bold;
	padding: 20px 20px 0
}
.back_btn A
{
font-weight:bold;
color:#740202;
}
.back_btn A:hover
{
font-weight:bold;
color:#740202;
}
.reg_text
{
font-weight:normal;
font-size:12px;
padding:0px 20px
}
.reg_text A
{
color:#740202;
}

/*pasomnicky*/
.aktualne
{
	
	color: #333333;
	margin: 8px 20px;
	font-size: 12px;
	font-family:Arial;
	border-bottom:1px solid #cccccc;
	padding-bottom:7px;
	font-weight:normal
}

.aktualne A
{
    position: absolute;
	width: 180px;
	height: 50px
}

.aktualne A IMG
{
	width: 180px;
	height: 50px
}

.aktualne2 A
{
    position: absolute;
	width: 200px;
	height: 110px
}

.aktualne2 A IMG
{
	width: 200px;
	height: 110px
}

.aktualne2
{
    height:110px;
    background:#e6e6e6 url(../../images/web/bg_pasomnica2.gif) bottom repeat-x;
    display:inline-block;
	width:100%
    }
.aktualne2 H3
{
     color:#20466C;
     font-size:12px;
     margin:6px 20px;
     background:none;
     text-align:left
     
    }
.aktualne2 DIV IMG
{
    width:83px;
    float:left
    }
.aktualne2O
{
    color:#333333;
    font-weight:normal;
    font-family:Arial;
    font-size:11px;
	padding:5px:
}

.alternativy
{
	width: 65px !important; height:275px; text-align:center
}

.alternativyPrev
{
	overflow: hidden;
	height:275px;
	
}

.alternativyPrev DIV DIV
{
	border: 1px solid #c4c5c7;
	margin-bottom: 5px;
	height: 93px;
	line-height: 93px
}

.imgButt .btn_vyhladat .on
{
	color:red
}

.imgButt td
{
	background-color: #20466c !important;
	background-image: none !important;
	color: white;
	height: 24px;
}

.imgButtOver td
{
	background-color: #666 !important;
	background-image: none !important;
	color: white !important;
	height: 24px;
}

.dualCena
{
	font-size: 12px
}
.reg_main
{
    font-size:12px;
    font-weight:normal;
    font-family:Arial;
    padding:16px;
    color:#333333
}
   .reg_mainN
    {
    color:#333333;
    font-weight:normal;
    padding:20px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    font-size:12px;
    font-family:Arial;
    }
.reg_main IMG
{
    text-align:center;
    color: #8b2104;
}
.regHR
{
    background: url(../../Images/web/reg_hr.gif) repeat-x;
    height:2px;
    }
.reg_body td
{
    font-size:12px;
    font-weight:normal;
    font-family:Arial;
    padding-left:20px
}

.reg_form TEXTAREA
{
     background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border:0px;
    width:526px;
    height:98px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
    font-weight:normal
    }
.reg_body th
{
	color:#20466C;
    font-size:16px;
    margin:0px;
    line-height:49px;
    height:49px;
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-left:16px;
    text-align:left;
}
DIV.reg_firUdaje
{
    
    background: url(../../images/web/bg_envelope.gif) bottom repeat-x;
    padding-bottom:20px;
    
    }
.sfsButt
{
	height: 19px;
	color: #8b2104;
	background: #DADEE1;
	font-weight: bold;
	font-size: 12px;
	padding: 0 6px;
	margin: 0 6px;
	border: 0;
	cursor: pointer;
	overflow: visible
}

.pokec_reg
{
	color: #8b2104;
}
/*on off IMG*/
.fonImg, .foffImg
{
	display: block;
	cursor: pointer;
	background: 6px 6px no-repeat;
	margin-top:0px;
	
}

.foffImg
{
	 background: url(../../Images/web/rozsirene_header2.gif) no-repeat;
	 height:32px
	
}

.fonImg
{
	 background: url(../../Images/web/rozsirene_header.gif) no-repeat;
	  height:32px
}



.off
{
	display: none
}

.on
{

}
/*PanelLogin*/
.PanelLogin
{
    text-align:center;
	padding-bottom: 20px
}

.PanelLogin TABLE
{
	font-size:12px;
	margin: auto;
	font-family:Arial;
}

.PanelLogin INPUT
{
    background: url(../../Images/web/input_login.gif) no-repeat;
    border:0px;
    height:25;
    width:168px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C
}

.rozpracovana
{
     color:#20466C;
     font-size:12px;
     font-weight:bold;
     padding-bottom:10px;
}

.gmaps
{
    text-align:center
    }
.gmaps A
{
    text-decoration:underline;
    
    }
.gmaps A:hover
{
    text-decoration:none;
    
    }
.kontaktI INPUT
{
    background: url(../../Images/web/input_login.gif) no-repeat;
    border:0px;
    width:168px;
    height:25px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
    white-space:nowrap
    
    }
.contact_formKOSIK 
    {
    font-size:12px;
    color:black;
    font-weight:normal;
    font-family:Arial
        }
.contact_formKOSIK TEXTAREA
{
     background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border:0px;
    width:526px;
    height:98px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
    font-weight:normal
    }
.contact_form
{
    font-size:12px;
    color:#666;
    font-weight:normal;
	width: 520px;
	margin: auto
}

.vas_text
{
	height: 100px;
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
}

.vas_text DIV
{
	overflow: auto
}

.HtmlField
{
    border:0px;
    width:526px;
    height:98px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
    font-weight:normal
    }
.email_main
{
    font-size:12px;
    color:#333;
    font-weight:normal;
    font-family:Arial;
    margin:0px 20px;
    }
.email_main INPUT
{
    background: url(../../Images/web/input_login2.gif) no-repeat;
    border:0px;
    height:25;
    width:150px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C
}
/*prenajom form*/
DIV.prenajom_form TABLE
{
    font-size:12px;
    color:#333;
    font-weight:normal;
    font-family:Arial;
    margin:0px 20px;
    }
DIV.prenajom_form TD
{
	padding: 10px 0
}
.prenajom_form INPUT
{
    background: url(../../Images/web/input_login3.gif) no-repeat;
    border:0px;
    height:25px;
    width:240px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
}
.prenajom_form INPUT.ERR
{
	 
	
}

.prenajom_form2 
{
    
    width:170px;
    
}
.prenajom_form2 INPUT
{
    background: url(../../Images/web/input_login5.gif) no-repeat;
    border:0px;
    height:25px;
    width:140px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
	
}

.prenajom_form3 INPUT
{
    background: url(../../Images/web/input_login4.gif) no-repeat;
    border:0px;
    height:25px;
    width:60px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
}
.prenajom_form span
{
    
    color:red
}
.prenajom_form Textarea
{
    background: url(../../Images/web/bg_pozn.gif) no-repeat;
    border:0px;
    width:100%;
    height:98px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
    font-weight:normal
}

DIV.odberOff DIV
{
	color:red;
	text-align:center;
	margin:20px
}
/*CisKoder flyout */

.CisKoder_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : white;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : default;
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* CisKoder highlighted item */

.CisKoder_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* CisKoder item */

.CisKoder_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/*pasomI*/
.pasomI
{
	width:318px;
	float:left;
	margin:7px 7px 3px 0px;
	}
.pasomI_top
{
	background: url(../../Images/web/pasomI_top.png) no-repeat;
	height:134px;
	_height:144px;
	padding:10px 10px 0px 10px;
	_padding:10px 10px 0px 10px;
	}
.pasomI_topB
{
	font-size:15px;
    font-weight:bold;
    font-family:Arial;
	color:#333333;
	padding:3px 0px;
	text-align:center;
	}
.pasomI_topP
{
	width:auto;
	float:left;
	margin-right:5px
	}
.pasomI_topO
{
	font-size:12px;
    font-weight:normal;
    font-family:Arial;
	line-height:23px
	}
.pasomI_topO A:hover
{
	text-decoration:none
	}
.pasomI_bottom
{	
	height:40px;
	width:318px;
	}
.pasomI_bottom A
{
	background: url(../../Images/web/pasomI_bottom.png) no-repeat;
	height:40px;
	width:318px;
	color:white;
	font-size:22px;
    font-weight:normal;
    font-family:Arial;
	text-align:center;
	line-height:40px;
	display:block;
	}
.pasomI_bottom A:hover
{
	background: url(../../Images/web/pasomI_bottomH.png) no-repeat;
	height:40px;
	width:318px;
	color:white;
	text-decoration:none
	}
.ramcekZAB
{
	font-weight:normal;
	padding:10px 20px
}
.ramcekZAB .row {
    margin-top: 10px;
}
.zabHeslo input{
    padding: 5px;
}
.zabHeslo div{
	margin-right: 10px;
}
.txtZAB
{
	font-weight:normal;
	}
/*headerMenu*/
.headerMenu
{
	background: url(../../Images/web/headerMenuL.png) left no-repeat;
	padding-left: 13px;
	display: none;
}

.headerMenu DIV
{
	background: url(../../Images/web/headerMenuR.png) right no-repeat;
	padding-right: 13px;
	}
.headerMenu DIV SPAN
{
	color:white;
	font-size:18px;
	padding-right:15px;
	float:right
	}
.headerMenu DIV DIV
{
	background: url(../../Images/web/headerMenuLine.png) repeat-x;
	padding: 1px 0;
	height:36px;
	_height:38px;
	line-height:36px;
}
.headerMenu UL
{
	margin: 0px;
	padding: 0px;
	display:inline
}
.headerMenu LI
{
	background: url(../../Images/web/headerMenuBrd.png) right repeat-y;
	display:inline-block;
	_display:inline;
	height:36px;
	padding:0px 2px 0 0;
	margin: 0
}
.headerMenu DIV DIV A
{
	color:white;
	text-decoration:none;
	/*padding:0px 25px;*/
	text-align: center;
	width: 138px;
	height:36px;
	display:inline-block;
	letter-spacing:1px
}
.headerMenu DIV DIV A:hover
{
	background: url(../../Images/web/headerMenuLineSel.png) left bottom repeat-x;
	text-decoration:none
}

.NovinkyAkcie
{
	width: 206px;
	border-top: #d4d4d4 1px solid;
	margin: 0;
	padding: 0;
	height:27px
}

.NovinkyAkcie LI
{
	display: inline-block;
	padding: 0;
	float: left;
	width: 69px
}

.NovinkyAkcie A
{
	background: #888888 url(../../images/web/novinky_akcie.gif) top repeat-x;
	display: block;
	color: white;
	width: 100%;
	height: 27px;
	line-height: 26px;
	font-size: 10px;
	text-align: center;
	border-left: solid 1px #838383
}

.NovinkyAkcie LI.first
{
	border-left: none;
	width: 68px
}

.NovinkyAkcie A:hover, .NovinkyAkcie A:active, .NovinkyAkcie .selected A
{
	background-position: bottom;
	text-decoration: none
}


/* New Menu Style */

.menuholder
{
	width: 100%;
}

.portalmenu li a
{
	background: transparent !important;
	color: #666666 !important;
	font-style: normal;
}

.portalmenu li a:hover
{
	background: #20466c !important;
	color: white !important;
}

/* End New Menu Style */

.Panel
{
	padding-top: 20px;
}

.panel0 {
	border: 0px !important;
	margin-right: 25px !important;
	width: 270px !important;
}



.anylinkcss ul li a, .secondpopup ul li a {
	text-align: left;
}

.anylinkcss
{
	border: 1px solid #20466C !important;
}

.anylinkcss ul li a, .secondpopup ul li a
{
	color: #20466C !important;
}


.popismain {
border-right:  0px !important;
}


.productkarty input
{
	background: white;
	border: 1px solid #20466C;
	height: 24px;
	padding: 5px;
	color: #666;
	font-size: 12px;
}



.product h2
{
	text-transform: uppercase;
	font-size: 14px !important;
	background: #F2F2F2;
	height: 32px !important;
	line-height: 32px !important;
	padding-left: 10px;
	margin-bottom: 10px !important;
}
.stav
{
	display: none;
}

.obr a {
	width: 100px !important;
	height: 100px !important;
	overflow: hidden;
}

.tovaritem.bezobr
{
	height: 50px !important;
	padding: 10px;
}

.tovaritem.bezobr .popismain
{
	height: 50px !important;
}

.tovaritem.bezobr .objednattd
{
	padding: 10px;
}

.product_list_grid{
	display: grid;
    grid-template-columns: repeat(4,minmax(1px,1fr));
	gap: 1rem;
	margin-top: 1.5rem;
}
.dlazdice span.cena_suffix {
        font-size: 11px;
    margin-left: 0.25rem;
    font-weight: normal;
}
.dlazdice
{
	position: relative;
    padding: .5rem;
	border: 1px solid var(--gray);
	border-radius: var(--radius_def);
}
.dlazdice:hover {
    border-color: #00853e66;
}
.dlazdice .dlazdice_img
{
	text-align: center;
    height: 120px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: .5rem;
}
.dlazdice .dlazdice_img a{
	display: contents;
}
.dlazdice .dlazdice_img a img
{
	max-width: 100%;
	max-height: -webkit-fill-available;
}
.dlazdice a {
    font-weight: bold;
}
.dlazdice .mn_zlava_info {
    color: var(--green);
    font-weight: bold;
    font-size: 12px;
}
.dlazdice .mn_zlava_info span.cena_suffix {
    font-weight: bold;
}
.dlazdice .order_wrap {
    padding-top: 0.4rem;
    margin-top: 0.4rem;
	display: flex;
    justify-content: space-between;
	gap: .75rem;
}
.dlazdice .add_input_wrap {
    flex: 1 1 55%;
}
.dlazdice .order_wrap > button {
    flex: 1 1 45%;
    padding: 0 0.25rem;
}
.dlazdice .add_input_wrap > span {
    width: 25px;
    height: auto;
    line-height: unset;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dlazdice .add_input_wrap > input {
    height: auto;
    padding: 0.25rem 0.5rem;
	max-width: unset;
    min-width: unset;
}
.dlazdice .prod_name{
	height: 32px;
    overflow: hidden;
	margin-bottom: .3rem;
}
.dlazdice .prod_price {
    font-size: 18px;
    font-weight: bold;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
td.search_m_green1_edit
{
	color: #20466C !important;
	font-weight: bold;
	padding-left: 4px;
	font-style: normal !important;
	height: 32px;
	font-family: "Arial" !important;
	text-transform: uppercase;
	padding-left: 10px !important;
	line-height: 32px;
	background: #F2F2F2;
	BORDER-bottom: 0px !important;
	font-size: 14px !important;
}

.TBmainPROD td
{
	font-size: 12px !important;
	line-height: 20px;
}

.TBmainPROD th
{
	font-size: 12px !important;
	color: #20466C !important;
	line-height: 20px;
	text-align: left !important;
}

.baseram {
	border: 0px !important;
	width: 100%;
	margin-bottom: 0px !important;
}

.katalogEDIT
{
	margin-top: 15px;
}

.katalogEDIT td
{
	padding: 3px;
}

.katalogEDITtd
{
	font-size: 12px;
}

.addbasket
{
	padding: 5px !important;
}

.addbasket input
{
	float: right;
	width: 155px;
	height: 24px;
}


.headerKatalog
{
	font-size: 14px !important;
	color: #20466C;
	font-weight: bold;
}

td.search_m_green1_edit div
{
	color: #20466C !important;
}

.offImg h3
{
	font-size: 12px;
}

.podpora_login_center input
{
	height: 24px !important;
}

.podpora_login_center button
{
	float: right;
}

	
.foffImg
{
	/* display: none; */
	width: 789px;
	height: 25px;
	background: url("../images/filter-down.png") no-repeat;
	margin-left: 5px;
}

.fonImg
{
	/* display: none; */
	width: 789px;
	height: 25px;
	background: url("../images/filter-up.png") no-repeat top;
	margin-left: 5px;
}

#technickeparametre .stickerheader
{
	display: none;
}

.tpTable tr td
{
	border: 0px !important;
	padding: 5px;
}

.tpParameter
{
	font-size: 11px;
}

.tpHodnota
{
	font-size: 11px;
	color: #666666;
	font-weight: bold;
}

	
/* breadCrumb ***END*** */

.ts_orange{
		background-color:#f59231;
}
.ts_orange:hover{
		background-color:#f48519;
}
.ts_blue{
		background-color:#1075ac;
}
.ts_blue:hover{
		background-color:#0e6595;
}
.ts_green{
		background-color:#2e8f3f;
}
.ts_green:hover{
		background-color:#287c37;
}
.ts_red{
		background-color:#d21c28;
}
.ts_red:hover{
		background-color:#bb1924;
}
.popis_viac{
	font-size:14px;
	font-weight:normal;
	padding-left: 10px;
}
.popis_viac a{
	color: #1075ac !important;
}
.popis_viac a:hover{
	text-decoration: underline !important;
	color: #0c557d !important;
}
p{
    font-weight: 200;
    margin-bottom: 20px;
}
.ObjCislo{
	margin-bottom: 10px;
	text-align: left;
}

button{
	cursor: pointer;
}
.button
{
	display: inline-block;
	color: #ffffff;
	background: var(--green);
	-webkit-border-radius: var(--radius_def);
    -moz-border-radius: var(--radius_def);
    border-radius: var(--radius_def);
	border: none;
	padding: .35rem .75rem;
	cursor: pointer;
	white-space: nowrap;
}
.button:hover, .button.bg_red:hover{
	background: var(--black);
	color: white;
}
.button.bg_black:hover{
	background: var(--green);
	color: white;
}
.button span{
	vertical-align: middle;
}
.button.order_button img {
    margin-right: 0.25rem;
}
.tabsDetail{
    padding-left: 0;
    margin-bottom: 20px;
}
.tabs-gray-lighter{
	border-bottom: 3px solid #d6dde0;
}
.tabs-gray-lighter {
    border-bottom: 3px solid #d6dde0;
}
.tabs {
    padding-left: 0;
    margin-bottom: 20px;
}
ul {
    list-style: none;
	margin: 0;
	padding: 0;
}
.tabs-gray-lighter li {
    padding: 0;
}
.tabs li {
    display: inline-block;
}
.tabs-gray-lighter li a.Sel {
    color: #4a4f55;
    background-color: #d6dde0;
    border-color: #d6dde0;
}
.tabs li a:Sel, .tabs li a.Sel {
    outline: 0;
    background-image: none;
}
.tabs-gray-lighter li a {
    color: #4a4f55;
    background-color: #f4f8fb;
    border-color: #f4f8fb;
    text-transform: uppercase;
}
.tabs li a {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    padding: 9px 20px;
    border: 1px solid transparent;
    font-family: "Ubuntu", sans-serif;
}

.logInfo{
	text-align: center;
    font-weight: bold;
    color: #0074AE!important;
    font-size: 20px;
	margin-top: 10px;
}
.loginButt{
	text-align: center;
    margin-top: 10px;
}
.LoginButt div {
    margin: 5px 0;
}
.login{
	padding: 10px 35%;
}
.treeKat{
	display: block;
    padding: 8px 0 10px;
    height: 41px;
	background-color: #ffffff;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    position: relative;
    z-index: 2;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
	cursor: pointer;
}

.add-margin {
    flex: 0 0 280px!important;
	padding: 0 !important;
}
.cart-section {
    position: absolute;
    bottom: 10px;
    width: 100%;
	padding-right: 10px;
}
.icon{
	top: 1px;
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}
.iconTree{
	line-height: 1;
    font-size: 20px !important;
    padding: 0 15px;
	position: relative;
	top: 2;
}
.category_icon{
	height: 32px;
    width: 32px;
    margin-right: 15px;
	vertical-align: middle !important;
}

.infotableHdrDark {
    font-size: 30px;
    padding: 10px 0 7px;
    margin-bottom: 18px;
    color: #4a4f55;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    border-bottom: 1px solid #d6dde0;
	cursor: auto !important;
}
.border-primary-light {
    border-color: #23c5ed !important;
}
.subtitle{
    font-size: 18px;
    font-style: italic;
    font-family: "Open Sans", sans-serif;
    font-weight: 200;
    color: #4a4f55;
    text-transform: lowercase;
    position: absolute;
    top: 25px;
    right: 30px;
}


.footer{
	padding-top: 1rem;
	margin-top: 2rem;
	border-top: 2px solid var(--gray);
}
.footer > div{
	display: flex;
	gap: 1rem;
}
.footer > div > div {
    flex: 1 1 33.333%;
}
.footer h4 {
    color: var(--green);
}
.footer li {
    margin-bottom: 0.35rem;
}
.pager{
	margin-top: 1rem;
}
.pager a {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: white !important;
    background-color: #9a9a9a;
    line-height: 1;
    border-radius: var(--radius_def);
    text-decoration: none;
    margin-right: 3px;
    width: 25px;
    height: 25px;
    line-height: 25px;
}
.pager .pageSel{
    background: var(--green);
	color: white;
}
.pager .pageDown{
	float: left;
}
.pager .pageUp{
	float: right;
}
.pager > div {
    display: none;
}
.pager_resp {
	display: none;
	align-items: center;
	justify-content: center;
	margin-top: 1.5rem;
}
.pager_resp a {
	background: var(--black);
	color: white;
	font-weight: 500;
	font-size: 30px;
	display: inline-block;
	padding: 2px 12px;
	border-radius: var(--radius_def);
}
.pager_resp a:hover{
	background: var(--green);
}
.pager_resp .disable{
	opacity: 30%;
	color: white;
}
.pager_resp span {
	margin: 0 2rem;
	font-size: 17px;
	font-weight: 500;
}
.pager_resp img {
    width: 20px;
    padding: 0.5rem 0;
}
.DetailNavigation {
    width: 25% !important;
	padding-top: 5px;
	padding-left: 15px;
	min-width: 250px !important;
}
.breadCrumbs{
	padding: 5px 15px 10px 0;
    margin: 7px 0 0;
}
.breadCrumbs a:hover{
	text-decoration: underline !important;
}
.border-DOM{
    border-color: #f59231 !important;
}
.ekvivalenty{
	padding: 15px 0;
}
.step a{
	border-bottom: 5px solid #DDDDDD;
    color: #888 !important;
    text-decoration: none;
    display: block;
    padding: 0 0 10px 0;
	font-weight: bold;
	cursor: pointer;
}
.step{
	padding: 0 !important;
	text-align: center;
	border-left: 1px solid transparent;
}
.order-steps .active a{
	color: #333333;
    border-bottom: 5px solid #23C5ED;
}
.KosikSection, .profilSection{
	padding: 0 15px 30px 15px;
}
.order-steps{
	margin-bottom: 20px;
}
.obsahkosika img {
    max-width: 100%;
    max-height: 80px;
}
.obsahkosika tbody td:last-child {
    border-right: 1px solid var(--gray);
}
.obsahkosika tbody td:first-child {
    border-left: 1px solid var(--gray);
}
.obsahkosika tbody td {
    border-top: 1px solid var(--gray);
    border-bottom: 1px solid var(--gray);
	padding: 5px 10px;
}
.fs-medium th {
    background: #1075AC;
    color: #fff;
    padding: 8px 10px;
    font-size: 14px;
}
.obsahkosika .tovarInfo a {
    font-weight: bold;
    color: #0074AE!important;
}
.obsahkosika .pocet input{
	max-width: 50px;
	margin: auto;
}
.on-click-show-note {
    display: none;
    max-width: 320px;
    margin-top: 6px;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}
.kosikNadpis, .profilNadpis{
	border-bottom: 1px solid #E0E0E0 !important;
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px !important;
    font-style: normal !important;
	color: #0074AE!important;
	margin-top: 20px;
}
.TotalPrice{
	text-align: right;
	border-top: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 0 15px;
    padding: 15px 0;
}
.TotalPrice span{
	font-weight: bold;
	font-size: 14px;
}
.deliveryPayment table {
    width: 100%;
}
.deliveryPayment label {
    color: #58646a;
}

.order-addresses, .order-contact {
    margin-bottom: 30px;
}
.order-contact {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 15px;
}
.customCheckbox{
	vertical-align: middle;
}
.suhlasOP label{
	font-size: 14px;
}

.suhlasOPError {
    color: red;
    margin-bottom: 10px;
}
.profilNadpis{
	width: 100%;
}
.col-profile {
    width: 50%;
	display: flex;
	padding-right: 10px;
}
.col-profile input {
    max-width: 300px;
	display: inline-block;
	margin-bottom: 10px;
}
.col-profile div {
    flex-grow: 1;
}
.col-profile div:first-child {
    flex: 0 0 100px;
}
.profilNav .button{
	color: white !important;
    font-size: 15px;
    text-transform: none;
	display: inline-block;
	margin-top: 2px;
}
.profilNav{
	text-align: right;
	padding-top: 10px;
	margin-bottom: 20px !important;
}
.profilNav .logOut{
    background-color: #666666;
    border-color: #666666;
}
.profilNav .sel{
	background-color: #1075ac;
    border-color: #1075ac;
}
.customSelect select {
    max-width: 300px;
    border-color: #23c5ed;
}
.DefaultDropDown{
	position: relative;
}
.DefaultDropDown span {
    display: none;
}
.DefaultDropDownList{
	position: absolute;
    top: 0 !important;
    left: 0 !important;
	margin-top: 32px;
	border-color: var(--gray);
}
.customSelect {
    width: 100%;
    margin-bottom: 15px;
}
.PodakObj {
    padding: 30px 0;
	text-align: center;
}
.podakBtn{
	margin-top: 25px;
}
.PodakObj div {
    line-height: 2;
}
.link {
    color: #1075ac !important;
}
.link:hover {
    color: #0c557d !important;
	text-decoration: underline;
}
.StickerHeader2{
	display:none;
}
.RadioInput label{
	font-size: 14px;
}

.infoTblDark th {
    font-weight: bold;
}
.infoTblDark{
	width: 100%;
	border: none;
}
.infoTblDark td, .infoTblDark th {
    padding: .4rem;
	border: none;
    border-bottom: 1px solid var(--gray);
}
.expPdf {
    margin-left: 10px;
}
.expPdf, .expXls {
    display: none;
}
.infotableDark_tbar {
    margin-top: 5px;
}
.col-nav ul li {
    display: inline-block;
	padding: 0 10px;
	border-right: 2px solid white;
}
.col-nav ul li:first-child{
	padding-left: 0px;
}
.col-nav ul li:last-child{
	border-right: none;
}
.col-nav a, .userInfo a {
    color: white !important;
	font-family: "Ubuntu", sans-serif;
	font-weight: 700;
    font-size: 12px;
}
.col-nav a:hover, .userInfo a:hover {
    text-decoration: underline !important;
}
.userInfo a:first-child{
	border-right: 2px solid white;
}
.userInfo a{
	padding: 0 10px;
}
.row-header{
	padding-top: 20px;
	padding-bottom: 10px;
    max-width: 1200px;
    margin: 0 auto 10 !important;
}
.col-basket a:hover{
	text-decoration: none !important;
}
.row-menu {
    margin-bottom: 10px;
	line-height: 1;
}
.icostars {
    position: absolute;
    top: 0;
    left: 0;
}
.iFilter{
	display: none;
}
.infotableHdrDark img {
    display: none;
}
.col-nav .menuStav{
	color: #f0c700 !important;
}
.row-profil {
    margin: 0 !important;
}
.carousel-indicators li {
    color: transparent;
    background-color: transparent !important;
    height: 12px!important;
    width: 12px!important;
    display: inline-block;
	border: 2px solid white;
	border-radius: 5px;
}
.carousel-indicators .active{
	background-color: white !important;
}

.podakReg{
	padding-top: 15px;
}
.nedostupne {
    color: #e92700 !important;
}
.doprPozn {
    position: absolute;
    border: 1px solid #1075ac;
    background: white;
    padding: 3px 6px;
	left: 10%;
	z-index: 999;
}
.LoginInfo{
	text-align: center;
    color: red;
    padding: 10px;
	padding-top: 0px;
}
.LoginInfo a{
	color: red!important;
	font-weight: bold;
}
.click-and-show-note {
    cursor: pointer;
}
.skladom img {
    margin-right: 5px;
}
.changeBasket img {
    width: 20px;
	min-width: 20px;
	margin: 3px;
}
.dateBasket {
    margin-bottom: 20px;
}
.dateBasket div {
    display: inline-flex;
}
.dateBasket .nadpis {
    padding-bottom: 6px;
    margin-bottom: 6px;
    font-weight: bold;
    font-size: 14px !important;
    font-style: normal !important;
    color: #0074AE!important;
    margin-right: 10px;
}
/*DatePicker*/
.ui-datepicker {
    width: 16rem !important;
}
.ui-widget-content {
    padding: 0 !important;
}
.ui-widget-header {
    border: none !important;
    background: #23c5ed !important;
    border-radius: 0 !important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
    border: none !important;
	background: white !important;
}
.ui-datepicker select.ui-datepicker-month {
    margin-right: 5px !important;
}
.ui-datepicker th {
    padding: 0 !important;
}
.ui-widget-content .ui-state-default {
    background: none !important;
    border: none !important; 
	text-align: center;
	border-radius: 20px !important;
}
.ui-widget-content .ui-state-hover {
    background: rgba(35, 197, 237, 0.29) !important;
    border: none !important;
}
.ui-datepicker-today .ui-state-default {
    font-weight: bold;
}
.ui-widget-content .ui-state-active {
    background: rgba(35, 197, 237, 0.49) !important;
}
.ui-datepicker-today .ui-state-default{
	font-weight: bold !important;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px !important;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 2px !important;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 2px !important;
}
.ui-datepicker-title {
    font-size: 16px !important;
}
.ui-widget-content .ui-datepicker-header .ui-state-hover {
    background: none !important;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{
	top: 0 !important;
}
.cenaDiv {
    display: inline-block;
	font-size: 10px;
	margin-bottom: 15px;
}
.cenaDiv.old{
	min-width: 130px;
}
.cenaDiv div {
    line-height: 1;
}
.cenaDiv .cena{
	color: #e92700;
}
.cenaOld {
    font-size: 24px;
    background-image: repeating-linear-gradient(163deg, transparent 0%, transparent 48%, #58646a 50%, transparent 52%, transparent 100%);
	width: max-content;
	width: -moz-max-content;
}
.cenaOld, .cena {
    margin-top: 5px;
	margin-bottom: 5px;
}
.input-inline .pocet{
	display: inline-block;
    min-width: 130px;
}
.cenaOldTL{
	font-size: 12px;
    font-weight: normal;
    line-height: 1;
    background-image: repeating-linear-gradient(165deg, transparent 0%, transparent 48%, #58646a 50%, transparent 52%, transparent 100%);
    display: inline;
}
.ineNastav{
	display: block;
	margin-left: 3px;
}
.ineNastav input{
	transform: scale(1.2);
}
.ineNastav label{
	font-size: 16px;
}
.MvmInfo {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 2px;
}
.dlazdice .MvmInfo{
	text-align: center;
	color: #58646a;
}
.videoWrapper{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	margin: 20px;
} 
.videoWrapper iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
table.TovarList .termin_dodania {
    max-width: 160px;
}
/*.zavazna_obj button span {
    display: inline-block;
    width: 70px;
}

.zavazna_obj button img {
    display: none;
}*/
.details .termin_dodania {
    text-align: left;
    margin-top: 5px;
}
.objednat.zavazna_obj button, .input-inline.zavazna_obj button{
	background-color: #00bd00;
    border-color: #00bd00;
}
.objednat.zavazna_obj button:hover, .input-inline.zavazna_obj button:hover{
	background-color: #1cba63;
    border-color: #1cba63;
}
.zavazne_obj_link {
    text-align: right;
    font-weight: bold;
}
.zavazne_obj_link a {
    color: #d21c28 !important;
}
.s2rFilterFilds input{
	width: 295px;
    display: inline-block;
    height: 30px;
    padding: 2px 10px;
}
.s2rFilterFildsHolder{
	margin-bottom: 20px;
}
.dlazdice_img img.krajina_p {
    position: absolute;
    bottom: 0;
    width: 50px;
    left: 10px;
}
/* --------------------------------- VPF --------------------------------- */
section{
	max-width: 1150px;
    margin: 0 auto;
	background: white;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
section#main-part-2p {
    display: flex;
}
section#main-part-2p .left_panel {
    flex: 0 0 240px;
}
section#main-part-2p .main_panel {
    flex-grow: 1;
	padding: 1rem;
	max-width: calc(100% - 240px);
}
.container{
	max-width: 1150px;
	margin: 0 auto;
}
#snackbar.bottom {
    bottom: 30px;
}
#snackbar {
    visibility: visible;
    min-width: 250px;
    margin: 0;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: var(--radius_def);
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    display: none/*block*/;
    width: auto;
    min-height: unset!important;
}
.hdr_menu{
	background: var(--green);
}
.hdr_menu > div{
	display: flex;
	justify-content: space-between;
	padding-top: .5rem;
	padding-bottom: .5rem;
}
.hdr_menu a{
	color: white;
	padding: 0 .5rem;
	border-right: 1px solid white;
}
.hdr_menu a:last-child {
    border-right: none;
}
.header{
	background: white;
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--green);
}
.header > div{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1.5rem;
}
.search_wrap {
    flex-grow: 1;
}
.search_hdr{
    display: flex;
	margin-bottom: .5rem;
	justify-content: center;
}
.search_hdr input{
	border-top-left-radius: var(--radius_def);
	border-bottom-left-radius: var(--radius_def);
	max-width: 26rem;
}
.search_hdr .button {
    padding: 0.5rem;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.search_hdr img{
	width: 18px;
}
.hdr_basket {
    display: flex;
	margin-bottom: .5rem;
	position: relative;
}
.hdr_basket > div {
    padding: 0.5rem;
}
.hdr_basket > div:first-child{
    background: var(--green);
	border-radius: var(--radius_def) 0 0 var(--radius_def);
}
.hdr_basket > div:last-child{
	border-radius: 0 var(--radius_def) var(--radius_def) 0;
	white-space: nowrap;
}
.hdr_basket > span {
    background: var(--black);
    color: white;
    position: absolute;
    left: -0.25rem;
    top: -0.25rem;
    min-width: 1.2rem;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    border-radius: 100%;
    font-size: 11px;
    padding: 0 0.25rem;
}
.bg_black{
	background: var(--black);
}
.bg_gray{
	background: #e7e7e7;
}
.bg_red{
	background: var(--red);
}
.text_white{
	color: white;
}
.text_red{
	color: #e92700;
}
.text_green{
	color: var(--green);
}
.text_right{
	text-align: right;
}
.text_center{
	text-align: center;
}
.bold{
	font-weight: bold;
}
.hdr_basket img {
    width: 20px;
}
div#tovar_tree {
    border: none;
    background: none;
	width: 100%;
}
div#tovar_tree ul {
    margin: 0;
}
div#tovar_tree > ul > li {
    -webkit-border-radius: var(--radius_def);
    -moz-border-radius: var(--radius_def);
    border-radius: var(--radius_def);
    margin-top: var(--radius_def);
    margin-bottom: 0;
    background: #e7e7e7;
	overflow: hidden;
}
div#tovar_tree a:hover {
    color: var(--green);
}
div#tovar_tree > ul > li a {
    color: #231f20;
    font-weight: bold;
    width: 100%;
    padding: .35rem .5rem;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
div#tovar_tree ul.lvl3{
	padding-left: 1rem;
}
div#tovar_tree ul.lvl3 a {
    font-weight: normal;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
.block{
	display: block;
}
aside#sidebar{
	padding: 1rem;
}
aside#sidebar > .tree_kat_hdr {
    display: block;
    padding: 0.35rem 0.5rem;
    text-shadow: 1px 1px #67823c;
    font-size: 1.1em;
    background: var(--green);
	color: white;
	border-radius: var(--radius_def);
}
.order_prod {
    display: flex;
    align-items: center;
    gap: 1rem;
}
.order_prod > div {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.order_prod select {
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius_def);
}
.flex{
	display: flex;
}
.flex_wrap{
	flex-wrap: wrap;
}
.shrink_0{
	flex-shrink: 0;
}
.grow{
	flex-grow: 1;
}
.justify_between{
	justify-content: space-between;
}
.justify_end{
	justify-content: end;
}
.align_center{
	align-items: center;
}
.align_baseline{
	align-items: baseline;
}
.gap_4{
	gap: 1rem;
}
.gap_8{
	gap: 2rem;
}
.radius_3{
	border-radius: var(--radius_def);
}
.p_3{
	padding: .75rem;
}
.py_3{
	padding-top: .75rem;
	padding-bottom: .75rem;
}
.pt_4{
	padding-top: 1rem;
}
.mt_2{
	margin-top: .5rem;
}
.mt_4{
	margin-top: 1rem;
}
.mb_1{
	margin-bottom: .25rem;
}
.mb_3{
	margin-bottom: .75rem;
}
.mb_4{
	margin-bottom: 1rem;
}
.w_100{
	width: 100%;
}
.hidden{
	display: none;
}
.visible_hidden{
	visibility: hidden;
}
div#tovar_tree ul.lvl2{
    background: #d7d7d7;
}
div#tovar_tree ul.lvl2 li{
    margin: 0;
    padding: .25rem 0;
}
div#tovar_tree a.sel {
    color: var(--green);
}
.prod_detail {
    margin-top: 1rem;
}
.prod_detail h1 {
    font-size: 26px;
	margin: 0;
}
.prod_detail .prod_pict {
    position: relative;
	text-align: center;
	width: 45%;
	flex-shrink: 0;
}
.prod_detail .prod_pict a{
	display: inline-block;
	max-width: 300px;
}
.prod_detail .prod_pict img{
	max-height: 300px;
}
.prod_detail .prod_code{
	font-size: 18px;
}
.prod_detail .prod_price {
    font-size: 22px;
    font-weight: bold;
	margin-top: 1.5rem;
}
.prod_detail .prod_price > div {
    font-size: 26px;
	margin-left: 0.5rem;
	display: inline-block;
}
.prod_detail span.cena_suffix {
    font-size: 15px;
    margin-left: 0.35rem;
}
.prod_detail_dod_logo, .prod_detail_skladom{
	margin-top: 1rem;
}
.prod_detail_dod_logo img {
    max-width: 100%;
}
.prod_detail .order_wrap{
    gap: 2rem;
    display: grid;
    grid-template-columns: 112px 1fr;
}
.logo_sklad_wrap{
	display: flex;
	gap: 1rem 2rem;
	flex-wrap: wrap;
}
.prod_detail .order_wrap button{
	width: fit-content;
}
.add_input_wrap {
    display: flex;
    border: solid 1px #b5b8c8;
	border-radius: var(--radius_def);
}
.add_input_wrap > input {
    border: 1px solid #b5b8c8;
    border-top: 0;
    border-bottom: 0;
    border-radius: 0;
    height: 35px;
	max-width: 50px;
	min-width: 40px;
	text-align: right;
}
.add_input_wrap > span {
    width: 30px;
    flex-shrink: 0;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    height: 35px;
    line-height: 35px;
	cursor: pointer;
	user-select: none;
}
.add_input_wrap > span:hover{
	color: var(--green);
}
.prod_detail .order_button span {
    font-size: 17px;
    padding-left: .5rem;
}
.prod_detail .prod_small_info {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.prod_small_info span {
    font-weight: bold;
}
.prod_detail .prod_desc {
    margin-top: 2rem;
}
.kosik_obsah {
    border-spacing: 0 0.5rem;
    width: 100%;
}
.kosik_obsah th{
	font-weight: bold;
}
.kosik_obsah td {
    border-bottom: 1px solid var(--gray);
    border-top: 1px solid var(--gray);
	padding: .5rem;
}
.kosik_obsah td:first-child {
    border-left: 1px solid var(--gray);
	border-radius: var(--radius_def) 0 0 var(--radius_def);
}
.kosik_obsah td:last-child {
    border-right: 1px solid var(--gray);
	border-radius: 0 var(--radius_def) var(--radius_def) 0;
}
.kosik_obsah .prod_img img {
    max-width: 80px;
    max-height: 80px;
}
.kosik_obsah .prod_remove img {
    width: 18px;
}
.basket_steps_nav {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
	margin-bottom: 2rem;
}
.basket_steps_nav > a {
    border: 1px solid var(--gray);
    flex-grow: 1;
    padding: .75rem;
    text-align: center;
    border-radius: var(--radius_def);
}
.basket_steps_nav > a:hover{
	color: inherit;
}
.basket_steps_nav > a.active {
    background: var(--green);
    color: white;
    border-color: var(--green);
}
.SelectMD {
    max-width: 500px;
}
img.stav_icon {
    position: absolute;
    left: 0;
    top: 0;
}
.centerPopup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99990;
    background: rgb(0 0 0 / 67%);
    background-size: 40px 40px;
}
.center_screen {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 2rem 1rem 1rem 1rem;
    box-sizing: border-box;
    text-align: left;
    width: calc(100% - 2rem);
    margin: 0 1rem;
    border-width: 1px;
    border-style: solid;
	border-color: var(--gray);
	border-radius: var(--radius_def);
    max-width: 450px;
}
.centerPopup .center_screen > img, .normalPopup > div:first-of-type > img {
    width: 40px;
    height: 40px;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.logHeader {
    max-width: 250px;
    margin: 0 auto;
}
.logHeader label {
    font-weight: bold;
    margin-bottom: 0.25rem;
    display: block;
}
.logHeader .login_btn{
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.kosik_doprava_platba {
    display: grid;
    grid-template-columns: repeat(2,minmax(1px,1fr));
    gap: 2rem;
	margin-top: 2rem;
}
.kosik_doprava_platba > div {
    border: 1px solid var(--gray);
    padding: 1rem;
	border-radius: var(--radius_def);
}
.kosik_doprava_platba li, #pobocky li {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
}
.kosik_doprava_platba li > span {
    text-align: right;
    flex-grow: 1;
	color: var(--red);
    font-weight: 600;
}
.kosik_doprava_platba h2 {
    color: var(--green);
    margin-top: 0;
}
#kosik_doprava #pobocka_sel {
    display: inline-block;
}
#kosik_platba li{
	display: none;
}
.kosik_suma_spolu {
    display: grid;
    grid-template-columns: auto auto;
    text-align: right;
    justify-content: flex-end;
    gap: 0.5rem 0.75rem;
    margin-top: 1rem;
    font-size: 14px;
    padding-right: 15px;
}
#pobocky{
	display: none;
}
#pobocky h2 {
    margin-top: 0;
}
#pobocky ul {
    margin-bottom: 1rem;
}
div#pobocka_sel span {
    display: inline-block;
    margin-left: .5rem;
	font-style: italic;
}
div#pobocka_sel a {
    font-weight: bold;
    color: var(--green);
    margin-left: .5rem;
}
.profil_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.profil_menu_tabs {
    display: flex;
    gap: 1rem;
}
.profil_menu_tabs > a{
    border: 1px solid var(--gray);
    padding: 0.75rem 1.25rem;
    text-align: center;
    border-radius: var(--radius_def);
}
.profil_menu_tabs > a:hover{
	border-color: var(--green);
}
.profil_menu_tabs > a.active{
	color: white;
	background: var(--green);
	border-color: var(--green);
}
.infoChildren {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 1rem;
	margin-bottom: 2rem;
}
.infoChildren > div > a {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-weight: bold;
	border: 1px solid var(--gray);
    padding: .75rem;
}
.infoChildren > div > a:hover{
	border-color: var(--green);
}
.infoChildren > div > a > div {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.infoParents *{
	vertical-align: middle;
}
.infoParents span {
    margin: 0 .25rem;
}
.profil_dod_adr > div {
    display: grid;
    grid-template-columns: repeat(4,minmax(1px,1fr)) 40px 40px;
}
.profil_dod_adr > div > div{
	padding: .4rem;
	border-bottom: 1px solid var(--gray);
}
.doklDetail h1 {
    text-align: center;
}
.doklDetail_col {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: .5rem;
}
.doklDetail{
	margin-bottom: 2rem;
}
.OtherMdBasket {
    max-width: 500px;
}
.basket_rekap_info {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
	margin-top: 2.5rem;
	margin-bottom: 2rem;
}
.basket_rekap_info > div {
    border: 1px solid var(--gray);
    border-radius: var(--radius_def);
    padding: 1rem;
}
.basket_rekap_info h3 {
    margin-top: 0;
}
.kontakty_pobocky {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
	margin-top: 2rem;
}
.kontakty_pobocky > div {
    border: 1px solid var(--gray);
    border-radius: var(--radius_def);
    flex: 1 1 calc(50% - 2rem);
    padding: 1.5rem;
}
.kontakty_pobocky h3 {
    color: var(--green);
    margin-top: 0;
}
.kontakty_pobocky .kontakty_pobocky_content {
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2,minmax(1px,1fr));
}
.ZalozkaWrap DIV.Zalozka4{
    background: none;
	display: flex;
	gap: 1rem;
	height: auto;
	margin: .5rem 0;
}
div.Zalozka4 > a {
    border: 1px solid var(--gray);
    border-radius: var(--radius_def);
    padding: .5rem 1rem;
    cursor: pointer;
}
div.Zalozka4 > a:hover {
    border-color: var(--green);
}
div.Zalozka4 > a.Zalozka4Sel {
    background: var(--green);
    color: white;
    border-color: var(--green);
}
.fast_koder_inputs {
    display: grid;
    grid-template-columns: repeat(2,minmax(1px,1fr));
    gap: 1rem;
}

.fast_koder_inputs_pocet input {
    max-width: 10rem;
}

.fastKoder_menu {
    display: grid;
    grid-template-columns: repeat(2,minmax(1px,1fr));
    gap: 1rem;
	margin-bottom: 1rem;
}
.fastKoder_menu fieldset {
    padding: 0;
    margin: 0;
    border: none;
}
.fastKoder_menu legend {
    font-size: 1.5rem;
    margin-bottom: .5rem;
}
.fastKoder_menu li {
    margin-bottom: 0.5rem;
}
.fastKoder_menu table, .fastKoder_menu table tbody, .fastKoder_menu table tr {
    display: block;
}
.fastKoder_menu table td {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
	padding: 0;
}
.fast_koder_inputs span{
	display: block;
	margin-bottom: .25rem;
}
.fastKoder .result {
    margin-top: 1rem;
	line-height: 1.5;
}
.fk_popis{
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid var(--gray);
}
.error_msg {
    color: var(--red);
    font-weight: bold;
    margin-top: 1rem;
}
.filterSkladom {
    display: flex;
    align-items: center;
    gap: .5rem;
}
.filterSkladom input {
    margin: 0;
}
li.social_network_icon img {
    max-width: 1.75rem;
}
/* --------------------------------- media VPF --------------------------------- */
@media (max-width: 1150px)
{
	section, .container{
		padding-left: 1rem;
		padding-right: 1rem;
	}
}
@media (max-width: 1040px){
	.product_list_grid, .infoChildren{
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
}
@media (max-width: 840px){
	.product_list_grid, .infoChildren{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
}
@media (min-width: 769px)
{
	.lg_hidden{
		display: none !important;
	}
}
@media (max-width: 768px){
	.md_hidden{
		display: none !important;
	}
	.md_block{
		display: block;
	}
	.md_text_center{
		text-align: center;
	}
	.md_flex_column{
		flex-direction: column;
	}
	.md_gap_2{
		gap: .5rem;
	}
	section#main-part-2p{
		display: block;
	}
	aside#sidebar{
		display: none;
	}
	section#main-part-2p .main_panel{
		padding-left: 0;
		padding-right: 0;
		max-width: 100%;
	}
	.header > div{
		flex-wrap: wrap;
	}
	.hdr_menu > div{
		justify-content: flex-end;
	}
	.search_wrap{
		order: 3;
		width: 100%;
	}
	.header a.logo img {
		width: 100px;
	}
	.footer > div{
		flex-wrap: wrap;
	}
	aside#sidebar > .tree_kat_hdr {
		text-align: center;
		font-size: 16px;
	}
	div#tovar_tree ul.lvl2 {
		display: none !important;
	}
	.pager_resp{
		display: flex;
	}
	.pager{
		display: none;
	}
	.product_list_grid, .infoChildren{
		grid-template-columns: repeat(3,minmax(0,1fr));
	}
	.prod_detail .order_wrap{
		grid-template-columns: 112px 50%;
		justify-content: end;
		gap: 1rem;
	}
	.logo_sklad_wrap{
		justify-content: center;
	}
	.prod_detail_skladom{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.kosik_doprava_platba {
		grid-template-columns: 100%;
	}
	.basket_steps_nav{
		gap: 1rem;
	}
	.kosik_obsah thead {
		display: none;
	}
	.kosik_obsah tbody tr {
		display: grid;
		grid-template-columns: 100px calc(100% - 100px);
		border: 1px solid var(--gray);
		margin-bottom: 1rem;
		border-radius: var(--radius_def);
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}
	.kosik_obsah tbody tr[data-no_stock]{
		border-color: var(--red);
	}
	.kosik_obsah td {
		border: none !important;
		padding: 0.25rem .5rem;
	}
	.kosik_obsah td.prod_img {
		grid-row-start: 1;
		grid-row-end: 6;
	}
	.kosik_obsah td.cena_spolu {
		font-size: 18px;
		font-weight: bold;
	}
	.kosik_obsah a {
		font-size: 15px;
	}
	.doklDetail_col {
		width: 100%;
	}
	.prod_detail .prod_pict {
		margin-bottom: 1rem;
		width: 100%;
	}
	.kontakty_pobocky > div {
		flex-basis: 100%;
	}
}
@media (max-width: 600px){
	.product_list_grid, .infoChildren{
		grid-template-columns: repeat(2,minmax(0,1fr));
	}
	.profil_dod_adr > div {
		width: 600px;
	}
	.profil_dod_adr {
		overflow-x: auto;
		padding-bottom: .5rem;
	}
	.profil_menu {
		flex-direction: column-reverse;
		align-items: start;
	}
	.profil_menu_tabs {
		flex-wrap: wrap;
	}
	.basket_steps_nav {
		flex-direction: column;
		gap: 0.5rem;
	}
	.basket_rekap_info {
		grid-template-columns: 100%;
		gap: 1rem;
	}
	table.infoTblDark {
		width: 600px;
	}
	.infoTblEnvDark {
		overflow-x: auto;
		padding-bottom: 0.75rem;
	}
}
@media (max-width: 450px){
	.footer > div > div {
		flex-basis: 100%;
	}
	.ZalozkaWrap DIV.Zalozka4 {
		display: grid;
		grid-template-columns: repeat(2,minmax(0,1fr));
		text-align: center;
	}
	.fastKoder_menu {
		grid-template-columns: 100%;
	}
	.fast_koder_inputs {
		grid-template-columns: 100%;
	}
        .sm_hidden{
		display: none;
	}
	.kontakty_pobocky .kontakty_pobocky_content {
		grid-template-columns: 100%;
	}
}
@media (max-width: 430px){
	.product_list_grid, .infoChildren{
		grid-template-columns: 100%;
	}
	.dlazdice .add_input_wrap {
		flex: 0 0 auto;
	}
	.dlazdice .order_wrap > button {
		flex: 0 0 auto;
		padding: .35rem .75rem;
	}
	.dlazdice .add_input_wrap > input {
		max-width: 50px;
	}
	.header a.logo img {
		width: 70px;
	}
}
/*----------------------LOADER---------------------*/
div#loading{
	display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0,0,0,0.5);
}
div#loading .loading_text{
	color: white;
    font-weight: normal;
    font-size: 15px;
}
div#loading > div {
    position: absolute;
    top: 50%;
    left: calc(50% - 1rem);
    transform: translate(-50%, -50%);
    margin: 0 1rem;
	text-align: center;
}
.lds-default {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 6px;
  height: 6px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
/*----------------------END LOADER---------------------*/