*{margin:0;padding:0;-webkit-text-size-adjust:none;-webkit-border-radius:0;}
body{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRF7+3v7+7v8/Lz9/b39/f39HfyngAAAEBJREFUSMdjMBYkDBmMlQhDBkZnQWdCmIEIg4wZqOcmQWdBY0KY3m4aDafRcBoNp9FwGg2n0XAaDafRcBoR4QQAYvSNeBZU384AAAAASUVORK5CYII=") repeat scroll 0 0 #EEEEEE;}
body {font-family:Arial;font-size:15px;line-height:17px;text-align:left;vertical-align:top;color:#404042;padding-bottom: 40px}

/* LOGIN */
#login{left:0;margin-top:-82px;min-width:285px;position:absolute;text-align:center;top:50%;width:100%;}
#login-form td{padding:5px 15px 5px 15px}
#wrapper{height:190px;margin:0 auto;position:relative;width:340px;}
#lang-switch {text-align: right}
#lang-switch a:hover {color:#43adee !important}
#login fieldset{border:1px solid #ccc;text-align:left;margin-bottom:15px}
legend{background:#46B6F7;color:#FFFFFF;margin:0 0 5px 15px;padding:10px;font-size:17px;letter-spacing: 1px}
#loginbutton {padding:10px 15px 10px 15px;}

/* CONTAINERS */
#container{margin:0 auto;width:100%;}
#container-inner{margin:0px 10px 0px 10px}

/* HEADER */
.top-header {margin:0 auto;line-height:50px;text-align:right;color:#fff;width:100%;}
#header {height:50px;background:#333}
#header-inner {margin:0px 20px 0px 20px;text-align: center}
#header-inner .logout {float:left;color:#46B6F7;}
#header-statistika {float:left}
#logout {margin:12px 0px 0px 15px;display:block;width:20px;height:25px;float:right;background:url(../img/icon_lock.png) no-repeat scroll 0 0}
#logout:hover {background:url(../img/icon_unlock.png) no-repeat scroll 0 0}
#filtr {margin:0 auto;width:610px}
#filtr-stats {margin:0 auto;width:310px}
#kwsearch {float:left;width:49%}
#search {float:left;width:49%;text-align: right}
.header-logout {position:absolute;right:15px;top:0}
.header-pridat {position: absolute;left:15px;top:0}
.header-language {position: absolute;left:100px;top:0;}
.header-language a, .header-etikety a {text-decoration:none;color:#43adee;}
.header-language a:hover, .header-etikety a:hover {text-decoration:none;color:#cc0000}
.header-pridat a {text-decoration:none;color:#43adee;font-size: 46px}
.header-pridat a:hover {text-decoration:none;color:#CC0000}

/* CONTENT */
.week, .etiketa {margin-bottom: 20px;background: #fff;padding:7px 0px 7px 0px;box-shadow:0 0 7px #E0E0E0;}

.week:hover {box-shadow:0 0 7px #000;}
.week-header, .etiketa-header {padding: 20px 10px 20px 10px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABIBAMAAACnw650AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9QTFRF7+3v7+7v8/Lz9/b39/f39HfyngAAAEBJREFUSMdjMBYkDBmMlQhDBkZnQWdCmIEIg4wZqOcmQWdBY0KY3m4aDafRcBoNp9FwGg2n0XAaDafRcBoR4QQAYvSNeBZU384AAAAASUVORK5CYII=") repeat scroll 0 0 #EEEEEE;}
.n1 {width:20%;float:left;}
.n2 {width:20%;float:left;}
.n3 {width:20%;float:left;}
.n4 {width:20%;float:left;}
.n5 {width:19%;float:left;}
.border-l {border-left:1px solid #000;}
.week-cat td, .week-cat th, #search_results th, #search_results td, .etiketa td, .etiketa-header th {color: #404042;text-align: right;padding: 0px 7px 0px 7px;line-height: 20px;vertical-align:top;font-size:14px}
#search_results th {padding-bottom: 5px !important}
.week-cat td, #search_results td, .etiketa td {border-bottom: 1px solid #ccc}
.wtotal td {border-bottom: none !important}
.week-cat th.desc {text-decoration: underline}
.poznamka {border-top: 1px solid #ccc;border-bottom:0px !important;text-align: left !important;padding-top: 10px !important}
.poznamka span {color:#888}
.popis {width:70%;text-align: left !important;}
.popis_search {width:30%;text-align: left !important;}
.admin .popis {width:auto !important;}
.limit {width:60px !important}
.pocet_ks {width:10%;}
.vyrobek {width:20%;text-align: left !important;}
.zakazka {width:10%;}
.pozn {width:20%;text-align: left !important}
.strong {font-weight: bold}
.green {color: #45e037 !important}
.blue {color:#43ADEE !important}
.hidden {display: none}

/* ETIKETY */
.et_et {width:30%;text-align: left !important}
.et_stav {width:15%;text-align: left !important}
.et_zaslani {width:15%;text-align: left !important}
.et_poznamka {text-align: left !important}

#search_results .rok {width:5%;text-align: left !important;}
#search_results .kw {width:5%;text-align: left !important;}
#search_results .kategorie {width:12%;text-align: left !important;}
#search_results .popis {text-align: left !important;}
#search_results .pocet_ks {width:10%}
#search_results. vyrobek {width:17%;text-align: left !important}
#search_results .uzivatel {width:5%}
#search_results .zakazka {width:8%}

/* FORM ELEMENTS */
input, select {font-family: Arial;font-size:15px}
option {margin-right:13px}
.inputbox {border: 1px solid #E5E5E5;padding:3px 5px 3px 5px;width:50px}
.inputbox-select {border: 1px solid #E5E5E5;padding:3px 5px 3px 5px;}
.inputbox-select-stats {border: 1px solid #E5E5E5;padding:3px 5px 3px 5px;}
.button {cursor:pointer;background:#46B6F7;color:#fff;border:0;padding:3px 6px 3px 6px;-webkit-appearance:none}
.button:hover {color:#000;}

/* HTML ELEMENTS */
h2 {font-size:20px;margin: 0px 0px 7px 7px;color:#43ADEE;}
.year {font-size:26px;margin-bottom: 20px;color:#ff0000 !important}
h2 span {color:#404042}
.h2poznamka {margin-left:20px;font-size:15px}
h2 a {color:#43adee}
a {text-decoration: none;color:#404042}
a:hover {text-decoration: underline}
.addbutton {text-decoration: none !important;}
.addbutton:hover {color:#cc0000}
.clr {clear:both}
.zakazka-stav-blue {color:#43ADEE !important}
.yellow {text-decoration: underline;text-decoration-color: orange;text-decoration-thickness: 3px;}
.red {color:red !important}
.black {color:#404042 !important}
.noborder {border:0 !important}
.totalcount {padding-top: 10px !important;padding-bottom: 10px !important}
.text-right {text-align: right !important}
.w120 {width:120px !important}
.w100 {width:100px !important}
.w400 {width:400px !important}
.w80 {width:80px !important}
.w40 {width:40px !important}
.w20 {width:20px !important}
.ml5 {margin-left: 5px}
.mb0 {margin-bottom: 0px !important}
.width140 {width:160px;}
.week tr:hover {background: #eee}
.nb td {border-bottom: 0px !important}
.left {text-align: left !important}

/* SMALLER DEVICES */
@media only screen and (max-width: 1024px) {
h2 {font-size:16px;margin: 0px 0px 5px 7px;}
.week-cat td, .week-cat th, .etiketa td, .etiketa th {padding: 0px 7px 0px 7px;line-height: 18px;font-size:10px}
.week-header, .etiketa-header {margin-bottom: 15px}
input, select {font-family: Arial;font-size: 14px;}
}