html { height: 100%; }
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff url(../img/header_bg.png) 0 140px repeat-x;
	color: #00519e;
}
img { margin: 0; padding: 0; border: none; top: 0; }
b, strong, em {
	font-style: normal;
	font-weight: bold;
}
a {
	color: #ee7f00;
	text-decoration: underline;
}
hr {  width: 30%; border:none; border-bottom: 1px solid #00519e; margin: 1em auto 1em auto; }

#container,
#header,
#content,
#footer {
	width: 770px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#header {
	position: relative;
	padding: 140px 0 0 0; /*pushes #nav_1 into its place*/
}
/*header images*/
/*first page*/
body.category_0 #header { background: url(../img/header_image_prva.jpg) top right no-repeat; }
/*jezikovni tecaji*/
body.category_1 #header { background: url(../img/header_image_jeziki.jpg) top right no-repeat; }
/*instrukcije*/
body.category_2 #header { background: url(../img/header_image_instrukcije.jpg) top right no-repeat; }
/*prevajanje*/
body.category_3 #header { background: url(../img/header_image_prevajanje.jpg) top right no-repeat; }
/*masaza*/
body.category_4 #header { background: url(../img/header_image_masaze.jpg) top right no-repeat; }
/*dodatna ponudba*/
body.category_5 #header { background: url(../img/header_image_dodatno.jpg) top right no-repeat; }
/*e ucenje*/
body.category_6 #header { background: url(../img/header_image_eucenje.jpg) top right no-repeat; }
/*aktualno */
body.category_7 #header { background: url(../img/header_image_aktualno.jpg) top right no-repeat; }

/* SECTION: logotype */
#header h1 {
	display: block;
	position: absolute;
	top: 25px;
	left: 0px;
	height: 94px;
	width: 161px;
	margin: 0;
	padding: 0;

}
#header h1 a {
	float: left;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

/* SECTION: search form */
form#search {
	display: block;
	position: absolute;
	top: 101px;
	left: 580px;
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-transform: lowercase;
}
#search fieldset { 
	margin: 0;
	padding: 0;
	border: none;
}
#search label {
	display: none;
}
#search input.txt {
	float: left;
	display: block;
	width: 120px;
	height: 17px;
	margin: 11px 0.5em 0 0; /*see ie6 hacks*/
	padding: 0;
	border: 1px solid #00519e;
}
#search input.button {
	width: 40px;
	height: 20px;
	padding: 0;
	margin: 10px 0 0 0;
	border: 1px solid #ccc;
	cursor: pointer;
	background: #fff;
}

/* SECTION: global navigation */
ul#nav_global {
	position: absolute;
	top: 110px;
	right: 200px;
	z-index: 1;
	overflow: hidden; /*wrap fix*/
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 0.8em;
	text-transform: lowercase;
	line-height: 20px;
}
#nav_global li {
	margin: 0 1px 0 0; /*see ie6 hacks*/
	float: left;
	color: #00519e;
}
#nav_global li.selected { background: url(../img/nav_global_selected.png) 0 0 no-repeat; }
#nav_global li span {
	float: left;
	display: block;
	min-height: 20px;
	padding: 0 10px 0 10px;
	width: 78px;
	text-align: center;
}
#nav_global a {
	float: left;
	text-decoration: none;
	color: #00519e;
	line-height: 20px;
}
#nav_global a:hover {
	background: url(../img/nav_global_selected.png) 0 0 no-repeat; 
}

/* SECTION: main navigation, nav_1 */
#nav_1_box {
	width: 100%;
	background: url(../img/header_bg.png) top left repeat;
}
ul#nav_1 {
	width: 770px;
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 0.8em;
	line-height: 1em;
	/*text-transform: lowercase;*/
	overflow: hidden;  /* some wierd ie6 bug without this*/
	white-space: nowrap; /*do not wrap menu items*/
}
ul#nav_1:after { /*see ie6 hacks*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#nav_1 li {
	margin: 0;
	min-height: 30px; 
	padding: 0;
	float: left;
	color: #fff;
}
#nav_1 li.selected { 	background: url(../img/nav1_selected_start.png) 5px 5px no-repeat; }
#nav_1 li span { 
	float: left;
	display: block;
	min-height: 19px; /*see ie6 hacks*/
	padding: 8px 15px 3px 13px;
	background: url(../img/nav1_separator.png) right 5px no-repeat;
}
#nav_1 li.selected span { background: url(../img/nav1_separator_selected.png) right 5px no-repeat;  }
/* #nav_1 li.item_7  { background: none; /*no separator on last menu item } */
#nav_1 a {
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
}
#nav_1 a:hover {
	background: url(../img/nav1_selected_start.png) 5px 5px no-repeat;
} 
#nav_1 a:hover span {  background: url(../img/nav1_separator_selected.png) right 5px no-repeat; }

#nav_2_box {
	margin: 5px 0 5px 0;
	background: url(../img/nav2_bg_top.png) top left no-repeat;
}
ul#nav_2 {
	width: 100%;
	margin: 0;
	padding: 0 0 1px 5px;
	list-style: none;
	font-size: 0.8em;
	line-height: 25px;
	/*text-transform: lowercase;*/
	white-space: nowrap; /*do not wrap menu items*/
	color: #fff;
	background: url(../img/nav2_bg_bottom.png) bottom left no-repeat;
}
ul#nav_2:after { /*see ie6 hacks*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav_2 li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}
#nav_2 li span { 
	float: left;
	display: block;
	padding: 0 10px 0 8px;
}
#nav_2 li.selected { background: url(../img/nav2_selected_start.png) 0 3px no-repeat; }
#nav_2 li.selected span {
	background: url(../img/nav2_selected_end.png) right 3px no-repeat;
}
#nav_2 a {
	float: left;
	text-decoration: none;
	color: #fff;
	line-height: 25px;
	cursor: pointer;
}
#nav_2 a:hover {
	background: url(../img/nav2_selected_start.png) 0 3px no-repeat; 
}
#nav_2 a:hover span { background: url(../img/nav2_selected_end.png) right 3px no-repeat;  }

#nav_3_box {
	margin: 5px 0 5px 0;
	background: url(../img/nav3_bg_top.png) top left no-repeat;
}
ul#nav_3 {
	width: 100%;
	margin: 0;
	padding: 0 0 1px 5px;
	list-style: none;
	font-size: 0.8em;
	background: #8C9ecc;
	line-height: 25px;
	/*text-transform: lowercase;*/
	white-space: nowrap; /*do not wrap menu items*/
	background: url(../img/nav3_bg_bottom.png) bottom left no-repeat;
}
ul#nav_3:after { /*see ie6 hacks*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#nav_3 li {
	margin: 0 5px 0 0;
	padding: 0;
	float: left;
}
#nav_3 li span { 
	float: left;
	display: block;
	padding: 0 10px 0 8px;
}
#nav_3 li.selected { background: url(../img/nav3_selected_start.png) 0 3px no-repeat; }
#nav_3 li.selected span {
	background: url(../img/nav3_selected_end.png) right 3px no-repeat;
}
#nav_3 a {
	float: left;
	text-decoration: none;
	color: #fff;
	line-height: 25px;
	cursor: pointer;
}
#nav_3 a:hover {
	background: url(../img/nav3_selected_start.png) 0 3px no-repeat; 
}
#nav_3 a:hover span { background: url(../img/nav3_selected_end.png) right 3px no-repeat;  }

#side_a h2 {
	margin: 1em 0 0 0;
	padding: 0 0 0.2em 0;	
	font-size: 1em;
	font-weight: bold;
	color: #00519e;
	border-bottom: 1px dotted #00519e;
}

ul#nav_4 {
	float: left;
	width: 180px;
	margin: 0.4em 0 0 0;
	padding: 0;
	list-style: circle;
	font-size: 0.8em;
}
#nav_4 li {
	margin: 0.3em 0 0 1.4em;
	padding: 0;
	color: #ee7f00;
	line-height: 1.3em;
}
#nav_4 li.selected { list-style: disc; color: #00519e; }
#nav_4 li.selected span { background: #feebdb; display: block; }
#nav_4 li.selected li span { background: #fff; }

#nav_4 a {
	color: #00519e;
	text-decoration: none;
}
#nav_4 a:hover {
	text-decoration: underline;
}

ul#nav_5 {
	display: block;
	width: 100%;
	margin: 0.2em 0 0 0;
	padding: 0;
	list-style: circle;
	font-size: 1em;
}
#nav_5 li {
	margin: 0.5em 0 0 1.4em;
	padding: 0.2em 0 0.2em 0;
	color: #ee7f00;
	line-height: 1.5em;
}
#nav_5 li.selected { list-style: disc; color: #00519e; }
#nav_5 li.selected span { background: #feebdb!important; display: block; }
#nav_5 li.selected li span { background: #fff; }
#nav_5 a {
	color: #00519e;
	text-decoration: none;
}
#nav_5 a:hover {
	text-decoration: underline;
}


/* SECTION: content */
#content {
	min-height: 600px; /*see ie6*/
}
#content:after { /*see ie6 hacks*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#main {
	float: left;
	width: 370px;
	margin: 0 0 0 200px; /*see ie6 hacks*/
	padding: 0 0 2em 0;
	font-size: 0.8em;

}
#main img#chapter_heading {
	margin: 1.3em 0 0 0;
}
#main h2 {
	margin: 10px 0 0 0;
	padding: 0;
	color: #ee7f00;
	font-weight: normal;
	font-size: 2.2em;
}
#layout_first #main h2 { display: none; }

/* SECTION: post */
#main .post {
	line-height: 1.5em;
}
#main .post h3 {
	margin: 1em 0 0 0;
	padding: 0;
	color: #ed8105;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1.3em;
}
#main .post img { margin: 1em 0 0 0; }

/* SECTION: action */
ul#action {
	margin: 0;
	padding: 0;
	list-style: none;
}
#action li {
	display: block;
	float: left;
	margin: 1em 0 0 0;
	padding: 0;
	width: 175px;
	height: 156px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
}
#action a {
	display: block;
	float: left;
	margin: 0;
	padding: 45px 15px 0 15px;
	width: 145px;
	height: 111px;
 	text-decoration: none;
}
#action a:hover { 
	text-decoration: underline;
}
#action li.a,
#action li.c,
#action li.e { 
	margin: 1em 20px 0 0;
}
#action li.a { background: url(../img/action_bg_a.png) 0 0 no-repeat; }
#action li.b,
#action li.e { background: url(../img/action_bg_b.png) 0 0 no-repeat; }
#action li.c,
#action li.f { background: url(../img/action_bg_c.png) 0 0 no-repeat; }
#action li.d { background: url(../img/action_bg_d.png) 0 0 no-repeat; }

#action li.a a,
#action li.d a { color: #00519e; }
#action li.b a,
#action li.e a { color: #ee7f00; }
#action li.c a,
#action li.f a { color: #5c8d1c; }

/* SECTION  sitemap */
ul#sitemap {
	margin: 1em 0 0 1.5em;
	padding: 0;
}
#sitemap li {
	margin: 0;
	padding: 0;
	color: #00519e;
}
#sitemap li  a { text-decoration: none; }
#sitemap li a:hover { text-decoration: underline; }
#sitemap ul {
	margin: 0.3em 0 0.3em 4em;
	padding: 0;
	font-size: 0.85em;
}
#sitemap { list-style: disc; }
#sitemap ul,
#sitemap ul ul ul {	list-style: circle;  }
#sitemap ul ul,
#sitemap ul ul ul ul { list-style: disc; font-size: 1em; }

#sitemap li.main,
#sitemap li.main a { /*main site categories*/
	color: #00519e;
	font-weight: bold;
}
#sitemap li.sub { list-style: circle; }
#sitemap li.sub,
#sitemap li.sub a {
	color: #00519e;
}
#sitemap li li { font-weight: normal!important; }
#sitemap li li a {
	color: #ee7f00!important;
	font-weight: normal!important;
}
#sitemap li li li a {
	color: #00519e!important;
}
#sitemap li li li li a {
	color: #ee7f00!important;
}
#sitemap li li li li li a {
	color: #00519e!important;
}

/* SECTION: contact */
form#inquiry,
#inquiry fieldset {
	/*float: left;*/
	margin: 0;
	padding: 0;
	border: none;
}
form#inquiry {
	margin: 0.5em 0 0 0;
}
#inquiry label { font-weight: bold; line-height: 2.5em; }
#inquiry label.form_row { display: block; }
#inquiry input,
#inquiry textarea {
	display: block;
	width: 368px; /* see ie_ut6.css */
	background: #fff;
	border: 1px solid #b2b2b2;
	margin: 0.2em 0 0 0;	
}
#inquiry input.text { width: 250px; }
#inquiry input.radio { width: auto; display: inline; border: none; }
#inquiry input.button {
	display: block;
	width: 160px;
	margin: 1em 0 0 0;
	padding: 0 1em 0 1em;
	border: none;
	background: #fff url(../img/button.png) 0 0 no-repeat;
	height: 29px;
	color: #00519e;
}
#inquiry input.button { clear: both;}

/* SECTION: course register */
form#register,
#register fieldset {
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	width: 370px;
}
form#register {
	margin: 0.5em 0 0 0;
	font-size: 1em;
}
#register h3, h4 { font-size: 1em; }
#register h4 { color: #39c; }
#register p { width: 370px; }
#register label { font-weight: bold; line-height: 2.5em;  }
#register label.form_row { display: block; /*see ie6 hacks*/ width: 370px; }
#register label.radio, #register label.normal { font-weight: normal!important; }
#register label.radio { line-height: normal; }
#register input,
#register select,
#register textarea {
	display: block;
	width: 368px; /* see ie_ut6.css */
	background: #fff;
	border: 1px solid #b2b2b2;
	margin: 0.2em 0 0 0;	
}
#register select { color: #00519e; }
#register select.inline { display: inline; width:auto; }
#register input.text { width: 250px; }
#register input.radio { width: auto; display: inline; border: none; margin: 0 5px 0 10px; }
#register input.checkbox { display: inline; width: auto; margin: 0 0 0 5px; border: none;  }
#register input.button {
	display: block;
	width: 160px;
	margin: 1em 0 0 0;
	padding: 0 1em 0 1em;
	border: none;
	background: #fff url(../img/button.png) 0 0 no-repeat;
	height: 29px;
	color: #00519e;
}
#register input.show_timetable {
	width: auto;
	border: none;
	color: #ee7f00;
	cursor: pointer;
	margin: 0.5em 0 0 0;
	padding: 0;
}
#register input.button { clear: both;}

/* SECTION: did you know */
ul.points li { margin-bottom: 1em; }
ul.points span.author { display: block; color: #ee7f00; font-weight: bold; }

/* SECTION: course data*/
ul.data {
	margin: 1em 0 0 0;
	padding: 0;
	list-style: none;
}
ul.data_new { 
	padding-top: 1em;
	background: url(../img/separator.png) top center no-repeat;
}
ul.data li { line-height: 1.4em; }
.data li span {
	font-weight: bold;
	color: #ee7f00;
}

/* SECTION: side A */
#side_a {
	float: left;
	width: 180px;
	margin: 0 0 2em -570px; /*see ie6 hacks*/
	background: #fff;
}
#layout_first #side_a { margin-top: 0.5em; }

/* SECTION: mailing */
form#mailing {
	float: left;
	width: 180px;
	margin: 1em 0 1em 0;
	padding: 0;
	background: #feebdb url(../img/mailing_top.png) top left no-repeat;
}
#mailing fieldset {
	margin: 0;
	padding: 0 0 1em 0;
	border: none;
	background: url(../img/mailing_bottom.png) bottom left no-repeat;
}
#mailing h2 {
	margin: 0 10px 0 10px;
	padding: 0;
	line-height: 25px;
	border: none;
	
	font-size: 1em;
	text-transform: lowercase;
	color: #fff;
}
#mailing input.txt {
	width: 130px;
	height: 17px;
	margin: 1em 0 0 10px;
	background: #fff;
	border: 1px solid #fcd8be;
}
#mailing input.button {
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	border: none;
	cursor: pointer;
	background: url(../img/mailing_confirm.png) 0 0 no-repeat;
}
#mailing p {
	margin: 10px;
	font-size: 0.6em;
	color: #00519e;
}

/* SECTION buttons */
#side_a a.button {
	display: block;
	margin: 0.5em 0 0 0;
}

/* SECTION RSS */
.rss {
	display: block;
	width: 24px;
	height: 24px;
	background: url(../img/ico_rss.png) 0 0 no-repeat;
	margin: 0 0.3em 0 0;
	line-height: 24px;
	padding: 0;
	text-decoration: none;
	color: #00519e;
	font-weight: bold;
	float: left!important;
}
a.rss:hover { text-decoration: underline; }

/* SELECTION: Side B */
#side_b {
	float: left;
	width: 180px;
	margin: 0 0 2em 20px; /*see ie6 hacks*/
	background: #fff;
}
/* SECTION: hot */
#hot {
	padding: 0 0 25px 0;
	background: #eaf6fc url(../img/box_bottom.png) bottom left no-repeat;
}
#hot h2 {
	margin: 1em 0 0 0;
	padding: 0 10px 0 10px;
	line-height: 25px;
	
	font-size: 1em;
	text-transform: lowercase;
	color: #fff;
	background: url(../img/box_top.png) 0 0 no-repeat;
}
#hot .item {
	margin: 10px 0 0 0;
}
#hot .item h3 {
	margin: 0.2em 0 0 0;
	padding: 0 10px 0 10px;
	color: #00519e;
	font-size: 0.9em;
}
#hot .item a {
	color: #00519e;
	text-decoration: none;
}
#hot .item a:hover {
	text-decoration: underline;
}
#hot .item a.more {
	display: block;
	height: 11px;
	overflow: hidden;
	line-height: 10em;
	margin: 0 10px 0 10px;
	border-bottom: 1px dotted #00519e;
	background: url(../img/more.png) top right no-repeat;
}
#hot .item p {
	margin: 0.2em 10px 0 10px;
	font-size: 0.7em;
	color: #00519e;
}
/* SECTION: timetable */
#timetable {
	padding: 0 0 25px 0;
	background: #eaf6fc url(../img/box_bottom.png) bottom left no-repeat;
}
#timetable h2 {
	margin: 1em 0 0 0;
	padding: 0 10px 0 10px;
	line-height: 25px;
	
	font-size: 1em;
	text-transform: lowercase;
	color: #fff;
	background: url(../img/box_top.png) 0 0 no-repeat;
}
#timetable ul {
	margin: 1em 10px 0 10px;
	padding: 0;
	list-style: none;
	font-size: 0.7em;
	color: #00519e;
}

#timetable ul li { position: relative; padding-left: 3.5em; line-height: 1.3em;}
#timetable ul a {
	color: #00519e;
	text-decoration: none;
}
#timetable ul a:hover  {
	text-decoration: underline;
}
#timetable a .what {  }
.timetable .comment,
#timetable a .comment { color: #ee7f00 /*#e2007a*/; }
#timetable a .time { color: #0099CC; position: absolute; margin: 0 0 0 -3.5em; top: 0; }

#timetable a.more {
	display: block;
	margin: 1em 10px 0 10px;
	padding: 0 0 10px 0;
	min-height: 11px; /*see ie6 hacks*/
	color: #00519e;
	font-size: 0.9em;
	font-weight: bold;

	text-decoration: none;
	border-bottom: 1px dotted #00519e;
	background: url(../img/more.png) bottom right no-repeat;
}
#timetable a.more:hover {
	text-decoration: underline;
}
h4.timetable { color: #ee7f00; }

/* SECTION: footer */
#footer {
	font-size: 0.8em;
	text-align: right;
	border-top:  1px dotted #00519e;
}
#footer a {
	color: #00519e;
	text-decoration: underline;
}
#footer a:hover  {
	text-decoration: underline;
}
#footer p {
	margin: 1em 0 0 0;
}


/* SECTION: adverts */
#container {
	position: relative; /* place it to top of the window */
	z-index:5;
	top: 0;
	min-height: 100%; /* vertical stretch over all visible area (not really necessary) */
	width: 100%;
	overflow: hidden; /* the only needed thing for modern browsers */
}
#ads_side {
	position: absolute; /* set min-height to content, so that this will never be shorter = not displayed/cut */
	top: 0;
	left: 50%;
	margin: 0 0 0 405px; /*  position by the right page border */
	padding: 210px 0 50px 0; /* align with header */ /* padding instead of margin needed for IE6 */
	width: 160px;
	text-align: center;
}
#ads_bottom {
	position: relative;
	width: 770px;
	left: 50%;
	bottom: 0;
	margin: 0 auto 0 -385px;
	padding: 30px 0 30px 0;
	text-align: center;
}

table {
	width: 100%!important;
	border-collapse: collapse;
	clear: both;
}
table tr.even { background: #eee; }
table td { padding: 0.1em 0.3em 0.1em 0.3em; font-size: 0.9em; }

a.special { /*special links, as buttons*/
	display: block;
	margin: 1em 0 0 0;
	width: 160px;
	height: 29px;
	line-height:29px;
	text-align: center;
	background: #fff url(../img/button.png) 0 0 no-repeat;
}
p.date { font-size: 0.8em; margin: 0; }
/* SECTION: misc */
.nogui { display: none!important; }

a.twitter {  background: url(../img/twitter_ico.png) 0 0 no-repeat; }
a.facebook { background: url(../img/facebook_ico.png) 0 0 no-repeat; }
a.picasa { background: url(../img/picasa_ico.png) 0 0 no-repeat; }
a.skype { background: url(../img/skype_ico.png) 0 0 no-repeat; }
a.gplus { background: url(../img/gplus_ico.png) 0 0 no-repeat; }

.sn_icos {
	margin: 1em 0 0 0;
	clear: both;
	float: left;
	width: 100%;
}

a.twitter,
a.facebook,
a.picasa,
a.skype,
a.gplus {
 display: block; /*see all ie hacks*/
 height:24px;
 line-height:24px;
 margin: 0 0.3em 0 0;
 width: 24px;
 float: left!important;
}

a.button_eucilnica {
 display: block;
 margin: 1em 0 0 0;
 width: 180px;
 line-height: 25px;
 background: url(../img/vedi_gumb_eucilnica.png) 0 0 no-repeat;
 color: #fff;
 font-size: 1em;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
}
a.button_eucilnica:hover { text-decoration: underline; }

h3#news_apply {
 color:#EE7F00;
 font-size:1em;
 font-weight:bold;
}
div#imailer_form_box { float: left!important; }
form#imailer_form #mailinglist label  { background: #fff url(../img/box_top.png) 0 0 no-repeat!important;
display: block;
line-height:25px;
margin-bottom:1em;
margin-left:-15px;
padding-left:10px;
color: #fff;
}

div#imailer_form_box  input#imailer_form_email  { margin-bottom: 0.5em!important; }

div#mailinglist { 
	background: #eaf6fc url(../img/box_bottom.png) bottom left no-repeat;
	padding: 0 0 25px 15px;
	width: 165px;	
}