body {
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
	 background: #fff url(../../img/img_iSys/background.png) 0px -15px repeat-x; /* see ie6 & ie7 hacks*/
	 font-size: medium;
	 font-size: 0.8em;
	 font-family: verdana, arial, tahoma;
	 color: #808080;
}
img {
	border: none;
}

p {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

/*MAIN*/


#header {
	width: 770px;
	min-height: 220px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden; /*wrap fix*/
	position: relative;
	z-index: 1;
		background: url(../../img/img_iSys/iSys_head.jpg) 0 0 no-repeat;

}

#header_logo h1 {
	font-size: 2.5em;
	color: #000000;
}

#banner_top {
	height: 100px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 400px;
}

#header h1 {
	width: 210px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	float: left;
	position: relative;
}
#header h1 img { position: absolute; bottom: 0; left: 20px; }

ul#nav_i {
	width: 90px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 40px;
	float: left;
	color: #000000;
	line-height: 1.8em;
	list-style: none;
}

ul#nav_i li {
	padding: 0px 0px 0px 12px;
}

.ilab_nav {
	background: url(../../img/img_iSys/ilab_nav_icon.png) 0px 10px no-repeat;
}

.iweb_nav {
	background: url(../../img/img_iSys/iweb_nav_icon.png) 0px 10px no-repeat;
}

.isys_nav {
	background: url(../../img/img_iSys/isys_nav_icon.png) 0px 10px no-repeat;
}

.iprog_nav {
	background: url(../../img/img_iSys/iprog_nav_icon.png) 0px 10px no-repeat;
}

.design_nav {
	background: url(../../img/img_iSys/design_nav_icon.png) 0px 10px no-repeat;
}

ul#nav_1 {
	width: 770px;
	height: 110px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	list-style: none;
}

#nav_1 li {
	width: 110px;
	height: 40px;
	padding: 70px 0px 0px 0px;
	text-align: center;
	float: left;
}

.active_nav1 {
	padding: 80px 0px 0px 0px !important;
	background: url(../../img/img_iSys/main_menu_active.png) 43px 23px no-repeat !important;
}

#content {
	width: 770px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	overflow: hidden; /*wrap fix*/
	text-align: left;
	position: relative;
	z-index: 1;
}
	
#side_b {
	width: 175px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 5px; /*see ie6 hacks*/
	padding: 50px 0px 0px 0px;
	text-align: left;
}

#side_b ul#nav_2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #00AFDB;
	list-style: none;
}

#side_b ul#nav_2 li{
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 12px;
	background: url(../../img/img_iSys/ul_2.png) 0px 16px no-repeat;
}

#side_b ul#nav_3 {
	margin: 0px 0px 0px -5px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

#side_b ul#nav_3 li{
	margin: 0px 0px 0px 5px;
	padding: 10px 0px 0px 12px;
	background: url(../../img/img_iSys/ul_3.png) 0px 16px no-repeat;
	color: #808080;
}

#side_b .active_nav2 {
	margin: 0px 0px 0px 10px;
	padding: 10px 0px 0px 12px !important;
	background: url(../../img/img_iSys/ul_active_2.png) 0px 16px no-repeat !important;
}

#side_b .active_nav3 {
	margin: 0px 0px 0px 10px;
	padding: 15px 0px 0px 10px !important;
	background: url(../../img/img_iSys/ul_active_3.png) 0px 20px no-repeat !important;
	color: #808080;
}

#main {
	width: 410px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 1.5em;
	text-align: left;
	float: left;
}

body.layout_first #main {
	width: 585px; /*repair for title site*/
	margin: 0px 0px 0px 5px; /*repair margin instead of #side_b for title site*/
}

body.layout_first #main .big_third {
	width: 535px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 30px 30px 20px;
	background: url(../../img/img_iLink/3_3_stroke.png) right bottom no-repeat;
}

body.layout_first .devider {
	width: 585px;
}

body.layout_first #main .third_devider {
	background: url(../../img/img_iLink/stroke_first.png) right bottom no-repeat;
}

body.layout_first #main h2 {
	margin: 35px 0px 0px 5px;
}

.text_devider {
 width: 350px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 10px 30px 20px 30px;
 overflow: hidden; /*wrap fix */
 background: url(../../img/img_iSys/2_3_stroke.png) 15px bottom no-repeat;
}

.clean_text_devider {
 width: 350px;
 height: auto;
 margin: 0px 0px 0px 0px;
 padding: 10px 30px 20px 30px;
 overflow: hidden; /*wrap fix */
 background: none;
}

.third_devider {
	width: 100%;
	height: auto;
	margin: 0px 0px 1em 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden; /* wrap fix */
	float: left;
	background: url(../../img/img_iSys/stroke.png) right bottom no-repeat;
}

.third_devider_half {
	width: 410px;
	height: auto;
	margin: 0px 0px 1em 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden; /* wrap fix */
	float: left;
	background: url(../../img/img_iSys/1_3_stroke.png) 20px bottom no-repeat;
}

.clean_third_devider {
	width: 100%;
	height: auto;
	margin: 0px 0px 1em 0px;
	padding: 10px 0px 0px 0px;
	overflow: hidden; /* wrap fix */
	float: left;
	background: none;
}

.third {
	width: 155px;
	height: auto; 
	margin: 0px 0px 0px 20px; /*see ie6 hacks*/
	padding: 0px 10px 0px 10px;
	float: left;
}

.first_third {
	width: 155px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	float: left;
}

#main h2 {
	color: #00AFDB;
	margin: 35px 0px 0px 25px;
	font-size: 1.2em;
	text-align: left;
}

#main h3 {
	margin: 0px 0px 0.3em 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 1.1em;
	text-align: left;
}

#main h4 {
	color: #00AFDB;
	font-size: 1em;
}

#main h4.date {
	color: #00AFDB;
	font-size: 1em;
	margin: 10px 0px 0px 0px;
}

#main h5 {
	color: #000000;
}

ul.convince li {
	margin: 0px 0px 10px 0px;
}

.small {
	font-size: 0.87em;
}

.small_h {
	width: 120px;
	height: auto;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #808080;
	font-size: 0.8em;
}

.small_p {
	width: 340px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
	display: block;
	float: left;
}

.end_link {
	padding: 0px 0px 0px 0px;
	background: url(../../img/img_iSys/link_more.png) right 6px no-repeat;
	float: right;
	
}

ul.projekti {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #808080;
	list-style: none;
}

.projekti li {
	padding: 0px 0px 0px 10px;
	text-align: left;
	background: url(../../img/img_iSys/ul_3.png) 0px 8px no-repeat;
}

ul.last_news {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #808080;
	list-style: none;
}

ul.last_news li {
	padding: 0px 0px 0px 10px;
	background: url(../../img/img_iSys/ul_3.png) 0px 8px no-repeat;
}

ul.site_number {
	margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	color: #808080;
	list-style: none;
	float: right;
}

ul.site_number li {
	margin: 0px 0px 0px 0px;
	padding: 0px 1em 0px 0px;
	float: left;
	display: block;
}

#side_a {
	width: 175px;
	height: auto;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 60px 0px 0px 0px;
	background: url(../../img/img_iSys/side_menu_top.png) -5px 40px no-repeat;
	color: #808080;
	text-align: left;
	line-height: 1.5em;
}

#side_a h3 {
	padding: 0.8em 0px 5px 40px;
	font-size: 1.2em;
	color: #000000;
}

#side_a .important {
	font-size: 1em;
	color: #000000;
}

.side_menu {
	margin: 10px 20px 10px 20px;
}

label {
	width: 110px;
	margin: 0px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
	display: block;
	font-size: 0.8em !important;
	line-height: 1em;
}

.holder {
	display: block;
	float: left;
	margin: 5px 7px 0px 0px;
	height: 20px;
	width: 20px;
	overflow: hidden; /* wrap fix */
}

input { 
	width: 120px;
	display: inline;
	float: left;
	border: none;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
	overflow: hidden;
}

.input {
	width: 110px;
	height: 16px;
	margin: 0px 0px 5px 2px;
	padding: 5px 10px 5px 10px;
	border: none;
	background: url(../../img/img_iSys/input_field.png) 0px 0px no-repeat;
	cursor: text;
}

.login_imailer {
	background: url(../../img/img_iSys/icon_imailer.png) 0px 0px no-repeat;
}

.login_ifilter {
	background: url(../../img/img_iSys/icon_ifilter.png) 0px 0px no-repeat;
}

.login_webmail { 
	background: url(../../img/img_iSys/icon_webmail.png) 0px 0px no-repeat;
}

.login_urejaj {
	background: url(../../img/img_iSys/icon_urejanje.png) 0px 0px no-repeat;
}

.login_drugo {
	background: url(../../img/img_iSys/icon_drugo.png) 0px 0px no-repeat;
}

.link_button_help {
	width: 90px;
	height: 38px;
	margin: 20px 20px 0px 15px;
	padding: 5px 0px 0px 50px;
	float: left;
	background: url(../../img/img_iSys/button_help.png) 0px 0px no-repeat;
	font-size: 0.8em;
	line-height: 1.2em;
}

#side_a h3.button_help {
	padding: 7px 0px 0px 50px;
}

#contacts_apply {
	background: url(../../img/img_iSys/icon_contacts.png) no-repeat scroll 0 6px;
	float:left;
	margin: 1.3em 0px 10px 20px !important;
	padding: 0px 0px 0px 40px !important;
	width:85px;
}

#news_apply_menu {
	width: 75px;
	margin: 0px 5px 0px 6px;
	padding: 0px 0px 0px 0px;
	border: 2px solid #E6E6E6;
	background-color: #F2F2F2;
	float: left;
}

.button_confirm {
	width: 40px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../../img/img_iSys/button_confirm.png) 0px 0px no-repeat;
	border: none;
	color: #000000;
	font-size: 0.9em;
	display: block;
	float: left;
	cursor: pointer;
}

form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

fieldset {
	width: 135px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	display: block;
	float: left;
}

.buttons {
	margin: 0px 0px 0px 3px;
}

#side_a ul#qm_hk {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
	color: #00AFDB;
}

#side_a ul#qm_n {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
}

#side_a ul#qm_n li {
	padding: 0px 0px 2px 12px;
	background: url(../../img/img_iSys/ul_3.png) 0px 8px no-repeat;
}

#side_a .small_text {
	width: 135px;
	margin: 0.3em 0px 0px 27px;
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 0.8em !important;
	line-height: 1.3em;
}

#side_a .small_text2 {
	width: 130px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	float: left;
	font-size: 0.8em !important;
	line-height: 1.3em;
}

#side_a .small_title {
	width: 135px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	font-size: 0.8em !important;
	text-align: right;
	line-height: 1.3em;
	color: #00AFDB;
}


#side_a ul#qm_bg {
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	list-style: none;
}

#side_a ul#qm_bg li {
	padding: 0px 0px 2px 10px;
	background: url(../../img/img_iSys/ul_3.png) 0px 8px no-repeat;
}

#side_a #side_a_last {
	width: 145px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 15px 40px 15px; /*see ie6 hacks*/
	background: url(../../img/img_iSys/side_menu_bottom.png) -5px bottom no-repeat;
	float: left;
}

#side_a .project_link {
	padding: 0px 15px 0px 0px !important;
	background: url(../../img/img_iSys/link_more.png) right 6px no-repeat;
	float: right;
}

#side_a h3.side_header {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#login {
	background: url(../../img/img_iSys/icon_login.png) 0px 6px no-repeat;
}

#help {
	margin: 0px 0px 0px -40px;
}

.link_contacts {
	width: 85px;
	margin: 1.3em 0px 10px 20px;
	padding: 0px 0px 0px 40px;
	float: left;
	background: url(../../img/img_iSys/icon_contacts.png) 0px 6px no-repeat;
}

.link_news {
	width: 85px;
	margin: 1.3em 0px 10px 20px;
	padding: 0px 0px 0px 40px;
	float: left;
	background: url(../../img/img_iSys/icon_news.png) 0px -3px no-repeat;
}

#news_apply {
	float: left;
	background: url(../../img/img_iSys/icon_news_apply.png) 0px 16px no-repeat;
}

.link_downloads {
	width: 85px;
	margin: 1.3em 0px 10px 20px;
	padding: 0px 0px 0px 40px;
	float: left;
	background: url(../../img/img_iSys/icon_downloads.png) 0px 6px no-repeat;
}

.link_comments {
	width: 85px;
	margin: 1.3em 0px 10px 5px;
	padding: 0px 0px 0px 40px;
	float: left;
	background: url(../../img/img_iSys/icon_comments.png) 0px 6px no-repeat;
}

#footer {
	width: 570px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 50px 100px 50px 100px;
	color: #808080;
	font-size: 0.7em;
	text-align: center;
	position: relative;
	z-index: 1;
}

/*END OF MAIN*/


/* SECTION: adverts */

.nogui {
	display: none;
}

#beyondpage { /* area beyond which horizontal scroll does not occur */
	position: absolute; /* place it to top of the window */
	z-index: 0;
	top: 0;
	min-height: 100%; /* vertical stretch over all visible area (not really necessary) */ /* see IE6 hack */
	width: 100%;
	overflow: hidden; /* the only needed thing for modern browsers */
}

#ads_side {
	position: relative; /* set to position: relative; so that it triggers vertical scroll if reklame is bigger than the window */
	top: 0;
	left: 50%;
	margin: 0 0 0 500px; /*  position by the right page border */
	padding: 260px 0 50px 0; /* align with header */ /* padding instead of margin needed for IE6 */
	width: 160px;
	text-align: center;
}

/* END OF SECTION: adverts*/


/*LINKS*/

a {
	color: #00AFDB;
	text-decoration: underline;
}

a, a:hover {
	color: #00AFDB;
	text-decoration: none;
}

#header a {
	color: #000000;
	text-decoration: none;
}

ul#nav_1 a {
	height: 40px;
	margin: -70px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	color: #000000;
	display: block;
	background: url(../../img/img_iSys/main_menu_inactive.png) 42px 39px no-repeat;
}

ul#nav_1 a:hover {
	height: 40px;
	margin: -70px 0px 0px 0px;
	padding: 80px 0px 0px 0px;
	color: #000000;
	display: block;
	background: url(../../img/img_iSys/main_menu_active.png) 42px 23px no-repeat;
}

ul#nav_1 .active_nav1 a, ul#nav_1 .active_nav1 a:hover {
	padding: 70px 0px 0px 0px !important;
	color: #000000;
	text-decoration: none;
	background: url(../../img/img_iSys/main_menu_active.png) 43px 13px no-repeat !important;
}

ul#nav_i a {
	color: #000000;
}

ul#nav_i a:hover {
	color: #00AFDB;
}

#side_b ul#nav_2 a {
	color: #00AFDB;
	text-decoration: none;
}

#side_b ul#nav_2 a:hover {
	text-decoration: underline;
}

#side_b ul#nav_3 a {
	color: #808080;
}

#side_b ul#nav_3 a:hover {
	text-decoration: underline;
}

#main a {
	color: #00AFDB;
	text-decoration: underline;
}

#main a:hover {
	text-decoration: none;
}

#main h3 a {
	color: #000000 !important;
	text-decoration: none !important;
}

#main h3 a:hover {
	color: #00AFDB !important;
	text-decoration: none !important;
}

#main h4 a, #main h4 a:hover {
	text-decoration: none;
}

#main .end_link a {
	padding: 0px 15px 0px 0px;
	color: #00AFDB;
	text-decoration: underline;
}

#main .end_link a:hover {
	padding: 0px 15px 0px 0px;
	color: #00AFDB;
	text-decoration: none !important;
}

#main_third a {
	color: #00AFDB;
	text-decoration: underline;
}

#main_third a:hover {
	text-decoration: none;
}

#main .first_third a {
	color: #00AFDB;
	text-decoration: underline;
}

#main .first_third a:hover {
	text-decoration: none;
}

#main ul.projekti a {
	color: #808080;
	text-decoration: underline;
}

#main ul.projekti a:hover {
	color: #00AFDB;
	text-decoration: none;
}

#main ul.last_news a {
	color: #808080;
	text-decoration: underline;
}

#main ul.last_news a:hover {
	color: #00AFDB !important;
	text-decoration: none !important;
}

#main ul.site_number a {
	color: #00AFDB;
	text-decoration: none;
}

#main ul.site_number a:hover {
	text-decoration: underline !important;
}

#side_a a {
	color: #808080;
	text-decoration: none;
}

#side_a a:hover {
	color: #00AFDB;
	text-decoration: underline;
}

#side_a h3 a {
	color: #000000;
	text-decoration: none;
}

#side_a h3 a:hover {
	color: #00AFDB;
	text-decoration: none;
}

#side_a a.project_link {
	color: #00AFDB !important;
	text-decoration: underline !important;
}

#side_a a:hover.project_link {
	color: #00AFDB !important;
	text-decoration: none !important;
}

#side_a .important a {
	color: #000000;
	text-decoration: underline;
}

#side_a .important a:hover {
	color: #00AFDB;
	text-decoration: none;
}

#footer a {
	color: #808080;
	text-decoration: underline;
}

#footer a:hover {
	color: #00AFDB;
	text-decoration: underline;
}


/*END OF LINKS*/

/* ilab.novice fix */
fieldset#imailer_form_fieldset {
margin: 0 0 0 20px;
display: inline;
}
#imailer_form_email {
margin: 0 0 0.5em 0!important;
}
#imailer_form_mailing_list,
#imailer_form_lang { display: none; }
#imailer_form select { width: 100%; margin: 0; padding:0; }
.button_login {
 background:transparent url(../../img/button_login.png) no-repeat scroll 0;
 border:medium none;
 color:#000000;
 cursor:pointer;
 display: inline;
 float:left;
 font-size:0.9em;
 height:22px;
 margin: 1em 0 0.5em 27px;
 padding:0;
 width:82px;
}
#imailer_form_text {
 font-size: 0.8em;
 line-height:1.3em;
 text-align:center;
}
p#imailer_form_message {
	display: block;
	margin: 1em 0 0 0;
	padding: 0.5em 1em 0.5em 1em;
	font-size: 0.8em;
	line-height: 1.3em;
}
p.imailer_form_message_0 {
	background: #fcc;
	color: #c30;
}
p.imailer_form_message_1 {
	background: #ffc;
	color: #666;
}
p.imailer_form_message_2 {
	background: #cfc;
	color: #093;
}
p#imailer_form_message a {
	color: #036;
	background: #ffc;
}
li.nav_pages {
  display: block;
  float: left;
  width: 100%;
  background: none!important;
  padding: 0!important;
  margin-top: 2em!important;
}
.nav_pages ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav_pages li {
  background: none!important;
  float: left;
  margin: 0 0.5em 0 0!important;
  padding: 0!important;
  color: #808080!important;
}

/*comments*/
form#post_comment, #post_comment fieldset {
	margin: 0;
	padding: 0;
	float: left;
}
#post_comment label { font-size: 1em!important; margin-bottom: 0.5em; width: 345px; font-weight: bold; }
textarea#comment_input {
	boder: 1px solid #000!important;
	width: 345px;
	background: #ffc;
}
#post_comment p {
  display: block;
	width: 345px;
	font-size: 1em;
	line-height: 1.2em;
}
input#captcha {
  border: 1px solid #000;
  width: 50px;
	margin: 0 auto 0 155px;
	background: #ffc;
}
#post_comment input.button {
	float: none!important;
	width: 150px;
	margin: 1em auto 1em 100px;
}
div.comment {
	margin: 0.5em 0 0 0;
	border-bottom: 1px solid #ccc;
}
div.comment p { margin: 0.2em 0 0.5em 0; }
div.comment p.comment_date { font-size: 0.6em; color: #999; margin: 0; }

.twitter-follow-button  { width: 170px!important;  }
/* made by Tomaž Bešter, http://www.toma.si */