body,
html {
    margin: 0px;
    padding: 0px;
    text-align: left;
    color: black;
    font: normal normal 0.88em Trebuchet, Trebuchet MS, sans-serif;
    font-size: 0.88em;
    background: white;
}

body {
    padding: 3px 3px 0px 3px;
    min-width: 720px;
}

body.simple {
    min-width: 0px;
}

table {
    padding: 0px;
    margin: 0px;
    border: none;
    margin: auto;
}

td {
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

form {
    margin: 0px;
}

img {
    border: none;
    vertical-align: middle
}

input {
    vertical-align: middle;
}

a {
    text-decoration: none;
    color: black;
}

h1 {
    margin-bottom: 0px;
}

a:hover {
    text-decoration: underline;
    color: #d80000;
}

.tbold {
    font-weight: bold;
}

.tpodtrzeny,
.tpodtrzeny td {
    text-decoration: underline;
}

.tkurziva {
    font-style: italic;
}

.tvetsi {
    font-size: 16px;
}

.tmensi {
    font-size: 10px;
}

.al {
    text-align: left
}

.ac {
    text-align: center
}

.aj {
    text-align: justify
}

.ar {
    text-align: right
}

.inv {
    display: none;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.cleaner {
    clear: both;
}

.nic {
    font-size: 1px;
}

.red {
    color: red;
}

.obrl {
    float: left;
    margin: 5px 10px 5px 0px;
}

.obrr {
    float: right;
    margin: 5px 0px 5px 10px;
}

.full {
    width: 100%;
}

ul {
    margin: 5px 0px 5px 0px;
}

h1 {
    font: normal normal 160% Trebuchet MS, Trebuchet, sans-serif;
    color: black;
    margin: 0px;
    margin-bottom: 10px;
}

h2 {
    font: normal normal 130% Trebuchet MS, Trebuchet, sans-serif;
    color: black;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-weight: bold;
}

h3 {
    font: normal normal 120% Trebuchet MS, Trebuchet, sans-serif;
    color: black;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: bold;
}

h4 {
    font: normal normal 115% Trebuchet MS, Trebuchet, sans-serif;
    color: #AFA070;
    margin: 0px;
    margin-bottom: 5px;
    font-weight: bold;
    clear: both;
    margin-top: 1em;
}

#hlavicka {
    height: 100px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/hlavicka_bg.png") repeat-x left top;
}

#logo {
    float: left;
    padding: 17px 18px 0px 30px;
}

#logo img {
    max-height: 90px;
    max-width: 140px;
    margin-top: 1.5em;
}

#mainmenu .kotva {
    position: relative;
    float: left;
    width: 100px;
    text-align: center;
    z-index: 7;
}

#mainmenu a.main {
    display: block;
    position: relative;
    z-index: 11;
    text-decoration: none;
    height: 80px;
    padding: 20px 6px 0px 6px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/hlavicka_a.png") left top;
}

#mainmenu img {
    margin-bottom: 7px;
}

#mainmenu_vpravo {
    float: right;
    /*width: 205px;*/
}

#mainmenu .submenu {
    position: absolute;
    left: 4px;
    top: 0px;
    width: 215px;
    text-align: left;
    z-index: 10;
}

#mainmenu .submenu_vrsek {
    height: 100px;
    width: 215px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/mainmenu_vrsek.png") no-repeat left bottom;
}

#mainmenu .submenu_odkazy {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/mainmenu.png") no-repeat left bottom;
    padding: 0px 5px 10px 5px;
}

#mainmenu .submenu a,
#mainmenu .submenu span {
    display: block;
    min-height: 15px;
    text-transform: uppercase;
    clear: both;
    font-size: 11px;
    height: auto;
    padding: 5px 5px 5px 10px;
    margin: 0px;
}

#mainmenu .submenu a:hover {
    background: #E37C0D;
    color: white;
    text-decoration: none;
}

#mainmenu .submenu img {
    float: left;
    display: block;
    vertical-align: middle;
    margin-right: 15px;
    margin-top: -3px;
    margin-bottom: 0px;
    display: none;
}

#mainmenu .separator {
    height: 12px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_separator.png") left 5px repeat-x;
    clear: both;
}

#menu {
    height: 40px;
    clear: both;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_bg.png") repeat-x left bottom;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
}

#menu a {
    display: block;
    text-decoration: none;
}

#menu.nizky {
    height: 5px;
}

#menu .menu_odkaz {
    float: left;
    margin-right: 3px;
    height: 40px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka.png") no-repeat left top;
}

#menu .menu_odkaz a {
    display: block;
    padding: 14px 15px 0px 15px;
    height: 26px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka_r.png") no-repeat right top;
    color: black;
}

#menu .menu_on {
    background-position: left -160px;
}

#menu .menu_on a {
    background-position: right -160px;
}

#menu .menu_pokracujte {
    padding: 14px 0px 0px 12px;
    float: left;
}

#menu .menu_pokracujte img {
    vertical-align: bottom;
    margin-right: 8px;
}

#menu_vpravo {
    float: right;
    margin-top: -3px;
    padding: 0px 12px 0px 0px;
}

#menu_vpravo a {
    display: block;
    padding: 14px 10px 3px 10px;
    float: right;
}

#menu_vpravo img {
    margin-right: 10px;
    vertical-align: middle;
}

.zalozky {
    min-height: 40px;
    clear: both;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_bg.png") repeat-x left bottom;
    padding: 0px 10px 0px 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    margin-bottom: 12px;
    margin-top: 5px;
}

.zalozky a {
    display: block;
    text-decoration: none !important;
}

.zalozky .zalozky_odkaz {
    float: left;
    margin-right: 3px;
    height: 40px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka.png") no-repeat left top;
}

.zalozky .zalozky_odkaz a {
    display: block;
    padding: 14px 15px 0px 15px;
    height: 26px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka_r.png") no-repeat right top;
    color: black;
}

.zalozky .zalozky_on {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka_on.png");
}

.zalozky .zalozky_on a {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/menu_zalozka_on_r.png")
}

.zalozky_vpravo {
    float: right;
    width: 140px;
    margin-top: -3px;
}

.zalozky_vpravo a {
    display: block;
    padding: 14px 20px 3px 0px;
}

.zalozky_vpravo img {
    margin-right: 10px;
    vertical-align: middle;
}

#paticka {
    clear: both;
    padding: 5px 15px 10px 15px;
    font-size: 10px;
}

#paticka_cara {
    height: 20px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/paticka_bg.png") left top repeat-x;
}

#paticka_vlevo {
    float: left;
}

#paticka_vlevo img {
    margin-right: 20px;
    margin-bottom: 4px;
    vertical-align: middle;
}

#paticka_vpravo {
    float: right;
    width: 400px;
}

#paticka_vpravo a {
    display: block;
    float: right;
    margin-left: 20px;
    padding-left: 20px;
}

#paticka_vpravo .odkaz1 {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/paticka_odkaz_1.png") no-repeat left top;
}

#paticka_vpravo .odkaz2 {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/paticka_odkaz_2.png") no-repeat left top;
}

#paticka_vpravo .odkaz3 {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/paticka_odkaz_3.png") no-repeat left top;
}

#telo {
    clear: both;
    position: relative;
}

#levy {
    float: left;
    width: 180px;
    padding-top: 30px;
}

#levy .blok {
    clear: both;
    margin-bottom: 6px;
}

#levy .nadpis a,
#levy .nadpis span {
    display: block;
    height: 24px;
    padding: 6px 0px 0px 6px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/levy_nadpis.png") left top;
    color: black;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
}

#levy .nadpis a img,
#levy .nadpis span img {
    margin: -3px 8px 0px 0px;
}

#levy .nadpis img {
    vertical-align: middle;
    margin-right: 8px;
}

#levy .blok .on a {
    background-position: left -120px;
    color: white;
}

#levy .nadpis_on a,
#levy .nadpis_on span {
    background-position: left -120px;
    color: white;
}

#levy .balik a {
    display: block;
    height: 18px;
    padding: 4px 0px 0px 25px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/levy_polozka.png") left top;
    font-size: 11px;
    text-decoration: none;
    color: black;
}

#levy .balik a.on {
    background-position: left -88px;
    color: white;
}

#levy-uzke {
    padding-top: 30px;
    width: 20px;
    height: 20px;
    background: red;
    display: none;
    position: absolute;
    left: -4px;
    top: 16px;
    z-index: 29;
    background: #F29E4B url("https://shared.homeport.cz/2.customers/imgs_system/levy-expand.png") no-repeat center center;
    border-radius: 0px 4px 4px 0px;
    cursor: pointer;
}

#levy-uzke:hover {
    background-color: #EF871E;
}

.zuzene-body2 #levy {
    display: none;
    position: absolute;
    left: -4px;
    top: 2px;
    z-index: 30;
    background: rgba(250, 245, 245, 0.92);
    border-radius: 0px 8px 8px 0px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
    border: solid 1px #ccc;
    padding: 8px 8px 8px 0px;
}

.zuzene-body2 #levy-uzke {
    display: block;
}

.zuzene-body #logo {
    display: none;
}

#levy-uzke.levy-uzke-aktivni {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
    background: #FFFAFA url("https://shared.homeport.cz/2.customers/imgs_system/levy-expand-off.png") no-repeat center center;
    border-radius: 0px 3px 3px 0px;
}

#levy-uzke.levy-uzke-aktivni:hover {
    background-color: #e5e5e5;
}

.polozka {
    position: relative;
    z-index: 3;
}

#pravy .polozka a {
    display: block;
}

#pravy .polozka h4 img {
    display: none;
}

#pravy .polozka .vice {
    display: none;
}

.polozka_ovladani {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 3;
    width: 36px;
    text-align: right;
}

.polozka_ovladani a {
    display: inline !important;
}

.polozka ul {
    padding-left: 15px;
    margin-left: 0px;
}

.polozka li {
    padding-left: 00px;
    margin-left: 0px;
}

#pravy {
    float: right;
    width: 200px;
    padding-top: 36px;
}

#pravy .polozka {
    clear: both;
    margin-bottom: 10px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/pravy_nadpis.png") #F8F3E6 left top no-repeat;
    padding: 0px 10px 8px 10px;
    font-size: 10px;
}

#pravy .nadpis,
#pravy h4 {
    display: block;
    heaight: 24px;
    padding: 6px 20px 6px 10px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/pravy_nadpis_prechod.png") left bottom no-repeat;
    color: black;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px -10px 10px -10px;
}

#pravy .prechod {
    height: 6px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/pravy_nadpis_prechod.png");
}

#pravy .nadpis img,
#pravy h4 img {
    vertical-align: middle;
    margin-right: 8px;
}

#vyhledavani {
    height: 70px;
    text-align: center;
}

#vyhledavani input {
    border: solid 1px #FFDDB8;
    height: 14px;
    font-size: 10px;
    width: 140px;
    padding: 1px 3px 1px 3px;
}

#vyhledavani #vyhledavadlo {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/hledej.png") no-repeat left top;
    border: none;
    width: 30px;
    height: 26px;
    margin-left: 4px;
}

#vyhledavani #pokrocile {
    font-size: 9px;
    text-align: right;
    padding-right: 47px;
}

.vyhledavani_popiska {
    font-size: 10px;
    text-align: left;
    padding-left: 8px;
}

#hlavni {
    padding: 26px 230px 0px 210px;
}

#hlavni.bez_praveho,
.zuzene-body #hlavni {
    padding-right: 20px;
}

.zuzene-body2 #hlavni {
    padding-left: 30px;
}

#hlavni.bez_leveho,
.zuzene-body2 #hlavni.bez_leveho {
    padding-left: 10px;
}

#hlavni_in {
    float: left;
    width: 100%;
}

h1 {
    margin: 0px;
    padding: 0px;
    min-height: 40px;
    position: relative;
    padding-bottom: 8px;
}

.simple h1 {
    min-height: 10px;
}

h1 a {
    text-decoration: underline;
}

.sousedstvo {
    position: absolute;
    z-index: 10;
    top: 26px;
    left: -50px;
    background: #FFDDB8;
    border: solid 2px #EF871A;
    display: block;
    padding: 2px;
    min-width: 120px;
}

.sousedstvo a {
    display: block;
    padding: 2px 8px 2px 8px;
    font-size: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.sousedstvo a:hover {
    background: #EF871A;
    color: white;
}

.sousedstvo_kotva {
    position: relative;
    vertical-align: top;
}

#box {
    /*background: #F8F3E6 url("https://shared.homeport.cz/2.customers/imgs_system/barva1/box0001.png") right bottom no-repeat;*/
    font-size: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px white;
    width: 100%;
    border-bottom: 1px solid black;
    padding-bottom: 1em;
}

#box_in1 {
    /*background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/box0002.png") left bottom no-repeat;*/
}

#box_in2 {
    /*background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/box0003.png") right top no-repeat;*/
}

#box_in3 {
    /*background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/box0004.png") left top no-repeat;*/
    background: white;
    /*padding: 8px;*/
}

#box .seznam {
    display: inline-block;
    margin-right: 10px;
    padding: 0px 6px 0px 6px;
    vertical-align: top;
}

#box .seznam strong {
    display: block;
    padding-bottom: 4px;
    text-transform: uppercase;
    font-weight: bold;
}

#box .seznam a,
#box .seznam span,
#box .seznam .on {
    display: block;
    padding-left: 19px;
    margin-bottom: 2px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/box_polozka.png") no-repeat 6px 3px;
    text-decoration: none;
}

#box .seznam a:hover,
#box .seznam .on {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/box_polozka_on.png") no-repeat 6px 3px;
}

#box .seznam .on {
    font-weight: bold;
    text-decoration: underline;
}

#box .seznam .normal_a a,
#box .seznam .normal_a span {
    background: none;
    display: inline;
    padding: 0px;
    margin: 0px;
}

.ikona {
    display: inline-block;
    vertical-align: top;
    width: 110px;
    margin-right: 10px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/ikona_bg.png") left top;
}

.ikona a {
    display: block;
    text-decoration: none !important;
    text-align: center;
    height: 80px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px 10px 0px 10px;
    font-size: 10px;
}

.ikona.on {
    background:rgb(246,221,191);
    /*border:2px solid rgb(246,221,191);*/
    border-radius:7px;
}

.ikona img {
    margin: 10px 0px 10px 0px;
}

.ikona_velka {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/ikona_velka_bg.png")
}

.ikona_velka a {
    height: 115px;
}

.ikona_stredni {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/ikona_stredni_bg.png")
}

.ikona_stredni a {
    height: 90px;
}

#obsah {
    padding: 0px 0px 20px 0px;
}

#obsah a,
#pravy a {
    text-decoration: underline;
}

.prosty,
.prosty a {
    text-decoration: none !important;
}

.ikonka {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/ikonka.png") left top no-repeat;
    text-align: center;
    height: 20px;
    padding-bottom: 4px;
    padding-top: 2px;
    width: 33px;
    margin-left: 3px;
}

.ikonka img {
    margin-bottom: 2px;
}

.ikonka_prazdna {
    height: 20px;
    padding-bottom: 3px;
    width: 33px;
    margin-left: 3px;
}

.form_table_ovladani td {
    height: 24px;
    padding-top: 2px;
}

.datagrid-table .form_table_ovladani td {
    padding-bottom: 0px;
}

.form_table_filtr {
    float: right;
    width: 150px;
    text-align: left;
    height: 20px;
    padding: 4px 10px 4px 20px;
    // background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/form_filtr.png") left top no-repeat #F8F3E6;
    background: #eee;
    margin-left: 15px;
}

.form_table_filtr input {
    width: 100px;
    padding: 1px 3px 1px 3px;
    font-size: 9px;
    height: 14px;
    background: white;
    border: solid 1px #FFDDB8;
    margin-right: 6px;
}

.form_table_doplnek {
    float: right;
    width: 48px;
    height: 20px;
    padding: 4px 0px;
    margin-left: 5px;
    // background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/form_doplnek.png") left top no-repeat;
    background: #eee;
    text-align: center;
}

.form_table_mezera {
    float: right;
    width: 20px;
    height: 24px;
}

.form_table_hlavicka td {
    // background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/form_hlavicka.png") left bottom repeat-x #F8F3E6;
    background: #eee;
    padding: 2px 4px 2px 4px;
    font-weight: bold;
    font-size: 110%;
}

.form_table_meznik td {
    height: 6px;
    font-size: 1px;
}

.form_table_on td {
    // background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/form_on.png") left 1px repeat-x;
    background: #999;
}

.form_table_on td a:hover {
    color: white;
}

.form_tr td {
    padding: 2px 2px 0px 5px;
}

.form_tr td a {
    text-decoration: none !important;
}

.form_tr td a:hover {
    text-decoration: underline;
}

.form_tr:nth-child(odd) {
    // background: #F8F3E6;
    background: #ddd;
}

.form_tr:nth-child(even) {
    // background: #F8F3E6;
    background: #fafafa;
}

.tlacitecko {
    padding: 3px 6px 3px 6px;
    background: #FFDDB8;
    font-size: 110%;
    font-weight: bold;
}

.tlacitecko_on {
    color: red;
    background: #D4DEE2;
}

.tlacitecko:hover {
    text-decoration: none;
}

.form_button {
    width: 130px;
    padding: 0px 8px 0px 8px;
    height: 60px;
    font-family: Trebuchet MS, Trebuchet, sans-serif;
    font-size: 12px;
    border: none;
}

.fbzeleny {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/zelene.png");
    color: #006600;
}

.fbmodry {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/modre.png");
    color: #000066;
}

.fbcerveny {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/cervene.png");
    color: #660000;
}

.fbsedy {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/zakladni.png");
    color: #333333;
}

.form_minibutton {
    height: 25px;
    margin-left: 4px;
    font-family: Trebuchet MS, Trebuchet, sans-serif;
    font-size: 12px;
    border: none;
    background: left top no-repeat;
    color: #333;
}

.fbmale75 {
    width: 75px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/male75.png");
}

.fbmale125 {
    width: 125px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/male125.png");
}

.fbmale175 {
    width: 175px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/male175.png");
}

.fbmale225 {
    width: 225px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/male225.png");
}

.good {
    clear: both;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px 15px 0px 5px;
    font-size: 11px;
}

.good_ok {
    background: #D4DEE2 url("https://shared.homeport.cz/2.customers/imgs_system/good_ok.png") left top no-repeat;
    min-height: 24px;
    padding: 5px 5px 2px 40px;
    margin-bottom: 6px;
}

.good_chyba {
    background: #DFBA8B url("https://shared.homeport.cz/2.customers/imgs_system/good_chyba.png") left top no-repeat;
    min-height: 24px;
    padding: 5px 5px 2px 40px;
    margin-bottom: 6px;
}

.item {
    width: 110px;
    min-height: 115px;
    font-size: 11px;
    padding-top: 15px;
    float: left;
    text-align: center;
    margin-right: 10px;
}

.item a {
    text-decoration: none !important;
}

.item .nahled {
    margin: 0px 0px 8px 0px;
    display: block;
}

.item .nahled_ram img {
    padding: 1px;
    border: solid 1px #999;
    margin: 0px;
}

.input {
    width: 99%;
    border: solid 1px #fdc588;
    background: #FFFAFA;
    padding: 1px 0px 1px 3px;
    font: normal normal 11px Trebuchet MS, Trebuchet, sans-serif;
    color: #4F2900;
}

.input:disabled {
    color: #aaa;
}

textarea {
    width: 99%;
    border: solid 1px #fdc588;
    background: #FFFAFA;
    padding: 1px 0px 1px 3px;
    font: normal normal 11px Trebuchet MS, Trebuchet, sans-serif;
    color: #4F2900;
    height: 100px;
}

.nizky {
    height: 60px;
}

.polozka .c {
    width: 120px;
}

#pravy .c {
    width: 80px;
}

.c {
    width: 170px;
}

.mensi {
    max-width: 120px;
}

.mini {
    width: 50px;
}

.stredni {
    max-width: 280px;
}

tr.vyrazny td,
tr.vyraznyt td,
.vyrazny {
    background: #F8F3E6;
}

tr.vyrazny-hover:hover td {
    background: #F8F3E6;
}

tr.nevyrazny td,
tr.nevyraznyt td,
.nevyrazny {
    background: #fdc588;
}

tr.nevyrazny td,
tr.nevyraznyt td {
    padding: 2px 5px 2px 5px;
}

.odsazeny,
tr.odsazeny td {
    padding: 4px 8px 4px 8px;
}

.monospace {
    font: normal normal 11px monospace;
}

select {
    vertical-align: middle;
    font-size: 11px;
}

.ar_pr {
    text-align: right;
    padding-right: 10px;
}

.iframe {
    width: 100%;
    border: solid 2px #fdc588;
    height: 200px;
    background: white;
}

.iframe_velky {
    height: 450px;
}

.zasedly {
    color: #666;
}

.oddeleny {
    padding-bottom: 6px;
    border-bottom: solid 1px #666;
    margin-bottom: 6px;
}

.vyrazne_odkazy a {
    color: #d80000 !important;
}

.supervyrazny {
    padding: 4px 10px 4px 10px;
    color: white;
    background: #d50000;
}

.vyrazny h4,
.vyrazny h4 a,
.nabidka-detail h4 {
    color: #BF955F;
}

.nevyrazny h4,
.nevyrazny h4 a {
    color: #9F6F31;
}

.supervyrazny h4,
.supervyrazny h4 a,
h4.supervyrazny {
    color: white;
}


/*Mini-okna*/

.simple {
    background: white;
}

.simple #hlavni {
    padding: 10px 15px 10px 15px;
}

.simple h1 {
    font-size: 120%;
    font-weight: bold;
    padding: 0px 0px 8px 0px;
    height: auto;
}


/*Ache EDITOR*/

.tlacitko_lista {
    position: relative;
    z-index: 4;
    min-height: 24px;
    _height: 24px;
    background: red url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/bg.gif");
}

.tlacitko {
    float: left;
    display: block;
    height: 22px;
    width: 22px;
    background-color: #e5e5e5;
    background: url('https://shared.homeport.cz/2.customers/imgs_system/tlacitka/bg.gif') no-repeat;
    padding-top: 2px;
    padding-left: 2px;
    _height: 24px;
    _width: 24px;
}

.tlacitko_samostatne {
    background: red url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/bg.gif");
}

.tlacitko_disabled {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/bg_disabled.gif");
    background-color: #cccccc
}

.stisk {
    background-color: #cccccc;
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system//tlacitka/bg_stisk.gif');
}

a.tlacitko:hover {
    text-decoration: none;
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system//tlacitka/bg_on.gif');
}

a.stisk:hover {
    text-decoration: none;
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system//tlacitka/bg_stisk_on.gif');
}

a.tlacitko_disabled:hover {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/bg_disabled.gif");
    background-color: #cccccc
}

.bezbarve {
    background: none;
}

.editor_popup {
    position: absolute;
    z-index: 4;
    min-width: 180px;
    _width: 180px;
    top: 50px;
    border: solid 5px #DD1616;
    border-top: solid 25px #dd1616;
    background: white;
    padding: 2px 2px 2px 2px;
}

.editor_popup .editor_nadpis {
    position: absolute;
    top: -20px;
    left: 5px;
    font-size: 11px;
    color: white;
    text-transform: uppercase;
}

.editor_popup .editor_seznam {
    display: block;
    padding: 2px 5px 2px 5px;
    border: solid 1px white;
}

.editor_popup .editor_seznam:hover {
    background: #ccc;
    text-decoration: none;
    color: black;
    border: solid 1px black;
}

.editor_popup .editor_seznam_mini {
    width: 16px;
    _width: 26px;
    float: left;
    text-align: center;
    font-size: 130%;
}

.editor_popup .full {
    width: 95%;
}

#ache_ed {
    z-index: 1;
    position: relative;
}

.editor_close_popup {
    display: block;
    position: absolute;
    right: 1px;
    top: -20px;
    width: 65px;
    height: 16px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system//tlacitka/close_popup.gif");
}

.editor_close_popup:hover {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system//tlacitka/close_popup_on.gif");
}

.editor_popup_text {
    padding: 2px 4px 2px 4px;
    width: 380px;
}

.editor_popup .c {
    width: 100px;
}

.editor_popup .input {
    border: solid 1px black;
    background: white;
    font-size: 90%;
    background-color: #E5E5E5;
}

.editor_paleta {
    float: left;
    padding-right: 4px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/separator.gif") right top no-repeat;
}

.editor_paleta_r {
    float: right;
    padding-left: 4px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tlacitka/separator.gif") left top no-repeat;
}

.editor_select {
    font-size: 9px;
    margin: 2px 2px 0px 0px;
    width: 120px;
}

.editor_posuvnik {
    cursor: n-resize;
    width: 15px;
    height: 30px;
    position: absolute;
    right: -19px;
    bottom: 0px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/editor_posuvnik.png") no-repeat left top;
}

.editor_posuvnik_on,
.editor_posuvnik:hover {
    background-position: right top;
}

.editor_posuvnik_navic {
    width: 15px;
    cursor: pointer;
    display: block;
    height: 22px;
    position: absolute;
    right: -19px;
    background: no-repeat left top;
}

.editor_posuvnik_navic1 {
    bottom: 54px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/editor_posuvnik_1.png");
}

.editor_posuvnik_navic2 {
    bottom: 32px;
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/editor_posuvnik_2.png");
}


/*Plochy*/

#obsah .polozka {
    margin: 8px 9px 8px 9px;
    float: left;
    width: 230px;
    padding: 0px 5px 8px 5px;
    position: relative;
    z-index: 2;
}

#obsah .polozka h4 {
    text-align: left;
    padding: 0px 12px 0px 12px;
    margin: 0px -5px 0px -5px;
    border-bottom: solid 1px #dde6ed;
    margin-bottom: 8px;
    color: black;
    font-style: italic;
    font-size: 110%;
    min-height: 24px;
}

#obsah .polozka h4 img {
    display: none;
    margin-right: 6px;
}

#obsah .polozka .polozka_ovladani {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px;
    background: white;
    width: auto;
}

#obsah .polozka {
    width: 275px;
    margin: 12px 10px 0px 10px;
}

#obsah .polozka h4 {
    font-weight: bold;
    font-style: normal;
    background: #F8F3E6 url("https://shared.homeport.cz/2.customers/imgs_system/udelatko_nadpis.png") left bottom repeat-x;
    border: none;
    padding: 5px 14px 3px 10px;
    text-transform: uppercase;
    font-size: 11px;
}

#obsah .polozka h4 img {
    display: inline;
}

#obsah .polozka .polozka_ovladani {
    background: none;
    right: 4px;
    top: -11px;
    background: #F8F3E6;
    height: 11px;
    padding-bottom: 0px;
}

#obsah .polozka .vice {
    position: absolute;
    right: 8px;
    top: 7px;
    font-size: 85%;
}

#obsah .polozka_on {
    background: #FBF9F3;
}

#obsah .polozka a {
    text-decoration: none !important;
}

.kotva_popup {
    position: relative;
    cursor: pointer;
    z-index: 4;
}

.popup {
    width: 250px;
    padding: 9px;
    background-color: white;
    border: solid 1px #d90000;
    text-align: left;
    position: absolute;
    top: 20px;
    left: 0px;
    z-index: 5;
}

.miniudelatko {
    width: 200px;
    float: left;
    padding-left: 30px;
}

.miniudelatko h4 {
    color: black;
    padding: 0px 0px 8px 0px;
    margin: 0px;
}

.miniudelatko a {
    display: block;
}

.miniudelatko img {
    vertical-align: middle;
    margin-right: 7px;
}

.popup_boxik_in {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/popup.png") left top no-repeat;
    padding: 15px 20px 0px 20px;
    width: 220px
}

.popup_boxik_in2 {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/barva1/popup.png") -260px bottom no-repeat;
    height: 15px;
    width: 260px;
}

.popup_boxik_zavrit {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 30px;
    height: 16px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky3/smazat.png") no-repeat;
}

.popup_boxik_zavrit ul,
.popup_boxik_zavrit li {
    margin-top: 0px;
    margin-bottom: 0px;
}

.popup_boxik_info {
    position: absolute;
    right: 7px;
    top: 3px;
    font-size: 9px;
    text-align: right;
}

#help_boxik {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/help_top.png") no-repeat left top;
    padding-top: 10px;
}

#help_boxik_in {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/help_bottom.png") no-repeat left bottom;
    height: 100%;
    padding-bottom: 18px;
}

#help_boxik_in2 {
    padding: 10px 10px 10px 14px;
    height: 100%;
}

#help_boxik_in3 {
    height: 100%;
    overflow: auto;
    padding-right: 8px;
}

#help_obsah_div {}

#help_boxik_zaviratko {
    position: absolute;
    right: 3px;
    top: 3px;
    width: 30px;
    height: 16px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky3/smazat.png") no-repeat;
}

#help_boxik_fajfka {
    position: absolute;
    z-index: 23;
    width: 33px;
    height: 30px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/help_fajfka.png");
}

#help_boxik_fajfka.obracena {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/help_fajfka2.png");
}

#help_boxik .viz {
    margin: 10px 0px 10px 0px;
    padding: 5px;
    background: #e5e5e5 url("https://shared.homeport.cz/2.customers/imgs_system/help_viz.png") no-repeat 0px 0px;
    clear: both;
    padding-top: 24px;
}

#help_boxik .viz a {
    display: block;
    padding: 2px 0px 2px 17px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/potomci.gif") no-repeat 3px 4px;
    text-decoration: none;
}

#help_boxik .viz a:hover {
    background-color: #ccc;
    color: black;
    text-decoration: none;
}

#help_boxik .obrazek {
    float: left;
    margin: 3px 10px 8px 0px;
    text-align: center;
}

#help_boxik .obrazek .popiska {
    font-size: 85%;
    padding-top: 5px;
}

#help_boxik .ramecek {
    clear: both;
    margin: 3px 0px 3px 0px;
    padding: 3px 5px 3px 5px;
    background: #ccc;
}

#help_boxik .pozor {
    clear: both;
    margin: 3px 0px 3px 0px;
    padding: 3px 5px 3px 35px;
    background: #F6DDBD url("https://shared.homeport.cz/2.customers/imgs_system/pozor.png") 4px 4px no-repeat;
    min-height: 25px;
}

#help_boxik a {
    text-decoration: underline;
}

#help_boxik h1 {
    font-size: 16px;
    position: static;
    font-weight: bold;
    margin: 5px 0px 5px 0px;
    padding: 0px 0px 0px 0px !important;
    color: black;
    clear: left;
    min-height: 0px;
}

#help_boxik h2 {
    font-size: 14px;
    margin: 5px 0px 5px 0px;
    padding: 8px 0px 0px 10px;
    color: black;
    clear: left;
}

#help_boxik h3 {
    font-size: 13px;
    margin: 5px 0px 5px 0px;
    padding: 8px 0px 0px 10px;
    color: black;
    clear: left;
}

#help_boxik .help_zpet {
    display: block;
    float: left;
    margin-right: 30px;
    padding-left: 25px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/zpet.png") no-repeat left top;
    text-decoration: none !important;
}

#help_boxik .help_zavrit {
    display: block;
    float: left;
    padding-left: 35px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky3/smazat.png") no-repeat;
    text-decoration: none !important;
}

/* Edit obsahu */

.obsah-prvek-new {
    min-height: 22px !important;
    padding: 3px 0px 0px 25px !important;
    background: no-repeat 3px 3px;
}

.obsah-prvek-new:hover {
    background-color: #FFDDB9;
}

.obsah-prostor {
    margin-bottom: 14px
}

.obsah-typ-1 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/1.png");
}

.obsah-typ-4 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/4.png");
}

.obsah-typ-5 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/5.png");
}

.obsah-typ-6 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/6.png");
}

.obsah-typ-7 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/7.png");
}

.obsah-typ-8 {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/8.png");
}

.obsah-typ-mankety,
.obsah-typ-mdisqus {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-ankety.png");
}

.obsah-typ-mforms,
.obsah-typ-mformulare {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-forms.png");
}

.obsah-typ-mgalerie {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-galerie.png");
}

.obsah-typ-mtab {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-tab.png");
}

.obsah-typ-mdownload {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-download.png");
}

.obsah-typ-mclanky {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-clanky.png");
}

.obsah-typ-mnavigace {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-navigace.png");
}

.obsah-typ-mplayer {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-player.png");
}

.obsah-typ-mpobocky {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-pobocky.png");
}

.obsah-typ-mmapicka {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-mapicka.png");
}

.obsah-typ-mfiledownloads {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-download.png");
}

.obsah-typ-myoutube {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/ikonky-obsah/m-youtube.png");
}

.obsah-pridat-prostor {
    margin-top: 10px;
    padding-bottom: 20px;
    position: relative;
}

.obsah-pridat-prostor:hover {
    padding-bottom: 0px;
}

.obsah-pridat-prostor strong {
    display: block;
    margin-bottom: 7px;
}

.obsah-pridat {
    cursor: move;
    float: left;
    display: block;
    padding: 3px 8px 3px 28px;
    height: 17px;
    background-color: #f8f3e6;
    border-top: solid 2px #f8f3e6;
    background-repeat: no-repeat;
    background-position: 4px center;
    text-decoration: none !important;
    margin-right: 3px;
    margin-bottom: 3px;
}

.obsah-pridat:hover {
    border-top-color: #ef871a;
}

.obsah-pridat.ui-draggable-dragging:hover {
    border-top-color: #f8f3e6;
}

#holder_prvku .obsah-pridat {
    display: inline-block;
    float: none;
}

.obsah-pridat-help {
    display: none;
}

.obsah-pridat-prostor:hover .obsah-pridat-help {
    display: block;
    margin-top: 5px;
    height: 15px;
}


/*Deprecating*/

.prvek_horizontalni {
    float: left;
    height: 100%;
    background-color: #d90000;
}

.str {
    float: right;
}

tr.oddeleny td,
td.oddeleny {
    border-bottom: solid 1px #999999;
}

.button {
    background: #d80000;
    text-transform: uppercase;
    color: white;
    border: none;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    _padding: 2px 1px 1px 1px;
    height: 20px;
    vertical-align: middle;
}

a.button {
    padding-top: 2px;
    padding-bottom: 0px;
    _padding-right: 4px;
}

.x {
    background-color: #ff0000;
    cursor: pointer;
}

.bzpet {
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system/bzpet.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.bvratit {
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system/bvratit.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.bsmazat {
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system/bsmazat.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.bulozit {
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system/bulozit.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

.bodeslat {
    background-image: url('https://shared.homeport.cz/2.customers/imgs_system/bodeslat.gif');
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 25px;
}

a.button:hover {
    background-color: #ff0000;
    color: white;
    cursor: pointer;
    text-decoration: none;
}

#hlavni .policko {
    width: 120px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/item_top.gif") left top no-repeat #DDE5ED;
    margin-bottom: 8px;
    margin-left: 5px;
}

#hlavni .policko .ozdoba {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/item_bottom.gif") left bottom no-repeat;
    padding: 7px 8px 7px 8px;
}

#hlavni .policko_on {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/item_on_top.gif") left top no-repeat #93ACD2;
}

#hlavni .policko_on .ozdoba {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/item_on_bottom.gif") left bottom no-repeat;
}

.graf {
    padding-bottom: 25px;
    padding-left: 50px;
    position: relative;
    background: url('https://shared.homeport.cz/2.customers/imgs_system/meritko.gif') no-repeat 40px top;
    height: 200px;
    _height: 225px;
}

.graf .vlevo {
    position: absolute;
    left: 0px;
    font-size: 10px;
}

.graf .v100 {
    top: -5px;
}

.graf .v50 {
    top: 93px;
}

.graf .v0 {
    top: 193px;
}

.graf .prostor {
    position: relative;
    height: 100%;
    padding: 0px;
    background: url('https://shared.homeport.cz/2.customers/imgs_system/graf-dole.gif') repeat-x 0px bottom;
}

.graf .prvek {
    width: 5%;
    position: absolute;
    bottom: 1px;
    background-color: #d90000;
    text-align: center;
    border-bottom: none;
    border-left: solid 1px white;
    border-right: solid 1px white;
}

.graf .prvek span {
    padding: 2px;
    display: block;
    position: absolute;
    bottom: -25px;
    width: 100%;
    text-align: center;
}

.graf .sirsi {
    width: 13%;
}

.graf .uzsi {
    width: 3%;
}


/*
.zalozka {background:url('https://shared.homeport.cz/2.customers/imgs_system/zalozka.gif') no-repeat; width:80px;  height:17px; float:left; margin-right:4px; text-align:center; padding-top:3px; _padding-top:3px; _margin-bottom:0px;}
.zalozka_on {background:url('https://shared.homeport.cz/2.customers/imgs_system/zalozka_on.gif') no-repeat; width:80px; height:17px; float:left; margin-right:4px; text-align:center; font-weight:bold; padding-top:3px; _margin-bottom:0px;}
 */

.zalozka {
    height: 17px;
    min-width: 70px;
    display: block;
    float: left;
    margin-right: 4px;
    text-align: center;
    padding: 3px 5px 0px 5px;
    margin-top: 3px;
    background: #f0f2f3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjJmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZWU3ZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f0f2f3 0%, #dee7ef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f2f3), color-stop(100%, #dee7ef));
    background: -webkit-linear-gradient(top, #f0f2f3 0%, #dee7ef 100%);
    background: -o-linear-gradient(top, #f0f2f3 0%, #dee7ef 100%);
    background: -ms-linear-gradient(top, #f0f2f3 0%, #dee7ef 100%);
    background: linear-gradient(to bottom, #f0f2f3 0%, #dee7ef 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f0f2f3', endColorstr='#dee7ef', GradientType=0);
    border: solid 2px #D0DEEA;
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;
}

.zalozka:hover {
    background: #D0DEEA;
}

.zalozka_on {
    height: 19px;
    min-width: 70px;
    display: block;
    float: left;
    margin-right: 4px;
    text-align: center;
    padding: 4px 5px 0px 5px;
    text-decoration: none;
    margin-top: 0px;
    background: #f7f3e6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3MyUiIHN0b3AtY29sb3I9IiNmN2YzZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTJkMmIzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #f7f3e6 83%, #e2d2b3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(83%, #f7f3e6), color-stop(100%, #e2d2b3));
    background: -webkit-linear-gradient(top, #f7f3e6 83%, #e2d2b3 100%);
    background: -o-linear-gradient(top, #f7f3e6 83%, #e2d2b3 100%);
    background: -ms-linear-gradient(top, #f7f3e6 83%, #e2d2b3 100%);
    background: linear-gradient(to bottom, #f7f3e6 83%, #e2d2b3 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f3e6', endColorstr='#e2d2b3', GradientType=0);
    border: solid 2px #FDC588;
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;
    position: relative;
    top: 2px;
}

.zalozka_on:hover {
    background: #FDC588;
}

.zalozka_on,
.zalozka,
.zalozka a,
.zalozka_on a {
    text-decoration: none !important;
    color: black !important;
}

#pracovnicek {
    padding: 8px 0px 22px 64px;
    text-align: left;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/pracovnicek.png") no-repeat 20px top;
    font-size: 10px;
}

.carecka {
    height: 7px;
    background: #EE8625;
    display: block;
}


/*Kalendář*/


/* The main calendar widget.  DIV containing a table. */

.calendar {}

.calendar table {
    border: solid 1px black;
}

.calendar {
    position: relative;
    display: none;
    z-index: 30;
    font-size: 11px;
    color: #000;
    cursor: default;
    font-family: tahoma, verdana, sans-serif;
}

.calendar table {
    font-size: 11px;
    color: #000;
    cursor: default;
    background: #F6DDBD;
    font-family: tahoma, verdana, sans-serif;
}


/* Header part -- contains navigation buttons and day names. */

.calendar .button {
    /* "<<", "<", ">", ">>" buttons have this class */
    text-align: center;
    background: #DFBA8B;
    padding: 1px;
    border-bottom: solid 1px black;
    color: black;
}

.calendar .nav {
    background: #DFBA8B;
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.calendar thead .title {
    /* This holds the current "month, year" */
    font-weight: bold;
    padding: 1px;
    background: #b4b0a8;
    color: black;
    text-align: center;
    border-bottom: solid 1px black;
}

.calendar thead .headrow {
    /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames {
    /* Row <TR> containing the day names */
}

.calendar thead .name {
    /* Cells <TD> containing the day names */
    text-align: center;
    background: #F8F3E6;
}

.calendar thead .weekend {
    /* How a weekend day name shows in header */
    color: #f00;
}

.calendar thead .hilite {
    /* How do the buttons in header appear when hover */
    background-color: #EF871A;
    cursor: pointer;
}

.calendar thead .active {
    /* Active (pressed) buttons in header */
    padding: 2px 0px 0px 2px;
    background-color: #c4c0b8;
}


/* The body part -- contains all the days in month. */

.calendar tbody .day {
    /* Cells <TD> containing month days dates */
    width: 2em;
    text-align: right;
    padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size: 80%;
    color: #aaa;
}

.calendar tbody .day.othermonth.oweekend {
    color: #faa;
}

.calendar table .wn {
    padding: 2px 3px 2px 2px;
    border-right: 1px solid #000;
    background: #F8F3E6;
}

.calendar tbody .rowhilite td {
    background: #DFBA8B;
}

.calendar tbody .rowhilite td.wn {
    background: #DFBA8B;
}

.calendar tbody td.hilite {
    /* Hovered cells <TD> */
    background: #EF871A;
    cursor: pointer;
}

.calendar tbody td.active {
    /* Active (pressed) cells <TD> */
    padding: 2px 2px 0px 2px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
}

.calendar tbody td.selected {
    /* Cell showing selected date */
    font-weight: bold;
    padding: 2px 2px 0px 2px;
    background: #EF871A;
}

.calendar tbody td.weekend {
    /* Cells showing weekend days */
    color: #f00;
}

.calendar tbody td.today {
    /* Cell showing today date */
    font-weight: bold;
    color: #F00;
    background: #DFBA8B;
}

.calendar tbody .disabled {
    color: #999;
}

.calendar tbody .emptycell {
    /* Empty cells (the best is to hide them) */
    visibility: hidden;
}

.calendar tbody .emptyrow {
    /* Empty row (some months need less than 6 rows) */
    display: none;
}


/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow {
    /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip {
    /* Tooltip (status bar) cell <TD> */
    background: #F8F3E6;
    padding: 1px;
    background: #b4b0a8;
    color: black;
    text-align: center;
}

.calendar tfoot .hilite {
    /* Hover style for buttons in footer */
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    padding: 1px;
    background: #e4e0d8;
}

.calendar tfoot .active {
    /* Active (pressed) style for buttons in footer */
    padding: 2px 0px 0px 2px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
}


/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
    position: absolute;
    display: none;
    width: 4em;
    top: 0px;
    left: 0px;
    cursor: default;
    border-top: 1px solid #fff;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #fff;
    background: #e4e0d8;
    font-size: 90%;
    padding: 1px;
    z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align: center;
    padding: 1px;
}

.calendar .combo .label-IEfix {
    width: 4em;
}

.calendar .combo .active {
    background: #c4c0b8;
    padding: 0px;
    border-top: 1px solid #000;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #000;
}

.calendar .combo .hilite {
    background: #048;
    color: #fea;
}

.calendar td.time {
    border-top: 1px solid #000;
    padding: 1px 0px;
    text-align: center;
    background-color: #F8F3E6;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
    padding: 0px 3px 0px 4px;
    border: 1px solid #889;
    font-weight: bold;
    background-color: #fff;
}

.calendar td.time .ampm {
    text-align: center;
}

.calendar td.time .colon {
    padding: 0px 2px 0px 3px;
    font-weight: bold;
}

.calendar td.time span.hilite {
    border-color: #000;
    background-color: #766;
    color: #fff;
}

.calendar td.time span.active {
    border-color: #f00;
    background-color: #000;
    color: #0f0;
}


/*Uploadify*/

.uploadify-tlacitko {
    background: #333;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
    color: #DDD;
    font-size: 12px;
    font-family: Trebuchet MS, Trebuchet, sans-serif;
    box-shadow: rgba(0, 0, 0, 0.4) 0 0 3px;
}

.uploadify:hover .uploadify-tlacitko {
    background: #444;
    color: white;
}

.uploadify-queue {
    padding-top: 10px;
}

.uploadify-queue-item {
    background-color: #F5F5F5;
    border: 2px solid #FFDDB9;
    margin: 5px 5px 0px 0px;
    padding: 8px 8px 19px 8px;
    width: 180px;
    min-height: 25px;
    float: left;
    position: relative;
}

.uploadify-error {
    background-color: #FDE5DD !important;
    border: 2px solid #FBCBBC !important;
}

.uploadify-queue-item .cancel {
    float: right;
    font-size: 1px;
    width: 16px;
    height: 16px;
    background: url(https://shared.homeport.cz/2.customers/imgs_system/krizek.gif);
    cursor: pointer;
}

.uploadify-queue-item .cancel a {
    color: #F5F5F5;
}

.uploadify-queue .completed {
    background-color: #E5E5E5;
}

.uploadify-progress {
    background-color: #E5E5E5;
    margin-top: 10px;
    width: 180px;
    position: absolute;
    bottom: 10px;
    left: 10px;
}

.uploadify-progress-bar {
    background-color: #EF871E;
    height: 3px;
    width: 1px;
}

.uploadify-complete {
    background-color: #FFDDB9;
}

.uploadify-complete .uploadify-progress {
    display: none;
}

.odhalovac {
    padding-left: 15px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/skryvac-off.png") no-repeat left 1px;
    cursor: pointer;
    margin-top: 10px;
    clear: both;
}

.odhalovac-on {
    background: url("https://shared.homeport.cz/2.customers/imgs_system/skryvac-on.png") no-repeat left 1px;
}

.odhalovac-skryte {
    display: none;
}

.odhalovac-zobrazen {
    padding-top: 8px;
    padding-left: 13px;
}

.nabidka-kousek .nabidka-zahlavi {
    background: #FFDDB9;
    padding: 4px 10px 4px 10px;
    border-radius: 7px 7px 0px 0px;
    font-size: 13px;
    font-weight: bold;
    border-bottom: solid 1px #F2BF8C;
}

.nabidka-kousek .nabidka-detail {
    background: #F8F3E6;
    padding: 12px 10px 8px 10px;
}

.nabidka-kousek .nabidka-zahlavi.nabidka-rozbalovaci {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/skryvac-off.png");
    background-position: 10px 8px;
    padding-left: 27px;
    background-repeat: no-repeat;
    cursor: pointer;
}

.nabidka-kousek .nabidka-zahlavi.nabidka-rozbalovaci-on {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/skryvac-on.png");
}


/*Spellchecker*/

.spellchecker-loading {
    text-align: center;
    display: none;
    font-size: 25px;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    color: white;
}

.loading {
    padding: 0.5em 8px;
    display: none;
    font-size: small;
}

.spellcheck-suggestbox {
    position: absolute;
    display: none;
    z-index: 9999;
    overflow: none;
    padding: 0;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 2px;
    border-radius: 4px;
    font: normal 12px "Trebuchet MS", Trebuchet, sans-serif;
    border: 1px solid #E62F2F;
}

.spellcheck-suggestbox em {
    padding: 3px 6px 3px 6px;
    display: block;
    margin: 0px;
    text-decoration: none;
    color: #333;
    font-style: italic;
}

.spellcheck-suggestbox a,
.spellcheck-suggestbox a:visited {
    padding: 3px 6px 3px 6px;
    display: block;
    margin: 0px;
    text-decoration: none !important;
    color: #333;
    outline: none;
}

.spellcheck-suggestbox a.first,
.spellcheck-suggestbox a.first:visited {}

.spellcheck-suggestbox a:hover {
    color: #000;
    background: #ddd;
}

.spellcheck-suggestbox-close {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 11px;
    height: 11px;
    cursor: pointer;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/ikony/mini_zavrit.gif") no-repeat left top;
}

.spellcheck-suggestbox-words {
    border-bottom: solid 1px #E62F2F;
}

.spellcheck-suggestbox-foot {}

.spellcheck-suggestbox-foot a,
.spellcheck-suggestbox-foot a:visited {
    outline: none;
}

.spellcheck-suggestbox-foot a:last-child {
    border-radius: 0px 0px 4px 4px;
}

.pellcheck-focus-helper {
    position: absolute;
    top: -2000px;
    z-index: 0;
}

.spellcheck-word-highlight {
    /*Musí být v Editoru*/
    color: #d70303;
    text-decoration: none;
    background: url(imgs_system/spellchecker/spellchecker_bg.gif) repeat-x 100% 100%;
    cursor: pointer;
}

.spellcheck-badwords {
    margin-bottom: 2em;
    margin-top: -0.5em;
    font-size: 12px;
    /*border: 1px solid #bbb;*/
    padding: 4px 6px;
}

.spellcheck-sep {
    padding-right: 0.5em;
}

.spellcheck-sep-last {
    display: none;
}

.drobeckovka-popup {
    border: solid 1px #EF871E;
    border-radius: 3px;
    background: #F6DDBD;
    max-height: 400px;
    overflow: auto;
    max-width: 300px;
    min-width: 120px;
}

.drobeckovka-popup a,
.drobeckovka-popup>div {
    display: block;
    padding: 4px 19px 4px 9px;
    text-decoration: none !important;
    overflow: hidden;
}

.drobeckovka-popup a.first {
    padding-top: 7px;
}

.drobeckovka-popup a.last {
    padding-bottom: 7px;
}

.drobeckovka-popup a:hover {
    background: #EF871E;
    color: white;
}

.drobeckovka-balik-show {
    width: 24px;
    height: 16px;
    padding-top: 4px;
    display: inline-block;
    vertical-align: bottom;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/drobeckovka-skryvac-off.png") no-repeat center 4px;
}

.drobeckovka-balik-open {
    background-image: url("https://shared.homeport.cz/2.customers/imgs_system/drobeckovka-skryvac-on.png");
}

.drobeckovka-close {
    width: 11px;
    display: block;
    cursor: pointer;
    height: 11px;
    position: absolute;
    right: 2px;
    top: 2px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/ikony/mini_zavrit.gif") no-repeat left bottom;
    border-radius: 0px 2px 0px 0px;
}

.drobeckovka-close:hover {
    background-color: #EF871E;
}

.simple .drobeckovka-balik-show {
    background-position: center 12px;
    height: 23px;
}

.testomat-nazev-checku {
    font-weight: bold;
    font-size: 13px;
    padding-bottom: 3px;
}

.testomat-popis-checku {
    font-size: 11px;
}

.testomat-status {
    float: right;
    width: 300px;
    position: relative;
    padding-left: 9px;
    border-left: solid 1px #ccc;
    height: 100%;
}

.testomat-leva-cast {
    padding-right: 320px;
}

.testomat-status-data {
    padding-left: 32px;
    padding-top: 2px;
}

.testomat-status-icon {
    float: left;
    width: 22px;
    height: 22px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/tests.png") left top;
    cursor: pointer;
}

.testomat-status-icon-checked {
    background-position: left -22px;
}

.testomat-status-icon:hover {
    background-position: -22px top;
}

.testomat-status-icon-checked:hover {
    background-position: -22px -22px;
}

.testomat-status-header {
    padding-bottom: 4px;
}

.testomat-check {
    clear: both;
    position: relative;
}

.testomat-check {
    padding: 12px 8px 12px 8px;
    border-bottom: solid 1px #ccc;
}

.testomat-check:hover {
    background: rgba(0, 0, 0, 0.1);
}

.testomat-link {
    padding-right: 24px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/test.png") no-repeat right 2px;
}

.testomat-link:hover {
    background-position: right -48px;
}

.testomat-dialog {
    position: absolute;
    left: 0px;
    top: 40px;
    z-index: 10;
    background: #F2DDBE;
    padding: 7px;
    width: 250px;
    border: solid 1px #FDC588;
    border-radius: 5px;
    box-shadow: rgba(0, 0, 0, 0.3) 0 0 3px;
}

.testomat-quick {
    padding: 4px 10px 4px 10px;
    margin-top: 3px;
}

.testomat-quick-popis {
    padding-left: 55px;
    padding-top: 2px;
}

.testomat-quick-ico {
    float: left;
    width: 16px;
    padding-left: 30px;
}

.testomat-role-checku {
    display: inline-block;
    font-size: 85%;
    padding-left: 17px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/clovicek.gif") no-repeat left 2px;
}

.testomat-faze-checku {
    display: inline-block;
    font-size: 85%;
    padding-left: 19px;
    padding-top: 2px;
    margin-top: 4px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/time.gif") no-repeat left 0px;
}

.testomat-info-checku {
    float: right;
    margin-left: 15px;
    text-align: right;
}

.testomat-prehled-splneni {
    padding-left: 20px;
}

.testomat-prehled-splneni span {
    font-weight: bold;
    font-size: 120%;
}

.testomat-prehled-vsechno {
    color: #009900
}

.testomat-group-blok {
    margin: 10px 0px 10px 0px;
    padding: 5px 8px;
    position: relative;
}

.testomat-group-zabalena {
    cursor: pointer;
}

.testomat-group-zabalena:hover {
    background: #F1EBD6;
    border-radius: 6px;
}

.testomat-advanced-testy {
    padding: 8px 0px 8px 28px;
    min-height: 30px;
    position: relative;
}

.testomat-advanced-test {
    padding: 2px 0px 2px 0px;
}

.testomat-advanced-testy-ikona {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 4px;
    top: 13px;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/test.png") no-repeat left top;
}

.testomat-info-souboru {
    padding-top: 10px;
    padding-right: 30px;
    text-align: right;
    font-size: 85%;
}

.formsCheckboxTdLabel {
    padding-right: 13px;
}


/* Popup pickery */

.forms-popuppicker {
    background: white url("https://shared.homeport.cz/2.customers/imgs_system/popuppicker.png") no-repeat right center;
    border-radius: 2px;
    border: solid 1px #FDC588;
    padding: 3px 25px 3px 5px;
    display: inline-block;
    width: 170px;
    vertical-align: middle;
}

.forms-popuppicker:hover {
    border-color: #EF871A;
}

.forms-popuppicker-popup {
    background: rgba(255, 255, 255, 0.95);
    border: solid 2px #FDC588;
    z-index: 100;
    padding: 5px 8px;
    min-width: 140px;
}

.forms-popuppicker-popup .popuppicker-okbutton-wrapper {
    float: left;
    margin-left: 9px;
}

.forms-popuppicker .forms-popuppicker-view {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.forms-popuppicker-popup .popuppicker-vsenic {
    display: block;
    float: left;
    min-width: 110px;
    padding-top: 2px;
}

.forms-popuppicker-popup .popuppicker-vsenic a {
    margin-right: 10px !important;
}

.forms-popuppicker-popup .formsCheckboxTd {
    padding-right: 5px;
}

.forms-popuppicker-popup .formsCheckboxTdLabel {
    padding-right: 20px;
    padding-top: 2px;
}

.forms-popuppicker-search {
    margin-right: 12px;
    float: left;
}

.forms-popuppicker-search input {
    width: 90px;
}

.forms-popuppicker-topskvira {
    height: 12px;
    clear: both;
}

a.forms-popuppicker-close {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 20px;
    height: 20px;
    display: block;
    background: url("https://shared.homeport.cz/2.customers/imgs_system/eshop/close.png") no-repeat right top !important;
}

a.forms-popuppicker-close:hover {
    background-position: right -30px !important;
}

.percentage-meter {
    height: 10px;
    width: 100px;
    border: solid 1px black;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.percentage-meter-in {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 10px;
    background: #666;
}

.percentage-meter-kolik {
    display: inline-block;
    padding-left: 7px;
    font-size: 85%;
    vertical-align: middle;
}

.ui-autocomplete {
    max-height: 300px;
    overflow: auto;
}


/* Dropzone */

.dropzone-uploading {
    width: 220px;
    color: #333;
    background: #F8F3E6;
    border-radius: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 8px;
    padding-bottom: 5px;
    display: inline-block;
    vertical-align: top;
}

.dropzone-uploading .message {
    text-align: center;
    padding: 4px 8px;
}

.dropzone-uploading .details .filename {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 8px;
}

.dropzone-uploading .details .size {
    display: none;
}

.dropzone-uploading .details {
    text-align: center;
}

.dropzone-uploading .details img {
    border: solid 1px #999;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
}

.dropzone-uploading .progress {
    width: 194px;
    border: solid 1px #333;
    border-radius: 3px;
    padding: 2px;
    margin-left: 10px;
    height: 4px;
}

.dropzone-uploading .progress .upload {
    display: block;
    height: 4px;
    border-radius: 2px;
    background: black;
}

.dropzone-uploading .error-mark {
    display: none;
}

.dropzone-uploading.error .error-mark {
    color: red;
    padding: 4px 8px;
    display: block;
}

.dropzone-uploading .success-mark {
    display: none;
}

.dropzone-uploading.processing .error-mark {
    display: none;
}

.dropzone-uploading.success .success-mark {
    display: block;
    color: #006600;
    text-align: center;
    padding: 5px 8px;
    font-weight: bold;
}

.dropzone-uploading.success .error-mark {
    display: none;
}

.dropzone-uploading.success .message {
    display: none;
}

.dropzone-uploading.success .progress {
    display: none;
}


/* Awesome font */

@font-face {
    font-family: 'FontAwesome';
    src: url('https://shared.homeport.cz/2.customers/imgs_system/icofont/fontawesome-webfont.eot');
    src: url('https://shared.homeport.cz/2.customers/imgs_system/icofont/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://shared.homeport.cz/2.customers/imgs_system/icofont/fontawesome-webfont.woff') format('woff'), url('https://shared.homeport.cz/2.customers/imgs_system/icofont/fontawesome-webfont.ttf') format('truetype'), url('https://shared.homeport.cz/2.customers/imgs_system/icofont/fontawesome-webfont.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icofont {
    font-weight: normal;
    font-style: normal;
    font-family: FontAwesome;
}

i.ico,
a.ico {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-family: FontAwesome;
    vertical-align: middle;
    -webkit-transition: color .25s;
    -moz-transition: color .25s;
    -ms-transition: color .25s;
    -o-transition: color .25s;
    transition: color .25s;
}

a.ico,
a i.ico {
    text-decoration: none !important;
}


/* Filter managers */

.filter-panel-reset {
    padding: 5px 15px;
    border: solid 1px #bbb;
    background: #ddd;
    color: #666;
    margin-bottom: 15px;
    clear: both;
    border-radius: 3px;
}

#obsah .filter-panel-reset a {
    text-decoration: none;
    color: #666;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}

#obsah .filter-panel-reset a:hover {
    color: #d90000;
}

.filter-panel-reset .pozor-reset {
    display: inline-block;
    font-weight: bold;
    margin-right: 20px;
}

.filter-panel-reset a.reset-link {
    display: inline-block;
    margin-right: 15px;
}

.filter-panel-reset a.reset-link:before {
    content: '\f00d';
    margin-right: 5px;
    font-family: FontAwesome;
}

.filter-panel-reset a.reset-all-link {
    float: right;
    margin-left: 25px;
}

.filter-panel-reset a.reset-all-link:before {
    content: '\f00d';
    margin-right: 5px;
    font-family: FontAwesome;
}

.filter-form {
    max-width: 170px;
}

.filter-form .buttons {
    padding-top: 6px;
}

.filter-form.filter-form-daterange .input.mensi {
    width: 105px;
}

.filter-form button[type=submit] {
    margin-right: 4px;
}

.filter-form .ft-date-presets {
    margin-bottom: 4px;
}

.filter-form-daterange .input.mensi {
    margin-bottom: 3px;
}

.filter-form-daterange .inputs-wrapper {
    margin-bottom: 7px;
}

.background-spinner {
    background: rgba(0, 0, 0, 0.6) no-repeat center center url("https://shared.homeport.cz/2.customers/imgs_system/ajax-loader-big.gif");
}

.form_tr.items-1 {
    background: #5481E3;
}


/** pujcena */

#progressBar {
    width: 100%;
    padding: 2em 0em 1em 0em;
}

#progressBar div.progressBarStatus {
    float: left;
    text-align: left;
    position: relative;
}

#progressBar div.progressBarStatus .bar {
    margin: 0.15em 0em 0.5em 0em;
    display: block;
    height: 2em;
    background-color: rgb(119, 195, 68);
    border-right: 1px solid rgb(103, 151, 70);
}

.extendedProgressBar #progressBar div.progressBarStatus .bar {
    height: 1em;
}

#progressBar div.progressBarStatus.planned .bar {
    background-color: rgb(235, 235, 235);
    border-right: 1px solid rgb(208, 208, 208);
}

#progressBar div.progressBarStatus.first .bar {
    /*border-top-left-radius: 5px;*/
    /*border-bottom-left-radius: 5px;*/
}

#progressBar div.progressBarStatus.last .bar {
    border-right: none;
    /*border-top-right-radius: 5px;*/
    /*border-bottom-right-radius: 5px;*/
}

#progressBar div.progressBarStatus.planned .name,
#progressBar div.progressBarStatus.planned .date {
    color: rgb(210, 210, 210);
}

#progressBar div.progressBarStatus .note span {
    vertical-align: middle;
}

#progressBar div.progressBarStatus .note {
    position: absolute;
    top:1.7rem;
    left: .5rem;
}

#progressBar div.progressBarStatus .note .note-action {
    cursor: pointer;
    margin-left: .4rem;
}

#progressBar div.progressBarStatus .date {
    display: block;
    margin-bottom: .15em;
    height: 1.5em;
}

#progressBar div.progressBarStatus.planned .name {
    font-weight: 200;
}

.datagrid-table td {
    padding: 4px;
}

.warehouse {
    border: 1px solid #aaa;
}

.warehouse td {
    padding: 4px 5px;
}

.warehouse td input.remove {
    border-color: red;
}

.warehouse td input.add {
    border-color: green;
}

.warehouse thead tr {
    background: #eee;
    font-weight: bold;
}

.warehouse tbody td {
    border-top: 1px solid #bbb;
}

.warehouse tbody tr:nth-child(even) {
    background: #ddd;
}

.warehouse tbody tr:hover {
    background: #aaa;
}

.warehouse span.allocate:hover {
    color: red;
}

.warehouse tbody td.name {
    min-width: 200px;
}

.warehouse tbody td.variants {
    max-width: 380px;
}

.warehouse tbody td.suppliers {
    max-width: 180px;
}

.warehouse tbody span.allocate {
    color: green;
}

.warehouse span.allocate {
    cursor: pointer;
}

.allocated {
    border: 1px solid black;
}

#states {
    margin-bottom: 1em;
}

#states div.state {
    float: left;
    padding: 3px;
    border: 1px solid black;
    margin-right: 3px;
}

.danger {
    background-color: red;
    // nutne objednat
}

.warning {
    background-color: #e75f0e;
    // k objednani
}

.in-progress {
    background-color: #e3d209;
    // objednano
}

.confirm {
    background-color: #37c635;
    // alokovane na sklade
}

.notification {
    background-color: #46c8e8;
    // alokovano vic nez je nutny
}

.delivered {
    background-color: #18b824 !important;
}

.delivered:hover {
    background-color: #22953d !important;
}

body.wait,
body.wait * {
    cursor: wait !important;
}

input.clear {
    border: none;
    background: transparent;
    width: 50px;
}

input.readonly {
    background: #eee;
    border: 1px solid black;
}

.pointer {
    cursor: pointer;
}

.pointer:hover {
    text-decoration: underline;
}

.searchbox {
    border: 1px solid black;
    background: #fbfbfb;
    width: 90px;
    margin-left: 1em;
    padding: 2px 4px;
}

.attachments {}

.attachments .attachment.public {
    border: 1px solid red;
}

.attachments .attachment {
    float: left;
    margin: .3em;
    text-align: center;
}

.import table thead { background:#ccc;}
.import table thead td {padding:.4em .2em;}
.import table tbody tr:nth-child(odd),.import table tbody tr:nth-child(odd) input {background: #c4c0b8;}
.import table tbody input {border:0px; padding:.4em .2em;}
.import table tbody td {padding:.2em;}
.import table tbody td input.error {background:red;}
.import table tbody td input.validated {background:rgba(0,150,0,.5);}

#items .deleter {width:80px;}

.paginator {

}

.paginator a {
    display:inline-block;
    padding:.1rem .1rem;
}

.paginator a.on {
    text-decoration: none;
    color: red;
}


.fixAccesories {
  clear: left;
}
.level-1 {
}
.showChilds {
  float: left;
}
.fixAccesories span.toggleParts:hover, .applyPresets:hover, .batchConfig:hover, .showChilds:hover {
  cursor: pointer;
  color: red;
}
.fixAccesories ul {
  padding-left: 20px;
}
.elements select {
  float: left;
}
.presets {
  margin-right: 15px;
}
.presets label:hover {
  cursor: pointer;
  color: red;
}
.childs.clearfix {
  clear: left;
}
.section {
  float: left;
}
.section.level-1 {
  clear: left;
  margin-bottom: 4px;
  border-bottom: 1px dashed #aaa;
  padding-top: .5em;
  padding-bottom: .5em;
  width: 100%;
}
.section.level-2 {
  background: #eee;
  border-radius: 5px;
  padding: 4px;
  margin-right: 4px;
  margin-bottom: 4px;
}
.elements strong.label {
  margin-bottom: 2px;
  display: block;
}
.elements select {
  margin-right: 5px;
  margin-bottom: 5px;
}
.elements.childs {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: 5px;
  padding: 5px;
}
.elements.childs.level-1 {
  margin-left: 25px;
}
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}
#configuration {
  position: relative;
}
#overlay, #bodyOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(50, 50, 50, .9);
  z-index: 10;
  display: none;
}
#configuration #overlay .loader {
  width: 220px;
  height: 19px;
  background: url("https://shared.homeport.cz/2.7.0/imgs_system/ajax-loader-bar.gif");
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
  margin-left: -110px;
}
.overview {
  // width: 100%;
  float: left;
  margin-top: 1em;
  border: 1px solid #333;
}
.overview td {
  padding: 5px 6px;
}
.overview tbody td {
  white-space: nowrap;
}
.overview tbody tr:not(:last-child) td {
  border-bottom: 1px solid #ccc;
}
.overview tbody tr.headerRow {
  background: #ccc;
  font-weight: bold;
}
.overview tbody tr.totalRow td {
  background: #aaa;
  font-weight: bold;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.overview tbody tr.headerRow  td{
  background: #ccc;
  font-weight: bold;
  border-bottom: 1px solid black;
  // text-align: center;
}

.overview tfoot {
  background: #ccc;
  font-weight: bold;
}
.overview tfoot td {
  border-top: 1px solid black;
}
#margin table tr td .price {
  padding: 3px 5px;
  border: 1px solid black;
  width: 100px;
}
#margin table tr td .price.mini {
  width: 50px;
}
#margin input.x {
  font-weight: 600;
}
#margin table tr td .price.readonly {
  background: #ddd;
}
.thumblain {
  display: block;
  float: left;
}
.thumblain.inv {
  display: none;
}
.formsCheckboxDiv {
  float: left;
}
.section .thumblain {
  cursor: pointer;
}
#componentThumblain {
  text-align: center;  /*display: none;
     position:absolute;
     width:600px;
      left:0;
      right:0;
      
      
      z-index: 20;
      border-radius: 10px;
      background: white;
      padding:15px;*/
}
#componentThumblain img {
  margin: auto;
  max-width: 550px;
  max-height: 550px;
}
#componentThumblain span {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  display: block;
  margin-bottom: 5px;
}
#bodyOverlay {
  top: 0;
  left: 0;
}
#moduleList tr.x {
  background-color: red;
}
#moduleList span.moduleIdHighlighter {
  cursor: help;
}
span.tuplik {
  text-decoration: underline;
  cursor: pointer;
}