/* -----------
    CSS RESET
   ----------- */

body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
* {outline:none;}

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

form { display: inline; }

strong { font-weight: bold }
em { font-style: italic }

* a { position:relative } /* Gets links displaying over a PNG background */
a, #button, .smallbutton { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */

a:link {
	color: #333333;
	text-decoration:none;
}
a:visited {
	color: #333333;
	text-decoration:none;
}
a:hover {
	color: #333333;
	text-decoration:none;
}
a:active {
	color: #333333;
	text-decoration:none;
}


body {
	background:#330033 url(images/pozadina.png) repeat-x;
	text-align:center;
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:16px;
}

html {
	overflow:scroll;
}

html, body {
	height: 100%;
}

#container	{
	width:780px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -53px;
	background:#FFFFFF url(images/pozadina_rub.png) repeat-y;
}

#footer {
	width:766px;
	background: url(images/foot1.gif) repeat-x;
	border:0;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}

/* ---------------------- navigation manu ---------------------- */
.navigation {
	background: url(images/izbornik_1.jpg) repeat-x;
}
.navigation #slatenav{
	position:relative;
	display:block;
	height:42px;
	font-size:12px;
	font-weight:bold;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	text-transform:uppercase;
}
.navigation #slatenav ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}
.navigation #slatenav ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}
.navigation #slatenav ul li a{
	display:block;
	float:left;
	color:#ffccff;
	text-decoration:none;
	padding:14px 15px 0 15px;
	height:28px;
}
.navigation #slatenav ul li a:hover,.navigation #slatenav ul li a.current{
	color:#FFFFFF;
	background:transparent url(images/izbornik_2.jpg) no-repeat top center;
}
/* ---------------------- END navigation manu ---------------------- */

.naslov {
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-style:italic;
	font-weight:bold;
	color:#996699;
	margin-bottom:20px;
}

.naslov2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight:bold;
	color:#33CC99;
}

.naslov3 {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 48px;
	font-style:italic;
	font-weight:bold;
	color:#996699;
}

.naslov4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 36px;
	font-weight:bold;
}

.masnije {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
}

.masnije2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	font-size:18px;
}

.vise {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	font-size:16px;
}

.nabrajanje {
	background:url(images/bullet.gif) no-repeat;
	width:450px;
	height:30px;
	padding-top: 5px;
	margin:0px auto;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	vertical-align:middle;
}

.nabrajanje a {
	display: block;
	padding-left:35px;
}

.okvir_1 {
	margin: 10px auto;
	padding: 10px;
	color:#FFF;
	background-color: #996699;
	border: 2px solid #330033;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.okvir_2 {
	width:550px;
	margin: 0 auto;
	padding: 20px;
	color:#FFF;
	background-color: #996699;
	border: 2px solid #330033;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:left;
}

.okvir_3 {
	width:550px;
	margin: 0 auto;
	padding: 5px;
	color:#000;
	background-color: #33CC99;
	border: 2px solid #009966;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.okvir_4 {
	width:550px;
	margin: 0 auto;
	padding: 5px;
	color:#333;
	background-color: #CCCCCC;
	border: 2px solid #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

.moduli1 {
	width:550px;
	margin: 5px auto;
	padding: 10px;
	background-color: #CCCCCC;
	border: 2px solid #333333;
	text-align:left;
}

.moduli2 {
	width:550px;
	margin: 5px auto;
	padding: 10px;
	background-color: #EEEEEE;
	border: 2px solid #333333;
	text-align:left;
}

.text {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	line-height: 16pt; 
	margin-right: 8px; 
	margin-left: 8px; 
	color: #FF9933;
}

.textmeni { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: 16pt;
	margin-right: 8px;
	margin-left: 0px;
	color: #FFFFFF;
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	background-color: #006666; 
	border-color: black black #FFFFFF; 
	border-style: solid; 
	border-top-width: 0px; 
	border-right-width: 0px; 
	border-bottom-width: 1px; 
	border-left-width: 0px;
}

.lnk {
	color : Black;
	font-size : 11pt;
	font-weight : bold;
	text-decoration:underline;
}

.jus {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 16px; 
	text-align: justify;
}

.txt {
	font-size: 16px;
	text-align: justify; 
	font-family: Arial, Helvetica, sans-serif;
}