body {
	margin:5px 0;
	padding:0;
	font: 74% Arial, Sans-Serif;
	color:#000;
	line-height: 1.4em;
	background: #F0F0F0;
}
.content {
	color: #505050;
	margin: 0 auto;
	padding: 0;
	width:791px; 
	background: #FFF url(bg.jpg) repeat-y center;
}

.content2{
	color: #505050;
	margin: auto;
	padding: 3px;
	width:750px; 
	height:577px;
	border-left: 2px solid #CCCCCC;
	border-top: 2px solid #CCCCCC;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	
}

.picture { margin: 0 0 -9px 0; 	padding: 0; color: #555; background: inherit; }

.slika-prije{
	color: #993300;
	float:left;
	padding-left:100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
	}
	
	.slika-prije2{
	color:#999999;
	float:left;
	padding-left:100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
	}
	
.slika-prije a { color: #993300; }
.slika-prije a:hover { 	color: #CC9900; text-decoration: none;}
	
	.slika-poslije{
	color: #993300;
	float:right;
	padding-right:100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
}
	.slika-poslije2{
	color: #999999;
	float:right;
	padding-right:100px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
}
.slika-poslije a { color: #993300; }
.slika-poslije a:hover { 	color: #CC9900; text-decoration: none;}

	.povratak{
	color: #993300;
	float:none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	line-height: 15px;
	text-align: center;
}

.povratak a { color: #993300; }
.povratak a:hover { 	color: #CC9900; text-decoration: none;}

#toph { background: #F0F0F0 url(top.jpg) no-repeat center top; height: 14px; margin: 0; padding: 0;}
#header { color: #FFF; padding: 0 15px 0 15px; line-height: 1.0em; }
	#header .rside { background: #125E81 url(header.jpg) no-repeat; color: #337493; float: right; height: 129px; width: 587px;  font-size: 90%; }
	#header .citation { text-align: right; padding: 60px 25px 25px 6px; color: #f0f0f0;}
	#header .lside {
	color: #FFFF00;
	height: 129px;
	width: 174px;
	padding: 0;
	margin: 0;
	float: left;
	background-color: #993300;
}
	#header h2 {
	background-color: inherit;
	text-align: center;
	padding: 5px;
	color: #FFFF00;
	letter-spacing: 3px;
	font-family: Times New Roman, Times, serif;
	font-size: large;
	font-style: italic;
	line-height: normal;
	margin: 0px;
	margin-bottom:4px;
	margin-left:4px;
	/*background: url(og.jpg) no-repeat center top;*/
}
	#header h3 {
	background-color: inherit;
	text-align: center;
	/*padding: 60px 30px 30px 60px; */
	color: #FFFF00;
	letter-spacing: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	font-weight: bold;
	margin: -15px 5px -10px 0px;
	/*background: url(logo1.jpg) no-repeat center top;*/
}

#main { margin: 0 20px 0 15px; }	
#main h2 {
	background-color: inherit;
	color: #993300;
	line-height: 0.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin-bottom:10px;
}

#main h3 { font: 85% Arial, Sans-Serif; margin: 0 15px 10px 0; padding: 0; color: #5f5f5f; background: #FFFFF; border-bottom: 1px solid #993300;}

#main h4 {
	background-color: inherit;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height:1.8em;
	margin: 0 0 0 0;
	text-align: justify;
}

#main .italic {
	background-color: inherit;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: normal;
	line-height:1.8em;
	margin: 0 0 0 0;
	text-align: center;
	font-style: italic;
}

.center {
	width: 550px !important;
	width: 535px;
	float: right;
	margin: 15px;
	margin-bottom:inherit;
	background-color: #FFFFFF;
	color: #000000;
	background:  url(kupina_pozadina.jpg) no-repeat right bottom;
	
}

.center_2{
	width: 550px !important;
	width: 535px;
	float: right;
	margin: 15px;
	margin-bottom:inherit;
	background-color: #FFFFFF;
	color: #000000;
	background:  url(piramida.jpg) no-repeat right bottom;
	
}

.center_3{
	width: 550px !important;
	width: 535px;
	float: right;
	margin: 15px;
	margin-bottom:inherit;
	background-color: #FFFFFF;
	color: #000000;
	background:  url(kupina_pozadina2.jpg) no-repeat right bottom;
	
}
.str {
	
	background-color: #FFFFFF;
	background:inherit;
	background-image:none;
	text-align: center;	
	color: #993300;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	margin-top:10px;
	
	
}
.str a { color: #993300; background:inherit;background:#FFFFFF; }
.str a:hover { 	color: #CC9900; text-decoration: none; background:inherit;background:#FFFFFF;}

.leftmenu {
	background:  url(lijevi-gradijent.jpg) repeat-x top;
	width: 174px;
	float: left;
	padding: 0;
	margin: 0;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #CFCFCF;
	
}
.padding { padding: 15px; background:url(lijevi-gradijent2.jpg) repeat-x bottom;margin-bottom:auto;}
.left_font {	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;}

.img {
	background: #FFF;
	padding: 2px;
	margin: 5px 8px 5px 0;
	color: #333;
	float:left;
	border: 1px solid #cccccc;
}

.img2 {
		background: #FFF;
		padding: 2px; 
		margin:  13px 9px 5px 0;
		margin-top:2px; 
		color: #333; 
		border: 2px solid #cccccc;
		float:left;
		}
		
.img3 {
		background: #FFF;
		padding: 2px; 
		margin:  0 9px 5px 13px;
		margin-top:2px; 
		color: #333; 
		border: 2px solid #cccccc;
		float:right;
		}
		
/* FOOTER */
#footer { background:  url(footer.jpg); color: #FFCC00; height: 43px; text-align: center; font-size: 11px; clear: both; padding: 0px; margin-top: -10px;}
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a { color: #FFCC00; background:#993300;  text-decoration:none; }
#footer a:hover { 	background: #993300;text-decoration: underline; color: #CC9900;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: #7D8085; padding: 20px 0 0 0; }
.nav li { font-weight: bold; font-size:12px; margin: 0 0 8px 0; padding: 0 0 0 5px; border-bottom: 1px solid #ccc; }
.nav li a { color: #993300; text-decoration: none;  }
.nav li a:hover { color: #FF9933; text-decoration: none;  }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

p { margin: 0 0 5px 0; 	padding: 0; color: #555; background: inherit; }

hr { border: 0; height: 1px; color: #eee; background-color: inherit; }
a { color: #993300; background: inherit;  text-decoration:none;  }
a:hover { 	background: inherit;	text-decoration: underline; }
h1 { padding:0; margin:0; color: #000000; background: inherit;font: bold 1.8em Arial, Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit; color:#000000; font-size:140%; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
h2 a { color: #993300; }
h2 a:hover { 	color: #CC9900; text-decoration: none;}


ul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }
li { list-style-type: none;	color: #F29900;	margin: 0 0 0px 0;	padding: 0 0 0 0px; }
li a { color: #993300;  }
li a:hover { color: #CC9900; }

fieldset {	border: 1px solid #eee; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
textarea.text:hover { border: 1px solid #eee; background: #FFFFF4; color: #000; }
input.field { border: 1px solid #ccc; background-color: #3C3C3C; width: 100px; color: #000; }
input.field:hover { border: 1px solid #eee; background: #ccc; color: #000; }
input.text { padding-top: -10px; width: 110px;	border: 1px solid #546078; background: #FFF; color: #808080; }
input.text:hover { border: 1px solid #3a4354; }
input.searchbutton {
	margin-left: -1px;
	margin-top: 7px;
	font-size: 100%;
	font-family: Arial, Sans-serif;
	padding: 0px;
	font-weight: bold;

}

.naslovna {
	margin:auto;
	height:600px;
	width:790px;
	
 }
 
.intro_page {
	margin:auto;
	height:600px;
	width:790px;
	background: #F0F0F0 url(naslovna.jpg) no-repeat center;
}

.tabl_font{
	background-color: inherit;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	margin-bottom:10px;
}

.kontakt_naslov{
	color:#993300;
	background-color: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;	
	margin-bottom:10px;
}