@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=latin-ext');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;900&display=swap');

a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, img, input, textarea, select {font-family: 'Montserrat', sans-serif; color: #333333; margin: 0;  letter-spacing: 0; padding: 0; box-sizing: border-box; line-height: 160%;}
img.ThreeBoxBg { -moz-transform: rotate(0); -webkit-transform: translateZ(0); }
a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, header,footer, input, select, textarea {    font-size: 11pt;  font-weight: 400;}
.margin-top {height: 80px; float: left; width: 100%;}

img.imgFloatLeft20 {float: left; width: calc(20% - 20px); margin: 5px 25px; margin-left: 0; }
img.imgFloatRight20 {float: right; width: calc(20% - 20px); margin: 5px 25px; margin-right: 0;}
img.imgFloatLeft33 {float: left; width: calc(33.333% - 20px); margin: 5px 25px; margin-left: 0;}
img.imgFloatRight33 {float: right; width: calc(33.333% - 20px); margin: 5px 25px;margin-right: 0;}
img.imgFloatLeft50 {float: left; width: calc(50% - 20px); margin: 5px 25px; margin-left: 0;}
img.imgFloatRight50 {float: right; width: calc(50% - 20px); margin: 5px 25px;margin-right: 0;}

.td_body img {max-width: 100%;}

div#lightgallery61 a {
    width: calc(12.5% - 10px);
    margin: 5px;
  }

  nav.navbar-new a.dropdown-item.dropdown-item-graphic.w-33 {
    width: 33% !important;
  }

p, ul {margin-bottom: 15px;} 
h3 a:link, h3 a:visited {color: #000; font-size: 18pt; text-decoration: none;} 

h1 {font-size: 26pt; margin: 15px 0; border: 0; width: 100%; float: left; text-align: center; color: #333333; }
div.mainBox1 h1 {margin-top: 0px;}
.middleLiner h1 {border: 0; padding: 0; width: auto;}

h5 {text-align: center; float: left; width: 100%; font-size: 20pt; margin: 15px 0; color: red;}
h5 span, h5 span strong, h5 strong {font-size: 20pt;  color: red;}

div.fileBox {float: left; width: 100%; padding: 25px 0;}
div.fileBox img.icon {float: left; width: 100%; padding: 25px;}
div.file {float: left; width: 100%; position: relative; padding: 10px; border: 1px solid #ddd;background-color: #f9f9f9;}

a.deleteCorner {position: absolute; top: 15px; right: 15px; background-color: #fff; color: red; padding: 5px 10px;}
a.deleteCorner:hover {background-color: red; color: white;}

a.bigger-link:link, a.bigger-link:visited {color: #000; font-size: 12pt; max-width: 400px; text-align: center; display: flex; justify-content: center; flex-wrap: wrap;}
a.bigger-link:hover {text-decoration: none;}
a.bigger-link .objevuj {margin-top: 25px;}

h2 a:link, h2 a:visited, h2 {color: #000; padding: 0; margin: 15px 0;position: relative; font-size: 24px; text-align: center; margin-top: 25px; line-height: 22px;}
div.TDform h2 a:link,div.TDform h2 a:visited,div.TDform h2 {margin-top: 25px; margin-bottom: 5px;}
.ThreeBox h2 {color: #000000;}
h3 {color: #000; padding: 0; margin: 0; position: relative; font-size: 20pt; }
h4 {color: #000; font-size: 12pt; margin-top: 25px;}
h2 img.icon {position: absolute; right: 10px; top: -7px; height: 71px;}
.td_body {z-index: 1; position: relative; float: left; width: 100%; max-width: 1300px; padding: 0 20px; }
.redPart .td_body {width: 100%;}

h1.product-header, h1.product-header span {font-weight: 900; text-align: left; text-transform: uppercase; font-size: 45pt; line-height: 100%; margin-top: 0; margin-bottom: 15px;}

.napsali-box h3 {color: white;}

strong.product-header {font-size: 11.2pt; margin-bottom: -9px; float: left; width: 100%;}

.td_body img.smallIcon {width: 84px; margin-right: 0px; margin-top: 20px;}
.td_body .textImg {float: left; width: 20%; margin-right: 25px;}
.centeredBody .td_body {background-image: url('/files/kolo.png'); background-repeat: no-repeat; background-position-x: right; background-position-y: 50px;}

.bBox {width: 33.333%; float: left; padding: 15px;}

.bBox .bHeader {padding: 10px; margin-left: -10px; border-bottom: 3px solid #ccaaf17; color: #ccaaf17; width: auto; font-weight: bold; font-size: 14pt; text-transform: uppercase;}

img.roundpic {width: calc(33% - 30px); margin: 10px; border-radius: 50%; border: 5px solid #fff; transition: 0.15s;}
img.roundpic:hover  {transform: scale(1.1); border: 5px solid #eeeeee;}

/*
li:before{
   content: '';
   display: inline-block;
   height: 20px;
   width: 20px; margin-right: 10px; margin-left: -30px; transform: translate(0, 3px);
   background-image: url('/files/check.svg');
}
*/

table#invoices tr.selected td {background-color: #ddd !important; cursor: move;}
table#invoices tr.ui-sortable-placeholder {float: left !important;; width: 100% !important;; background-color: black !important; display: block !important;}

.fastLinks,article div, .fadeIt {opacity: 0;}
div.numberBox {position: relative; background-image: url(/files/numberBox.svg); background-repeat: no-repeat; background-position: center center; float: left; width: 100%; height: 55px; margin-bottom: 10px;}
div.numberBox div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: white; font-size: 26pt;}


/*div.ThreeBox:hover {border-bottom: 10px solid #bd0808; border-top: 1px solid #bd0808;}*/
img.pp {width: 100px; float: none;}

table.table {margin: 15px 0; float: left; width: 100%;  }

.table td, .table td a {
    font-size: 10pt;
    vertical-align: middle;
}

.table td , .table th{
    padding: 3px 10px;
}

.table .thead-dark th, div.tablesorter-header-inner {
    color: #aaa;
    background: none;
    border-color: #ddd;
    font-weight: normal;
    font-size: 9pt;
    border-top: 0;
    border-top: 0;
}

.table .thead-dark th div {
    color: #aaa;
    background: none;
    border-color: #ddd;
    font-size: 9pt;
}

.table-sm tr td {
    font-size: 9pt;
}

@media only screen and (max-width: 1024px) { 
	h1 {padding-left: 0; text-align: center;}
}
@media only screen and (max-width: 1023px) {
.td_body47 p {width: auto; float: none; padding: 0;}
table.threeSteps {width: 100%;}
.redPart1 img.skipStyle {display: none;}
table.table-corners {width: 100%;}
iframe {width: 100%;border: 0px solid #ddd; overflow: hidden;}
ul {margin-bottom: 25px;} 
div.ThreeBoxCollect {padding: 0; padding-bottom: 25px;}
div.ThreeBox {padding: 10px;}
div.td_body img {max-width: 100%;}
.bBox .bHeader {font-size: 12pt;}
h1 {margin-top: 0px;}
.td_body111 table,  .td_body111 table td {width: 100% !important; float: left; height: auto! important;}

}

@media only screen 
and (min-device-width : 200px) 
and (max-device-width : 700px) 
and (orientation : portrait) {  
    ul {float: left; width: 100%;}
    p, ul {text-align: left;} 
    .studiaBox a span {text-align: left;}
    a, td, p, li, ul, table, body, div, span, h1, h2, h3, h4, h5, header,footer, input, select, textarea {    font-size: 10pt; }
    h1 {margin-bottom: 0px; padding: 0; text-align: center; font-size: 16pt;}
    h2 {float: left; width: 100%; font-size: 14pt;}
    h3 {float: left; width: 100%;}
    .td_body ul {margin-bottom: 10px;}
    .redPart1 img.skipStyle {display: block;}
    h1.product-header, h1.product-header span {  font-size: 30pt;}
    .td_form {width: 100%; float: left;}
    .bBox {width: 100%; padding: 0;}
    .td_body .textImg {margin: 10px 60px;; width: calc(100% - 120px);}
    .td_body1 {padding: 15px;}
    .td_body107 {padding: 0 15px;}
    .itemdescription {    float: left;    width: 100%;    padding-left: 0px;}
    .specTable tr td:first-child {    width: 50%;    font-weight: bold;}
    .centerAll img { width: 100%;
        margin: 25px 0;
        float: left;
    }
    ul {columns: 1;	-webkit-columns: 1;	-moz-columns: 1;}
    img.imgFloatLeft33, img.imgFloatRight33 {width: 100%; margin: 25px 0;}

    nav.navbar-new a.dropdown-item.dropdown-item-graphic.w-33 {
        width: 100% !important;
      }
      a.w-33.dropdown-item.float-left.dropdown-item-graphic .menu-img{
        display: block;
      }
      a.w-33.dropdown-item.float-left.dropdown-item-graphic .menu-body{
        display: block; height: auto;
      }
      a.w-33.dropdown-item.float-left.dropdown-item-graphic .menu-header{
        text-align: center;
      }
}


/*body.mce-content-body {background-color: black;}*/