html {overflow-y:scroll;}

html,body {
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
	}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	background: /*url(../images/gui.si/general/body_bg.jpg) repeat-x top*/ #fff;
	}

p, h1, h2, h3, hr, ul, li, select, input, textarea, form, body {
	margin: 0;
	padding: 0;
}
img {border:0;}
img.wrap_left {
  float:left;
  margin-right: 5px;
}

a {outline:none; color:#555; text-decoration:underline;}
a:hover, a.active { text-decoration:none;}

#backgroundtop {/*background:url(../images/gui.si/general/topcenter_bg.jpg) top center no-repeat;*/min-height:508px;height:auto !important; height:508px;}

#wrap { width:956px; margin:0 auto;}
 
#header { background:url(../images/gui.si/general/header_top.jpg) repeat-x; height:25px; float:left; width:956px; padding:0; padding-top:7px;}
	#header input.text { width:140px; height:16px; padding:2px 0 0 6px; border:none; background:#ffffff; float:right; font-size:12px; color:#555; margin-left:2px; display:inline; }
	#header input.button { float:right; width:21px; padding:1px; height:16px; background:transparent;}
	#header img.icon {float:right; margin:0 16px 0 0}

#flashbox {float: left; height:218px; width:956px; position:relative; border:0; /*background:url(../images/gui.si/general/flashbox_bg.jpg) top repeat-x #fff;*/}

#menu {float:left; width:954px; border:1px solid #ccc; height:30px; background:url(../images/gui.si/general/header_top.jpg) repeat-x #ffffff;}
	#menu span {float:left; width:189px; border-right:1px solid #ccc; height:26px; font-size:16px; font-weight:bold; color:#777; padding:4px 0 0 20px;}
	#menu ul {float:left; list-style:none; font-size:16px; font-weight:bold; padding-left:6px;}
	#menu ul li {float:left; height:25px; background:url(../images/gui.si/general/ullimenu.gif) right no-repeat; padding:5px 31px 0 31px;}
	#menu ul li.last {background:none; padding:5px 10px 0 22px}
	#menu ul li a { color:#777; text-decoration:none;}
	#menu ul li a:hover, #menu ul li a.active {color:#aaa;}

#right {float:right; width:209px; border-left:1px solid #fff; border-right:1px solid #fff;}
	#right h1 {float:left; width:174px; border:0px solid #ccc; font-size:16px; color:#236872; padding:25px 0 0 20px;}
	#right h1.admin_menu {background:url(../images/gui.si/general/header_top.jpg) repeat-x #00ccff; font-weight:bold; color:#777; width:189px; height:26px; border:0 1px 0 0; padding-top: 4px;}
	#right ul {list-style:none; font-size:16px;}
	#right ul li { float:left;}
	#right ul li a {float:left; width:174px; padding:5px 0 5px 35px; margin:0 0 0 0; border-bottom:1px solid #ccc; color:#777; text-decoration:none; background: url(../images/gui.si/general/leftmenu_ulli.gif) no-repeat #ffffff 20px 10px;}
	#right ul li a.active {background:#fff; color:#555;}
	#right ul li a.active:hover {text-decoration:underline; background:#fff;}
	#right ul li a:hover {background:url(../images/gui.si/general/hover_left.jpg) bottom no-repeat #fff;}
	#right ul li a.last {border-bottom:none;}
	
	#right_bottom {background:url(../images/gui.si/general/left_bottom_bg.jpg) top repeat-x; float:left; padding:0 0 0 25px;}
	#right_bottom h1 {font-size:16px; color:#555; font-weight:bold; padding-left: 0; border:0;}
	#right_bottom input { width:166px; font-size:14px; padding:1px 1px 1px 1px;}
	#right_bottom input.submit {margin-top:8px; margin-bottom:5px; width: 50px;}
	#right_bottom p {color:#656565; font-size:12px; float:left; width:163px; padding:2px 20px 0 0 ;}

	#news {float:left; width:745px; background:url(../images/gui.si/general/right_bg.jpg) left top no-repeat #fff;}
	
		#newstitle {float:left; width:704px; background:url(../images/gui.si/general/newstitlebg.gif) bottom no-repeat; font-size:16px; color:#a4a4a4; padding:25px 19px 0 22px;}
		#newstitle a {float:right; font-size:12px; padding:1px 7px; background: #ccc; text-decoration:none; margin:-7px 5px 0 0;}
		#newstitle a:hover {text-decoration:underline;}
		#newstitle h1 {float:left;}
		
		#mainnews {float:left; width:703px; padding:14px 20px 32px 22px;}
		#mainnews img {border:0; float:left; margin-right:25px;}
		#mainnews h3 { float:left; font-size:16px; width:503px; color:#555; margin:-4px 0 0 0;}
		#mainnews h1 { color:#a4a4a4; font-size:14px; float:left;}
		#mainnews p {float:left; width:503px; color:#000; padding:5px 0 0 0;}
		#mainnews a { color:#555;}
		#mainnews a:hover {text-decoration:none;}
                #mainnews span.date {float:left; width:503px; margin:0 0 0 0; color:#a4a4a4;}
		.mininews {float:left; width:542px; margin-left:203px; display:inline; padding-bottom:8px;}
		.mininews a {color:#555; font-weight:bold;}
		.mininews a:hover {text-decoration:none;}
		.mininews h1 {color:#a4a4a4; font-size:12px; float:left; width:542px;}
	
	#sliderbox {float:left; width:700px; border-right:1px solid #fff; /*background:url(../images/gui.si/general/slide_bg.jpg) top repeat-x #2b818e;*/ height:161px; color:#555; padding:24px 16px 0 28px;}
	#sliderbox h1 {font-size:16px;}
	#sliderbox span {padding-left:40px;}
	
	#main_content_holder {float:left;min-height:438px;height:auto !important; height:438px; background:url(../images/gui.si/general/content_bg.jpg) top left repeat-x #fff;}
	
	#main_content { float:left; width:693px; margin:30px 25px 0 27px; display:inline; line-height:19px; }
        #main_content .description { padding-bottom:21px;}
	#main_content h1 {color:#555; font-size:22px; font-weight:bold; padding-bottom:21px; xpadding-top:16px;}
	#main_content h2 {color:#555; font-size:18px; font-weight:bold; padding-bottom:14px; padding-top:16px;}
	#main_content h3 {color:#555; font-size:14px; font-weight:bold; padding-bottom:12px; padding-top:16px;}
	#main_content p {padding-bottom:21px;}
	#main_content span.date {float:left; width:693px; margin:-20px 0 0 0; color:#a4a4a4;}
	#main_content img.inline_left {float:left; margin:5px 20px 5px 0px; display:inline; border:1px solid #2b818e;}
	#main_content div.files a {padding-left:24px;text-decoration:underline;}
	#main_content div.files a:hover {text-decoration:none;}
	#main_content a.pdf {background:url(../images/gui.si/general/pdf_bg_link.gif) left no-repeat; padding-left:24px;}
	#main_content ul {list-style:none; padding:10px 0 10px 0;}
	#main_content ul li { background:url(../images/gui.si/general/text_ulli.gif) no-repeat 0 10px; padding:3px 0 3px 15px;}
	#main_content span.green {color:#2b818e; }
	#main_content span.red { color:#ff0000;}
	
	#breadcrumbs { float:left; width:618px; margin:17px 0 0 27px; display:inline; font-size:14px; color:#a4a4a4;}
	#printer_friendly {float:right; margin:17px 27px 25px 0; display:inline; font-size:14px; color:a4a4a4;}
	#breadcrumbs a, #printer_friendly a { color:#a4a4a4; text-decoration:none;}
	#breadcrumbs a:hover, #printer_friendly a:hover {text-decoration:underline;}
	
	.news {float:left; width:693px; padding-bottom:30px;}
	.news img {border:1px solid #555; width:154px; margin-top:6px; float:left; margin-right:25px; display:inline;}
	.news p { float:left; width:512px; line-height:19px;}
	.news h3 a { line-height:18px;text-decoration:none;float:left; width:512px; padding:0 0 0 0; margin:0 0 0 0; font-size:16px; font-weight:bold; color:#2b818e;}
	.news h3 a:hover {text-decoration:underline;}
	.news p span {color:#a4a4a4;}
	.news p a, #main_content a { color:#555; }
	.news p a:hover, #main_content a:hover {text-decoration:none;}
	
	#footer {clear:both; float:left; width:718px; border-top: solid 1px #c8c8c8; margin:40px 0 0 0px; padding:10px 0 35px 238px; font-size:12px; color:#ababab; display:inline;}
	#footer div.left {float:left; swidth:500px; margin:0 0 0 0; padding:0px 25px 0px 0px;}
	#footer div.right {float:left; width:190px; }
	
/* scroller */

.scrollable {position:relative;	overflow:hidden;width: 650px;height:135px;}
.scrollable .items {width:20000em;position:absolute;clear:both;}
.items div {float:left;	width:650px;}
.scrollable div {float:left;width:307px;height:112px;padding:12px 0 0 18px; }
.scrollable div img {padding:1px 2px 2px 1px; width:132px; background:url(../images/gui.si/general/slider_img_frame.gif) no-repeat; float:left; border:none;}
.scrollable div h2 a { color:#555; text-decoration:none;float:left; width:152px; font-size:16px; font-weight:bold; padding:0 0 0 18px;}
.scrollable div h2 a:hover {color:#aaa;}
.scrollable div p {font-size:12px; float:left; width:152px; padding:0 0 0 18px;}

.scrollable .active {border:2px solid #000;position:relative;cursor:default;}
.scrollable {float:left;}
a.browse {display:block; width:25px; height:112px; float:left; cursor:pointer; font-size:1px;}

a.right { background:url(../images/gui.si/general/right_slide.gif) no-repeat; clear:right; margin:16px 0 0 0;}
a.left { margin:31px 0 0 0; background:url(../images/gui.si/general/left_slide.gif) no-repeat;} 
a.disabled {visibility: visible !important;} 
	
/* clearfix za content */

.clearfix:after {
    main_content_holder: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
	
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#gallery_html_link {
                margin:0px 0px 21px 0px;
}
#partners {text-align:center;}