/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/*main style*/
body {
	margin: 0px;
	padding: 0px;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
}
.wrap {
	margin:0 auto;
	width:960px;
}
#header {
	background:#81a4b4;
	width:100%;
	padding-top:40px;
	float:left;
}
.reference1 #header {background:#1a1a1a}
#prva #header {
	height:512px;
}
#druga #header {
	height:512px;
}
#prva #jeziki {
	float:left;
	text-align:right;
	width:418px;
	font-size:12px;
	padding-right:20px;
	color:#555;
	position:relative;
}
#prva #jeziki a {
	color:#555;
	text-decoration:none;
}
#prva #jeziki {
	padding-top:390px;
}

#druga #jeziki {
	float:right;
	text-align:right;
	width:200px;
	font-size:12px;
	padding-right:20px;
	color:#555;
	position:relative;
}
#druga #jeziki a {
	color:#555;
	text-decoration:none;
}
#druga #jeziki {
	padding-top:40px;
}
#druga #jeziki ul {height:370px}
#druga #jeziki ul li {font-size:13px; padding:5px 0}
#druga #jeziki ul li a {text-transform:lowercase}
#druga #jeziki ul li a:hover {color:#FFF}
/*#eco {
	float:left;
	clear:both;
	width:438px;
	background:#262626;
	color:#c1c1c1;
	font-size:14px;
	padding:7px 0 6px 40px;
	border-left:1px solid #696969;
	border-right:1px solid #696969;
}
#eco strong {
	color:#7e9c3e;
}*/
#eco {
	float:left;
	clear:both;
	width:520px;
	/*background:#262626;*/
	background:url(../images/active.png) repeat-x;
	color:#c1c1c1;
	font-size:12px;
	padding:7px 0 6px 0px;
	border-left:1px solid #b5b5b5;
	border-right:1px solid #b5b5b5;
	text-decoration:none;
	text-align:center
}
a#eco:hover {color:#FFF}
#eco strong {
	ccolor:#b5b5b5;
}
#menu {
	float:right;
	width:438px;
}

#menu li {
	display:inline;
}
#menu a {
	color:#b5b5b5;
	border-right:1px solid #b5b5b5;
	/*padding:8px 12px 7px 12px;*/
	padding:8px 11px 7px 10px;
	display:block;
	float:left;
	font-size:12px;
	text-decoration:none;
}
#menu a:hover {
	color:#fff;
}
/*#druga li.active a {padding:8px 74px 7px 75px!important}*/
#menu li.active a, #menu li.active a:hover {
	background:url(../images/active.png) repeat-x;
	/*text-decoration:none;*/
	/*color:#81a4b4;*/
}
#content {
	float:left;
	width:960px;
	margin-top:20px;
	color:#b5b5b5;
	font-size:12px;
	line-height:1.4;
}
#submenu {
	float:left;
	width:140px;
	padding:0 40px;
	line-height:1.2;
	font-size:12px;
}
#submenu li {
	margin-top:4px;
}
#submenu a {
	color:#b5b5b5;
	text-decoration:none;
	padding-left:10px;
	background:url(../images/arr.gif) no-repeat center left;
}
#submenu a:hover, #submenu li.tre a {
	color:#fff;
}
#main {
	float:left;
	width:700px;
	padding-left:39px;
	border-left:1px solid #b5b5b5;
	color:#fff;
}
#slika {
	float:left;
	width:700px;
	height:150px;
}
#main h1 {
	position:absolute;
	z-index:999;
	background:url(../images/naslov.png);
	font-size:12px;
	padding:6px 20px;
}
#main p {
	margin:0.5em 0;
}
#footer {
	float:left;
	width:898px;
	text-align:center;
	font-size:12px;
	color:#b5b5b5;
	padding:20px 0 20px 62px;
}
#footer a {color:#b5b5b5; text-decoration:none}

.leftp {float:left;padding:40px 0 0 0}
.leftp a {color:#555555; text-decoration:underline; cursor:pointer;}
.pagebody a {color:#B5B5B5}
.leftp a:hover {text-decoration:none}
#pane4 {float:left;width:640px;color:#fff;font-size:12px;line-height:1.4;height:340px}

.activeSlide {font-weight:bold}

div.scroller{
	display:block;
	overflow:hidden;
	width: 525px;
	height: 50px;
	position:absolute;top:329px;right:4px;
}
div.scrollingtext{
	position:absolute;
	font-weight:normal;
	white-space: nowrap;
	font-size:32px; 
	color:#B5B5B5
}

.scroll {float:left; width:900px; height:115px; position:relative; overflow:hidden;}
	.scroll .items {width:2000em; height:115px; position:absolute;}
		.scroll .items div {float:left; width:165px; height:111px; margin-right:15px !important; border:1px solid #fff;}
.prev {float:left; background:url(../jscript/fancybox/fancy_left.png) center no-repeat; width:30px; height:110px; cursor:pointer;}
.next {float:left; background:url(../jscript/fancybox/fancy_right.png) center no-repeat; width:30px; height:110px; cursor:pointer;}

.according {display:none;}
