/* ******* Styles for BlueSofty skin. Autor zarko@considero.net   08.06.2009. ******* */

/* ******* --------------------------------------- MAIN --------------------------------------- *******/
html, body {
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    font-family: arial;
    font-size: 14px;
}
table {
    font-size: 100%;
}
p {
    padding: 0px;
    margin: 0.8em 0;
}
ul {
	padding: 2px 0px 2px 20px;
	margin: 0px;
}
ul li {
	list-style-type: disc;
	padding: 1px 0px 2px 2px;
	margin: 0;
}

/* **************** GENERAL STYLES ******************** */

.FullWH {
	height: 100%;
	width: 100%;
}
.FullH {
	height: 100%;
}
.FullW {
	width: 100%;
}
.MainW {
	width: 970px;
	margin: 0px auto;
}
.HeaderPart {
	background-color: #FFFFFF;
	background-image: url(images/HeaderBackground.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 120px;
	text-align: center;
	vertical-align: top;
}
.HMenuPart {
	background-color: #3b4a55;
	height: 44px;
	text-align: center;
}
.BlueBodyPart {
	background-color: #b2d2eb;
	background-image: url(images/BlueBodyBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 210px;
	text-align: center;
	vertical-align: middle;
}
.BlueBodyBottom {
	background-image: url(images/BlueBodyBottom.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 35px;
}
.BodyPart {
	text-align: center;
	vertical-align: top;
}
.FooterPart {
	background-color: #706f6f;
	background-image: url(images/FooterBack.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 100px;
	text-align: center;
	vertical-align: top;
}

/* **************** HEADER STYLES ******************** */

.LogoPane {
	text-align: left;
	vertical-align: middle;
	padding: 10px 5px 10px 0px;
}
.TopMenuPane {
	text-align: right;
	vertical-align: top;
	height: 77px;
}
.TopCompanyInfoPane {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aaaaaa;
	text-align: right;
	padding: 5px;
}
a.TM_Login:link, a.TM_Login:active, a.TM_Login:visited {
	text-decoration: none;
	background-image: url(images/TM_Login.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Login:hover {
	background-image: url(images/TM_Login_hov.jpg);
}
a.TM_Support:link, a.TM_Support:active, a.TM_Support:visited {
	text-decoration: none;
	background-image: url(images/TM_Support.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Support:hover {
	background-image: url(images/TM_Support_hov.jpg);
}a.TM_Contact:link, a.TM_Contact:active, a.TM_Contact:visited {
	text-decoration: none;
	background-image: url(images/TM_Contact.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Contact:hover {
	background-image: url(images/TM_Contact_hov.jpg);
}
a.TM_Sitemap:link, a.TM_Sitemap:active, a.TM_Sitemap:visited {
	text-decoration: none;
	background-image: url(images/TM_Sitemap.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Sitemap:hover {
	background-image: url(images/TM_Sitemap_hov.jpg);
}
a.TM_Home:link, a.TM_Home:active, a.TM_Home:visited {
	text-decoration: none;
	background-image: url(images/TM_Home.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Home:hover {
	background-image: url(images/TM_Home_hov.jpg);
}
a.TM_Fbook:link, a.TM_Fbook:active, a.TM_Fbook:visited {
	text-decoration: none;
	background-image: url(images/TM_Facebook.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Fbook:hover {
	background-image: url(images/TM_Facebook_hov.jpg);
}
a.TM_Twitter:link, a.TM_Twitter:active, a.TM_Twitter:visited {
	text-decoration: none;
	background-image: url(images/TM_Twitter.jpg);
	background-position: top;
	background-repeat: no-repeat;
	display: block;
	width: 77px;
	height: 76px;
	float: right;
}
a.TM_Twitter:hover {
	background-image: url(images/TM_Twitter_hov.jpg);
}
/* **************** HORIZONTAL MENU STYLES ******************** */

.MainMenu_MenuContainer {
	height: 44px;
}
.MainMenu_MenuContainer table {
	height: 100%;
}
.Rootmenuitem td {
	font-family: arial;
	font-size: 14px;
	color: #aaaaaa;
	background-color: transparent;
	padding: 0px 5px;
	text-shadow: 1px 1px 1px #333333;
	_FILTER: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.Rootmenuitem td img {
	display: none;
}
.Rootmenuitemactive td img {
	display: none;
}
.Rootmenuitemselected td img {
	display: none;
}
.Rootmenuitemselected td {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	background-color: #445663;
	padding: 0px 5px;
	text-shadow: 1px 1px 1px #333333;
	_FILTER: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.Rootmenuitemactive td {
	font-family: arial;
	font-size: 14px;
	color: #ffffff;
	padding: 0px 5px;
	text-shadow: 1px 1px 1px #333333;
	_FILTER: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.MainMenu_SubMenu {
	background-color: #3b4a55;
}
.MainMenu_SubMenu .MainMenu_MenuItem {
	color: #aaaaaa;
	font-family: arial;
	font-size: 12px;
	border-bottom: 1px solid #445663;
	padding: 2px 4px;
	text-shadow: 1px 1px 1px #333333;
	_FILTER: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.MainMenu_SubMenu .MainMenu_MenuItemSel {
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	background-color: #445663;
	border-bottom: 1px solid #3b4a55;
	padding: 2px 4px;
	text-shadow: 1px 1px 1px #333333;
	_FILTER: DropShadow(Color=#333333, OffX=1, OffY=1, Positive=1);
}
.MainMenu_MenuIcon {
	padding: 2px 4px;
	border-bottom: 1px solid #445663;
}
.MainMenu_MenuArrow {
	display: none;
}
.MainMenu_MenuItem img {
	vertical-align: middle;
}

/* **************** BREADCRUMBS & LEFT MENU STYLES ******************** */
.BreadcrumbsPane {
	height: 2em;
	background-color: #b3d3ec;
	text-align: center;
	font-size: 12px;
	color:#3B4A55;
}
.BreadWrapper {
	text-align: left;
	padding-left: 20px;
	_padding-left: 10px;
}
a.BreadcrumbsLink:link, a.BreadcrumbsLink:active, a.BreadcrumbsLink:visited {
	font-size: 12px;
	color:#3B4A55;
}
a.BreadcrumbsLink:hover {
	font-size: 12px;
	color:#3B4A55;
	text-decoration: underline;
}
.LeftMenuWrapper {

	margin-bottom: 10px;
}
.LeftMenuInnerDiv {

}
a.VerticalMenuLinks:link, a.VerticalMenuLinks:active, a.VerticalMenuLinks:visited {
	font-size: 12px;
	color:#3B4A55;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 5px 0px 5px 10px;
}
a.VerticalMenuLinks:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
a.VerticalMenuLinks img {
	vertical-align: middle;
	margin-right: 10px;
}
.LeftMenuInnerDiv span br {
	display: none;
}
/* **************** INVENTUA SIDE MENU STYLES ******************** */
.inventua_sidemenu {
	width: 100%;
}
.InvMenuItem0 a:link, .InvMenuItem0 a:active, .InvMenuItem0 a:visited {
	font-size: 12px;
	color:#3B4A55;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 5px 0px 5px 10px;
}
.InvMenuItem0 a:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
.InvMenuItem0 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}
.InvMenuHeader0 a:link, .InvMenuHeader0 a:active, .InvMenuHeader0 a:visited {
	font-size: 12px;
	font-weight: bold;
	color:#3B4A55;
	background-color: #f1f1f1;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 5px 0px 5px 5px;
}
.InvMenuHeader0 a:hover {
	color: #2c7bba;
	background-color: #e1e1e1;
	text-decoration: none;
}
.InvMenuHeader0 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}


.InvMenuItem1 a:link, .InvMenuItem1 a:active, .InvMenuItem1 a:visited {
	font-size: 12px;
	color:#3B4A55;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 5px 0px 5px 10px;
}
.InvMenuItem1 a:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
.InvMenuItem1 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}
.InvMenuHeader1 a:link, .InvMenuHeader1 a:active, .InvMenuHeader1 a:visited {
	font-size: 12px;
	font-weight: bold;
	color:#3B4A55;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 5px 0px 5px 10px;
}
.InvMenuHeader1 a:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
.InvMenuHeader1 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}


.InvMenuItem2 a:link, .InvMenuItem2 a:active, .InvMenuItem2 a:visited {
	font-size: 12px;
	color:#3B4A55;
	display: block;
	position: static;
	background-color: #fbfae6;
	border-bottom: 1px solid #e6e6e6;
	margin-left: 20px;
	line-height: 130%;
	padding: 3px 0px 3px 15px;
}
.InvMenuItem2 a:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
.InvMenuItem2 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}
.InvMenuHeader2 a:link, .InvMenuHeader2 a:active, .InvMenuHeader2 a:visited {
	font-size: 12px;
	font-weight: bold;
	color:#3B4A55;
	display: block;
	border-bottom: 1px solid #e6e6e6;
	line-height: 150%;
	padding: 3px 0px 3px 15px;
}
.InvMenuHeader2 a:hover {
	color: #2c7bba;
	background-color: #f1f1f1;
	text-decoration: none;
}
.InvMenuHeader2 a img {
	vertical-align: middle;
	margin-right: 10px;
	border: 0px;
}

.InvCurrentHeader0, .InvCurrentHeader1, .InvCurrentHeader2,
.InvCurrentItem0, .InvCurrentItem1, .InvCurrentItem2 {
	color: #2c7bba;
	font-weight: bold;
}
/* **************** CONTENT STYLES ******************** */
.TopPane_L {
	vertical-align: top;
	width: 33%;
	padding: 0px 5px;
}
.TopPane_M {
	vertical-align: top;
	border-left: 1px solid #6c92af;
	width: 33%;
	padding: 0px 5px;
}
.TopPane_R {
	vertical-align: top;
	border-left: 1px solid #6c92af;
	width: 33%;
	padding: 0px 5px;
}
.LeftPane {
	width: 230px;
	vertical-align: top;
	border-right: 16px solid transparent;
	padding-left: 10px;
}
.RestPanes {
	vertical-align: top;
}
.ContentPane {
	vertical-align: top;
}
.MidPane_L {
	vertical-align: top;
	width: 49.5%;
}
.MidPane_R {
	vertical-align: top;
	width: 49.5%;
	padding-left: 10px;
}

/* **************** TEXT STYLES ******************** */

.Normal {
	font-family: arial;
	font-size: 12px;
	color: #545454;
}
h1, h2, h3, h4, h5 {
    font-family: arial;
    color: #445663;
    padding: 0px;
    border: 0px;
    margin: 13px 0 6px;
}
.FooterPart h1, .FooterPart h2, .FooterPart h3, .FooterPart h4, .FooterPart h5 {
    font-family: arial;
    color: #ffffff;
    padding: 0px;
    border: 0px;
    margin: 13px 0 6px;
}
h1 {
    font-size: 23px;
}
h2 {
    font-size: 20px;
}
h3 {
    font-size: 17px;
}
h4 {
    font-size: 14px;
}
h5 {
    font-size: 10px;
}

/* ******* ---------- LINKS ---------- *******/

a:active, a:focus{
    outline:none;
}
a:link, a:active {
    color: #ff6600;
}
a:visited {
    color: #ff6600;
}
a:hover {
    color: #ff6600;
	text-decoration: underline;
}
.BlueBodyPart td p {
	/* margin:2px 0px; */
}
a.BlueList:link, a.BlueList:active, a.BlueList:visited {
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	color: #1f272d;
	padding:2px 5px;
	padding-left: 15px;
	background-image: url(images/whitedottedarrow.gif);
	background-position: left 4px;
	background-repeat: no-repeat;
	display: block;
	text-shadow: 1px 1px 0px #D1E2EF;
	_FILTER: DropShadow(Color=#D1E2EF, OffX=1, OffY=1, Positive=1);
}
a.BlueList:hover {
	font-family: arial;
	font-size: 13px;
	color: #ffffff;
	padding:2px 5px;
	padding-left: 15px;
	/* background-image: url(Images/darker.png);*/
	display: block;
	/* background-repeat: repeat; */
	text-decoration: none;
	text-shadow: 0px 1px 1px #222222;
	_FILTER: DropShadow(Color=#222222, OffX=0, OffY=1, Positive=1);
}
a.BlueListTitle:link, a.BlueListTitle:active, a.BlueListTitle:visited {
	font-family: arial;
	color: #dedede;
	text-shadow: 2px 2px 2px #111111;
	_FILTER: DropShadow(Color=#111111, OffX=2, OffY=2, Positive=2);
}
a.BlueListTitle:hover {
	font-family: arial;
	color: #ffffff;
	text-decoration: none;
	text-shadow: 1px 1px 1px #111111;
	_FILTER: DropShadow(Color=#111111, OffX=1, OffY=1, Positive=1);
}
.SearchPane {
	text-align: right;
	padding: 0px 5px;
	background-image: url(images/SearchField.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
.SearchPane .NormalTextBox {
	background:transparent none repeat scroll 0 0;
	border:2px solid transparent;
	color:#FFFFFF;
	font-family:Tahoma,Arial,Helvetica;
	font-size:12px;
	font-weight:normal;
	margin-right:6px;
	width:160px;
}
a.SearchLink:link, a.SearchLink:active, a.SearchLink:visited {
	width: 19px;
	background-image: url(images/Search.gif);
	background-position: center;
	background-repeat: no-repeat;
	line-height: 21px;
	font-size: 21px;
}
a.SearchLink:hover {
	width: 19px;
	background-image: url(images/Search_hov.gif);
	background-position: center;
	background-repeat: no-repeat;
	text-decoration: none;
	line-height: 21px;
}
a.SearchLink img {
	vertical-align: middle;
}
a.ChildLink:link, a.ChildLink:active, a.ChildLink:visited {
	display: block;
	line-height: 80%;
	font-size: 14px;
}
a.ChildLink:hover {
	display: block;
	line-height: 80%;
	font-size: 14px;
	text-decoration: none;
}
a.ChildLink img {
	vertical-align: middle;
}
li.latestnews {
	list-style-type: none;
}
li.latestnews a:link, li.latestnews a:active, li.latestnews a:visited {
	font-size: 12px;
	background-color: #f2f2f2;
	display: block;
    color: #893701;
	padding: 1px 10px;
	padding-left: 20px;
	background-image: url(Images/greydottedarrow.gif);
	background-position: 5px 5px;
	background-repeat: no-repeat;
}
li.latestnews a:hover {
	background-color: #fafafa;
    color: #ff6600;
	text-decoration: none;
}
/* **************** FOOTER STYLES ******************** */
.FooterPart {
	padding-top: 10px;
	text-shadow: 1px 1px 1px #222222;
	_FILTER: DropShadow(Color=#222222, OffX=1, OffY=1, Positive=1);
}
.FooterPart .Normal {
	color: #dedede;
	font-size: 11px;
}
.FooterPart a:link, .FooterPart a:active {
    color: #dedede;
	display: block;
}
.FooterPart a:visited {
    color: #cdcdcd;
	display: block;
}
.FooterPart a:hover {
    color: #ffffff;
	text-decoration: underline;
	background-image: url(Images/darker.png);
	display: block;
}
.FooterPane_Top, .FooterPane_Bottom {
	vertical-align: top;
	padding: 5px;
}
.FooterPane_1 {
	vertical-align: top;
	padding: 5px;
	width: 24.5%;
}
.FooterPane_2 {
	vertical-align: top;
	padding: 5px;
	width: 24.5%;
	border-left: 1px solid #5a5959;
}
.FooterPane_3 {
	vertical-align: top;
	padding: 5px;
	width: 24.5%;
	border-left: 1px solid #5a5959;
}
.FooterPane_4 {
	vertical-align: top;
	padding: 5px;
	width: 24.5%;
	border-left: 1px solid #5a5959;
}
.FooterBottom {
	font-size: 10px;
	color: #111111;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
.FooterBottom .Normal {
	color: #111111;
}
a.FooterLinks:link, a.FooterLinks:active, a.FooterLinks:visited {
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #cdcdcd;
	padding-left: 15px;
	background-image: url(images/whitedottedarrow.gif);
	background-position: left 2px;
	background-repeat: no-repeat;
	display: block;
}
a.FooterLinks:hover {
	font-family: arial;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	padding-left: 15px;
	background-image: url(images/whitedottedarrow.gif);
	background-position: 5px 2px;
	background-repeat: no-repeat;
	text-decoration: underline;
	display: block;
}
/* **************** PARAGRAFS STYLES ******************** */
.Info {
	padding: 10px 5px;
	font-size: 110%;
	display: block;
	padding-left: 50px;
	background-image: url(Images/info.png);
	background-position: 5px top;
	background-repeat: no-repeat;
	border: 1px solid #ededed;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Pitanje {
	padding: 10px 5px;
	font-size: 110%;
	display: block;
	padding-left: 50px;
	background-image: url(Images/pitanje.png);
	background-position: 5px top;
	background-repeat: no-repeat;
	border: 1px solid #ededed;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Napomena {
	padding: 10px 5px;
	font-size: 110%;
	display: block;
	padding-left: 50px;
	background-image: url(Images/napomena.png);
	background-position: 5px top;
	background-repeat: no-repeat;
	border: 1px solid #ededed;
	margin-top: 5px;
	margin-bottom: 5px;
}
.Navod {
	padding: 10px 5px;
	font-size: 110%;
	display: block;
	padding-left: 50px;
	background-image: url(Images/navod.png);
	background-position: 5px top;
	background-repeat: no-repeat;
	border: 1px solid #ededed;
	margin-top: 5px;
	margin-bottom: 5px;
}