BODY {
    color: #000;
    font-family: 'Open Sans',sans-serif,Arial,Tahoma,Verdana,Trebuchet MS,Helvetica;
    background-color: #fff;
    text-align: left;
    line-height: 1.5;
    padding: 0;
    margin: 0;
}
A {
    color: #000;
    text-decoration: underline;
}
A:hover {
    color: #4C731A;
}
H1 {
    color: #de8f44;
    font-size: 1.3em;
}
H2 {
    color: #333;
    font-size: 1.2em;
}
H4 {
    color: #555;
    font-size: 1em;
}
UL > LI {
    list-style-type: square;
}
img {
    max-width: 100%;
    height: auto;
}
input {
    padding: 0.4em;
}
table {
    width: 100%;
    border-collapse: collapse;
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;

    -ms-touch-action: none;
    touch-action: none;
}

#body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;   
    max-width: 60em;
    text-align: left;
    background-color: #fff;
    margin: 0 auto 0 auto;
    padding: 0.1em;
    /*border: #000 thin dashed;*/
}
#body > * {
    padding: 0.2em;
    flex: 1 100%;

}
.unvisible {
    visibility: hidden;
}
.headline {
    font-size: 1.1em;
    font-weight: bold;
    width: 12em;
}
.headline span {
    color: #4A4A4A;
}
.content {
    max-width: 60em;
    text-align: left;
    margin: 0 auto 0 auto;
}
.copyright {
    color: #999;
    border-top: #999 thin solid;
    margin-top: 2em;
    padding: 1em 0;
    text-align: right;
}
.bold {
    font-weight: bold;
}
#h_offset_1 {
    padding: 1em 0;
}
.h_offset {
    margin-top: 2em;
}
.v_offset {
    padding-right: 1em;
}
.separator {
    border-bottom: #4C731A thin solid; 
}
.half td{
    width: 50%;
    padding: 1em;
    vertical-align: top;
    border-top: 1px solid #888;
}
.half td table tr td {
    border: 0 solid #888;
    padding: 0;
}
.label{
    width:30%;
}
.tab_invoice_items {
    margin-top: 10px;
}
.tab_invoice_items tr td {
    text-align: right;
    font-size: 8pt; 
    padding: 4px 10px;
}
.vat {
    margin-right:0; margin-left:auto; width: 60%
}
.vat_total {
    font-size: 12pt;
    font-weight: bold;
}
.align_left {
    text-align: left;    
}
.align_right {
    text-align: right;    
}
.alpha_index ol {
    margin: 0.6em 0;
    padding: 0;
}
.alpha_index ol li {
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-top: 0.5em;
}
.alpha_index ol li:not(:first-child) {
    margin-left: 0.2em;
}
.title, .alpha_index li {
    background-color: #ccc;
    list-style-type: none;    
}
.title a{
    font-size: 0.9em;
    text-decoration: none;
}
.title td {
    padding: 6px 0;
    margin-bottom: 4px;
    font-size: 10pt;
    font-weight: bold;
}
.cena {
    margin-bottom: 1em;
}
.h_text{    
    width:55%;
    min-width: 14em;
    padding: 0.1em;
    font-size:1.1em;
    font-weight:bold;
    color:#4C731A;
}
.it{
    font-style: italic;  
}
.name{
    font-weight: bold;    
}
.name span{
    font-style: italic;
    font-weight: normal;
}
.nav {
    font-size: 0.8em;
    margin:0;
    padding:0;
}
.nav ol{
    margin:0;
    padding:0;
}
.nav ol li:not(:first-child):before{
    content: " › ";
}
.nav ol li, .h_menu ol li {
    display: inline-block;
    list-style-type:none;
}
.h_menu ol{
    margin-left: 0;
    padding: 0;
}
.nav ol li > a img{
    width:1.2em;
}
.par_end{
    margin-bottom: 0.6em;
}
.h_menu ol li {
    padding: 0 0.35em;
}
.h_menu ol li > a, .h_menu ol li > a:hover {
    text-decoration: none;
}
.h_menu ol li > a div{  
    display: block;
    text-align: center;
    padding: 0.5em;    
}

.h_menu ol li div > img {
    height: 1.8em;
    text-align: center;
    vertical-align: middle;
}

.pdf_page_footer {
    text-align: right;
    margin: 0 0 0 auto;
    font-size: 0.8em;
    color:#666;
}
hr.clr_left {
    clear: both;
    height: 1px;
    border: none;
    margin: -1em 0 0 0;
    visibility: hidden;
}
.d_title {
    display: block;
    width: 100%; 
    font-weight: bold;
}
.invoice {
    width: 100%;
    max-width: 54em;
}
.invoice_edit > div {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    min-width: 12em;
    padding: 0.6em;
}
.invoice_edit div input[type=text] {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.invoice_edit label {
    font-size: 0.8em;
    color: #666;
}
.container {
    display: table;
    width: 100%;
}
.d2, .d3 {
    display: table-cell;
    white-space: nowrap;
}
.d3 {
    width: 6em;
}
.list, .detail{
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0 0 1em 0;    
    width: 100%;    
}

.detail > div {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    min-width: 7em;
    padding: 1em;    
}
.detail > div:nth-of-type(2n-1) {
    border-right: thin #ccc dashed;
}


.detail > div > div > div, .invoice_contact > div > div {
    display: inline-block;
    width: 7em;
}
.inner_box {
    padding: 1em 0;
}
.inner_box > div {
    display: inline-block;
    vertical-align: top;
    padding: 1em 2em 1em 0;
}
.inner_box > div:not(:first-child) {
    padding: 1em 0 1em 2em;
    border-left: thin #ccc dashed;
}
.invoice_sum {
    text-align: right;
    padding-top: 2em;
}

.list div {    
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 0.4em;
    width: 31%;
    min-width: 19em;
    margin: 0;
    margin-bottom: 0.8em;
    height: 18em;    
}
.list div div {    
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 48.5%;
    min-width: 5em;
    height: auto;
}

.list div div:nth-of-type(1) {    
    width: 100%;
}
.list div div:nth-of-type(2) {    
    width: 38%;
}
.list div div:nth-of-type(3) {    
    width: 59%;
}
.list div div:nth-of-type(4) { 
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;    
}
.list div div > div {    
    display: inline-block;
    padding: 0;
    min-width: 6em;
    height: auto;
    vertical-align: middle;
    text-align: right;
}
.list div div > div:nth-of-type(1) { 
    width: 38%;
}
.list div div div:nth-of-type(2) { 
    padding-left: 1em;
}
.list div div div input{  
    padding: 0.4em;
}
.list div div div > div:nth-of-type(1) {
    font-size: 0.8em;
    color: #000;
    text-decoration: line-through;
    top: 0;
    right:0;
}
.list div div div > div:nth-of-type(2) { 
    font-size: 1.2em;
    font-weight: bold;
    color: #4C731A;  
}
.photogalery img {
    padding: 0.2em;
}
.footer_box:not(:first-child) {
    padding: 0 0 0 1em;
}
.footer_box > ul {
    padding: 0;
    margin: 0;
}
.footer_box > ul:not(:first-child) {
    padding-left: 2em;
}
.footer_box > ul > li {
    list-style-type:none;
    padding: 0;
    margin: 0;
}
/*
.footer_box:nth-of-type(3){
    width: 26em;
}
*/
.footer_box div.box_img{
    width: 0.8em;
}
.footer_box div.box_img_2{
    width: 1.4em;
}
#content_photo {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#content_photo > div { 
    flex:1 1 auto; /* Lets middle column shrink/grow to available width */
    width:32%;
}
#content_photo > div:not(:first-child){
    padding-left: 0.5em;
    /*flex:1 1 auto; /* Forces side columns to stay same width */
  
}
#content_photo > div img {
    width: 100%;    
}
#header {
    color: #000;
    background-color: #fff;
    border-bottom: #000 thin solid;
    text-align: center;
    margin-bottom: 0.5em;
}
#header h1 {
    color: #000;
    font-weight: normal;
}
#header > div > div{
    display: inline-block;
    vertical-align: bottom;
}
#logo {
    width: 28em;
    min-width: 6em;
}
#logo a, .right_ref a{
    text-decoration: none;
}
#logo img {    
    max-height: 5em;
}
#logo div, #footer ul, #footer ul > li > div, .footer_box{
    display: inline-block;
    vertical-align: text-top;
}

#logo div:nth-of-type(2) {
    max-width: 20em;
    padding-left: 1em;
}
#footer ul > li > div:not(:first-child), #footer ul:not(:first-child) {
    padding-left: 1em;
}
#second_box {
    float:right;
    max-width: 14em;
    padding: 0.2em;
    margin: 0 0 1em 1em;
    border: #000 thin solid;
}
#right_col {
    display: inline-block;
    padding: 0 0 0 1em;
    margin: 0.5em 0 0 1em;
    width: 30%;
    min-width: 7em;
    max-width: 10em;
    border-left: #4C731A thin dashed;
}
#right_col > #chd {
    height: 3em;
}
#right_col > .right_ref {
    display: block;
    margin: -1.2em -3em 1em 0;    
}

.right_ref img {
    height: 2em;
}
.right_ref img:not(:first-child) {
    padding-left: 0.5em;
}
#right_col > div {
    display: inline-block;
}
#right_col > #container_img > img {
    display: block;
    height: 1.5em;
}

#right_col > ol > li div{    
    display: inline-block;
    padding: 0.2em;
    width:3em;    
}
#middle {
    display: inline-block;
    margin: 0.5em 0 0 0; 
    padding: 0.5em;
    background-color: #fff
}
#middle p {
    text-align: justify;
}
#middle p > img {
    width: 33%;
    min-width: 8em;
}
#middle > ol, #companyByIndex > ol, #menu_rest > ol, #right_col > ol {
    margin: 0;
    padding: 0;
}
#middle > ol > li,  #companyByIndex > ol > li, #menu_rest > ol > li, #right_col > ol > li {
    margin: 0;
    padding: 0;
    list-style-type:none;
}
#middle > ol > li:nth-of-type(2n), #companyByIndex > ol > li:nth-of-type(2n){
    background-color: #f3f3f3
}

#middle > ol > li > div{
    display: inline-block;
    padding: 0.2em;
}

#dlg-company-open {
    overflow: hidden;
}
#companyByIndex {
    overflow: auto;
    max-height: 92%; 
    font-size: 0.8em;
}
#companyByIndex > ol > li > div{
    display: inline-block;
    padding: 0.2em;
    width:6em;
}
#companyByIndex > ol > li > div:nth-of-type(2) {
    width: 8em
}
#companyByIndex > ol > li > div:nth-of-type(3),
#companyByIndex > ol > li > div:nth-of-type(4){
    width:40%;
    min-width: 12em;
}
#companyByIndex > ol > li > div:nth-of-type(4){
    width:27%;
}

#menu_rest > ol > li > div{
    display: inline-block;
    padding: 0.2em;
    width:12em;
    vertical-align: top;    
}
#menu_rest > ol > li > div:nth-of-type(1) {
    width: 3.4em;
    text-align: right;
    padding-right: 1em;
}
#menu_rest > ol > li > div:nth-of-type(2) {
    width: 58%;
    min-width: 4em;
    max-width: 30em;
}

#menu_rest > ol > li > div:nth-of-type(3){
    width: 4em;    
    text-align: right;
    padding-bottom: 1.5em;
}
#menu_rest > ol > li > div > div{
    display: block;
}
#menu_rest > ol > li > div > div:nth-of-type(2), .menu_rest {
    color: #666;
    font-style: italic;
}

#invoice_items_edit li div input {
    margin: 0.1em 0.1em 0;
}
#invoice_items_edit li div input[type=text] {
    box-sizing: border-box;
    width: 100%;
    text-align: right;
}
#invoice_items_edit li div:nth-of-type(1) input[type=text], #invoice_items_edit li div:nth-of-type(2) input[type=text] {
    text-align: left;
}
#invoice_items_edit li div:nth-of-type(1){    
    width: 6.6em;
    text-align: left;
}
#invoice_items_edit li div:nth-of-type(2){    
    width:30%;
    min-width: 8em;
    text-align: left;
}
#invoice_items_edit li div:nth-of-type(3){  
    width:5em;
}
#invoice_items_edit li div:nth-of-type(4){  
    width:2.8em;
}
#invoice_items_edit li div:nth-of-type(7){  
    width:2.8em;    
}
#invoice_items_edit li div:nth-of-type(8){  
    width:0.8em;    
}
#invoice_item li div:nth-of-type(1){    
    width: 6em;
    text-align: left;
    padding-left: 1em;
}
#invoice_item li div:nth-of-type(2){    
    width:28%;
    min-width: 8em;
    text-align: left;
}
#invoice_item li div:nth-of-type(4){  
    width:3em;
}
#invoice_item li div:nth-of-type(7){  
    width:3em;
}
#invoice_vat {
    width: 60%;
    margin: auto;
    margin-right: 0;
}
#invoice_vat ol li {
    text-align: right;
}
#invoice_vat ol li div {
    text-align: right;
    width:10em;
}
#invoice_vat ol li:last-child div{
    font-weight: bold;
}
#invoice_vat ol li:first-child {
    margin: 2em 0 0 0;
    border-bottom: thin #000 solid;
}

#menu {
    width: 7em;
    color: #4C731A;
    font-weight: bold;
    margin: 2em 0.5em 0 0;
}
#menu UL {
    margin: 0px 0px 0px 0.1em;
    padding: 0;
    list-style-type: none;
}
#menu UL LI SPAN:before{
    content: " › ";
    color:#000;
}
#menu UL LI UL LI:before{
    content: "";
}
#menu UL LI{	
    font-weight: normal;
    margin: 0 0 0.1em 0;
    padding: 0.5em 0 0.5em 0.5em;
}
#menu UL LI:not(:first-child){
    border-top: #4C731A solid thin;
}
#menu UL LI A {
    color: #000;
    text-decoration: none;
}
#menu UL LI A:hover {
    color: #4C731A;
}
#menu UL LI UL LI{
    padding-left: 0.5em;
}

#footer {
    background: #3A3F32;
    /*border-top: thin #b41902 solid;*/
    padding:0.4em 1em;
}
#footer .right_ref {
    margin-top: -0.45em;
}
#footer, #footer ul li a{
    color: #F0FDF6;
}
#footer ul li a:hover{
    color: #fff;
}
.main{
    display:inline-block;
    vertical-align: top;
    text-align: left;
    width:30%;
    min-width:12em;
    margin-top: 0.4em;
    padding:0.6em;
    background: #dbcccc;
}
.m_center{
    text-align: center;
}
.price {
    font-size: 1.3em;
    font-weight: bold;
    color: #4C731A;
    padding: 1.2em 0;
}
.priceOld {
    font-size: 0.9em;
    color: #000;  
    text-decoration: line-through;
    padding: 1.2em 0 0 0;
}
.menu_doc > div {
    display: inline-block;
    vertical-align: top;    
}
.menu_doc > div > div {
    display: block;
}
.menu_doc > div > a:not(:first-child) {
    padding-left: 1em;
}
.menu_doc > div > div > input {
    display: inline;
    width: 1em;
    margin-top: 0.5em;
}
.tech > li > div {
    text-align: center;
    vertical-align: middle;
    width: 8em;
}
.tech > li > div:first-child {
    width: 16em;
    text-align: left;
}
.tech > li:first-child > div{
    font-weight: bold;
}
#simply_list > li{    
    background-color: #fff;
}
@media all and (min-width: 200px) {
    #logo img{
        height: 3em;
    }
    #right_col {
        border: none;
    }
    .list div div {    
        display: inline-block;
        width: 48.5%;
    }
    .detail > div {
        width: 94%;
    }
    .detail > div:nth-of-type(2n-1) {
        border-right: none;
    }
}

@media all and (min-width: 700px) {
    #logo img{
        height: 5em;
    }
    #right_col, #logo {
        flex: 0.2 auto;
    }
    #right_col{
        border-left: #4C731A thin dashed;
    }
    #middle { 
        flex: 3 0;
    }
    .detail > div {
        display: inline-block;
        vertical-align: top;
        width: 40%;
        min-width: 10em;
        padding: 1em;
    }
    .detail > div:nth-of-type(2n-1) {
        border-right: thin #ccc dashed;
    }
    #middle { order: 1; } 
    #right_col {order: 2;}
    #footer { order: 3; }
}