@import url("reset_all.css");
body{background:#FFF;}

/*************************************************************/
/**      delovi stranice                                    **/
/*************************************************************/
#BodyTable{width:100%;height:100%;margin:0;text-align:center;border:0px solid red;}
   #BodyTableLCell, #BodyTableRCell{width:50%;}
   #BodyTableCCell,#BodyTableCCellMain{display:block;width:986px;height:100%;
                                       background:url(../Images/BodyTableCCellBck.gif) top left repeat-y;}
   #BodyTableCCellMain{background:url(../Images/BodyTableCCellMainBck.gif) top left repeat-y;}
      #MainTable{width:986px;height:100%;}
         #BodyHeaderCell{width:986px;height:154px;padding:0;background:url(../Images/BodyHeaderBck.gif) top no-repeat;}
            #BodyHeaderMenus{float:right;width:697px;*width:719px;height:154px;padding:0 22px 0 0;text-align:left;border:0px solid blue;}
         #BodyContentCell{height:100%;padding:0 0 0 0;*margin:0;}
            #BodyLeftMenus{display:block;float:left;width:300px;border:0px solid green;}
            #BodyContent{display:block;float:right;padding:0 27px 0 17px;border:0px solid red;}
            #BodyTableCCellMain #BodyContent{width:639px;*width:683px;}
            #BodyTableCCell #BodyContent{padding:0 27px 0 27px;}
   #BodyTableFooterCell,#BodyTableFooterCellMain{width:986px;height:70px;padding:0;border:0px solid red;
                                                 background:url(../Images/BodyTableFooterCellBck.gif) bottom left no-repeat;}
   #BodyTableFooterCellMain{background:url(../Images/BodyTableFooterCellMainBck.gif) bottom left no-repeat;}
      #BodyFooter{display:block;margin:0;padding:44px 0 0 62px;text-align:left;border:0px solid red;}

#flashHolder {
	margin-top: 25px;
	*margin-left: 50px;
	padding-top: 10px;
	height: 75px;
	background:url(../Images/NewsBkg.jpg) top left no-repeat;
}

.cFrameOuter{float:left;border:0px solid red;}
.clear{clear:both;}
#LogoImage{float:left;height:154px;margin:0;padding:0 0 0 18px;}
   #LogoImageClass{float:left;margin:0;}
a,a:hover,a:visited{	color: #86AD21; }
a:hover{	text-decoration:underline; }
a:focus{	color: #000000; }

p{
   display: block;
   padding: 3px 0px 3px 0px;
   margin: 0px 0px 0px 0px;
}

UL,
OL{
	margin: 3px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}
UL UL,
UL OL,
OL UL,
OL OL{
	margin: 3px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}
UL UL UL,
UL UL OL,
UL OL UL,
UL OL OL,
OL UL UL,
OL UL OL,
OL OL UL,
OL OL OL{
	margin: 3px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
}
LI,
.blockList LI{
	padding: 0px 0px 3px 0px;
	display: list-item;
	list-style-image: url(../Images/p_cont_list_bullet_level_1.gif);
	list-style-position: outside;
}
UL UL LI,
UL OL LI,
OL UL LI,
OL OL LI,
.blockListLevel2 LI{
	display: list-item;
/*	list-style-image: url(../../Data/Images/listImageLevel2.gif);*/
}
UL UL UL LI,
UL UL OL LI,
UL OL UL LI,
UL OL OL LI,
OL UL UL LI,
OL UL OL LI,
OL OL UL LI,
OL OL OL LI,
.blockListLevel3 LI{
	display: list-item;
/*	list-style-image: url(../../Data/Images/listImageLevel3.gif);*/
}

/* klase za tabele */
.TableClass1{
   width: 100%;
   margin: 0px 0px 0px 0px;
   border-top: 1px solid #7C7C7C;
   border-right: 1px solid #FFFFFF;
}
.TableClass1 thead td{
   padding: 2px 5px 2px 5px;
   background: #D9D9D9;
   font-weight: bold;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
.TableClass1 tbody td{
   padding: 2px 5px 2px 5px;
   background: #E4E4E4;
   font-weight: normal;
   border-top: 1px solid #FFFFFF;
   border-bottom: 1px solid #FFFFFF;
}
.TableClass1 thead td p,
.TableClass1 tbody td p{
   padding: 0px 0px 0px 0px;
}

#downloadtable {
}
#downloadtable .superhead td {
   background-color: #BFE380;
   color: #3A1165;
   font-weight: bold;
   text-transform: uppercase;
}
#downloadtable .head td {
	 height:30px;
	 padding: 0px 0px 0px 5px;
	 vertical-align: middle;
   background-color: #D3ECA8;
   color: #3A1165;
   font-weight: bold;
}
#downloadtable .linedesc td {
	 height:25px;
	 padding: 0px 0px 0px 10px;
	 vertical-align: middle;
   background-color: #E4F3C9;
   color: #3A1165;
   font-weight: normal;
}
#downloadtable td.blankcell {
   background-color: #ffffff;
}

/* images */
.classImageWithSolidBorder{
   border: 1px solid #000000;
   margin: 2px;
}
.classImageNoBorder{
   border: 0px solid #000000;
   margin: 2px;
}

/* custom styles */
.classTitle{
	width: 100%;
	padding: 4px 19px 14px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:1px;
	background:url(../Images/BlockTitleBck.gif) top left no-repeat;
}
.classSubtitle{
/*	width: 100%;*/
	padding: 12px 0px 9px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #86AD21;
	letter-spacing: normal;
	vertical-align: bottom;
	background: transparent url(../Images/b_subtitle_bg.gif) no-repeat bottom left;
	display: block;
}


/*************************************************************/
/**      globalne klase templejta textblokova               **/
/*************************************************************/
.blockTitle{
	vertical-align: middle;
	width: 100%;
}
.blockTitleTable{
	height: 24px;
	margin: 27px 0px 15px 0px;
	background: url(../Images/p_cont_title_left.gif) center left no-repeat;
}
.blockTitleContent{
	padding: 5px 20px 0px 20px;
	background: url(../Images/p_cont_title_right.gif) center right no-repeat;

	color: #86AD21;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 2;
	text-align: left;
	text-transform: uppercase;
}
.blockSubtitle{
/*	width: 100%;*/
	padding: 12px 0px 9px 5px;
	font-size: 12px;
	font-weight: bold;
	color: #86AD21;
	letter-spacing: normal;
	vertical-align: bottom;
	background: transparent url(../Images/b_subtitle_bg.gif) no-repeat bottom left;
}
.blockTextAndTextLeft,
.blockTextAndTextRight,
.blockImageAndImageLeft,
.blockImageAndImageRight{
	width: 159px;
	padding: 3px 0px 3px 0px;
	font-weight: normal;
	letter-spacing: normal;
	vertical-align: top;
}
.blockTextAndImageLeftText,
.blockTextAndImageRightText,
.blockTextAndImageLeftImage
.blockTextAndImageRightImage,
.blockParagrafText,
.blockImage,
.blockImageOnTheLeft,
.blockImageOnTheRight,
.blockTemplates{
	width: 100%;
	font-size: 12px;
	padding: 3px 0px 3px 0px;
	font-weight: normal;
	letter-spacing: normal;
	vertical-align: top;
	text-align: justify;
}
.blockParagrafText{
	padding: 3px 0px 3px 0px;
}
.blockTextAndImageRightText,
.blockTextAndImageLeftText{
	width: 100%;
	vertical-align:top;
}
.blockTextAndImageRightImage,
.blockTextAndImageLeftImage{
	text-align: center;
	vertical-align: top;
	padding: 0px 10px 0px 10px;
}
.blockImageOnTheLeft td,
.blockImageOnTheRight td{
	text-align: center;
}
.blockImageOnTheLeft td{
	padding: 0px 10px 10px 0px;
}
.blockImageOnTheRight td{
	padding: 0px 0px 10px 10px;
}
.blockImage img,
.blockImageAndImageLeft img,
.blockImageAndImageRight img,
.blockImageOnTheLeft img,
.blockImageOnTheRight img,
.blockTextAndImageRightImage img,
.blockTextAndImageLeftImage img{
	margin: 0px 0px 3px 0px;
	display: block;
}
.menuframe td{
	padding: 0px;
	text-align: left;
}
.menuframe img{
	margin: 0px;
}
.blockTableSearch,
.blockTableNews,
.blockTableSitemap{
	padding: 4px 15px 4px 15px;
	font-weight: normal;
	color: #838181;
	letter-spacing: normal;
	vertical-align: middle;
}

/*** button styles ***/
input.smallButton,
input.normalButton,
input.smallButtonOver,
input.normalButtonOver{
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonDisabled,
input.normalButtonDisabled{
	border: 1px solid #CCCCCC;
	background: #CCCCCC;
	color: #FFFFFF;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
}
input.largeButton,
input.largeButtonOver{
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 11px Verdana,sans-serif;
	font-weight: normal;
	cursor: pointer;
}
input.smallButtonFixedSize,
input.normalButtonFixedSize,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	width: 80px;
	border: 1px solid #888888;
	background: #FFBA13;
	color: #000000;
	font: 10px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
input.smallButtonOver,
input.normalButtonOver,
input.largeButtonOver,
input.smallButtonFixedSizeOver,
input.normalButtonFixedSizeOver{
	color: #888888;
}

/*** input styles ***/
input.smallInput,
input.normalInput,
input.largeInput{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	border: 1px solid #000000;
	background: #FFFFFF;
	color: #000000;
}
input.smallInput{
	width: 25px;
}


.errorMsg
{
	color: #444444;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
	background: #DDDDDD;
	border: 1px solid #BE0000;
	padding: 4px;
	margin-bottom: 10px;
}
#copyright{
   margin:4px 0 11px 0;
   padding:3px 0;
   color:#989393;
   font-size:10px;
   background:url(../Images/copyrightBCK.gif) top right no-repeat;
}
#copyright a{
	color: #989393;
}

/*** application forms ***/
table.applicationForm {
	/*border-left: 1px solid #d67322;
	border-right: 1px solid #d67322;*/
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.applicationForm input {
	background: #ffffff;
}
td.segmentHead {
	background: #d67322;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 5px;
	letter-spacing: 0.1em;
}
td.segmentBody {
	background: #E4F3C9;
	/*color: #ffffff;*/
	font-weight: normal;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	/*font-size: 11px;*/
}
td.submitTD {
	background: #D3ECA8;
	color: #ffffff;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.applicationForm .fieldsTable {
	padding: 0px;
	border: 0px;
	margin-top: 8px;
}
.applicationForm .fieldsTable .title {
	padding: 0px;
	/*font-size: 10px;*/
	padding-top: 2px;
}
.applicationForm .fieldsTable .value {
	padding-right: 5px;
}
.applicationForm .fieldsTable .tableHeader {
	font-weight: bold;
}
.submitTD input {
	border: 1px solid #888888;
	background: #A7D13A;
	color: #000000;
	font: 12px Verdana,sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	cursor: pointer;
}
.applicationForm .products .title {
	font-weight: bold;
}
.applicationForm textarea {
	color: #3A1165;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/**** login ***/
#loginbox,
#logoutbox{
   float:right;
   width:205px;height:75px;
	margin:0;
	background: url('../Images/LoginBoxBck.gif') bottom left no-repeat;
}
#logoutbox{background: url('../Images/LogoutBoxBck.gif') bottom left no-repeat;}
#loginbox input{
   font-size: 10px;
   font-weight: normal;
   margin: 0px 0px 0px 0px;
}
#loginbox .titleTD,
#logoutbox .titleTD{
   padding: 5px 0px 0px 7px;
   vertical-align: top;
}
#loginbox .titleTD .text,
#logoutbox .titleTD .text{
   padding:0 3px 0 2px;
   background:#512582;
   font-size: 12px;
   font-weight: bold;
   color: #c7b7d5;
}
#loginbox .usernameTextTD,
#logoutbox .usernameTextTD{
   width:100%;
   padding: 9px 0px 0px 11px;
   font-size: 11px;
   font-weight:bold;
   color: #c7b7d5;
}
#loginbox .usernameInputTD{
   text-align:right;
   padding: 7px 15px 1px 0px;
   *padding-top: 8px;
}
/* input - username*/
#username{
   width: 98px;
	height: 18px;
	font-size: 11px;
	padding:3px 0;
	border: 0px solid #B2B2B2;
	background: #cabbd7;
}
#loginbox .passwordTextTD{
   padding: 1px 0px 0px 11px;
   font-size: 11px;
   font-weight:bold;
   color: #c7b7d5;
}
#loginbox .passwordInputTD{
   text-align:right;
   padding: 0px 0px 9px 0px;
   *padding-bottom:8px;
}
/* input - password*/
#password{
   width: 83px;
	height: 18px;
	font-size: 11px;
	padding:3px 0;
	border: 0px solid #B2B2B2;
	background: #cabbd7;
}
#loginbox .submitButtonTD,
#logoutbox .submitButtonTD{
   text-align:right;
   padding: 0px 2px 0px 4px;
   *padding-top: 1px;
}
#logoutbox .submitButtonTD{
   padding: 0px 2px 9px 4px;
   vertical-align: bottom;

}
#logoutbox .submitButtonTD a{
   margin:3px 0 0 0;
   font-size: 11px;
   font-weight:bold;
   text-transform:lowercase;
   vertical-align: middle;
   color: #c7b7d5;
}
#loginbox .submitButton,
#logoutbox .submitButton{
   width: 24px;
   height: 18px;
   margin: 0px 0px 0px 0px;
}
#logoutbox .submitButton{
   margin: 2px 0 0 5px;
}
#loginbox .forgotPassTD{
   padding: 9px 0px 0px 6px;
   font-size: 10px;
   color: #7E7E7E;
}
#loginbox .footerTD,
#logoutbox .footerTD{
   padding: 0px 0px 0px 0px;
}
/**** /login ***/

/* LETO
#HeaderTable .HeaderTableLeftCell{background:url(../Images/leto/HeaderTableLeftCellBCK.jpg) top right no-repeat;}
#HeaderTable .HeaderTableCenterCell{background:url(../Images/leto/HeaderTableCenterCellBCK.jpg) top left no-repeat;}
#HeaderTable .HeaderTableRightCell{background:url(../Images/leto/HeaderTableRightCellBCK.jpg) top left no-repeat;}

.blockTitle{
	background:url(../Images/leto/blockTitleBCK.jpg) top left no-repeat;
}
 */