body, div {
    margin: 0 auto;
    font-family: Geneva, Verdana, Monospace, sans-serif;
    font-size: 11px;
    color: white;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
}

h3 {
    font-size: 1.2em;
}

fieldset {
    border-width: 1px;
    padding: 5px;
}

fieldset legend {
    color: white;
}

hr {
    color: #515271;
    background-color: #515271;
    height: 1px;
    border: none;
    margin: 10px 0px 10px 0px;
}

/*
    pozadí mezi hlavním navigačním menu a patičkou
*/
.main_wrapper {
    background: url('../images/bg-main.gif');
}

/*
    logo ha-loo Centrály
*/
.logo-main {
    float: left;
    color: #100f1f;
    height: 97px;
    width: 259px;
    display: block;
    font-size: large;
    font-weight: bold;
    background: url('../images/logo-centrala.jpg') no-repeat;
}

/*
--------------------------------------------------------------------------------
    START @DEPRECATED
*/

.logo-1 {
    float: left;
    display: block;
    height: 67px;
    width: 124px;
    margin-right: 20px;
    float: left;
    background: url('../images/partner_dealer-min.jpg') no-repeat;
}

.logo-2 {
    float: left;
    display: block;
    height: 63px;
    width: 106px;
    float: left;
    background: url('../images/logo-haloo.png') no-repeat;
}

/*
    END @DEPRECATED
*/


a:link, a:visited, a:active {
    text-decoration: underline;
    color: #FFFFFF;
    font-weight: bold;
}

a.button {
    background-color: #26264F;
    color: white;
    font-weight: bold;
    display: inline-block;
    padding: 5px;
    text-decoration: none;
    border: 1px solid white;
}

/*
--------------------------------------------------------------------------------
    START formátování tabulkových výpisů
*/

a.no-decoration {
    text-decoration: none;
}


.basic-table {
    border: none;
    background-color: #3c3d60;
}

.basic-table th {
    background-color: #26264F;
    font-weight: normal;
    padding: 5px;
}

.basic-table td {
    background-color: #515271;
    padding: 5px;
}

/*
    END formátování tabulkových výpisů
*/

/*
--------------------------------------------------------------------------------
    START hlavní navigační menu
*/
.menu_upper a:link,
.menu_upper a:visited,
.menu_upper a:active {
    text-decoration: none;
    color: #100f1f;
}
.menu_upper .block.active a:link,
.menu_upper .block.active a:visited,
.menu_upper .block.active a:active {
    color: white;
}

.menu_upper {
    height: 32px;
    width: 900px;
    padding-left: 30px;
}
.menu_upper .block {
    display: inline-block;
    height: 32px;
    padding: 10px;
    font-weight: bold;
    border: none;
}

.menu_upper a:hover {
    border: none;
    background: none;
}

.menu_upper .block.active {
    background: url('../images/bg-menu-upper.jpg') repeat-x;
    color: white;
    border: none;
}

/*
    END hlavní navigační menu
*/


.header-wrapper {
    height: 144px;
    /*
        pozadí záhlaví
    */
    background: url('../images/bg-top.jpg') repeat-x;
}
.header {
    width: 930px;
    background: url('../images/mapa.jpg') no-repeat;
    background-position: 600px 0px;
}

/*
--------------------------------------------------------------------------------
    START přihlašovací panel
*/
.status-bar {
    float: left;
    width: 882px;
    height: 30px;
    background: url('../images/top.png');

    padding: 12px 20px 10px 20px;
    overflow: hidden;
}

.status-bar a:link, .status-bar a:visited, .status-bar a:active {
    color: gray;
}

.status-bar div {
    display: inline-block;
    color: gray;
}

.status-bar .login-form {
    float: right;
    padding-top: 5px;
}

.status-bar .customer {
    float: left;
    padding-top: 6px;
}

.status-bar .field {
    border: solid 1px lightgray;
    width: 60px;
    color: gray;
    font-size: smaller;
    padding: 2px 10px 2px 10px;
}


.status-bar .submit {
    border: none;
    background-color: white;
    color: gray;
    font-size: smaller;
    padding: 2px 0px 2px 10px;
}

/*
    END přihlašovací panel
*/


/*
--------------------------------------------------------------------------------
    START patička
*/
.footer-wrapper {
    background: url('../images/bg-foot.jpg') top repeat-x;
    height: 20px;
    padding-top: 20px;
    text-align: center;
}
.footer {
    color: black;
}
/*
    END patička
*/

.menu_left {
    margin-left: 0px;
    padding-left: 40px;
    padding-right: 10px;
    background: none;
    float: left;
    width: 120px;
}

.menu_right {
    float: right;
    margin-right: 20px;
}

.content_wrapper {
    float: left;
}

/*
    design podle počtu sloupců
*/

.layout-1-col .content {
    float: left;
    margin-left: 25px;
    width: 840px;
    padding: 10px 30px 10px 30px;
    min-height: 500px;
    background-color: #515271;
    border: none;

}

.layout-1-col .content_wrapper {
    width: 920px;
    float: left;

}

.layout-2-col .content_wrapper {
    width: 700px;
    float: left;
}

.layout-2-col .content,
.layout-2-col-special .content {
    float: left;
    margin: 0;
    width: 636px;
    padding: 20px 40px 20px 40px;
    border: none;
    background: url("../images/bg-2_col-middle.png") repeat-y;
    min-height: 500px
}

.layout-2-col .menu_right .container{
    background: url('../images/bg-menu-right.png') no-repeat;
    width: 204px;
    height: 33px;
    color: #100f1f;
    margin-bottom: 5px;
}

.layout-2-col-special .content_wrapper {
    width: 600px;
    float: left;
}


.layout-2-col .menu_right .container a{
    display: block;
    background: url('../images/smile.png') no-repeat;
    background-position: 9px 7px;
    height: 28px;
    color: #100f1f;
    padding: 5px 0px 0px 40px;
    font-weight: bold;
    text-decoration: none;
}

.layout-3-col .content_wrapper {
    background: url("../images/bg-middle.png") repeat-y;
}

.layout-3-col .content {
    margin-left: 0px;
    float: left;
    width: 500px;
    padding: 10px;
    min-height: 500px;
    background: none;
    border: none;
}


a.hint-heading {
    display:block;
}

a:link.hint-heading,
a:visited.hint-heading,
a:active.hint-heading {
    color: #100f1f;
    font-size: larger;
    text-align: right;
    text-decoration: none;
    font-weight: normal;
}

.hint-heading {
    height: 27px;
    width: 194px;

    background: url('../images/bg-menu-right2.png');

    padding-right: 20px;
    padding-top: 4px;

}
.hint-content {
    color: white;
    border: 1px solid gray;
    border-top: none;
    margin-top: -1px;
    margin-right: 18px;
    margin-left: 21px;
    width: 153px;
    padding: 10px;
    font-size: smaller;
}

.hint-with-links .hint-content {
    padding: 0;
    border-bottom: none;
    width: 173px;
}

.hint-content .hint-links {
    text-decoration: none;
    display: block;
    font-size: 12px;
    padding: 5px 5px 5px 20px;
    font-weight: normal;
    border-bottom: solid 1px gray;
    background-color: #3b3b5f;
}

.hint-content a.hint-links:hover {
    text-decoration: underline;
    background-color: #515271;
}

.menu_right div.hint, .menu_right div.hint-with-links {
    margin-bottom: 10px;
}

.novinky * {
    font-size: 0.9em;
}

.novinky h2 {
    text-align: center;
    font-weight: normal;
    text-transform: uppercase;
    font-size: larger;
    margin: 10px 0px 0px 0px;
}

.novinky h3 {
    font-size: 0.9em;
    text-decoration: underline;
    margin: 0px;
}

.novinky .date {
    text-align: right;
}

/* 
--------------------------------------------------------------------------------
    START design formulářů a input prvků
*/
.base-form.registration .podminky {
    height: 200px;
    width: 500px;

    overflow: auto;
}

.base-form.registration .podminky * {

    font-size: 10px;

}

.base-form th, .base-form td {
    text-align: left;
    vertical-align: top;
}

.base-form th, .base-form .hint {
    padding-top: 4px;
}

.base-form .required-asterisk {
    color: orange;
}

.base-form tr {

}

.base-form .hint {
    font-style: italic;
}

.base-form.wide-dt dt {
    width: 250px;
}

.base-form .box {
    width: auto;
}

.base-form .element.checkbox dd {
    margin-left: 10px;
    padding-top: 3px;
}

.base-form .element.checkbox .label {
    font-weight: bold;
}

.base-form .box {
    padding: 0;
}


.base-form .errors {

    list-style: square;
}

.base-form dt {
    font-weight: bold;
    white-space: nowrap;
}

.base-form .element {
    padding: 5px;
}

.base-form input[type=text],
.base-form textarea,
.base-form input[type=password] {
    color: white;
    background-color: #3b3b5f;
    border: 1px solid #a7a8bc;
}

.base-form select {
    border: 1px solid #a7a8bc;
}

.base-form input[type=submit] {
    background-color: #26264F;
    color: white;
    font-weight: bold;
    font-family: Geneva, Verdana, Monospace, sans-serif;
}

.base-form .podminky {
    color: white;
    margin: 5px;
    border: 1px solid #a7a8bc;
}

.base-form .description {
    font-style: italic;
}

form fieldset {
    border: solid 1px #a7a8bc;
}

form dt {
    padding-top: 3px;
    display: block;
    float: left;
    vertical-align: top;
    width: 150px;
}

form dd {
    float: left;
    display: block;
}

dd.input {
    width: 400px;
}

form div {
    display: block;
    clear: both;
}
/* 
    END design formulářů a input prvků
*/

/*
    hlášky např. při uložení údajů
*/
.messages {
    list-style: square;
    color: lightgreen;
}

.errors {
    color: orange;
}

span.info {
    display: block;
    padding: 10px;
    color: lightgreen;
}


.red-marked td {
    background-color: orange;
}

/* 
--------------------------------------------------------------------------------
    START kroky např. při registraci
*/

.steps.mini a.step{
    text-decoration: none;
    color: #515271;

}

.steps.mini .step.after {
    border-left: none;
}

.steps.mini .step.before {
    border-right: none;
}


.steps.mini .step {

    display: inline-block;
    width: 30px;
    height: 18px;
    margin: 0px;
    padding: 0;
    border-left: 1px solid #515271;
    border-right: 1px solid #515271;
    border-top: 1px solid #515271;
    color: #515271;
    background-color: #26264F;
    vertical-align: bottom;
}

.steps.mini .step.active {
    width: 35px;
    height: 23px;
    background-color: #515271;
    color: white;
    font-weight: bold;
}

.steps.mini .step.enabled {
    width: 35px;
    height: 20px;
    font-weight: bold;
}

.steps.mini .step.enabled:hover {
    background-color: #515271;
    color: white;
}

.steps.mini {
    text-align: center;
    font-size: 10pt;
    margin: 0;
    padding: 0;

}

.steps.full {
    text-align: center;
}

.steps.full .step {
    color: #26264F;
}

.steps.full .step.enabled:hover {
    color: white;
}

.steps.full .step.active {
    font-size: 12pt;
    color: white;
}

/* 
    END kroky
*/

.dobit #krok1 .cerveny_nadpis {
    margin: 10px;
}

.dobit #krok2 {
    padding: 10px;
}

.dobit #krok3 {
    padding: 10px;
}

/*
--------------------------------------------------------------------------------
    START forum
*/

.vlakno_nadpis {
    color: black;
    margin-left: 10px;
}
.vlakno {
    border: 1px dotted #ACACAC;
    margin: 5px 0;
    padding: 5px;
}
.vlakno .vlakno_nadpis {
    background-color: white;
    color: black;
    margin-bottom: 10px;
    margin-left: 0;
    padding-left: 5px;
}
.zvyrazni {
    background-color: darkgoldenrod;
}

/*
    END forum
*/

.tooltip {
    display: inline-block;
    cursor: help;
}

.ivr-volba-input {
    width: 120px;
}

table.ivr {
    width: 100%;
}

.blokovane-skupiny.box {
    white-space: nowrap;
    line-height: 20px;
    display: inline-block;
    background-color: #3b3b5f;
    padding: 2px;
    margin: 2px;
}

.blokovane-skupiny.box img {
    margin-bottom: -4px;
}