/* 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:#363535; 
color:#fff; 
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
font-size:62.5%;
}

/* LINKS */
a,a:link,a:link,a:link,a:hover {
background:transparent;
text-decoration:none;
cursor:pointer} 

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



	
	
	

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
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 {line-height: 1.4em;padding-left: 25px;background: transparent url("images/sprites.gif") no-repeat 0 0}
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} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 



/* LAYOUT - HEADER */
#header {height:196px; }
#headerImg {background: url("images/header.jpg") 0 100%; margin: 0 0 0px; padding: 0 0 0 0; height:133px;}
#headernav {}

	
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0; margin: 0;list-style: none; }
	#nav { height:63px; margin: 0px 0px 0 0px; padding: 0px 0px 0px 0px;background: url("images/navright.jpg"); background-position:right}
	#Home  {position:relative; background: url("images/home.jpg");float: left; display:block; padding:0; width:127px;height:63px;cursor:pointer;}
	#Interijer  {position:relative; background: url("images/interijer.jpg");float: left; display:block; padding:0; width:125px;height:63px;cursor:pointer;}
	#Eksterijer  {position:relative; background: url("images/eksterijer.jpg");float: left; display:block; padding:0; width:119px;height:63px;cursor:pointer;}
	
	#Cjenik {position:relative; background: url("images/cjenik.jpg"); float: left; width: 10em;display:block; padding:0;width:103px;height:63px;cursor:pointer;}
	#Galerija {position:relative; background: url("images/galerija.jpg"); float: left; width: 10em;display:block; padding:0;width:111px;height:63px;cursor:pointer;}
	#Kontakt {position:relative; background: url("images/kontakt.jpg"); float: left; width: 10em;display:block; padding:0;width:139px;height:63px;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");}
	#Interijer a:hover {color:#ccc; background: url("images/interijer_over.jpg");}
	#Eksterijer a:hover {color:#ccc; background: url("images/eksterijer_over.jpg");}
	#Usluge a:hover {color:#ccc; background: url("images/usluge_over.jpg");}
	#Cjenik a:hover {color:#ccc; background: url("images/cjenik_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 {
width:973px;
margin: 0 auto;
position:relative; 
background: url("images/bg-repeat.jpg");
}

#content-wrap {
position:relative;
width:100%;
float:left;
min-height:690px;
height:auto !important;
height:690px;

border:none; 
background: url("images/layout_11.jpg") no-repeat;
 
background-position:top;
padding-top:0px;
}

#utility {position:absolute;top:58px;left:9px;width:185px;}

	/*#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}
#contentSmall {font-size:1.1em;}	
	
	
	
	

/* LAYOUT index" */
	#default #content-wrap {}
	#default #content {margin: 14px 20px 0 245px}
	#default #contentSmall {margin: 14px 150px 0 245px}
	#default #opis{padding-right:150px;}
	
/* LAYOUT "default" */
	#default2 #content-wrap {padding-top:20px;}
	#default2 #content {margin: 0 23px 0 35px;}
	
	
	#infoBox{
	height:62px;
	background: url("images/infoBox.jpg") no-repeat;
	}
	
	#infoBox #naslov {position:absolute; left:245px; top:17px; font-size:12px;}
	#infoBox #glaviMeni {position:absolute; left:50px; top:17px; font-size:12px;}

/* SECONDARY NAVIGATION - vertical navigation */
	#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/menuf.png") no-repeat; width:223px; height:17px;}
	#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: 15px 0px 0px 25px;  display:block; height:50px}
	#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.png") no-repeat; width:223px; height:50px;}
	
/*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;}
	
	

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}

/* LAYOUT - FOOTER */
#footer {
clear:both;
height:101px;
background-image:url("images/footer.jpg"); 
font-size:0.9em;
color:#999;
text-transform:uppercase;
}

	#footer p {margin:0}
	#footer a:link {color:#999}
	#footer ul{
padding: 55px 0 7px 0;
margin: 0;
text-align:center;
}
	#footer ul li{
	display: inline;
	background:none;
	padding-left:40px;
	
}
	
	#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;
	}
	
	#boxes{
	height:200px;
	position:absolute;
	top:340px;
	}
	
	#boxes #newsletter, #savjeti, #termin{
		float:left;
		width:248px;
		height:55px;
		margin-bottom:10px;
	}
	
	#boxes #newsletter{
		
	}
	
	#boxes #savjeti{
		
		margin: 0px 80px 0px 80px;
			}
	
	#boxes #termin{
		
	}
	
	#boxes #novostiBox, #galleryBox, #klientiBox{
	
	float:left;
	width:248px;
	height:265px;
	}
	
	#boxes ul{
	padding-top:50px;
	
	}
	
	
	
	#boxes a, #boxes a:link, #boxes a:visited, #boxes a:hover, #boxes a:active {text-decoration:none;cursor:pointer; color:#FFFFFF;   }
	#boxes a:hover {color:#ccc; }
	
	#boxes #novostiBox{
	background-image:url("images/modnovosti.jpg"); 
	margin: 0px 0px 0px 0px;
	}
	
	#boxes #novostiBox p{
	color:#CCCCCC;
	padding:0px; margin:0px;
	}
	
	#boxes #novostiBox li{
	padding-bottom:10px;
	padding-right:10px;
	}
	
	
	
	#boxes #galleryBox{
	background-image:url("images/modgallery.jpg"); 
	margin: 0px 80px 0px 80px;
	}
	
	#boxes #galleryBox p{
	color:#CCCCCC;
	padding:0px; margin:0px;
	}
	
	#boxes #galleryBox li{
	padding-bottom:10px;
	padding-right:10px;
	}
	
	#boxes #klientiBox{
	background-image:url("images/modklienti.jpg"); 
	margin: 0px 0px 0px 0px;
	}
	
/*GALLERY MODUL*/

#Gallery-slike img{
float:left; margin:4px; border:4px solid #FFFFFF;
}

.gal_stanje{
background-image:url("images/galerija_stanja.png");
background-repeat:no-repeat;
width:651px;
height:34px;

}

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

.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;

}



.cjenik_table{
position:relative;
background-image:url("images/cjenik_table.png");
background-repeat:no-repeat;
width:390px;
height:27px;
}





.cjenik_table #c_naziv{
position:absolute;

left:30px;
top:4px;
}

.cjenik_table #c_cijena{
position:absolute;
text-align:right;
width:70px;
left:305px;
top:4px;
}

.cjenik_table_ukupno{
position:relative;
background-image:url("images/cjenik_table_ukupno.png");
background-repeat:no-repeat;
width:390px;
height:27px;
}

.cjenik_table_ukupno #c_naziv{
position:absolute;

left:30px;
top:4px;
}

.cjenik_table_ukupno #c_cijena{
position:absolute;
text-align:right;
width:70px;
left:305px;
top:4px;
}

.cjenik_opis{
padding-top:10px;
padding-left:10px;
width:450px;
}

.cjenik_opis p{
padding:4px 0px 0px 0px;
margin:0px;
}

#usluge_opis{
padding: 0px;
width: 530px;
}

#usluge_opis img{
border:solid 4px #FFFFFF;
}

/*KLIJENTI*/
#klijent{
position:relative;
float:left;
width:275px;
height:87px;
padding: 5px;
margin: 5px;
background-color:#303030;
border: solid 1px  #3F3F3F;
}

#klijent img{
position:absolute;
padding:1px;
border:solid 2px #CCCCCC;
}

#klijent p{
position:absolute;
left:140px;
}

#forma .text{background-color:#666666; border:solid 3px #999999; font-size:12px; width:220px; height:20px; color:#FFFFFF;}
#forma textarea{background-color:#666666; border:solid 3px #999999; font-size:12px; width:320px; height:120px; color:#FFFFFF;}
	
	/*
	
	#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}*/