/* CSS Document */

/* 

Predpone stilov:


*/

html {
    margin:0px;
    padding:0px;
	background-color:#000000;
	background-image:url(images/main-bg.png);
	background-repeat:repeat-x;
	background-position:center top;
}

body{
	margin: 0px;
	padding: 0px;
	/*font-family:'Maven Pro', sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	color:#efefef;
	background-image:url(images/main-bg.gif);
	background-repeat:repeat;
	background-position:center top;}


.clear { clear: both; background: none; float:none;}

a img{ 
	border:none;}

img{ 
	border:none;
	padding:0px;
	margin:0px;}

div{
	border:none;
	padding:0px;
	margin:0px;}

/* MAIN LAYOUT */

#main_wrapper{}
	
#main_wrapper2{
	background-image:url(images/header-wrapper-bg.gif);
	background-repeat:repeat-x;
	background-position:center top;}

#header_wrapper{}
	
#content_wrapper{}	
#content_wrapper2{}
#content_wrapper3{}
	
#footer_wrapper{}
	
#footer_wrapper2{}


.ogrodje{
	width:840px;
	margin: 0px auto;
	padding:0px 0px 0px 0px;}

/***********************************

		HEADER

***********************************/
.header{
	width:840px;
	height:340px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;}
	
/* LOGO */
.header #logo{
	width:220px;
	height:260px;
	overflow:hidden;
	margin: 0px auto;
	padding:40px 0px 0px 0px;}

.header #logo a:link,
.header #logo a:visited,
.header #logo a:active{
	width:220px;
	height:260px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.header #logo a:hover{
	text-decoration:none;}

/*********************************** 

			CONTENT 

***********************************/
.frontpage{
	width:840px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 20px 0px;
	overflow:hidden;}
	
.content{
	width:840px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}
	
/*********************************** 

			FOOTER 

***********************************/	
.footer{
	width:840px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}

/***********************************

		MAIN COLs and ROWs

***********************************/
.row{
	width:840px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*overflow:hidden;*/}

.hr-line{
	padding:30px 0px 0px 0px;
	background-image:url(images/hr-line.png);
	background-repeat:no-repeat;
	background-position:center top;}

.rowcol{
	clear:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}

.col-left{ float:left;}
.col-main{ float:right;}
.col-right{ float:right;}

.col-31{width:320px;}
.col-32{width:640px;}
.col-33{width:840px;}

.col-312{width:360px;}

.col-41{width:240px;}
.col-42{width:480px;}
.col-43{width:720px;}
.col-44{width:840px;}

.col-25{width:400px;}

.col-21{width:230px; padding:0px 20px 0px 0px;}
.col-22{width:230px; padding:0px 0px 0px 0px;}

.conbox{
	margin:0px 0px 0px 0px;
	padding:10px 8px 8px 10px;
	overflow:hidden;}
.conbox2{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	background-image:url(images/conbox-bg1.gif);
	background-repeat:repeat-y;
	background-position:right top;}
.conbox3{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	background-image:url(images/conbox-bg2.gif);
	background-repeat:no-repeat;
	background-position:right top;}
.conbox4{
	margin:0px 0px 0px 0px;
	padding:0px 2px 2px 0px;
	overflow:hidden;
	background-image:url(images/conbox-bg3.gif);
	background-repeat:no-repeat;
	background-position:right bottom;}