html, body, form { 
	margin: 0px; padding: 0px;
}

body { 
  margin:0; padding:0; padding-bottom:20px;
  text-align:center;
  background-color: rgb(0,66,106); color:#000;
  line-height: 150%; font: bold 12px Verdana;
}
div, p, li, td{
  line-height: 170%; font-size: 12px;
}
td { empty-cells: show; }

a { color: black; text-decoration: none;}
a:hover { text-decoration: underline; }

h1, h2, h3 { padding: 0; margin: 0; letter-spacing: 1px; word-spacing: 1px; }
h1 { font-size: 200%; }
h2 { font-size: 12px; color: rgb(240,120,0);}
h3 { padding: 5px;}
h4 { font-weight: bold; font-size: 16px; word-spacing: 1px; letter-spacing: 1px; }
h5 { font-weight: bold; font-size: 14px; word-spacing: 1px; letter-spacing: 1px; color: rgb(0,66,106); margin-bottom: 5px; }

div.page {
  position: relative; width: 800px;
  text-align:left;
  margin: 0 auto; padding: 0;
  background-color: rgb(255,240,205);
}

div.pageName {
  background-color: rgb(235,220,185); color: rgb(0,66,106); font-weight: bold; padding-left: 10px; line-height: 200%;
}
div.left{ padding-right: 10px;}
div.center { width: 100%;}
div.center p {text-align: justify;}
div.right{
  width: 150px; text-align: left; padding: 10px 10px 10px 0px;
}
div.right a { letter-spacing: normal; font-weight: normal; color: rgb(0,66,106);; }

div.top {}

div.bottom { height: 25px;
  position: relative; margin: 0px; padding: 3px 3px 0 10px;
  background: rgb(149,180,0); color: rgb(0,66,106); font-size:10px; font-weight: normal;
}
div.bottom .roh { 
	position: absolute; bottom: 0px; background-color: rgb(0,66,106);
}

div.textOranz { border-bottom: 1px solid rgb(240,120,0); padding-top: 5px; }
span.textOranz, span.textOranz a { color: rgb(240,120,0); font-weight: bold; letter-spacing: 1px;}
span.textOranz a { color: rgb(240,120,0); text-decoration: underline; }

div.textModra { border-bottom: 1px solid rgb(0,66,106); padding-top: 5px; }
span.textModra, span.textModra a { color: rgb(0,66,106); font-weight: bold; letter-spacing: 1px;}
span.textModra a { text-decoration: underline; }

div.textZelena { border-bottom: 1px solid #95B400; padding-top: 5px; }
span.textZelena, span.textZelena a { color: #95B400; font-weight: bold; letter-spacing: 1px;}
span.textZelena a { text-decoration: underline; }

span.textBlack, span.textBlack a { color: black; font-weight: bold; letter-spacing: 1px;}
span.textBlack a { text-decoration: underline; }

span.textSeda, span.textSeda a { color: #AAA; font-size: 10px; ffont-weight: bold; letter-spacing: 1px;}
span.textSeda a { text-decoration: underline; }

/**************** TOP MENU, TOP SUBMENU ****************/
div.menu_top {
  position: absolute;
  top: 150px; left: 0px; width: 100%;
}

div.logout {
  float: left;
  position: absolute; top: -3px; right:0px;
}
div.logout a {font-size: 12px;}
div.logout a:hover {text-decoration: none; }

div.menu_top_menu {
  float: left;
  position: relative; line-height: 100%;
  margin-left: 5px; margin-right: 5px;
  height: 24px;
}
div.oddelovac {
  color: rgb(240,120,0);  font: bold 12px Verdana; line-height: 100%;
}

div.menu_top_menu a{
  font: bold 12px Verdana; line-height: 100%;
  color: rgb(255,240,205); letter-spacing: 1px; word-spacing: 1px;
}

div.menu_top div.menu_top_submenu {
  position: absolute; top: 13px; left: 0px;
  visibility: hidden; 
  padding: 5px; line-height: 100%;
  background: rgb(0,66,106);
  z-index: 10;
}

div.menu_top div.menu_top_submenu div {
  padding: 5px; line-height: 100%;
  white-space: nowrap; position: relative;
}
div.menu_top div.menu_top_submenu div a { 
  color: rgb(255,240,205); letter-spacing: normal; word-spacing: normal; line-height: 100%;
}

/************** LEFT MENU ***************/
div.leftMenu {
  margin: 0 5px 0 0; width: 186px;
}
div.leftMenu div.group {
  padding: 3px 20px 0 20px; margin: 0 0 10px 0;
  background: url('/img/nadpis_poz.gif') no-repeat;
}

input#login { width: 100%; }
input#pass  { width: 100%; }

div.leftMenu #user div {
  padding-left: 10px; line-height: 200%;
}
div.leftMenu #menu_left div {
  padding-left: 10px; line-height: 180%;	
}

/**************** tools ************/
div.tools { text-align: right; }
div.tools a { margin-left: 15px; font-weight: normal; }
div.tools a img { margin-right: 3px; }

/**************** ramecek ************/
table.ramecek { margin: 0 0 10px 0; position: relative; width: 150px;}
table.ramecek td { font-size: 0px; line-height: 0px; color: rgb(0,66,106); }
table.ramecek td.nadpis { line-height: 170%; font-size: 12px; font-weight: bold; color: rgb(255,240,205); letter-spacing: 1px; word-spacing: 1px; }
table.ramecek td.obsah { line-height: 170%; font-size: 12px; }

/********* FILTER ************/
fieldset.filter { margin: 0px; margin-bottom: 5px; }
.filter td { padding: 2px; margin: 0px;}
.filter input, .filter select { height: 22px; padding-bottom: 0; margin-bottom: 0}
.filter img.icon_19 {vertical-align: middle;}
.filter input.date { width:70px; text-align: center;}
.filter input.time { width:40px; text-align: center;}
.filter input.datetime { width:120px; text-align: center;}
.filter input.text { width: 100px; }
.filter input.butt { width: 100px; }
.filter input.credit_val { width: 40px; text-align: right; padding-right: 3px;}

/************************ MSG *******************************/

div.msg div.nadpis { font-weight: bold; font-size: 14px; color: rgb(240,120,0); letter-spacing: 1px; word-spacing: 1px; }

/************************ FOTO ******************************/
table.foto { width: 100%; }
table.foto td#left { text-align: left; padding: 5px 5px 5px 0; }
table.foto td#center { text-align: center; padding: 5px; }
table.foto td#right { text-align: right; padding: 5px 0px 5px 5px; }