/* TAGY */
body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #666;
    background: url(images/bg-repeat.png) top left repeat-x #fff;
    margin: 0;
    padding: 0;
}

table {
    font-family: Arial, sans-serif;
    font-size: 12px;
}

p {
    margin: 1ex 0;
}

a {
    color: #679b01;
}

a:hover {
    color: #c85609
}

h1, h2, h3, h4, h5, h6 {
    color: #c85609
}

#ajaxLoading {
    display: none
}

legend {
    color: #c85609
}

abbr {
    border-bottom: 1px dotted #679b01;
    cursor: help
}

/* LAYOUT */
#pageContainer, #contentContainer {
    width: 1002px;
    margin: 0 auto;
    background-color: #fff;
}

#header #logo {
    background: url(images/logo.png) top left no-repeat;
    height: 100px;
    position: relative
}

#header #logo a {
    height: 55px;
    width: 190px;
    position: absolute;
    top: 20px;
    left: 20px;
}

#header #logo a span {
    display: none;
}

#discount {
    background: url(images/sleva-50.png);
    width: 149px;
    height: 148px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99
}

#discount span {
    display: none
}

#mainMenu {
    background: url(images/menu-bkg.png) top left no-repeat;
    height: 38px;
}

#hpBox {
    height: 245px;
    background: url(images/hp-banner.png) top left no-repeat;
    position: relative;
    z-index: 100;
    display: block;
    font-size: 115%
}

#hpBox .inner {
    position: absolute;
    width: 480px;
    right: 30px;
    top: 15px;
    text-align: justify
}

#hpBox .inner h2 {
    background: url(images/hb-box-header.png) top left no-repeat;
    width: 427px;
    height: 33px
}

#hpBox .inner h2 span {
    display: none
}

#hpBox ul {
    line-height: 1.5em
}

#clientBox {
    position: absolute;
}

#footer {
    background: url(images/bg-footer.png) top left repeat-x;
    height: 80px;
    text-align: left;
    margin: auto;
    color: #fff;
    clear: both
}

#footer a {
    color: #fff;
    font-weight: normal;
    text-decoration: none
}

#statsBox {
    width: 1002px;
    margin: auto;
    padding: 5px 0;
    font-weight: bold;
    padding: 0;
}

#statsBox ul {
    padding: 10px 0 20px;
    margin: 0
}

#statsBox li {
    display: inline;
    color: #fff;
    padding-right: 10px
}

#statsBox strong {
    color: #b8ff2c;
}

#sidebar {
    float: right;
    width: 300px;
    margin-top: 10px;
}

#content {
    margin-right: 305px;
    padding: 10px 15px;
}

#content.klient {
    margin: 0
}

#content.klient.submenu {
    margin-top: 40px
}

.ui-helper-clearfix:after {
    clear: left !important
}

#homepage {
    margin: 0 -15px
}

#homepage .column {
    float: left;
}

#homepage .c1 {
    width: 315px;
}

#homepage .c2 {
    width: 375px;
}

#homepage .c3 {
    width: 300px;
    padding: 14px 0 0;
    position: relative;
    right: -15px
}

#homepage .c1 .button {
    background: url(images/button-objednat.png) left center no-repeat;
    width: 312px;
    height: 124px;
}

#homepage .c2 .button {
    background: url(images/button-demo.png) left center no-repeat;
    width: 371px;
    height: 120px;
    position: relative;
    top: 10px;
    margin-top: 4px
}

#homepage h2 {
    font-size: 24px
}

#homepage .c1 h2, #homepage .c1 ul strong {
    color: #c85609
}

#homepage .c2 h2, #homepage .c2 ul strong {
    color: #679b01
}

#homepage li {
    margin: 10px 0;
    font-size: 13px;
    font-weight: bold
}

#homepage .button {
    position: relative
}

#homepage .button span.info {
    position: absolute;
    color: #fff;
    font-weight: bold;
    display: block
}

#homepage .c1 .button span.info {
    top: 72px;
    left: 145px
}

#homepage .c2 .button span.info {
    top: 49px;
    left: 165px
}

#button-zakon {
    background: url(images/zakon.png) top left no-repeat;
    width: 298px;
    height: 79px;
    display: block;
    margin-top: 5px
}

#button-zakon span {
    display: none;
}

#loginBox {
    width: 187px;
    height: 119px;
    background: url(images/login-box.png) top left no-repeat;
    padding: 15px 0 0 110px
}

.sideBox strong {
    color: #FF6600;
    display: block;
    margin-bottom: 5px
}

.sideBox .logged strong {
    display: inline;
    margin: 0;
    padding: 0
}

#loginBox label {
    display: inline-block;
    width: 60px
}

.sideBox a {
    color: #666;
    position: relative;
    top: -10px
}

.sideBox .logged a {
    position: static
}

#loginBox input {
    width: 115px;
}

#loginBox input.submit, #searchBox input.submit {
    width: 69px;
    height: 22px
}

#searchBox {
    width: 187px;
    height: 104px;
    background: url(images/search-box.png) top left no-repeat;
    padding: 30px 0 0 110px;
    margin-top: 5px
}

#searchBox label {
    display: inline-block;
    width: 30px
}

#searchBox input {
    width: 137px;
}

/* VYPIS HLIDACU */
.vec-status-odskrtnuta {
    text-decoration: line-through
}

.grid-view .watchers, .grid-view .watcher-rizeni {
    font-weight: normal;
    text-align: left
}

.grid-view .watchers span.warning {
    color: red
}

.grid-view td.osoba {
    font-size: 15px !important;
}

.grid-view td.osoba p.note {
    font-size: 11px !important;
    height: 13px;
    overflow: hidden;
    width: 300px;
    font-weight: normal !important
}

.grid-view .unseen td.osoba {
    font-weight: bold
}

/*.grid-view .unconfirmed td.osoba {background: url(images/icons/16x16/help.png) center left no-repeat}*/

/*.grid-view .watcher-rizeni tr.unconfirmed td.spis a {background: url(images/icons/16x16/help.png) center right no-repeat;padding: 2px 20px 2px 0}*/
.grid-view a.unseen, .grid-view .watcher-rizeni tr.unseen {
    font-weight: bold
}

.grid-view a.unconfirmed {
    font-style: italic
}

.grid-view .watcher-rizeni tr.ignored {
    text-decoration: line-through;
    background: #dedede
}

.grid-view .watcher-rizeni .confirmVec {
    padding: 0 5px 10px 0
}

.grid-view .watcher-rizeni .confirmVec img {
    margin: 0;
}

#dashboard .dashboardBox {
    width: 30%;
    height: 150px;
    border: 1px solid #dedede;
    padding: 10px;
    background: url('images/gradient.png') bottom left repeat-x #fff;
    float: left;
    margin: 5px
}

#dashboard .dashboardBox h2 {
    margin: -9px -9px 10px;
    background: #7bbc00;
    text-align: center;
    color: #fff;
    font-size: 13px;
    height: 20px;
    padding-top: 4px
}

#dashboard .dashboardBox.logged img {
    float: left;
    margin: 10px
}

#dashboard .dashboardBox.news h3 {
    margin: 15px 0 5px;
}

#dashboard .dashboardBox.news {
    min-height: 150px;
    text-align: justify
}

#watcher-form .row {
    position: relative
}

#watcher-form .aresInfo {
    display: none;
    position: absolute;
    left: 360px;
    top: 0px;
    border: 1px solid red;
    height: 46px;
    width: 400px;
    background: #d8eea5;
    border: 2px solid #7dbc00;
    padding: 5px;
    z-index: 999
}

.message p {
    background: #d8eea5;
    border: 2px solid #7dbc00;
    padding: 5px
}

.message p.err {
    background: #fee8ea;
    border-color: #e7c8c6
}

.conditions {
    height: 200px;
    overflow: auto;
    border: 1px solid #dedede;
    padding: 10px;
    margin: 10px;
    background: #fff
}

.addItem {
    background: url(images/icons/add.png) left center no-repeat;
    padding: 20px 0 0 60px;
    display: inline-block;
    height: 50px;
}

#ajaxLoading {
    position: absolute;
    left: 50%;
    top: 250px;
    width: 300px;
    margin-left: -150px;
    border: 5px solid #000;
    background: #fff;
    text-align: center;
    height: 40px;
    font-size: 18px;
    padding-top: 10px;
    display: none;
    z-index: 999;
}

ul.orange li {
    list-style-image: url(images/arrow-orange.png);
}

ul.green li {
    list-style-image: url(images/arrow-green.png)
}

.left {
    text-align: left
}

.button {
    display: block;
    text-decoration: none
}

.button span {
    display: none
}

.csvUpload {
    overflow: auto
}

/* HLAVNI MENU */
#mainMenu ul {
    list-style-type: none;
    padding: 0;
    margin: 0 0 0 10px;
    text-align: left;
}

#mainMenu li {
    display: inline;

}

#mainMenu a {
    font-weight: bold;
    display: inline-block;
    height: 28px;
    padding: 10px 25px 0;
    background: url(images/menu-spacer.png) center right no-repeat;
    text-decoration: none;
    color: #fff;
}

#mainMenu li.item-857 a {
    background: none
}

#mainMenu .last a {
    background: none
}

#mainMenu a:hover, #mainMenu .active a {
    text-decoration: underline;
    color: #dedede;
    /*background: #fff;*/
}

#mainMenu .active-placeholder {
    background: url(images/zobacek.png) top left no-repeat;
    display: block;
    position: absolute;
    width: 41px;
    height: 20px;
    top: 28px;
    z-index: 99;
    left: 50%;
    margin-left: -20px
}

#mainMenu ul {
    position: relative
}

#mainMenu ul ul {
    position: absolute;
    width: 980px;
    height: 30px;
    border: 1px solid #d4d4d4;
    height: 28px;
    padding: 0;
    margin: 0;
    top: 60px;
    left: 0px;
    z-index: 99;
    text-align: left;
    background: url(menu-bg.gif) top left repeat-x;
    display: none
}

#mainMenu li.active ul {
    display: block
}

#mainMenu ul ul li {
    padding: 0;
    margin: 0;
    background: none !important
}

#mainMenu ul ul a {
    height: 20px;
    margin: 5px 0;
    padding: 0 10px;
    background: none !important;
    color: #c85609 !important;
    border-right: 2px solid #dedede
}

#mainMenu ul ul .active a {
    color: #679b01 !important
}

.listType li {
    display: inline;
    list-style: none;
    padding: 0 10px;
    font-weight: bold
}

.hidden {
    display: none;
}

.cleaner {
    visibility: hidden;
    height: 1px;
    clear: both
}

/* TABULKY */
/*table {
	margin: 1ex auto;
	border-collapse:collapse;
	width: 100%;
	font-size: 90%;
}*/
table.cenik {
    width: 75%;
    margin: 1em 0;
}

table.cenik td, table.cenik th {
    padding: 8px 5px;
    text-align: center;
}

#content img.icon {
    border: 0;
    width: 16px;
    height: 16px
}

#content table a.icon {
    text-decoration: none;
}

#content table td.icons a {
    text-decoration: none;
    background-color: #fff;
}

table.udalosti {
    width: 100%;
}

/* INPLACE EDIT */
.inplace_cancel, .inplace_save {
    margin: 0 3px;
    float: left;
}

.inplace_save {

}

/* IMPROMPTU */

.jqiwarning .jqi {
    background-color: #b0be96;
}

.jqifade {
    background-color: #ffffff;
    height: 100% !important;
}

div.jqi {
    position: absolute;
    background-color: #c0cEa6;
    padding: 10px;
    width: 300px;
}

div.jqi .jqiclose {
    float: right;
    margin: -35px -10px 0 0;
    cursor: pointer;
}

div.jqi .jqicontainer {
    background-color: #e0eEc6;
    padding: 5px;
    color: #ffffff;
    font-weight: bold;
}

div.jqi .jqimessage {
    background-color: #c0cEa6;
    padding: 10px;
}

div.jqi .jqibuttons {
    text-align: center;
    padding: 5px 0 0 0;
}

div.jqi button {
    padding: 3px 10px 3px 10px;
    margin: 0 10px;
}

#page2016 td {
    border: none;
}

.ui-tabs, .ui-tabs table td {
    font-size: 12px !important;
    font-family: Arial, sans-serif !important;
}

#switch-theme {
    display: block;
    text-align: center;
    font-size: 20px;
    text-decoration: none;
    font-weight: bold;
    background: url(submit-button.png) center left repeat-x;
    border:1px solid #c85609;
    color:#fff;
    padding:5px 15px;
    cursor: pointer;
}
.btn-execution {
    margin-left: 10px;
}