/*****************************/
/*** Core html setup stuff ***/
/*****************************/
* {
	margin: 0;
}

html, body {}


html {
	height:100%;
	margin-bottom:1px;
}

body {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align:left;
	color:#666666;
	line-height:130%;
	background:url(../images/body_bg.jpg) 50% 28px no-repeat #0076c0;
}

a { 
	outline:none;
	text-decoration:none;
	color:#0076c0;
}

h1 {font-size:24px;}
h2 {font-size:18px;}
h3 {font-size:15px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:10px;}

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	padding: 0 0 15px 0;
	color:#0076c0;
}



p, div, pre, blockquote, ul, ol,li {
	margin: 0;
	padding: 0;
}

img {
	border:0 none;
}

table{
	width:100%;
	border-collapse: collapse;
	border-spacing:0px;
}

table td {
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.clr {
	clear:both;
}


.layout { clear:both; width:100%; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#header td {
	height:28px;
	line-height:28px;
	color:#FFF;
}

#header td.green {
	background:url(../images/green_bg.png) 50% 0 repeat-x;
}

#header td.blue {
	background:url(../images/blue_bg.png) 50% 0 repeat-x;
}

#header td#left {
	width:640px;
}

#header td#right {
	width:320px;
}

#header td.green div.title {
	float:left;
	width:68%;
}

#header td.green div.motto {
	float:right;
	width:28%;
	text-align:right;	
	text-transform:uppercase;
	padding:0 10px 0 0;
}

#header td.green div.motto span {
	color:#006fb7;
}

#header td.blue div.motto {
	float:left;
	width:70%;
	text-transform:uppercase;
	padding:0 0 0 10px;
}

#header td.blue div.motto span {
	color:#97bf0d;
}

#header td.blue img {
	float:right;
	padding: 4px 0 0 5px;
}

#wrapper {
	width:960px;
	margin:0 auto;
}

div#header{
	position:relative;
	height:132px;
}
 
#logo-sloka, #logo-icf, #logo-kzs{
	position:absolute;
	cursor:pointer;
}

#logo-sloka {
	background: url(../images/sloka_logo.png) 0 0 no-repeat;
	width:297px;
	height:97px;
	top:10px;
}

#logo-icf {
	background: url(../images/icf_logo.png) 0 0 no-repeat;
	width:112px;
	height:62px;
	right:198px;
	top:40px;
}

#logo-kzs {
	background: url(../images/kzs_logo.png) 0 0 no-repeat;
	width:153px;
	height:63px;
	right:0px;
	top:40px;
}

#layout-1 {
	padding: 0 0 13px 0;
}

#layout-1 #user1 {
	width:622px;
	float:left;
	position:relative;
}

#layout-1 #user2 {
	width:310px;
	float:right;
}

#layout-2 {
	float:left;
	width:630px;
}

#layout-2 #components{
	position:relative;
	top:-3px;
}

#layout-3 {
	float:right;
	width:320px;
}

#mainmenu {
	background: transparent url(../images/menu_bg.png) 0 0 no-repeat;
	height:41px;
	margin:0 0 10px 0;
}

#footer div.rounded{
  background: url(../images/footer_bg_tl.png) 0 0 no-repeat;
}
 
#footer div.rounded div {
  background: url(../images/footer_bg_bl.png) 0 100% no-repeat;
}
 
#footer div.rounded div div{
  background: url(../images/footer_bg_tr.png) 100% 0 no-repeat;
}
 
#footer div.rounded div div div{
  background: url(../images/footer_bg_br.png) 100% 100% no-repeat;
  padding: 15px 0;
  height:205px;
  min-height:200px; 
}

#footer div.rounded div div div div{
  background: none;
}

#footer #about {
  width:100%;
  text-align:center;
  color:#6bc5ff;
  padding: 7px 0 ;
}

#footer #about a{
  color:#6bc5ff;
}

#footer h3 {
	padding:0 0 10px;
}


/*************************************************/
/*** Template specific ROUNDED layout elements ***/
/*************************************************/
.moduletable { padding:10px; position:relative; }  /*odmik od roba znotraj modula */
.nospace .moduletable { padding:0px; }  /*odmik od roba znotraj modula */

.moduletable h3 {  font-size:21px; text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.module-white .moduletable h3 { background:url(../images/title_bg_small.png) no-repeat scroll 50% 100%; padding: 0 0 30px 0; }

.big.space, .small.space, .none.space { padding: 0 0 13px;} /*razmik do spodnjega roba modula */

.big .module-surround-top {margin: 0 10px;}
.big .module-surround-top2 {margin-left: -10px;}
.big .module-surround-top3 {margin-right: -10px;height: 10px;}
.big .module-surround {margin: 0 10px;}
.big .module-surround2 {margin-left: -10px;}
.big .module-surround3 {margin-right: -10px;padding: 0 10px;overflow: hidden;}
.big .module-surround-bottom {margin: 0 10px;}
.big .module-surround-bottom2 {margin-left: -10px;}
.big .module-surround-bottom3 {margin-right: -10px;height: 10px;}

.small .module-surround-top {margin: 0 5px;}
.small .module-surround-top2 {margin-left: -5px;}
.small .module-surround-top3 {margin-right: -5px;height: 5px;}
.small .module-surround {margin: 0 5px;}
.small .module-surround2 {margin-left: -5px;}
.small .module-surround3 {margin-right: -5px;padding: 0 5px;overflow: hidden;}
.small .module-surround-bottom {margin: 0 5px;}
.small .module-surround-bottom2 {margin-left: -5px;}
.small .module-surround-bottom3 {margin-right: -5px;height: 5px;}

.module-grey .module-surround-top { background:transparent url(../images/module-big-bg-grey/surround-topbot.png) repeat-x 0 0; }
.module-grey .module-surround-top2 { background:transparent url(../images/module-big-bg-grey/surround-corners.png) no-repeat 0% -10px; }
.module-grey .module-surround-top3 { background:transparent url(../images/module-big-bg-grey/surround-corners.png) no-repeat 100% 0; }
.module-grey .module-surround {  background:#ebebeb none repeat scroll 0 0;  }
.module-grey .module-surround2 { background:transparent url(../images/module-big-bg-grey/surround-l.png) repeat-y scroll 0 0; }
.module-grey .module-surround3 { background:transparent url(../images/module-big-bg-grey/surround-r.png) repeat-y scroll 100% 0; }
.module-grey .module-surround-bottom { background:transparent url(../images/module-big-bg-grey/surround-topbot.png) repeat-x  0 100%; }
.module-grey .module-surround-bottom2 { background:transparent url(../images/module-big-bg-grey/surround-corners.png) no-repeat 0 -33px; }
.module-grey .module-surround-bottom3 { background:transparent url(../images/module-big-bg-grey/surround-corners.png) no-repeat 100% -22px; }

.module-white .module-surround-top { background:transparent url(../images/module-small-bg-grey-white/surround-topbot.png) repeat-x 0 0; }
.module-white .module-surround-top2 { background:transparent url(../images/module-small-bg-grey-white/surround-corners.png) no-repeat 0 -6px; }
.module-white .module-surround-top3 { background:transparent url(../images/module-small-bg-grey-white/surround-corners.png) no-repeat 100% 0; }
.module-white .module-surround {  background:#fff none repeat scroll 0 0;  }
.module-white .module-surround2 { background:transparent url(../images/module-small-bg-grey-white/surround-l.png) repeat-y 0 0; }
.module-white .module-surround3 { background:transparent url(../images/module-small-bg-grey-white/surround-r.png) repeat-y 100% 0; }
.module-white .module-surround-bottom { background:transparent url(../images/module-small-bg-grey-white/surround-topbot.png) repeat-x 0 100%; }
.module-white .module-surround-bottom2 { background:transparent url(../images/module-small-bg-grey-white/surround-corners.png) no-repeat 0 -12px; }
.module-white .module-surround-bottom3 { background:transparent url(../images/module-small-bg-grey-white/surround-corners.png) no-repeat 100% 100%; }

.module-half-grey .module-surround-top2 { background:transparent url(../images/module-big-bg-f5f5f5/surround-corners.png) no-repeat scroll 0 0 ; }
.module-half-grey .module-surround-top3 { background:transparent url(../images/module-big-bg-f5f5f5/surround-corners.png) no-repeat scroll 100% 100%; }
.module-half-grey .module-surround, .module-half-grey .module-surround2, .module-half-grey .module-surround3,  .module-half-grey .module-surround-top  {  background:#f5f5f5 none repeat scroll 0 0;  }
.module-half-grey .module-surround-bottom { display:none;}

.moduletable .showAll { position:absolute; right:10px; top:5px;  background:url(../images/show-all-l.png) no-repeat scroll 0% 50%; padding: 0 0 0 4px; float:left; display:block; height:20px; line-height:20px;}
.moduletable .showAll a{ background:url(../images/show-all-r.png) no-repeat 100% 50%; float:left; display:block;  padding: 0 14px 0 10px; color:#FFF; text-transform:uppercase; font-size:10px;}


/*************************************************/
/*** Template specific MODULES layout elements ***/
/*************************************************/

/***** Mainmenu  *****/
#mainmenu { z-index: 100;position: relative;height: 41px;line-height: 41px;}
#mainmenu ul {list-style: none; padding: 0;margin: 0;}
#mainmenu ul.menu {position: relative;}
#mainmenu ul li {position:relative; display:block; float:left; text-transform:uppercase; font-size:14px; font-weight: bold; background: url(../images/mainmenu_li_bg.png) 100% 100% no-repeat;}
/*#mainmenu ul li.item9 { background:none;}*/
#mainmenu ul li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;padding: 0 21px;display:block;}

#mainmenu ul li li {font-weight:normal;text-transform:none;font-size:12px; float:none; margin: 0 6px 0 2px; background:none;}
#mainmenu ul li li a { padding: 7px 0 7px 18px; font-family:Verdana, Geneva, sans-serif;background: url(../images/menu_dropdown_separator.png) 100% 0% scroll repeat-x; }
#mainmenu ul li li.parent { background: url(../images/submenu.png) 90% 50% no-repeat;}
#mainmenu ul li li.parent li { background:none;}

#mainmenu ul ul{float:none;left:-999em;position:absolute;width:202px;z-index:999;background: url(../images/menu_dropdown_bg.png) 0 100% no-repeat;height:auto; line-height:normal; padding: 0 0 7px 0;}
#mainmenu ul li:hover ul{left:0;top:41px;}
#mainmenu ul li:hover li ul, ul li li:hover li ul{top:-999em;}
#mainmenu ul li li:hover ul, ul li li li:hover ul{left: 195px;top:0;}
#mainmenu ul ul ul{width:216px; background: url(../images/menu_dropdown_level2_bg.png) 100% 100% no-repeat;}

#mainmenu ul li a, #mainmenu ul li:hover li a, #mainmenu ul li li:hover li a{ color:#FFF; }
#mainmenu ul li:hover a,#mainmenu ul li li:hover a,#mainmenu ul li li li a:hover,#mainmenu ul li.active a,#mainmenu ul li li.active a,#mainmenu ul li li li.active a{color:#397108;}


/***** Footer modul *****/
#footer div.rounded  div.moduletable {
	float:left;
	width:214px;
	padding:0 0 0 20px;
	color:#aacadf;
}

#footer .moduletable h3 {
	color:#e4f4ff;
	font-size:18px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	background: url(../images/border_bg_blue.png) 100% 100% repeat-x;
	margin: 0 0 12px 0;
}

#footer div.rounded ul {
	list-style:none;
	list-style-image:none;
}

#footer div.rounded ul li {
	background: url(../images/arrow-blue.png) 0% 50% no-repeat;
	padding: 0 0 0 17px;
}

#footer div.rounded ul li a{
	color:#aacadf;
}

#footer div.rounded span {
	color:#e4f4ff;
	min-width:22px;
	display:block;
	float:left;
}

#footer div.rounded a{
	color:#aacadf;
}

span.pagination { color:#515151; position:relative; top:10px; font-size:10px;}
span.pagination span{ display:inline; padding: 0 7px 0 0; color:#515151; text-align:center;}
span.pagination a { color:#515151;}
span.pagination span.previous { display:inline; padding: 0 5px 0 15px; background:url(../images/pagination_left.png) no-repeat scroll 0% 50% ; font-weight:bold; }
span.pagination span.next { display:inline; padding: 0 10px 0 5px; background:url(../images/pagination_right.png) no-repeat scroll 100% 50% ; font-weight:bold;}

/*************************************************/
/*** Template specific CONTENT layout elements ***/
/*************************************************/
table.contentpaneopen td.contentheading { font-size:28px; line-height:100%; color:#b2b4b3; text-transform:uppercase; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/title_bg_medium.png) no-repeat scroll 50% 100%; padding: 0 0 25px 0;}

table.blog table.contentpaneopen td.contentheading { font-size:16px; background: none; padding:0; text-transform:none; }
.componentheading { background:url(../images/title_bg_medium.png) no-repeat scroll 50% 100%; padding: 0 0 30px 0; font-size:21px; text-transform:uppercase;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
table.blog td.contentheading a{ font-size:16px; color:#0076c0; padding: 0 0 10px 0; display:block; }
table.blog table.contentpaneopen td img { float:left; padding-right:10px;}
table.blog td.article_column  { padding: 0 15px 0 0;}
table.blog td.article_column.column_separator  { padding: 0 ;}
table.blog span.article_separator { display:block; height:20px; }

table.blog .blog_more ul { list-style:none; list-style-image:none; }
table.blog .blog_more ul li { list-style:none; list-style-image:none; clear:both; padding: 5px; }
table.blog .blog_more ul li.bg{ background:#ebebeb; }
table.blog .blog_more ul li span{ width:140px; display:block; float:left; color:#979797;}

table.contentpaneopen td.buttonheading img {padding-left:5px;}

.readon { background:url(../images/show-all-l.png) no-repeat scroll 0% 50%; padding: 0 0 0 4px; float:left; display:block; height:20px; line-height:20px;}
.readon a{ background:url(../images/show-all-r.png) no-repeat 100% 50%; float:left; display:block;  padding: 0 14px 0 10px; color:#FFF; text-transform:uppercase; font-size:10px; font-weight:normal;}

/*************************************************/
/*** Template specific Modules layout elements ***/
/*************************************************/
.newsflash .item{ float:left; width:285px; position:relative; padding: 0 10px 0 0;}
.newsflash img{ width:60px; height:60px; float:left; position:absolute; top:0; left:0; border:2px solid #e3e3e3;}
.newsflash .horz_article_separator { display:block; clear:both; height:22px; width:100%; }
.newsflash .contentheading a { color:#515151; position:relative; left:70px;}
.newsflash .contentpaneopen { padding: 0 0 0 70px; }
.newsflash .contentpaneopen a.readmore { display:block; color:#006fb4; }

.breadcrumbs { display:block; padding: 0 0 10px 8px; font-size:11px;}
.breadcrumbs a { text-decoration:underline;}
.breadcrumbs p { float:left; display:block; padding: 0 5px 0 0; color:#515151;}
.breadcrumbs a, .breadcrumbs { color: #979797;}

ul.latestnews { list-style:none; list-style-image:none ;}
ul.latestnews li.latestnews{ list-style:none; list-style-image:none; padding: 6px 3px;}
ul.latestnews li.latestnews.bg{ list-style:none; list-style-image:none; background:#ebebeb;}
ul.latestnews li a.latestnews { color:#828282; display:block;}

#lastvideo {height:120px; overflow: auto; position: relative;  }
#lastvideo ul {list-style:none; list-style-image:none;  }
#lastvideo ul li { position:relative; padding: 6px 6px;}
#lastvideo ul li.odd { background:#f3f3f3; }
#lastvideo ul li img { position:absolute; border:2px solid #e1e1e1; }
#lastvideo ul li a {  display:block; color:#828282; left:65px; position:relative;}
#lastvideo ul li p {  display:block; left:65px; position:relative;}

/****************************************************/
/*** Template specific Components layout elements ***/
/****************************************************/
.multimedia .line{ margin:10px 0 10px; float:left; width:100%; }
.multimedia .item{ float:left; padding: 0 28px 0 0; width:181px;}
.multimedia .item.last{ padding:0;}
.multimedia .item img{ border:2px solid #e1e1e1; clear:both; width:177px; height:118px; margin: 0 0 3px 0; }

.multimedia  ul { list-style:none; list-style-image:none;}
.multimedia .ordering li.main{ position:absolute; right:10px; top:5px;  background:url(../images/sort-l.png) no-repeat scroll 0% 50%; padding: 0 0 0 4px; float:left; display:block; height:20px; line-height:20px;}
.multimedia .ordering li.main a{ background:url(../images/sort-r.png) no-repeat 100% 50%; float:left; display:block;  padding: 0 24px 0 10px; font-size:10px; color:#8d8d8d;}
.multimedia .ordering li.main li { background:none;}
.multimedia .ordering li.main li a{ background:#e6e6e6; width:100%;}

.multimedia  ul ul{ display:none; top:18px; left:0; position:absolute;}
.multimedia  ul li:hover ul{ display:block;}
.multimedia  ul li li { display:block; width:100%;}


.multimedia .module .title { color:#0076c0; font-size:16px; padding: 0 0 10px 0; display:block; }
.multimedia .module #thumb { width:100%; height: 313px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative;}
.multimedia .module #thumb.fixedwidth {height: auto;position: relative;}
.multimedia .module #thumb img {margin: 0 4px 4px 0;border:2px solid #e1e1e1;}

.multimedia .module-lastgallery .title { color:#0076c0; font-size:16px; padding: 0 0 10px 0; display:block; }
.multimedia .module-lastgallery #thumb { width:100%; height: 90px; overflow: auto; /* IE overflow fix, position must be relative or absolute*/ position: relative;}
.multimedia .module-lastgallery #thumb.fixedwidth {height: auto;position: relative;}
.multimedia .module-lastgallery #thumb img {margin: 0 4px 4px 0;border:2px solid #e1e1e1;}

#user1 img.large { width:620px; height:413px;}
#user1 div.border { position:absolute; width:620px; height:413px; background:url(../images/foto_border.png) no-repeat scroll 0% 0%; top:0; z-index:99;}
#user1 div.prev { width:40px; height:45px; background:url(../images/left.png) no-repeat scroll 0% 0%; position:absolute; left:2px; top:170px; z-index:999; cursor:pointer; display:none;}
#user1 div.next { width:40px; height:45px; background:url(../images/right.png) no-repeat scroll 0% 0%;  position:absolute; right:3px; top:170px; z-index:999; cursor:pointer;display:none;}

.teams .team { position:relative; background:url(../images/title_bg_medium.png) no-repeat scroll 0% 0% #060; padding: 5px 0 15px;}
.teams .team img {border:2px solid #dddddd; position:absolute; }
.teams .team .data { padding:0 0 5px 70px; }
.teams .team .data span {  color:#b2b4b3; }
.teams .team .data .country { font-size:18px; color:#0076c0; padding:0 0 4px 0; }

div.competitors { position:relative; padding: 10px 0 0; }
span.competitors { text-transform:uppercase; display:block; padding: 0 0 10px;}
table.competitors tr td { padding: 5px 10px 5px 0; }
table.competitors tr.bg { background:#ebebeb;}
table.competitors tr td span{ color:#b2b4b3; }
table.competitors tr td.category { padding: 5px 0 5px 10px; white-space:nowrap; vertical-align:middle; width:100px;}
div.competitors .showAll { right:0 };

/***********************/
/*** Content element ***/
/***********************/
.img-tl { padding: 5px 0 0 10px;float:right;}
.img-tr { padding: 5px 10px 0 0;float:left;}
.img-bl { padding: 0 0 5px 10px;float:right;}
.img-br { padding: 0 10px 5px 0;float:left;}