﻿body {
	margin: 0px;
	padding: 0px;
	background-image: url(../../images/bckgrnd.gif);
	background-repeat: repeat;
	background-color:#E6E6E6;
}
.IMGframe {
	border: 1px solid #000000;
	background-color:#F2F2F2;
	padding:2px;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
	text-align:justify;
}
form, input, select, div, span {
	margin:0px;
	padding:0px;
}
input, textarea, select {
	font-size:11px;
	color:#000000;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
td {
	font-family: Calibri, Arial;
	font-size:12px;
	color:#333333;
}
h1 { 
	font-family: Calibri, Arial;
	font-size:20px;
	font-weight:bold;
	color:#000000;
	line-height:150%;
	padding-bottom:20px;
}
h2 { 
	font-family: Calibri, Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	line-height:150%;
	padding-top:14px;
	padding-bottom:3px;
}
a:link, a:visited, a:hover, a:active {
	
	text-decoration: none;
	
}
.alignCentar {
	text-align:center;
}	

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEmain {
	border-left-style:solid;
	border-left-color:#999999;
	border-left-width:2px;
}
.TABLEmain1 { /* main template table */
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}
.TABLEmainTop { /* poravnanje sadrzaja */
	text-align:left;
	vertical-align:top;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HEADER start */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEheader {
	margin:0px;
	padding:0px;
	font-size:9px;
	background-color: #FFFFFF;
}
.TABLEheaderNavigation a:link, .TABLEheaderNavigation a:visited, .TABLEheaderNavigation a:active {
	color:#000000;
}
.TABLEheaderNavigation a:hover {
	color:#CC0000;
}
.TABLEheader td {
	/*vertical-align:bottom;*/
}

.TDheaderNews { /* "news tiker" in header and footer */
	background-color:#E6E6E6;
	font-family: Calibri, Arial;
	font-size:10px;
	color:#FF0000;
	padding-left:8px;
	padding-bottom:4px;
	padding-top:4px;
	height:19px;
}


.TDheaderNews a:link, .TDheaderNews a:visited, .TDheaderNews a:active {
	color:#737373;
	font-size:11px;
}
.TDheaderNews a:hover {
	color:#CC0000;
	background-color:#E6E6E6;
}

.TDfooter { /* navigacija u footeru*/
	background-color:#FFFFFF;
	background-image:  url(../../images/_gui/header_navigationBack.gif);
	font-family: Calibri, Arial;
	font-size:10px;
	color:#FF0000;
	padding-left:8px;
	padding-bottom:4px;
	padding-top:4px;
	height:19px;
}

.TDfooter a:link, .TDfooter a:visited, .TDfooter a:active {
	color:#000000;
	font-size:10px;
}

.TDfooter a:hover {
	color:#CC0000;

}
.TABLElanguages {
	background-color:#E6E6E6;
	font-weight:bold;
}
.TDlastChange {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#737373;
	padding-bottom:1px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* HEADER end  */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* INDEX start */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEindex34 { /* index table */
}
.TABLEindexTD {
	font-size:9px;
	color:#000000;
	text-align:right;
	vertical-align:top;
	padding-right:18px;
}
.TABLEindex { /* index table */
	padding-left:10px;
}
.TABLEindexTDLink, .TABLEindexTDLink a:link, .TABLEindexTDLink a:visited, .TABLEindexTDLink a:active {
	font-size:9px;
	color:#000000;
	text-align:left;
	vertical-align:top;
}
.TABLEindexTDLink:hover, .TABLEindexTDLink a:hover {
	color:#CC0000;
	/*background-color:#F2F2F2;*/
}


.indexSeparator { /* index separator */
	padding-top:1px;
	padding-bottom:22px;
/*	padding-right:18px;*/
	vertical-align:middle;
}
.TABLEnavigation2 { /* 2nd level */
/*	margin-top:-6px;
	margin-bottom:18px;
	*/
}
.TABLEnavigation2 a:link, .TABLEnavigation2 a:visited, .TABLEnavigation2 a:active {
	color:#212121;
}
.TABLEnavigation2 a:hover {
	color:#CC0000;
	background-color:#F2F2F2;
}
.TABLEnavigation2 td {
/*	margin:0px;
	padding:0px;
	padding-bottom:6px;
	padding-top:6px;*/
}
.TDnavigation2Text {
	padding-right:5px;
	font-weight:bold;
}
.TABLEnavigation3 { /* 3rd level */
/*	margin-top:-4px;
	margin-bottom:-4px;*/
}
.TABLEnavigation3 td {
/*	margin:0px;
	padding:0px;
	padding-bottom:6px;
	padding-top:6px;
	*/
}
.TDnavigationNext{padding-top:7px;}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEmapWeb { /* web map table */
}
.TABLEmapWeb td { 
	color:#000000;
	/*line-height: 250%;*/
	font-weight:bold;
	font-size:9px;
}
.TDmapWebBullet { /* bullet position */
/*	padding-bottom:3px;*/
}
.TABLEmapWeb3 td { /* 3rd level links */
	font-weight:normal;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* INDEX end */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* OUTDEX start */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEoutdex {
	margin-bottom:20px;
}
.TABLEoutdex a:link, .TABLEoutdex a:visited, .TABLEoutdex a:active {
	color:#666666;
}
.TABLEoutdex a:hover {
	color:#CC0000;
}
.TABLEoutdexCenter {
	vertical-align:top;
	font-size:9px;
	text-align:center;
	background-image: url(../../images/_gui/outdex_bckgrndTopCurve.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.TABLEoutdexNavigation {
	font-weight:bold;
	margin-top:5px;
	margin-left:7px;
	padding-right:7px;
	margin-bottom:20px;
}
.TABLEoutdexNavigation td {
	font-size:9px;
	color:#000000;
	text-align:left;
	vertical-align:bottom;
	margin:0px;
	padding-left:0px;
	padding-bottom:2px;
}
.TABLEoutdexNavigation a:link, .TABLEoutdexNavigation a:visited, .TABLEoutdexNavigation a:active {
	color:#000000;
}
.TABLEoutdexNavigation a:hover {
	color:#CC0000;
	background-color:#E6E6E6;
}
.TDoutdexGrayBg {
	background-image: url(../../images/_gui/outdex_bckgrnd.gif);
	background-repeat: repeat-y;
	background-position: left top;
	background-color:#FFFFFF;
	vertical-align:top;
}
.TABLEarrow { /* 2nd level link table */
/*	margin-top:16px;
	padding-left:40px;
	background-image: url(../../images/_gui/outdex_arrow_bck.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:33px;
	*/
}
.TableArrowVert{
	background-image: url(../../images/_gui/vertDots.gif);
	background-repeat: repeat-y;
}
.TableArrowHorz{
	background-image: url(../../images/_gui/horizDots.gif);
	background-repeat: repeat-x;
}
.TableArrowHorzBottom{
	background-image: url(../../images/_gui/horizDots.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
}
.TableArrowTD{
	background-color: #999999;
	text-align:left;
	vertical-align:middle;
}
.TABLEarrowText {
	text-align:left;
	vertical-align:middle;
	font-size:9px;
	color:#000000;
	background-color:#F2F2F2;
	font-weight:bold;
	padding-left:5px;
}
.TABLEarrowText a:link, .TABLEarrowText a:visited, .TABLEarrowText a:active {
	text-align:left;
	vertical-align:middle;
	font-size:9px;
	color:#000000;
	font-weight:bold;
	padding-left:5px;
}
.TABLEarrowText a:hover {
	text-align:left;
	vertical-align:middle;
	font-size:9px;
	color:#CC0000;
	background-color:#F2F2F2;
	font-weight:bold;
	padding-left:5px;
}

.TABLEoutdexMain {
	font-weight:bold;
	margin-top:5px;
	margin-left:7px;
	padding-right:7px;
	margin-bottom:20px;
}

.TABLEcopyright { /* copyright in footer */
	margin-left:7px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEbanner { /* bottom banner position */
	margin-bottom:3px;
}
.TABLEbanner td {
	vertical-align:bottom;
	text-align:right;
}

/* MAIN start */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEmainContainer {
	padding-top:21px;
}
.TDmainContainerTop {
	vertical-align:top;
}
.TDmainContainerCenter {
	padding-left:18px;
	text-align:left;
	padding-right:35px;
	vertical-align:top;
/*	padding-bottom:100px;*/
}
.TDmainContainerCenter a:link, .TDmainContainerCenter a:visited, .TDmainContainerCenter a:active {
	color:#000000;
}
.TDmainContainerCenter a:hover {
	color:#CC0000;
	background-color:#F2F2F2;
}
.TABLEbreadcrumbz { /* web path main table*/
}
.TABLEbreadcrumbz td {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#737373;
	padding-bottom:19px;
	padding-left:1px;
}
.TABLEbreadcrumbz a:link, .TABLEbreadcrumbz a:visited, .TABLEbreadcrumbz a:active {
	color:#737373;
}
.TABLEbreadcrumbz a:hover {
	color:#CC0000;
	background-color:#F2F2F2;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEnovostiClanak { 
	margin-bottom:10px;
}
.TDurica {
	vertical-align:top;
	padding-top:4px;
}
.TDdatumClanka {
	font-weight:bold;
	color:#CD0000;
	line-height:150%;
	vertical-align:top;
	text-align:left;
	padding-right:7px;
	padding-left:6px;
}
.TDcaptionArticle{ 
	font-size:14px;
	font-weight:bold;
	color:#000000;
	line-height:150%;
	vertical-align:top;
	text-align:left;
	padding-bottom:4px;
}
.TDtextSmallArticle { 
	padding-top:3px;
	padding-left: 0px;
	background-repeat: repeat-x;
	background-position: left top;
	text-align:justify;	
}
.TABLEnovostiImg { /* image frame */
	border: 1px solid #000000;
	background-color:#F2F2F2;
	padding:2px;
	margin-right:5px;
	margin-top:7px;
}
.TDhypeAutor { 
	background-image: url(../../images/_gui/index_separator.gif);
	background-repeat: repeat-x;
	background-position: left center;
	text-align:right;
	vertical-align:middle;
	height:20px;
}
.TDautor { /* article autor  */
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#737373;
	background-color:#FFFFFF;
	padding-left:8px;
	padding-bottom:1px;
	vertical-align:middle;
}
.TDautorBlack { /* article autor */
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
	background-color:#FFFFFF;
}
.TABLEForum{width:100%}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEcomment { 
	margin-top:40px;
	margin-bottom:40px;
}
.TDcommentFirstRow { 
	vertical-align:middle;
	text-align:left;
}
.TABLEcomment td {
	font-size:9px;
}
.TABLEcommentSmall { 
	margin-left:10px;
	margin-top:40px;
/*	margin-bottom:40px;*/
}
.TDcommentPeace {
	text-align:right;
}
.TDcommentMan {
	vertical-align:top;
	padding-top:3px;
}
.TDcommentYour {
	font-weight:bold;
	color:#000000;
	padding-left:5px;
}
.TDcommentAutor { /* autor and comment date */
	padding-top:1px;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color:#737373;
	background-color:#FFFFFF;
	padding-left:1px;
}
.TDcommentText { /* text comment */
	color:#666666;
	padding-top:15px;
	padding-left:5px;
	padding-right:25px;
	padding-bottom:8px;
	line-height:15px;
	text-align:left;
	vertical-align:top;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.TABLEformImage { 
	text-align:left;
	vertical-align:middle;
	padding:1px;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

.TABLEformImageBanner{ 
	margin-top:10px;
	text-align:center;
	vertical-align:middle;
	border: hidden;
}

.TABLEform { 
	text-align:left;
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
	border-left:1px solid black;
	border-right:1px solid black;
}
.TABLEform td {
	padding-bottom: 5px;
	vertical-align:top;
	color:#666666;
	background-color:#FFFFFF;
}

.TABLEform td.TDTABLEformCaption {
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align:top;
	color:#000000;
	background-color:#E6E6E6;
	text-align:left;
	font-weight:bold;
	font-family: Calibri, Arial;
}
.TABLEform td.TDTABLEformHype {
	background-image: url(../../images/_gui/horizDots.gif);
	background-repeat: repeat-x;
	background-position: top center;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TABLEformCaption { 
	text-align:left;
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
	border-left:1px solid black;
	border-right:1px solid black;
}
.TABLEformCaption td.TDTABLEformCaption {
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align:top;
	color:#000000;
	background-color:#E6E6E6;
	text-align:left;
	font-weight:bold;
}
.TABLEformCaption td.TDTABLEformHype {
	background-image: url(../../images/_gui/horizDots.gif);
	background-repeat: repeat-x;
	background-position: top center;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TABLECaptionOut{
	margin-bottom:25px;
	/*width:160px;*/
}
.TABLECaptionOutCaption
{
/*	width:160px;*/
}
.TABLEformMain { 
	text-align:left;
	vertical-align:middle;
	padding-right:5px;
	padding-left:5px;
}
.TABLEformMain td {
	padding-bottom: 5px;
	vertical-align:top;
	color:#666666;
	background-color:#ffffff;
}
.TABLEformMain td.TDTABLEformCaption {
	padding-top: 0px;
	padding-bottom: 5px;
	vertical-align:top;
	color:#000000;
	background-color:#ffffff;
	text-align:left;
	font-weight:bold;
}
.TABLEformMain td.TDTABLEformHype {
	background-image: url(../../images/_gui/horizDots.gif);
	background-repeat: repeat-x;
	background-position: top center;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TDTABLECaptionTop{
	background-image: url(../../images/_gui/captionCurveTopLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#E6E6E6;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TDTABLECaptionMiddle{
	background-image: url(../../images/_gui/captionTopMiddle.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color:#E6e6e6;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TDTABLECaptionRight{
	background-image: url(../../images/_gui/captionCurveTopRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color:#e6e6e6;
	padding-bottom: 0px;
	padding-top: 0px;
}
.TDTABLECaptionBottomLeft{
	background-image: url(../../images/_gui/captionCurveBottomLeft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	background-color:#E6E6E6;
	padding-bottom: 0px;
	padding-top: 0px;}
.TDTABLECaptionBottomMiddle{
	background-image: url(../../images/_gui/captionBottomMiddle.gif);
	background-repeat: repeat-x;
	background-position: top center;
	background-color:#E6E6E6;
	padding-bottom: 0px;
	padding-top: 0px;}
.TDTABLECaptionBottomRight{
	background-image: url(../../images/_gui/captionCurveBottomRight.gif);
	background-repeat: no-repeat;
	background-position: top right;
	background-color:#E6E6E6;
	padding-bottom: 0px;
	padding-top: 0px;}	
/*********************** DynMenu Class **************************/
/* THIS SECTION SHOULD BE IN CSS FILE TO PROVIDE VISUAL STYLE OF FIRST LEVEL SECTION LINKS */
.TDheaderNavigationBack {
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
	padding-top:7px;
	background-image:  url(../../images/_gui/header_navigationBack.gif);
	background-repeat: repeat-x;
	/*background-color: #CCCCCC;*/
}

.SpanSection,.SpanSectionHover
{
	font-family: Segoe UI, Arial, Tahoma;
	height: 10px;
	padding-left:4px;
	padding-right:4px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align:center;
	vertical-align:top;
	font-weight:bold;
	color:#000000;
	font-size:9px;
	
}
.SpanSection
{
	color: #000000;
	/*border-left : 1px dotted #000000;*/
}
.SpanSectionHover
{
	color: #CC0000;
	/*border-left : 1px dotted #000000;*/
}

.SectionLink1,A.SectionLink1:active,A.SectionLink1:visited,A.SectionLink1:link
{	color: #000000;
	text-decoration: none;
}

A.SectionLink1:hover
{	color: #CC0000; 
	text-decoration: none;
}

.TABLEheaderNavigation td {
	text-align:center;
	vertical-align:top;
	padding-left:4px;
	padding-right:4px;
	font-weight:bold;
	color:#FFFFFF;
	font-size:9px;
}
.TABLEheaderNavigationSeparator {
	width:1px;
	background-image:url(../../images/_gui/header_navigationSeparator.gif);
	background-repeat: no-repeat;
	background-position: center top;	
}
/*********************** DynMenu Class END **************************/


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLEorangeBorder { 
	margin-top:15px;
}
.TABLEorangeBorderPoz {
	text-align:left;
	vertical-align:middle;
	line-height:180%;
}
.TDorangeButtonRight {
	text-align:right;
}
.TABLEorange { /* orange table */
	background-color:#FDF2E0;
	/*background-image: url(../../images/_gui/outdex_orangeLeftRight.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	border-left:1px solid black;
	border-right:1px solid black;
}
.TABLEorange td {
/*	text-align:left;*/
/*	font-size:9px;*/
	color:#000000;
}
.TABLEorangeCaption {
}
.TABLEorangeCaption td {
	font-size:9px;
	color:#000000;
	font-weight:bold;
}
.TDorangeTop { /* top part */
	background-image: url(../../images/_gui/outdex_orangeTop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:9px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	height:22px;
}
.TDorangeBottom { /* bottom part */
	background-image: url(../../images/_gui/outdex_orangeBottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size:1px;
	height:5px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.TABLECalendar { /* Calendar in outdexu */
	padding:5px;
}
.TABLECalendar td {
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-top:0px;
	height:10px;
}
.TDCalendarMonth {
	text-align:left;
	font-size:9px;
	font-weight:bold;
	text-align:left;
}
.TDCalendarDay {
	text-align:left;
	font-size:9px;
	font-weight:normal;
	background-color:#F9DFB9;
	text-align:center;
}
.TDCalendarNumber {
	color:#4B433A;
	background-color:#FBECD6;
	text-align:center;
}

.handclass {
	cursor:hand;
}
