/* CSS Document */





div.form
{
  text-align:center;
  padding:10px;

  overflow:hidden; 
  position:relative;
  z-index:210;

  display:none;
  background-color:#CDE0FF;
  border:1px solid #6C93B3;
  width:520px;
  margin 0 0 0 0;
  border-radius: 5px;

  min-height:460px;

}


div.form h1
{
  color:#5889B3;
  margin:0 0 15px 0;

  font:bold 18px verdana, tahoma, arial;
  text-align:left;
  border-bottom:1px solid #82B5D4;
}


a.smajl, span.smajl
{

  text-decoration:none;
  background-image:url('../soubory/img/smajl.png');
  background-repeat:no-repeat;
  display:inline-block;
  width:19px;
  height:19px;
}

a.smajl:hover, span.smajl
{
  background-position:0 -20px;
}


img.modal-pozadi
{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:auto;
  z-index:200;
}


/* -- MENU -- */

div.ticket-menu
{
  width:490px;
  margin:10px 0 0 0;
  text-align:right;
  position:relative;
  z-index:210;
}

div.ticket-menu button
{
  border:1px solid #BDD1F8;
  border-bottom:none;
  background-color:#eee;
  margin:0 0 0 5px;
  color:#6D84F8;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-top-right-radius:5px;
  border-top-right-radius: 5px;
}

div.ticket-menu button:hover
{
  cursor:pointer;
  background-color:#D6E2FF;;
  color:#666;
}

div.ticket-menu input
{
  border:1px solid #ddd;
  background-color:#eee;
  margin:0 5px 0 5px;
  color:#ddd;
}






/* ----  TLACITKA DOLE  ---- */
div.ticket-tlacitka
{
  margin:15px 0 0 0;
  text-align:right;
  width:470px;
}

div.ticket-tlacitka button, div.ticket-tlacitka a
{
  display:inline-block;
  border:1px solid #ABC7F0;
  background-color:#eee;
  padding:4px 6px 3px 6px;
  cursor:pointer;
  color:#666;
  font:normal 12px verdana, tahoma, arial;
  text-decoration:none;
  margin:0 0 5px 5px;
}

div.ticket-tlacitka input
{
  border:1px solid #ccc;
  background-color:#eee;
  margin:0 5px 0 5px;
  color:#ccc;
  display:inline-block;
  padding:4px 6px 3px 6px;
  cursor:pointer;
  font:normal 12px verdana, tahoma, arial;

}





/*  ----  Table FORMULAR -----  */

table.formular, table.formular-cteni
{
  font:normal 12px verdana, tahoma, arial;
  width:480px;
}

table.formular th, table.formular-cteni th
{
  color:#666;
  font:normal 11px verdana, tahoma, arial;
  text-align:left;
  padding-top:4px;
}

table.formular input[type=text], table.formular select, table.formular textarea
{
  width:220px;
  border:1px solid #ABC7F0;
  font:bold 12px verdana, tahoma, arial;
  color:#777;
}

table.formular input[type=submit]
{
  display:inline-block;
  padding:2px 6px 2px 6px;
  border-radius:5px;
  border:1px solid;
  border-color: #CFDDF9 #8CA5D2 #7E8CD6 #BAD6F9;
  background:linear-gradient(175deg,#B5D9FF 0%, #99BFFF 100%);
  font:bold 12px tahoma, verdana, arial;
  text-decoration:none;
  box-shadow:0px 0px 2px 0px rgba(30, 30, 30, 0.8);
  color:#243E8F;
  float:right;
  cursor:pointer;
  margin-right:2px;
}

table.formular input[type=submit]:hover
{
    background:linear-gradient(175deg,#FFDDAB 0%, #FFBD8E 100%);
    color:#6D3400;
    box-shadow:0px 0px 2px 0px rgba(178, 102, 0, 0.8);
}


table.formular input.submit-zamitnout
{
  width:120px;
  color:#DC5354;
  background-color:#eee;
}

table.formular input.submit-zamitnout:hover
{
  color:#eee;
  background-color:#DC5354;
  cursor:pointer;
}


option
{
  font:bold 12px verdana, tahoma, arial;
  color:#999;
}

optgroup
{
  font:normal 11px verdana, tahoma, arial;
  color:#bbb;
}


select.select-ikony option
{
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:20px;
}






table.formular hr
{
  color:#ABC7F0;
}


table.formular-cteni td
{
  border:1px solid #ABC7F0;
  width:220px;
  background-color:white;
  font:bold 12px verdana, tahoma, arial;
  color:#777;
  padding:4px;
}

table.formular-cteni th.mezera
{
  width:10px;
  border:none;
}


table.formular-cteni td.ticket-id
{
  font-size:18px;
  text-align:right;
}



table.formular textarea.form-odpoved-ois
{
  width:480px;
  height:70px;
}

table.formular textarea.form-odpoved
{
  width:480px;
  height:110px;
}

table.formular .form-odsazeni
{
  width:350px;
}






table.formular-multi
{
  widtH:480px;
}

table.formular-multi td
{
  border:1px solid #ABC7f0;
  background-color:white;
  font:bold 12px verdana, tahoma, arial;
  color:#777;
  padding:4px;
  border-spacing:0px 4px 0 0;
}



input.frm-btn-soft
{
  width:190px;
  font-weight:bold;
  background-color:#fafafa;
  text-align:left;
  color:#777;
  border:1px solid #aaa;
  margin:2px;
  padding:2px;
}

input.frm-btn-x
{
  width:20px;
  text-align:center;
  color:#999;
}











/* == TLACITKA Tikcet rozcestnik == */

a.tck-rozcestnik
{
  background-color:#354A95;
  color:white;
  display:inline-block;
  width:460px;
  height:90px;
  text-align:center;
  text-decoration:none;
  transition: background-color 0.1s, width 0.1s, font-size 0.1s;
  font-size:18px;
}

a.tck-rozcestnik:hover
{
  background-color:#F59000;
  width:490px;  
  font-size:20px;
}

a.tck-rozcestnik div
{
  font-weight:bold;
  color:white;
  padding-top:33px;
}

a.tck-rozcestnik span
{
  font-size:16px;
}

/* --- STAVY --- */

span.frm-stav
{

  padding:3px 4px 4px 4px;
  border-radius: 3px;
  font:bold 14px verdana, tahoma, arial;
}




/*

   ---  HISTORIE ---

*/

div.tlacitka
{
  width:480px;
  text-align:left;
  margin-top:10px;
}

input.historie
{
  border:1px solid #ddd;
  background-color:white;
  color:#777;
}

div.historie
{

  padding:10px;
  overflow:hidden; 
  position:relative;
  z-index:210;
  background-color:#CDE0FF;
  border:1px solid #ABC7F0;
  width:520px;
  margin 0 0 0 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  min-height:460px;
  display:none;
  text-align:left;
  font:normal 12px verdana, tahoma, arial;
  line-height:1.8;
}

.historie  span
{
  font:bold 11px verdana, tahoma, arial;
  padding:2px 3px 3px 3px;
}



/*

  --- ZMENA HESLA ---

*/

div#zmena-hesla
{
  display:block;
  width:350px;
  min-height:200px;
  background:white url('../soubory/img/zmena-hesla-bg.png') center bottom no-repeat;

}

table.zmena-hesla
{
  font:normal 12px tahoma, verdana, arial;
  width:220px;
  height:130px;
  background-color:rgba(230,230,230,.6);
  border:1px solid #ccc;
  margin:10px 0 0 0;
}

div#zmena-hesla h1
{
  font:bold 16px verdana, tahoma, arial;
  margin:10px 0 0 0;
}

table.zmena-hesla th
{
  text-align:right;
  font-size:11px;
}

table.zmena-hesla input
{
  width:120px;
  border:1px solid #ccc;
}

div.zmena-hesla-chyby
{
  text-align:center;
  font:normal 10px vtahoma, verdana, arial;
  color:red;
  position:relative;
  z-index:210;
  background-color:#FFFFB2;
  border:1px solid #D5CE00;
  width:370px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top:10px;
}