/* ******* Styles for IkomaSkin. Autor zarko.komljenovic@considero.net ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    background-color: #c3c3c3;
    font-family: arial;
    font-size: 14px;
	text-align: center;
}
table {
    font-size: 100%;
}
/* ******* --------------------------------------- TEXT --------------------------------------- *******/
.Normal {
    font-family: arial;
    font-size: 12px;
    color: #444444;
}
.SmallFont {
    font-family: arial;
    font-size: 11px;
    color: #444444;
}
.SmallestFont {
    font-family: arial;
    font-size: 10px;
    color: #444444;
}
.BottomLinksPane .SmallestFont {
	color: #aaf7fd;
	cursor: default;
}
h1, h2, h3, h4, h5 {
    font-family: arial;
    color: #333d22;
    padding: 0px;
    border: 0px;
    margin: 5px 0px 10px 0px;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 16px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 10px;
}
/* ******* --------------------------------------- LINKS --------------------------------------- *******/
a:active, a:focus{
    outline:none;
}
a:link, a:active, a:visited {
    color: #59b2d3;
}
a:hover {
    color: #336473;
}
.BottomLinksPane a.SmallestFont:link, .BottomLinksPane a.SmallestFont:active, .BottomLinksPane a.SmallestFont:visited {
    color: #89C6CB;
}
.BottomLinksPane a.SmallestFont:hover {
    color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
.CopyrightPane a.SmallFont:link, .CopyrightPane a.SmallFont:active, .CopyrightPane a.SmallFont:visited {
    color: #89C6CB;
}
.CopyrightPane a.SmallFont:hover {
    color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}
/* ******* --------------------------------------- GENERAL --------------------------------------- *******/
.MaxSkin {
	width: 927px;
	height: 97%;
	margin: 10px auto;
	background-color: #ffffff;
}
.MaxSkin_TL {
	width: 8px;
	height: 8px;
	background-image: url(images/MaxSkin_TL.gif);
	background-repeat: no-repeat;
}
.MaxSkin_T {
	height: 8px;
	background-image: url(images/MaxSkin_T.gif);
	background-repeat: repeat-x;
}
.MaxSkin_TR {
	width: 8px;
	height: 8px;
	background-image: url(images/MaxSkin_TR.gif);
	background-repeat: no-repeat;
}
.MaxSkin_L {
	width: 8px;
	background-image: url(images/MaxSkin_L.gif);
	background-repeat: repeat-y;
}
.MaxSkin_R {
	width: 8px;
	background-image: url(images/MaxSkin_R.gif);
	background-repeat: repeat-y;
}
.MaxSkin_BL {
	width: 8px;
	height: 8px;
	background-image: url(images/MaxSkin_BL.gif);
	background-repeat: no-repeat;
}
.MaxSkin_B {
	height: 8px;
	background-image: url(images/MaxSkin_B.gif);
	background-repeat: repeat-x;
}
.MaxSkin_BR {
	width: 8px;
	height: 8px;
	background-image: url(images/MaxSkin_BR.gif);
	background-repeat: no-repeat;
}
.FullWH {
	width: 100%;
	height: 100%;
}
.FullW {
	width: 100%;
}
/* ******* --------------------------------------- HEADER --------------------------------------- *******/
.MaxSkin_Header {
	height: 200px;
	background-color: #ffffff;
	background-image: url(images/MaxSkin_Header.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
}
.LogoPane {
	width: 200px;
	padding: 20px;
}

.HeaderPane {
	vertical-align: top;
	padding: 10px;
}
.LogRegPane {
	width: 200px;
	vertical-align: top;
	text-align: right;
	padding: 10px;
	color: #ffffff;
}
/* ******* --------------------------------------- MIDDLE  --------------------------------------- *******/
.MaxSkin_Body {
	padding: 5px 0px;
	vertical-align: top;
}
.LeftMaster {
	width: 10%;
	vertical-align: top;
}
/* ******* --------------------------------------- MENU --------------------------------------- *******/
.MenuWrapper {
	border: 2px solid #6ad5fc;
	width: 184px;
}
/* ******* --------------------------------------- INVENTUA side menu --------------------------------------- *******/
.InvMenuItem0,
.InvMenuHeader0 {
	border: 1px solid #ffffff;
	background-color: #aaf7fd;
}
.InvMenuItem0 a:link, .InvMenuItem0 a:active, .InvMenuItem0 a:visited,
.InvMenuHeader0 a:link, .InvMenuHeader0 a:active, .InvMenuHeader0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 6px;
	color: #284F5A;	
}
.InvMenuItem0 a:hover,
.InvMenuHeader0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 6px;
	color: #6ad5fc;	
}
.InvMenuHighlight0,
.InvMenuHeaderHighlight0 {
	border: 1px solid #6ad5fc;
	background-color: #557b7e;
}
.InvMenuHighlight0 a:link, .InvMenuHighlight0 a:active, .InvMenuHighlight0 a:visited,
.InvMenuHeaderHighlight0 a:link, .InvMenuHeaderHighlight0 a:active, .InvMenuHeaderHighlight0 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 6px;
	color: #6ad5fc;	
}
.InvMenuHighlight0 a:hover,
.InvMenuHeaderHighlight0 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 6px;
	color: #6ad5fc;	
}
.InvCurrentItem0,
.InvCurrentHeader0 {
	font-weight: bolder;
}
/* *********************************** MENU LEVEL 1 ************************************* */
.InvMenuItem1,
.InvMenuHeader1 {
	border: 1px solid #ffffff;
	background-color: #cffffd;
}
.InvMenuItem1 a:link, .InvMenuItem1 a:active, .InvMenuItem1 a:visited,
.InvMenuHeader1 a:link, .InvMenuHeader1 a:active, .InvMenuHeader1 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 13px;
	font-size: 85%;
}
.InvMenuItem1 a:hover,
.InvMenuHeader1 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 13px;
	font-size: 85%;	
	color: #6ad5fc;
}
.InvMenuHighlight1,
.InvMenuHeaderHighlight1 {
	border: 1px solid #6ad5fc;
	background-color: #557b7e;
}
.InvMenuHighlight1 a:link, .InvMenuHighlight1 a:active, .InvMenuHighlight1 a:visited,
.InvMenuHeaderHighlight1 a:link, .InvMenuHeaderHighlight1 a:active, .InvMenuHeaderHighlight1 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 13px;
	font-size: 85%;	
	color: #6ad5fc;
}
.InvMenuHighlight1 a:hover,
.InvMenuHeaderHighlight1 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 13px;
	font-size: 85%;	
	color: #6ad5fc;
}
.InvCurrentItem1,
.InvCurrentHeader1 {
	font-weight: bolder;
}
/* *********************************** MENU LEVEL 2 ************************************* */
.InvMenuItem2,
.InvMenuHeader2 {
	border: 1px solid #ffffff;
}
.InvMenuItem2 a:link, .InvMenuItem2 a:active, .InvMenuItem2 a:visited,
.InvMenuHeader2 a:link, .InvMenuHeader2 a:active, .InvMenuHeader2 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 20px;
	font-size: 80%;
}
.InvMenuItem2 a:hover,
.InvMenuHeader2 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 20px;
	font-size: 80%;	
	color: #3b778d;
}
.InvMenuHighlight2,
.InvMenuHeaderHighlight2 {
	border: 1px solid #3b778d;
}
.InvMenuHighlight2 a:link, .InvMenuHighlight2 a:active, .InvMenuHighlight2 a:visited,
.InvMenuHeaderHighlight2 a:link, .InvMenuHeaderHighlight2 a:active, .InvMenuHeaderHighlight2 a:visited {
	display: block;
	width: 100%;
	cursor: pointer;
	padding: 3px;
	padding-left: 20px;
	font-size: 80%;	
	color: #3b778d;
}
.InvMenuHighlight2 a:hover,
.InvMenuHeaderHighlight2 a:hover {
	display: block;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	padding-left: 20px;
	font-size: 80%;	
	color: #3b778d;
}
.InvCurrentItem2,
.InvCurrentHeader2 {
	font-weight: bolder;
}
/* ******* --------------------------------------- SEARCH --------------------------------------- *******/
.SearchWrapper {
	width: 184px;
	padding: 7px 3px;
}
/* ******* --------------------------------------- CONTENT --------------------------------------- *******/
.RestPanes {
	width: 90%;
	vertical-align: top;
}
.Pane {
	vertical-align: top;
	padding-left: 5px;
}
.LeftPane {
	padding-top: 5px;
}
.RightPane {
	width: 184px;
	vertical-align: top;
	padding-left: 5px;
}
.TopPane {
	width: 100%;
}
.TopLeftPane {
	width: 50%;
}
.TopRightPane {
	width: 50%;
}
.ContentPane {
	width: 100%;
}
.ContentLeftPane {
	width: 50%;
}
.ContentRightPane {
	width: 50%;
}
.BottomPane {
	width: 100%;
}
.BottomLeftPane {
	width: 50%;
}
.BottomRightPane {
	width: 50%;
}
/* ******* --------------------------------------- FOOTER --------------------------------------- *******/
.MaxSkin_Footer {
	height: 60px;
	background-color: #557B7E;
	border: 2px solid #446165;
}
.BottomLinksPane {
	text-align: center;
}
.CopyrightPane {
	text-align: center;
}
/* ******* --------------------------------------- OTHER STYLES --------------------------------------- *******/
.MaxTablicaTrening {
	border: 1px solid #d8d8d8;
}
.MaxTablicaTrening tr {
	background-color: #d8d8d8;
}
.MaxTablicaTrening tr td {
	padding: 4px 14px;
}
.NjavaTitle {
	display: inline;
	padding: 0px 0px 0px 24px;
	margin: 0px 0px 5px 0px;
	background-image: url(images/arrowRight.gif);
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.NajavaDate {
	display: block;
	font-size: 11px;
	color: #777777;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-top: 3px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #d8d8d8;
}
.BlogListNaslovnica {
	border: 1px solid #cdcdcd;
}
.BlogLista {
	padding: 5px;
}
.BlogListTitleNaslovnica {
	font-weight: bold;
	font-size: 14px;
	padding-left: 24px;
	background-image: url(images/SmallPencil.gif);
	background-position: left top;
	background-repeat: no-repeat;
}