body {
	margin: 0;
	padding: 0;
	background: #fff url(../img/bg.png) 0 0 repeat-x;
	color: #808080;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
}
img { border: none; }
table { margin: 1em 0 1em 0; }
table td { vertical-align: top; }
table th { color: #000;}
table tr:nth-child(2n) {
	background-color: #eee;
}
#page  {
	width: 980px;
	margin: 0 auto 0 auto;
	
	/*tmp
	background: red;*/
}
#header {
	position: relative;
	height: 110px;
}
#body {
	float: left;
	width: 100%;
	
	/*tmp
	background: yellow;*/
}
#footer {

}

/*logo*/
#header h1 {
	position: absolute;
	left: 20px;
	bottom: 0px;
	display: block;
	width: 185px;
	height: 110px;
	margin: 0;
	padding: 0;
	
	/*tmp
	background: #33FF66;*/
}

#header h1 img {
	border: none;
	position: absolute;
	bottom: 0;
	left: 0;
}

#header h1 span { /*title*/
	display: none;
}

/*navigacija*/
#nav_main {
	margin: 0;
	padding: 0;
	
	position: absolute;
	width: 730px;
	height: 35px;
	top: 75px;
	right: 20px;
	
	/*tmp
	background: green;*/
}
#nav_main li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	
	/*tmp
	background: yellow;*/
}
#nav_main li a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 35px;

	color: #000;
	font-size: 1.4em;
	text-decoration: none;	
	/*tmp
	background: pink;*/
}
#nav_main li span {
	display: block;
	width: 125px;
	border-left: 6px solid #ccc;
	margin-right: 5px;
	height: 28px;
	border-bottom: 2px solid #ccc;
	padding: 0px 5px 5px 5px;
}
#nav_main li.active span {
	border-color: #7ac293;
}
/* #body general */
#body h2,
#body h3,
#body h4,
#body h5,
#body h6 { color: #7ac293; }

#body h2 { /*main area titles*/
	font-size: 1.5em;
	margin: 0;
}

/* side content */
#side {
	float: left;
	width: 190px;
	margin: 0 20px 0 20px;
	padding: 65px 0 0 0px;
	
	/*tmp
	background: pink; */
}
#nav_sub {
	margin: 15px 0 0 0;
	padding: 0;
	list-style: none;
	
	/*tmp
	background: orange; */
}
#nav_sub ul {
  margin: 0;
	padding: 0;
	list-style: none;
}
#nav_sub li {
	margin: 0;
	padding: 0 0 0 13px;
	background: url(../img/bullet.png) 0 0.5em no-repeat;
	font-weight: bold;
	
	/*tmp
	background: lime; */
}
#nav_sub li.active { color: #000; background: url(../img/ub-biro_bullet_active.png) 0 0.5em no-repeat; }
#nav_sub li a { text-decoration: none; color: #808080;	}
#nav_sub li.active a{ color: #000; }
#nav_sub li li { font-size: 0.8em; }

/* main content */
#main { position: relative;	min-height: 200px; font-size: 0.8em; }
#main a { color: #7ac293; }
.layout_inner #main {
	float: left;
	width: 530px;
	background: url(../img/body_main_bg.png) 0 0 no-repeat;
	padding: 65px 20px 0 20px;
	
	/*tmp
	background: lime; */ 
}
.layout_first #main {
	float: left;
	width: 760px;
	background: url(../img/body_main_first_bg.png) 20px 0 no-repeat;
	padding: 50px 20px 0 20px;
	
	/*tmp
	background: lime; */
}
.layout_first #main h2 { font-size: 1.2em; color: #000; border-bottom: 2px dotted #7ac293; }
.layout_first #main .column {
	float: left;
	margin: 0 35px 0 15px;
	/*tmp
	background: yellow;*/
}
.layout_first #main .column_a,
.layout_first #main .column_b { width: 270px; }
.layout_first #main .column_c { width: 100px; margin-right: 0!important; }
#main .breadcrumbs {
	position: absolute;
	top: 15px;
	left: 20px;
	font-size: 0.6em;
	width: 530px;
	
	/*tmp
	background: pink;*/
}
.breadcrumbs { color: #ccc; }
.breadcrumbs a,
.breadcrumbs a span { color: #808080; }
.breadcrumbs span { color: #000; }

/* banners content */
#banners {
	float: left;
	width: 140px;
	margin: 0 20px 0 20px;
	padding: 35px 0 0 0;
	
	/*tmp
	background: red;*/
}
#banners img {
	border: none;
}

/* footer content */
#footer {
	float: left;
	width: 100%;
	margin-top: 50px;
	margin-bottom: 30px;
	font-size: 0.8em;
	color: #ccc;
	text-align: center;
	
	/*tmp
	background: gray;*/
}

#footer p { margin: 1em 0 1em 0; }