/***** RESET *****/

html, body, p, div, form, 
h1, h2, h3, h4, h5, h6,
img, a img {
	margin: 0;
	padding: 0;
	border: none;
}

*:focus {outline: none}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td { vertical-align: top }

p { margin-bottom: 5px }

ul {
	padding: 0;
	margin: 0 0 0 20px;
}

/***** END OF RESET *****/

/***** TECH *****/

.fwb { font-weight: bold; }
.fwn { font-weight: normal }

.m0 {margin: 0}
.mb5 { margin-bottom: 5px }
.mt5 { margin-top:5px }
.ml5 { margin-left: 5px }
.mr5 { margin-right: 5px }

.mb10 { margin-bottom: 10px }
.mt10 { margin-top:10px }
.ml10 { margin-left: 10px }
.mr10 {	margin-right: 10px }

.mb20 {	margin-bottom: 20px }
.mt20 { margin-top:20px }
.ml20 { margin-left: 20px }
.mr20 {	margin-right: 20px }

.m_auto {margin-right: auto; margin-left: auto}

.p0 {padding: 0}
.p5 {padding: 5px}
.p10 { padding: 10px }
.p20 { padding: 20px }
.p40 { padding: 40px }

.pt0 {padding-top: 0}
.pl10 {padding-left: 10px}
.pr10 {padding-right: 10px}
.pt10 {padding-top: 10px}

.mb40 {	margin-bottom: 40px }
.mt40 { margin-top: 40px}
.ml40 { margin-left: 40px }
.mr40 {	margin-right: 40px }

.flr { float: right }
.fll { float: left }

.di { display: inline }
.db { display: block }
.dit { display: table; _height: 0; zoom:1; }
.hide { display: none }

.c { text-align:center }
.ar { text-align:right }
.al { text-align: left }
.aj { text-align: justify }

.fs90 {	font-size: 90% }
.fs80 { font-size: 80% }
.fs70 { font-size: 70% }
.fs60 { font-size: 60% }
.fs50 { font-size: 50% }
.fs110 { font-size:110% }
.fs125 { font-size:125% }
.fs150 { font-size:150% }
.fs175 { font-size:175% }
.fs200 { font-size:200% }

.fs14px {font-size: 14px}

.vam { vertical-align:middle }
.vat { vertical-align:top }

.oh { overflow: hidden }

.cl {clear: both}
.clear {
	height: 1px;
	clear: both;
	font-size: 0;
	margin-top:-1px;
}

.nobr { white-space: nowrap }

.pr { position: relative }
.pa { position: absolute }

a.nou { text-decoration: none }
.u, a.u { text-decoration: underline }

.link {cursor: pointer}
.not_link {cursor: default}

.w100p {width: 100%}
.w96p {width: 96%}
.w98p {width: 98%}
.w50p {width: 50%}

.test {
	border: 1px solid red;
}

.red, .error {color: #ef3f23 !important}
.white { color: #fff !important}
.black { color: #000 !important}

.w20 {width: 20px}
.w50 {width: 50px}
.w100 {width: 100px}
.w150 {width: 150px}

table.normal_padding th, table.normal_padding td {padding: 4px 5px}


/***** END OF TECH *****/


html {
	width: 100%;
	height: 100%;
	font: 62.5%/1.4 Arial, Tahoma, Sans-serif;
}

body {
	font-size: 1.2em;
	height: 100%;
	width: 100%;
	color: #0b4da2;
	background: #d5dbcd;
}

table {
	font-size: 1em;
}

input, button, select, textarea {
	font: 0.9em arial;
	color: #444;
}

input.std, textarea {
	border: 1px solid #a5acb2;
	background-color: #fff;
}

a {
	color: #0b4da2;
}

a:hover {
	color: #0b4da2;
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	margin-bottom: 0.5em;
}

h1 {
	font-size: 16px; 
	color: #ef3f23;
	padding-left: 30px;
	background: url('../../images/e.png') 0 0 no-repeat;
}

h2 { font-size: 14px; color: #ef3f23;}
h3 { font-size: 16px;}
h4 { font-size: 14px;}
h5 { font-size: 100%;}
h6 { font-size: 100%;}

h1 a {text-decoration: none}

hr {
	height: 1px;
	font-size: 0;
	margin: 5px 0;
	padding: 0;
	background-color: #738165;
	color: #738165;
	border: 0;
}


#slogan {
	width: 990px;
	min-width: 990px;
	max-width: 1280px;
	margin: 0 auto;
	background: #d5dbcd;
	text-align:center;
	padding: 5px 0;
}

#outer {
	background: #d5dbcd url('../../images/header_bg.jpg') top center no-repeat;
}

#wrapper {
	width: 990px;
	min-width: 990px;
	max-width: 1280px;
	margin: 0 auto;
	/* background: #d5dbcd url('../../images/header_bg.png') 0 0 repeat-x; */
	position: relative;
}

	#header {
		height: 214px;
		/* background: transparent url('../../images/header.jpg') top right no-repeat; */
	}
	
		#header_inner {
			height: 100%;
			/* background: url('../../images/header_bg_left.jpg') top left no-repeat; */
		}
	
	#logo {
		position: absolute;
		left: 80px;
		top: 0px;
		z-index: 1;
	}

	#home {
		position: absolute;
		left: 80px;
		top: 10px;
		z-index: 2;
	}
	
	#mail {
		position: absolute;
		left: 110px;
		top: 10px;
		z-index: 2;
	}
	
	.social {
		position: absolute;
		left: 290px;
		top: 10px;
		z-index:15;
	}
	
	#nav {
		position: absolute;
		left: 45px;
		top: 160px;
	}
	
		#nav a {
			font-size: 14px;
			font-weight: bold;
			padding: 0 10px;
			border-right: 1px solid #a6b29a;
		}
		
		#nav a:hover {
			color: #ef3f23;
		}
		
		#nav a.last {
			border: none;
		}
		

#main_area {
	margin-left: 30px;
	background: transparent url('../../images/rightcol_bg.png') top right repeat-y;
	position: relative;
	_zoom: 1;
}

#rightcol {
	float: right;
	width: 190px;
	background: url('../../images/rightcol_bg_top.png') 0 0 no-repeat;
	z-index: 2;
}

	#rightcol_inner {
		padding: 0 5px 20px 15px;
	}
	
#leftcol {
	width: 228px;
	float: left;
}
	
	#leftcol ul {
		border: 1px solid #a6b29a;
		border-bottom: none;
		list-style-position: inside;
		margin:0;		
	}

			#predstav li {line-height:20px !important; list-style-type: none; list-style-position: outside; }
			#predstav li a{color:red;  background: url('../../img/design/marker.gif') 0 8px no-repeat;  display: block; padding-left: 15px;}
	
	
	#leftcol ul li {
		min-height: 34px;
		line-height: 34px;
		background: url('../../images/menu_item_bg.png') 0 0 no-repeat;
		border-bottom: 1px solid #a6b29a;
		color: red;
		padding-left: 10px;
		font-size: 14px;
		font-weight: bold;
	}
	
		#leftcol ul li ul {
			/*display: none;*/
			border: none;
			margin-bottom: 10px;
		}
		
		#leftcol ul li ul li {
			background: none;
			line-height: 1.5em;
			min-height: 0;
			border: none;
			font-size: 12px;
			font-weight: normal;
			padding: 0;
			color: #d5dbcd;
		}
	
	#leftcol a:hover {
		color: #ef3f23;
	}
		
#centercol {
	margin: 0 190px 0 240px;
	position:relative;
	padding-bottom: 100px;
	min-height: 300px;
}

#footer {
	position: absolute;
	height: 90px;
	bottom: 0;
	width: 100%;
	background: url('../../images/footer_bg.png') top right no-repeat;
}

#counters {
	position: absolute;
	bottom: 30px;
	left: 0;
}

.light {
	color: #738165;
}

a.light:hover {
	color: #738165;
	text-decoration: none;
}

.alert {
	padding: 5px 0;
	color: red;
	font-weight: bold;
}

.std_color {
	color: #0b4da2;
}

table.bordered td, table.bordered th {
	border: 1px solid #0b4da2;
}

ul.header {
	list-style-position: inside;
	margin:0;
}

ul.header li {
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.current {
	font-weight: bold;
	text-decoration: none;
}