/* THE BIG GUYS */
* {
margin:0; 
padding:0
}
	
body {
/*background-image:url(images/bg.jpg);*/
background-position:top;
background-repeat:no-repeat;
padding: 0 0 0 0;  
background-color:#1f1f1f; 
color:#fff; 
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:62.5%;
}

/* LINKS */


a:link {color:#FFF} 
a:visited {color:#FFF} 
a:hover,a:active {color:#CCC} 



	
	
	

/* TYPOGRAPHY */
p, ul, ol {}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 1.2em 0 .3em;color:#000;padding-bottom: .1em}
h1 {font-size: 126%;margin-top:.6em}
h2 {
font-family: "tahome",  arial,  sans-serif; 
font-size: 15px;
	letter-spacing: -0.05em;
    font-weight: normal;
	color: #CCCC00;}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {padding-left: 30px; padding-right:10px;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none} 

.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 



/* LAYOUT - HEADER */
#header {height:223px; padding-top:20px;  }
#headerImg {background: url("images/header.jpg") 0 100%; margin: 0 0 0px; padding: 0 0 0 0; height:166px;}
#headernav {}
#header_car{width:100px; height:100px; position:absolute; left:400px; top:50px; z-index:1;}

	
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0; margin: 0;list-style: none; }
	#nav { height:57px; margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px;}
	#home  {position:relative; background: url("images/home.jpg");float: left; display:block; padding:0; width:125px;height:57px;cursor:pointer;}
	#ponuda  {position:relative; background: url("images/ponuda.jpg");float: left; display:block; padding:0; width:124px;height:57px;cursor:pointer;}
	#galerija {position:relative; background: url("images/galerija.jpg"); float: left; width: 10em;display:block; padding:0;width:142px;height:57px;cursor:pointer;}
	#kontakt {position:relative; background: url("images/kontakt.jpg"); float: left; width: 10em;display:block; padding:0;width:137px;height:57px;cursor:pointer;}
	#onama {position:relative; background: url("images/onama.jpg"); float: left; width: 10em;display:block; padding:0;width:129px;height:57px;cursor:pointer;}
	#linkovi {position:relative; background: url("images/linkovi.jpg"); float: left; width: 10em;display:block; padding:0;width:143px;height:57px;cursor:pointer;}
	
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#ff0000;display: block;padding: 0px 0px 0px; height:63px;text-indent:-2000px; overflow:hidden; }
	#home a:hover {color:#ccc; background: url("images/home_over.jpg");}
	#ponuda a:hover {color:#ccc; background: url("images/home_over.jpg");}
	#galerija a:hover {color:#ccc; background: url("images/galerija_over.jpg");}
	#kontakt a:hover {color:#ccc; background: url("images/kontakt_over.jpg");}
	/*#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: relative;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}*/
	
	#nav li.active {background: #0099FF;border-bottom: 3px solid #000}
	#nav li.active ul {border:none;background: #c00 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%; color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	/*#nav li {width:auto}*/
	/* end hiding from IE5 mac */
	
	
	
	

/* LAYOUT - main body of page */
#wrap {
min-width:800px;
max-width:800px;
margin: 0 auto;
position:relative; 
}

#content-wrap {
position:relative;
width:100%;
float:left;
min-height:420px;
border:none; 
padding-top:0px;
}

#utility {position:absolute;top:0px;left:0px;width:235px;}

	/*#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}*/

#content {margin: 0 50px; font-size:1.1em}
#content img{margin-top:5px; border: 2px solid #FFFFFF;}
	
	
	
	
	

/* LAYOUT index" */
	#default #content-wrap {}
	#default #content {margin: 0px 0px 0 238px; background: url("images/cbck.jpg"); min-height: 380px; padding-left:30px; position:relative; }
	#default .cheader{ margin: 0px 0px 0 238px; background: url("images/cheader.jpg"); height:23px; padding:0px; }
	#default .cfooter{ margin: 0px 0px 0 238px; background: url("images/cfooter.jpg"); height:18px; padding:0px; }
	#default #content p{ padding: 0 30px 5px 0px ; color:#E8E8E8;}
	#default #content h1{ padding: 5px 30px 5px 0px ; margin:0px;}
	
/* LAYOUT "default" */
	#default2 #content-wrap {}
	#default2 #content {margin: 0px 0px 0 0px; background: url("images/c2bck.jpg"); min-height: 380px; padding-left:30px; }
	#default2 .cheader{ margin: 0px 0px 0 0px; background: url("images/c2header.jpg"); height:23px; padding:0px; }
	#default2 .cfooter{ margin: 0px 0px 0 0px; background: url("images/c2footer.jpg"); height:18px; padding:0px; }
	
	
	

/* SECONDARY NAVIGATION - vertical navigation */
	
	#gal-header{background: url("images/galerija_header.jpg") no-repeat; width:235px; height:66px; }
	#nov-header{background: url("images/novosti_header.jpg") no-repeat; width:235px; height:66px; }


	#nav-header{background: url("images/menuh.png") no-repeat; width:223px; height:34px; }
	#nav-header p {padding-left:25px; padding-top:15px; color:#000000; font-weight:bold; }
	#nav-footer{background: url("images/galerija_footer.jpg") no-repeat; width:235px; height:14px;}
	#nav-secondary, #nav-secondary ul { }
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0px;}
	#nav-secondary {padding-top:0px;}
	#nav-secondary a {padding: 7px 0px 0px 20px;  display:block; height:29px}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {color:#fff} 
	#nav-secondary a:visited {color:#fff} 
	#nav-secondary a:hover {color:#fff; background: url("images/menur_over.png") no-repeat;} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary li {background: url("images/menur.jpg") no-repeat; width:235px; height:29px;}
	
/*NOVOSTI NAV-SECONDARY*/
#nav-secondary #novost a {padding: 3px 10px 0px 25px;  display:block; height:50px}
#nav-secondary #novost p {padding:0px; margin:0px; color:#CCCCCC;}
	
	



/* LAYOUT - FOOTER */
#footer {clear:both;


height:86px;
background-image:url("images/footer.jpg"); 

font-size:86%;
color:#999}

	#footer p {margin:0}
	#footer a:link {color:#999}
	
	#flashgallery{
	position:absolute;
	
	width:472px; 
	height:272px;
	background-color:#222222;
	
	}
	
	#textUvod{
	position:absolute;
	left:550px;
	padding-right:45px;
	
	
	}
	
	h1{
	color:#ffffff;
	font-weight:100;
	letter-spacing:1px;
	}
	
	
/*GALLERY MODUL*/

#Gallery-slike img{
 margin:4px; border:4px solid #FFFFFF; position:relative;
}



.gal_opis{
background-image:url("images/galerija_opis.png");
background-repeat:no-repeat;
width:651px;
height:57px;

}

.gal_opis p{
padding-top:10px;
padding-left:35px;

}


#novosti{width:406px; float:left;}

#novosti ul{
background-color:#272727; margin: 0px 0px 0px 12px; padding:0px; width:387px; height:245px;
}

#novosti li{
padding-top:10px; margin:0px; background: url(images/separator.gif) no-repeat; height:30px;
}

#novosti li a{ text-decoration:none; font-size:11px;}

#novosti p{ color:#999999; font-size:9px; padding:0px; }

#novosti hr{ padding:0px; margin:0px; background-color:#444444; color:#444; height:1px; border: none; overflow:hidden; }


#novosti p.novosti_header{
background-image:url(images/novosti_index.jpg);
width:406px;
height:45px;
margin:0px;
padding:0px;
}

#novosti p.novosti_footer{
background-image:url(images/novosti_footer.jpg);
width:406px;
height:14px;
margin:0px;
padding:0px;
}

#boxes{
float:left;
}

#boxes .kontakt{
background-image:url(images/bkontakt.jpg); width:393px; height:152px;
}

#boxes .akcije{
background-image:url(images/bakcije.jpg); width:393px; height:152px;
}

.akcije ul{
margin:0px;
padding:50px 0px 0px 5px;
}

#footBoxes{
clear:both;
width:100%;
height:152px;
}

#footBoxes .b1 , .b2, .b3, .b4{
float:left;
width:199px;
height:152px;
}



	
	/*
	
	#nav-secondary2, #nav-secondary2 ul {position:static}
	#nav-secondary2, #nav-secondary2 li {list-style:none;margin:0;padding:0;background:#fff;float:left;}
	#nav-secondary2 {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary2 a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px; display:block}
	#nav-secondary2 a, #nav-secondary2 a:link, #nav-secondary2 a:visited, #nav-secondary2 a:hover, #nav-secondary2 a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary2 a:link {color:#000} 
	#nav-secondary2 a:visited {color:#000} 
	#nav-secondary2 a:hover {color:#c00;background: #fee url("images/sprites.gif") no-repeat 10px -695px} 
	#nav-secondary2 li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#c00} 
	#nav-secondary2 li {border-top: 1px solid #fff;border-bottom: 1px solid #ccc; float:left}*/