body {
  margin: 0; 
  padding: 0;
  background-color: #231f20;
  color: #ffffff;
  font-family: Verdana, 'Geneva CE', lucida, sans-serif;
  font-size: 8pt;
  text-align: center;
}

#page {
  margin: 0 auto;  
  padding: 0;
  width: 800px;
  text-align: left;
}

.layout3col { background: url("/gui/3col-bg.gif") repeat-y top right; }
.layout2col { background: url("/gui/2col-bg.gif") repeat-y top right; }


/* -- page head -- */

#pagehead {
  position: relative;
  margin: 0;
  padding: 176px 0 0 0;
  background: #323232 url("/gui/header_kovacova.png") no-repeat top left;
}

#pagehead h1 {
  position: absolute;
  top: 74px;
  left: 180px;
  width: 377px;
  height: 55px;
  margin: 0;
  padding: 0;
}

#pagehead h1 span {
	visibility: hidden;
	top: 74px;
  left: 180px;
  width: 377px;
  height: 55px;
  margin: 0;
  padding: 0;
  display: block;
} 

/* -- main menu -- */

#mainmenu {
  display: block;
  margin: 0;
  padding: 0 0 0 200px;
  height: 30px;
}

#mainmenu li {
  list-style-type: none;
  display: inline;
  float: left;
  margin: 0;
  padding: 0 10px 0 7px;
  height: 30px;
  line-height: 30px;
  font-size: 11px;
  vertical-align: middle;
  background: url("/gui/delimiter.gif") no-repeat center right;
}

#mainmenu li.last {
  background-image: none;
}

#mainmenu li a {
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}

#mainmenu li a:hover {
  color: #ff0000;
  text-decoration: underline;
}

/* -- page foot -- */

#pagefoot {
  clear: both;
  margin: 0;
  padding: 17px 9px 9px 9px;
  background: #323232 url("/gui/foot-bg.gif") repeat-x top left;
  color: #ffffff;
  text-align: center;
}

#pagefoot * {
  margin: 0;
  padding: 0;
}

#pagecontent {
  margin: 0;
  padding: 0;
  clear: both;
}

#pagecontent #leftCol {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  position: relative;
  top: -30px;
  width: 180px;
  overflow: hidden;
  background-color: #535051;
}

#pagecontent #middleCol {
  margin: 0;
  padding: 0;
  display: inline;
  float: left;
  width: 440px;
  overflow: hidden;  
}

#pagecontent #rightCol {
  margin: 0;
  padding: 0;
  display: inline;
  float: right;
  width: 180px;
  overflow: hidden;  
}

#pagecontent #rightBigCol {
  margin: 25px 25px 25px 0;
  padding: 0;
  display: inline;
  float: right;
  width: 570px;
  overflow: hidden;  
}

#leftCol .tabbed-menu ul {
	margin: 0;
	padding: 0;
}

#leftCol .tabbed-menu ul li {
	list-style-type: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 50%;
	background-color: #FFD204;
	border-top: 4px solid #FFD204;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

#leftCol .tabbed-menu ul li a {
	display: block;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	border-left: 4px solid  #FFD204;
	border-right: 4px solid #FFD204;
}

#leftCol .tabbed-menu ul li a:hover {
	color: #FF0000;
	text-decoration: underline;
	
}

#leftCol .tabbed-menu ul li a.selected {
	color: #ffffff;
	background-color: #535051;
	border-bottom: none;
}

#leftCol .tabbed-menu ul li a.selected:hover {
	color: #FFffff;
	text-decoration: none;
}

#leftCol ul.menu {
	position: relative;
  display: block;
  margin: 15px 0 15px 0;
  padding: 0;
  font-size: 10pt;
  font-weight: bold;
}

#leftCol ul.menu ul {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 10pt;
  font-weight: bold;
}
	
#leftCol ul.menu li {
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#leftCol ul.menu li a {
  display: block;
  margin: 0;
  padding: 5px 5px 5px 15px;
  background: #535051 url("/gui/bullet.gif") no-repeat left center;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #a5a3a4;
}

#leftCol ul.menu li li a {
  display: block;
  margin: 0;
  padding: 5px 5px 5px 25px;
  background: #383838 url("/gui/bullet2.gif") no-repeat left center;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #a5a3a4;
}
	
#leftCol ul.menu li a:hover {
  background-color: #323232;
  background-color: #0961A5;
}

#leftCol ul.menu li li a:hover {
  background-color: #00508E;
}

#leftCol ul.menu li.last a {
  border-style: none;
}

/* -- simple text box -- */

.simpletextbox {
  
  padding: 0;
}
.simpletextbox img {
	border: 1px #ffd739 solid;
}

.simpletextbox div {
	margin: 10px 5px 10px 7px;
}

.simpletextbox h2.grey {
	margin: 0;
	padding: 3px;
	font-size: 10pt;
	background-color: #d4d1d2;
	color: #000000;
}

.simpletextbox h2.silver {
	margin: 0;
	padding: 3px;
	font-size: 10pt;
	background-color: #727272;
  	color: #dddddd;
  	border-top: 1px solid #aaaaaa;
}

#pagecontent #middleCol .simpletextbox {
  margin: 25px 15px 25px 15px;
  padding: 0;
}

.simpletextbox h1,
.simpletextbox h2,
.simpletextbox h3,
.simpletextbox h4,
.simpletextbox h5,
.simpletextbox h6 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 12px;
}


/* -- advert box -- */

.advertbox {
  margin: 0;
  padding: 0;
}

.advertbox * {
  margin: 0;
  padding: 0;
}

.advertbox h2 {
	position: relative;
  margin: 0;
  padding: 3px;
  background-color: #d4d1d2;
  color: #000000;
  font-size: 10pt;
  border-top: 1px solid #aaaaaa;
}

.advertbox h2.yellow {
  background-color: #ffd739;
}

.advertbox h2.silver {
  background-color: #727272;
  color: #dddddd;
}


.advertbox img {
  display: block;
  border-style: none;
}


/* -- table box -- */

.simpletablebox {
  margin: 0;
  padding: 0;
}

.simpletablebox h2 {
  margin: 0;
  padding: 3px;
  background-color: #21a40f;
  color: #ffffff;
  font-size: 10pt;
}

.simpletablebox p {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0; 
  margin: 0 0 0.5em 0;
  font-weight: bold;
  font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
  color: #ffd739;
}

h1 {font-size: 14pt;}
h2 {font-size: 13pt;}
h3 {font-size: 12pt;}
h4 {font-size: 11pt;}
h5 {font-size: 10pt;}
h6 {font-size: 9pt;}

p {margin: 0 0 1em 0; padding: 0;}

a {
  text-decoration: underline;
  color: #ffd739;
}

a:hover {
  text-decoration: underline;
  color: #ffeead;
}

table {
  margin: 0 auto;
  padding: 0;
  font-size: 8pt;
  border-style: none;
  border-collapse: collapse;
  color: #000000;
}

table td {
  padding: 4px 7px;
}

table .even { background-color: #757273; color: #ffffff;}

table .odd {background-color: #dbd8d9; color: #000000;}

/* -- img -- */

div.imgRight {
	display: inline;
	float: right;
	margin-left: 0.5em;
}

div.imgRight img {
	display: block;
	margin: 0;
	padding: 0;
}

div.imgCenter {
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}

div.imgCenter img {
  display: block;
  margin: 0 auto;
  padding: 0;
}

img.border {
	border: 2px solid #FFD739; 
}

/* -- special styles -- */

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}

.clearboth {clear: both;}
.clearleft {clear: left;}
.clearright {clear: right;}

.cleaner {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0px;
  font-size: 1px;
  overflow: hidden;
  margin: 0;
}

.hidden {
	display: none;
}

/* -- tabs -- */

.tabtopleft {
	font-size: 8pt;
	font-weight: normal;
	margin: 1em 0 1px 0;
	padding: 7px 35px 7px 10px;
	float: left;
	display: inline;
	color: #000000;
	background: #FFD739 url("/gui/tabtopleft.gif") no-repeat right bottom;	
}

.tabbottomleft {
	font-size: 8pt;
	font-weight: normal;
	margin: 1px 0 1em 0;
	padding: 7px 35px 7px 10px;
	float: left;
	display: inline;
	color: #000000;
	background: #FFD739 url("/gui/tabbottomleft.gif") no-repeat right top;	
}

.tabbottomleft a {color: #000000;}
.tabbottomleft a:hover {color: #000000;}

/* -- common table styles -- */ 

table.common {
	margin: 0 0 1em 0;
	border: 2px solid #FFD739;
	border-collapse: collapse;
	font-size: 8pt;
}
	
table.common tr.odd {
	background-color: #555555;
	color: #ffffff;
}

table.common tr.even {
	background-color: #444444;
	color: #ffffff;
}

table.common th,
table.common td {
	margin: 0;
	padding: 0.4em 0.7em 0.4em 0.7em;
	color: #ffffff;
}
	
table.common th {
	color: #000000;
	background-color: #FFD739;
	border-style: none;
	border-left: 1px solid #AFA26D;
	border-right: 1px solid #AFA26D;
}

table.common td {
	border: 1px solid #666666;
}

table.novborder td,
table.novborder th {
	border-left-style: none;
	border-right-style: none;
}

/* -- gallery styles -- */
.gallery {
	margin: 0 0 1em 0;
	padding: 0;
	width: 100%; /* necessary for IE */
	background-color: #535051;
}

.gallery .photography {
	width: 100%; /* necessary for IE */	
	padding-top: 17px;
}

.gallery .albumhead {
	margin: 0;
	padding: 0.5em;
	font-size: 8pt;
	background-color: #353535;
	color: #FFD739;
	border-bottom: 1px solid #666666;
}
	
.gallery .th {
	display: inline; /* necessary for IE */
	float: left;
	position: relative;
	width: 120px;
	height: 120px;
	background-color: #FFD739;
	margin: 0 0 17px 17px;
	background-color: #444444;
}

.gallery img {border: 1px solid #FFD739;}
.gallery a:hover img{border: 1px solid blue;}

	
.gallery .paging {
	padding: 0.7em 0.5em 0.5em 0.5em;
	margin: 0;
	background: #FFD739 url("/gui/gallery-paging-bg.jpg") repeat-x top left; 
	color: #000000; 
	text-align: center;
}
.gallery .paging a {color: #000000;}

/* -- photo gallery --*/

.photos {
	zoom: 1;
	margin: 0 0 1em 0;
	padding: 0 0 8px 0;
	background-color: #535051;
	clear: both;
	border: 1px solid #666666;
}

.photos h3.tabtopleft {
	margin-top: 0;
	margin-bottom: 8px;
	}

.photos ul  {
	display: block;
	clear: both;
	margin:  0;
	padding: 0;
	zoom: 1;
	width: 100%;
}

.photos li {
	list-style-position: outside;
	list-style-type: none;
	display: inline;
	float: left;
	width: 100px;
	height: 100px;
	margin:  8px 0 0 8px;
	padding: 0;
	background-color: #3F3C3D;
	overflow: hidden;
	border: 1px solid #666666;
}

.photos li a {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	height: 100px;
	text-align: center;
}

.photos li a:hover {
	background-color: #FFD739;
}
	
.photos li img {
	display: block;
	margin: 0 auto;
	border: none;
	margin-top: expression( (50-(parseInt(this.offsetHeight)/2))<0 ? "0" : (50-(parseInt(this.offsetHeight)/2)+'px'));	
}