/* template css file */
html {
	margin: 0px; 
}

img {
	border: 0px;
}

body {
	font: 11px Tahoma;
	color: #330066;
	margin: 0px 0px auto 0px;
	padding: 0px 0px 10px 0px;
	text-align: center;
	background: #FFFFFF;
}

a:link, a:visited {
	color: #cc0033;	
	text-decoration: none;
	font-weight: bold;
}
h2 {
	font-size: 16px;
}


.wrapper {
	margin: 0px; 		
	text-align: left;
	width: 1004px;					
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 1004px;
}
	html>body .wrapper { width: 1004px; }
	
	#index, #reservedarea, #contact, #news {
		background: #FFFFFF url('../images/index-back2.jpg') top right no-repeat;
	}

	
#header {
	width: 1004px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

	#header h1 span {
		display: none;
	}
	#header h1.index, #header h1.reservedarea, 
	#header h1.contact, #header h1.news {
		position: absolute;
		top: 36px;
		left: 0px;
		margin: 0;
		padding: 0px;
		width: 575px;
		height: 105px;
		background: url('../images/header-index.jpg') 0px 0px no-repeat;
	}
	
	#leftbox {
		float: left;
		width: 624px;
		height: 150px;
		padding: 0px;
	}
	#leftbox #innerleft {
		margin: 0;
		padding: 0;
	}
	
	#rightbox {
		float: left;
		position: relative;
		width: 380px;
		height: 140px;
		margin-top: 10px;
		padding-top: 18px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 120px;
	}
	html>body #rightbox { height: 120px; }
	#rightbox #newuser {
		position: absolute;
		display: block;
		z-index: 5;
		top: 110px;
		left: 11px;
	}
	#rightbox #newuser a:link, #rightbox #newuser a:visited {
		color: #fff;
		font-size: 10px;
	} 
	#loginForm {
		width: 100px;
		margin: 0;
		padding: 0;
	}
	#rightbox .submit {
		border: 0;
		width: 50px;
		height: 22px;
		margin-left: 20px;
		margin-bottom: 12px;
		padding-left: 5px;
		background: url('../images/btn-submit.gif') no-repeat;
		color: #330066;
	}
	#txtUser, #txtPass {
		color: #330066;
		padding-left: 3px;
	}
	#rightbox .btn, #rightcol .btn {
		width: 91px;
		height: 26px;
		border: 0;
		margin: 0px 0px 4px 0px;
		padding-top: 3px;
		background: url('../images/btn-white-nostroke.gif') no-repeat;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 23px;	
	}
		html>body #rightbox .btn { height: 23px; }
		html>body #rightcol .btn { height: 23px; }
	#index #loginForm .btn, #news #loginForm .btn,
	#contact #loginForm .btn, #reservedarea #loginForm .btn {
		width: 78px;
		height: 24px;
	}
	#index #rightbox #loginForm .btn, #news #loginForm .btn, 
	#contact #loginForm .btn, #reservedarea #loginForm .btn {
		background-image: none;
	}
	#index #rightcol .btn, #news #rightcol .btn,
	#contact #rightcol .btn, #reservedarea #rightcol .btn {
		background: url('../images/btn-white.gif');
	}
	#index #loginForm .submit, #news #loginForm .submit,
	#contact #loginForm .submit, #reservedarea #loginForm .submit {
		background: none;
		
	}
	#lang1 {
		color: #333333;
		margin-top: -100px;
		margin-left: 320px;
		font-size: 13px;
		float: left;
	}
	#lang2 {
		display: block;
		margin-left: 315px;
		font-size: 17px;
		color: #ff3333;
		letter-spacing: 1px;
	}
	
	#logedIn {
		background-color: #CCCCCC;
		width: 100px;
		height: 80px;
		margin: 0;
		padding: 10px;
		font-size: 10px;
	}



.body {
	margin: 0px; 				
	text-align: left;
	width: 1004px;					
	padding: 0px 0px 0px 0px;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 1004px;
}	

	html>body .body { width: 1004px; }
	



#rightcol {
	width: 380px;
	float: left;
	padding: 0px 0px 0px 0px;
	z-index: 1;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 380px;
}
	html>body #rightcol { width: 380px; }
	
	#rightcol a:link, #rightcol a:visited {
		display: block;
		text-align: center;
		color: #330066;
		font-size: 12px;
	}
	#agrar #rightcol, #natura #rightcol, #contact #rightcol {
		background: url('../images/indexBoxAgrar-back.gif') 100% 100% no-repeat;
		padding-bottom: 110px;
	}
	#rightcol #link0 {
		margin-top: 110px;
	}
	#rightcol #link1 {
		/*margin-top: 112px;*/
		margin-top: 0px;
	}
	#rightcol #link2 {
		/*margin-top: 24px;*/
		margin-top: 0px;
	}
	/*a.btn#link1, a.btn#link2 {
		font-size: 11px;
	}*/
	#rightcol #proizvodi {
		margin-top: -30px;
		margin-left: 150px;
	}
	#rightcol #kontakt {
		margin-top: -30px;
		margin-left: 310px;
	}
	
	#rightcol h2.news {
		margin: 60px 0px 10px 0px;
		padding: 0;
		width: 314px;
		height: 21px;
		background: url('../images/newsboxh2.gif') no-repeat;
	}
	#rightcol h2 span {
		display: none;
	}
	.newsbox {
		width: 341px;
		margin: 0px 0px 0px 20px;
		color: #FFFFFF;
		padding: 0;
	}
	.newsboxtop {
		padding: 10px 10px 0px 10px;
		min-height: 70px;
	}
	.newsboxtop p {
		margin: 0px 0px 5px 0px;
	}
	#rightcol .newsboxbottom a:link, #rightcol .newsboxbottom a:visited {
		color: #FFFFFF;
		display: block;
		font-size: 11px;
		text-align: right;
		padding-right: 10px;
	}
	#rightcol .newsboxtop a:link, #rightcol .newsboxtop a:visited {
		color: #FFFFFF;
		display: inline;
		font-size: 11px;
	}
	
	


#index #indexBoxes {
	width: 906px;
	margin-left: 30px;
	padding: 0;
	background: url('../images/indexBoxes-back.gif') 0% 100% no-repeat;
}
	#indexBoxes h2.boxHeadings, #contact h2.boxHeadings {
		width: 296px;
		height: 20px;
		float: left;
		text-align: center;
		font-size: 17px;
		font-weight: bold;
		letter-spacing: 2px;
		color: #FFFFFF;
		margin: 0px 6px 6px 0px;
	}
		#h2Agrar {
			background: url('../images/h2Agrar.gif') no-repeat;
		}
		#h2Libertas {
			background: url('../images/h2Libertas.gif') no-repeat;
		}
		#h2Natura {
			background: url('../images/h2Natura.gif') no-repeat;
		}
		#indexBoxes span, #contact h2 span { display: none; }
	#indexBoxes .box, #contact .box {
		width: 296px;
		float: left;
		background-color: #e1e0e0;
		margin: 0px 6px 60px 0px;
	}
	#indexBoxes .boxIndexBottom, #contact .boxIndexBottom {
		background: url('../images/boxIndex-bottom.gif') no-repeat;
		background-position: 0% 100%;
	}
	#indexBoxes .boxIndexTop, #contact .boxIndexTop {
		background: url('../images/boxIndex-top.gif') no-repeat;
		padding: 10px;
		background-position: 0% 0%;
		height: 110px;
	}
		#contact .boxIndexTop {height: auto;}
	#indexBoxes #boxAgrar {
		background-image: url('../images/indexBoxAgrar-back.gif');
		background-repeat: no-repeat;
		background-position: 0% 106px;
	}
	#indexBoxes #boxLibertas {
		background-image: url('../images/indexBoxLibertas-back.gif');
		background-repeat: no-repeat;
		background-position: 0% 90px;
	}
		#indexBoxes #boxLibertas p, #indexBoxes #boxAgrar p, #indexBoxes #boxNatura p {
			margin: 2px;
		}
	#indexBoxes #boxNatura {
		background-image: url('../images/indexBoxNatura-back.gif');
		background-repeat: no-repeat;
		background-position: 0% 90px;
	}


#main {
	width: 624px;
	float: left;
	margin: 0;
	padding: 0px;
	z-index: 1;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 624px;
}

	html>body #main { width: 624px; }
	


#centercol {
	margin: 0px;
	padding: 30px 40px 50px 45px;
	z-index: 2;
	min-height: 150px;
}
	/* Internet Explorer hack for min-height of #main */
	* html #news #centercol {
		height: 150px;
	}
	#index #centercol, #news #centercol,
	#contact #centercol, #reservedarea #centercol {
		padding: 10px 0px 10px 30px;
	}
	
	ul#hornav  #hornavright {
		background: url(../images/hornav-right.jpg) right top no-repeat;
		padding: 2px 19px 0px 19px;
		margin: 0;		
		height: 20px;
		/* box model hack */
		voice-family: "\"}\"";
		voice-family:inherit;
		height: 18px;
	}
		html>body ul#hornav  #hornavright { height: 18px; }
	ul#hornav {
		position: absolute;
		list-style: none;
		z-index: 25;
		margin: -30px 0px 0px 0px;
		padding: 0px;
		font-size: 12px;
		background: #3f2d7f url(../images/hornav-left.jpg) left top no-repeat;
		width: 280px;
	}
		
		
		ul#hornav li {
			display: inline;
		}
		#hornav li a:link, #hornav li a:visited {
			color: #FFFFFF;
			float: left;
			margin-right: 30px;
		}
			#hornav li.last a:link, #hornav li.last a:visited {
				margin-right: 0px;
			}
		#hornav li a:hover {
			color: #cc0033;
		}
		

.roundedcornr_box_442461 {
   background: #f4f4ff;
}
	#contact .roundedcornr_box_442461 {
		background: none;
	}
.roundedcornr_top_442461 div {
   background: url(../images/innercontent-left.png) no-repeat top left;
}
.roundedcornr_top_442461 {
   background: url(../images/innercontent-right.png) no-repeat top right;
}
.roundedcornr_bottom_442461 div {
   background: url(../images/innercontent-btmleft.png) no-repeat bottom left;
}
.roundedcornr_bottom_442461 {
   background: url(../images/innercontent-btmright.png) no-repeat bottom right;
}
	#contact .roundedcornr_top_442461 div, #contact .roundedcornr_top_442461,
	#contact .roundedcornr_bottom_442461 div, #contact .roundedcornr_bottom_442461 {
		background: none;
	}

.roundedcornr_top_442461 div, .roundedcornr_top_442461, 
.roundedcornr_bottom_442461 div, .roundedcornr_bottom_442461 {
   width: 100%;
   height: 19px;
   font-size: 1px;
}
.roundedcornr_content_442461 { margin: 0 19px; overflow: hidden; }

.clear { clear: both; }



#footer {
	margin: 0px; 
	margin-top: 20px;
	background: #fff;
	width: 600px;
	padding: 10px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ededed;
	float: left;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 580px;
}

	html>body #footer { width: 580px; }
	
#footer.index {
	width: 1004px;
	border: 0;
	/* box model hack */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 984px;
}

	html>body #footer.index { width: 984px; }