html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0; 	outline: 0; vertical-align: baseline;}
:focus {	outline: 0; }

ol, ul {list-style: none;}
a {text-decoration:none}

.clear{clear:both}
/* ::-webkit-scrollbar { display: none; } */
/* body, html {height:100%;} */
/*html{-webkit-text-size-adjust: none;}*/ /*stop font resizse ios - better to have thin in media queries*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}





body {
  background-color: #fafcff;
  font-family: 'Work Sans', sans-serif;
  font-weight: 500;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  color: #505a69;
  line-height: 1.6em;

}
body.publish_preview {
	background-color: #fff;
}
h1{font-size:20px;}
.boldfont {font-weight:700}
.darkfont {color:#283241}
.bluefont {color:#00b4ff}

/* #toolbar {position:fixed; top:33px; left:0; height:100%; width:89px} */
/*
.toolbar-icon {display:block; float:none; clear:both; margin-bottom:46px; margin-left:20px; cursor: pointer;}
.toolbar-add {margin-bottom:38px}
.toolbar-bin {position:absolute; bottom:70px}
*/

.faktura-cont {width:725px; height:auto; border:1px solid #dee4ec; margin-left:90px; margin-top:20px; margin-bottom: 80px;background-color:#fdfdff;float:left; border-radius: 2px;  -webkit-border-radius: 2px; -moz-border-radius:2px;}
.faktura {width:635px; height:100%; margin:30px 40px; float:left}
.fak-header {width:100%; height:50px}
.head-left {width:354px; position: relative; float:left}
.head-right {width:275px; position: relative; float:left;}

#list-but {z-index:2; position:absolute; display:block; top:6px; left:-23px; cursor: pointer;}
#list-dialog {z-index:2;display:none; width:300px; height:auto; position:absolute; border:1px solid #dee4ec; background-color:white; left: -7px; top: -3px; line-height: 29px; padding: 20px 20px 24px 26px;  box-sizing: border-box;
-webkit-box-shadow: 0px 7px 37px -9px rgba(0,0,0,0.32);
-moz-box-shadow: 0px 7px 37px -9px rgba(0,0,0,0.32);
box-shadow: 0px 7px 37px -9px rgba(0,0,0,0.32);}
.escape-area {z-index:1; position:fixed; top:0; left:0; width:100%; height:100%;}
.titlecell {height: 22px;color:#96a0af; width:132px; height:20px; float:left; /*background-color:#b7b7b7;*/}
.head-right .titlecell {width:70px}
.head-right #headtitle15, .head-right #headtitle16 {width:70px}
.headselect {width:200px; font-weight: 600;}
.fak-num-title {width:132px; float: left; font-size:20px; padding-top: 3px; color:#96a0af; /*background-color:#b7b7b7; */}
.fak-num {float: left; font-size:20px; /*background-color:#9f9f9f*/}
.inputcell {float:left; height:22px;  /*background-color:#9f9f9f;*/}

.separator1 {width:100%; height:8px;float:left}
.separator2 {width:100%; height:30px;float:left}

.fak-body{width:100%; height:auto; float: left; margin-top: 26px; }
.nadpisypolozek{position: relative; width:100%; height:37px;  margin-top: 26px; font-size:12px; border-bottom:1px dashed #dee4ec;}
.nadpispolozky{/*background-color:#F1F1F1; */ font-family: 'Work Sans', sans-serif; font-weight: 600; color:#96a0af}
.nadpispolozky1{width:355px; float:left}
.nadpispolozky2{width:90px; float:left}
.nadpispolozky3{width:100px; float:left}
.nadpispolozky4{width:auto; float:right}

.open-naklady {position:absolute; top:0px; right:-38px; cursor: pointer; z-index:10}

.polozky{width:100%; height:auto;}
.polozka{width:100%; height:auto; padding:10px 0 36px 0; font-size:12px; border-bottom:1px dashed #dee4ec; position:relative}
.polozka:hover{border-bottom:1px dashed #00c0ff;}
.polozka:last-child{border-bottom:1px solid #96a0af;}
.polozka:last-child:hover{border-bottom:1px solid #96a0af;}
.polozka-cell{font-family: 'Work Sans', sans-serif; font-weight: 600; font-size:15px; /*background-color:#F1F1F1;*/}
.nazevpolozky{width:355px; float:left}
.sazba {width:90px; float:left; color:#96a0af}
.pocet{width:100px; float:left; color:#96a0af;}
.cena {width:auto; float:right}

.nazevpolozky input[type=text]{width:290px; font-weight: 500;} .nazevpolozky input[type=text]:hover {border:none}
.sazba input[type=text]{width:60px; color:#505a69} /*.sazba input:focus { color: #00c0ff }*/ .sazba input[type=text]:hover {border:none}
.dph-procent input[type=text]{width:20px; color:#00C0FF} .dph-procent input:focus { color: #00c0ff } .dph-procent input[type=text]:hover {border:none}
.pocet input[type=text]{width:30px; color:#505a69;  text-align:right}  .pocet input[type=text]:hover {border:none}
.cena input[type=text]{width:88px; text-align:right} .cena input[type=text]:hover {border:none}

.plus-polozka {display:none; position:absolute; left: 47%; bottom: -14px; cursor: pointer; z-index: 10;}
.close-polozka {position:absolute; display:none; left:-39px; bottom: 3px; cursor: pointer; z-index: 10;}

.signature {position:relative; width:356px; height:100px; /*border:1px solid grey;*/ float:left; margin-top:20px}
.signature-upload { width:254px; margin-top:56px;  font-size:16px; padding-left: 32px; padding-bottom: 10px; border-bottom:4px #dee4ec; border-style: double;color: #00c0ff; font-weight: 500;}
.signature-close {position:absolute; left:-5px; margin-top:60px;cursor: pointer;}

.sums {font-weight: 600;position:relative; width:278px; height:90px; float:left; margin-top:20px; border-bottom:3px solid #3c4655}
.sum-cell { width:200px;float:left;  margin-bottom: 5px;}

.sum-value {float:right}
.dph-procent {color:#00c0ff; margin-left:10px}

.fak-foot {width:100%; height:auto; float:left; margin-top:183px;}
.fak-foot-left {width:180px; height:auto; float:left;}
.fak-foot-right {width:265px; height:auto; float:left; margin-left: 181px;}
.fak-foot-bottom {color:#96a0af; font-size:12px; margin-top:16px}
#footinput3 {width:100%;}
.wideinput {width:100%}

/* naklady */

/* .rightside {position:fixed; top:20px; left:810px; width:438px; height:800px} */
.rightside-naklady {display:none;position:absolute;background-color: #eff1f3; top:20px; left:817px; width:438px; height:autopx; z-index:3}
.cake{ width:100%; text-align:center}

.zisky{position:absolute; top:87px; left:150px; z-index:1; height:120px; width:120px; }
.hruby-zisk{color:#00c0ff; font-weight:600;}
.all-naklady {border-bottom:1px #96a0af solid; padding-bottom:13px; color:#505a69; font-weight:600; line-height:15px}
.cisty-zisk { margin-top:8px; font-weight:600;}
.napis-zisk {font-size:14px; line-height:22px;}
.cisty-zisk, .napis-zisk{color:#00c0ff  }




.naklady{ width:100%; height:auto;position:absolute;left:0; top:319px; }
.naklady-header{width:100%; height:37px; border-bottom: 1px dashed #c3cad5;}
.naklady-header h1 {font-size:20px; font-weight:400; margin-left: 183px;}

.naklad{width:100%; height:47px; border-bottom: 1px dashed #c3cad5;background-color: #eff1f3;}









/*bankbook*/

.bankbook {margin-top:31px; color:#6e7887;}
.bookcount-title{text-align:center}
.bookcount-num {color:#00c0ff}


/* stylování menu grafu je katastrofa */
/*
.grafmenu {position:relative; margin:50px auto 20px;  padding: 10px 10px 15px 56px; width:334px; height: 25px;}
.grafmenu li{float:left; margin:0 20px; font-size:13px; font-weight:600}
.grafmenu li:hover {color:#283241; cursor:pointer}

.grafmenu-active1 {display:none; position:absolute; top:12px; left:60px; z-index:-1}
.grafmenu-active2 {position:absolute; top:12px; left:152px; z-index:-1}
.grafmenu-active3 {display:none; position:absolute; top:12px; left:251px; z-index:-1}
*/
/* .graf-splatnost { margin-left: 56px;} */

.graf-srovnani {display:none; }
.graf-dph {display:none; }

/*intro*/

.intro-bg {width:100%; height:100%; background-color:#00c0ff}
.intro-cont{width:87%; height:500px; margin:0 auto; color:white;}
.intro-head{height:60px; widht:100%; border-bottom:1px dashed #dee4ec}
.intro-head a {color:white}
.intro-head a:hover{color:#D0F3FF}
.intro-menu{float:right; font-weight:600; color:white}
.intro-menu li{float:right; margin-left:69px; margin-top: 15px;}
.intro-body{width:100%; height:400px;border-bottom:1px dashed #dee4ec }
.intro-body-left{width:600px; float:left}
.intro-body-left h1{font-size:65px; font-weight:700; padding-top: 50px; float:left}
.intro-body-left h2{font-size:71px; font-weight:300;   margin-top: 1px; line-height: 65px;}
.intro-body-left .original{font-size:14px; float:left; float:none; padding-top: 70px;}

.intro-body-right {width:342px; height:300px; float:right; margin-top:64px}
.intro-body-right h3{font-size:22px; font-weight:400; float:left}
.prihlasit-se-icon {float:right; margin-top:-17px;}
.help-text1 {color:#0078b4; text-align:center; margin:5px auto; display:block}
.help-text1:hover{text-decoration:underline}

.intro-foot{width:100%; font-size:13px; padding-top:10px;}
.intro-foot p{float:left}
.o-podminky {float:right; display:block}

/* MEDIA */


@media all and (max-width: 1100px) {
  .intro-bg { height:200%;}
  .intro-body{ border:none}
  .intro-body-right {float:left;}
  .intro-body-left{width:100%;border-bottom:1px dashed #dee4ec; padding-bottom:30px}
  .intro-foot{display:none}
  }

  
  
  
  
  
  
  
  .miwo-viewport {
    display: none !important;
  }