@charset "utf-8";
/* Lovcen Osiguranje CSS */


body {
behavior: url("/js/csshover3.htc");
margin: 5px auto 0 auto;
padding: 0;
background-color: white;
color: black;
background-color: #FFF  ;
background-position:top center;
color: #003 ;
background: url(../img/pozadina.jpg) repeat-x  ; 
font: Tahoma, Geneva, sans-serif; 
}

#wrapper {
	margin: 0 auto;
	padding: 0;
	width: 951px; 
	height: 100%;
}

/* --------- start of top part ----------- */

#top	{
	margin: 0 auto;
	padding: 0;
	width: 951px;
	height: 118px;
	background-image:url(../img/top_background.jpg);
}

#logo {
	float:left;
	padding-left: 20px;
	padding-top:18px;
}
#mapa_sajta	{
	width: 40px;
	height:88px;
	float:left;
	padding: 20px 20px 10px 274px;
	background:url(../img/simbol-vase-sigurnosti.png) no-repeat;
}
 
#mapa_sajta h1 {
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #233982;
}


#pretraga_sajta	{
	width: 230px;
	height:48px;
	float: right;
	padding: 60px 20px 10px 10px;
}

#pretraga_sajta h1 {
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
	color: #233982;
	padding-bottom: 8px;
}
/* --------- end of top part ----------- */

/* --------- header part ----------- */

#header	{
	margin: 0 auto;
	padding: 0;
	width: 951px;
	height: 276px;
	background-image:url(../img/header_background.jpg);
}

#header_flash	{
	float: right;
	width:720;
	height:276;
	padding-right: 5px;
}

#header h3	{
	float: left;
	font-size: 14px;
	font-weight:normal;
	font-family: Tahoma, Geneva, sans-serif;
	color: #000663;
	padding: 0px 8px 8px 20px;
	margin-bottom:  0px;
	width: 190px;
	line-height: 16px;
}

#header h3 p { 
	margin: 0px 0px 8px 0px;
	font-size: 14px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: justify;
	line-height: 16px;
}




/* --------- end of header part ----------- */
/* --------- menu part ----------- */

#menuokolo	{
	background:url(../img/menu_background.jpg) repeat-y; 
	padding: 0;
	margin: 0 auto;
	border: 0;
	top: 0px;
	left: 0px;
	width: 951px;
	height: 35px;
}

#menu	{
	list-style-type: none;
	padding: 0 5px 0 5px;
	margin: 0 auto;
	border: 0;
	top: 0px;
	left: 0px;
	width: 951px;
	height: 35px;
}

#menu li	{
	padding: 8px 0 0 0;
	margin: 0 auto;
	float: left;
	/* text-align: center; */
	font: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	height: 25px;
	letter-spacing: 0.5px;
}

#menu li:hover ul ul,
#menu ul li:hover ul ul
{display: none;}

#menu ul li:hover ul,
#menu ul ul li:hover ul
{display: block;}

#menu ul li
{
height:19px;
width:280px;
text-align:left;
margin-left:2px;
padding:12px 0 0 12px;
position:relative;
}

#menu ul li:hover
{
	background: url(../img/malapoza.jpg) repeat-x;
}

#menu ul ul{
top:0;
left:190px;
display:none;
}

#menu li ul
{
margin:7px 0 0 0 ;
padding:0px 0px 3px 0px;
display:none;
position:absolute;
background-color: #233982;
z-index:999;
border: medium  #1d2952 solid;
}

#menu li:hover ul
{
display:block;
width:294px;
}

#menu li li
{
list-style:none;
display:list-item;
}


#menu li a	{
	color: white;
	font-family:Tahoma, Geneva, sans-serif;
}

#menu li a:hover	{
	color: yellow;
	font-family: Tahoma, Geneva, sans-serif;
}

#menu li a { display: block; text-align: center; }
#menu li li a { text-align: left; }

#menu li ul li ul { left: 240px; top: 0px;}

#menu1	{
	width: 115px;
	background: url(../img/menu1.jpg);
}

#menu1:hover	{
	background:url(../img/menu1over.jpg);
}

#menu2	{
	width: 85px;
	background-image: url(../img/menu2.jpg);
}

#menu2:hover	{
	background-image:url(../img/menu2over.jpg);
}

#menu3	{
	width: 162px;
	background-image: url(../img/menu3.jpg);
}

#menu3:hover	{
	background-image:url(../img/menu3over.jpg);
}

#menu4	{
	width: 184px;
	background-image: url(../img/menu4.jpg);
}

#menu4:hover	{
	background-image:url(../img/menu4over.jpg);
}

#menu5	{
	width: 67px;
	background-image: url(../img/menu5.jpg);
}

#menu5:hover	{
	background-image:url(../img/menu5over.jpg);
}

#menu6	{
	width: 165px;
	background-image: url(../img/menu6.jpg);
}

#menu6:hover	{
	background-image:url(../img/menu6over.jpg);
}

#menu7	{
	width: 77px;
	background-image: url(../img/menu7.jpg);
}

#menu7:hover	{
	background-image:url(../img/menu7over.jpg);
}

#menu8	{
	width: 86px;
	background-image: url(../img/menu8.jpg);
}

#menu8:hover	{
	background-image:url(../img/menu8over.jpg);
}


/* --------- end of menu part ----------- */
/* --------- main part ----------- */

#main	{
	float: left;
	padding: 0;
	background: url(../img/main_background.jpg) repeat-y; 
	width: 951px;
	height: 100%
}

.main_side	{
	float: left;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px 10px;
	text-align: left;
	}

.main_center	{
	float:left;
	width:501px;
}

#main_bottom_left	{
	float: left;
	width:240px;
	padding: 0 10px 0 0;
}

#main_bottom_right	{
	float: right;
	width:240px;
	padding: 0 0 0 10px;
}



.main_side div, .main_center div {padding:15px}

#side_naslovi	{

}

/* --------- end of main part ----------- */
/* --------- footer part ----------- */

#footer	{
	margin: 0 auto;
	width: 951px;
	height: 120px;
	background: url(../img/footer_background.jpg) no-repeat;
	font-size: 13px;
	color: #000663;
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: center;
	padding: 50px 0 0 0;
	line-height: 1.7;
}
#footer-text	{
	
}
	



/* --------- end of main part ----------- */


#tekst_bold	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #000;
	padding: 5px;
	line-height:12px;
	text-align:left;
}

#tekst	{
	padding: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight: normal;
	color: #000;
	line-height:12px;
	text-align:left;
}

#kliknite	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color: #blue;
}

#isprekidana_linija	{
	width: 185px;
	border-bottom: dotted #09F thin;
	margin-left: 10px;
}

a	{
	text-decoration:none;
	color; blue;
}

a:hover	{
	color: #00F;
	text-decoration:underline;
}

a:visited	{
	color: #009;
	text-align: center;
}
	

.pomocni {
	font-size: 10px;
	color: #00F ;
}


p	{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
	text-align: justify;
}

h1	{ font-size: 1.6em; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1; margin: 0.3em 0px 0.5em 0px;  font-weight: lighter; }
h3	
h2	{ font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; line-height: 1.2; margin: 0.3em 0px 0.5em 0px;  font-weight: lighter; }
h4	{ font-size: 1.2em; font-family:Georgia, "Times New Roman", Times, serif;  line-height: 1.2; margin: 0.3em 0px 0.5em 0px;  font-weight: lighter; }

#razmakni	{ padding: 10px 0;	}



/* ------------------ accordion --------------- */
.glossymenu{
margin: 5px 0;
padding: 20px 0;
width: 200px; /*width of menu*/
}

.glossymenu a.menuitem{
background: url(../img/kontakti.jpg) no-repeat top left  ;
font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: blue;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 22px 0;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: blue;
background: url(../img/kontakti.jpg) no-repeat top left  ;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background-image: url(../img/kontakti.jpg);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px dotted #039;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px  Tahoma, Geneva, sans-serif;
color: black;
text-decoration: none;
padding:5px 0;
padding-left: 10px;
text-align:left;
}

.glossymenu div.submenu ul li a:hover{
background: #dfa746;
color: black;
}