/* CSS Document */


table.napoveda-priklad
{
  width:670px;
  page-break-inside:avoid;
}

table.napoveda-priklad th
{
  color:white;
  overflow:auto;
}

table.napoveda-priklad th.ne
{
  background-color:#DF0000;

}

table.napoveda-priklad th.ano
{
  background-color:green;
  width:332px;
}

table.napoveda-priklad td
{
  vertical-align:top;
  overflow:hidden;
}

table.napoveda-priklad td.ne
{
  border:2px solid #df0000;
  background-color:#ffeeee;
}

table.napoveda-priklad td.ano
{
  border:2px solid green;
  background-color:#eeffee;
}

table.napoveda-priklad td p
{
  width:454px;
  text-align:left;
  font-size:14px;
  margin:4px;
}

table.napoveda-priklad span
{
  font-size:11px;
  font-weight:bold;
  margin:4px 0 0 4px;
}

table.napoveda-priklad td.vysvetlivky
{
  border:1px solid #000080;
  background-color:#6060c0;
  color:white;
  padding:4px;
}

xmp
{
  font:bold 14px verdana, tahoma, arial;
  color:white;
  vertical-align:top;
  margin:0 0 0 0;
}


div.napoveda-jmeno
{
  background-color:#083C75;
  width:900px;
  padding:10px;
  background-image:url('../soubory/img/header_bg.gif');
  background-position:left top;
  background-repeat:repeat-y;
  -moz-border-radius:8px;
  border-radius:8px;
}

input.napoveda-jmeno, select.napoveda-jmeno
{
  border:1px solid #ccc;
  width:220px;
  font:bold 18px tahoma, verdana, arial;
  color:#444;
  padding:4px;
  -moz-border-radius:2px;
  border-radius:2px;
  background-repeat:no-repeat;
  background-position:left center;
  height:34px;
}

input.napoveda-submit
{
  border:1px solid #ccc;
  font:bold 14px verdana, tahoma, arial;
  padding:2px;
  -moz-border-radius:4px;
  border-radius:4px;
}


hr.napoveda
{
  width:670px;
  color:#ccc;
  height:1px;
}




/* --- DIV FORM --- */

div.form
{
  display:none;
  background-color:#CDE0FF;
  border:1px solid #ABC7F0;
  width:520px;
  margin 0 0 0 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  min-height:460px;
}


/*  ----  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, table.formular select, table.formular textarea
{
  width:220px;
  border:1px solid #ABC7F0;
  font:bold 12px verdana, tahoma, arial;
  color:#777;
}

table.formular input.submit
{
  width:70px;
  color:#777;
  background-color:#eee;
}

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

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;
}


table.formular hr
{
  color:#ABC7F0;
}




/* --- Napoveda --- */

div#panel-napoveda-rozcestnik
{
  min-height:350px;
  background-image:url('../soubory/img/pozadi-napoveda.png');
  background-position:right bottom;
  background-repeat:no-repeat;
}


div.hp-nap p
{
  text-align:justify;
  width:950px;
} 

div.napoveda h2
{
  font-size:22px;
  color:#5889B3;
  border-bottom:1px solid #5889B3;
  text-align:left;
}






/* --- ROZCESTNIK --- */

div.nap-rozcestnik
{
  width:700px;
  text-align:left;
  margin:20px 50px 30px 20px;
  font:normal 14px verdana,tahoma,arial;
  float:left;
}

div.nap-rozcestnik a
{
  display:block;
  font:normal 18px verdana, tahoma, arial;
  text-decoration:none;
  color:#1D4EA0;
  margin-left:40px;
  width:620px;
  padding:2px;
}

div.nap-rozcestnik a:hover
{
  background-color:#FFFFCB;
}

div.nap-rozcestnik span
{
  font:normal 12px verdana,tahoma,arial;
  color:black;
}


div.nap-rozcestnik h2
{
  width:auto;
}




div.napoveda
{
  width:auto;
  margin:10px;
  font-size:16px;
}

div.napoveda h1
{
  text-align:center;
}

div.napoveda p, div.napoveda ul, div.napoveda h2
{
  width:auto;
  margin-left:40px;
  margin-right:40px;
}

div.napoveda li
{
    margin-left:60px;
    padding-left:5px;
}