/* 
 *  Table Of Sections
 *
 *  1. Reset
 *  2. Basic Elements
 *  3. Generic Classes
 *  4. Basic Layout
 *  5. Header
 *  6. Content
 *  8. Footer
 * 10. Forms
 * 11. Modules
 * 12. Print styles
 *
 */


/* Reset  - do NOT modify!
-------------------------------------*/
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;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }

:active { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




/* Basic Elements
-------------------------------------*/
html, body { height: 100%; }

body {
	font-family: arial, helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px */
	line-height: 1.5em;
	color: #333;	
}

#scale-ie {
	height: 100%;
	position: absolute;
	visibility: hidden;
}

#ambient-container {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 0;
	min-width: 1000px;
}

#ambient-container #ac-movable-box {
	height: 200%;
	left: -50%;
	position: absolute;
	top: -50%;
	width: 200%;
}

#ambient-container table {
	height: 100%;
	overflow: hidden;
	width: 100%;
}

#ambient-container td {
	height: 100%;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
}

#ambient-container img {
	height: auto;
	margin: 0 auto;
	min-height: 80%;
	min-width: 80%;
	width: auto;
	overflow: hidden;
}


/* Generic Classes
-------------------------------------*/

/* --- News list --- */

.cnt-list .date { color: #666; }

.cnt-list .title { padding-left: .3em; }

.cnt-list .subtitle {
	display: block;
	width: 100%;
	padding-left: 1em;
	font-size: .9em;
}


/* --- Grouped link list --- */

.grouped-link-list ul {	margin-bottom: .7em }

.grouped-link-list .alt {
	margin-left: -12px;
	padding-left: 12px;
	background-color: #EEE
}

.grouped-link-list a:link, .grouped-link-list a:visited, .grouped-link-list a:hover, .grouped-link-list a:active { color: #e30000 }

.grouped-link-list strong {	font-size: 1.15em }

.grouped-link-list a.external {
	margin-left: -12px;
	padding-left: 12px;
	background: url('../images/backgrounds/icons/external-link.gif') 0% 65% no-repeat
}


/* --- News list --- */

.news-list li {
	float: left; /* float clearer */
	width: 100%;
	margin-bottom: 1em
}

.news-list .title { display: inline }

.news-list a span.date {
	float: left;
	padding-right: .5em;
	color: #333333;
}

.news-list .category {
	font-style: italic;
	color: #666
}

#text-content-container ul#content-list li .news-list a:link, 
#text-content-container ul#content-list li .news-list a:hover, 
#text-content-container ul#content-list li .news-list a:visited, 
#text-content-container ul#content-list li .news-list a:active { 
	color: #333333;
	text-decoration: none;
}

#text-content-container ul#content-list li .news-list a:hover { 
	text-decoration: underline;
}

.news-list a:visited { color: #5f4646 }

.news-list.news-archive li {
	list-style-type: none !important;
}


/* --- Attachments list --- */

.attachments-list .extension {
	color: #666;
}


/* --- Photo list --- */

.photo-list {
	margin-left: -18px;
}

.photo-list dt {
	clear: both;
	float: right;
	width: 620px;
}

#text-content-container .photo-list dt a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

.photo-list dd.picture img {
	float: left;
	width: 174px;
	margin-right: 5px;
	/*margin-left: -18px;*/
	position: relative;
	top: -1px;
	z-index: 110;
	padding: 0;
}

.photo-list dd.summary {
	float: right;
	width: 620px;
}

.photo-list dd.clearer { margin-bottom: 15px; }

#photo-list-lead-image {
	margin-top: -4px;
	float: left;
	/*width: 174px;*/
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: -18px;
	padding: .2em 0px 0.2em 0px;
}

#text-content-container ul#content-list .photo-list p { padding-bottom: 0.2em; }

/* --- Guestbook list --- */
.guestbook-list {
    margin-left: 0;
	width: 612px;
}

.guestbook-list dt {
	clear: both;
	float: right;
	width: 450px;
}

.guestbook-list dd.type {
	float: left;
	width: 150px;
	text-align: left;
	padding-right: 10px;
	color: #999;
}

.guestbook-list dd.value {
	float: right;
	width: 450px;
    text-align: left;
}

.guestbook-list dd.clearer {
	margin-bottom: 15px;
	clear: both;
}


/* --- Messages --- */

.error {
	display: block;
	color: #e30000;
	font-weight: normal;
	margin: 0.5em 0;
}

.notice {
	display: block;
	color: #00A600;
	font-weight: bold;
	margin: 1em 0;
}


/* --- photo frame & content photos --- */

.photo-frame {
	padding: 0;
	background-color: white;
}

.photo-frame-left {
	float: left;
	margin-right: 0;
}

.photo-frame-right {
	float: right;
	margin-left: 0;
}

#text-content-container .photo-frame p {
	padding: 0;
	overflow: hidden;
}

img.content-photo {	padding: .2em 0px 0.2em 0px; }

.photo-frame .content-photo { padding: 0; }


/* --- Other --- */

img.left {
	float: left;
	padding-left: 0;
	margin-left: -18px;
	margin-right: 5px;	
}

img.right {
	float: right;
	padding-right: 0;
	margin-right: -18px;	
	margin-left: 5px;		
}

/* use to clear floats */
.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

.hidden { display: none }



/* Basic Layout
-------------------------------------*/
#container {
	position: absolute;
	min-width: 1001px;
	/*background-color: 000000;*/
	min-height: 100%;
	top: 0;
	right: 0;
	z-index: 2;
	overflow: hidden;
}

#content {
	position: relative;
	top: -12px;
	z-index: 3;
	width: 788px;
	min-width: 788px;
	float: right;
	padding-right: 188px;
	min-height: 597px;
	background: white;
	padding-bottom: 60px;
}

#entry {
	position: relative;
	top: 0px;
	z-index: 3;
	width: 170px;
	float: right;
	right: 417px;
	min-height: 20px;
	clear: both;
}



/* Header
-------------------------------------*/
#header {
	position: relative;
	float: right;
	width: 1001px;
	min-width: 1001px;
	height: 280px;
	top: 0;
	right: 0;
	z-index: 3;
}

#header h1 a {
	background:transparent url(../images/logo.png) 0 0 no-repeat;
	position: absolute;
	right: 684px;
	top: 21px;
	z-index: 2;
	text-indent:-9999px;
	width:131px;
	height: 151px;
}

#header a {
	position: absolute;
	overflow:hidden;	
	border: none;
}

#header span {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	z-index: 5;	
	cursor: pointer;
}

#odzivi {
	background: url('../images/backgrounds/odzivi-off.png') 0 0 no-repeat;
	right: 171px;
	top: 80px;
	z-index: 7;	
}

#odzivi:hover, #odzivi.on, #odzivi.on:hover { background: url('../images/backgrounds/odzivi-on.png') 0 0 no-repeat; }

#odzivi, #odzivi span {
	width: 144px;
	height: 71px;
}

#sodelovanje {
	background: url('../images/backgrounds/sodelovanje-off.png') 0 0 no-repeat;
	right: 313px;
	top: 98px;
	z-index: 6;	
}

#sodelovanje:hover, #sodelovanje.on, #sodelovanje.on:hover { background: url('../images/backgrounds/sodelovanje-on.png') 0 0 no-repeat; }

#sodelovanje, #sodelovanje span {
	width: 142px;
	height: 54px;	
}

#igra {
	background: url('../images/backgrounds/igra-off.png') 0 0 no-repeat;
	right: 423px;
	top: 115px;
	z-index: 4;	
}

#igra:hover, #igra.on, #igra.on:hover { background: url('../images/backgrounds/igra-on.png') 0 0 no-repeat; }

#igra, #igra span {
	width: 165px;
	height: 165px;
}

#skupina {
	background: url('../images/backgrounds/skupina-off.png') 0 0 no-repeat;
	right: 456px;
	top: 41px;
	z-index: 5;	
}

#skupina:hover, #skupina.on, #skupina.on:hover { background: url('../images/backgrounds/skupina-on.png') 0 0 no-repeat; }

#skupina, #skupina span {
	width: 117px;
	height: 138px;
}

#projekt {
	background: url('../images/backgrounds/projekt-off.png') 0 0 no-repeat;
	right: 571px;
	top: 41px;
	z-index: 6;	
}

#projekt:hover, #projekt.on, #projekt.on:hover { background: url('../images/backgrounds/projekt-on.png') 0 0 no-repeat; }

#projekt, #projekt span {
	width: 117px;
	height: 138px;
}

#header a {
	display: block;
	text-indent: -9999px;
}

#gallery {
	background: url('../images/backgrounds/bgnd-gallery.png') right bottom no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 11;
	width: 188px;
	min-height: 200px;
	padding-bottom: 10px;
	text-align: right;
}

#gallery a.gallery-link:link, #gallery a.gallery-link:active, #gallery a.gallery-link:visited, #gallery a.gallery-link:hover {
	font-size: 1.2em;
	color: #e30000;
	text-decoration: underline;
	margin: 16px 0px 0px 14px;
	text-transform: lowercase;
	float: left;
}

#gallery a.gallery-link:hover {
	text-decoration: none;
}

#gallery img {
	margin: 0;
	padding: 0;
	float: right;
}



/* Content
-------------------------------------*/

#content-line {
	position: absolute;
	top: 281px;
	right: 976px;
	width: 8px;
	height: 583px;
	background: url('../images/backgrounds/content-line.png') right top no-repeat;	
	z-index: 5;
}

#content h1 {
	margin-bottom: .7em;
	font-family: georgia, arial, sans-serif;
	font-size: 1.6em;
	line-height: 1em;
	text-transform: lowercase;
	font-weight: normal;
	text-align: right;
}

#content h2 {
	margin-bottom: .5em;
	font-family: helvetica, arial, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase
}

#text-content-container {
	margin-bottom: .7em;
	font-size: 1.4em;
}

#text-content-container p {
	padding-bottom: 0.5em;
	line-height: 1.2em;
}

#text-content-container a:link, #text-content-container a:visited, #text-content-container a:hover, #text-content-container a:active {
	color: #e30000;
	text-decoration: underline;
}

#text-content-container a:visited { color: #5F4646 }

/* external link */
#text-content-container a.external {
	padding-right: 12px;
	background: url('../images/backgrounds/icons/external-link.gif') 100% 65% no-repeat;
}

/* --- video --- */

span.video-placeholder {
	clear: both;
	padding: .7em 0px .7em 0px;
	display: block;
}


/* --- unsorted list --- */

#text-content-container ul {  width: 620px; }

#text-content-container ul#content-list li ul li {
	margin-bottom: 0;
	padding-bottom: 8px;
	list-style-type: disc;
	list-style-position: inside;
	width: 620px;	
}

#text-content-container ul#content-list {
	float: left;
	margin: 28px 0px 0px 0px;
	width: 788px;
	background: white url('../images/backgrounds/bgnd-content-list.gif') 0 0 repeat-y;		
}

#text-content-container ul#content-list li {
	list-style-type: none;
	padding: 0px 0px 50px 0px;
	float: left;
}

#text-content-container ul#content-list li h1 {
	width: 125px;
	padding: 0px 15px 0px 6px;
	float: left;
	clear: both;
}

#text-content-container ul#content-list li div {
	width: 620px;
	padding: 1px 0px 0px 18px;
	float: left;
}

#text-content-container ul#content-list li div p {
	padding-bottom: 15px;
}


/* --- numbered list --- */

#text-content-container ul#content-list   ol { width: 620px; }

#text-content-container ul#content-list  ol li {
	padding: 0.1em 0.5em;
	margin-bottom: .3em;
	list-style-type: decimal;
	list-style-position: inside;
	clear: both;
}


/* --- Attachments list --- */

#text-content-container ul.attachments-list li { list-style-type: none; }


/* --- tables --- */

#text-content-container table td {
	padding: .3em .5em;
	border: 1px solid #999;
}

#text-content-container table caption {
	margin-bottom: .3em;
	text-align: left;
	font-weight: bold;
}


/* --- Icons in content --- */

#text-content-container a.lipdf {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/pdf.gif) 0% 50% no-repeat;
}

#text-content-container a.lidoc {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/doc.gif) 0% 50% no-repeat;
}

#text-content-container a.lixls,
#text-content-container a.lixlsx {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/xls.gif) 0% 50% no-repeat;
}

#text-content-container a.lippt {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ppt.gif) 0% 50% no-repeat;
}

#text-content-container a.lizip {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/zip.gif) 0% 50% no-repeat;
}

#text-content-container a.liai {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/ai.gif) 0% 50% no-repeat;
}

#text-content-container a.liexe {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/exe.gif) 0% 50% no-repeat;
}

#text-content-container a.liimage {
	padding: .2em 0 .1em 19px;
	background: transparent url(../images/file.gif) 0% 50% no-repeat;
}

/* --- Photogallery --- */

#text-content-container ul#content-list  #photo-gallery-container { 
	float: left;
	width: 100%;
	margin: 1em 0;
	padding: 0;
}

#text-content-container ul#content-list .photo-gallery-item {
	float: left;
	width: 174px;
	padding: 7px;
	margin-right: 7px;
	margin-bottom: 7px;
	border: 1px solid #DFDFDF;
	background: white url(../images/backgrounds/bgnd-gallery-item.gif) top left repeat-x;
	text-align: center;
}

.photo-gallery-item img.photo-gallery { 
	margin: 0 auto; 
}

#text-content-container .photo-gallery-item p {
	margin-top: .7em;
	text-align: left;
	line-height: 1.1;
	font-size: .95em;
	overflow: hidden;
}

.photo-gallery-item p strong { display: block }


/* --- News --- */

#text-content-container .date { padding-bottom: 0 }

#text-content-container .date em {
	font-style: normal;
	font-weight: bold;
}

#text-content-container .category { padding-bottom: 0 }

#text-content-container .category em {
	font-style: normal;
	font-weight: bold;
}

#text-content-container .abstract {
	padding-top: 0;
	font-style: italic;
	color: #999;
}

/* Entry
-------------------------------------*/
#news-list {
	margin-top: 24px;
}

#news-list li {
	float: left;
	margin-top: 9px;
	clear: both;
	width: 164px;	
}

#news-list p{
	background: transparent url('../images/backgrounds/bgnd-news.png') 0 0;
	padding: 2px 2px 2px 2px;
	font-size: 1.2em;
	line-height: 1.1em;
	float: left;
}

#news-list p a:link, #news-list p a:active, #news-list p a:visited, #news-list p a:hover {
	color: #333333;
	text-decoration: none;
}

#news-list p a:hover { text-decoration: underline; }

#news-list span.date{
	color: #828282;
	padding: 0px 3px 0px 0px;
	font-size: 0.8em;
}

#news-list a.archive-link:link, #news-list a.archive-link:visited, #news-list a.archive-link:active, #news-list a.archive-link:hover {
	color: #e30000;
	text-decoration: underline;
	font-size: 1.3em;
	margin-left: 3px;
	text-transform: lowercase;
}

#news-list a.archive-link:hover { text-decoration: none; }


/* Footer
-------------------------------------*/

#footer {
	min-height: 47px;
	z-index: 10;
	background: white;
	right: 0;	
	font-family: helvetica, arial;
	color: #8d8d8d;
	min-width: 1001px;
	position: fixed;
	bottom: 0px;
	float: right;
	text-align: right;	
}

 #footer  p {
	padding: 13px 0px 0px 4px;
	width: 605px;
	font-size: 10px;
	line-height: 1em;
	height: 34px;
	float: right;
	text-align: left;
}

#footer img{ 
	float: right;
}

.banners-space {
	background: url(../images/backgrounds/bgnd-banner-line.gif) center bottom no-repeat;
	width: 33px;
	height: 47px;
	float: right;
}


#footer div.scrollableArea { text-align: right; }

.scrollWrapper {
	position: relative;
	height: 47px;
	top: 0px;
	overflow: hidden;
	z-index: 100;
}

.scrollableArea {
	height: 47px;
}

.scrollableArea div {
	float: left;
}

/* Sys menu
-----------------------------------------*/

#sys-menu li, #sys-menu-entry li {
	float: right;
	padding-left: 15px;
}

#sys-menu { 
	position: relative;
	float: right;
	z-index: 10;
	bottom: 54px;
	clear: right;
	width: 500px;
	padding-right: 455px;
}

#sys-menu-entry { 
	position: fixed;
	bottom: 54px;
	float: right;
	right: 12px;
	text-align: right;
	z-index: 10;	
}

#sys-menu a:link, #sys-menu a:visited, #sys-menu a:active, #sys-menu a:hover,
#sys-menu-entry a:link, #sys-menu-entry a:visited, #sys-menu-entry a:active, #sys-menu-entry a:hover {
	color: #e30000;
	font-size: 1.3em;
	text-decoration: underline;
}

#sys-menu-entry a:link, #sys-menu-entry a:visited, #sys-menu-entry a:active, #sys-menu-entry a:hover {
	font-size: 1.3em;
}

#sys-menu a:hover, #sys-menu-entry a:hover { text-decoration: none; }


/* Forms
-------------------------------------*/

#text-content-container form {
	width: 98%;
	margin-bottom: 1em;
	padding: 1em 1%;
	background-color: #F6F6F6;
}

input.input-text {
	padding: .3em;
	border: 1px solid #AAA;
	font-size: 100%;
	background-color: #EEE;
}

#text-content-container input.input-text {
	padding: .5em;
	border: 1px solid #AAA;
	font-size: .9em;
	background-color: white;
}

input.input-submit {
	margin-top: 1em;
	padding: .2em .5em;
	border-width: 1px;
	border-style: solid;
	border-color: #808080 #404040 #404040 #808080;
	font-size: 100%;
	background-color: #606060;
	color: white;
	cursor: pointer;
}

input.input-submit:hover {
	border-color: #E60000 #600000 #600000 #E60000;
	background-color: #e30000;
}

#text-content-container input.input-submit { font-size: .9em; }

textarea {
	height: 10em;
	padding: .3em;
	border: 1px solid #AAA;
	background-color: white;
}

select {
	padding: .1em 0 .1em .3em;
	border: 1px solid #AAA;
	background-color: #EEE;	
}

.input-security {
	width: 5em !important;
	margin: 0 0 0 3px;
}

.racun {}

form span.mandatory { color: #e30000 }


/* Vertical form */

.vertical-form {}

.vertical-form dt {
	margin-top: 1em;
	margin-bottom: .3em;
}


/* Horizontal form */

.horizontal-form { float: left }

.horizontal-form dt {
	clear: left;
	float: left;
	width: 25%;
	padding-top: .5em;
	margin-top: .6em;
	margin-bottom: .2em;
	margin-right: 2%;
	text-align: right;
}

.horizontal-form dt label { text-align: right }

.horizontal-form dd {
	float: left;
	width: 72.9%;
	margin-top: .6em;
	margin-bottom: .2em;
}

fieldset.checkboxes label {
	float: left;
	display: block;
}

form dt.alt, 
form dd.alt {
	text-align: left
}

.horizontal-form dt.alt, 
.horizontal-form dd.alt {
	width: 72.9%;
	padding-top: 0;
	padding-left: 27%;
	margin-right: 0;
}

.sidebar-module input,
.sidebar-module select,
.sidebar-module textarea {
	font-family: inherit;
	font-size: 1.1em;
}

.form-notice {
	margin: 1em 0;
	padding: .3em 1em;
	border: 1px solid green;
	font-weight: bold;
	color: green;
}

.form-error {
	float: left;
	margin: 1em 0;
	padding: .3em 0;
	border: 1px solid #e30000;
	color: #e30000;
	display: block;
}

.form-error li {
	float: left;
	padding: .3em 1em;
	font-weight: bold;
	line-height: 1.2;
}




/* Modules
-------------------------------------*/





/* Print styles
-------------------------------------*/

@media print {

	body {
		font-size: 12px;
		font-family: "Times New Roman", serif;
		background-color: white;
		color: black;
	}

	h1, h2, h3, h4 { font-family: "Times New Roman", serif; }

	h1 { font-size: 1.6em; }

	h2 { font-size: 1.4em; }

	h3 { font-size: 1.2em; }

	h4 { font-size: 1.1em; }

	a img { border: none; }

	#text-content-container a:link:after,
	#text-content-container a:visited:after {
		content: " (" attr(href) ") ";
		font-size: 90%;
	}
	
	#gallery, #odzivi, #sodelovanje, #projek, #skupina, #footer, #ambient-container, #sys-menu, #sys-menu-entry, #ac-movable-box img {
		display: none;
	}
	
	#text-content-container ul#content-list li div {
		clear: both;
		width: 700px;
		min-width: 0px;
	}
	
	#header h1 a { 
		
		text-indent: 0; 
		text-decoration: none;
		font-size: 2em;
		color: black;
		right: 0px;
		top: 0px;
		float: left;
		width: 800px;
		line-height: 2em;
		z-index: 1000;
	}
	
	#header { height: 100px; }
	
	#content { padding-right: 0; }
	
	#container { width: 970px; }
}

/* DO NOT PUT ANYTHING DOWN HERE! FIND THE APPROPRIATE SECTION ABOVE! THIS IS THE LAST WARNING! */