@charset "utf-8";

/* CSS Document */



body {

	background: #99cc00 url(images/bg.jpg) repeat-x top center;

	margin: 0; padding: 0;

	font: normal 15px Calibri, Calibri, Arial, Helvetica, sans-serif;

	color: #333

}

.firma {

	font: bold 15px Calibri, Arial, Helvetica, sans-serif;

	color: #5a7800

}

ul {

list-style-image:url(images/ulli.jpg);



}

ul li {

	margin: 0 0 10px 0;

	

}

.arrowlistmenu{

width: 180px; /*width of accordion menu*/

}



.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/

font: bold 14px Arial;

color: white;

background: black url(titlebar.png) repeat-x center left;

margin-bottom: 10px; /*bottom spacing between header and rest of content*/

text-transform: uppercase;

padding: 4px 0 4px 10px; /*header text is indented 10px*/

cursor: hand;

cursor: pointer;



}



.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

background-image: url(titlebar-active.png);

}



.arrowlistmenu ul{ /*CSS for UL of each sub menu*/

list-style-type: none;

margin: 0;

padding: 0;

margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/

}



.arrowlistmenu ul li{

padding-bottom: 2px; /*bottom spacing between menu items*/

}



.arrowlistmenu ul li a{

color: #A70303;

background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/

display: block;

padding: 2px 0;

padding-left: 19px; /*link text is indented 19px*/

text-decoration: none;

font-weight: bold;

border-bottom: 1px solid #dadada;

font-size: 90%;

}



.arrowlistmenu ul li a:visited{

color: #A70303;

}



.arrowlistmenu ul li a:hover{ /*hover state CSS*/

color: #A70303;

background-color: #F3F3F3;

}



p {
	padding: 0 20px 0 30px;
	text-align: center

}

h1 {

	margin: 0 0 0 20px;

	font: bold 16px Arial, Helvetica, sans-serif;

	border-bottom: 1px solid #999;

	width: 537px

}

.linkovi {

	width: 200px;

	background: #000033 url(images/linkovibg.jpg) repeat-y;

	border: 1px solid #999;

	padding: 10px 0 10px 00px;

	margin: 20px 0 0 0;

}

h3  {

	padding: 5px 0 5px 20px;

	margin: 0;

	font: bold 14px Arial, Helvetica, sans-serif

}

h3 a{ 

	color: #333;

	text-decoration: none

}

h3 a:hover{ 

	color: #333;

	text-decoration: none

}

ul.categoryitems {

	list-style: disc;

	list-style-image: none

}

ul.categoryitems li {
	margin: 0 0 5px 0;
	color: #000

}

ul.categoryitems li a{

	font: normal 15px Calibri, Arial, Helvetica, sans-serif;

	color: #333;

	text-decoration: none

}

ul.categoryitems li a:hover{

	font-weight: bold;

	color: #333

}

.header {

	width: 758px; height:150px;

	border: 1px solid #999;

	margin: 0 0 20px 0

}

.mapa {

	width: 534px; height:436px;

	border:1px solid #999;

	margin: 0 auto;

}

p.credit {

font-size: 11px;

text-align: right;

color: #999

}

p.credit a{

	text-decoration: none;

	color: #999

}

img { behavior: url(iepngfix.htc) }





a {

	color: #d98700

}

a:hover{color: #d98700 }

.slikadesno {

	float: right;

	padding: 3px;

	border: 1px solid #999;

	margin:0px 20px 15px 10px;

}

.slikalevo {

	float: left;

	padding: 3px;

	border: 1px solid #999;



}