/****************** INFO ***
	Autor: E-scape Internet usluge (http://www.escape.hr)
	
	Struktura dokumenta:
	1. Dokument - opcenito
	2. Struktura layouta - osnovno
	3. Linkovi
		- opcenito
		- podnozje
	4. Navigacija
		- zaglavlje
		- sredina sekundarni
	5. Naslovi
	6. Struktura - unutarnja
		- zaglavlje
		- sredina
			- sredina primarni
			- sredina sekundarni
		- na vrh
		- podnozje
*/

/****************** 01/ DOKUMENT ***/
* { margin: 0; padding: 0; }
a img, fieldset { border: 0; }
body {margin:0; padding:0; background-image:url(http://www.agd.hr/images/back.jpg); background-repeat:repeat-x; background-color:#FFFFFF; font-family:Trebuchet MS, Helvetica, sans-serif;} 
table, tr, th, td { border-collapse: collapse; font-size: 1em; }
legend { display: none; }
ul { list-style: none; }

/****************** 02/ STRUKTURA ***/
#wrapper {margin:0 auto; width:960px;}
#left {float:left; width:650px;}
#right {float:left; width:270px; padding-left:40px;}
#footer {background-color:#202020; height:55px;}
#footer2 {width:960px; margin:0 auto; text-align:center; color:#999; padding-top:20px; font-size:11px;}

/****************** 03/ LINKOVI - GENERALNO ***/
a:link, a:visited { color: #666; text-decoration: none; font-weight:bold;}
a:hover, a:active { color: #999; text-decoration: none; font-weight:bold;}



/****************** 04/ NAVIGACIJA ***/
#navigacija {color:#fff; line-height:32px; width:960px;}
#ulNavGlavna { position: relative; top: 0px; left: 40px; z-index: 3; width: 940px; height: 40px; }

#ulNavGlavna li { display: inline; float: left; padding-left: 3px; height: 40px; position: relative; }
#navigacija ul li {padding-top: 1px;}

#navigacija li a { display: block; height: 40px; background-repeat: no-repeat; background-position: 0 -40px; position: relative; top: 0; left: 0; text-indent: -9999px; }

#navigacija li#liNavNaslovnica { width: 158px; }
#navigacija li#liNavOnama { width: 149px; }
#navigacija li#liNavUsluge { width: 163px; }
#navigacija li#liNavReference { width: 207px; }
#navigacija li#liNavKontakt { width: 167px; }

#navigacija li#liNavNaslovnica a { background-image: url(http://www.agd.hr/images/liNavHome.jpg); width: 158px; }
#navigacija li#liNavOnama a { background-image: url(http://www.agd.hr/images/liNavOnama.jpg); width: 149px; }
#navigacija li#liNavProizvodi a { background-image: url(http://www.agd.hr/images/liNavUsluge.jpg); width: 163px; }
#navigacija li#liNavReference a { background-image: url(http://www.agd.hr/images/liNavReference.jpg); width: 207px; }
#navigacija li#liNavKontakt a { background-image: url(http://www.agd.hr/images/liNavKontakt.jpg); width: 167px; }

#navigacija li a:hover, #navigacija li a:active, #navigacija li a.aSelektiran:link, #navigacija li a.aSelektiran:visited, #navigacija li a.aSelektiran:hover, #navigacija li a.aSelektiran:active { background-position: 0 0; }


.latest-news {
	float:left;

}
.latest-news h3 {
	float:left;
	margin:2px 10px 0 0px;
	border:none;

}
.ln-list {
	float:left;

	padding-bottom:6px;
}
.ln-list li {
	float:left;
	margin:2px 0 2px 0;
	padding:3px 0 3px 0;
	width:260px;

}
.ln-list li:hover { /* please note: hover on pseudoclasses doesn't work on ie6, but the area will still be clickable, so you won't lose any functionality here */
	cursor:pointer;
}
.ln-list li h6 {
	float:left;
	margin:0 10px 0 10px;
}
.ln-list li p {
	float:left;
	margin:0 10px 0 0px;
}
.ln-date {
	float:left;
	margin:0 0 10px 0px;	
	font-size:11px;
}

/****************** 05/ NASLOVI ***/
h1, h2, h3, h4, h5, h6 {padding-bottom: 10px; color:#E15515;margin-bottom: 10px; border-bottom:1px solid #999;font-weight:normal;}
h1 {font-size:22px;}
h2 {font-size:18px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:13px;}
h6 {font-size:12px;}

.latest-news h6 {
	float:left;
	margin:0;
	padding:0;
	border-bottom:none;
}

.latest-news h5 {
color:#666;
	border-bottom:1px dotted #999;
}

.usluga h3, .usluga2 h3 { border-bottom:none; margin-bottom:0; padding-bottom:10px; margin-top:10px;}

.usluga {width:300px; float:left; border-bottom:1px dotted #CCCCCC; padding:10px; margin-right:5px; height:90px;}
.usluga2 {width:180px; float:left; border-bottom:1px dotted #CCCCCC; padding:10px; margin-right:5px;}

/****************** 06/ STRUKTURA - UNUTARNJA ***/
p { font-family:Trebuchet MS, Helvetica, sans-serif; font-size:12px; line-height:22px; color:#666666;}
.box {float:left; width:300px; padding-right:20px; margin-top:20px; margin-bottom:20px;}
.imgLijevo {padding:2px; border:1px solid #fff; margin-bottom:5px; float:left; padding-right:5px;}
.imgLijevo2 {padding:2px; border:1px solid #ccc; margin-bottom:5px; float:left; margin-right:5px;}
.imgLijevo3 {padding:2px; margin-top:0px; float:left; padding-right:5px;}
hr { border: 0 #D7D7D7 dotted; border-top-width: 1px; clear: both; height: 0;}
blockquote{	background-color:#EAEAEA;padding:10px 10px 10px 20px;margin:20px 0px 10px 0px;border-left:3px solid #999;font-size:13px; line-height:22px;}

.formInput, .formTextarea { border: 1px solid #8A8B8C; padding: 3px 3px; width: 260px; font-size: 1.0em; color: #000; }
.formTextarea { font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size: 1.0em; }
.formInput:focus, .formTextarea:focus { border: 1px solid #000; }
.formSubmit { font-size: 1em; padding: 3px 10px; border: 1px solid #8A8B8C; margin-top: 20px; }

.quote {font-size:24px;	margin-left:50px;margin-top:20px;margin-bottom:20px;background-color:#fbfcfc;border-top:1px solid #e1e2e2;border-bottom:1px solid #e1e2e2;padding:20px;}

#regular-list, #links-list {float:left;margin-right:90px;margin-bottom:30px;}
.sidebar-list li {line-height:22px;	background:url(http://www.agd.hr/images/bullet.jpg) 0px 10px no-repeat;padding-left:10px;color:#9f9f9f;font-size:12px;}
.sidebar-list li a {color:#999;}
.sidebar-list li a:hover {color:#666;}
.sidebar-list li a.current {color:#3b575c;font-weight:bold;}
.sidebar-list li ul li {margin-left:15px;}