body{background:url(images/podlaga.gif) top left repeat-x #C2D6E2}



/*///////////////////////////////

//	common

///////////////////////////////*/

 	body{margin:0; padding:0;}

	ul{margin:0; padding:0;}

	ul li {float:left; padding-left:15px; list-style-type:none;} 





form {

	margin: 0;

	padding: 0;

}

img {

	border: none;

}

a {

	color:#ff5a00;

}

a:visited {

	/*color: #103E5B;*/

}

a:hover {

	text-decoration: none;

	color: #a90303;

}

body, input, textarea, select, td, th {

	font-family: Tahoma, Arial, sanserif;

	color:#646464;

	font-size: 11px;

}

body, html {

	width:100%;

}

li {

/*	list-style:url(bullet1.gif);*/

	margin:3px 0 3px 0;

	padding:0px 0 3px 0;

}

ul ul li {

	list-style:url(bullet2.gif);

}

ul ul ul li {

	list-style:url(bullet3.gif);

}







#iskalnik{

	float:left;

	background:url(iskalnik.gif) no-repeat #f5f5f5;

	width:188px;

	height:99px; 

	font-size:10px;

	color:#a1a1a1;

	position:relative;

}

#iskalnik input {

	border:none;

	position:absolute;

	left:28px;

	top:43px;

	width:133px;

	background:none;

	text-align:center;

	color:#497f8f;

}

#iskalnik .submit {

	position:absolute;

	top:67px;

	width:50px;

	left:60px;

}



/*******************************

glava pasica

/******************************/

#glava_pasica{float:right; width:690px; padding-top:4px;}

#glava_pasica_odmik{text-align:right; padding-right:20px; padding-top:20px}



#glava_pasica_slika{height:160px;}



/*///////////////////////////////

//	MENIJI

///////////////////////////////*/

#hmeni {

	float:left;

	width:890px;

	height:32px;

	margin:0 0 0 5px;

	display:inline;

	background:url(images/hmeni_back.gif) repeat-x;

}

#hmeni ul {

	margin:0px 0 0 10px;

	padding:0;

	width:890px;

	height:18px;

	float:left;

	display:inline;

}

#hmeni li {

	list-style:none;

	display:inline;

	margin:0 !important;

	padding:0 !important;

}

.hmeniAkt a {

	color:#2c5f6e !important;

}

.hmeniAkt {

	

}

#hmeni a {

	display:block;

	float:left;

	color:#51371d;

	font-size:13px;

	text-decoration:none;

	padding:10px 20px 9px 20px;

	margin: 0px 0 0 0px;

/*	background:url(images/hmeni_lineu.gif) no-repeat;*/

}

.hmaktf a {

	background:none !important;

}

.hmeniAkt a {

	padding:0 10px 0 0 !important;

	background:url(images/hmeni_a_r.gif) no-repeat right bottom !important;

}



.hmeniAkt a span {

	padding:10px 20px 6px 30px;

	float:left;

	display:block;

	background:url(images/hmeni_a.gif) no-repeat left bottom !important;

}



#hmeni a:hover {

	color:#fff;

}

/* VMENI */

#vmeni {

	float:left;

	width:188px;

	background:url(images/vmeni_bottom.gif) no-repeat left bottom;

	margin:2px 0 0px 0;

	padding:0 0 4px 0;

	display:inline;

}

.vmeniAkt a {

	color:#ff5a00 !important;

}

.vmeniAkt ul a {

	color:#51371d !important;

}

#vmeni a, #koledar ul a {

	color:#51371d;

	text-decoration:none;

	border-bottom:1px solid #C2D6E2;

	display:block;

	padding:5px 4px 5px 4px;

	margin:0 10px 0 10px;

}

#vmeni a:hover, #koledar ul a:hover, #zadnjeNovice a:hover {

	color:#ff5a00 !important;

	border-bottom:1px solid #fff;

}

#vmeni ul, #koledar ul {

	margin:0;

	width:188px;

	padding:5px 0px 2px 0px;

/*	background:url(images/vmeni.gif) no-repeat; */

}



#vmeni ul ul {

	padding:0;

	width:188px;

	background:none;

}

#vmeni ul ul a, #vmeni ul ul a {

	padding: 5px 0 5px 30px;

	background:url(images/vmeni_bullet.gif) no-repeat 13px 5px;

}

#vmeni ul ul ul a{

	padding: 5px 0 5px 50px;

	background-position:33px 5px;

}

#vmeni ul ul a:hover, #vmeni ul ul a:hover  {

	

}

#vmeni ul li, #koledar ul li, #zadnjeNovice ul li {

	display: inline;

	list-style:none;

}

#vmeniLast a, #noviceLast a {

	border-bottom:none !important;

}

#vmeni_akt {

	position:absolute;

	width:24px;

	height:24px;

	left:16px;

/*	background:url(vmeni_akt.gif) no-repeat;*/

	z-index:1000;

}





#lcol, #rcol, #mcol, #chat_col {

	position:relative;

	float:left;

	padding-top:0;

	margin:2px 0 0 8px;

	display:inline;

}

#lcol {

	width:189px;

}

#mcol {

	width:500px;

	padding-top:10px;

	margin-left:4px;

	margin-right:4px;

}

#rcol {

	width:189px;

}



#chat_col {

	width:689px;

	padding-top:10px;

	margin-left:4px;

	margin-right:4px;



}





#mc {

	float:left;

	position:relative;

	width:100%;

	background:url(images/main_back.gif) repeat-y;

}

#lf, #rf {

	position:absolute;

	top:0;

	left:0;

	background:url(images/back_l.gif) no-repeat;

	width:5px;

	height:318px;

	overflow:hidden;

}

#spacr {

	float:right;

	overflow:hidden;

	width:1px;

	height:318px;

}

#rf {

	background:url(images/back_r.gif) no-repeat;

	left:895px;

}



.item {

	display:inline;

	float:left;

	width:500px;

	margin:3px 0 5px 0px;

}









#footer {

	float:left;

	width:900px;

	position:relative;

	height:41px;

	margin:0 0 10px 0px;

	background:url(images/bottom.gif) no-repeat;

	color:#6d8c9f;

	font-size:10px;

}

#footer p {

	margin:8px 0 0 8px;

}







.clear {clear:both;}



.levo5{padding-left:5px;}



.vvmeni {float:left; width:180px; padding-top:10px;  background:url(images/levo.jpg) top left no-repeat;}



.glava_podlaga{width:900px; height:165px;  background:url(images/podlaga_glava1.jpg) top left no-repeat;}

.sredina910{width:910px; text-align:left;}



.logo {float:left; width:210px; height:150px;}

.logo_opmik {padding:19px 0px 0px 18px; display:block;}







/*  hover box   */



/* CSS Document */



/* =Hoverbox Code

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



.hoverbox

{

	cursor: default;

	list-style: none;

}



.hoverbox a

{

	cursor: default;

}



.hoverbox a .preview

{

	display: none;

}



.hoverbox a:hover .preview

{

	display: block;

	position: absolute;

	top: -33px;

	left: -45px;

	z-index: 1;

}



.hoverbox img

{

	background: #fff;

	border-color: #aaa #ccc #ddd #bbb;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	padding: 2px;

	vertical-align: top;

	width: 100px;

	height: 75px;

}



.hoverbox div

{

	background: #eee;

	border-color: #ddd #bbb #aaa #ccc;

	border-style: solid;

	border-width: 1px;

	color: inherit;

	display: inline;

	float: left;

	margin: 3px;

	padding: 5px;

	position: relative;

}



.hoverbox .preview

{



	border-color: #000;

	width: 300px;

	height: 225px;

}



/* =Internet Explorer Hacks

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





* html .hoverbox a

{

	position: relative;

}



* html .hoverbox a:hover

{

	font-size: 100%;

	z-index: 1;

}



* html .hoverbox a:hover .preview

{

	top: -38px;

	left: -50px;

}



* html .hoverbox div

{

	position: static;

}





/*

---------------------------------------------------------------------------

inputi - login,select,button

*/

input#login_login {font-size:11px; width:100px; border:1px solid #000000;}



input#login_register {font-size:11px; width:200px; border:1px solid #000000;}















/******************************************

fonti

/****************************************/



.naslov{width:300px; float:left;}

.zadeva { font-weight:bold; }

.slika{width:150px; float:left;}

.kratek_text {padding:5px 0px 0px 0px; float:left; width:500px;}

.datum{float:right; width:70px; padding-right:20px;}





.zadeva_link{ color:#ff5a00;}



#galerija_meni a:link {font-size:12px; color:#a90303; line-height:18px; text-decoration:none;}

#galerija_meni a:active {font-size:12px; color:#a90303; text-decoration:none;}

#galerija_meni a:visited {font-size:12px; color:#a90303; text-decoration:none;}

#galerija_meni a:hover {font-size:12px; color:#ff5a00; text-decoration:underline;}