* {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #555555;
}

html,body {
      margin: 0;
      padding: 0;
      height: 100%;
      border: none
}

img {
    border: none;
}


#panel {
    /*
    width: 100%;
    */
    height: 100%;
    background-color: #191919;
}

#panelLeft {
    /*
    height: 100%;
    vertical-align: middle;
    */
    vertical-align: top;
    padding-top: 360px;
    cursor: pointer;
}

#panelMain {
    height: 100%;
    padding: 0px 20px 0px 0px;
    vertical-align: top;
    color: #fff;
}

#panelContent {
    width: 100%;
    height: 100%;
    vertical-align: top;
    background-color: #EBEBEB;
}

#panelContentTop {
    padding-left: 20px;
    height: 45px;
    background: #EBEBEB url('/public/images/bg_lista.png') repeat-x;
}

#panelContentContent {
    /*padding-top: 10px;*/
    background-color: #EBEBEB;
}

.W {width: 100%;}
.H {height: 100%;}

/* xxx */
a {
    color: #555555;
    text-decoration: none;
}

.blok {
    margin-bottom: 20px;
    border: 1px solid #909090;
}

div.navigation {
    background-color: #080808;
}

div.navigation ul {
    margin: 0px;
    padding: 0px;
}

div.navigation ul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div.navigation ul li a {
    margin: 0px;
    padding: 10px 15px 10px 15px;
    display: block;
    /*color: #4C4C4C;*/
    color: #909090;
    text-decoration: none;
    border-bottom: 1px dotted #909090;
    font-weight: bold;
    font-size: 12px;
}
div.navigation ul li a:hover {
    color: #fff;
    background-color: #191919;
}

div.navigation ul li a.active {
    color: #fff;
    background-color: #191919;
}

div.navigation ul li a.last {
    border-bottom: none;
}


table.myForm {
    margin: 20px;
    background: #fff;
}

td.myForm {
    padding: 10px;
}

form.myForm {
    padding: 10px;
}

.myTable {
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    border: 1px solid #C8C8C8;
}
.myTable tr th, .myTable tr td {
    border: 1px solid #C8C8C8;
}

.myTable tr.active td {
    background: #EBEBEB;
}

.myTable2 {
    margin: 0px;
    padding: 0px;
    border: 0px solid #fff;
}
.myTable2 tr th, .myTable2 tr td {
    border: 0px solid #fff;
    padding: 3px;
}
.myTable2 tr th {
    border-bottom: 1px solid #C8C8C8;
}

.myTableKat {
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    border: 1px solid #C8C8C8;
}
.myTableKat tr th, .myTableKat tr td {
    padding: 1px 3px 1px 3px;
    border-bottom: 1px solid #C8C8C8;
}

.myTableKat tr th {
    padding: 4px 3px 4px 3px;
}

.tableBase {
    margin: 0px;
    padding: 0px;
    border: none;
}
.tableBase tr th, .tableBase tr td {
    border: none;
}

.tableBase tr.active td {
    background: #EBEBEB;
}



input.myCmd {
    border: 1px solid #C8C8C8;
}

a.myCmd {
    text-decoration: none;
}
a.myCmd img {
    border: none;
}

.disabled {
    background: #EBEBEB;
}

input, select, button, checkbox {
    padding: 3px 5px 3px 5px;
    border: 1px solid #C8C8C8;
}

p.err {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    border: 1px solid #FF3232;
    background: #FFC8C8;
}

p.ok {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    border: 1px solid #FF3232;
    background: #FFC8C8;
}

p.alert {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    border: 1px solid #FF3232;
    background: #FFC8C8;
}

p.info {
    margin: 10px 0px 0px 0px;
    padding: 5px;
    border: 1px solid #FF3232;
    background: #FFC8C8;
}

#panelContentTop {
    color: #191919;
    font-size: 14px;
    font-weight: bold;
}

.tlac {
    line-height: 18px;
}

.tlac .label {
    font-size: 9px;
}

.tlac td {
    padding: 1px 3px 1px 3px;
}

a.myButton {
    background: #F0F0F0;
    margin: 0px;
    padding: 5px 4px 5px 4px;
    border: 1px solid #C8C8C8;
    color: #000;
    text-decoration: none;
}



.block {
    margin: 0px 20px 20px 20px;
    border: 1px solid #4C4C4C;
}

.text {
    background-color: #080808;
    padding: 10px;
}

#panelMain h4 {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    color: #fff;
}

#panelMain .text p, #panelMain .text table {
    margin: 10px 0px 5px 0px;
    padding: 10px 0px 0px 0px;
    border-top: 1px dotted #4C4C4C;
}

table.submenu {
    border-collapse:collapse;
}

table.submenu tr {
}

table.submenu tr td {
    padding: 10px;
    border-bottom: 1px solid #C8C8C8;

}

table.submenu tr td.active {
    border-bottom: 1px solid #fff;

}

table.submenu tr td a {

}

table.submenu tr td a.active,
table.submenu tr td a:hover {
    font-weight: bold;
}

.tlac {
    width: 720px;
}
/*
@media print
{
    .noprint {
         display:none;
    }

    .tlac {
        display: block;
        width: 920px;
        background: green;
    }

}
*/

.fKatTypList ul li a.activ {
    background: #EBEBEB;
    color: #000;
    border: 1px solid #C8C8C8;
    padding: 3px 2px 3px 2px;
}

.fKatTypList ul li.options {
    background: #EBEBEB;
    border: 1px solid #C8C8C8;
}

.fKatTypList ul li.options ul li a {
    display: block;
    padding: 4px 2px 4px 2px;
}

.fKatTypList ul li.options ul li a:hover {
    color: #000;
}

/*
* autocomplete
*/


div.autocomplete {
    position:absolute;
    width:250px;
    background-color:white;
    /*
    border:1px solid #888;
    */
    margin:0;
    padding:0;
}
div.autocomplete ul {
    list-style-type:none;
    border:1px solid #888;
    margin:0;
    padding:0;
}
div.autocomplete ul li.selected { 
    background-color: #ffb;
}

div.autocomplete ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px 4px 2px 4px;
    /*
    height:32px;
    */
    cursor:pointer;
}

/*
tr.drink_tr_kit {
}
tr.drink_tr_kit td {
    border: none;
    border: 1px solid #FAFAFA;
    border-top: 1px solid #000;
}

tr.drink_tr_kat {
}

tr.drink_tr_kat td {
    border: none;
    border: 1px solid #FAFAFA;
    border-bottom: 1px solid #000;
}
*/


table.DRINK_KATKIT {
    margin: 0px;
    padding: 0px;
    border-collapse:collapse;
    border: 1px solid #000;
}

table.DRINK_KATKIT tr th,
table.DRINK_KATKIT tr td {
    padding: 3px;
}
table.DRINK_KATKIT tr.DRINK_KATKIT_THEAD th {
    border: 1px solid #C8C8C8;
}

table.DRINK_KATKIT tr.DRINK_KATKIT_TBODY_KIT td {
    border: 1px solid #C8C8C8;
    border-top: 1px solid #000;
}

table.DRINK_KATKIT tr.DRINK_KATKIT_TBODY_KAT td {
    border: 1px solid #C8C8C8;
    border-bottom: 1px solid #000;
}


/*
table.DRINK_KAT tr th,
table.DRINK_KAT tr td {
    border-top: 1px solid #C8C8C8;
    padding: 3px;
}

table.DRINK_KAT tr.active td {
    background: #EBEBEB;
}
*/

.smallText {
    font-size: 9px;
}

td.active {
    background-color: #EBEBEB;
}

div.cntBlok {
    float: left;
    background-color: #ffffff;
    padding: 10px;
}

div#cnt {
    margin: 20px;
}

div.db {
    padding: 10px 0px 0px 0px;
}


div.db_ok {
    padding: 5px;
    border: 1px solid red;
    background-color: #FFC8C8;
}

div.db_test {
    padding: 5px;
    border: 1px solid green;
    background-color: #9BCF93;
}

.msg {
    margin: 0px 0px 10px 0px;
    padding: 5px;
}

.msg_ok {
    padding-left: 25px;
    background-color: #C0E4B9;
    background-image:  url('/public/images/accept.png');
    background-repeat: no-repeat;
    background-position:  5px center;
    border: 1px solid green;
}

.msg_error {
    padding-left: 25px;
    background-color: #FFC8C8;
    background-image:  url('/public/images/exclamation.png');
    background-repeat: no-repeat;
    background-position:  5px center;
    border: 1px solid red;
}

.msg_info {
    padding-left: 25px;
    background-color: #D5E2F1;
    background-image:  url('/public/images/information.png');
    background-repeat: no-repeat;
    background-position:  5px center;
    border: 1px solid #638AB9;
}

div#objp {
    margin-top: 10px;
}

div#obj table.drink {
    
}

div#obj table.drink th,
div#obj table.drink td {
    padding: 5px 3px 5px 3px;
}

div#obj table.drink td input {
    padding: 3px 3px 3px 3px;
}

div#obj table.drink td select {
    padding: 3px 3px 3px 3px;
}

table.ctrlMn {
}

table.ctrlMn tr td {
    border: none;
}

table.ctrlMn tr td {
    margin: 0px;
    padding: 0px;
}

table.ctrl {
}

table.ctrl tr td {
    border: none;
}

table.ctrl tr td {
    margin: 0px;
    padding: 0px;
}


.bold {
    font-weight: bold;
}

.smalltext {
    font-size: 10px;
}

div.strankovanie {
}

div.strankovanie div {
    float: left;
    margin: 5px 10px 5px 10px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #fff;
}

div.strankovanie div.stranka {
    float: left;
    width: 20px;
    height: 20px;
    margin: 5px 1px 5px 0px;
    text-align: center;
    border: 1px solid #C8C8C8;
}

div.strankovanie div.stranka a {
    line-height: 20px;
    display: block;
    background: #EBEBEB;
}

div.strankovanie div.stranka a.aktivna {
    font-weight: bold;
    background-color: #FFD661;
}
/*
 * produkt
 */
/*
.product-img {
    float: left;
    width: 110px;
    height: 110px;
    padding: 5px;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
    position: relative
}

.product-img a {
    float: left;
    width: 110px;
    height: 110px;
    position: absolute;
    top: 5px;
    left: 5px
}
*/
.products-list-wrap {
    float: left;
    /*
    width: 100%;
    */
}

.products-list {
    /*
    padding: 0px 0px 0px 0px;
    margin: 0;
    float: left;
    clear: both;
    position: relative;
    */
}

.products-list .thumb {
    /*
    float: left;
    margin-right: 1px;
    margin-bottom: 9px;
    */
}

.thumb {
    float: left;
    border: 1px solid #e5e5e5;
    width: 20px;
    position: relative;
    border-bottom-color: #d7d7d7;
}

.thumb:hover {
    border-color: #c0c0c0;
}


table.drink tr td,
table.drink tr th {
    border-left: none;
    border-right: none;
}

div#kat {
}


table.table_base {
    margin: 0px;
    padding: 0px;
    border-collapse: collapse;
}

table.table_base tr th,
table.table_base tr td {
}


.border {
    border: 1px solid #C8C8C8;
}

table.drink_objp_tlac {

}

table.drink_objp_tlac tr th,
table.drink_objp_tlac tr td {
    padding: 5px 10px 5px 10px;
}


ul.buttonBar {
    margin: 6px 0px 6px 0px;
}

ul.buttonBar li {
    margin-right: 0px;
}

ul.buttonBar li.last {
    margin-right: 0px;
}

ul.buttonBar li a {
    padding: 5px 10px 5px 10px;
    background-color: #EBEBEB;
    border: 1px solid #C8C8C8;
}

ul.inline li {
    display: inline;
}