@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  src: local('Playfair Display'), local('PlayfairDisplay'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v6/2NBgzUtEeyB-Xtpr9bm1CZa6Tn9fxpDPuRSK4Gn5Ybw.woff) format('woff');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  src: local('Playfair Display Italic'), local('PlayfairDisplay-Italic'), url(http://themes.googleusercontent.com/static/fonts/playfairdisplay/v6/9MkijrV-dEJ0-_NWV7E6N3aqFElqJjV-H5EUExnZgmU.woff) format('woff');
}

BODY
{ 
	font-family: Arial;		
	font-size: 12px;
	margin: 0px;
	text-align: center;
	color: #8B8989;
	line-height: 18px;
	/* background: url(../images/bg.jpg) repeat-x; */
}

#ulH
{
	/*display: none;*/
}

#t1
{
	width: 100%
}

FORM
{
	margin: 0px;
	font-family: Arial;

}

table {
	border-collapse: collapse !important;
	font-size: 12px !important;
	color: #184690;
}

label
{
	font-size: 12px;
	padding-left: 5px;
	color: black;
}

#tovar_tree, .Copyright
{
	border-collapse: separate !important; 
}

H1
{
    font-size: 18px;
    color: #00A2E2;
    margin: 10px 0px;
}


a
{
	text-decoration: none;
	color:#184690;
	font-family: Arial;
}

a:hover
{   
	text-decoration: underline;
	font-family: Arial;
}

input,select,textarea,pre
{
	font-family: Arial ,sans-serif;
	font-size: 11px;
	border: 1px solid #20466c !important;
	/*background: white !important;*/
	border-radius: 5px;
}

button
{
	font-family: Arial ,sans-serif;
	/*font-size: 11px;*/
	background: #184690;
	color: white !important;
	height: 24px;
	cursor: pointer;
	border-radius: 5px;
	border: 0px solid #184690;
	font-weight: bold;
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.col-md {
    flex: 0 0 calc(22% - 10px);
	webkit-flex: 0 0 calc(22% - 10px);
    -ms-flex: 0 0 calc(22% - 10px);
    margin-right: 10px;
    text-align: left;
	width: calc(22% - 10px);
}
.col {
    flex: 0 0 75%;
	text-align: left;
}
.selected
{
	color: red;

}

.ROInput
{
	background-color: WhiteSmoke;
}

.admin
{
	background-color:#ffffcc;
}
.text_main
{
    padding:0px 20px;
    font-family:Arial;
    font-weight: normal;
    font-size:12px;
	text-align:justify
    }
.text_main A
{
    color:#20466C
    }

.headerLinks
{
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
	color: gray
}

.headerLinks A
{
	font-weight: bold;
	font-size: 12px;
	color: #3CB394
}

.headerLinks A:LINK
{
	font-weight: bold;
	font-size: 12px;
	color: #3CB394
}

.headerLinks A:VISITED
{
	font-weight: bold;
	font-size: 12px;
	color: #3CB394
}

.headerLinks A:ACTIVE
{
	font-weight: bold;
	font-size: 12px;
	color: #3CB394
}

.headerLinks A:HOVER
{
	font-weight: bold;
	font-size: 12px;
	color: #3CB394
}

.headerLinks SPAN
{
	position: relative;
	top: +2px;
	font-size: 20px;
	color: #3CB394;
	padding: 0px 8px
}

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

.TopPanel td,div
{	
	color: #184690;
	font-weight:bold;
}

.TopPanel input
{	
	color: black;
	font-weight:normal;
}

.TopPanel a
{	
	color: black;
}


.MenuPanel
{
width: auto;
}

.Char
{
	font-family:Wingdings;
}
.myLegend
{
 color: #0033ff;
 font-size: 12px; 
	
}

BODY.PopupWindow
{	
	background-color: #ece9d8;
	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;
}
	
.search INPUT
{

	background: white;
	border:1px solid #20466c;
	height:24px;
	padding:5px;
	color:#666666;
	font-size:12px;
	width: 62%;

}
.search_btn
{
cursor:pointer;
margin-right:14px;
text-align:left
}

/* 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
{
	vertical-align: middle;
	border:none
}

.PortalMapLink
{
   FONT-WEIGHT: normal;
   FONT-SIZE: 10px;
   COLOR: #740202;
   text-decoration:underline
}
.PortalMapLink A:hover
{
   FONT-WEIGHT: normal;
   FONT-SIZE: 10px;
   COLOR: black;
   text-decoration:none
}


.LoginLink
{   
   FONT-SIZE: 10px;   
   BACKGROUND: #3CB394;
}

.LoginInfoText
{
	FONT-WEIGHT: bold;
	BACKGROUND: #fef3d8;
}

.LoginHeader
{
	text-align: right;
	position:absolute;
	padding-left:1093px;
	padding-top:0px;
}

DIV.LoginHeader TD
{
	padding: 0px;
}

.LoginHeader DIV
{
	color: Gray;
	font-size: 11px;
	border-bottom: solid 1px Gray;
	border-left: none;
	border-right: none;
	background: #F0F0F0 url(../../images/system/adminhb.gif) repeat-x;
	padding: 0px 2px;
	vertical-align: middle;
	height: 20px;
	white-space: nowrap
}

.LoginHeader INPUT
{
	color: Gray;
	background: transparent;
	border: solid 1px Gray;
}

/* 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;
	height: auto !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;
}

table.TovarList 
{
	border-collapse: collapse !important;
}



.prihl_save input
{
	margin-top: -5px;
}

div.tovartree {
	width: 100% !important;
	margin-top: 10px;
}
.tovartree a.sel, .tovartree a.selParent,.tovartree a.sel:hover, .tovartree a.selParent:hover{
	font-weight: bold ;
}
.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: 8px solid white;*/
}
	.TovarItem td
	{
		border-bottom: 8px 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
}

.TovarDetail
{
	border: #888888 1px solid;
	vertical-align: top;	
	padding: 10px
}

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

.TextInsert
{
	height: 24px !important;
    width: 155px !important;
	margin-right: 10px;
}

.LoginButton
{
	color:#7f0202;
	cursor: pointer;
	font-weight:bold
}

.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%;
}

.userinfo
{
	padding-top: 20px;
	text-align: right;
	font-weight: normal !important;
	display: inline-block;
    vertical-align: middle;
	max-width: 160px;
}
.headerholder b
{
font-size: 14px !important;
color: #00a2e2 !important;
}

.links_userinfo{
	margin-top: 5px;
	margin-bottom: 20px;
}
.links_userinfo a, .log_info_resp a, .prihl_reg_resp a
{
    background: #184690;
    padding: 5px 10px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.prihlasenie_registrovat
{
	padding-left: 30px;
	display: inline-block;
    vertical-align: middle;
}

.prihlasenie_registrovat a
{
	/*margin-right: 15px;*/
}

.cena_celkom
{
	
}

.pocet_poloziek
{
	margin-right: 15px;
}

#H_HeaderLogin1_Td1
{
	text-align: right;
}

#H_HeaderLogin1_trZapam td
{
	vertical-align: middle;
}

#empty
{
	background: transparent !important;
}

#H_HeaderLogin1_trMeno .DataFieldERR, #H_HeaderLogin1_trHeslo .DataFieldERR

{
	width: 130px !important;
	height:21px !important;
	margin-left: 0px !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;}

.Header {
background:#00A2E2;
border-width:1px;
border-style:solid;
font-family:Arial;
font-size:8pt;
font-weight:bold;
color:#FFFFFF;
border-top-color: white;
border-left-color: white;
padding: 5px;
}

.AltRow {    background:#E6E6E6;    font-family:Arial;     font-size:8pt;     font-weight:normal;   text-overflow: ellipsis;    overflow-x: hidden;}

.GroupRow {    background:#F1EFE2;   border-color:#FFFFFF;   border-width:1px;   border-style:solid;    font-family:Arial;     font-size:8pt;     font-weight:normal;   border-bottom-color: Silver;    border-right-color: Silver;}

.NewRow {    background:#FFFFFF;    font-family:Arial;     font-size:8pt;     font-weight:normal;   color:#A9A9A9;}

.StatusBar {    color: #E0E0E0; background:#740202;   border-color:#ACA899;   border-width:1px;   border-style:solid;    font-family:Arial;     font-size:8pt;     font-weight:normal;    padding:2px ;}

.EditTextbox {    border-width:0px;   border-style:none;    font-family:Arial;     font-size:8pt;     font-weight:normal;}

.wbControls
{
	cursor: pointer
}

.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;
}

.DataField
{
	
}

.DataFieldERR
{
	background-image: url(../../images/web/reg_bg.gif) !important;
	background: rgba(255, 0, 0, 0.26);
}

/* 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;
}

.Button
{

	background:#DDDDDD;
	border: outset 3px #DDDDDD;
}

.ButtonSel
{
	background:#DDDDDD;
	border:inset 3px #F0F0F0;
}
/* 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: 300px;
	border: solid 1px #606060;
	background: #F0F0F0;
	padding: 1px 1px 10px 1px;
	text-align: center
}

.myAlert BUTTON
{
	width: 90px;
	height: 22px;
	border: solid 1px black;
	font-family: Arial;
	font-size: 12px;
	background-image: url(../../images/system/button-bg.gif)
}

.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;
    }
	
	.sortheader img
	{
	vertical-align: middle;
	}
	
	.extjs16 td:first-child
	{
	padding: 8px;
	}
	
	.sqlFilterH div input
	{
	height: 24px !important;
	}
	
	.baseramm .footer
	{	
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	#B_MP_PI1_1150__ctl0_divGridPanelGridPanel .x-panel-bwrap
	{	
	width: 640px !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;
}

.spolutext
{
    color: white;
	background:  #00a2e2;
	font-size: 14px;
}

.spolutext td
{
    padding: 10px;
}

.spolukosik td
{
    padding: 10px;
	text-align:right;
}
.sposobDodania{
	list-style: none;
	padding: 0;
}
.obsahkosika
{
	border: #cfcfcf solid 1px;
}

.obsahkosika tr td input
{
	width: 35px !important;
}

.obsahkosika td
{
    padding:10px;
	vertical-align: top;
}

.obsahkosika tr:nth-child(even)
{
	background: #F2F2F2;
}

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;
    }
popis
{
    font-weight:normal
    }
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
{
	color: #6F767A;
}

.ramcekPrihl
{
	font-size: 12px;
	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-top:5px;
	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: 976px; */
	width: 100%;
	text-align: center;
	margin: auto;
	/* background: url('../images/bg.gif') repeat-x top;  */
}

.pageform
{
	margin: 0 auto;
}

#pageform
{
	max-width: 1000px;
}

.headerHolder
{
	text-align: left;
	padding-top: 30px;
	display: flex;
    justify-content: space-between;
	align-items: center;
}

.registraciaRAM tr td .DataFieldERR
{
	width: 200px !important;
	height: 21px !important;
	margin-left: 0px;
	margin-right: -18px;
}

div.registracia
{
	width: 50%;
	margin: 0 auto;
}



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

.crminfo.podak
{
	margin: 0 auto;
}

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


.menuHolder
{
	margin-top: 10px;
	display: inline-block;
	/*float:right;*/
	margin-bottom: 2px;
}
.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
	
	
}

.infoParents 
{
	background:	url('../../images/web/pager_bg.gif') bottom repeat-x;
	padding: 7px;
	height: 20px;
	text-align: left;
  overflow:hidden;
}
.infoParents:after{
  content: "";
  clear: both;
}

.infoParents div a{
  float:right;
  padding-right: 20px;
  background: url(../../images/system/arr-r.gif) no-repeat 100% center; 
  line-height: 16px;  
  margin-left: 4px;
}
.infoParents div a:first-child{
  background: none;
}
.infoParents div{
  float:left;
}
	
.infoChildren
{
	display: none;
	padding: 7px;
}
	
.infoChildren a.sel
{
	color: #900;
}

.infoHeader_intro SPAN, .infoHeader_intro p
{
	display:none
}

/*spodne menu*/
.footerHolder
{
	height:121px;
	_height:181px;	
	width:976px;
	background: url(../../Images/web/footer.jpg) no-repeat top;
	color:#666666;
	clear: both;
	padding-top:60px
}
.footerHolder DIV
{
    font-size:12px;
    line-height:19px;
    float:left;
    width:194px;
    }
.footerHolder DIV UL
{
    
    }
.footerHolder DIV LI
{
    background: url(../../Images/web/arrow_footer.png) no-repeat left;
    list-style-type:none;
    }
.footerHolder DIV A
{
	color:#666666;
	font-weight: normal;
	padding-left:10px;
	_padding-left:10px
	
}
.footerHolder DIV A:hover
{
    text-decoration:underline
}
.footerHolder .lorem
{
	line-height:13px;text-align:justify
}
.footerHolder .lorem A
{
	font-family:Arial;font-weight:normal;font-size:10px;padding:0px
}
.footerHolder .lorem A.tagSize1
{
	font-size:11px
}
.footerHolder .lorem A.tagSize2
{
	font-size:12px;
	font-weight:bold
}
.footerHolder .lorem A.tagSize3
{
	font-size:14px
}
/* stranka end */

/*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;
}
/**/
.BigDataField
{
    font:bold 18px;
    height:30px;
    
}

.BigDataFieldERR
{
    font:bold 18px;
    height:30px;
    background-color: red;
	color: white
    
}

.BigDataFieldRO
{
    font:bold 18px;
    height:30px;
    background-color: Transparent;
	border: solid 1px #888888;   
}

.wbControls
{
	cursor: pointer
}

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

.wgCheckbox DIV
{
	white-space: nowrap
}
/* basket */

.basket
{
font-size:12px;
color:#999999;
font-family:Arial;
width:180px;
margin-bottom:15px;
}
TABLE.basket IMG
{
 text-align:right
    }

/**/
.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
}
.favorite,.favorite A
{
text-align:center;
 color:#740202;
font-size:10px;
}
.favorite A:hover
{
text-align:center;
 color:#740202;
font-size:10px;
text-decoration:underline;
}

/*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
}
.search input{
	vertical-align:middle;
	border-radius: 0;
}
.search button {
    border-radius: 0;
}
.search .imgbutt, .search .imgbuttOver{
	border-radius: 4px;
	border-collapse: collapse;
}

.imgButt td
{
	background-color: #00a2e2  !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_body TD INPUT.DataField, .DataFieldERR
{
    /*background: url(../../Images/web/input_login.gif) no-repeat;*/
    border:0px;
    height:25;
    width:168px;
    padding:5px 5px;
    font-size:12px;
    color:#20466C;
	margin-left: 2px;
}
.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
}
.loginButtons input
{
	width: auto;
}

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

.titleMenu DIV
{
	width: 122px;
	height: 168px;
	float: left;
	margin: 6px 5px
}

.titleMenu H2
{
	margin: 8px 0 4px 2px
}

.titleMenu H2 A
{
	font-size: 12px;
	color: #cc0000;
}

.titleMenu UL
{
	padding: 0;
	margin: 0 0 0 2px;
}

.titleMenu LI
{
	list-style: none
}

.titleMenu LI A
{
	font-size: 10px;
	font-weight: normal;
}
.titleMenuPic
{
	background: url(../../Images/web/ramik.png) no-repeat;
	width: 129px;
	height: 93px;
	display:block;
}
.titleMenu IMG
{
	/*border: solid 1px #cccccc;*/
	margin:3px 0px 0px 3px
}
.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
	}
.txtZAB
{
	font-weight:normal;
	}
/*headerMenu*/
.headerMenu
{
	background: url(../../Images/web/headerMenuL.png) left no-repeat;
	padding-left: 13px
}

.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;
	padding: 0;
}

.portalmenu li a:hover
{
	background: #0caef1 !important;
	color: white !important;
}

/* End New Menu Style */

.Panel
{
	padding-top: 20px;
}

.panel0 {
	border: 0px !important;
	margin-right: 25px !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;
	flex: 0 0 42%;
}

.productKarty
{
	background: #F2F2F2 !important;
	
}

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

.product h2, .bunka span, .productheader .zalozky a.sel, .label, .tovaritem_tvr , a.nazov, .cena{
	color: #00a2e2 !important;
}

a.nazov
{
	text-transform: uppercase;
}

.smallinfo
{
	text-align: right;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: #999;
	text-align: right;
}

.smallinfo.first
{
	padding-top: 10px;
}

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

.product
{
	margin-bottom: 20px;
}

.product h2
{
	text-transform: uppercase;
	font-size: 14px !important;
	height: auto !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: 110px !important;
	padding: 10px;
}

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

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

.dlazdice .objednat input
{
	width: 45px !important;
	height: 25px;
	line-height: 25px;
	vertical-align: top;
	border-radius: 4px;
	margin-right: 5px;
}

.dlazdice .objednat{
	clear: both;
    font-size: 12px;
    font-weight: normal;
    vertical-align: top;
}

.dlazdice .objednat img
{
	float: none;
	cursor: pointer;
	/*content:url("../images/kos_prazdny.png");*/
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
}
.skladom {
    font-size: 12px;
    font-weight: bold;
    height: 45px;
    margin: 5px 0px;
	color: #e20000 !important; 
}
.skladom a{
	color: green; 
	text-decoration: none;
}
.skladom span{
	display: block;
    font-weight: bold;
}
.TovarList {
    display: -webkit-flex;
    display: -ms-flexbox;
	display: flex;
    justify-content: left;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
    -ms-flex-flow: row wrap;
}
.dlazdice
{
    padding: 0;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 10px;
    background: linear-gradient(to bottom, rgba(0, 162, 226, 0.15) 0%,#ffffff 15%);
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	height: 235px;
	width: calc(33% - 10px);
}
}

.dlazdice:hover
{
	background: linear-gradient(to bottom, rgba(24, 70, 144, 0.28) 0%,#ffffff 15%);
}

.dlazdice_img
{
	text-align: center;
	overflow: hidden;
}
.dlazdice .dlazdice_img{
	flex: 0 0 58%;
}
.dlazdice_img a img
{
	/*height: 130px !important;*/
	max-height: 130px;
	max-width: 130px;
}

.dlazdice .popismain a
{
	font-size: 15px !important;
    border-radius: 5px;
    font-weight: bold;
	vertical-align: middle;
}
.dlazdice .popis
{
	font-size: 11px !important;
	text-align: right;
	font-weight: normal;
}

.dlazdice .cena
{
	font-size: 14px !important;
	text-align: right;
	margin-top: 10px;
}
.dlazdice .objednat{
	width: 100%;
	line-height: 25px;
	display: flex;
    align-items: center;
	justify-content: flex-end;
}
.dlazdice_nadpis
{
	height: 32px;
	*height: 65px;
    overflow: hidden;
    padding: 5px 5px 0px 5px;
	margin-bottom: 5px;
}
.dlazdice_nadpis a{
	color: #184690 !important;
	font-size: 15px;
	display: block;
	overflow: hidden;
	word-break: break-word;
}
.productheader .zalozky a
{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.productheader .zalozky a.sel
{
	border: 0px !important;
}

.zalozky a.sel {
	background: #F2F2F2 !important;
}

ul.portalmenu
 {
	background: #00a2e2 /*url('../../images/system/intranet_bg.gif') repeat-x bottom*/;
	padding: 0 15px;
	margin-left: 0;
	margin-right: 0;
	list-style: none;
	display: flex;
	justify-content: space-around;
}
ul.portalmenu a
{
	line-height: 29px;
	color: white !important;
	height: 29px !important;
	padding: 0 3px;
}
ul.portalmenu li{
	float: none;
}

ul.portalmenu a:hover
{
	background: #0068b4 /*url('../../images/system/intranet_bg_over.gif') repeat-x bottom !important*/;
	height: 29px !important;
}

.foffImg
{
	display: none;
}

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

.katalog_nav
{
	margin-top: 10px;
}

.katalog_nav div
{
	margin-bottom: 5px;
}

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;
	vertical-align: middle;
}

.podpora_login_center button
{
	/*float: right;*/
}


.infotableMainDark{
	background: none !important;
	overflow: hidden;
	width:100%;


}

.infotableMainDark:after{
	clear: both;
	content: "";
	
}
.infotableMainDark .infoTableSektor{

	margin: 0;
	border: 0;
	padding: 0;
}
.infoTableSektor table{
	background: white !important;
}
.infoTableSektor:first-child table{
	background: white !important;
	border-right: solid 5px white;
}
.infoTableSektor table .Row_infotableDark{
	background: #f4f4f4 !important;
	border-bottom: 1px dashed #b5b8c8;
	padding: 4px;
}
.infoTableSektor table .Row_infotable2Dark{
	border: 0 !important;
	border-bottom: 1px dashed #b5b8c8 !important;
}
.H_infotableDark{
	background: none !important;
	text-align: left;
	color: #20466C;
	padding: 5px 0;
}
/*** iFilter ***/

.iFilter
{
	display: block;
	background-color: #fff;
	text-align: center;
	height: 25px;
	margin: 5px;
	
}

.iFilter input
{
	background-color: #FFF !important;
	padding-left: 5px;
	float: left;
}


.iFilter IMG, .iFilter INPUT, .iFilter .iFilterBtn
{
	vertical-align: top;
	cursor: pointer;
	
}

.iFilterBtn
{

	float: left;
}
.iFilterBtn1
{
background: url("../../Images/System/iphone/32x32/refresh.png");
background-size: 25px 25px;
width: 25px;
height: 25px;
float: left;
}
#xSField, .xSField
{
	width: 160px !important; 
	border: 1px solid #c7d6f7 !important; 
	/*padding: 10px !important; */
	height: 25px !important;

}

.Panel0 #xSField,.Panel0 .xSField{
	width: 100px !important; 

}
.iOrderS2R{
	float: left;
	margin: 10px;	
}
.iFilter{
	float: left;

}
img.headerMenu{
	display: none; /*skryvam nenakonfigurovane*/
	float: right;
	margin-top: -32px;
}
.iFilter div.ftxButtHolder
{
	float: left;
	width: 25px;
}

.iFilter .i16-32, .iFilter .i16x32
{
	width: 25px;
	height: 25px;
}

.Panel0 .iFilter .ftxButt .i16-32,.Panel0 .iFilter .i16x32{
	float: left;
}
.sortmenu{
	position: absolute;
	border: solid 1px #aaaaaa;
	background: white;
	padding: 10px;
	list-style: none
}
.sortmenu li{
	margin-top: 3px;
	cursor: pointer
}
/*** iFilter *** END ***/
.fastKoder table tr td{
	vertical-align: top;
}
.fastKoder fieldset{
	padding: 0;
	vertical-align: top;
}
.fastKoder fieldset ul{
	list-style: none;
	padding-left: 0;
	margin: 0;
}
.fastKoder fieldset label{
	padding-left: 0;	
	font-size: 12px;
	vertical-align: middle;
}
.fastKoder fieldset legend{
	padding-left: 0;	
	font-size: 12px;
	font-weight: bold;
}
.fastKoder input{
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}
.fastKoder fieldset span{
	margin-bottom: 5px;
	display: block;
}
.fastKoder fieldset span.radio input{
	height: auto;
	line-height: normal;
	margin: 0 2px 0 0;	
}
.fastKoder fieldset table  td{
	padding-bottom: 5px;
}
.fastKoder fieldset table input{
	height: auto;
	line-height: normal;
	margin: 0 2px 0 0;
}
.infotableHdrDark{
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	margin-top: 5px;
	padding-left: 5px;
	background: #20466C;
	color: white;
	text-align: left;
}

/* AnylinkCSS */

.anylinkcss A:hover{
	background: none !important;
	}
.infoTblDark{
  width: 100%;
}
  .infoTblDark th{
    background: #00A2E2;
    color: white;
    font-weight: bold;
    font-size: 12px
     
  }
  .infoTblDark td{
    color: #184690;
  }
  .infoTblDark td a{
    color: #184690;
    font-weight: bold;
	cursor: pointer;
  }
  .infoTblDark th, .infoTblDark td{
    padding: 5px;
  }
.infotableDark_tbar{
  padding: 5px;
  text-align: center;
  background: #00A2E2;
  overflow: hidden
}
.infotableDark_tbar:after{
  content: "";
  clear: both;
}
  .infotableDark_tbar span a{
    font-size: 12px;
    float: none !important;
    color: white;
  }
  .infotableDark_tbar span{
    font-size: 12px;
    color: white;
  }
  .infotableDark_tbar .expPdf{
    float: right;
  }
  .infotableDark_tbar .expXls{
    float: right;
  }
  .infotableDark_tbar .infoBox{
    float: left;
  }
.ftxmenu{
  position: absolute;
  border: solid 1px #4c4c4c;
  background: white !important;
  padding: 5px;
}
  .ftxmenu input{
    height: auto;
    vertical-align: middle;
  }
 .baseLayout{
	text-align: center;
	background: linear-gradient(to bottom, #e9f7fc 0%,#ffffff 100%);
	/*overflow-x: hidden;*/
 }
.Panel{
	margin: 0 auto;
	text-align: left;
	background: white;
}
.StickerHeader{
	color: #00a2e2 !important;
}
.ramLT, .ramRT, .ramLB, .ramRB{
	display: none;
}
.bottom_buttons{
	overflow: hidden;
	margin-top: 15px;
}
.bottom_buttons:after{
	content: "";
	clear: both;
}
.bottom_buttons button{
	float: left;
}
.bottom_buttons button:first-child{
	float: right;
}
.poznamka textarea{
	width: 100%;
	height: 100px;
	resize: none;
}
.objednatTVRD input{
	width: 45px !important;
	height: 25px!important;
	line-height: 25px!important;
	border-radius: 4px;
}
.objednatTVRDbut img
{
	float: none;
	cursor: pointer;
	/* content:url("../images/kos_prazdny.png");*/
	margin: 0;
}
.reklamnyPanel{
	position: absolute;
	top: 100px;
	margin-left: 1000px;
	text-align: center;
	width: 200px;
}
.reklamnyPanel	a{
	font-size: 16px;
	color: #00a2e2;
}
.reklamnyPanel img{
	max-width: 200px;
}
.footerMas{
	background-color: #184690;
	border-radius: 5px;
	margin-top: 20px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding-bottom: 5px;
}
.footer-item{
    color: #7fd9ff;
}
.footer-item h2{
    font-weight: normal;
    color: #009cdd;
    text-transform: uppercase;
}
.footerLogo {
    flex: 0 0 20%;
}

.footerLogo img {
    width: 100%;
}
.popisKat{
	border: solid 1px #b5b5b5;
	-webkit-box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	margin: 10px 0;
	border-radius: 5px;
}
.popisKat div{
	font-weight:normal;
	display:inline-block;
}
.popisKat h2{
	font-weight: bold;
    font-size: 16px;
    color: #184690;
    margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 10px;
}
.popisMainKat {
    height: 40px;
    text-align: center;
}
.popisImg, .popisImgVelky{
	margin:10px;
	margin-top: 5px;
}
.popisImgVelky img{
	max-width: 750px;
	width: 100%;
}
.popisImg img{
	max-width: 80px;
    border: 1px solid #184690;
}
.popisText{
	max-width: 650px;
    vertical-align: top;
	margin-top: 5px;
	color: #009cdd
}
.popisText div{
	font-weight: bold;
    font-size: 16px;
    color: #184690;
    width: 100%;
    margin-bottom: 5px;
}
.basketLink{
	margin-top: -10px;
    float: left;
    padding: 8px 10px 33px 35px;
}
.basketLink span{
	color: white;
	background: #184690;
	height: 21px;
	width: 21px;
	display: block;
	line-height: 22px;
	text-align: center;
	border-radius: 10px;
}
.basketHolder{
	background: url(/MasShop/images/mas-basket.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.basketHolder a:hover{
	text-decoration:none;
}
.basketHolderSum{
	font-size: 18px;
    color: #00a2e2;
	max-width: 100px;
}
.headerText{
    font-size: 18px;
    color: 184690;
    margin-top: 15px;
}
.prihlasenie_registrovat .logStart {
    color: white;
    background: #184690;
    padding: 1px 5px;
    border-radius: 5px;
    display: block;
    width: 75px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.prihlasenie_registrovat .regStart {
    color: white;
    background: #184690;
    padding: 1px 5px;
    border-radius: 5px;
    display: block;
    width: 75px;
    text-align: center;
    margin-bottom: 5px;
    cursor: pointer;
}
.dlazdiceKat
{
	*display: inline; /* pre IE */
    padding: 0;
    margin-right: 10px;
    vertical-align: top;
    margin-bottom: 10px;
    background: linear-gradient(to bottom, rgba(0, 162, 226, 0.15) 0%,#ffffff 100%);
	/*border: solid 1px rgba(181, 181, 181, 0.56);*/
	-webkit-box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	border-radius: 5px;
	width:calc(33% - 10px);
}
.dlazdiceKat:hover
{
	background: linear-gradient(to bottom, rgba(24, 70, 144, 0.28) 0%,#ffffff 100%);
}

.homeKatMore{
	text-align: center;
}
.homeKatMore a{
	background: #184690;
    padding: 5px;
    color: white;
    text-decoration: none;
	border-radius: 5px;
	display: inline-block;
}
.Panel1{
	background-color: rgba(255, 255, 255, 0) !important;
}
.TovarTree{
	-webkit-box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	background: none !important;
	border: none !important;
	border-radius: 5px;
}
DIV.TovarTree A, DIV.TovarTree A:hover {
    color: #009cdd !important;
}
DIV.TovarTree A:hover{
	text-decoration: underline !important;
}
.offImg {
    background: url(../images/mas_tree_plus.gif) no-repeat !important;
}
.onImg {
    background: url(../images/mas_tree_minus.gif) no-repeat !important;
}
.lineImg {
    background: url(../images/mas_tree.gif) no-repeat !important;
}
A.nazov {
    FONT-SIZE: 12px;
}
.objednat span{
	color: white;
    background: #00A2E2;
    padding: 2px 5px;
    border-radius: 5px;
    vertical-align: middle;
}
.objednat a:hover span{
	background: #184690;
}
.objednat:hover{
	text-decoration: none;
}
DIV.objednat {
    padding-top: 10px !important;
}
.TopProductNadpis {
    font-size: 22px;
    margin: 10px 0px;
    color: #184690;
    border-top: solid 1px #00A2E2;
    border-bottom: solid 1px #00A2E2;
    padding: 5px 0px;
	text-align: left;
	max-width: 780px;
    margin-left: auto;
    margin-right: auto;
}
.objednatTVRDbut span{
    color: white;
    background: #00A2E2;
    padding: 2px 5px;
    border-radius: 5px;
    vertical-align: middle;
	font-size: 15px;
}
.objednatTVRDbut a:hover span{
	background: #184690;
}
.objednatTVRDbut a:hover{
	text-decoration:none;
}
.offImg, .onImg, .lineImg {
    vertical-align: middle !important;
}
.CenaDetail{
	font-size: 20px;
    font-family: Arial;
    font-weight: bold;
    color: #184690;
    text-align: right;
}
.DmocDetail{
	font-size: 18px;
    font-family: Arial;
    font-weight: normal;
    color: #0099ff;
    text-align: right;
}
.compare-produkt{
	cursor:pointer;
}
#popupLogin {
    background: url(../images/overlay.png);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
}
#popupLogin .whiteBox {
    background: white;
    width: 250px;
    height: 340px;
    margin: 100px auto 0px auto;
    padding: 10px;
	border-radius: 5px;
	border: solid 2px #00A2E2;
}

.ZabHeslo{
	margin-top: 20px;
    border-top: 1px solid #184690;
}
.menuReg a {
    font-size: 12px;
    text-decoration: none;
    margin-right: 10px;
    background: #ccc;
    color: #184690;
    padding: 5px;
}
a.set {
    background: #184690;
    color: white;
}
.userInfo span {
    color: #00A2E2;
    font-size: 15px;
    font-weight: bold;
}
.DefaultDropDown {
    width: 200px;
}
.expPdf {
    background: url(../images/pdf.png) no-repeat center;
    color: transparent !important;
    margin-left: 2px;
    cursor: pointer;
}
.expXls {
    background: url(../images/xls.png) no-repeat center;
    color: transparent !important;
    cursor: pointer;
}
.infotableHdrDark {
    background: #184690 !important;
}
.blueButton{
    background: #184690;
    padding: 5px;
    color: white;
    text-decoration: none;
    border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}
.objCP{
	background: #00A2E2;
}
.clearfix{
	/*overflow: hidden;*/
}
.cpButtons{
	margin: 10px 0;
	text-align: right;
}
.kosikButt {
    margin-top: 10px;
	font-size: 12px;
	text-align: right;
}
.kosikButt div a {
    display: inline-block;
}
.kosikButt div {
    margin-bottom: 10px;
}
.kosikButt a:hover {
    text-decoration: none;
}
.krokNumber{
	margin: 4px 0;
}
.normal{
	margin: 4px 0;
}
.BasketKroky div {
    border: 1px solid #184690;
    border-radius: 5px;
    margin: 5px;
    text-align: center;
    font-size: 12px;
	flex-basis:calc(20% - 12px);
}
#kosikSel {
	background: #00A2E2;
    color: white;
}
.kosik_b_holder{
	text-align: right;
	padding: 0 15px;
}

.ButtonhHolder{
	text-align: right;
	padding: 10px 15px;
}
.ButtonhHolder span{
	padding: 5px;
	font-size: 12px;
}
.BasketKroky{
	display: flex;
    width: 100%;
    flex-wrap: wrap;
}
.objednavka{
	display: inline-block;
}
#checkbox_objednavka{
	text-align:right;
}
.kosikLogTypeVyber{
	float:left;
}
.vyhladavanie{
	-webkit-box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
	box-shadow: 0px 0px 2px 1px rgba(24,70,144,0.3);
    height: 80px;
	margin-top: 10px;
	border-radius: 5px;
}
.dodUdajeTable input{
	width:100%;
}
.imgContainer{
	position: relative;
    height: 130px;
}
.imgContainer img{
	position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.populateMenu {
    background: white;
    border: 1px solid #184690;
    /* color: red; */
}
.populateMenu ul {
    padding: 2px;
}
.populateMenu img {
    display: none;
}
.x-btn-icon .x-btn-small .x-btn-text {
    background-repeat: no-repeat !important;
}
.KosikNoData{
	float: left;
}
.addCP{
	margin-right:5px;
}
.homeBannerHolder{
	margin: 20px 0;
	text-align: center;
}
.homeBannerHolder img{
	width: 100%;
}
.UpDown{
	/*display:none;*/
}
.UpDown a{
	text-align: center;
}
.TopNadpis h1 {
    font-size: 22px;
}
.TopViac{
	text-align: center;
    font-size: 20px;
}
.TopViac a{
	color: #00A2E2;
}
#skladInfo {
    position: absolute;
    top: 40%;
    left: 35%;
    margin: 0 auto;
    background: white;
    border: solid 1px #0099cc;
    max-width: 250px;
    padding: 10px;
}
.SkladomDetail{
	text-align: right;
	margin-right: 5px;
}
.SkladomDetail div{
	max-width: 280px;
    display: inline-block;
    width: 100%;
}
.smallinfo .skladom{
	font-size: 14px;
}
.green{
	color: green !important;
}
.Statistics {
    display: none;
}
.Copyright td {
    text-align: left;
}
.footerCopyright table {
    width: auto;
}
.footerCopyright {
    border-top: 1px solid #ccc;
    margin: 10px auto;
    text-align: left;
    padding: 10px 0;
    max-width: 900px;
	display: flex;
    justify-content: space-between;
}
.facebook img {
    width: 20px;
}
.facebook a{
	margin-left: 10px;
}
#bodyHolder{
	background: white;
	line-height: normal;
	text-align: left;
}
.UserInfoHdr{
	text-align: center;
}
.search button {
    border-radius: 0;
    vertical-align: middle;
	height: 35px;
	width: 35px;
}
.search input {
    vertical-align: middle;
    height: 35px;
	max-width: 480px;
    width: 100%;
}
.TLDlazdiceLineHolder .dlazdice:last-child {
    margin-right: 0px;
}
.headerHolder .tel{
	font-size: 20px;
    margin-bottom: 5px;
    color: #009de0;
}
.search_input{
	display:flex;
}
.dlazdiceIntro{
	display: inline-block;
    text-align: center;
    width: 145px;
    border: 1px solid #99b4d5;
    margin-right: 22px;
	height: 135px;
	vertical-align: middle;
	position: relative;
	margin-bottom: 5px;
}
.dlazdiceIntro:last-child{
	margin-right: 0px;
}
.dlazdiceIntro a{
	color: #014495;
    font-size: 15px;
	word-wrap: break-word;
}
.dlazdiceIntro img{
	max-width: 70px;
	max-height: 70px;
	padding-top: 20px;
	padding-bottom: 15px;
}
.dlazdiceIntro div{
	
}
.introKat{
	padding-top: 65px;
	margin-bottom: 70px;
	margin-top: 20px;
	text-align: center;
}
.tovarFilter
{
	display: block;
    margin-top: 15px;
	margin-bottom: 15px;
    padding: 0px;
    font-size: 12px;
    border: 1px solid #00A2E2;
    border-radius: 5px;
	padding: 5px 10px;
}
.filter_input div {
    margin: 5px 0;
}
.tovarFilter .filter_input{
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.filter_input input, .filter_input select {
    margin-right: 5px;
}
.TLDLineHolder {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.TLDlazdiceLineHolder {
    display: flex;
    flex-wrap: wrap;
}
.dladica_wrap {
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}
span.tovar_popis {
    display: block;
}
.zoznam_tovaru{
	display: none;
	margin-top: 10px;
}
.zoznam_tovaru button {
    width: 100%;
    border-radius: 0;
    font-size: 18px;
    padding: 5px 0;
	height: auto;
	margin-bottom: 20px;
}

button.navbar-toggler {
    background: none;
    border: 1px solid #184690;
    height: auto;
	outline: none!important;
}
.navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(24,70, 144)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>");
    display: inline-block;
    width: 2rem;
    height: 2rem;
}
.navbar{
	display: none;
}
.logo img{
	max-width: 100%;
}
.log_info_resp{
	display:none;
}
.top_produkty{
	max-width: 780px;
    margin: 0 auto;
}
.PopisResp, .menaBasket{
	display: none;
}
.obsahkosika img {
    vertical-align: middle;
	margin-left: 5px;
}
.kosikPocet{
	width: 90px;
}
.basket_sum{
	display: flex;
    justify-content: space-between;
}
.poznamka {
    flex: 0 0 50%;
}
.kosikAdresar td {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.kosikAdresar label {
    width: calc(100% - 30px);
}

.kosikAdresar {
    width: calc(100% - 30px);
    max-width: 560px;
}
.kosikAdresar input, .kosikAdresar label{
	display: inline-block;
}
.Adresy
{
	border: solid 1px; 
	border-radius: 10px;
	width: 100%;
	padding: 5px 10px;
	display: inline-block; 
	background-color:White;
}
.rekap_basket{
	width: 100%;
	margin-left: 10px;
	margin-bottom: 10px
}
.sort_menu {
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
    margin-bottom: 10px;
}
.SortHeader, .SortHeader div {
    display: flex;
    align-items: center;
}
.tovar_compare{
	overflow-x: auto;
}
.open_filter_btn {
    width: 100%;
    border-radius: 0;
    font-size: 18px;
    padding: 5px 0;
    height: auto;
    display: none;
    color: white;
    background: #00a3ce;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
	margin-top: 15px;
}
.tovarFilter .tf_techParams{
	margin-top: 10px;
}
.tf_techParams ul {
    padding: 0;
    list-style: none;
    overflow: hidden;
    margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.tf_techParams a{
    cursor: pointer;
	margin-bottom: 4px;
    display: block;
}

.tf_techParams ul li {
    margin-bottom: 8px;
    width: calc(25% - 10px);
    margin-right: 10px;
}
.compare_header{
	text-align: center;
}
.tech_params select{
	width: 100%;
}
.skladom_filter{
	display: flex;
    align-items: center;
}

.filter div {
    display: flex;
	margin-bottom: 5px;
	align-items: center;
}
.cena_filter{
	display: flex;
    align-items: center;
	width: 60%
}
.cena_filter input {
    width: 50px;
	padding: 2px;
}
.search_filter input{
	max-width: 200px;
	width: calc(100% - 10px);
}
#menuHolderResp {
    width: 100%;
    display: none;
    padding: 10px 0;
}

#menuHolderResp ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#menuHolderResp ul li {
    background: #00a2e2;
    text-align: center;
    margin-bottom: 2px;
}

#menuHolderResp ul li a {
    color: white;
	width: 100%;
    display: block;
    padding: 6px 0;
}
.numPager div {
    display: none;
}
.prihl_reg_resp{
	display:none;
	margin: 5px 0;
}
/*--------------MEDIA-----------------------*/
@media (max-width: 1000px){
	.Panel1{
		padding: 0 !important;
	}
	.headerHolder .tel{
		font-size: 16px;
	}
	.headerText{
		font-size: 14px;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	.rekap_dopr_info{
		padding: 0 15px 10 15px;
	}
}
@media (max-width: 870px){
	.introKat{
		text-align: left;
	}
	.dlazdice{
		width:calc(50% - 10px);
	}
	.footerCopyright {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (max-width: 700px){
	.col-md.add-margin, .col {
		margin: 0 15px;
		flex: 0 1 100%;
		webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		width: 100%;
	}

	.headerHolder{
		flex-wrap: wrap;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}
	ul.portalMenu{
		flex-direction: column;
	}
	ul.portalMenu li{
		border-bottom: 2px solid white;
	}
	#portalMenu{
		padding-left: 15px;
		padding-right: 15px;
	}
	#bodyHolder{
		padding-left: 15px;
		padding-right: 15px;
	}
	.footerLogo{
		display: none;
	}
	.Panel0 {
    display: block;
    width: 100% !important;
	}
	.Panel1 {
		display: block;
		width: 100%;
		padding-left: 0 !important;
	}
	DIV.TovarTree{
		width: 100% !important;
	}
	div#tovar_tree ul:first-child {
		padding: 10px;
	}
	.zoznam_tovaru{
		display: block;
	}
	.logo{
		margin-bottom: 10px;
	}
	.logo img{
		max-width: 120px;
	}
	.search {
		width: 100%;
		order: 4;
	}
	#menuHolder{
		display:none;
	}
	.navbar{
		display:block;
	}
	.userInfo{
		display: none;
	}
	.log_info_resp{
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: 5px 0;
	}
	.log_info_resp span {
		font-size: 15px;
	}
	.basketHolder{
		background-position-x: right;
		margin-right: 5px;
	}
	.basketLink{
		padding: 8px 0px 33px 65px;
		margin-right: -5px;
	}
	.obsahkosika tr {
		border: 1px solid #cfcfcf;
		display: block;
		margin-bottom: 10px;
	}
	.obsahkosika td {
		padding: 0;
		display: block;
		text-align: left !important;
		padding: 3px 5px;
	}
	.PopisResp{
		display: inline-block;
		font-weight: bold;
		margin-right: 10px;
	}
	.menaBasket{
		display: inline-block;
	}
	.nazovBasket a {
		font-weight: bold;
		font-size: 15px;
		color: #00a2e2;
	}
	.obsahkosika tr:first-child {
		display: none;
	}
	.obsahkosika {
		width: 100%;
		border: none;
	}
	table.spolukosik {
		width: 100%;
	}
	.basket_sum {
		flex-direction: column-reverse;
	}
	.rekap_basket {
		width: calc(100% - 20px);
	}
	#tovar_tree{
		display: none;
		margin-bottom: 30px;
	}
	.partner_info .partner_info_col {
		display: block;
		width: calc(100% - 20px);
		padding-left: 10px;
	}
	.infoTblDark{
		border: none;
	}
	.infoTblDark tr {
		display: flex;
		flex-wrap: wrap;
		width: calc(100% - 30px);
		border: 1px solid #00a2e2;
		margin: 10px 15px;
	}
	.infoTblDark th, .infoTblDark td {
		padding: 3px;
		width: 100% !important;
		text-align: center !important;
		border: none;
	}
	.infoTableSektor {
		display: block !important;
		width: 100% !important;
	}
	.infotableHldrDark {
		padding: 0 15px;
	}
	div.registracia{
		width: calc(100% - 30px);
		margin: 0 15px;
	}
	.registraciaRAM .StickerHeader {
		text-align: left;
	}
	.kosikButt {
		display: flex;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	div#checkbox_objednavka {
		margin: 0 15px;
	}

}
@media (max-width: 600px){
	.footerCopyright {
		flex-direction: column-reverse;
		text-align: right;
	}
	#tblCompare{
		min-width: 600px;
	}
}
@media (max-width: 550px){
	.footerMas{
		flex-direction: column;
	}
	.dlazdiceIntro{
		display: block;
		width: 100%;
		margin-bottom: 10px;
	}
	.TovarList{
		flex-direction: column;
	}
	
	.filter_input {
		flex-direction: column;
	}
	.search_filter input {
		width: 100%;
		max-width: 100%;
	}
	.cena_filter {
		width: 100%;
	}
	.tf_techParams ul li {
		width: 100%;
	}
	.dlazdiceKat{
		width:calc(50% - 10px);
	}
	.skladom{
		height: auto;
	}
	span.tovar_popis {
		display: inline-block;
		margin-left: 5px;
	}
	.dlazdice{
		width: 100%;
	}
	.dlazdice .objednat {
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
	.BasketKroky {
		flex-direction: column;
	}

	.dodUdajeTable{
		width: 100%;
	}
	.compare_header{
		padding: 0 15px;
	}
	table.rekap_basket td {
		display: block;
		margin-bottom: 10px;
	}
	.UserProfile td {
		display: block;
	}

	.UserProfile {
		margin-left: 15px;
		width: calc(100% - 30px);
	}
	.product .detail_pic, .product .detail_info{
		width:100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.detail_info .flags{
		width: 100%;
	}
	.productPicture {
		width: 100% !important;
		border: none !important;
		margin-bottom: 10px;
	}
	.SkladomDetail{
		margin-right: 0;
	}
	.pager{
		height: auto !important;
	}
	.pager div.sett{
		display: block;
		width: 100%;
	}
	.TopProductNadpis {
		display: none;
	}

	.top_intro {
		display: none;
	}

	.TopViac {
		display: none;
	}
	.popisKat {
		display: none;
	}
	.Panel0 {
		margin-bottom: 20px;
	}
	.open_filter_btn{
		display:block;
	}
	.tovarFilter{
		display: none;
	}
	.tf_techParams ul {
		flex-direction: column;
	}

	.tf_techParams ul li {
		margin-right: 0;
	}
	.tf_techParams div{
		display: block;
	}
	.ProfilDoklMenu ul {
		flex-direction: column;
	}
	.ProfilDoklMenu ul li {
		width: calc(100% - 32px);
		margin-right: 0;
	}
	.kosikAdresar label{
		width: 100%;
	}
}
@media (max-width: 450px){
	.sort_menu {
		flex-direction: column;
	}
	.basket_delete {
		text-align: right;
		margin-top: 5px;
	}
	.prihlasenie_registrovat{
		display:none;
	}
	.prihl_reg_resp {
		display: flex;
		justify-content: space-between;
	}
}
@media (max-width: 400px){
	.tovarFilter .blueButton{
		display: block;
		border-radius: 0;
		margin: 5px 0;
		text-align: center;
	}
}
@media (max-width: 350px){
	.dlazdiceKat{
		width:100%;
	}
	.registraciaRAM tr {
		display: flex;
		flex-direction: column;
	}
}

/*----------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;
}
.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);
  }
}