@import "../color.css";
@import "../qmenu.css";
@import "../calendar.css";

/* BODY */

p,span,body, input, select, table, textarea, button, .button, .buttonVrade, pre {font-family:Tahoma; font-size:13px; margin-top:2px; margin-bottom:2px;}
p,span {font-size:10pt; text-align:justify}
p {margin-bottom:20px; margin-bottom:20px; }
a {font-weight:normal; font-style:normal; text-decoration:underline;}
/*body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11pt;}*/
body {border:0px; margin:0px; padding:0px 10px 0px 10px;}
fieldset { margin:0px; padding:0px 10px 0px 10px;}

hr {visibility:hidden;}
.NOs {display:none;}
.NOps {display:none;}
.odradkuj {page-break-before:always;}

/* NEWS */
.news { border:4px solid silver; margin-top:25pt;
    -webkit-border-radius: 10px;
    border-radius: 10px; } 

/* MENU */

.qmenufix {top:0; left:0; width:100%; position:fixed; z-index:1030; }
#main {margin:20pt;width:700px; }
#shadow {position:absolute; top:32px; left:130px;z-index:5;
       	width:670px; height:8px;height:15px;margin:0px; padding:0px; border:0px;}

/* FOOTER */
#footer {clear:both; text-align:center; font-size:9pt; }
/*#footer {position:relative; left:-139px;z-index:20;}*/
#footer {margin-top:20px; width:100%; height:30pt; padding:5px; border-top:1px solid black; }


/* LINKY */
a img    { border: 2px solid indigo;} /* finta na IE */
a img:hover    {border: 2px solid red}
.hmenuJa img:hover {border: none;}

/* NADPISY */
h1, h2, h3  {clear:both;}
h1 {font-size:18pt;font-weight: bold; font-style: italic;margin-top:20px; text-indent: 10px; }
h2 {font-size:14pt;font-weight: bold; margin-top:20px;margin-bottom:10px; text-indent: 20px; line-height: 28pt;}
h3 {font-size:11pt;font-weight: bold; padding-top:6px; margin-top:10px;margin-bottom:5px; text-indent: 30px;}
.nadh2 {clear:both; height:100px;}

.velke {font-size:26px;}
.velke20 {font-size:20px;}

/* IMAGE */
img {margin:3px; margin-left:0px; margin-right:10px; }
.mimg {margin:10px; margin-left:0px; margin-right:20px; float:left; text-align:center; }
.img200 img {margin:12px; margin-left:0px;float:left; text-align:center; width:200px; height:200px;}
/*.imgS200 img {margin:12px; margin-left:0px;float:left; text-align:center; height:260px;} */
.galery {margin:6px; margin-left:0px;float:left; text-align:center; text-decoration:none; width:200px; height:250px;}
.latky {margin-bottom:30px; float:left; text-align:center; text-decoration:none; font-size:15px;}
.latkyV {margin:20px; vertical-align:top; text-align:center; text-decoration:none; font-size:15px;}

/* zarovnani */
.Acenter {text-align:center;}
.Aright {text-align:right;}

#search {position:absolute; top:50px; left:600px;z-index:15;}
#search {visibility:hidden !important;}
#w3c {z-index:20; visibility:hidden !important; }


.ok, .error {margin-top:5pt; padding:2pt; padding-left:10pt; padding-right:10pt; font:italic bold 20px/2 Arial;}

/* vWS.css */


hr {visibility:visible;}
h1 {text-align: center;}
.h1_ {font-size:100%;}
.user {position: absolute; top:0px; right:20px;z-index:20;}

.row, #funkceT {position:relative;clear:left;}
input, select, textarea,  .readonly {margin-left:4px; margin-right:4px; padding-left:2px; padding-right:2px; }
button, .button, .buttonVrade  {padding: 2px; margin-left:5px; margin-right:4px; padding-left:10px; padding-right:10px; -webkit-border-radius: 4px;border-radius: 4px;}
a.button {text-decoration: none;}
a.button:link {text-decoration: none;}
a.button:visited {text-decoration: none;}
a.button:active {text-decoration: none;}
a.button:hover {text-decoration: none;}

select { padding-right:0px;}
.readonly {border: none; padding-left:4px; padding-right:4px;}
.inp, .inpl, .inplh, .inpls, .inplo, .inp30, .inp40, .zamerObr {float:left; margin-top:2px; margin-bottom:2px;}
/*.inpl {width:7em;}*/
.buttonVrade {margin-left:0px !important;margin-right:20px !important;}
.inpl {width:140px;}
.inplh {width:70px;}
.inpls {width:230px;}
.inplo {width:17em;}
.inp30 {width:22em;}
.inp40 {width:30em;}
.inparea {padding: 15px;}
.inp1 {position: absolute; left: 250px; }
#funkce, #funkceH, #buttons { padding-top:0px; padding-bottom:0px;margin-top:10px; margin-bottom:10px;}
#content { padding-top:0px; padding-bottom:0px;margin-top:10px; margin-bottom:10px;}
.fgroup { padding-top:0px; padding-bottom:0px;margin-top:10px; margin-bottom:10px;}
.wgroup { padding-top:0px; padding-bottom:0px;margin-top:10px; margin-bottom:10px;}
.cgroup {margin-top:10px; margin-bottom:60px;}
.zgroup { padding-top:0px; padding-bottom:10px;}
p,span { padding:0pt; margin-bottom:7pt; margin-top:7pt;}
.odkaz {text-decoration:underline;Cursor:pointer;}
.cis { padding:2px;}
.vyroba { padding-top:10px; padding-bottom:10px;margin-top:10px; margin-bottom:10px;}
.zamerObr {width:50px; height:20px; border: 1px dashed gray }

/* tabulka */
#polozky {width:100%; margin-bottom:40px; }
.tabulka {margin-left: 0px; margin-right: auto;margin-bottom: 10px;}
.tabulka {border-collapse: collapse; border-style:outset; border-width:2px;}
.tabulka th {padding-top:5px;padding-bottom:2px;text-align:center;}
.tabulka td {text-align:right;padding:2px; padding-left:6px; padding-right:6px;white-space:nowrap;}
.foot {padding-top:5px;padding-bottom:2px;font-weight:bold;}
.tdwrap {white-space:normal !important;}
.tdcenter {text-align:center;}
.tdleft {text-align:left !important;}
.tFunkce {padding:0px; width:20px; text-align:center;}
thead {display: table-header-group;}
.tRididlo th {font-weight:normal;}
.tRididloL {padding-right:20px;padding-left:20px;}
.tRididloP {text-align:center;display:inline-block; width:50%;}
.tabWrap td {white-space:normal;}
table .header-fixed-rididlo { position: fixed;
  top: 40px;
  /*left: 0;*/
  /*right: 0;*/
  z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
  border-bottom: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}
table .header-fixed { position: fixed;
  top: 0px;
  /*left: 0;*/
  /*right: 0;*/
  z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
  border-bottom: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

/*ohead*/
/* navigace */
.navigace, .navigaceA {font-size: 10pt; font-style:italic; margin-top:0px; padding-top:0px;}
a.navigaceA {text-decoration: none;}
a.navigaceA:link {text-decoration: none;}
a.navigaceA:visited {text-decoration: none;}
a.navigaceA:active {text-decoration: none;}
a.navigaceA:hover {text-decoration: underline;}
/* MENU */
#logo {position:absolute; height:36px; top:-10px; left:3px;border:0px;z-index:12;}
#oheader {height:44px; border:0; padding:0;}

#dealer {position:absolute; left:150px; top:-2px;z-index:1;}
#dealer {font-size:16pt; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-weight:bold;}
/*#ohmenu {position:absolute; left:0px; top:26px;z-index:11;width:860px;}*/
#ohmenu {position:absolute; left:0px; top:26px;z-index:1;width:960px;}


/*#hmenuRo {padding-left:0px;padding-right:0px;width:145px;}*/
#hmenuRo {padding-left:0px;padding-right:0px;width:0px;}
#prehled {padding-left:2px;padding-right:2px;}

#shadow {position:absolute; top:42px; left:0px;z-index:5;
	        width:970px; height:8px;height:15px;margin:0px; padding:0px; border:0px;}
#shadow {visibility:hidden}

span.autoTooltip { border-bottom:1px dotted #000000; font-weight:bold !important; }
th.autoTooltipx { background: url("pictures/bulletB.gif") no-repeat !important; font-weight:bold !important; }
th.toolTip { background: url(pictures/bulletB.gif) no-repeat; }
th.toolTipPin { background:gainsboro url(pictures/pinY.gif) no-repeat; background-position: right top; }

.rotace { writing-mode:sideways-lr; }
// span.rotace { transform:rotate(-90deg); -moz-transform: rotate(-90deg); }

/* FRM */
.InputRow {text-align:center;}
.InputRow td {padding-left:0px;padding-right:0px;text-align:center;}
.InpRButton {width:90%;letter-spacing:3px;font-weight:bold; -webkit-border-radius: 10px;border-radius: 10px;}
.WideButton {width:90%;letter-spacing:10px;font-weight:bold; -webkit-border-radius: 10px;border-radius: 10px;}
.CK {font-family: "IDAutomationHC39M"; font-size:20px; float:right; margin:5px;}
.CKv {font-family: "IDAutomationHC39M"; font-size:42px; float:right; margin:5px;}
.zBarva {width:30px;padding-left:0px;padding-right:0px;}

.prilozeneSoubory {margin-right:10px;margin-bottom:10px;padding:10px;padding-top:5px;}
/* Vyber typu WWW */
.vyberTypu {padding: 10px 10px 10px 10px; font-size:90%;margin:20px; padding:8px;float:left; border:1px solid silver;width:600px;}
.ramecek {margin:8px; padding:8px; border:1px solid silver;min-width:100px}
.inputTyp {margin:12px; padding:10px;}

/* login */
#prihlasit {border:1px solid black; padding:20px; padding-top:5px;}

.zoomKimg {margin:10px; width:150px; height:150px;}
.zoomKcube {float:left; text-align:center; width:170px; height:220px;border: 1px solid black;margin: 5px;padding:5px;}
.zoomKkod {font-size:120%;font-weight:bold;}
.zoomKdesc {font-size:100%;}

/* th { font-size:80%; } */
  
  /* LOADING SPINNER */
  .loader-ploty {
      border: 6px solid #f3f3f3;
      border-radius: 50%;
      border-top: 6px solid #112747;
      width: 50px;
      height: 50px;
      -webkit-animation: spin 1s linear infinite; /* Safari */
      animation: spin 1s linear infinite;
      margin: 50vh auto;
  }
  .cover-ploty {
      border-radius: 0px;
      background-color: rgba(0,0,0,0.3);
      width: 100%;
      height: 100vh;
      display: none;
      position: fixed;
      z-index: 999;
      overflow: show;
      margin: auto;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
  }
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }