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

html {
	width:100%;
	height:100%;
	overflow:hidden;
}
body,td,th {
	font-family: Tahoma, Verdana, Arial, "Trebuchet MS";
	font-size: 12px;
	color: #787878;
}
body {
	background-color: #1f4e82;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
a:link, a:visited, a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #0061a4;
}

ul {
	list-style-image:url(arrow_blue.gif);
}
#page {
	position:fixed;
	width:100%;
	height:100%;
	z-index:0;
	background:url(html_bkg_high.jpg) repeat-x bottom right;
}

#logo {
	position:absolute;
	top:40px;
	left:40px;
	background-image:url(nex_studio.png);
	background-repeat:no-repeat;
	width:285px;
	height:50px;
	z-index:1000;
}

div.content {
	position:absolute;
	left:40px;
	top:130px;
	bottom:120px;
	width:700px;
}
div.content_wide {
	position:absolute;
	left:40px;
	right:40px;
	top:130px;
	bottom:120px;
}

div.content_wide div.in_wide {
	position:relative;
	overflow:hidden;
}
div.content_wide div.in_wide div.scroll {
	position:absolute;
}

#flashalbum {
	position:absolute;
	top:0px;
	bottom:0px;
	left:780px;
	right:0px;
	height:100%;
	z-index:1;
}

#footer {
	position:absolute;
	left:0px;
	bottom:40px;
	height:40px;
	width:100%;
}
#footer div.flag {
	position:absolute;
	width:50px;
	height:40px;
	z-index:999;
}
#footer div.buttons {
	position:absolute;
	display:block;
	left:40px;
	height:40px;
	z-index:1000;
	background:url(button_left.png) no-repeat left;
}
#footer div.buttons span {
	display:block;
	height:40px;
	position:relative;
	right:-10px;
	padding-right:10px;
	background:url(button_right.png) no-repeat right;
}
#footer div.nexgps {
	position:absolute;
	height:30px;
	right:40px;
	bottom:0px;
	z-index:1000;
}
#footer div.nexinteraktivni {
	position:absolute;
	height:30px;
	right:190px;
	bottom:0px;
	z-index:1000;
}
#footer div.webawardme {
	position:absolute;
	height:30px;
	right:330px;
	bottom:0px;
	z-index:1000;
}

a.main, a.main:link, a.main:active, a.main:visited, a.main_selected {
	font-family:"Myriad Pro", "Trebuchet MS", Arial;
	font-size:14px;
	color:#767676;
	text-decoration:none;
	display:inline-block;
	height:40px;
	line-height:40px;
	padding-left:15px;
	padding-right:15px;
}
a.main_selected {
	background-image:url(button_over.gif);
	color:#FFF;
}
a.main:hover {
	color: #0061a4;
	text-decoration:none;	
}

#copyright {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:40px;
	line-height:40px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFFFFF;
}

a.copyright, a.copyright:link, a.copyright:active, a.copyright:visited {
	color:#FFFFFF;
	text-decoration:none;
}
a.copyright:hover {
	color: #0061a4;
	text-decoration:none;	
}

.blue {
	color:#73dff9;
	font-style:oblique;
}
.grey {
	color:#999;
}

#paper {
	position:relative;
}
#paper .in {
	position:relative;
	padding:20px;
	border:1px solid #a4a4a4;
	border-bottom:0px;
	background-color:#FFF;
	overflow:hidden;
}
#paper .in .scroll {
	position:relative;
}

#paper .bottom {
	position:relative;
	bottom:0;
	height:70px;
	z-index:-1;
	background:url(paper_b.png) no-repeat bottom center;
}
#paper .bottom_l {
	position:absolute;
	width:1px;
	height:70px;
	left:0px;
	bottom:0;
	z-index:0;
	background:url(paper_br.png) no-repeat left;
}
#paper .bottom_r {
	position:absolute;
	width:1px;
	height:70px;
	right:0px;
	bottom:0;
	z-index:0;
	background:url(paper_br.png) no-repeat right;
}

#paper div.button_ref {
	position:absolute;
	left:-27px;
	top:40px;
	width:27px;
	height:122px;
}

#paper div.zenaviri {
	position:absolute;
	right:-100px;
	z-index:20;
	background:transparent url(zena_viri.png) no-repeat right;
	width:120px;
	height:250px;
	cursor:pointer;
}
#paper div.thumb {
	position:absolute;
	right:-26px;
	z-index:20;
	background:transparent url(scrollbar_arrows.png) no-repeat right;
	width:26px;
	height:52px;
	cursor:pointer;
}

#paper div.tabs {
	position:relative;
	top:2px;
	width:100%;
	height:34px;
	padding-left:1px;
	z-index:20;
}

#paper div.tabs a.tabs, #paper div.tabs a.tabs:link, #paper div.tabs a.tabs:active, #paper div.tabs a.tabs:visited, 
#paper div.tabs a.tabs_selected {
	font-family:"Myriad Pro", "Trebuchet MS", Arial;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	height:30px;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
	background:url(tabs.gif) repeat-x top;
	border:2px solid #81ccff;
	border-bottom:0;
	margin-right:3px;
}
#paper div.tabs a.tabs_selected, #paper div.tabs a.tabs_selected:link, #paper div.tabs a.tabs_selected:active, #paper div.tabs a.tabs_selected:visited, #paper div.tabs a.tabs_selected:hover {
	color:#767676;
	background-position:bottom;
	border-color:#FFFFFF;
	border-bottom:2px solid #FFF;
	text-decoration:none;
}
#paper div.tabs a.tabs:hover {
	color: #0061a4;
	background-position:30px center;
	border-color:#FFFFFF;
	border-bottom:0;
	text-decoration:none;
}

div.loadingbkg {
	position:absolute;
	width:100%;
	height:100%;
	z-index:500;
	background:transparent url(black_65.png);
}
div.loading {
	position:absolute;
	width:100%;
	height:100%;
	z-index:501;
	background:transparent url(loading.gif) no-repeat 50% 50%;
}

#portfolio_desc {
	position:absolute;
	left:0;
	right:0;
	top:0;
	padding:20px;
	z-index:90;
	color:#FFF;
	line-height:15px;
	background:transparent url(black_65.png);
}
#portfolio_desc span {
	color:#73dff9;
}
#portfolio_desc span.grey {
	color:#999;
}

#portfolio_desc .grupa {
	float:right;
	background-color:#0061a4;
	padding:4px;
}

#portfolio_desc .grupa a, #portfolio_desc .grupa a:link, #portfolio_desc .grupa a:active, #portfolio_desc .grupa a:visited {
	color:#FFF;
	text-decoration:none;
}
#portfolio_desc .grupa a:hover {
	color:#73dff9;
}

/* PORTFOLIO */
#portfolio {
	position:absolute;
	left:0;
	bottom:-20px;
	width:100%;
	height:90px;
	z-index:50;
}

#portfolio div.portfolio {
	position:absolute;
	left:60px;
	right:60px;
	height:90px;
	_width:100%;
	background:transparent url(portfolio_scroll_bkg.png) repeat-x;
	overflow:hidden;
}
#portfolio div.portfolio_scroll {
	position:absolute;
	width:20000em;
}
#portfolio div.portfolio .framebox {
	float:left;
	margin:3px;
	border:2px solid #FFFFFF;
	display:inline-block;
}
#portfolio div.portfolio .framebox#on {
	float:left;
	margin:3px;
	border:2px solid #0061a4;
	display:inline-block;
}

#portfolio div.left {
	float:left;
	width:60px;
	height:90px;
	background:transparent url(portfolio_scroll_left.png) no-repeat right;
}
#portfolio div.right {
	float:right;
	width:60px;
	height:90px;
	background:transparent url(portfolio_scroll_right.png) no-repeat left;
}

#portfolio div.left a {
	background-image:url(arrow_left.png)
}
#portfolio div.right a {
	background-image:url(arrow_right.png)
}

#portfolio div.right a, #portfolio div.right a:link, #portfolio div.right a:active, #portfolio div.right a:visited,
#portfolio div.left a, #portfolio div.left a:link, #portfolio div.left a:active, #portfolio div.left a:visited {
	margin-top:15px;
	display:block;
	width:60px;
	height:60px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top;
}
#portfolio div.right a:hover,
#portfolio div.left a:hover {
	text-decoration:none;	
	background-position:bottom;
}
/* END PORTFOLIO */

/* PORTFOLIO SMALL */
#portfolio_small {
	position:absolute;
	background:transparent url(black_50.png);
	width:70px;
	left:-70px;
	top:20px;
	bottom:90px;
}

#portfolio_small div.portfolio {
	position:absolute;
	top:20px;
	bottom:20px;
	left:0;
	width:70px;
	overflow:hidden;
}
#portfolio_small div.portfolio_scroll {
	position:absolute;
}
#portfolio_small div.portfolio .framebox {
	margin:4px;
	border:1px solid #FFFFFF;
}
#portfolio_small div.portfolio .framebox#on {
	margin:4px;
	border:1px solid #0061a4;
}

#portfolio_small div.up {
	position:absolute;
	top:-13px;
	left:0;
	width:70px;
	height:26px;
}
#portfolio_small div.down {
	position:absolute;
	bottom:-13px;
	left:0;
	width:70px;
	height:26px;
}

#portfolio_small div.up a {
	background-image:url(arrow_up.png)
}
#portfolio_small div.down a {
	background-image:url(arrow_down.png)
}

#portfolio_small div.up a, #portfolio_small div.up a:link, #portfolio_small div.up a:active, #portfolio_small div.up a:visited,
#portfolio_small div.down a, #portfolio_small div.down a:link, #portfolio_small div.down a:active, #portfolio_small div.down a:visited {
	margin-left:22px;
	display:block;
	width:26px;
	height:26px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top;
}
#portfolio_small div.up a:hover,
#portfolio_small div.down a:hover {
	text-decoration:none;	
	background-position:bottom;
}
/* END PORTFOLIO SMALL */

.disable { display: none; }

div.box_logo {
	display:block;
	float:left;
	width:152px;
	height:101px;
	padding:5px;
	background:url(box_logo.png) no-repeat;
	margin:0 15px 5px 0;
}
div.box_logo a, div.box_logo a:link, div.box_logo a:active, div.box_logo a:visited {
	display:block;
	width:150px;
	height:80px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top;
}
div.box_logo a:hover {
	text-decoration:none;	
	background-position:bottom;
}

div.box_portfolio {
	display:block;
	float:left;
	width:162px;
	height:161px;
	padding:5px;
	background:url(box_portfolio.png) no-repeat;
	margin-right:10px;
}
div.box_portfolio a, div.box_portfolio a:link, div.box_portfolio a:active, div.box_portfolio a:visited {
	display:block;
	width:150px;
	height:130px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:top;
}
div.box_portfolio a:hover {
	text-decoration:none;	
	background-position:bottom;
}

.naslov {
	font-family:"Myriad Pro", "Trebuchet MS", Arial;
	font-size:30px;
	color:#0061a4;
	border-bottom:1px solid #0061a4;
}
.podnaslov {
	font-family:"Myriad Pro", "Trebuchet MS", Arial;
	font-size:16px;
	font-weight:bold;
	color:#a4cf57;
}
.tekst {
	font-size:13px;
	line-height:15px;
	padding-top:10px;
	padding-bottom:10px;
}

/* ToolTip */
.ToolTipLeft, .ToolTipRight {
	display:none;
	z-index:5000;
	position: absolute;
	background-color:#000;
	border:1px solid #FFF;
	color:#FFF;
	padding:5px 10px 5px 10px;
}

.ToolTipLeft div, .ToolTipRight div {
	position:absolute;
	width:17px;
	height:9px;
	bottom:-9px;
	background: transparent url(tooltip_arrow.png) no-repeat;
}
.ToolTipLeft div {
	left:5px;
}
.ToolTipRight div {
	right:5px;
}
/* End ToolTip */

/* FORM POLJA */
form {
	margin: 0;
	padding: 0;
}

textarea, input, select {
	font-family: Tahoma, Verdana;
	color:#0061a4; 
	font-size:12px; 
	border-left: 1px solid #AFAEAA;
	border-top: 1px solid #AFAEAA;
	border-right: 1px solid #D5D5C8;
	border-bottom: 1px solid #D5D5C8;
	background-color: #ffffff;
}

input[type=checkbox], input[type=radio], input[type=checkbox]:hover, input[type=radio]:hover, input[type=checkbox]:focus, input[type=radio]:focus {
	background:none;
	border:none;
}

select {
	font-size:11px;
}

input:hover, textarea:hover, select:hover {
	border: 1px solid #0061a4;
	background-color: #ffffff;
}
input:focus, textarea:focus, select:focus {
	border: 1px solid #0061a4;
	background-color: #ffffff;
	color: #000000;
}

/* KRAJ FORM POLJA*/

/* Pagination
---------------------------------------- */
.pagination {
	position:relative;
	width: auto;
	text-align: center;
	margin: 5px;
	clear:both;
	z-index:1000;
}

.pagination strong,
.pagination b {
	font-weight: normal;
}

.pagination span.page-sep {
	display:none;
}

.pagination span strong {
	padding: 3px 6px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #000000;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0 2px;
	padding: 3px 6px;
	background:transparent url(black_50.png);
	border:1px solid #FFFFFF;
}

.pagination span a:hover {
	border-color: #000000;
	background: #000000;
	color: #FFFFFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}