/* Global overrides */
html, body {
	background-color: #f9f9f9;
	height:100%;
	font: normal 10pt/150% Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

h1  { font-size: 13pt; color: #dc342f; clear: both; }
h2  { font-size: 11pt; color: #dc342f; clear: both; }
h3  { font-size: 10pt; color: #dc342f; clear: both; margin: 0; padding: 0}

a                 { font-size: 10pt; color: #dc342f; text-decoration: none; }
a:link, a:visited { color: #dc342f; text-decoration: none; }
a:hover           { color: #dc342f; text-decoration: underline; }

/* Layout - header */
#header-container {
	width: 100%;
	height: 116px;
	background: url('../images/header-pattern.png') repeat-x top left;
	margin: 0;
}

#header-center {
	position: relative;
	width: 770px;
	height: 100%;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #000;
	background: url('../images/header.png') no-repeat top left;
}

#header-text-line { position: absolute; top: 1px; right: 1px; width: 230px; margin: 0; padding: 0; color: #999; }

#header-center a.headerlink { color: #999; font-size: 7pt; text-decoration: none; }
#header-center a.headerlink:link, #header-center a.headerlink:visited { text-decoration: none; }
#header-center a.headerlink:hover { color: #000; text-decoration: underline; }

/* Header menu  */
#header-menu-container  { position: absolute; top: 41px; right: 0; width: 552px; margin: 0; padding: 0; }
#header-menu            { display: inline; list-style-type: none; margin: 0; padding: 0; }

#header-menu a  { float: right; height: 65px; margin: 0 3px 0 3px; padding: 0; color: #fff; font-size: 10pt; text-decoration: none; }
#header-menu li { display: inline; }

.menu-item-p      a	{ width: 60px; background: url('../images/btn_p.png') no-repeat top right; }
.menu-item-m      a	{ width: 60px; background: url('../images/btn_m.png') no-repeat top right; }
.menu-item-e      a	{ width: 60px; background: url('../images/btn_e.png') no-repeat top right; }
.menu-item-f      a	{ width: 60px; background: url('../images/btn_f.png') no-repeat top right; }
.menu-item-w      a	{ width: 60px; background: url('../images/btn_w.png') no-repeat top right; }
.menu-item-o      a	{ width: 60px; background: url('../images/btn_o.png') no-repeat top right; }

.menu-item-p      a:hover	{ background: url('../images/btn_p_s.png') no-repeat top right; }
.menu-item-m      a:hover	{ background: url('../images/btn_m_s.png') no-repeat top right; }
.menu-item-e      a:hover	{ background: url('../images/btn_e_s.png') no-repeat top right; }
.menu-item-f      a:hover	{ background: url('../images/btn_f_s.png') no-repeat top right; }
.menu-item-w      a:hover	{ background: url('../images/btn_w_s.png') no-repeat top right; }
.menu-item-o      a:hover	{ background: url('../images/btn_o_s.png') no-repeat top right; }

/* Popup menu box  */
div.popupMenu  { 
  position: absolute; 
  visibility: hidden; 
  z-index: 900;
  width: auto; 
  top: 0; 
  left: 0; 
  font-size: 9pt; 
  background-color: #046828; 
  border: 1px solid #408100;
}

/* Popup menu items  */
div.popupMenu ul     { margin: 0; padding: 0; }
div.popupMenu ul li  { line-height: 130%; list-style-type: none; margin: 0; }

div.popupMenu a       { display: block; text-decoration: none; white-space: nowrap; border-bottom: 1px solid #408100; padding: 2px 5px 2px 5px; }  
div.popupMenu a:link, div.popupMenu a:visited  { color: #fff }
div.popupMenu a:hover { color: #408100; background-color: #fff; text-decoration: none; }

/* Pulldown menuin left panel */
#entireMenu { display: none; margin-left: 20px }
#entireMenuVisible { display: block; margin-left: 20px }

/* Layout - content */
#content-container-stretched {
  width: 100%;
  height: auto;
  margin: 15px 0 0 0;
  background-color: #fff;
}

#content-container {
  width: 770px;
  height: auto;
  margin: 0 auto 0 auto;
}

#content-history {
  clear: both;
  float: right;
  width: 500px;
  height: auto;
  margin: 30px auto 0 auto;
  font-size: 8pt;
  padding: 0;
}

#content-history a { font-size: 8pt; }

#content-left {
  float: left;
  width: 160px;
  height: auto;
  margin: 0;
  padding: 30px 0 50px 82px;
  background-color: #f9f9f9;
}

#content-right {
  float: right;
  width: 500px;
  height: auto;
  padding: 0;
  margin: 0;
  /* border: 1px solid #aaa; */
}

/* Left panel menu  */
.menu-panel           { list-style-image: url("../images/arrow.gif"); line-height: 190%; letter-spacing: -0.5pt; margin: 0; padding: 0; }
.menu-panel a         { font-size: 10pt; color: #444; text-decoration: none; }
.menu-panel a:hover   { color: #444; text-decoration: underline; }


/* Layout - footer */
#footer-container {
  clear: both;
  width: 100%;
  height: auto;
  background-color: #f9f9f9;
}

#footer {
  width: 770px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 20px 0 60px 10px;
  font-size: 8pt;
  color: #aaa;
}

#footer a.footlink { color: #666; font-size:8pt; text-decoration:none; }
#footer a.footlink:link, #footer a.footlink:visited { text-decoration:none; }
#footer a.footlink:hover { color: #000; text-decoration: underline; }

/* Popup menu box  */
div.popupMenu  { 
  position: absolute; 
  visibility: hidden; 
  z-index: 900;
  width: auto; 
  top: 0; 
  left: 0; 
  font-size: 9pt; 
  background-color: #046828; 
  border: 1px solid #408100;
}

/* Popup menu items  */
div.popupMenu ul     { margin: 0; padding: 0; }
div.popupMenu ul li  { line-height: 130%; list-style-type: none; margin: 0; }

div.popupMenu a       { display: block; text-decoration: none; white-space: nowrap; border-bottom: 1px solid #408100; padding: 2px 5px 2px 5px; }  
div.popupMenu a:link, div.popupMenu a:visited  { color: #fff }
div.popupMenu a:hover { color: #408100; background-color: #fff; text-decoration: none; }

/* Table classes */
.table-koncesia { width: 99%; border: none; font: normal 9pt/120% Century Gothic, Arial; }
.vertical-top   { width: 5%; vertical-align: top; text-align: left; }
.znenie         { padding: 0 0 10px 0; text-align: justify; }
.title          { font-weight: bold; color: #444; }

#sitemap                  { list-style-type: none; }
#sitemap  .sitemap-inside { list-style-image: url('../images/arrow.png'); }

/* Email form */
input         { border: 1px solid #eee; font: normal 9pt/100% Verdana, Geneva, Arial, Helvetica, sans-serif; width: 16em; }
textarea      { border: 1px solid #eee; font: normal 9pt/100% Verdana, Geneva, Arial, Helvetica, sans-serif; width: 25em; height: 20em; }
.sendbtn      { border: 1px solid #046828; background-color: #eee; height: 2em; width: 7em; }
form  p       { margin: 10px 0 2px 0; }
form  p.need  { font-weight: bold; color: #666; }

/* Text formatting */
.sign-list    { list-style-type: none; }
.sign-comment { font-size: 8pt; color: #666; }

.sign    		{ border: none; padding: 3px; }
.signs-images	{ text-align: center; margin-top: 10px; }
.sign-image		{ float: left; padding: 3px; }

input.number	{ width: 2em; margin-right: 3px; border: 1px solid red; }
td.input		{ width: 4em; vertical-align: top; text-align: right; padding-right: 5px; }

div.addbox		{ text-align: right; margin: 0; padding: 0 5px 0 5px; }

#texts			{ width: 350px; }
#order			{ margin-top: 20px; }
#order td		{ background-color: #f6f6f6; }
#order tr.head td	{ font-weight: bold; }

#basket			{ display: none; margin: 0; padding: 5px 0 5px 0; font-size: 8pt; width: 100%; height: 40px; font-size: 8pt; color: #666; background: url(../images/basket-back.png) repeat-y top right; }
#basket a		{ font-size: 8pt; }
#basket span	{ font-weight: bold; color: #000; }

#basket-table 	{ width: 100%; font-size: 9pt; }
#basket-table span 		{ font-size: 8pt; }
#basket-table span.note	{ font-size: 8pt; color: #666; font-style: italic; }
#basket-table td.first	{ padding-top: 10px; } 
#basket-table td.last	{ padding-bottom: 10px; } 
#basket-table td.link	{ text-align: right; vertical-align: top; } 
#basket-table a			{ font-size: 8pt; }

#basket-table td.name,
#basket-table td.text,
#basket-table td.properties	{ font-size: 8pt; }

#basket-table td.sign-code	{ width: 73%; color: #000; }
#basket-table td.input		{ width: 15%; }

#basket-table td.img		{ width: 12%; vertical-align: top; }

#basket-table input.user_note	{ font-size: 8pt; width: 300px; }

input.contact			{ width: 300px; }
div.sendbox			{ margin: 15px 0 25px 0; }
div.sendbox	input	{ width: auto; height: auto; padding: 3px 5px 3px 5px; background-color: #dc342f; color: #fff; font-weight: bold; }

div.noscript			{ background-color: #deea25; color: #000; padding: 5px 10px 5px 10px; margin: 10px 0 10px 0; }

a.update			{ display: none; }

.p       { width: 80px; height: 80px; }
.m       { width: 80px; height: 80px; }
.eh      { width: 80px; height: 40px; }
.ev      { width: 40px; height: 80px; }
.ec      { width: 80px; height: 80px; }
.f       { width: 80px; height: 80px; }
.w       { width: 80px; height: 70px; }

.sign-code-list {
  display: none;
  border: none;
  width: 99%;
  margin: 20px 0 20px 0;
  padding: 0;
}

.sign-code {
  width: 5em;
  vertical-align: top;
  color: #666;
  font-weight: bold;  
}

.sign-text {
  vertical-align: top;  
}

.odd-line {
  background-color: #f9f9f9;
}

/* Javascript image preview stuff */

.preview-window {
   visibility: hidden;
   position: absolute;
   width: 300px;
   left: -3000px;
   z-index: 10;
   border: 1px solid #aaa;
   padding: 5px;
}

.preview-code {
  color: #666;
  font-weight: bold;
}

.preview-text {
  color: #666;
}

.preview-info {
  color: #666;
  font-style: italic;
  font-size: 7pt;
}

.preview-image {
  border: none;
}

.image-frame {
  border: 1px solid #ddd;
  padding: 4px;
}