body { padding: 0; margin: 0; margin-left: auto; margin-right: auto; }

BODY, INPUT, TEXTAREA, SELECT, TABLE
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

#window { padding: 10px; text-align:center; width: 100%; }
#page { width: 888px; background-color: White; margin-left: auto; margin-right: auto; text-align: left; padding: 5px; }
#pagecontent { }
#header { width: 889px; height: 179px; background-image: url(../images/header.jpg); background-repeat: no-repeat; }

#toprow { margin-top: 5px; }
#toprow .textbox { width: 126px; height: 17px; border: solid 1px #CDEC80; margin-top: 3px; padding-top: 3px; }
#toprow .button { width: 126px; height: 20px; border: none; background-color: Transparent; color: White; font-weight: bold; cursor: pointer; font-size: 14px; }
#toprow span { font-weight: bold; font-size: 12px; color: White; }

#find { width: 139px; height: 51px; background-color: #9CDA01; float: left; text-align: center; }
#toprow2 { width: 427px; height: 51px; margin-left: 5px; background: #9CDA01 url(../images/toprow2.jpg) no-repeat; float: left; }
#reg { width: 312px; height: 51px; background: #9CDA01 url(../images/regback.jpg) no-repeat; margin-left: 4px; float: right; }
#reg a { color: White; text-decoration: none; font-size: 16px; font-weight: bold; width: 126px; display: block;  }

#bottomrow { margin-top: 5px; }

#leftcol { width: 139px; float: left; }
#content { float: left; width: 558px; margin-left: 5px; }
#textarea { padding: 10px; }
#rightcol { float:right; width: 181px; text-align: center; color: White; }

#links { background-color: #FB78D6; text-align: center; color: White; font-weight: bold; padding: 5px 2px 15px 2px; margin-top: 5px; }
#links .header { font-size: 18px; padding: 4px; }
#links a { display: block; height: 20px; padding: 2px; text-decoration: none; color: White; font-size: 11px; }
#links a:hover { color: Black; }

#basket { background-color: white; color: #9F9F9F; text-align: left; font-weight: bold; }
#basket .separator td { border-top: solid 1px #B7B7B7; }
#rightcol .header { padding: 5px; font-size: 14px; font-weight: bold; }
#tip { background-color: #EE58C3; margin-top: 5px; padding: 5px; }
#tip .header { font-size: 16px; padding: 0px 5px 5px 0px }
#tip .header span { font-size: 18px; }

.gradient { background: white url(../images/rightcol.gif) repeat-x; }
#ref a { display: block; width: 162px; margin-top: 3px; }
#ref a img { border: none; }
#inquiry { margin-top: 5px; }	

#mainmenu a { display:block; color: White; text-decoration: none; text-align: center; font-weight: bold; padding-top: 2px; margin-bottom: 5px; }
#mainmenu a:hover { color: #516C08; }
#mainmenu a.sel { color: #333; }
#mainmenu a.akce { background-color: #B50389; font-size: 26px; padding-top: 4px; padding-bottom: 4px; }
#mainmenu a.news { background-color: #FB04C0; font-size: 18px; padding-top: 4px; padding-bottom: 4px; }
#mainmenu a.bizu { background-color: #9CDA01; font-size: 14px; padding-top: 4px; padding-bottom: 4px; }

#mainmenu a.l1 { font-size: 14px; background-color: #FD6DFF; padding-top: 5px; padding-bottom: 5px; }
#mainmenu a.l2 { background-color: #FFAFFF; font-size: 12px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 2px; }
#mainmenu a.l3 { background-color: #FEEBFF; font-size: 11px; color: #9F097A; margin-bottom: 1px; padding-top: 1px; padding-bottom: 2px; }
#mainmenu a.l3:hover { color: #516C08; }

/* subsection */
#content table { border-collapse: collapse; }
#content TD.header { border-bottom: solid 1px #BAC6DE; color: #485C86; font-weight: bold; } 
#content TD.innerheader { border-bottom: solid 1px #BAC6DE; border-top: solid 1px #A9A9A9; color: #485C86; font-weight: bold; padding-top: 8px; background-color: white; }
#content TD.innerheader span { font-weight: normal; }
#content TD, #content TH { padding: 2px 2px 2px 4px; }
#content TH { border-bottom: solid 1px #BDBDBD; border-top: solid 1px #BDBDBD; background-color: #FAFAFA; font-weight: normal; }
#content .controls { text-align: right; padding-top: 4px; }
#content TD.controls { border-top: solid 2px #A9A9A9; }
#content .button, #content .imgbutton { color: #5E5E5E; border: solid 1px #C1C1C1; background-color: White; font-weight: bold; margin-left: 4px; vertical-align:middle; cursor: pointer; font-size: 12px; height: 22px;}
#content .simgbutton { color: #5E5E5E; background: #F9F9F9; border: solid 1px #C1C1C1; font-weight: bold; margin-left: 4px; vertical-align:middle; cursor: pointer; font-size: 11px; height: 19px; padding-left: 14px; }
#content .imgbutton { padding-left: 18px; }
#content .update { background-image: url(../images/grid/confirm.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .back { background-image: url(../images/grid/prev.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .next { background-image: url(../images/grid/next.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .cartput { background-image: url(../images/grid/cartput.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .cartgo { background-image: url(../images/grid/cartgo.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .refresh { background-image: url(../images/grid/refresh.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .sendmail { background-image: url(../images/grid/mail_next.gif); background-position: 2px center; background-repeat: no-repeat; }
#content .key { background-color: #F5F5F5; color: #5E5E5E; font-weight: bold; vertical-align: top; padding-top: 4px; }
#content .keydet { background-color: #EDF1F7; color: #5E5E5E; font-weight: bold; vertical-align: top; padding-top: 4px; }
#content .topborder { border-top: solid 2px #A9A9A9; padding-top: 10px; }

a.button { padding: 3px 14px; }

/* REQUIRED styl */
#content select.req, #content input.req, #content .required .textbox, #content .required .dropdownlist { border: solid 1px #DD0601; padding: 2px; background-color: #FFEAE9; }

.validator { color: #CB3521; font-weight: bold; margin-left: 6px; }
.hint { color: Gray; font-style: italic; }
.indent { margin-top: 10px; }

h4 { background-color: #D29DFF; margin: 0px; padding: 6px; color: White;}
/* Info panel */
#content .infopanel { font-size: 12px; margin-top: 10px; margin-bottom: 10px; }
#content .infopanel TD { padding: 6px; text-align: left; }
#content .infopanel TD.icon { width: 18px; }
#content .infopanel .greeninfo { border: solid 1px #46861F; }
#content .infopanel .greeninfo TD { background-color: #E3F1D9; }
#content .infopanel .greeninfo .icon { background: #E3F1D9 url(../images/ipgreeninfo.gif) no-repeat center center; }

#content .infopanel .yellowinfo { border: solid 1px #CBCA57; }
#content .infopanel .yellowinfo TD { background-color: #F3F3D7; }
#content .infopanel .yellowinfo .icon { background: #F3F3D7 url(../images/ipyellowinfo.gif) no-repeat center center; }

#content .infopanel .error { border: solid 1px #9D3B2E; }
#content .infopanel .error TD { background-color: #FAECEA; }
#content .infopanel .error .icon { background: #FAECEA url(../images/iperror.gif) no-repeat center center; }

.infopanel ul { margin-top: 4px; margin-bottom: 4px; margin-left: 20px; }
.infopanel li { }

/* tabulky */
table td.key { font-weight: bold; }

/* fieldset */
fieldset { background: #F5F5F5 url(../images/fieldsetbckie.gif) top left repeat-x; border: solid 1px #A9A9A9; margin-top: 1em; position: relative; clear: both; display: block; padding: 0px; }
fieldset legend { margin-left: 6px; padding: 0px; position: relative; _top: -0.65em; color: #383838; font-weight: bold; }
fieldset hr { height: 1px; background-color: #A9A9A9; }
fieldset div.content { padding: 5px; }
fieldset div.controls { text-align: right; margin-top: 5px;}
#content fieldset table td.key { background-color: Transparent; }
fieldset a img { border: none; margin-right: 4px; vertical-align: middle; }
fieldset a { text-decoration: none; color: #383838; }

/* GRID */
.datagrid { /*border-bottom: solid 2px #C8C8C8*/ border: solid 1px #BDBDBD; margin-top: 14px; }
.datagrid TH { font-size: 11px; border-top: solid 1px #A9A9A9; padding: 2px 2px 2px 10px; border-bottom: solid 1px #BDBDBD; background-color: #E5E5E5; font-weight: bold; text-align: center; }
#content .datagrid TH { font-weight: bold; }
.datagrid TH A { color: #5E5E5E; background-image: url(../images/dgSort2.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 12px; }
.datagrid TH A:hover { color: #898A3C; background-image: url(../images/dgSortHigh2.gif); }
.datagrid .alt TD, .datagrid .normal TD, .datagrid .move TD, .datagrid .footer TD { border-top: dashed 1px #BAC6DE; padding-left: 10px;}
.datagrid .alt { background-color: #F0F2F6; }
.datagrid .footer td { border-top: solid 1px #A9A9A9; font-weight: bold; }
.datagrid .move { background-color: #E3E293; }

.datagrid .pager TABLE span { background-color: #A9A9A9; color: White; }
.datagrid .pager TABLE A:hover { color: Black; }
.datagrid IMG { border: none; }
.bottomborder { border-bottom: solid 2px #A9A9A9; }

/* context menu - overdiv */
.cntxwndfg { border: solid 1px #8EA4D0; padding: 0px; background-color: White;}
.cntxwndbg { border: solid 1px blue; padding: 2px; border: solid 1px #B9C7E3; background: #EDF2FF url(../images/thumb-back.gif) repeat-x left bottom; width: auto; }

/* katalogova polozka */
.catitem { width: 160px; height: 155px; float: left; margin-right: 15px; margin-bottom: 15px; background-color: White; overflow: hidden; }
#content div.catitem td { padding: 0px; }
.catitem td.caption { font-size: 13px; text-align: center; color: gray; }
.catitem td.price { background-color: #9CDA01; color: white; text-align: center; font-weight: bold; font-size: 12px; }
.catitem td.desc { overflow: hidden; font-size: 8px; padding: 2px; }
.catitem a.info { width: 44px; height: 19px; text-decoration: none; text-align: center; display: block; color: #9F9F9F; font-weight: bold; font-size: 14px; margin-bottom: 4px; }
#tip div.catitem td { padding: 0px; }

/* kategorie v katalogu */
.catcategory { width: 120px; height: 150px; float: left; margin-right: 15px; margin-bottom: 15px; background-color: White; }
#content div.catcategory td { padding: 0px; }
.catcategory td.caption a { font-size: 13px; text-align: center; color: Black; display: block; text-decoration: none; }

/* detail katalogove polozky */
.catdet { background-color: White; }
#content div.catdet td { padding: 0px; }
.catdet td.price { background-color: #9DDA01; text-align: center; font-weight: bold; color: White; font-size: 26px; }
.catdet .pname { font-weight: bold; font-size: 14px; }
.catdet .cap { background-color: #A09F9E; font-weight: bold; color: White; text-align: center; }
.catdet .pitem { text-align: right; }
.catdet .pitem span { font-weight: bold; color: #BBBBBB; margin: 5px; font-size: 16px; }
#content div.catdet td .cap { padding: 3px; }
.catdet p { padding: 10px; }
.catdet .propname { color: #BBBBBB; font-weight: bold; font-size: 12px; }
.catdet .propval { font-weight: bold; font-size: 12px; }
#content div.catdet td.propval { padding-left: 10px; }

.catdet .cback { text-align: center; margin-top: 24px; }
.catdet .cback a { font-weight: bold; font-size: 14px; color: Gray; text-decoration: none; }
.catdet .cback img { margin-right: 4px; vertical-align:middle; border: none; }
#content div.catdet td.cback { padding-top: 20px; }

/* overridy, vzdy na konci */
.nrm { margin-right: 0px; }

/* anketa */
.inquiry { width: 163px; font-size: 12px; }
.inquiry .caption { background-color: #FB04C0; font-weight: bold; padding: 4px 2px 4px 2px; }
.inquiry .info { background-color: #FFE3F8; padding: 4px 2px 4px 2px; color: Black; border-top: 2px solid #FB04C0; font-size: 10px; font-style: italic; }
.inquiry .body { background-color: White; color: #FB04C0; text-align: left; padding: 8px; }
.inquiry .body a { color: #FD65D7; font-weight: bold; text-decoration: none; display: block; background-image: url(../images/bullet2.gif); background-repeat: no-repeat; background-position: left center; padding-left: 17px; margin-bottom: 16px; }
.inquiry .body a:hover { color: #FB04C0; background-image: url(../images/bullet3.gif); }
.inquiry .body a.l { margin-bottom: 0px; }
.inquiry .body td { color: #FD65D7; font-weight: bold; padding-top: 4px; }
.inquiry .body table { width: 100%; }
.inquiry td.v { color: #FB04C0; text-align: right; }
.inquiry tr.t td { padding-top: 10px; color: #BCBCBC; }

.paybutton { display: block; width: 120px; height: 20px; color: #2A3701; background: #DEF2A9 url(../images/pay.gif) no-repeat; text-decoration: none; padding-top: 3px; font-size: 14px; font-weight: bold; border: solid 1px #9CDA01; }