/* Zakladni nastaveni stranky */
/*{ font-size:12px;}*/
/*žuťoučký kůň úpěl ďábelské ódy/
/*test barev na http://www.hextractor.com/*/

/*@import url(http://fonts.googleapis.com/css?family=Audiowide&subset=latin,latin-ext);*/

/*@import url(https://fonts.googleapis.com/css?family=Dosis:400,500,600,700&subset=latin-ext);*/
@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@300;400;500;600;700;800;900&display=swap');



body {
    font-size         : 16px;
    font-weight       : 400;
    font-family       : 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
    color             : #333333;
    text-align        : center;
    margin            : 0px 0px 10px 0px;
    /*background-image: url('images/testonly.jpg');*/
}

a {
    text-decoration: none;
    color          : #6ea83b;
}

a:hover {
    text-decoration: underline;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: #555555;
    box-shadow  : 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(7, 134, 205, 0.9);
    outline     : 0 none;
}

/*APRIL*/
/*.statusbar {transform: scaleX(-1)}*/
.peckagalerie {
    display         : inline-block !important;
    float           : right !important;
    position        : absolute;
    background      : white;
    left            : 0px;
    top             : 0px;
    width           : 20px;
    height          : 17px;
    background-image: url('https://www.uniag.biz/_styl_2016/images/galerie.png');

}

.peckavideo {
    display         : inline-block !important;
    float           : right !important;
    position        : absolute;
    background      : white;
    left            : 0px;
    top             : 18px;
    width           : 20px;
    height          : 17px;
    background-image: url('https://www.uniag.biz/_styl_2016/images/video.png');

}

.peckavideo2 {
    display         : inline-block !important;
    float           : right !important;
    position        : absolute;
    background      : white;
    left            : 0px;
    top             : 0px;
    width           : 20px;
    height          : 17px;
    background-image: url('https://www.uniag.biz/_styl_2016/images/video.png');

}

.peckakolik {
    background           : #FF8040 !important;
    border-radius        : 10px !important;
    -moz-border-radius   : 10px !important;
    -webkit-border-radius: 10px !important;
    color                : #ffffff !important;
    display              : inline-block !important;
    font-weight          : bold !important;
    line-height          : 12px !important;
    margin               : 2px !important;
    margin-left          : 5px !important;
    text-align           : center !important;
    /*width              : 1em  !important; */
    float                : right !important;

}

.peckakolik1 {
    background           : #FF8040 !important;
    /* */
    border-radius        : 10px !important;
    -moz-border-radius   : 10px !important;
    -webkit-border-radius: 10px !important;
    color                : #ffffff !important;
    display              : inline-block !important;
    font-weight          : bold !important;
    line-height          : 12px !important;
    margin               : 2px !important;
    margin-right         : 8px !important;
    padding              : 3px;
    text-align           : center !important;
    width                : 12px !important;
    float                : left !important;

}

.peckaseda {
    background: #DDDDDD !important;
}

.peckakolik2 {
    background           : #FF8040 !important;
    border-radius        : 10px !important;
    -moz-border-radius   : 10px !important;
    -webkit-border-radius: 10px !important;
    color                : #ffffff !important;
    display              : inline-block !important;
    font-weight          : bold !important;
    line-height          : 15px !important;
    margin               : 0px !important;
    margin-left          : 5px !important;
    text-align           : center !important;
    width                : 1.1em !important;
    float                : right !important;
    width                : 40px;
    color                : #AAAAAA;
    border               : 1px dotted #AAAAAA;
    position             : absolute;
    background           : white;
    left                 : 80px;
    top                  : 0px;
    border-radius        : 4px;
    text-align           : center;
    padding              : 1px;
    cursor               : help;
}

.dalsiobrazekodkaz {
    position: relative;
}

.ubizbutton {
    text-align           : center;
    display              : block;
    padding              : 5px;
    margin               : 5px;
    border               : 1px dotted #AAAAAA;
    background-color     : #EEEEEE;
    -webkit-border-radius: 3px;
    -moz-border-radius-  : 3px;
    cursor               : pointer;
}

.ubizbutton:hover {
    text-align           : center;
    display              : block;
    padding              : 5px;
    margin               : 5px;
    border               : 1px dotted #AAAAAA;
    background-color     : #EAEAEA;
    -webkit-border-radius: 3px;
    -moz-border-radius-  : 3px;
    cursor               : pointer;
}

img {
    border: 0px solid #FFFFFF;
}

fieldset {
    border : 1px dotted #AAAAAA;
    padding: 5px 10px;
}

em.info {
    display   : none;
    background: url('images/hover.png') no-repeat;
    width     : 180px;
    height    : 45px;
    position  : absolute;
    top       : -85px;
    left      : -65px;
    text-align: center;
    padding   : 20px 12px 10px;
    font-style: normal;
    z-index   : 2;
    font-size : 12px;
}


input {
    padding    : 2px;
    border     : 1px solid #dddddd;
    font-weight: 400;
    font-family: 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
}

input[type=submit] {
    cursor: pointer;
}

input[type=checkbox] {
    border: 0px solid #FFFFFF;
}

textarea {
    padding    : 2px;
    border     : 1px solid #dddddd;
    font-weight: 400;
    font-size  : 15px;
    font-family: 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
}

text {
    border-radius: 4px;
    border       : 1px solid #dddddd
}

select {
    border-radius: 4px;
    border       : 1px solid #dddddd;
    max-width    : 400px;
}

.tooltip {
    display    : inline-block;
    background : transparent url("images/white_arrow.png");
    margin     : 0px;
    font-size  : 11px;
    height     : 70px;
    width      : 160px;
    padding    : 25px;
    color      : #225588;
    font-weight: 700;
    z-index    : 2;
}

.tooltip2 {
    display   : none;
    background: url(https://static.flowplayer.org/tools/img/tooltip/white_arrow_big.png);
    height    : 450px;
    padding   : 40px 30px 10px 30px;
    width     : 470px;
    font-size : 11px;
    color     : #222222;
}

.tooltip2 .label {
    color: #225588;
    width: 35px;
}

.tooltip2 a {
    color      : #6ea83b;
    font-size  : 11px;
    font-weight: 700;
}

.clanky a {
    color      : #6ea83b;
    font-size  : 20px;
    font-weight: 500;
}

.pocetvet {
    font-size       : 12px;
    font-weight     : 400;
    background-color: #EEEEEE;
    color           : #666666;
    margin-left     : 0.8em;
    padding         : 3px 5px;
    min-width       : 3em;
    border-radius   : 50%;
}

.sortiment {
    border    : 0px solid red;
    text-align: center;
    margin    : auto;
}

.lh4 {
    border                            : dashed 0px #000000;
    -moz-border-radius-topleft        : 4px;
    -moz-border-radius-topright       : 0px;
    -moz-border-radius-bottomleft     : 0px;
    -moz-border-radius-bottomright    : 0px;
    -webkit-border-top-left-radius    : 4px;
    -webkit-border-top-right-radius   : 0px;
    -webkit-border-bottom-left-radius : 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-top-left-radius            : 4px;
    border-top-right-radius           : 0px;
    border-bottom-left-radius         : 0px;
    border-bottom-right-radius        : 0px;
}

.kulaterohy5 {
    -moz-border-radius-topleft        : 5px;
    -moz-border-radius-topright       : 5px;
    -moz-border-radius-bottomleft     : 5px;
    -moz-border-radius-bottomright    : 5px;
    -webkit-border-top-left-radius    : 5px;
    -webkit-border-top-right-radius   : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-left-radius            : 5px;
    border-top-right-radius           : 5px;
    border-bottom-left-radius         : 5px;
    border-bottom-right-radius        : 5px;
}

.kulaterohy5top {
    -moz-border-radius-topleft     : 5px;
    -moz-border-radius-topright    : 5px;
    -webkit-border-top-left-radius : 5px;
    -webkit-border-top-right-radius: 5px;
    -border-top-left-radius        : 5px;
    border-top-right-radius        : 5px;
}


cite.info {
    border     : none;
    background : url('images/help_icon_s.gif') no-repeat;
    margin-left: 5px;
    padding    : 0px;
    width      : 10px;
    height     : 10px;
    text-align : center;
    z-index    : 2;
    display    : inline-block;
}

.load {
    border     : none;
    background : url('images/loading.gif') no-repeat;
    margin-left: 0px;
    padding    : 0px 0px 0px 60px;
    text-align : left;
    display    : block;
    height     : 50px;
    color      : #6ea83b;
}

.bold {
    font-weight: 700;
}

.skrnuty {
    text-decoration: line-through;
    /*font-size    :11px;*/
}

.cerveny {
    color      : #FF2000 !important;
    /*font-size:11px;*/
}

.zeleny {
    color      : #6ea83b !important;
    /*font-size:11px;*/
}

.zeleny2 {
    color      : #6e882b !important;
    /*font-size:11px;*/
}

.modry {
    color      : #0786cd !important;
    /*font-size:11px;*/
}

.sedy {
    color      : #aaaaaa !important;
    /*font-size:11px;*/
}

.oranz {
    color      : #FF8040 !important;
    /*font-size:11px;*/
}

.oranzovy {
    color      : #FF8040 !important;
    /*font-size:11px;*/
}

.zlutytm {
    color: #FFB937 !important;
}

.zluty2 {
    color: #FFFAA8 !important;
}

.bily {
    color      : #FFFFFF !important;
    /*font-size:11px;*/
}

.fialovy {
    color      : #971C5B !important;
    /*font-size:11px;*/
}

.cerny {
    color      : #222222 !important;
    /*font-size:11px;*/
}

.fix {
    position: fixed;
    top     : 0;
}

;




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

.textsizeMM {
    font-size: 14px !important;
}

.textsizeM {
    font-size: 16px !important;
}

.textsizeL {
    font-size: 20px !important;
}

.textsizeXL {
    font-size: 26px !important;
}



.bg_fialovy {
    background-color: #ffd6d6;
}

.bg_cerveny {
    background-color: #FF9799;
    background      : url('images/skladem_cerv.png') no-repeat left top;
}

.bg_cerveny2 {
    background-color: #e25e61;
}

.bg_cerveny3 {
    background-color: #FFB4B4;
}

.bg_zeleny {
    background-color: #6ea83b;
    background      : url('images/skladem_zel.png') no-repeat left top;
}


.bg_zeleny2 {
    background-color: #6ea83b;
}

.bg_zeleny3 {
    background-color: #dfffd4;
}

.bg_modry {
    background-color: #C7E0FF;
    background      : url('images/skladem_mod.png') no-repeat left top;
}

.bg_zluty {
    background-color: #ffd5aa;
    background      : url('images/skladem_zlu.png') no-repeat left top;
}

.bg_sedy {
    background-color: #DDDDDD;
    background      : url('images/skladem_sedy.png') no-repeat left top;
}

.bg_oranzovy {
    background-color: #fce7d6;
    /* background   : url('images/skladem_ora.png') no-repeat left top;*/
}

.bg_zelenysv {
    background-color: #dfffd4;
    /* background   : url('images/skladem_ora.png') no-repeat left top;*/
}



.bg_zeleny_pecka {
    color           : #111111 !important;
    background-color: #DBF1BF !important;
    margin          : 2px;
    /*font-size     :11px;*/
}

.bg_modry_pecka {
    color           : #111111 !important;
    background-color: #d6e6ff !important;
    margin          : 2px;
    /*font-size     :11px;*/
}

.bg_zluta_pecka {
    color           : #111111 !important;
    background-color: #FFFAA8 !important;
    margin          : 2px;
    /*font-size     :11px;*/
}

.bg_sedy_pecka {
    color           : #111111 !important;
    background-color: #EEEEEE !important;
    margin          : 2px;
    /*font-size     :11px;*/
}


.bg_zeleny_pecka2 {
    color           : #FFFFFF !important;
    background-color: #6ea83b !important;
    margin-left     : 2px;
    /*font-size     :11px;*/
}

.iconsorting {
    background: url('images/sorting-16.png') no-repeat left top;
    height    : 16px;
    width     : 16px;
    margin    : 8px 5px;
    float     : left;
}

.iconfilter {
    background: url('images/filter-16.png') no-repeat left top;
    height    : 16px;
    width     : 16px;
    margin    : 8px 5px;
    float     : right;
}

.iconfilterzrus {
    background: url('images/filter-16zrus.png') no-repeat left top;
    height    : 16px;
    width     : 16px;
    margin    : 8px 5px;
    float     : right;
    cursor    : pointer;
}

.iconview {
    background: url('images/view-16.png') no-repeat left top;
    height    : 16px;
    width     : 16px;
    margin    : 8px 5px;
    float     : right;
}

.bg_bily {
    background-color: #FFFFFF;
}

.bg_cerny {
    background-color: #222222;
}

.backred {
    background-color: #FFD4D4;
}

.backgreen {
    background-color: #DFFFD4;
}

.bacoranz {
    background-color: #fce7d6;
}

.drobeckova {
    color    : #0786cd;
    font-size: 15px;
    margin   : 5px;
}

.div50 {
    width: 50%;
    float: left;
}

.slevaico {
    background: url('images/sleva.png?a=1') no-repeat right top 3px;
}

.incognito {
    background: url('images/incognito.png?a=1') no-repeat right top 3px;
}

.peckanew {
    background: url('images/new.png?a=1') no-repeat right top 3px;
}

.peckanewsleva {
    background: url('images/newsleva.png?a=1') no-repeat right top 3px;
}

.vobico {
    background: url('images/vob.png') no-repeat right top;
}

.mixsortico {
    background: url('images/mixsort.png') no-repeat right top 3px;
}

.mixsort24onico {
    background: url('images/mixsort24on.png') no-repeat right top;
}

.mixsort24chybaico {
    background: url('images/mixsort24chyba.png') no-repeat right top;
}

.mixsort24offico {
    background: url('images/mixsort24off.png') no-repeat right top;
}

.vob24onico {
    background: url('images/vob24on.png') no-repeat right top;
}

.vob24chybaico {
    background: url('images/vob24chyba.png') no-repeat right top;
}

.vob24pozorico {
    background: url('images/vob24pozor.png') no-repeat right top;
}

.vob24offico {
    background: url('images/vob24off.png') no-repeat right top;
}

.ui-widget {
    font-family: 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
    font-size  : 15px;
}

.ui-tabs .ui-tabs-panel {
    padding: 1px;
}

.ui-widget-content {
    border      : 0px solid white;
    padding     : 0px;
    /*min-height: 300px;*/
}

.ui-widget-header {
    border       : 0px solid white;
    background   : none;
    border-bottom: 1px dotted #888888;
}


.tiskni {
    background       : transparent url("images/print.png");
    background-size  : 100%;
    cursor           : pointer;
    background-repeat: no-repeat;
    border           : none;
    width            : 20px;
    height           : 20px;
}

.detail {
    background       : transparent url("images/detail.png");
    background-size  : 100%;
    cursor           : pointer;
    background-repeat: no-repeat;
    border           : none;
    width            : 20px;
    height           : 20px;
}


.detail:hover {
    background       : transparent url("images/detailhover.png");
    background-size  : 100%;
    cursor           : pointer;
    background-repeat: no-repeat;
    border           : none;
    width            : 20px;
    height           : 20px;
}

.detail2 {
    background       : transparent url("images/detail.png");
    background-size  : 100%;
    cursor           : pointer;
    background-repeat: no-repeat;
    border           : none;
    width            : 20px;
    height           : 20px;
    display          : inline-block;
}

.detail2:hover {
    background       : transparent url("images/detailhover.png");
    background-size  : 100%;
    cursor           : pointer;
    background-repeat: no-repeat;
    border           : none;
    width            : 20px;
    height           : 20px;
    display          : inline-block;
}


.velky {
    font-size: 20px;
}

.maly {
    font-size: 10px;
}

.pravy {
    text-align: right !important;
}

.levy {
    text-align: left !important;
}

.stred {
    text-align: center;
}

.neni {
    display: none;
}

.nezalamuj {
    white-space: nowrap;
}

/*ikony nad fotografii*/
.slevamoc {
    font-weight     : 600;
    opacity         : 0.9;
    filter          : alpha(opacity=90);
    position        : absolute;
    right           : 0px;
    top             : 2px;
    padding         : 2px;
    background-color: #7ca4c7;
    color           : #FFFFFF;
    font-size       : 9px;
    text-align      : right;
}

.novinka {
    font-weight     : 600;
    opacity         : 0.9;
    filter          : alpha(opacity=90);
    position        : absolute;
    right           : 0px;
    top             : 125px;
    padding         : 2px;
    background-color: #6ea83b;
    color           : #FFFFFF;
    font-size       : 10px;
    text-align      : left;
}

.vobalico {
    width      : 26px;
    height     : 26px;
    font-weight: 600;
    position   : absolute;
    left       : 0px;
    top        : 20px;
    color      : #FFFFFF;
    font-size  : 11px;
    background : url('images/VOBal.gif') no-repeat;
}

.zobrazitvictextu {
    cursor          : pointer;
    width           : 100%;
    font-weight     : 600;
    opacity         : 0.90;
    filter          : alpha(opacity=90);
    position        : absolute;
    left            : 0px;
    bottom          : 0px;
    padding         : 4px;
    background-color: #FFFFFF;
    color           : #6ea83b;
    font-size       : 12px;
    text-align      : center;
}


.width100 {
    width: 100%;
}

.stfloatleft {
    float: left;
}

.stfloatright {
    float: right;
}

.stclearboth {
    clear: both;
}

.stclearboth10 {
    clear     : both;
    margin-top: 10px;
}

.stclearleft {
    clear: left;
}

.stclearright {
    clear: right;
}

.visijo {
    visibility: visible;
}

.visine {
    visibility: hidden;
}

.dispjo {
    display: block;
}

.dispne {
    display: none;
}

.dinline {
    display: inline;
}

.pocet {
    text-align: right;
}




/*tabulky řádky*/

.tabulkahlava {
    background-color: #eef2f5;
    text-align      : center;
    position        : sticky;
    top             : 40px;
    z-index         : 9999;
    box-shadow      : 0 1px 1px -1px rgba(0, 0, 0, 0.8);
}

.tabulkaobsah {
    background-color: #eeffc8;
    text-align      : center;
}

.tabulkapata {
    background-color: #eef2f5;
    text-align      : center;
    font-weight     : bolder;
}

.uathead {
    background-color: #eef2f5;
    text-align      : center;
    font-weight     : 600;
}

.uatbody .uatr:hover {
    background-color: #fff4ea;
}

.uatdparam {
    font-weight: 600;
}

.uasudy {
    background-color: #fefefe;
}

.ualichy {
    background-color: #FAFAFA;
}



/*barvy pozadí řádků TD i DIV*/
.sudy {
    background-color: #fefefe;
}

.skladdet td {
    border-bottom: 1px solid #DDDDDD;
}

.lichy {
    background-color: #FAFAFA;
}

.pridany {
    background-color: #eeeeee;
}

.vyb {
    background-color: #fff4ea;
}

.italic {
    font-style: italic !important;
}

.podtrzeny {
    text-decoration: underline !important;
}

.podtrzenyhover:hover {
    text-decoration: underline !important;
}



/*Napdisy odstavců*/
.tabulkahlavaz {
    font-family : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    border      : 0px solid red;
    background  : url('images/kapitola.png') no-repeat left top;
    color       : #0786cd;
    font-weight : 600;
    padding-top : 10px;
    font-size   : 22px;
    height      : 44px;
    padding-left: 20px;
    margin-top  : 0px;
}

/* #0786cd #6ea83b */
.tabulkahlavao {
    font-family : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    border      : 0px solid red;
    background  : url('images/kapitolavelka.png') no-repeat left top;
    color       : #FF8040;
    font-weight : 600;
    padding-top : 10px;
    font-size   : 33px;
    height      : 55px;
    padding-left: 20px;
    margin-top  : 0px;
}

/* #0786cd #6ea83b */
.tabulkahlavaom {
    font-family : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    border      : 0px solid red;
    background  : url('images/kapitolavelka.png') no-repeat left top;
    color       : #FF8040;
    font-weight : 600;
    padding-top : 25px;
    font-size   : 22px;
    height      : 55px;
    padding-left: 20px;
    margin-top  : 0px;
}

/* #0786cd #6ea83b */
.tabulkahlavazcerv {
    background  : url('images/nav_universal.png') no-repeat left;
    color       : #FF2000;
    padding-top : 15px;
    font-size   : 20px;
    height      : 30px;
    padding-left: 50px;
}

/* #0786cd #6ea83b */

.tabulkatools {
    display: none;
}

.stribrnyram {
    border        : 0px solid red;
    /*#DDDDDD;*/
    padding-top   : 5px;
    padding-bottom: 5px;
    margin-right  : 5px;
    margin-bottom : 20px;
    margin-left   : 10px;
}

.cara {
    border-top   : 1px dotted #dddddd;
    margin-top   : 5px;
    margin-bottom: 5px;
    margin-right : 80px;
    font-size    : 0px;
    margin-left  : 20px;
}

.cara2 {
    border-top   : 1px dotted #aaaaaa;
    margin-top   : 5px;
    margin-bottom: 15px;
    margin-right : 5px;
    font-size    : 0px;
    margin-left  : 5px;
}




/*dolní lišta*/
.kredithelp {
    cursor: pointer;
}

.kreditzelena {
    background   : url('images/kredit_zelena.png') no-repeat left;
    width        : 22px;
    height       : 28px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.kreditzelena:hover {
    opacity: 0.6;
}

.kreditzluta {
    background   : url('images/kredit_zluta.png') no-repeat left;
    width        : 22px;
    height       : 28px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.kreditzluta:hover {
    opacity: 0.6;
}

.kreditcervena {
    background   : url('images/kredit_cervena.png') no-repeat left;
    width        : 22px;
    height       : 28px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.kreditcervena:hover {
    opacity: 0.6;
}

.kreditstop {
    background   : url('images/kredit_stop.png') no-repeat left;
    width        : 22px;
    height       : 28px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.kreditstop:hover {
    opacity: 0.6;
}

.kreditdobirka {
    background   : url('images/kredit_dobirka.png') no-repeat left;
    width        : 22px;
    height       : 28px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.kreditdobirka:hover {
    opacity: 0.6;
}

.kreditzelenav {
    background   : url('images/kredit_v_zelena.png') no-repeat left;
    width        : 45px;
    height       : 52px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    cursor       : help;
    float        : right;
}

.kreditzelenav:hover {
    opacity: 0.6;
}

.kreditzlutav {
    background   : url('images/kredit_v_zluta.png') no-repeat left;
    width        : 45px;
    height       : 52px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    cursor       : help;
    float        : right;
}

.kreditzluta:hover {
    opacity: 0.6;
}

.kreditcervenav {
    background   : url('images/kredit_v_cervena.png') no-repeat left;
    width        : 45px;
    height       : 52px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    cursor       : help;
    float        : right;
}

.kreditcervenav:hover {
    opacity: 0.6;
}

.kreditstopv {
    background   : url('images/kredit_v_stop.png') no-repeat left;
    width        : 45px;
    height       : 52px;
    border       : 0;
    padding-left : 0px;
    padding-right: 0px;
    cursor       : help;
    float        : right;
}

.kreditstopv:hover {
    opacity: 0.6;
}


.malykosikodkaz {
    background   : url('images/kosik_maly.png') no-repeat left;
    width        : 40px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.malykosikodkaz:hover {
    opacity: 0.6;
}

.poodeslat {
    background   : url('images/poodeslat.png') no-repeat left;
    width        : 50px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.poodeslat:hover {
    opacity: 0.6;
}

.stredkosikodkaz {
    background   : url('images/kosik_stred.png') no-repeat right top;
    width        : 40px;
    height       : 25px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.stredkosikodkaz:hover {
    opacity: 0.6;
}

.stredkosikodkazchyba {
    background   : url('images/kosik_stredchyba.png') no-repeat right top;
    width        : 40px;
    height       : 25px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    float        : right;
}

.stredkosikodkazchyba:hover {
    opacity: 0.6;
}

.malykosikblesk {
    background   : url('images/kosik_maly_blesk.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    display      : block;
    float        : right;
}

.malykosikblesk:hover {
    opacity: 0.6;
}

.malykosikM {
    background   : url('images/kosik_maly_M.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    display      : block;
    float        : right;
}

.malykosikM:hover {
    opacity: 0.6;
}

.malykosikMKc {
    background   : url('images/kosik_maly_MKc.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    display      : block;
    float        : right;
}

.malykosikMKc:hover {
    opacity: 0.6;
}

.malykosikVOC {
    background   : url('images/kosik_maly_Voc.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 0px;
    padding-right: 0px;
    display      : block;
    float        : right;
}

.malykosikVOC:hover {
    opacity: 0.6;
}

.alias {
    background   : url('images/alias.png') no-repeat left;
    width        : 14px;
    height       : 14px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

.aliasne {
    background   : url('images/aliasne.png') no-repeat left;
    width        : 14px;
    height       : 14px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
}

.okhled {
    background   : url('images/ico_lupa2.png') no-repeat left;
    width        : 23px;
    height       : 20px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
}

.zavri {
    background   : none;
    width        : 23px;
    height       : 20px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
    float        : right;
    color        : #AAAAAA
}

.odeslatsb {
    background-color: #fff4ea;
    border          : 1px dotted #ff8040;
}

.odeslatsb:hover {
    background-color: #EfE4Da;
    border          : 1px dotted #ff8040;
}

.agpis {
    background    : url('images/ag_pis.gif') no-repeat left;
    width         : 20px;
    height        : 17px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 0px;
}

.agcteno {
    background    : url('images/ag_cteno.png') no-repeat left;
    width         : 15px;
    height        : 15px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 0px;
}

.sipkadolu {
    background   : url('images/sipkadolu.gif') no-repeat left;
    width        : 9px;
    height       : 9px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
}

.sipkanahoru {
    background   : url('images/sipkanahoru.gif') no-repeat left;
    width        : 9px;
    height       : 9px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
}

.vykricnik {
    background   : url('images/vykricnik.gif') no-repeat left;
    width        : 16px;
    height       : 16px;
    border       : 0;
    padding-left : 2px;
    padding-right: 2px;
}

.vykricniksedy {
    background   : url('images/vykricniksedy.gif') no-repeat left;
    width        : 16px;
    height       : 16px;
    border       : 0;
    padding-left : 2px;
    padding-right: 2px;
}

.precist {
    background   : url('images/precist.gif') no-repeat left;
    width        : 20px;
    height       : 10px;
    border       : 0;
    cursor       : pointer;
    padding-left : 2px;
    padding-right: 2px;
}

.obnovit {
    background    : url('images/reload2.png') no-repeat left;
    width         : 48px;
    height        : 48px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 2px;
}


/* loading */
div.loading {
    display   : none;
    position  : fixed;
    z-index   : 1000;
    top       : 0;
    left      : 0;
    height    : 100%;
    width     : 100%;
    background: rgba(255, 255, 255, .8) url('images/loading.gif') 50% 50% no-repeat;
}


/* Hlavni rozlozeni stranky */
div.outter {
    width: 1020px;
}

div.outter .lBorder {
    width       : 1014px;
    padding-left: 6px;
    background  : url('images/stin_levy1.png') repeat-y left;
    float       : left;
}

div.outter .rBorder {
    width        : 1007px;
    padding-right: 6px;
    background   : url('images/stin_pravy1.png') repeat-y right;
    float        : right;
}

div.outter .bBorder {
    width         : 1020px;
    padding-bottom: 8px;
    background    : url('images/stin_zapati_komplet.png') no-repeat bottom center;
    float         : left;
    border        : 0px solid red;
}

div.inner {
    width           : 1007px;
    _height         : 200px;
    min-height      : 200px;
    background-color: #FFFFFF;
    float           : left;
}

div.footer {
    border       : 0px solid red;
    width        : 100%;
    /*height     :30px; */
    font-size    : 11px;
    line-height  : 15px;
    color        : #555555;
    padding      : 5px 0px 45px 0px;
    text-align   : center;
    margin-bottom: 10px;
    float        : left;
}

div.footer a {
    font-size      : 12px;
    color          : #225588;
    text-decoration: none;
}

#preklad {
    width        : 700px;
    border       : 1px dotted #EEEEEE;
    font-size    : 9px;
    line-height  : 15px;
    color        : #999999;
    padding      : 0px;
    text-align   : center;
    margin-bottom: 10px;
}

#preklad label {
    border         : 1px solid #DDDDDD;
    width          : 320px;
    text-align     : right;
    display        : block;
    float          : left;
    /*border-radius: 0px;*/
    font-size      : 11px;
    color          : #333333;
    padding        : 2px;
    margin         : 2px;
}

#preklad input {
    border          : 1px solid #DDDDDD;
    width           : 320px;
    text-align      : left;
    display         : block;
    float           : left;
    /*border-radius : 0px;*/
    font-size       : 11px;
    color           : #222222;
    padding         : 2px;
    margin          : 2px;
    margin-left     : 10px;
    background-color: #FFFFFF;
}

#preklad input.zmeninput {
    background-color: #FFD6D6;
    border          : 1px solid red;
    border-bottom   : 2px solid red
}

#preklad input.workinput {
    background-color: #FFFFAE;
    border          : 1px solid yellow;
    border-bottom   : 2px solid yellow
}

#preklad input.nesklinput {
    border-bottom: 2px solid red;
}

#preklad input.sklinput {
    border-bottom: 2px solid #457896;
}

.prekladin {
    clear: both
}


.statusbar {
    text-align: left;
}

.statusbarfixpos {
    display                           : none;
    z-index                           : 110001;
    font-size                         : 10px;
    width                             : 20px;
    height                            : 20px;
    border                            : 0px solid #FFFFFF;
    margin-left                       : -5px;
    position                          : fixed;
    position                          : absolute;
    background-color                  : #FFFFFF;
    opacity                           : 0.5;
    filter                            : alpha(opacity=50);
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbarmisto {
    font-size                         : 13px;
    min-height                        : 38px;
    border                            : 0px solid red;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbarmisto21 {
    z-index                           : 99999;
    font-size                         : 13px;
    margin-top                        : 1px;
    min-height                        : 32px;
    border                            : 0px solid red;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbarmisto22 {
    z-index                           : 99999;
    font-size                         : 13px;
    margin-top                        : 1px;
    min-height                        : 39px;
    border                            : 0px solid red;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbarmisto21 .menumezera {
    height: 10px;
    width : 10px;
    border: 0px solid red;
    float : right;
}

.statusbarmisto21 select {
    cursor              : pointer;
    width               : 110px;
    float               : right;
    color               : #555555;
    background-color    : #FFFFFF;
    margin-right        : 6px;
    margin-left         : 6px;
    margin-top          : 3px;
    padding             : 3px;
    font-size           : 12px;
    line-height         : 1;
    border              : 1px dotted #AAAAAA;
    border-radius       : 4px;
    /*-webkit-appearance: none; */
}

.statusbarmisto21 .parametrymenusklad1 {
    margin: 0px 0px;
    border: 0px solid red;
    width : 77%;
    float : right;
}

.statusbarmisto21 .parametrymenusklad1 .selector {
    float : right;
    width : 100px;
    cursor: pointer;
}

.statusbarmisto21 .parametrymenusklad1 select {}

.statusbarmisto21 .parametrymenusklad2 {
    margin: 0px 0px;
    border: 0px solid red;
    width : 22%;
    float : left;
}

.statusbarmisto21 .parametrymenusklad2 .selector {
    float : left;
    cursor: pointer;
}

.statusbarmisto21 .parametrymenusklad2 select {
    width: 70px;
    float: left;
}

.statusbarmisto21 imput {
    float: right;
}

.statusbarmisto21 label {
    float: right;
}

.statusbarmisto21 .selector {
    float      : right;
    font-weight: 400;
    font-family: 'Archivo Narrow';
    color      : #444444;
    font-size  : 13px;
    width      : 100px;
    cursor     : pointer;
}

.statusbarmisto21 .obnov {
    background-color: rgb(225, 241, 250);
    border          : 1px dotted #222222;
    cursor          : pointer;
    padding         : 3px;
    margin-left     : 5px;
    margin-top      : 3px;
    text-align      : left;
    font-weight     : 600;
    color           : #0786CD;
    border-radius   : 10%;
}

.statusbarmisto21 .obnoveno {
    background-color: #EEEEEE;
    border          : 1px dotted #AAAAAA;
    cursor          : pointer;
    padding         : 3px;
    margin-left     : 0px;
    margin-top      : 5px;
    text-align      : left;
    color           : #999999;
    border-radius   : 10%;
}

.statusbar_o {
    z-index                           : 9999;
    position                          : fixed;
    margin-left                       : -10px;
    min-height                        : 30px;
    padding                           : 0px;
    max-width                         : 1022px;
    width                             : 100%;
    background-color                  : #fce7d6;
    border                            : none;
    border                            : #999999 solid 1px;
    border-top                        : none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbar_b {
    z-index                           : 9997;
    position                          : fixed;
    margin-left                       : -10px;
    min-height                        : 38px;
    padding                           : 0px;
    max-width                         : 1022px;
    width                             : 100%;
    background-color                  : #DDDDDD;
    border                            : none;
    border                            : #AAAAAA solid 1px;
    border-top                        : none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbar_s {
    z-index                           : 9999;
    position                          : fixed;
    margin-left                       : -10px;
    min-height                        : 30px;
    padding                           : 0px;
    max-width                         : 1022px;
    width                             : 100%;
    background-color                  : #EEEEEE;
    border                            : none;
    border                            : #AAAAAA solid 1px;
    border-top                        : none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbar_h {
    z-index                           : 9999;
    position                          : fixed;
    height                            : 0px;
    margin-left                       : -10px;
    min-height                        : 30px;
    padding                           : 0px;
    max-width                         : 1022px;
    width                             : 100%;
    background-color                  : none;
    border                            : none;
    border                            : #AAAAAA solid 0px;
    border-top                        : none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

#probar1_pbText,
#probar2_pbText,
#probar3_pbText {
    width    : 30px;
    border   : 0px solid red;
    display  : block;
    float    : right;
    font-size: 11px;
}

.statusbar_m {
    z-index                           : 9999;
    position                          : fixed;
    margin-left                       : -10px;
    /*top                             :0px;*/
    min-height                        : 38px;
    padding                           : 0px;
    max-width                         : 1022px;
    width                             : 100%;
    background-color                  : #D6E6FF;
    border                            : none;
    border                            : #999999 solid 1px;
    border-top                        : none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius : 3px;
    -moz-border-radius-bottomright    : 3px;
    -moz-border-radius-bottomleft     : 3px;
    border-bottom-right-radius        : 3px;
    border-bottom-left-radius         : 3px;
}

.statusbar_m button {
    border          : 1px dotted #555555;
    background-color: #DFFFD4;
    border-radius   : 3px;
    cursor          : pointer !important;
    padding         : 6px 8px;
}

.statusbar_m button:disabled {
    border          : 1px dotted #555555;
    background-color: #DDDDDD;
    border-radius   : 3px;
    cursor          : not-allowed !important;
    padding         : 6px 8px;
}


.stbarhledej {
    position        : relative;
    float           : right;
    margin-right    : -36px;
    margin-top      : -35px;
    width           : 23px;
    height          : 23px;
    border          : 1px solid #AAAAAA;
    z-index         : 999999;
    background-color: #D6E6FF;
    border-radius   : 4px;
}

.stbarhledejform {
    text-align      : left;
    position        : relative;
    float           : right;
    margin-right    : -36px;
    margin-top      : -35px;
    width           : 220px;
    height          : 33px;
    border          : 1px solid #AAAAAA;
    background-color: #D6E6FF;
    border-radius   : 4px;
    z-index         : 999999;
}

.stbarhledejform form {
    margin-top: 2px;
}

.stbarhledejform input.hledtxt {
    border          : 1px dotted #FCAA71;
    width           : 130px;
    margin-left     : 5px;
    margin-top      : 1px;
    height          : 19px;
    font-size       : 15px;
    text-align      : right;
    /* border-radius: 0px;*/
}

.stbardiv {
    float     : right;
    padding   : 3px 5px 0px 5px;
    text-align: center;
}

.stbardiv5 {
    float     : right;
    padding   : 5px 5px 0px 5px;
    text-align: center;
}

.stbardiv10 {
    float     : right;
    padding   : 10px 0px 0px 0px;
    text-align: center;
}

.stbardiv20 {
    float     : right;
    padding   : 0px;
    font-size : 10px;
    text-align: center;
}

.stbardivpop {
    height     : 30px;
    float      : left;
    padding    : 4px 10px 0px 10px;
    color      : #FFFFFF;
    font-weight: 400;
    font-size  : 25px;
    opacity    : 0.5;
    filter     : alpha(opacity=50);
    font-family: 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
}

.stbardivpop2 {
    height     : 30px;
    float      : left;
    padding    : 5px 10px 3px 10px;
    color      : #555555;
    font-weight: 700;
    font-size  : 20px;
    font-family: 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
}

.stbardivprobar {
    height : 30px;
    float  : right;
    padding: 5px 10px 3px 10px;
    color  : #888888;
}

.stbardiv a {
    display: block;
    color  : #0786CD;
}

.stbardiv a:hover {
    text-decoration: underline;
}

.stbardel {
    height          : 38px;
    width           : 1px;
    background-color: #FFFFFF;
    /*#FCAA71;*/
    float           : right;
    margin-left     : 5px;
    margin-right    : 5px;
}

.stbar_popis {
    float      : left;
    padding    : 0px;
    font-size  : 15px;
    color      : #FFFFFF;
    font-family: 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
}

.login {
    border    : 0px solid red;
    padding   : 0px;
    margin-top: 4px;
}

.login label {
    font-size   : 12px;
    margin-right: 5px;
    margin-left : 5px;
    padding     : 2px;
    padding     : 0px;
    display     : inline-block;
    margin-top  : 3px;
    width       : 15px;
    height      : 15px;
    float       : left;
    text-align  : right;
}

.login label.lgtext {
    border       : 0px solid red;
    background   : url('images/login.png') no-repeat left top;
    opacity      : 0.9;
    margin-top   : 5px;
    padding-left : 20px;
    padding-right: 15px;
}

.login label.lgtextpsw {
    border       : 0px solid red;
    background   : url('images/key.png') no-repeat left top;
    opacity      : 0.9;
    margin-top   : 6px;
    padding-left : 20px;
    padding-right: 15px;
}

.login input {
    border       : 1px dotted #666666;
    border-radius: 4px;
    float        : left;
    width        : 150px;
}

.login input.tlacitko {
    width                : 50px;
    border               : 1px dotted #AAAAAA;
    background-color     : #C7E0FF;
    -webkit-border-radius: 3px;
    -moz-border-radius-  : 3px;
}


.topzprava {
    float         : left;
    font-family   : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    margin-top    : 7px;
    margin-left   : 10px;
    text-align    : center;
    height        : 80px;
    width         : 351px;
    border        : 3px solid #FFFFFF;
    vertical-align: middle;
    color         : #0786cd;
    font-size     : 15px;
    font-weight   : 400;
    background    : #FAFAFA;
    /*url('images/top_zprava13a.png') repeat-Y center top;*/
}

.topzprava a:hover {
    color: #AAAAAA;
}

.topzprava2 {
    float : left;
    height: 80px;
    width : 118px;
    border: 0px solid silver;
    margin: 5px;
}

.topzprava3 {
    float     : left;
    border    : 0px solid red;
    margin    : 5px;
    text-align: center;
}

.topzprava3 input:disabled {
    background-color: #EEEEEE;
}

.topzprava3 input[type=text] {
    font-size: 15px !important;
}

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

.topzprava h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1px;
}

.topzpravaodsazeniS {
    height: 0px;
    width : 100%;
}

.topzpravaodsazeniM {
    height: 4px;
    width : 100%;
}

.topzpravaodsazeniL {
    height: 8px;
    width : 100%;
}

.topzpravaodsazeniXL {
    height: 24px;
    width : 100%;
}

.topzpravatlacitko {
    width                : 50px;
    padding              : 2px;
    padding-left         : 5px;
    background           : #FAFAFA;
    border               : 1px dotted #AAAAAA;
    float                : left;
    cursor               : pointer;
    margin               : 1px 0px;
    cursor               : pointer !important;
    text-align           : center;
    border               : 1px dotted #AAAAAA;
    -webkit-border-radius: 3px;
    border-radius        : 3px;
    -moz-border-radius-  : 3px;
    font-size            : 11px;
}

.topzpravatlacitko2 {
    width: 110px;
}

.topzpravatlacitko3 {
    width: 30px;
}

.topzpravatlacitko:hover {
    background: #DFFFD4;
}

.topzpravatlacitko.vybrany {
    background: #fff4ea;
}

.topzpravapozadieditace {
    float     : left;
    background: url('images/top_kolaz13b.jpg') repeat bottom;
    text-align: center;
}


div.header {
    height: 100px;
}

div.header .logo {
    width     : 231px;
    height    : 100px;
    background: url('images/top_kolaz13a.jpg') repeat-x left bottom;
    float     : left;
}

div.header .logo .vypnuto {
    width     : 200px;
    height    : 70px;
    background: #FFFFFF;
    margin-top: 10px;
    padding   : 5px;
}

div.header .logo .ub20 {
    height         : 27px;
    background     : rgba(255, 255, 255, 0.5);
    margin-left    : 10px;
    margin-top     : 60px;
    padding-top    : 5px;
    font-weight    : 700;
    color          : #f0a654;
    text-decoration: none;
    border         : 1px solid #f0a654;
    text-align     : center;
}

div.header .logo a.ub20a:hover {
    text-decoration: none !important;
}

div.header .logo img.ub20i {
    vertical-align: text-bottom;
    width         : 20px;
    margin-left   : 10px;
    margin-bottom : 3px;
}

div.header .bannertext {
    width     : 388px;
    height    : 100px;
    background: url('images/top_kolaz13b.jpg') no-repeat left bottom;
    float     : right;
    text-align: center;
    border    : 0px solid red;
}

div.header .bannertext .banner {
    margin-top: 10px;
    border    : 0px solid #FFFFFF;
}

div.header .bannertext .banner img {
    width : 360px;
    height: 80px;
}

div.header .bannertext .banner img:hover {
    opacity: 0.8;
}

div.header .toploga {
    width     : 776px;
    height    : 100px;
    background: url('images/top_kolaz13b.jpg') repeat-x left bottom;
    float     : left;
    text-align: center;
}

div.header .toploga a {
    opacity: 0.6;
}

div.header .toploga a:hover {
    opacity: 1;
}




div.menu {
    width           : 1007px;
    background-color: #EEEEEE;
}

/*div.menu .search{ height:19px; background:url('images/ico_lupa.png') no-repeat left; float:left; padding-left:28px; margin:0px 5px; }*/
div.menu .search {
    height      : 22px;
    float       : right;
    padding-left: 5px;
    margin      : 0px 5px;
}

div.menu .search form.hled {
    padding-top: 2px;
    margin     : 0px;
    float      : left;
    text-align : left;
}

div.menu .search input.hledtxt {
    border          : 1px dotted #aaaaaa;
    width           : 130px;
    height          : 19px;
    font-size       : 15px;
    float           : left;
    margin          : 0px;
    padding         : 0px;
    margin-right    : 3px;
    padding-right   : 3px;
    text-align      : right;
    /* border-radius: 0px;*/
}

/*div.menu .search input[type=submit]{ background-color:#eeeeee; width:35px; height:18px; float:left; font-size:10px; padding:2px 0px; }*/
div.menu .search input[type=submit] {
    float  : right;
    margin : 0px;
    padding: 0px;
}

div.menu .info {
    height       : 14px;
    float        : right;
    padding-right: 10px;
    text-align   : right;
}

div.menu .info span {
    float: right;
}

div.menu .info input[type=submit] {
    float: right;
}

div.menu span {
    float : left;
    margin: 0px 2px;
}

div.menu .menu0 {
    height      : 25px;
    width       : 1005px;
    color       : #225588;
    background  : url('images/bck_menu_1.jpg') repeat-x top;
    padding-left: 3px;
}

div.menu .menu0 .info {
    font-size  : 12px;
    padding-top: 4px;
}

/*zaj*/
div.menu .menu0 .info a {
    float: left;
}

div.menu .menu0 form {
    float: left;
}

div.menu .menu0 span {
    font-size     : 15px;
    padding       : 3px 7px;
    margin-top    : 0px;
    text-transform: uppercase;
}

div.menu .menu0 a {
    color         : #225588;
    float         : left;
    font-size     : 15px;
    padding       : 2px 10px;
    margin-top    : 0px;
    text-transform: uppercase;
    border-right  : 1px dotted #BBBBBB;
}

div.menu .menu0 a:hover {
    color           : #0786CD;
    background-color: #FAFAFA;
}

/*zaj*/
div.menu .menu0 a.active {
    color           : #0786cd;
    background-color: rgba(100, 100, 100, 0.1);
    float           : left;
    text-decoration : underline;
    font-weight     : bold;
    /*text-transform: uppercase;*/
}

/*zaj*/



div.menu .menu1 {
    height          : 25px;
    width           : 1005px;
    color           : #225588;
    background-color: #eeeeee;
    padding-left    : 3px;
}

/*#7f92b0*/

div.menu .menu1 .info {
    color         : #888888;
    border        : 0px solid red;
    width         : 320px;
    font-size     : 15px;
    padding-top   : 6px;
    text-align    : center;
    vertical-align: bottom;
}

div.menu .menu1 .info span {
    float: right;
}

div.menu .menu1 .info a {
    float: right;
}

div.menu .menu1 .info span {
    font-size: 11px;
}

div.menu .menu1 .info a.odhlas {
    background : url('images/icon_logout.png') no-repeat left;
    width      : 15px;
    height     : 14px;
    border     : 0;
    cursor     : pointer;
    padding    : 0;
    margin     : 0;
    pading-left: 3px;
    float      : right;
}

div.menu .menu1 a {
    color       : #225588;
    float       : left;
    font-size   : 15px;
    padding     : 4px 10px;
    margin-top  : 0px;
    border-right: 1px dotted #BBBBBB;
}

div.menu .menu1 a:hover {
    color           : #0786CD;
    background-color: #FFFFFF;
}

div.menu .menu1 a.active {
    color           : #0786cd;
    background-color: rgba(100, 100, 100, 0.1);
    float           : left;
    font-size       : 15px;
    text-decoration : underline;
    font-weight     : 700;
}


div.menu .menu2 {
    height          : 25px;
    width           : 1005px;
    color           : #225588;
    background-color: #f6f6f6;
    padding-left    : 3px;
}

/*#b7bfc2;*/

div.menu .menu2 span {
    color     : #777777;
    float     : left;
    font-size : 15px;
    padding   : 4px 10px;
    margin-top: 0px;
}

/*zaj*/
div.menu .menu2 a {
    color       : #225588;
    float       : left;
    font-size   : 15px;
    padding     : 4px 10px;
    margin-top  : 0px;
    border-right: 1px dotted #DDDDDD;
}

/*zaj*/
div.menu .menu2 a:hover {
    color           : #0786CD;
    background-color: #FFFFFF;
}

div.menu .menu2 a.active {
    color          : #0786cd;
    float          : left;
    font-size      : 15px;
    text-decoration: underline;
    font-weight    : 700;
}

div.menu .menu2 .info {
    margin-top : 1px;
    width      : 400px;
    -size      : 14px;
    padding-top: 0px;
}

/*zaj*/
div.menu .menu2 .info a {
    float      : right;
    color      : #888888;
    font-size  : 14px;
    padding-top: 0px;
}

div.menu .menu2 .info form {
    float  : right;
    padding: 4px;
}

div.menu .menu2 .info span {
    font-size  : 11px;
    padding-top: 0px;
    float      : right;
}

div.menu .menu2 .vyberalias {
    font-size  : 11px;
    padding-top: 4px;
    float      : left;
}

div.menu .menu2 .vyberalias select {
    float: left;
}

div.menu .menu2 .vyberalias .alias {
    font-size  : 11px;
    margin-left: 10px;
    float      : left;
    border     : 0px solid red;
}



/*Ggafika pruhy*/
div.panel {
    padding-top: 0px;
}

div.panel .left {
    width         : 100%;
    background    : url('images/bck_menu_l.jpg') repeat-y top left -12px;
    float         : left;
    text-align    : left;
    vertical-align: top;
}

div.panel .center {
    width         : 610px;
    _height       : 200px;
    min-height    : 500px;
    float         : left;
    margin        : 0px 0px 3px 0px;
    padding-bottom: 5px;
    text-align    : left;
}

div.panel .right {
    width         : 100%;
    background    : url('images/bck_menu_p.png') no-repeat top right;
    float         : right;
    text-align    : right;
    vertical-align: top;
}

/*Menu zboží*/

div.panel .productMenuBase {
    background-color: #EEEEEE;
    padding-bottom  : 5px;
}

div.panel .productMenuBase .Item a {
    border-right    : 1px dotted #BBBBBB;
    border-top      : 1px dotted #BBBBBB;
    text-transform  : uppercase;
    font-weight     : 600;
    font-size       : 16px;
    color           : #457896;
    padding-top     : 4px;
    float           : left;
    height          : 24px;
    width           : 68px;
    text-align      : center;
    background-color: #DDDDDD;
}

/*Zalozka.png*/
div.panel .productMenuBase .ItemSel a {
    border-right    : 1px dotted #BBBBBB;
    border-top      : 1px dotted #BBBBBB;
    text-transform  : uppercase;
    font-weight     : 700;
    font-size       : 16px;
    color           : #0786CD;
    text-decoration : underline;
    padding-top     : 4px;
    float           : left;
    height          : 24px;
    width           : 68px;
    text-align      : center;
    background-color: #EEEEEE;
}

/*ZalozkaVyb.png*/
div.panel .productMenuBase a:hover {
    text-decoration : underline;
    color           : #0786CD;
    cursor          : pointer;
    background-color: #FFFFFF;
}

div.panel .productMenu {
    width         : 208px;
    float         : left;
    padding       : 0px;
    text-align    : left;
    vertical-align: top;
    margin-right  : 10px;
}

div.panel .productMenu dd {
    margin : 0px;
    padding: 0px;
}

div.panel .productMenu ul {
    margin : 0px;
    padding: 0px;
}

div.panel .productMenu li {
    list-style: none;
    margin    : 0px;
    padding   : 0px;
}

div.panel .productMenu .pml0 {
    font-weight  : 700;
    color        : #457896;
    display      : block;
    width        : 197px;
    padding-left : 3px;
    margin-left  : 2px;
    margin-top   : 3px;
    border-bottom: 1px dotted #BBBBBB;
    padding      : 3px 3px 3px 5px;
}

div.panel .productMenu .pml0:hover {
    color  : #0786CD;
    /*color:#225588;*/
    ;
}

div.panel .productMenu .pml0sedy {
    background  : url('images/cube_empty.png') no-repeat left;
    font-weight : 500;
    color       : #7CA4C7;
    display     : block;
    width       : 158px;
    padding-left: 0px;
    margin-left : 2px;
    margin-top  : 3px;
}

div.panel .productMenu .pml0sedy:hover {
    color  : #6ea83b;
    /*color:#457896; */
}

div.panel .productMenu .pml1 {
    background-color: #eeeeee;
    font-weight     : 400;
    font-size       : 15px;
    color           : #222222;
    display         : block;
    width           : 192px;
    padding-left    : 10px;
    margin-left     : 0px;
    margin-top      : 0px;
    border-left     : 3px solid #A5C69A;
    /*#457896;*/
    border-bottom   : 1px dotted #BBBBBB;
    padding         : 3px 3px 3px 5px;
}

div.panel .productMenu .pml1:hover {
    color      : #6ea83b;
    /*color    :#225588;*/
    border-left: 3px solid #6ea83b
        /*#0786CD*/
    ;
    background-color: #FFFFFF;
}

div.panel .productMenu .pml2 {
    font-weight     : 400;
    background-color: #fAfAfA;
    font-size       : 15px;
    color           : #444444;
    display         : block;
    width           : 188px;
    margin-left     : 3px;
    margin-top      : 0px;
    border-left     : 3px solid #BFDFA1;
    border-bottom   : 1px dotted #BBBBBB;
    padding         : 3px 2px 3px 5px;
}

div.panel .productMenu .pml2.mixsortchyba {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortChyba.png') no-repeat left;
}

div.panel .productMenu .pml2.mixsortok {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortOk.png') no-repeat left;
}

div.panel .productMenu .pml2.mixsortnic {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortNic.png') no-repeat left;
}

div.panel .productMenu .pml2:hover {
    color           : #6ea83b;
    border-left     : 3px solid #6ea83b;
    background-color: #FFFFFF;
}

div.panel .productMenu .pml2active {
    font-weight     : 700;
    background-color: #FFFFFF;
    font-size       : 15px;
    color           : #FF8040;
    display         : block;
    width           : 188px;
    margin-left     : 3px;
    margin-top      : 0px;
    border-left     : 3px solid #FF8040;
    /*#6ea83b;*/
    border-bottom   : 1px dotted #BBBBBB;
    padding         : 3px 2px 3px 5px;
    /*text-transform: uppercase;*/
}

div.panel .productMenu .pml2active.mixsortchyba {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortChyba.png') no-repeat left;
}

div.panel .productMenu .pml2active.mixsortok {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortOk.png') no-repeat left;
}

div.panel .productMenu .pml2active.mixsortnic {
    padding-left: 20px;
    width       : 140px;
    background  : url('images/MixSortNic.png') no-repeat left;
}

div.panel .productMenu .pml2active:hover {
    color           : #FF8040;
    border-left     : 3px solid #FF8040;
    background-color: #FFFFFF;
}

div.panel .productMenu .poznvmenu {
    font-size : 11px;
    color     : #666666;
    padding   : 10px;
    text-align: center;
}

/*Pravý sloupec*/
div.panel .banners {
    width         : 169px;
    float         : right;
    padding       : 0px;
    margin        : 0px;
    text-align    : right;
    vertical-align: top;
}

/*tady jsem pridal padding v IE je to blbě nevím jak se to tam scitá )*/
div.panel .banners .banner {
    text-align      : left;
    width           : 162px;
    height          : auto;
    background-color: #FFFFFF;
    background      : url('images/banner_pravy.png') no-repeat left top;
    border          : 0px dotted #dddddd;
    float           : right;
    padding-top     : 10px;
    padding-bottom  : 10px;
    margin          : 6px 0px;
    margin-right    : 5px;
}

div.panel .banners .banner a {
    color      : #666666;
    display    : block;
    padding    : 0px 8px 0px 8px;
    font-size  : 14px;
    margin     : 0px;
    margin-left: 2px;
    text-align : center;
}

div.panel .banners .banner a:hover {
    color: #6EA83B;
}

div.panel .banners .banner .stred {
    font-size : 12px;
    text-align: center;
}

div.panel .banners .banner img.obrazekzboziz {
    border    : 1px dotted #DDDDDD;
    margin    : 10px 0px 3px 0px;
    padding   : 3px;
    text-align: center;
}

div.panel .banners .banner img.obrazekzboziz:hover {
    border    : 1px dotted #666666;
    margin    : 10px 0px 3px 0px;
    padding   : 3px;
    text-align: center;
}

div.panel .banners .banner h5 {
    text-align    : center;
    color         : #0786CD;
    font-weight   : 700;
    font-size     : 14px;
    font-family   : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    padding       : 5px;
    margin        : 3px 8px 3px 8px;
    border-bottom : 1px dotted #DDDDDD;
    text-transform: uppercase;
}

/* #0786cd #3e9715 */

/*Pravý sloupec*/
div.panel .lbanners {
    border        : 0px dotted red;
    width         : 145px;
    float         : left;
    padding       : 0px 0px;
    text-align    : right;
    vertical-align: top;
    margin-top    : 20px;
    margin-left   : 13px
}

/*tady jsem pridal padding v IE je to blbě nevím jak se to tam scitá )*/
div.panel .lbanners .lbanner {
    text-align        : left;
    width             : 145px;
    height            : auto;
    /*background-color:#FFFFFF;  background:url('images/banner_pravy.png') no-repeat center top; */
    border            : 0px dotted #dddddd;
    float             : right;
    padding-top       : 10px;
    padding-bottom    : 10px;
    margin            : 6px 0px;
    margin-left       : 0px;
}

div.panel .lbanners .lbanner a {
    font-size  : 12px;
    font-weight: 500;
    color      : #457896;
    display    : block;
    padding    : 0px 0px 0px 0px;
    font-size  : 12px;
    margin     : 0px;
    margin-left: 2px;
    text-align : center;
}

div.panel .lbanners .lbanner .stred {
    font-size : 12px;
    text-align: center;
}

div.panel .lbanners .lbanner img.obrazekzboziz {
    border    : 1px dotted #DDDDDD;
    margin    : 10px 0px 3px 0px;
    padding   : 3px;
    text-align: center;
}

div.panel .lbanners .lbanner img.obrazekzboziz:hover {
    border    : 1px dotted #666666;
    margin    : 10px 0px 3px 0px;
    padding   : 3px;
    text-align: center;
}

div.panel .lbanners .lbanner h5 {
    text-align    : center;
    color         : #0786cd;
    font-weight   : 700;
    font-size     : 14px;
    padding       : 5px;
    margin        : 3px 8px 3px 8px;
    border-bottom : 1px dotted #DDDDDD;
    text-transform: uppercase;
}

/* #0786cd #6ea83b */

div.panel .center .tlacitko {
    float                : left;
    width                : auto;
    font-size            : 13px;
    padding              : 3px 6px;
    cursor               : pointer !important;
    border               : 1px dotted #AAAAAA;
    background-color     : #DFFFD4;
    -webkit-border-radius: 3px;
    border-radius        : 3px;
    -moz-border-radius-  : 3px;
}

div.panel .center .tlacitkop {
    float                : right;
    width                : auto;
    font-size            : 13px;
    padding              : 3px 6px;
    cursor               : pointer !important;
    border               : 1px dotted #AAAAAA;
    background-color     : #EEEEEE;
    -webkit-border-radius: 3px;
    border-radius        : 3px;
    -moz-border-radius-  : 3px;
    margin               : 10px;
}

/*central park :)*/
div.panel .center .banner {
    padding         : 10px;
    text-align      : center;
    width           : 100%;
    background-color: #EEEEEE;
    margin-right    : 10px;
}

div.panel .center .bannerstred {
    width     : 165px;
    min-height: 290px;
    float     : left;
    border    : 1px dotted #CCCCCC;
    padding   : 5px;
    margin    : 3px;
    text-align: center;
}

div.panel .center .bannerstred h5 {
    text-align    : center;
    color         : #0786CD;
    font-weight   : 700;
    font-size     : 14px;
    font-family   : 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
    padding       : 5px;
    margin        : 3px 8px 10px 8px;
    border-bottom : 1px dotted #DDDDDD;
    text-transform: uppercase;
}

/* #0786cd #3e9715 */
div.panel .center .bannerstred img {
    margin: 8px;
}

div.panel .center input {
    border       : 1px dotted #dddddd;
    border-radius: 4px;
}

div.panel .center li.bez {
    list-style-type: none
}

div.panel .center input[type=submit] {
    padding              : 8px 12px;
    cursor               : pointer !important;
    border               : 1px dotted #AAAAAA;
    background-color     : #DFFFD4;
    -webkit-border-radius: 3px;
    border-radius        : 3px;
    -moz-border-radius-  : 3px;
}

div.panel .center input[type=submit]:hover {
    background-color: #CFEFC4;
    border          : 1px solid #AAAAAA;
}

div.panel .center input[type=submit].bacoranz {
    background-color: #fce7d6;
}

div.panel .center label {
    margin-right: 5px;
    text-align  : right;
    font-size   : 13px;
    font-weight : 600;
    float       : left;
    width       : 200px;
    color       : #457896;
    padding-top : 5px
}

div.panel .center input[type=submit]:disabled {
    background-color: #FFFFFF;
    color           : #EEEEEE;
    Border          : 1px dotted #fefefe;
}

div.panel .center h1,
div.panel .center h2 {
    font-size    : 18px;
    color        : #6ea83b;
    font-weight  : 700;
    margin-top   : 0px;
    margin-bottom: 5px;
}

div.panel .center h2 {
    font-size: 16px;
    margin   : 10px 0px;
}

div.panel .center .infomail {
    margin    : 5px auto;
    border    : 0px solid red;
    text-align: center;
    width     : auto;
}

div.panel .center .infomail a {
    border    : 1px dotted #AAAAAA;
    padding   : 5px;
    display   : block;
    width     : 105px;
    text-align: center;
    margin    : 5px 3px;
    float     : left;
    min-height: 200px;
    font-size : 14px;
}

div.panel .center .infomail a:hover {
    border         : 1px dotted #222222;
    text-decoration: none;
    color          : #0786cd
}

div.panel .center .infomailvic {
    margin    : 5px auto;
    border    : 0px solid red;
    text-align: center;
    width     : auto;
}

div.panel .center .infomailvic a {
    border    : 1px dotted #AAAAAA;
    padding   : 5px;
    display   : block;
    width     : 105px;
    text-align: center;
    margin    : 5px 3px;
    float     : left;
    min-height: 200px;
    font-size : 14px;
}

div.panel .center .infomailvic a:hover {
    border         : 1px dotted #222222;
    text-decoration: none;
    color          : #0786cd
}

div.panel .center h4 {
    color      : #ff8040;
    font-size  : 20px;
    padding    : 5px;
    margin     : 0px;
    font-weight: 700;
    font-family: 'Archivo Narrow', 'Armata', Tahoma, Arial, Trebuchet MS, Verdana;
}



div.panel .center h5 {
    color        : #6ea83b;
    font-size    : 18px;
    padding      : 5px;
    margin       : 0px;
    border-bottom: 0px dotted #6ea83b;
    font-weight  : 500;
}

div.panel .center h6 {
    color        : #FF8040;
    font-size    : 15px;
    padding      : 5px;
    margin       : 0px;
    border-bottom: 0px dotted #6ea83b;
}

/* #0786cd #6ea83b */
em.info {
    background: url(images/hover.png) no-repeat;
    width     : 180px;
    height    : 45px;
    position  : absolute;
    top       : -75px;
    left      : -65px;
    text-align: center;
    padding   : 20px 12px 10px;
    font-style: normal;
    z-index   : 2;
}

div.panel .center p {
    margin: 5px 5px;
}

div.panel .center .malytext {
    font-size: 12px;
}

div.panel .center .dlouhytext {
    font-size  : 15px;
    font-family: 'Archivo Narrow', Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
}

div.panel .center .separator {
    border-bottom: 1px dotted #333333;
    height       : 1px;
    width        : 300px;
}

div.panel .center td {
    text-align    : left;
    font-size     : 14px;
    vertical-align: top;
    padding       : 10px;
    padding-top   : 7px;
    padding-bottom: 7px;
    border-bottom : 1px dotted #AAAAAA;
    border-left   : 1px solid #FFFFFF;
}

div.panel .center td.obrazekzbozi {
    text-align    : center;
    vertical-align: middle;
    padding       : 1px;
    padding-top   : 1px;
    padding-bottom: 1px;
    border-bottom : 1px dotted #AAAAAA;
    border-left   : 1px solid #FFFFFF;
    background    : #FFFFFF;
}

div.panel .center td.prazdny {
    font-size     : 1px;
    height        : 1px;
    text-align    : center;
    vertical-align: middle;
    padding       : 0px;
    padding-top   : 0px;
    padding-bottom: 0px;
    border-bottom : 0px dotted #AAAAAA;
    border-left   : 0px solid #FFFFFF;
    background    : #FFFFFF;
}

div.panel .center td b {
    font-size: 14px;
}

div.panel .center td a {
    font-size: 15px;
}

div.panel .center a.zbozi {
    font-size  : 16px;
    font-weight: 600;
}

div.panel .center td.num {
    text-align : right;
    white-space: nowrap;
}

div.panel .center td.stred {
    text-align : center;
    white-space: nowrap;
}

div.panel .center td.malatab {
    text-align    : left;
    font-size     : 12px;
    vertical-align: top;
    padding       : 2px;
    border-bottom : 1px dotted #DDDDDD;
    border-left   : 0px solid #FFFFFF;
    color         : #888888;
}

div.panel .center td.malatabzeleny {
    text-align    : left;
    font-size     : 12px;
    vertical-align: top;
    padding       : 2px;
    border-bottom : 1px dotted #DDDDDD;
    border-left   : 0px solid #FFFFFF;
    color         : #6ea83b;
}

div.panel .center td.grafik {
    font-size     : 10px;
    font-weight   : 700;
    text-align    : left;
    vertical-align: top;
    padding       : 1px;
    border-bottom : 1px dotted #AAAAAA;
    border-left   : 0px solid #FFFFFF;
}

div.panel .center td.grafik span {
    font-size     : 10px;
    font-weight   : 700;
    text-align    : left;
    vertical-align: top;
    padding       : 0px;
}

div.panel .center td.zbozidet {
    background-color: #FFFFFF;
    text-align      : center;
    border          : 0px solid #FFFFFF;
    font-size       : 15px;
    font-family     : 'Archivo Narrow', Trebuchet MS, Verdana, Geneva, Helvetica, Sans-Serif;
}

div.panel .center td.nadpisA {
    width           : 70px;
    font-weight     : 700;
    background-color: #fefefe;
}

div.panel .center td.hodnotaA {
    width: 150px;
}

div.panel .center td.novevlakno {
    background-color: #eeeeee;
}

div.panel .center td.malepismo {
    font-size: x-small !important;
}

div.panel .center a.bkm {
    padding: 0;
    margin : 0;
    height : 0px;
    border : 0px solid white;
    display: block;
}

div.panel .center a.bkm:hover {
    padding: 0;
    margin : 0;
    height : 1px;
    border : 0px solid white;
    display: block;
}

div.panel .mixsorttip {
    background-color: #FFFFFF;
}

div.panel .mixsorttip.s140 {
    width     : 140px;
    min-height: 140px;
    float     : left;
    border    : 1px dotted #CCCCCC;
    padding   : 5px;
    margin    : 3px;
    text-align: center;
}

div.panel .mixsorttip.s125 {
    width     : 130px;
    height    : 170px;
    float     : left;
    border    : 1px dotted #CCCCCC;
    padding   : 5px;
    margin    : 3px;
    text-align: center;
}

div.panel .mixsorttip .slevamax {
    color: red;
}

div.panel .mixsorttip img.mixmalyobr {
    width : 25px !Important;
    height: 19px !Important;
}

/*Košíky Submit*/


div.panel .center input.malykosik {
    background   : url('images/kosik2.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikmodp1 {
    background   : url('images/kosik_maly_modry_p1.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikmodpb {
    background   : url('images/kosik_maly_modry_pb.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikmodp1led {
    background   : url('images/kosik_maly_modry_p1led.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikmouprav {
    background   : url('images/kosik_maly_modry_uprav.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosiksedp1 {
    background   : url('images/kosik_maly_sedy_p1.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosiksedpb {
    background   : url('images/kosik_maly_sedy_pb.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosiksedp1led {
    background   : url('images/kosik_maly_sedy_p1led.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikseuprav {
    background   : url('images/kosik_maly_sedy_uprav.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikzel {
    background   : url('images/kosik2_zel.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikled {
    background   : url('images/kosik2_led.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosik_pl {
    background   : url('images/kosik_maly_modry_plus.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikzel_pl {
    background   : url('images/kosik_maly_zeleny_pb.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikzel_upravb {
    background   : url('images/kosik_maly_zeleny_upravb.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosikled_pl {
    background   : url('images/kosik_maly_modry_plus_led.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.malykosiksed_zr {
    background   : url('images/kosik_maly_sedy_pryc.png') no-repeat left;
    width        : 30px;
    height       : 22px;
    border       : 0;
    cursor       : pointer;
    padding-left : 5px;
    padding-right: 5px;
}

div.panel .center input.kosikzrus {
    background    : url('images/kosikzruscb.gif') no-repeat left;
    width         : 27px;
    height        : 22px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 2px;
}

div.panel .center input.kosikzmen {
    background    : url('images/kosikzmencb.gif') no-repeat left;
    width         : 37px;
    height        : 22px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 2px;
}

div.panel .center input.kosikodeslat {
    background    : url('images/kosik_odeslat.png') no-repeat left;
    width         : 56px;
    height        : 34px;
    border        : 0px solid red;
    vertical-align: top;
    /*cursor      : pointer;*/
    padding       : 0px;
    padding-left  : 2px;
}

div.panel .center input.kosikodeslat[disabled] {
    background    : url('images/kosik_odeslat.png') no-repeat left;
    font-weight   : 600;
    opacity       : 0.3;
    filter        : alpha(opacity=30);
    width         : 56px;
    height        : 34px;
    border        : 0px solid red;
    vertical-align: top;
    cursor        : pointer;
    padding       : 0px;
    padding-left  : 2px;
}

div.panel .center .kosikodeslatinfo {
    width      : 720px;
    float      : left;
    padding    : 10px;
    border     : 1px dotted #AAAAAA;
    margin-top : 5px;
    margin-left: 15px;
}

div.panel .center .detcl {
    font-size: 13px;
}

div.panel .center .komentare p {
    font-size: 14px;
}

div.panel .center .komentare input {
    font-size: 12px;
    padding  : 3px 4px;
}


div.panel .center #menusklad2 {
    background-color: #FAFAFA;
    border          : 0px solid red;
    width           : 785px;
    float           : left;
    /* border-radius: 3px; --position:fixed;*/
}

div.panel .center #menusklad {
    background-color: #BBBBBB;
    border          : 1px solid #AAAAAA;
    width           : 485px;
    float           : right;
    border-radius   : 3px;
    /*--position    :fixed; */
}

div.panel .center #menusklad .popis {
    float    : left;
    padding  : 3px 10px 3px 10px;
    font-size: 18px;
    color    : #FFFFFF;
}

div.panel .center .parametrymenusklad input {
    float : right;
    margin: 0px;
    width : auto;
}

div.panel .center .parametrymenusklad label {
    width      : auto;
    float      : right;
    margin     : 0px;
    font-size  : 12px;
    font-weight: 500;
    padding-top: 0px;
}



div.panel .center .zboziprehledvelky {
    float       : left;
    width       : 250px;
    min-height  : 350px;
    border-right: 1px dotted #DDDDDD;
    border-top  : 1px dotted #DDDDDD;
    padding     : 0px;
    margin      : 0px;
    margin-top  : 10px;
    position    : relative;
}

div.panel .center .zboziprehledvelky img {
    width : 250px;
    height: 167px;
    border: 0px;
}

div.panel .center .zboziprehledvelkytext {
    float    : left;
    width    : 235px;
    /*height : 200px; overflow: auto; */
    margin   : 5px 5px 0px 5px;
    font-size: 13px;
    /*border :1px solid red;*/
}


div.panel .center .login form input {
    width        : 235px;
    margin-left  : 5px;
    border       : 1px solid #666666;
    border-radius: 4px;
}

div.panel .center .login form input[type=submit] {
    width      : 135px;
    margin-left: 5px;
}

div.panel .center .graf {
    height: 300px;
    width : 420px;
    margin: 8px auto;
    border: 0px dotted #EEEEEE;
    float : left;
    margin: 10px;
}

div.panel .center .graf2 {
    height: 300px;
    width : 620px;
    margin: 8px auto;
    border: 0px dotted #EEEEEE;
    float : left;
    margin: 10px;
}

div.panel .center .graf td {
    margin : 0px;
    padding: 3px;
}

div.panel .center .graf2 td {
    margin : 0px;
    padding: 3px;
}

/*rozestupmenu*/
div.panel .center .menumezera {
    height: 10px;
    width : 10px;
    border: 0px solid red;
    float : left;
}


/*------------ POHLEDY NA ZBO6í 1 2 3 4 ------------ POHLEDY NA ZBO6í 1 2 3 4 ------------ POHLEDY NA ZBO6í 1 2 3 4 ------------ POHLEDY NA ZBO6í 1 2 3 4 ------------ POHLEDY NA ZBO6í 1 2 3 4 */

/*celé jedno zboží*/
div.panel .center .maminka {
    width        : 780px;
    border       : 1px dotted white;
    border-bottom: 1px dotted #AAAAAA;
    padding      : 3px 0px 0px 0px;
    margin       : 0px;
    position     : relative;
    float        : left;
}

div.panel .center .maminka:hover {
    border       : 1px dotted #3596D6;
    border-bottom: 1px dotted #AAAAAA;
    background   : none;
    border-top   : 1px dotted #FFFFFF;
}

/*div.panel .center .maminka.fokus {border-left: 1px solid red; background-color:none;}*/

/*společné styly udajů*/
div.panel .center .sdphmo {
    background   : transparent url("images/sdph.png") no-repeat right top;
    padding-right: 8px;
}

div.panel .center .sdph {
    background   : transparent url("images/sdph.png") no-repeat right top;
    padding-right: 8px;
}

div.panel .center .bezdph {
    background   : transparent url("images/bezdph.png") no-repeat right top;
    padding-right: 8px;
}

div.panel .center .stredni {
    border      : 0px dotted red;
    font-size   : 11px;
    margin-left : auto;
    margin-right: auto;
}

div.panel .center .velky {
    border      : 0px dotted red;
    font-size   : 15px;
    margin-left : auto;
    margin-right: auto;
    font-weight : 500;
}

div.panel .center .velky.bold {
    font-weight: 700;
    font-size  : 15px;
}

div.panel .center .velky.bolder {
    font-weight: 600;
    font-size  : 15px;
}

div.panel .center .nazevvyrobku {
    font-size     : 22px;
    letter-spacing: 1.1px;
    color         : #aaaaaa;
    padding       : 10px 0px 0px 5px;
    font-weight   : 600;
}

div.panel .center .poctydokladu {
    border: 0px
        /*dotted red;*/
    ;
    margin-left : auto;
    margin-right: auto;
    cursor      : pointer;
    float       : left;
    padding-top : 3px;
    padding-left: 0px;
    width       : 100px;
    font-size   : 12px;
    line-height : 14px;
    text-align  : center;
}

div.panel .center .poctydokladu:hover {
    text-decoration: underline dotted #777777;
}

div.panel .center .marzeproc {
    cursor: help;
}

div.panel .center .mocpodr {
    float           : right;
    border          : 1px dotted #DDDDDD;
    width           : auto;
    margin-right    : 0px;
    background-color: #FFFFFF;
    width           : 328px;
}

div.panel .center .mocpodrm {
    float           : right;
    border          : 1px dotted #DDDDDD;
    width           : auto;
    margin-right    : 0px;
    background-color: #FFFFFF;
    width           : 150px;
}

div.panel .center .mocinfo {
    border      : 0px solid #6ea83b;
    width       : 80px;
    float       : left;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}

div.panel .center .mocslevainfo {
    border      : 0px solid #6ea83b;
    width       : 45px;
    float       : left;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}




/*Zobrazení šedivě těch položek které nejsou skladem*/
div.panel .center .nenisklademinfo {
    background-color: #FAFAFA;
    color           : #888888;
    border-bottom   : 1px dotted #DDDDDD;
    border-left     : 1px dotted #DDDDDD;
    width           : 780px;
    cursor          : pointer;
}

div.panel .center .nenisklademinfo:hover {
    background-color: #F8F8F8;
}

div.panel .center .nenisklademinfo .veta_nsi {
    padding-left: 5px;
    float       : left;
    height      : 20px;
    font-size   : 12px;
}

div.panel .center .nenisklademinfo .zbpodr5 .veta_nsi {
    padding-left: 5px;
}

div.panel .center .nenisklademinfo .sklad {
    padding-right: 5px;
    float        : right;
    font-size    : 12px;
    border       : 0px solid silver;
    text-align   : right;
}

/*nepřihlášen*/
div.panel .center .neprihlasen {
    width     : 250px;
    float     : right;
    text-align: right;
}

div.panel .center .neprihlasen .sklad {
    padding-left: 0px;
    float       : right;
    width       : auto;
    font-size   : 12px;
    margin      : 1px;
    padding     : 2px;
    min-width   : 70px;
    text-align  : center;
}



/* Zboží přehle řádkový i podorbný 1- malý obr, 2-střední obr, 3- maxobr+Detail, 4-řádkovy*/
div.panel .center .zbpodr {
    border     : 0px solid green;
    width      : 780px;
    border-left: 0px dotted #ffffff;
    padding    : 0px;
    margin     : 0px;
    position   : relative;
    float      : left;
}

div.panel .center .zbpodr2 {
    border     : 0px solid green;
    width      : 780px;
    border-left: 0px dotted #ffffff;
    padding    : 0px;
    margin     : 0px;
    position   : relative;
    float      : left;
}

div.panel .center .zbpodr3 {
    border     : 0px solid green;
    width      : 780px;
    border-left: 0px dotted #ffffff;
    padding    : 0px;
    margin     : 0px;
    position   : relative;
    float      : left;
}

div.panel .center .zbpodr4 {
    border     : 0px solid green;
    width      : 780px;
    border-left: 0px dotted #ffffff;
    padding    : 0px;
    margin     : 0px;
    position   : relative;
    float      : left;
}

div.panel .center .zbpodr5 {
    border     : 0px solid green;
    width      : 780px;
    border-left: 0px dotted #ffffff;
    padding    : 0px;
    margin     : 0px;
    position   : relative;
    float      : left;
}


/* Název a popis výrobku a detaily o výrobku*/
div.panel .center .nazevpopis {
    border     : 0px solid blue;
    border-left: 0px dotted #DDDDDD;
    float      : left;
    margin     : 0px 0px 0px 0px;
    font-size  : 14px;
}

div.panel .center .zbpodr .nazevpopis {
    width: 530px;
}

div.panel .center .zbpodr2 .nazevpopis {
    width: 320px;
}

div.panel .center .zbpodr3 .nazevpopis {
    width: 780px;
}

div.panel .center .zbpodr4 .nazevpopis {
    display: none;
}

div.panel .center .zbpodr5 .nazevpopis {
    display: none;
}

/*Základní obrázek výrobku velký*/
div.panel .center .obrazekvelky {
    border  : 0px solid yellow;
    float   : right;
    position: relative;
    margin  : 0px;
}

div.panel .center .zbpodr .obrazekvelky {
    width: 200px;
}

div.panel .center .zbpodr .obrazekvelky img {
    width : 200px;
    height: 150px;
}

div.panel .center .zbpodr2 .obrazekvelky {
    width: 440px;
}

div.panel .center .zbpodr2 .obrazekvelky img {
    width : 440px;
    height: 330px;
}

div.panel .center .zbpodr3 .obrazekvelky {
    width: 740px;
}

div.panel .center .zbpodr3 .obrazekvelky img {
    width : 740px;
    height: 555px;
}

div.panel .center .zbpodr4 .obrazekvelky {
    display: none;
}

div.panel .center .zbpodr4 .obrazekvelky img {
    display: none;
}

div.panel .center .zbpodr5 .obrazekvelky {
    display: none;
}

div.panel .center .zbpodr5 .obrazekvelky img {
    display: none;
}

/*pecky na boku obrázku*/
div.panel .center .obalnapecky {
    border  : 0px solid red;
    position: relative;
    float   : right;
}

div.panel .center .zbpodr4 .obalnapecky {
    display: none;
}

div.panel .center .znacka {
    top        : 100px;
    border     : 0px solid red;
    font-weight: 600;
    opacity    : 0.6;
    filter     : alpha(opacity=60);
    position   : absolute;
    right      : 0px;
    padding    : 2px;
    text-align : left;
}

div.panel .center .zbpodr2 .znacka {
    top: 250px;
}

div.panel .center .zbpodr3 .znacka {
    top: 400px;
}

div.panel .center .zbpodr4 .znacka {
    display: none;
}

div.panel .center .zbpodr5 .znacka {
    display: none;
}

div.panel .center .znacka img {
    height: 30px;
}

div.panel .center .zbpodr .znacka img {
    height: 22px;
}

.znackapecka {
    border     : 0px solid red;
    font-weight: 600;
    padding    : 2px 10px;
    float      : right;
}

.znackapecka img {
    height: 30px;
}

.znackapecka:hover {}


.cpicker {
    font-weight: 600;
    padding    : 0px;
    float      : left;
    border     : 1px solid #EAEAEA;
}

.cpickeredit {
    border     : 1px solid #EAEAEA;
    font-weight: 600;
    padding    : 0px;
    margin     : 0px 5px 0px 0px;
    float      : left;
}

.cpicker img {
    height : 15px !important;
    width  : 15px !important;
    opacity: 0.3;
    filter : alpha(opacity=30);
    margin : 0px !important;
    padding: 0px !important;
}

.cpicker img:hover {
    opacity: 1;
    filter : alpha(opacity=100);
}

.techspec {
    border : 0px solid red;
    padding: 2px;
    float  : left;
}

.techspec img {
    height: 22px;
}

.techspec a {
    color: #888888;
}




/*řádek s výpisem informací o výropbku a řádku s objednáním a cenamaa  ale asi bych to předělal aby to byl jen ten s cena a jiné jméno*/
div.panel .center .infovyrobekdoplnsoub {
    border   : 0px solid green;
    position : relative;
    float    : left;
    width    : 770px;
    padding  : 0px 0px 0px 5px;
    font-size: 14px;
}

div.panel .center .zbpodr4 .infovyrobekdoplnsoub {
    display: none;
}

div.panel .center .zbpodr5 .infovyrobekdoplnsoub {
    display: none;
}

/*Další obchdní informace o výrobku včetně dopl%nkvých obrázků*/
div.panel .center .infovyrobek {
    border: px solid #9900AA;
}

div.panel .center .zbpodr4 .infovyrobek {
    display: none;
}

div.panel .center .zbpodr5 .infovyrobek {
    display: none;
}

/*Obchodní informace*/
div.panel .center .obchinfo {
    border        : 0px Dotted red;
    width         : 460px;
    float         : left;
    padding       : 10px 0px 0px 4px;
    margin        : 0px;
    /*border-right:0px dotted #DDDDDD; */
    _height       : 30px;
    min-height    : 30px;
    margin-right  : 3px;
}

div.panel .center .zbpodr2 .obchinfo {
    width: 310px;
}

div.panel .center .zbpodr3 .obchinfo {
    width: 100%;
}

div.panel .center .zbpodr4 .obchinfo {
    display: none;
}

div.panel .center .zbpodr5 .obchinfo {
    display: none;
}

div.panel .center .zbpodr .obrzkyaadoplnsoub {
    display: block;
}

div.panel .center .zbpodr2 .obrzkyaadoplnsoub {
    display: block;
}

div.panel .center .zbpodr3 .obrzkyaadoplnsoub {
    display: block;
}

div.panel .center .zbpodr4 .obrzkyaadoplnsoub {
    display: none;
}

div.panel .center .zbpodr5 .obrzkyaadoplnsoub {
    display: none;
}

div.panel .center .obchinfo .hodnoty {
    border-bottom: 1px dotted #DDDDDD;
    float        : left;
    width        : 175px;
    border       : 1px dotted #DDDDDD;
    font-size    : 15px;
    text-align   : left;
    padding      : 4px;
    margin       : 2px;
}

/*div.panel .center .obchinfo .hodnoty:hover  {  background-color:#fff4ea;}*/
div.panel .center .zbpodr2 .obchinfo .hodnoty {
    width: 280px;
}

div.panel .center .zbpodr3 .obchinfo .hodnoty {
    width: 175px;
}

div.panel .center .jsemhlava .jsemhlavanevidm {
    display: none;
}


/*Doplňkové osubory */
div.panel .center .doplnsoub {
    border    : 0px solid blue;
    float     : right;
    width     : 200px;
    padding   : 0px 0px 0px 0px;
    margin    : 0px;
    text-align: center;
}

div.panel .center .zbpodr2 .doplnsoub {
    width: 440px;
}

div.panel .center .doplnsoub img {
    width  : 50px;
    height : 37px;
    border : 1px dotted #DDDDDD;
    opacity: 0.7;
    filter : alpha(opacity=70);
}

div.panel .center .zbpodr3 .doplnsoub {
    width: 100%;
}

div.panel .center .zbpodr3 .doplnsoub img {
    width : 100px;
    height: 75px;
}

div.panel .center .zbpodr2 .doplnsoub img {}

div.panel .center .doplnsoub img:hover {
    opacity: 1;
    filter : alpha(opacity=100);
    border : 1px dotted #666666;
}

div.panel .center .doplnsoub img.jendealer {
    width  : 30px;
    height : 30px;
    border : 1px dotted red;
    opacity: 0.7;
    filter : alpha(opacity=70);
}

div.panel .center .doplnsoub img.jendealer:hover {
    opacity: 1;
    filter : alpha(opacity=100);
    border : 1px dotted red;
}




/*moc a img pro řádkový přehled*/
div.panel .center .zbpodr .obrazekmalyradek {
    display: none;
}

div.panel .center .zbpodr2 .obrazekmalyradek {
    display: none;
}

div.panel .center .zbpodr3 .obrazekmalyradek {
    display: none;
}

div.panel .center .zbpodr4 .obrazekmalyradek {
    border      : 0px solid red;
    float       : left;
    _height     : 30px;
    min-height  : 30px;
    margin      : 0px;
    margin-right: 5px;
}

div.panel .center .zbpodr4 .obrazekmalyradek .cpccolor {
    margin : 0px auto;
    padding: 0px;
    width  : 20px;
}

div.panel .center .zbpodr4 .obrazekmalyradek img {
    width  : auto;
    height : 70px;
    padding: 0px 5px 0px 0px
}

/*{ border:0px solid #6ea83b;  width:px; float:left;   padding:0px 8px 0px 0px; margin:0px; text-align:right;  border-right:0px dotted #DDDDDD;_height:30px; min-height:30px; }*/

div.panel .center .zbpodr5 .obrazekmalyradek {
    border      : 0px solid red;
    float       : left;
    _height     : 20px;
    min-height  : 20px;
    margin      : 0px;
    margin-right: 5px;
}

div.panel .center .zbpodr5 .obrazekmalyradek .cpccolor {
    margin : 0px auto;
    padding: 0px;
    width  : 15px;
}

div.panel .center .zbpodr5 .obrazekmalyradek img {
    width  : auto;
    height : 40px;
    padding: 0px 5px 0px 0px
}

div.panel .center .zbpodr5 .peckagalerie {
    display: none !important;
}

div.panel .center .zbpodr5 .peckavideo {
    display: none !important;
}

/*Text o výrobku*/
div.panel .center .popiszb {
    border    : 0px solid red;
    margin    : 0px 0px 0px 0px;
    font-size : 16px;
    padding   : 0px 5px 0px 5px;
    position  : relative;
    overflow-y: hidden;
    overflow-x: hidden;
}

div.panel .center .zbpodr .popiszb {
    /*height: 100px; */
    /*overflow: auto;*/
}

div.panel .center .zbpodr2 .popiszb {
    /*height: 240px;*/
    /*overflow: auto; */
}

div.panel .center .zbpodr3 .popiszb {
    /*font-size:15px; line-height:1.5;*/
}

div.panel .center .zbpodr4 .popiszb {
    display: none;
}

div.panel .center .zbpodr5 .popiszb {
    display: none;
}

/*OBSAHY SLOUP- V řadkovém zobrazení POLOŽEK*/
div.panel .center .zbpodr_pv {
    width     : 775px;
    border    : 0px solid red;
    padding   : 5px 0px 5px 5px;
    position  : relative;
    _height   : 30px;
    min-height: 30px;
    float     : left;
}

div.panel .center .zbpodr_pv:hover {
    background-color:
        /*#fff4ea*/
        #EEEEEE;
}

div.panel .center .zbpodr5 .zbpodr_pv {
    padding: 5px 0px 5px 5px;
}

div.panel .center .nazevvyrobkupopis {
    min-width     : 350px;
    max-width     : 700px;
    border        : 0px Dotted red;
    float         : left;
    padding       : 0px 0px 0px 0px;
    margin        : 0px;
    /*border-right:0px dotted #DDDDDD; */
    _height       : 30px;
    min-height    : 30px;
    margin-right  : 3px;
}

div.panel .center a.zbozi2012 {
    font-size  : 16px;
    font-weight: 700;
    color      : #225588;
    /*#0786cd;*/
}

div.panel .center .regcis {
    float        : left;
    font-weight  : 500;
    padding-right: 3px;
    font-size    : 13px;
}

div.panel .center .zbpodr5 a.zbozi2012 {
    font-size  : 16px;
    font-weight: 600;
    color      : #333333;
    /*#0786cd;*/
}

div.panel .center .zbpodr5 .regcis {
    float      : left;
    font-weight: 500;
    font-size  : 13px;
}


div.panel .center .cenykosiksklad {
    float           : right;
    border          : 1px dotted #DDDDDD;
    width           : auto;
    margin-right    : 3px;
    background-color: #FFFFFF;
}

div.panel .center .zbpodr .cenykosiksklad .mocinfo {
    display: none;
}

div.panel .center .zbpodr2 .cenykosiksklad .mocinfo {
    display: none;
}

div.panel .center .zbpodr3 .cenykosiksklad .mocinfo {
    display: none;
}

div.panel .center .zbpodr5 .cenykosiksklad .mocinfo {
    display: none;
}

div.panel .center .zbpodr .cenykosiksklad .mocslevainfo {
    display: none;
}

div.panel .center .zbpodr2 .cenykosiksklad .mocslevainfo {
    display: none;
}

div.panel .center .zbpodr3 .cenykosiksklad .mocslevainfo {
    display: none;
}

div.panel .center .zbpodr5 .cenykosiksklad .mocslevanfo {
    display: none;
}


div.panel .center .cenykosikpo {
    margin-top      : 1px;
    font-size       : 13px;
    float           : right;
    color           : #0786CD;
    border          : 1px solid #D6E6FF;
    border-right    : 1px solid #D6E6FF;
    border-left     : 15px solid #D6E6FF;
    width           : auto;
    margin-right    : 3px;
    background-color: #FFFFFF;
    min-width       : 394px;
    min-height      : 30px;
    padding         : 1px;
    text-align      : right;
}

div.panel .center .infopo {
    cursor: help;
}


div.panel .center .nakupnicena {
    border      : 0px solid #6ea83b;
    width       : 80px;
    float       : left;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}

div.panel .center .marze {
    border      : 0px solid #6ea83b;
    width       : 45px;
    float       : left;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}

div.panel .center .sklademdodavka {
    border    : 0px solid #6ea83b;
    width     : 100px;
    float     : left;
    font-size : 13px;
    padding   : 0px 0px 0px 0px;
    margin    : 0px;
    text-align: center;
    _height   : 30px;
    min-height: 30px;
}

div.panel .center .zbpodr5 .sklademdodavka {
    display: none;
}

div.panel .center .pocena {
    border      : 0px solid #6ea83b;
    width       : 80px;
    float       : right;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}

div.panel .center .pomarze {
    border      : 0px solid #6ea83b;
    width       : 45px;
    float       : right;
    padding     : 0px 0px 0px 0px;
    margin      : 0px;
    text-align  : right;
    border-right: 0px dotted #DDDDDD;
    _height     : 30px;
    min-height  : 30px;
}


div.panel .center .kosikobsluha {
    border     : 0px solid #6ea83b;
    width      : 103px;
    float      : left;
    margin     : 0px;
    margin-left: 2px;
    padding    : 0px 0px 0px 0px;
    text-align : left;
    _height    : 30px;
    min-height : 30px;
    position   : relative;
}

div.panel .center .kosikobsluhapo {
    float: right;
}

div.panel .center .kosikobsluha form {
    border : 0px solid blue;
    display: block;
    float  : left;
    padding: 3px 2px;
    border : 0px dotted #FFFFFF;
}

div.panel .center .kosikobsluha .vobmixsortzap {
    background-color: #fce7d6;
    height          : 31px;
    border          : 0px;
}

div.panel .center .kosikobsluha .mostav {
    width        : 40px;
    height       : 20px;
    font-size    : 14px;
    color        : #AAAAAA;
    border       : 1px dotted #AAAAAA;
    position     : absolute;
    background   : white;
    left         : 120px;
    top          : 3px;
    border-radius: 4px;
    text-align   : center;
    padding      : 1px;
    cursor       : help;
}

div.panel .center .zbpodr5 .kosikobsluha .mostav {
    left  : 170px;
    cursor: help;
}




div.panel .center .kosikobsluha .ko {
    height               : 18px;
    width                : 55px;
    border               : 1px dotted #AAAAAA;
    background-color     : #EEEEEE;
    float                : left;
    -webkit-border-radius: 3px;
    -moz-border-radius-  : 3px;
    margin-top           : 5px;
    font-family          : Arial, Trebuchet MS, Verdana;
}

div.panel .center .kosikobsluha .ko:hover {
    background-color: #DDDDDD;
}

div.panel .center .kosikobsluha .ko .ko_minus {
    cursor     : pointer;
    float      : left;
    width      : 18px;
    font-weight: 700;
    font-size  : 14px;
    padding-top: 0px;
}

div.panel .center .kosikobsluha .ko .ko_plus {
    cursor     : pointer;
    float      : left;
    width      : 18px;
    font-weight: 700;
    font-size  : 15px;
}

div.panel .center .kosikobsluha .ko .ko_mn {
    float           : left;
    width           : 15px;
    background-color: #DBF1BF;
    font-size       : 10px !important;
    height          : 16px;
    font-weight     : 700;
    padding-top     : 2px;
}

div.panel .center .kosikobsluha .ko .ko_mnnesklad {
    float           : left;
    width           : 15px;
    background-color: #FFFAA8;
    font-size       : 10px;
    height          : 16px;
    font-weight     : 700;
    padding-top     : 2px;
}

div.panel .center .kosikobsluha .ko .ko_mkomise {
    float           : left;
    width           : 15px;
    background-color: #D6E6FF;
    /*#FFFAA8*/
    ;
    font-size  : 15px;
    height     : 18px;
    font-weight: 700;
}

div.panel .center .kosikobsluha .ko .ko_mixpol {
    float              : left;
    width              : 55px;
    /* background-color:#fce7d6;*/
    font-size          : 15px;
    height             : 18px;
    text-align         : center;
    font-weight        : 600;
}

div.panel .center .kosikobsluha .ko .ko_mixpol a {
    color: #555555;
}

div.panel .center .kosikobsluha .ko .ko_mixpol:hover {
    background-color: #DDDDDD;
}


div.panel .center .kosikobsluha input[type=text] {
    border       : 1px solid #666666;
    border-radius: 4px;
    margin       : 0px;
    padding      : 2px;
    height       : 18px;
    font-size    : 16px;
    color        : #333333;
    font-weight  : 700;
    text-align   : right;
}

div.panel .center .kosikobsluha input[type=text].zmeninput {
    background-color: #eeffc8;
    border          : 1px solid #6ea83b;
    border-bottom   : 2px solid #FF1D30;
}

div.panel .center .kosikobsluha input[type=text].workinput {
    background-color: #FFFFAE;
    border          : 1px solid yellow;
    border-bottom   : 2px solid #32FFFF;
}

div.panel .center .kosikobsluha input[type=text].nesklinput {
    border-bottom: 3px solid #FFEB68;
}

div.panel .center .kosikobsluha input[type=text].sklinput {
    border-bottom: 2px solid #6ea83b;
}

div.panel .center .kosikobsluha input[type=text].kominput {
    border-bottom: 2px solid #D6E6FF;
}

div.panel .center .kosikobsluha input[type=text]:disabled {
    border-radius   : 4px;
    margin          : 0px;
    padding         : 2px;
    height          : 18px;
    font-size       : 15px;
    color           : #AAAAAA;
    font-weight     : 700;
    background-color: #EFEFEF;
}

div.panel .center .kosikobsluha form.zmena:hover {
    /*background-color:#F9D4BC;*/
    border: 0px solid #AAAAAA;
}

div.panel .center .kosikobsluha .kolik {
    text-align    : right;
    width         : 35px;
    vertical-align: top;
}

div.panel .center .kosikobsluha .kosikvypnuto {
    color     : #AAAAAA;
    border    : 0px solid #6ea83b;
    font-size : 13px;
    padding   : 0px 0px 0px 0px;
    margin    : 0 auto;
    text-align: center;
    _height   : 30px;
    min-height: 30px;
}

div.panel .center .vombmixneni {
    display: none;
}

div.panel .center .zbpodr5 .vombmixneni {
    display: block;
    float  : right;
    padding: 0px;
    height : 20px;
    width  : 50px;
}

div.panel .center .vobmixs {
    border          : 0px solid red;
    cursor          : pointer;
    width           : 330px;
    line-height     : 90%;
    background-color: #F5F5F5;
    font-size       : 10px;
    float           : right;
    padding         : 0px;
    height          : 20px;
    position        : relative;
    padding         : 3px 0px 2px 0px;
    text-align      : rigth;
    vertical-align  : top;
    margin-top      : 0px;
}

div.panel .center .vobmixs.vobmixsortzap {
    background-color: #fce7d6;
}

div.panel .center .vobmixs:hover {
    background-color: #F9D4BC;
}

div.panel .center .rozbaleno {
    float           : right;
    border          : 0px solid red;
    width           : 410px;
    line-height     : 90%;
    background-color: #D6E6FF;
    font-size       : 12px;
    padding         : 0px;
    height          : 20px;
    position        : relative;
    padding         : 3px 5px 2px 5px;
    text-align      : rigth;
    margin-top      : 0px;
    text-align      : left;
}

/*div.panel .center .rozbaleno:hover { background-color:#C6D6FF;  }*/
.rozbalenokos {
    background-color: #D6E6FF;
    padding         : 10px;
    border          : 0px solid red;
    margin-top      : 10px;
    float           : right;
    width           : 400px;
}

div.panel .center .nsi {
    float           : right;
    border          : 0px solid red;
    width           : 280px;
    line-height     : 90%;
    color           : #000000;
    text-align      : right;
    background-color: #FFFAA8;
    font-size       : 14px;
    padding         : 0px;
    position        : relative;
    padding         : 3px 0px 2px 0px;
    margin-top      : 0px;
    clear           : both;
}


div.panel .center .nsi2 {
    border          : 0px solid red;
    color           : #000000;
    text-align      : left;
    background-color: #FFFAA8;
    font-size       : 15px;
    padding         : 1px 5px 1px 5px;
    position        : relative;
    margin-top      : 0px;
    clear           : both;
}

div.panel .center .jizobj {
    float           : right;
    border          : 0px solid red;
    width           : 280px;
    line-height     : 90%;
    color           : #000000;
    text-align      : right;
    background-color: #c3d9ff;
    font-size       : 14px;
    padding         : 0px;
    position        : relative;
    padding         : 3px 0px 2px 0px;
    margin-top      : 0px;
    clear           : both;
}

/*div.panel .center .rozbaleno:hover { background-color:#C6D6FF;  }*/
.nsikos {
    background-color: #FFFAA8;
    padding         : 10px;
    border          : 0px solid red;
    margin-top      : 10px;
    float           : right;
    width           : 400px;
}


div.panel .center .vobmixs .vobtext {
    border      : 0px solid;
    float       : left;
    font-weight : 500;
    width       : 25px;
    padding     : 1px;
    padding-left: 3px;
}

div.panel .center .vobmixs .vobcena {
    border    : 0px solid;
    float     : left;
    text-align: right;
    width     : 100px;
    padding   : 1px;
}

div.panel .center .vobmixs .vobano {
    border     : 0px solid;
    float      : left;
    text-align : left;
    padding    : 0px;
    margin-left: 5px;
    margin-top : -2px;

}

div.panel .center .vobmixs .vobano input[type=checkbox] {
    margin-top: 2px;
}


div.panel .center .zbpodr5neoddelovat {
    clear: both;
}

div.panel .center .vobmixs .vobtextpravy {
    border     : 0px solid red;
    float      : right;
    font-weight: 500;
    width      : 50px;
    padding    : 0px;
    margin-top : -2px;
}

div.panel .center .zbpodr5 .vobmixs {
    width      : auto;
    height     : 26px;
    padding-top: 3px;
}

div.panel .center .zbpodr5 .vobmixs .vobtext {
    display: none;
}

div.panel .center .zbpodr5 .vobmixs .vobcena {
    display: none;
}

div.panel .center .zbpodr5 .vobmixs .vobano {
    display: none;
}

div.panel .center .zbpodr5 .zbpodr5neoddelovat {
    display: none;
}



div.panel .center .vobmixs .vobzap {
    border: 1px solid;
    float : right;
}

div.panel .center .vobmixs .vobvyp {
    border: 1px solid;
    float : right;
}

/* vobal mix */
div.vypmix {
    border-radius: 10px;
    width        : 120px;
    padding      : 6px;
    padding-left : 50px;
    background   : #FFF4F4 url('images/mixsortvyp.png') 5px 8px no-repeat;
    border       : 1px dotted #AAAAAA;
    float        : right;
    cursor       : pointer;
    margin       : 2px 0px;
}

div.vypmix:hover {
    cursor          : pointer;
    background-color: #FFE4E4
}

.dejvicinfo {
    font-size    : 12px;
    color        : #D9EEFF;
    float        : right;
    background   : url('images/viceinfo.png') top right no-repeat;
    min-width    : 20px;
    min-height   : 35px;
    padding-top  : 5px;
    padding-right: 25px;
    text-align   : right;
    cursor       : pointer;
}

.dejvicinfo:hover {
    background: url('images/viceinfo_vyb.png') top right no-repeat;
}

/*predobjednávka2014*/

div.panel .center .po_radek {
    border       : 1px solid #DDDDDD;
    padding      : 5px;
    border-radius: 4px;
    margin       : 1px;
    min-height   : 100px;
}

div.panel .center .po_radekm {
    border       : 1px solid #DDDDDD;
    padding      : 5px;
    border-radius: 4px;
    margin       : 1px;
}

div.panel .center .po_radekk {
    border          : 1px solid #BBBBBB;
    background-color: #FAFAFA;
    color           : #0786cd;
    height          : 26px;
    padding         : 3px;
    border-radius   : 4px;
    margin          : 1px;
    padding-left    : 10px;
}

div.panel .center .po_radekm:hover {
    border          : 1px solid #BBBBBB;
    background-color: #FAFAFA;
}

div.panel .center .po_radek:hover {
    border          : 1px solid #BBBBBB;
    background-color: #FAFAFA;
}

div.panel .center .po_radekk:hover {
    /* cursor           : pointer;*/
}

div.panel .center .po_radek .po_zobrazjak {
    float       : right;
    background  : url('images/viceinfo_pasiv.png') no-repeat;
    width       : 20px;
    min-height  : 35px;
    margin-top  : -5px;
    margin-right: -5px;
    cursor      : pointer;
}

div.panel .center .po_radekm .po_zobrazjak {
    float       : right;
    background  : url('images/viceinfo.png') no-repeat;
    width       : 20px;
    min-height  : 35px;
    margin-top  : -5px;
    margin-right: -5px;
    cursor      : pointer;
}

div.panel .center .po_zobrazjak:hover {
    background: url('images/viceinfo_vyb.png') no-repeat;
}

div.panel .center .po_radek .po_obrazek {
    width: 40px;
}

div.panel .center .po_radekm .po_obrazek {
    width: 40px;
}

div.panel .center .po_radek .po_dalsiinfo {
    width     : 100%;
    border    : 0px dotted #EEEEEE;
    min-height: 100px;
    margin    : 10px 0px;
}

div.panel .center .po_radek .po_dalsiinfo .po_zalozky {
    width        : 100%;
    border-bottom: 1px solid #EAEAEA;
    margin       : 0px 5px;
    float        : left;
}

div.panel .center .po_radek .po_dalsiinfo .zalozka {
    width       : auto;
    background  : #D9EEFF;
    min-height  : 20px;
    padding     : 4px 10px;
    float       : left;
    margin-right: 5px;
}

div.panel .center .po_radek .po_dalsiinfo .zalozka.vybrana {
    background: #FCE7D6;
}

.po_dilabel {
    font-size       : 12px;
    background-color: #FFFFFF;
    color           : #666666;
    width           : 400px;
    float           : right;
    text-align      : left;
    min-height      : 20px;
    padding         : 5px;
    border-bottom   : 1px solid #EAEAEA;
    border-radius   : 4px;
    margin          : 1px;
}

.po_dilabelmaly {
    font-size: 10px;
}

.po_divalue {
    font-size       : 12px;
    background-color: #FFFFFF;
    color           : #222222;
    width           : 400px;
    float           : right;
    min-height      : 20px;
    padding         : 5px;
    border-bottom   : 1px solid #EAEAEA;
    border-radius   : 4px;
    margin          : 1px;
}

div.panel .center .po_radekm .po_dalsiinfo {
    display: none;
}


div.panel .center .po_radek .po_obrazek img {
    border : 0px solid red;
    float  : left;
    padding: 1px;
    height : 40px;
}

div.panel .center .po_radekm .po_obrazek img {
    border : 0px solid red;
    float  : left;
    padding: 1px;
    height : 40px;
}

div.panel .center .po_cela {
    /*border :1px dotted silver;*/
}

div.panel .center .po_nadpis {
    border       : 1px solid #DDDDDD;
    padding      : 5px;
    border-radius: 4px;
    margin       : 1px;
    background   : #D9EEFF;
    text-align   : center;
}


div.panel .center .po_nazevnadpis {
    float: left;
    width: 530px;
}

div.panel .center .po_pol {
    border    : 0px dotted red;
    float     : left;
    width     : 100px;
    text-align: right;
}

div.panel .center .po_pol2 {
    border    : 0px dotted red;
    float     : left;
    width     : 150px;
    text-align: right;
}

div.panel .center .po_pol3 {
    border    : 1px dotted red;
    float     : left;
    width     : 50px;
    text-align: right;
}

div.panel .center .po_pol4 {
    border    : 0px dotted red;
    float     : left;
    width     : 80px;
    text-align: right;
}

div.panel .center .po_zmenamn {
    border    : 0px dotted silver;
    float     : left;
    width     : 100px;
    text-align: right;
}

div.panel .center .po_nazev {
    border: 0px dotted silver;
    float : left;
    width : 480px;
}

div.panel .center .po_obrazek {
    border       : 0px solid red;
    float        : left;
    padding      : 0px;
    border-radius: 0px;
    padding-right: 15px;
}

div.panel .center .po_malepismo {
    font-size: 11px;
}


div.panel .center .loadkosmn {
    width     : 30px;
    text-align: right;
}


div.panel .center .labelpozn {
    width: 11px;
}

/*div.panel .center input[type=text]{  font-size:11px; text-align:right; display:inline; }
div.panel .center input[type=submit]{ text-align:center;}*/
div.panel .center input {
    font-size: 15px;
}

div.panel .center input[type=text] {
    border       : 1px solid #dddddd;
    border-radius: 4px;
}

div.panel .center input[type=number] {
    border       : 1px solid #dddddd;
    border-radius: 4px;
}

div.panel .center input[type=text]:focus {
    border       : 1px solid red;
    border-radius: 4px;
}

div.panel .center input[type=number]:focus {
    border       : 1px solid red;
    border-radius: 4px;
}

div.panel .center form {
    padding: 0px;
    margin : 0px;
    display: inline;
}

div.panel .center table.stred {
    margin: auto;
}

.doklady {
    width: 700px;
}

.doklady .hlava div {
    border : 1px dotted #eeeeee;
    float  : left;
    margin : 0px;
    padding: 2px;
    width  : 110px;
    height : 40px;
}

.doklady .radek div {
    border        : 1px dotted #eeeeee;
    float         : left;
    margin        : 0px;
    padding       : 2px;
    width         : 110px;
    height        : 25px;
    vertical-align: middle;
}

.doklady a {
    color: #6ea83b;
}


.kosiknahled {
    text-align : left;
    margin-left: 15px;
}

.kosiknahled td {
    text-align    : left;
    vertical-align: top;
    padding       : 10px;
    padding-top   : 7px;
    padding-bottom: 7px;
    border-bottom : 1px dotted #AAAAAA;
    border-left   : 1px solid #FFFFFF;
}

.kosiknahled td.obrazekzbozi {
    text-align    : center;
    vertical-align: middle;
    padding       : 1px;
    padding-top   : 1px;
    padding-bottom: 1px;
    border-bottom : 1px dotted #AAAAAA;
    border-left   : 1px solid #FFFFFF;
    background    : #FFFFFF;
}

.kosiknahled td.prazdny {
    font-size     : 1px;
    height        : 1px;
    text-align    : center;
    vertical-align: middle;
    padding       : 0px;
    padding-top   : 0px;
    padding-bottom: 0px;
    border-bottom : 0px dotted #AAAAAA;
    border-left   : 0px solid #FFFFFF;
    background    : #FFFFFF;
}

.kosiknahled .stav {
    padding-left: 0px;
    float       : right;
    width       : auto;
    font-size   : 12px;
    margin      : 1px;
    padding     : 3px;
    text-align  : center !important;
}


.dialogfrm {
    text-align: left;
    color     : #555555;
}

.dialogfrm label {
    margin-right: 10px;
    text-align  : right;
    font-size   : 13px;
    font-weight : 600;
    float       : left;
    width       : 200px;
    color       : #457896;
    padding-top : 5px
}

.dialogfrm input {
    color : #555555;
    border: 1px dotted #AAAAAA;
}

.dialogfrm input:disabled {
    background-color: #EFEFEF;
    color           : #777777;
}


/*záložky ouška*/
ul.tabs {
    list-style      : none;
    margin          : 0 !important;
    padding         : 0;
    /*	border-bottom:1px solid red;*/
    height          : 20px;
}

ul.tabs li {
    float           : left;
    text-indent     : 0;
    padding         : 0;
    margin          : 0 !important;
    list-style-image: none !important;
}

ul.tabs a {
    background     : url(images/blue2.png) no-repeat -553px 0;
    font-size      : 10px;
    display        : block;
    height         : 20px;
    line-height    : 20px;
    width          : 81px;
    text-align     : center;
    text-decoration: none;
    color          : #333333;
    padding        : 0px;
    margin         : 0px;
    position       : relative;
    top            : 1px;
}

ul.tabs a:active {
    outline            : none;
    background-position: -553px 0;
    width              : 81px;
}

ul.tabs a:hover {
    background-position: -553px -31px;
    color              : #ffffff;
}

ul.tabs a.current,
ul.tabs a.current:hover,
ul.tabs li.current a {
    background-position: -553px -62px;
    cursor             : default !important;
    color              : #222222 !important;
}

.panes .pane {
    display: none;
}



ul.css-tabs {
    margin       : 0 !important;
    padding      : 0;
    height       : 20px;
    border-bottom: 0px solid #fefefe;
}

ul.css-tabs li {
    float          : left;
    padding        : 0;
    margin         : 0;
    list-style-type: none;
}

ul.css-tabs a {
    float               : left;
    font-size           : 11px;
    display             : block;
    padding             : 2px 10px;
    text-decoration     : none;
    border-bottom       : 1px solid #fefefe;
    height              : 15px;
    background-color    : #fefefe;
    color               : #666666;
    margin-right        : 2px;
    position            : relative;
    top                 : 1px;
    outline             : 0;
    /*-moz-border-radius:0px 0px 0 0;*/
}

ul.css-tabs a:hover {
    background-color: #fefefe;
    color           : #333333;
}

ul.css-tabs a.current {
    background-color: #DDDDDD;
    border-bottom   : 1px solid #225588;
    color           : #222222;
    cursor          : default;
}

.css-panes div {
    display           : none;
    /*border          :1px solid #666666;	border-width:0 1px 1px 1px;	min-height:235px;*/
    padding           : 3px 3px;
    /*background-color:#dddddd;*/
    font-size         : 12px;
}



div.minicard {
    border-top: 1px dotted #333333;
    float     : left;
    padding   : 4px;
}

div.lastMinicard {
    border-bottom: 1px dotted #333333;
}

div.minicard h3 {
    font-weight  : 700;
    margin-top   : 0px;
    margin-bottom: 8px;
}

div.minicard .text {
    width: 425px;
    float: left;
}

div.minicard .text b {
    font-size: 11px;
}

div.minicard .text p {
    font-size: 11px;
    margin   : 0px;
}

div.minicard .price {
    width     : 100px;
    font-size : 11px;
    float     : left;
    text-align: center;
}

div.minicard .price span {
    font-size  : 11px;
    font-weight: 700;
    color      : #ff8040;
}

div.minicard .image {
    width     : 60px;
    float     : left;
    padding   : 4px 0px;
    text-align: center;
}

div.minicard .image img {
    border : 1px solid #888888;
    width  : 48px;
    height : 48px;
    display: block;
}

div.productcard {
    border     : 1px dotted #888888;
    width      : 550px;
    float      : left;
    margin-top : 10px;
    margin-left: 25px;
}

div.productcard .lPart {
    width: 390px;
    float: left;
}

div.productcard .rPart {
    width      : 140px;
    float      : right;
    padding    : 8px;
    padding-top: 2px;
}

div.productcard .lPart .pImage {
    width  : 372px;
    padding: 5px;
    float  : left;
}

div.productcard .lPart .pText {
    width     : 372px;
    font-size : 11px;
    padding   : 5px;
    text-align: justify;
    float     : left;
}

div.productcard .rPart .info h4 {
    font-size: 11px;
    color    : #457896;
    margin   : 5px 0px 2px 0px;
}

div.productcard .rPart .info p {
    font-size: 11px;
}

div.productcard .rPart .kosik {
    margin-top: 80px;
}



#message h5 {
    text-align    : center;
    color         : #0786cd;
    font-weight   : 700;
    font-size     : 14px;
    padding       : 5px;
    margin        : 3px 8px 3px 8px;
    border-bottom : 1px dotted #DDDDDD;
    text-transform: uppercase;
}

/* #0786cd #6ea83b */
#noscript {
    width        : 700px;
    border       : 5px solid yellow;
    background   : url('images/warningsml.png') no-repeat center left;
    padding-left : 70px;
    padding-right: 50px;
    margin       : auto;
}

#noscript h5 {
    text-align    : center;
    color         : #0786cd;
    font-weight   : 700;
    font-size     : 14px;
    padding       : 5px;
    margin        : 3px 8px 3px 8px;
    border-bottom : 1px dotted #DDDDDD;
    text-transform: uppercase;
}

/* #0786cd #6ea83b */

.kosikstrana form {
    border: 0px solid red;
    margin: 0px;
    float : left;
}

.kosikstrana form select {
    margin   : 5px 5px 10px 5px;
    font-size: 15px;
    padding  : 5px;
}

div.panel .center .kosikstrana label {
    font-size: 14px;
    height   : 20px;
    width    : 200px;
    border   : 0px solid red;
    float    : left;
}

.kosikstrana .vedlelabel {
    width  : 500px;
    border : 0px solid red;
    float  : left;
    padding: 2px;
}

.jedeninput {
    margin-top: 10px;
    clear     : both;
}

#hlavakos {
    border          : 0px solid white;
    width           : 780px;
    height          : 130px;
    background-color: #fff;
    margin-bottom   : 20px;
    font-size       : 14px;
}

#hlavakos .kosmanual {
    width               : 100px;
    padding             : 8px;
    padding-left        : 30px;
    background          : #DFFFD4 url('images/kosik_maly_pridej.png') 6px 4px no-repeat;
    border              : 1px dotted #AAAAAA;
    float               : left;
    cursor              : pointer;
    margin              : 0px;
    ursor               : pointer !important;
    border              : 1px dotted #AAAAAA;
    webkit-border-radius: 3px;
    border-radius       : 3px;
    -moz-border-radius- : 3px;
}

#hlavakos .kosvysyp {
    width                : 100px;
    padding              : 8px;
    padding-left         : 30px;
    background           : #FFD4D4 url('images/kosik_maly_zrus.png') 6px 4px no-repeat;
    border               : 1px dotted #AAAAAA;
    float                : left;
    cursor               : pointer;
    margin               : 2px 0px;
    ursor                : pointer !important;
    border               : 1px dotted #AAAAAA;
    -webkit-border-radius: 3px;
    border-radius        : 3px;
    -moz-border-radius-  : 3px;
}

#hlavakos .kosmanual:hover {
    border    : 1px solid #AAAAAA;
    color     : #111111;
    background: #CFEFC4 url('images/kosik_maly_pridej.png') 6px 4px no-repeat;
}

#hlavakos .kosvysyp:hover {
    border    : 1px solid #AAAAAA;
    color     : #111111;
    background: #EFC4C4 url('images/kosik_maly_zrus.png') 6px 4px no-repeat;
}

#jxindex01 {
    width: 4%;
}

#jxindex02 {
    width: 3%;
}

#jxindex1 {
    width: 12%;
}

#jxindex2 {
    width: 12%;
}

#jxindex5 {
    width: 12%;
}

#jxindex6 {
    width: 12%;
}

#jxindex7 {
    width: 12%;
}

#jxindex8 {
    width: 12%;
}

#jxindex9 {
    width: 16%;
}



#hlavakos .stbardel {
    height          : 70px;
    width           : 1px;
    border-left     : 1px dotted #AAAAAA;
    background-color: #FFF;
    float           : right;
    margin-left     : 4px;
    margin-right    : 4px;
}

#sumykos {
    border          : 1px dotted #AAAAAA;
    width           : 750px;
    float           : right;
    margin          : 5px;
    background-color: #FFFFFF;
    text-align      : center;
    height          : 80px;
    padding-top     : 10px;
    padding-right   : 10px;
}

#infokos {
    border          : 1px dotted #AAAAAA;
    width           : 760px;
    float           : right;
    margin          : 5px;
    background-color: #FFFFFF;
    text-align      : center;
    padding-top     : 10px;
    padding-bottom  : 5px;
    font-size       : 15px;
}

#sumykos6 {
    margin-top  : -5px;
    margin-right: 8px;
}

#posunkos {
    border        : 0px dotted red;
    width         : 780px;
    float         : right;
    height        : 50px;
    text-align    : center;
    padding-top   : 20px;
    padding-bottom: 10px;
    font-size     : 15px;
    background    : #FFFFFF url('images/kapitolavelkaP.png') no-repeat top +3px right;
}

#posunkos label {
    color         : #888888;
    font-size     : 16px;
    text-transform: uppercase;
    width         : 450px;
    text-align    : left;
    padding-left  : 50px;
    font-weight   : 500;
}


#stavkos {
    border          : 0px dotted white;
    width           : 780px;
    float           : right;
    background-color: #FFFFFF;
    text-align      : center;
    height          : 40px;
    margin-top      : 5px;
}

#stavkos .krok {
    border        : 0px dotted silver;
    width         : 260px;
    height        : 40px;
    float         : left;
    text-align    : center;
    vertical-align: center;
    color         : #999999;
    font-size     : 20px;
    text-transform: uppercase;
    background    : url('images/kosikpostup_seda.png') no-repeat center left;
}

#stavkos .krok.stavkossplneny {
    background: url('images/kosikpostup_splneny.png?a=2') no-repeat center left;
}

#stavkos .krok.stavkosaktivni {
    background: url('images/kosikpostup_aktivni.png?a=1') no-repeat center left;
}

#stavkos .krok.stavkoschyba {
    background: url('images/kosikpostup_chyba.png') no-repeat center left;
}

#stavkos .krok.stavkoschyba .nadpis {
    margin-top: -5px;
}

#stavkos .nadpis {
    font-size     : 18px;
    text-transform: uppercase;
    padding-top   : 10px;
    padding-left  : 35px;
    float         : left;
    padding-bottom: 5px;
}

#stavkos .krok.stavkosaktivni .nadpis {
    color: #555555;
}

#stavkos .nadpis a {
    color: #555555;
}

#stavkos .nadpis a:hover {
    color: #222222;
}

#stavkos .chybykosik a {
    color         : #E04D4C;
    font-size     : 12px;
    text-transform: uppercase;
    margin-top    : 0px;
    float         : left;
}

#stavkos .infokosik a {
    color         : #888888;
    font-size     : 12px;
    text-transform: uppercase;
    margin-top    : 0px;
    float         : left;
}

div.panel .center .kosiknahled td {
    font-size: 14px;
}

div.panel .center .kosiknahled td b {
    font-size: 14px;
}

div.panel .center .kosiknahled a {
    font-size: 14px;
    color    : #222222;
}



.map-canvas {
    height        : 250px;
    width         : 550px;
    padding-top   : 100px;
    border        : 1px solid #eeeeee;
    text-align    : center;
    vertical-align: bottom;
}

.ulozgps {
    height          : 30px;
    width           : 100px;
    border          : 1px solid #eeeeee;
    text-align      : center;
    background-color: #DFFFD4;
    padding-top     : 10px;
}


div.panel .center a.adresymesta {
    white-space: nowrap;
    padding    : 5px;
    margin     : 3px;
    border     : 1px dotted #DDDDDD;
    float      : left;
    font-size  : 15px;
}

div.panel .center a.adresymesta:hover {
    white-space: nowrap;
    padding    : 5px;
    margin     : 3px;
    border     : 1px dotted #999999;
    float      : left;
    font-size  : 15px;
}

div.panel .center h6.adresymesta {
    text-transform  : uppercase;
    white-space     : nowrap;
    padding         : 5px;
    margin          : 3px;
    border          : 1px dotted #AAAAAA;
    float           : left;
    background-color: #EEEEEE;
    font-size       : 15px;
    width           : 20px;
    text-align      : center;
}

div.panel .center .pobocka {
    padding    : 5px;
    margin     : 3px;
    border     : 1px dotted #DDDDDD;
    float      : left;
    font-size  : 15px;
    width      : 450px;
    padding-top: 40px;
}

div.panel .center .pobocka.vyb {
    padding    : 5px;
    margin     : 3px;
    border     : 1px dotted #DDDDDD;
    float      : left;
    font-size  : 15px;
    width      : 450px;
    padding-top: 40px;
}

div.panel .center .mesto {
    float      : left;
    margin     : 0;
    padding    : 0;
    margin-left: -10px;
}

/*redakce*/
#toolbar {
    border          : 1px dotted #AAAAAA;
    padding         : 5px;
    background-color: #DDDDDD;
    font-size       : 12px;
}

#datatblhd th {
    text-align      : center;
    min-width       : 80px;
    background-color: #EEEEEE;
}


.zprava_info {
    float          : left;
    border         : 1px dotted #bbb;
    padding        : 5px 15px 5px 40px;
    margin         : 10px auto;
    width          : 90%;
    text-align     : left;
    background     : url('https://www.uniag.biz/_styl_2016/images/info77.png') no-repeat left 5px top 5px;
    background-size: 25px 25px;
}

.zprava_zarovka {
    float          : left;
    border         : 1px dotted #bbb;
    padding        : 5px 15px 5px 40px;
    margin         : 10px auto;
    width          : 90%;
    text-align     : left;
    background     : url('https://www.uniag.biz/_styl_2016/images/zarovka2.png') no-repeat left 5px top 5px;
    background-size: 25px 25px;
}

.reklama_ctverec {
    font-family  : 'Saira Extra Condensed', 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana;
    font-weight  : 300;
    float        : left;
    border       : 0px dotted red;
    margin       : 0px;
    padding-left : 0px;
    width        : 780px;
    margin-bottom: 5px;
}

.reklama_1ctverec {
    float        : left;
    border-right : 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding      : 5px 7px;
    margin       : 0px;
    width        : 23%;
    text-align   : center;
    height       : auto;
}

.reklama_1ctverec .nazev {
    height     : 60px;
    border     : 0px dotted red;
    font-weight: 500;
    overflow   : hidden;
    font-size  : 125%;
    line-height: 95%;
    margin-top : 3px;
}

.reklama_1ctverec .poznzak {
    height       : 20px;
    border       : 0px dotted red;
    font-weight  : 300;
    font-size    : 100%;
    margin-bottom: 4px;
}

.reklama_1ctverec .cena {
    vertical-align  : bottom;
    height          : 32px;
    border          : 0px dotted red;
    width           : 95%;
    text-align      : center;
    padding-top     : 5px;
    background-color: #F9F9Fa;
    margin          : 1px auto;
    padding-left    : 5px;
}

.reklama_1ctverec .cenapopis {
    font-weight : 200;
    font-size   : 70%;
    padding-left: 5px;
    float       : left;
    width       : 12%;
}

.reklama_1ctverec .cena div {
    vertical-align: bottom;
    line-height   : 32px;
    height        : 32px;
    text-align    : right;
    border        : 0px dotted red !important;
}

.reklama_1ctverec .cenamax {
    font-weight    : 400;
    font-size      : 90%;
    text-decoration: line-through;
    float          : left;
    padding-left   : 5px;
    width          : 25%;
}

.reklama_1ctverec .cenaslev {
    font-weight : 500;
    font-size   : 90%;
    width       : 15%;
    float       : left;
    padding-left: 5px;
}

.reklama_1ctverec .cenazakl {
    float        : right;
    paddung-right: 5px;
    font-weight  : 600;
}


.reklama_1ctverec .moc {
    height     : 25px;
    border     : 0px dotted red;
    font-weight: 600;
    color      : #3596D6;
    font-size  : 115%;
}

.reklama_1ctverec .voc {
    height     : 25px;
    border     : 0px dotted red;
    font-weight: 600;
    color      : #6ea83b;
    font-size  : 115%;
}


.reklama_1ctverec a img.obrazekproduktu {
    width     : 90%;
    margin-top: 5px;
}

.reklama_1ctverec a img.obrazekproduktu:hover {
    opacity: 0.8;
    filter : alpha(opacity=80);
}

.reklama_1ctverec a {
    color: #555555;
}

.reklama_1ctverec a:hover {
    color          : #000000;
    text-decoration: none;
}

/*.reklama_ctverec div {border:1px dotted red !important; }*/


/*Oblibene*/
.oblibene {
    width       : 15px;
    height      : 15px;
    float       : left;
    margin-right: 3px;
    cursor      : pointer;
}

.obli_Hvezda {
    background-image: url('https://www.uniag.biz/_styl_2016/images/hvezda001.png');
}

.obli_HvezdaSeda {
    background-image: url('https://www.uniag.biz/_styl_2016/images/hvezda001seda.png');
}

.obli_Obalka {
    background-image: url('https://www.uniag.biz/_styl_2016/images/obalka001.png');
}

.obli_ObalkaSeda {
    background-image: url('https://www.uniag.biz/_styl_2016/images/obalka001seda.png');
}

.obli_Akce {
    background-image: url('https://www.uniag.biz/_styl_2016/images/akce.png');
}

.obli_Chyba {
    background-image: url('https://www.uniag.biz/_styl_2016/images/chyba.png');
}

.oToolTip {
    background : #FFFFFF;
    margin-left: 15px;
    margin-top : 15px;
    border     : 1px dotted #AAAAAA;
    padding    : 15px;

    position                      : absolute;
    z-index                       : 1000;
    min-width                     : 100px;
    max-width                     : 300px;
    min-height                    : 50px;
    -webkit-border-radius         : 10px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius            : 10px;
    -moz-border-radius-topleft    : 0;
    border-radius                 : 10px;
    border-top-left-radius        : 0;
}


@media only screen and (max-width: 1000px) {
    .nevidimvmalem {
        display: none !important;
    }

    #jxindex01 {
        width: 8%;
    }

    #jxindex02 {
        width: 6%;
    }

    #jxindex03 {
        width: 5%;
    }

    #jxindex2 {
        width: 28%;
    }

    #jxindex1 {
        width: 28%;
    }

    #jxindex7 {
        width: 24%;
    }
}

/*
body {transform: scaleX(-1)}
.statusbar {transform: scaleX(-1)}

*/

/*2020*/

#skladDetBody {
    border            : none;
    z-index           : 100000001;
    position          : absolute;
    width             : 100%;
    min-height        : 150px;
    background-color  : #FFFFFF;
    height            : auto;
    -moz-box-sizing   : border-box;
    -webkit-box-sizing: border-box;
    box-sizing        : border-box;
    font-family       : 'Saira Extra Condensed', 'Archivo Narrow', Tahoma, Arial, Trebuchet MS, Verdana;
    font-size         : 2vw;
    font-weight       : 300;
    float             : left;
}

#skladDetIn {
    min-height      : 100%;
    /*height        : 100%;*/
    width           : 98%;
    max-width       : 1250px;
    /*   border     :1px dotted #AAAAAA;*/
    background-color: #FFFFFF;
    margin          : 0px auto;
    margin-top      : 5px;

}

#skladDetIn .zobrazitvictextu {
    cursor          : pointer;
    width           : 100%;
    font-weight     : 300;
    opacity         : 0.90;
    filter          : alpha(opacity=90);
    position        : absolute;
    left            : 0px;
    bottom          : 0px;
    padding         : 4px;
    background-color: #FFFFFF;
    color           : #888888;
    text-align      : center;
    font-style      : italic;
    font-size       : 1vw;
}


#skladDetIn .blok100 {
    width   : 100%;
    float   : left;
    position: relative;
}

#skladDetIn .blok50 {
    width   : 50%;
    float   : left;
    position: relative;
}

#skladDetIn .blok33 {
    width   : 33%;
    float   : left;
    position: relative;
}

#skladDetIn .obsah {
    width     : 95%;
    margin    : 0px auto;
    border-top: 1px dotted #DDDDDD;
    padding   : 10px;

    /*-moz-border-radius-topleft: 5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-left-radius:5px;border-bottom-right-radius:5px;*/

}

#skladDetIn .obsah table {
    width: 100%;
}

#skladDetIn .obsah td {
    vertical-align: top;
}

#skladDetIn .obsah .hodnoty {

    margin-left: 0.5em;

}

#skladDetIn .obsah .skryty {

    max-height: 20em;
    overflow  : hidden;
    position  : relative;

}

#skladDetIn H1,
H2,
H3,
H4,
H5,
H6 {
    margin-block-start : 0.10em;
    margin-block-end   : 0.10em;
    margin-inline-start: 0px;
    margin-inline-end  : 0px;
}

#skladDetIn H1 {
    font-size  : 4vw;
    font-weight: 600;

}

.rgbpecky {
    width     : 100%;
    height    : 100%;
    float     : left;
    /*border  :1px solid red;*/
    text-align: center;
}

.rgbpeckyin {
    /* border:1px solid blue;*/
    padding         : 5px;
    width           : auto;
    height          : 100%;
    position        : relative;
    display         : inline-block;
    background-color: #eef2f5;
    margin          : auto;
}

.rgbpeckaout {
    margin   : 0em 0.5em;
    /* border:1px solid green;*/
    float    : left;
}

.rgbpecka {
    width : 1em;
    height: 1em;
    float : left;
}

#skladDetIn .obrazekproduktu {
    position: relative;
}

#skladDetIn .obrazekproduktu img {
    width : 95%;
    margin: 1px auto;

    /*border: 1px solid red;*/
}

#skladDetIn .dalsiobrazky {
    width     : 95%;
    margin    : 1px auto;
    height    : auto;
    border    : 0px solid red;
    overflow  : hidden;
    text-align: center;

}

#skladDetIn .dalsiobrazky img {
    width: 15%;

}

#skladDetIn .dalsiobrazky .fotazobraz {
    width      : 15%;
    margin     : 1px auto;
    cursor     : pointer;
    font-weight: 300;
    font-style : italic;
    font-size  : 1vw;


}

.back {
    cursor             : pointer;
    width              : 1.5em;
    height             : 1.5em;
    padding            : 5px;
    color              : #555555;
    background-color   : #eef2f5;
    font-weight        : bold;
    font-size          : 1vw;
    border-radius      : 50%;
    user-select        : none;
    -webkit-user-select: none;
    border             : none;
    display            : inline-block;
    -webkit-appearance : none;
    -moz-appearance    : none;
    float              : right;

}


#skladDetIn .prev,
.next,
.big {
    cursor             : pointer;
    position           : absolute;
    bottom             : 0.5em;
    right              : 2em;
    width              : 1.5em;
    height             : 1.5em;
    padding            : 5px;
    color              : #555555;
    background-color   : #eef2f5;
    font-weight        : bold;
    font-size          : 1vw;
    border-radius      : 50%;
    user-select        : none;
    -webkit-user-select: none;

}

#skladDetIn .prev:hover,
.next:hover,
.back:hover,
.big:hover {
    background-color: #fff4ea;
    text-decoration : none;

}

/* Position the "next button" to the right */
#skladDetIn .next {
    right: 0;

}

#skladDetIn .big {
    left: 0;

}

#skladDetIn .back {
    right          : 0px;
    border-radius  : 50%;
    top            : 40px;
    text-decoration: none;

}

.fotozatimnevidim {
    display: none;
}

@media (max-width: 768px) {
    #skladDetBody {
        font-size: 5vw;
    }

    #skladDetIn .prev,
    .next,
    .big,
    .back {
        font-size: 5vw;
    }

    #skladDetIn .big {
        display: none;
    }

    #skladDetIn {
        width    : 100%;
        max-width: 1250px;
        border   : 0px dotted #AAAAAA;
        margin   : 0;

    }

    #skladDetIn .blok50 {
        width: 100%;
        float: left;
    }

    #skladDetIn .blok33 {
        width: 100%;
        float: left;
    }

    #skladDetIn H1 {
        font-size  : 8vw;
        font-weight: 600;
    }

    #skladDetIn .zobrazitvictextu {
        font-size: 3vw;
    }

    #skladDetIn .dalsiobrazky .fotazobraz {
        font-size: 3vw;
    }
}

@media (min-width: 992px) {
    #skladDetBody {
        font-size: 1.2vw;
    }


    #skladDetIn H1 {
        font-size: 3vw;

    }
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {}


#skladDetBody div {
    /*   border:1px solid red!important; */
}

.sqllog {
    display         : block;
    position        : fixed;
    background-color: white !important;
    bottom          : 0px;
    right           : 2px;
    z-index         : 9999;
    width           : 250px;
    text-align      : left;
    height          : 850px;
    overflow-y      : hidden;
    overflow-x      : hidden;
    border          : 2px solid silver;
    padding         : 5px;
    font-size       : 12px;
    line-height     : 15px;

}

.sqllog .sqlin {
    max-height      : 65px;
    width           : 95%;
    border          : 0px #EEEEEE dotted;
    display         : block;
    overflow        : hidden;
    font-size       : 10px;
    line-height     : 12px;
    color           : #444444;
    padding         : 5px;
    background-color: #F5F5F5;
}