/* CSS Document */

/* 

Predpone stilov:


*/

html {
    margin:0px;
    padding:0px;
	background-color:#f7f6f5;
}

body{
	margin: 0px;
	padding: 0px;
	font-family:Tahoma, Geneva, Arial, sans-serif;
	font-size: 10pt;
	color:#121212;
	background-color:#f7f6f5;}


.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 */

#bg {
    position:fixed;
	top:-50%;
	left:-50%; 
	width:200%; 
	height:200%;}
#bg img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;}
	
.main-wrapper{
	z-index:2;
	position: relative;
	background-image:url(/html/default/library/images/main-bg2.png);
	background-repeat:repeat-x;
	background-position:center 760px;}
	
.main-wrapper2{
	background-image:url(/html/default/library/images/main-wrapper-bg.png);
	background-repeat:repeat-x;
	background-position:center top;}
.main-wrapper3{
	background-image:url(/html/default/library/images/main-wrapper3-bg.png);
	background-repeat:repeat-x;
	background-position:center 700px;}

.header-wrapper{
	background-image:url(/html/default/library/images/main-wrapper2-bg.png);
	background-repeat:repeat-x;
	background-position:center top;}
	
.content-wrapper{}
	
.footer-wrapper{}

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

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

		HEADER

***********************************/
.header{
	width:960px;
	height:120px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-image:url(/html/default/library/images/header-bg.png);
	background-repeat:no-repeat;
	background-position:center 10px;}

/* LOGO */
.header #logo{
	width:270px;
	height:55px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	position:absolute;
	top:40px; left:60px;}

.header #logo a:link,
.header #logo a:visited,
.header #logo a:active{
	width:270px;
	height:55px;
	display:block;
	text-decoration:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;}
.header #logo a:hover{
	text-decoration:none;}
             
/* TOP MENU */
.header .top-menu-box{
	/*width:300px;*/
	height:25px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*position:absolute;
	top:95px; left:320px;
	top:0px; left:690px;*/}
	
/* TOP BANNER */
.header .top-banner-box{
	width:468px;
	height:60px;
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	background-image:url(/html/default/library/images/conbox-border.png);
	background-repeat:repeat;
	background-position:0px 0px;
	position:absolute;
	/*top:95px; left:320px;*/
	top:35px; left:380px;}

/* HEADER SEARCH */
.header-search{
	width:840px;
	height:70px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;
	position:relative;}

/* MAIN MENU */
.main-menu-box{
	width:860px;
	height:40px;
	margin:0px 0px 0px 0px;
	padding:10px 50px 10px 50px;
	overflow:hidden;
	display:block;
	background-image:url(/html/default/library/images/main-menu-bg.png);
	background-repeat:no-repeat;
	background-position:center 0px;}
	
/*********************************** 

			FRONTPAGE

***********************************/
.frontpage{
	width:960px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}
	
.frontpage-slides-box{
	height:320px;
	width:860px;
	margin:0px 0px 0px 0px;
	padding:0px 50px 0px 50px;
	display:block;
	position:relative;}

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

			CONTENT 

***********************************/
.content{
	width:960px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}
	
.content-banner{
	height:330px;
	width:960px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:block;
	position:relative;}

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

			FOOTER 

***********************************/	
.footer{
	width:960px;
	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 60px 0px 60px;
	/*overflow:hidden;*/}
.row-line{
	width:840px;
	margin:0px 0px 0px 0px;
	padding:2px 60px 0px 60px;
	/*overflow:hidden;*/
	background-image:url(/html/default/library/images/hr-bg.png);
	background-repeat:no-repeat;
	background-position:center top;}

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

		MAIN CONBOX

***********************************/
.row-col{
	float:left;
	clear:none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	overflow:hidden;}

.col-31{width:280px;}
.col-32{width:560px;}
.col-33{width:8400px;}

.conbox{
	margin:0px 0px 0px 0px;
	padding:8px 8px 8px 8px;}
.conbox .conbox-border{
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	background-image:url(/html/default/library/images/conbox-border.png);
	background-repeat:repeat;
	background-position:0px 0px;}

.conbox .conbox-body{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	background-color:#ffffff;
	position:relative;
	line-height:18px;
	font-size: 12px;
	color:#121212;}
	
.col-31 .conbox{	
	background-image:url(/html/default/library/images/box-shadow-3-1.png);
	background-repeat:no-repeat;
	background-position:0px 0px;}
.col-32 .conbox{	
	background-image:url(/html/default/library/images/box-shadow-3-2.png);
	background-repeat:no-repeat;
	background-position:0px 0px;}