@charset "utf-8";
/* CSS Document */

/* reset.css * Resets default browser CSS. */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

a { outline:none;}

body { background:#0354aa url(../img/bgbody.jpg) top center no-repeat; }

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

#container {
	width: 960px;
	height: 537px;
	margin: 20px auto 0px auto;
}
#logofooter { 
	width: 960px;
	margin: 403px 0 0 0;
	position:absolute;
}
#menuholder {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight:normal;
	width:943px;
	height: 24px;
	margin: 0;
	background-color: #0354aa;
	padding:6px 7px 0 10px;
	color:#FFFFFF;
}
#menuholder a {
	color:#FFFFFF;
	padding: 0px 5px 0px 5px;
	text-decoration:none;
}
#menuholder a:hover { color:#c5c5c5; }
#menuholder .activelink { color:#c5c5c5; }
#menutext { float:left; }
#jezici {
	width:60px;
	margin:0;
	float:right;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-align:right;
}
#jezici a {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
}
#homebanner {
	width: 960px;
	height: 271px;
	margin: 5px 0 0 0;
	position:absolute;
}
#hometrack {
	width: 960px;
	height: 122px;
	margin: 281px 0 0 0;
	position:absolute;
}
#spacersivi {
	width: 960px;
	height: 5px;
	margin: 276px 0 0 0;
	background-color: #c6c6c6;
	position: absolute;
}
#spacerbijeli {
	width: 960px;
	height: 5px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}
#navigtraka {
	width:452px;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height:12px;
	font-weight: normal;
	color: #0354aa;
	margin: 2px 0 0 20px;
	position: absolute;
}
#navigtraka a {
	text-decoration: none;
	color: #0354aa;
	margin: 0;
}
#navigtraka a:hover {
	text-decoration: underline;
}
#h1container {
	width:455px;
	height:52px;
	margin: 29px 0 0 17px;
	position:absolute;
	z-index: 0;
}

h1 {
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	display: block;
	width:455px;
	color: #0354aa;
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom:2px;
	line-height: 22px;
	font-size: 24px;
	letter-spacing: -.04em;
}


h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 16px;
	font-weight:bold;
}
#textcontent {
	width:449px;
	margin: 75px 0px 0px 18px;
	position:absolute;
}

h3, h4{
	font-size:14px;
	font-weight:normal;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	width: 449px;
	height: 323px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	padding: 0px 5px 0px 0px;
	margin:0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 14px;
	line-height: 18px;
}
#mycustomscroll a {
	color: #0354aa;
	text-decoration: none;
}
#mycustomscroll a:hover {
	color: #c5c5c5;
	text-decoration: none;
}
#mycustomscroll table {
	margin-bottom: 20px;
}
#mycustomscroll td {
	vertical-align:top;
}
#picture {
	width: 480px;
	height: 393px;
	margin: 5px 0px 0px 480px;
	position:absolute;
	background-color:#e8e8e8;
}
#sastojci {
	width: 189px;
	height: 320px;
	margin: 78px 0px 0px 495px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
}
#podaci {
	width: 433px;
	height: 43px;
	margin: 355px 0px 0px 20px;
	position:absolute;
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 11px;
}
#picture p {
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 11px;
	margin-top: 10px;
}
#tvtable {
	width:110px; 
	height: 125px;
	margin-top:10px; 
	margin-right:10px; 
	float:left;
}
#printtable {
	width:82px; 
	height: 165px;
	margin-top:10px; 
	margin-right:10px; 
	float:left;
}
.potpis {
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 4px 0px 4px;
}
.tvlink {
	margin: 4px;
	border: none;
}
.tvlink:hover, .tvlinkactive {
	margin: 0;
	border: solid 4px #0354aa;
}
#googlemaps {
	width: 480px;
	height: 393px;
}
#spec1, #spec2 {
	background-color:#bddeff;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #0354aa;
	font-size: 12px;
	position:absolute;
	line-height: 16px;
}
#spec1 {
	margin: 276px 0 0 480px;
	padding: 5px 10px 5px 10px;
	width: 217px;
	height: 112px;
}
#spec2 {
	width: 237px;
	height: 122px;
	margin: 276px 0 0 723px;
}

#spec2 p.energ {
	display:block;
	height:30px;
	margin:0;
	margin-top:15px;
	padding:0;
	padding-bottom:2px;
}

#hranjivavrijednost {
	width: 217px;
	height: 16px;
	background-color:#004893;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding: 3px 10px 3px 10px;
}
#energetskavrijednost {
	width: 217px;
	height: 95px;
	color:#0354aa;
	display:block;
	padding: 0px 10px 5px 10px;
}
#dropdole {
	position: absolute;
	margin: 95px 0 0 18px;
	width: auto;
	height: 22px;
	background-image:url(../img/dropdown-sredina.gif);
	background-position:center;
	background-repeat:repeat-x;
	text-decoration:none;
	cursor:pointer;
	text-decoration: none;
}
#dropdole img {
	float: left;
}
#dropdole h2 {
	margin: 2px 40px 0 10px;
	font-size: 14px;
	float:left;
}
#subcontent {
	font-family: Arial, Helvetica, sans-serif;
	color: #0354aa;
	font-size: 14px;
	position:absolute; 
	visibility: hidden; 
	border: 1px solid #c5c5c5; 
	background-color: white; 
	width: 452px; 
	height: 272px;
	padding: 7px 0 0 0; 
	z-index:10000;
}
#subcontent a {
	display:block;
	width: 452px;
	text-decoration:none;
	height:20px;
	text-indent:14px;
	padding-top:2px;
	color: #0354aa;
}
#subcontent a:hover {
	background-color: #bddeff;
}
#subcontent a.aktivniartikl {
	display:block;
	width: 452px;
	text-decoration:none;
	height:20px;
	text-indent:14px;
	padding-top:2px;
	color: #0354aa;
	background-color: #bddeff;
}

#nav, #nav ul { /* all lists */ padding: 0; margin: 0; background:#0354aa; list-style: none; line-height: 1; z-index:1000000;}
#nav a { display: block; padding:2px 6px 8px 9px; color:#fff; background:#0354aa; text-decoration:none; letter-spacing: -.01em;}
#nav a:active, #nav a:focus, #nav a:hover { color:#c5c5c5;}
#nav li { float: left; }
#nav li h4 a{ text-decoration:none; padding-left:0; }
#nav li h4 a:active, #nav li h4 a:focus { font-weight:bold; color:#c5c5c5;}
#nav li h4 a:hover { color:#c5c5c5;}
#nav li ul { /* second-level lists */ position: absolute; background: #0354aa; width: 150px; left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ 	left: auto;}
#nav li ul li a{ width:150px; display:block; padding:5px 0; border-top:1px solid #c6c6c6;}
#nav LI:hover UL UL {LEFT: -999em}
#nav LI:hover UL UL UL {LEFT: -999em}
#nav LI.sfhover UL UL {	LEFT: -999em}
#nav LI.sfhover UL UL UL {LEFT: -999em}
#nav LI:hover UL {LEFT: auto}
#nav LI LI:hover UL {LEFT: auto}
#nav LI LI LI:hover UL {LEFT: auto}
#nav LI.sfhover UL {LEFT: auto}
#nav LI LI.sfhover UL {LEFT: auto}
#nav LI LI LI.sfhover UL {LEFT: auto}
#nav LI:hover {	BACKGROUND: #0354aa}
#nav LI.sfhover {BACKGROUND: #0354aa}
#nav li h3.aktivni a{ color:#c5c5c5; }
#nav li h4.aktivni a{ color:#c5c5c5; font-weight:bold; }
#nav li ul li a { padding-left:12px; padding-right:12px;}
#nav li ul li a.aktivni{ color:#c5c5c5; font-weight:bold; }


#bubble{ width:220px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #0354aa;}
#bubble p.bubblenaslov{ font-weight:bold; font-size:15px; margin:0; padding:0; padding-bottom:5px;}	
#bubble p{ font-size:12px; line-height:14px; margin:0; padding:0; }	
#bubble a{ text-decoration:none; color: #0354aa; }	
#bubble a:hover{ color:#c5c5c5; }