/* HTML */
html, body { height: 100% }
body {
	color: #879299;
	background: #556570 url(/img/bgr.png) repeat-x;
}
body { font: 0.7em Verdana, Arial, Helvetica, sans-serif }
body, form { margin: 0; padding: 0; }
a {
	color: #8fb6d2;
	text-decoration: none;
}
a:hover { text-decoration: underline }
h1, h2, h3 {
	color: #dedfde;
	margin: 0;
	padding: 1em 0;
}
h1 { font-size: 1.6em }
h2 { font-size: 1.2em }
h3 {
	font-size: 1.1em;
	padding: 1em 0 0;
}
p { margin: 0 0 1em }


/* layout */
#xl {
	position: relative;
	width: 876px;
	min-height: 100%;
	background: url(/img/holder_bgr.png);
	margin: 0 auto;
}
#topMask {
	position: relative;
	height: 8px;
	font: 1px/1px a;
	background: url(/img/bgr.png) repeat-x;
	padding-top: 16px;
	z-index: 1;
}
#topMask .shad {
	height: 8px;
	overflow: hidden;
	background: url(/img/shad_top.png);
	margin: 0 28px;
}
.leftCol {
	width: 240px;
	padding: 0 16px 80px 8px;
}
#rightCol {
	float: left;
	width: 604px;
	padding: 0 0 80px;
}
#lang {
	height: 28px;
	text-align: center;
	background: url(/img/lang_bgr.gif) repeat-x;
	padding: 4px 32px;
}
#lang a {
	display: block;
	float: left;
	width: 16px;
	height: 11px;
	overflow: hidden;
	font: 100%/10000% a;
	border: 1px solid #788d9a;
	margin: 8px;
}
#lang a:hover,
#lang a.on { border-color: #fff }
#logo {
	width: 187px;
	height: 131px;
	overflow: hidden;
	background: url(/img/logo.png);
	margin: 12px auto 26px;
	padding: 0;
}
#logo a {
	display: block;
	width: 100%;
	height: 100%;
	font: 100%/10000% a;
}
#search {
	height: 16px;
	font: 0.9em/16px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: #edefed url(/img/search_bgr.png) repeat-x;
	padding: 16px;
	border: 1px solid #788d9a;
}
#nav {
	border-top: 1px solid #c9cbc9;
	border-bottom: 1px solid #f3f3f3;
	margin: 12px 0;
}
#nav a {
	display: block;
	position: relative;
	height: 100%;
	font: bold 0.9em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #788d9a;
	border-top: 1px solid #f3f3f3;
	border-bottom: 1px solid #c9cbc9;
	padding: 0.6em 20px 0.6em 0;
}
#nav a.on {
	color: #8fb6d2;
	background: #f5f5f5;
	padding: 0.6em 0 0.6em 20px;
}
#nav a .left,
#nav a .right {
	display: none;
	position: absolute;
	top: 0;
	width: 20px;
	height: 100%;
}
#nav a.on .left,
#nav a.on .right { display: block }
#nav a .left {
	left: 0;
	background: url(/img/nav_grad_left.png);
}
#nav a .right {
	right: 0;
	background: url(/img/nav_grad_right.png);
}
#nav .sub a {
	position: static;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(/img/dotts.gif) repeat-x;
	border: 0;
	margin: -1px 20px;
	padding: 0.5em 0;
}
#navTop { padding: 8px 0 16px }
#navTop i {
	float: left;
	width: 43px;
	height: 30px;
	overflow: hidden;
	background: url(/img/dotts.gif) repeat-y;
	margin-left: -1px;
}
#navTop i a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -300px;
	background: center no-repeat;
}
#fontSize {
	position: absolute;
	top: 0;
	right: 0;
	height: 26px;
	font: 0.9em/26px Verdana, Arial, Helvetica, sans-serif;
	background: #2a363f;
	padding: 0 16px;
}
#fontSize a { font-weight: bold }
#news {
	width: 100%;
	overflow: hidden;
	background: url(/img/dotts.gif) repeat-x;
}
#news .box {
	float: left;
	width: 198px;
	font-size: 0.9em;
	padding-right: 16px;
}
#banners img {
	display: block;
	margin: 16px auto;
	border: 0;
}
#footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 90px;
}
#footer a { color: #dedfde }
#footer a:hover {
	color: #fff;
	text-decoration: none;
}
#footer .leftCol {
	width: 232px;
	padding: 16px 32px 0 0;
}
#footer .wMC {
	font: 0.9em/72px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#footer .wRP {
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	padding: 16px 0;
}


/* global */
.dotsTop { background: url(/img/dotts.gif) repeat-x }


/* rounded corners */
.crnTL,
.crnTR,
.crnBL {
	display: block;
	position: absolute;
	bottom: -20px;
	width: 28px;
	height: 28px;
	overflow: hidden !important;
}
.crnTL {
	left: 0;
	background: url(/img/crn_tl.png);
}
.crnTR {
	right: 0;
	background: url(/img/crn_tr.png);
}
.crnBL {
	left: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background: url(/img/crn_bl.png);
}


/* icons */
#navTop i a.icContacts { background-image: url(/img/icons/11/contact.gif) }
#navTop i a:hover.icContacts,
#navTop i a.icContactsOn { background-image: url(/img/icons/11/contact_ovr.gif) }
#navTop i a.icHome { background-image: url(/img/icons/11/home.gif) }
#navTop i a:hover.icHome,
#navTop i a.icHomeOn { background-image: url(/img/icons/11/home_ovr.gif) }
#navTop i a.icSitemap { background-image: url(/img/icons/11/sitemap.gif) }
#navTop i a:hover.icSitemap,
#navTop i a.icSitemapOn { background-image: url(/img/icons/11/sitemap_ovr.gif) }


/* flags */
.flgBG { background: url(/img/flags/bg.gif) }
.flgEN { background: url(/img/flags/gb.gif) }
.flgGR { background: url(/img/flags/gr.gif) }
.flgPL { background: url(/img/flags/pl.gif) }
.flgSL { background: url(/img/flags/si.gif) }


/* form objects */
textarea { overflow: auto } 
.field {
	color: #7a4b7b;
	background: #fff;
	border: 1px solid #7a4b7b;
}
#search input { vertical-align: middle }
#search .field {
	width: 100px;
	font-size: 1em;
	color: #788d9a;
	border-color: #788d9a;
}
#search .button {
	width: 16px;
	height: 16px;
	background: url(/img/icons/16/magnifier.png);
	margin-left: 2px;
}


/* dummies */
.clear { clear: both }
.flLeft { float: left }
.flRight { float: right }
.aLeft { text-align: left }
.aRight { text-align: right }
.aCenter { text-align: center }
.block { display: block }
.inline { display: inline }
.rel { position: relative }
.ofh { overflow: hidden }

.vMiddle { vertical-align: middle }

.w100p { width: 100% }
.w110p { width: 110% }
.wMC { width: 412px }
.wRP { width: 128px }
.h100p { height: 100% }
.noHgh {
	height: 0 !important;
	overflow: hidden !important;
}

.mar16 { margin: 16px }
.pad16 { padding: 16px }



/* admin */

#xladmin {
	position: relative;
	width: 1000px;
	min-height: 100%;
	background-color: #393939;
	margin: 0 auto;
}

table {
	border: 0px;
	border-collapse: collapse;
}
table td,
table th {
	border: 0px;
	padding: 2px 4px;
}



/* admin */
.tblgrid {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 98%;
}
.tblgrid td,
.tblgrid th {
	border: 1px solid #ccc;
	padding: 2px 4px;
}
.tblgrid th {
	color: #fff;
	background: #788d9a;
	border-color: #fff;
}
.tblgrid tr.odd td { background: #000000 }