/*
 * --------------------------------------------------------------------------
 *   HELPER STYLES
 * --------------------------------------------------------------------------
 */

a {
  text-decoration: none;
  color: #993333;
}

.top-condensed {
  padding-top: 0;
  margin-top: 0;
}

.bottom-condensed {
  padding-bottom: 0;
  margin-bottom: 0;
}

.delimiter {
  font-weight: bold;
  color: #993333;
}

/*
 * --------------------------------------------------------------------------
 *   COMMON STYLES
 * --------------------------------------------------------------------------
 */

h1 {
  font-size: 14px;
  font-weight: bolder;
  color: #000000;

  border-bottom: #993300 solid 1px;
}

h2 {
  font-size: 12px;
  font-weight: bold;
  color: #000000;
}

td {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
}

input {
  font-family: Verdana, sans-serif;
}

textarea {
  font-family: Verdana, sans-serif;
}

fieldset {
  border: #c0c0c0 solid 1px;
  margin-top: 5px;
}

legend {
  font-weight: bold;
}

/*
 * --------------------------------------------------------------------------
 *   TOP LEVEL CONTAINERS
 * --------------------------------------------------------------------------
 */

body {
  background-color: #e0e0e0;
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  background-color: white;
}

div.page {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #e0e0e0;
}

div.page-decoration {
  position: relative;
}

div.page-content-frame {
  position: relative;
  margin-top: 0px;
  margin-bottom: 30px;

  background-color: white;
  border-top: 4px solid white;
  border-bottom: 4px solid white;
  border-left: 1px solid black;
  border-right: 1px solid black;

  padding: 0px 4px;
}

div.content-head {
  position: relative;
  height: 128px;
}

div.content-body {
  position: relative;
  float: left;
  width: 100%;
  margin-top: 4px;
}

div.content-foot {
  position: relative;
  width: 100%;
  height: 30px;
  float: left;
  clear: left;
}

/*
 * --------------------------------------------------------------------------
 *   CONTENT HEADER ELEMENTS
 * --------------------------------------------------------------------------
 */
div.head-top {
  position: relative;
  height: 30px;
}

div.head-top-right {
  float: right;
}

div.head-body {
  position: relative;
  height: 108px;
}

div.banner {
  position: relative;
  height: 78px;

  background-color: #ff9966;
  border: #993300 solid 1px;
}

a.lang-link {
  color: #333333;
  font-weight: bold;
}

a.lang-link:hover {
  text-decoration: underline;
}

/*
 * -----------------------
 *   head: horizontal menu
 * -----------------------
 */

div.head-horiz-menu {
  position: relative;
  margin-top: 0px;
  height: 30px;

  background-color: #c0c0c0;
}

div.head-horiz-menu-item {
  position: relative;
  float:left;
  padding: 0px 15px;
  height: 30px;
  margin: 0px 2px;
}

div.head-horiz-menu-item:hover {
  background-color: #ff9966;
  color: #000000;
}

div.head-horiz-menu-item-text {
  position: relative;
  top: 6px;

  color: #ffffff;
  font-weight: bold;
}

a.head-horiz-menu-item-link {
  padding-bottom: 7px;

  color: #ffffff;
}

a.head-horiz-menu-item-link:hover {
  color: #000000;
}

/*
 * --------------------------------------------------------------------------
 *   CONTENT BODY ELEMENTS
 * --------------------------------------------------------------------------
 */

div.content-left {
  position: relative;
  float: left;
  width: 280px;
}

div.content-right {
  position: relative;
  /*width: 612px;                         content-body.width - this.margin-left */
  margin-left: 288px;                  /* 8px margin from content left */
  margin-bottom: 30px;
}

/*
 * -----------------
 *   vertical menu
 * -----------------
 */

div.vert-menu {
  position: relative;
  margin-bottom: 4px;
  padding: 8px;

  background-color: #cc6633;
  color: white;  
}
   
div.vert-menu-title {
  height: 30px;
  font-weight: bold;
  font-size: 11pt;
}

a.vert-menu-item-link {
  display: block;
  padding-top: 7px;
  padding-bottom: 7px;

  color: white;
}

a.vert-menu-item-link:hover {
  background-color: #ff9966;
  color: black;
}


/*
 * --------------------------------------------------------------------------
 *   CONTENT FOOTER ELEMENTS
 * --------------------------------------------------------------------------
 */
div.foot {
  position: relative;
  margin-top: 4px;
  
  border-top: 3px solid #993300;
}


/*
 * --------------------------------------------------------------------------
 *   SPECIAL CONTENT ELEMENTS
 * --------------------------------------------------------------------------
 */
div.content-tile {
  position: relative;
  
  border: #c0c0c0 solid 1px;
  padding: 8px 8px 16px 16px ; 
  margin: 1px 0px; 
}

div.pasport {
  font-size: 8pt; 
  width: 800px;
}

div.pasport td {
  font-size: 8pt; 
}

div.pasport th {
  font-size: 8pt; 
  font-weight: normal; 
}

div.pasport p {
  font-size: 8pt; 
}

div.pasport li {
  font-size: 8pt; 
}

div.pasport input {
  font-size: 8pt; 
}

div.pasport select {
  font-size: 8pt; 
}

div.pasport textarea {
  font-size: 8pt; 
}

.kod_obce {
  color: #999999; 
  font-size: 9px;
}