/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HEADINGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h1, h2, h3, h4, h5, h6 {
	font-size:1.6em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	line-height:1.1em;
	margin:5px 0;
}
h1 {
	margin-bottom:0;
	padding-bottom: 10px;
}
h1, h2 {
	margin-top:0px;
	padding-top:5px;
}
h2 {
	font-size:1.3em;
}
h3 {
	font-size:1.1em;
}
h3.small {
	font-size:1.2em;
}
h4 {
	font-size:1.1em;
}
h5 {
	font-size:1.1em;
}
h6 {
	font-size:1em;
}



.PozKocke {
	background:#608fc8 url(../../images/bgPozKocke.png) top left;
}
.Novosti_Header {
	background-color: #5F6D71;
	color: White;
	height: 24px;
	padding: 5px 0px 0px 10px;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
#Novosti {
	width:227px;
	height:auto;
}
#Novosti_Header {
	background-color: #5F6D71;
	color: White;
	height: 24px;
	padding: 5px 0px 0px 10px;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
#Novosti_Body {
	background-color: #F1F3F3;
	color: #636F71;
	height: 100%;
	
}
#Novosti2 {
	width:252px;
	height:200px;
}

#Novosti3 {
	width:400px;
	height:200px;
}
#Novosti2_Header {
	background-color: #5F6D71;
	background-color: #FFFFFF;
	color: #127619;
	height: 25px;
	padding: 5px 0px 0px 10px;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
}
#Novosti2_Body {
	background-color: #F1F3F3;
	background-color: #FFFFFF;
	color: #636F71;
	height:100%;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageHeader {
	height:110px;
	margin-left:0;
	margin-right:auto;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:860px;
	width:100%;
	background:#608fc8 url(../../images/bgPageHeader.gif) top left;
	vertical-align:bottom;
	text-align:left;
	}
#Logo {
/*
	position:absolute;
	top:.0em;
	left:0px;
*/
	width: 228px;
	font-size:2.6em;
	font-family:Georgia, "Times New Roman", Times, serif;
	height:2.8em;
	padding:.0em 0 .2em 0;
	float: left;
	}
#logo a {
	color:#4A6BB3;
	text-decoration:none;
	}
.PageMenu {
	position:relative;
	margin-top:60px;
	margin-left:0px;
	font-size:10pt;
	font-weight: bold;
	font-family:Verdana,Georgia, "Times New Roman", Times, serif;
	width:123px;
	height:31px; /*-15*/
	float:left;
	text-align: center;
	padding-top: 15px; /*15*/
	/*background:#608fc8 url(../../images/bgButBack.png) bottom left;*/
	color: #4b4b4b;
}
.PageMenu a,.PageMenu a:link, .PageMenu a:visited {
	color: #4b4b4b;
	margin-top:-7px;
	width:123px;
	height:25px; /*-15*/
	display:block;
	padding-top: 6px;
}
.PageMenu a:hover, .PageMenu a:active {
	color: #FFFFFF;
	background-color: black;
/*	background:#608fc8 url(../../images/bgButBack.png) bottom left;*/
}
.mButLivo,.mButSredina, .mButDesno {
	position:relative;
	margin-top:60px;
	width:3px;
	height:46px;
	float:left;
}
.mButLivo {
	background:#608fc8 url(../../images/bgButLivo.png) top left;
}
.mButSredina {
	background:#608fc8 url(../../images/bgButSredina.png) top left;
}
.mButDesno {
	background:#608fc8 url(../../images/bgButDesno.png) top left;
}
#mONama {
	background:#608fc8 url(../../images/bgButONama.png) top left;
}
#mONama a:hover /*, #mONama a:active*/ {
	background-color:#358aac;
}
#mUsluge {
	background:#608fc8 url(../../images/bgButUsluge.png) top left;
}
#mUsluge a:hover, #mUsluge .active /*, #mONama a:active*/ {
	background-color:#d48300;
}
#mProizvodi {
	background:#608fc8 url(../../images/bgButProizvodi.png) top left;
}
#mProizvodi a:hover /*, #mONama a:active*/ {
	background-color:#73AC25;
}
#mKontakt {
	background:#608fc8 url(../../images/bgButKontakt.png) top left;
}
#mKontakt a:hover /*, #mONama a:active*/ {
	background-color:#5C7376;
}
#mProdaja {
	background:#608fc8 url(../../images/bgButONama.png) top left;
}
#mProdaja a:hover /*, #mONama a:active*/ {
	background-color:#358aac;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:#d61719;
	text-decoration:none;
}

a:visited {
	color:#980000;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:active {
	color:#980000;
}
#content-side-two-column a:link,
#content-side-two-column a:visited {
	text-decoration:none;
}

#content-side-two-column a:hover {
	text-decoration:underline;
}

#Page {
	width:920px;
	text-align:center;
}
.TextDatum
{
	width: 80px;	
}
.TextNaslov
{
	text-align: center;
	font-size: 11pt;
	color: White;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Content2ColumnRef {
	max-height:110px;
	width : 600px;
/*
	background:url(../../images/bgMenuLeft.png) repeat-y right;
	background:url(../../images/bgPageBody.gif) repeat-x;
*/
	}
	
.Content2c-mainRef {
	width:125px;
	float:left;
	margin-left:25px;
	}
.Content2c-sideRef {
/*	float:left;*/
	margin-left:100px;
	margin-right:auto;
	width:600px;
}

#Content2Column {
	min-height:500px;
/*
	background:url(../../images/bgMenuLeft.png) repeat-y right;
	background:url(../../images/bgPageBody.gif) repeat-x;
*/
	}
#Content2c-main {
	width:225px;
	float:left;
	margin-left:0px;
	}
#Content2c-side {
/*	float:left;*/
	margin-left:225px;
	margin-right:auto;
/*
	background:url(../../images/bgPageBody.gif) repeat-x right;
*/
	background-color: #FFFFFF;
	text-align: left;
	width: 660px;
	}
#Content2c-right {
	float:right;
	margin-left:885px;
	margin-right:0px;
/*
	background:url(../../images/bgPageBody.gif) repeat-x right;
*/
	background:url(../../images/bgPageBody.gif) repeat-x;
	background-color: #FFFFFF;
	height:200px;
	width:auto;
	vertical-align:top;
	}
.Content2Column {
	margin-left:0;
	margin-right:auto;
	width:660px;
	min-height:260px;
/*
	background:url(../../images/bgMenuLeft.png) repeat-y right;
	background:url(../../images/bgPageBody.gif) repeat-x right;
*/
	position:relative;
	}
.Content2c-main {
	float:left;
	height: 100%;
	}
.Content2c-side {
	float:left;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
    css-master
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Text {
	font-size:8pt;	
}
.Text table {
	text-align: left;
}
.Text td {
	text-align: left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HTML TAGS 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body {
	margin:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.7em;
	line-height:1.4em;
	color:#666666;
	height:100%;
	text-align:center;
}
p {
	margin:10px 0;
	}
p.no-padding-no-margin {
	padding:0;
	margin:0;
	}
hr{
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin:15px 0;
	_margin:10px 0;
	}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageFooter {
/*
	background:#608fc8 url(../../images/psPageFooter1.gif) top;
*/
	background:#FFFFFF url(../../images/bgCrnaCrta.png) top;
	background-repeat: repeat-x;
	margin-left:0px;
	margin-right:auto;
	margin-top: auto;
	width:900px;
	height:50px;
	position:relative;
	color:#636f71;
	font-family: Arial;
	font-size:8pt;
	text-align:right;
	padding:8px 0px 0px 0px;
	clear: both;
}
#PageFooter div{
	position:relative;
}
#PageSupFooter {
/*
	background:#608fc8 url(../../images/psPageFooter1.gif) top;
*/
	background:#FFFFFF url(../../images/bgCrnaCrta2.gif) top;
	background-repeat: repeat-x;
	margin-left:0px;
	margin-right:auto;
	margin-top: auto;
	width:900px;
	height:75px;
	position:relative;
	color:#636f71;
	font-family: Arial;
	font-size:8pt;
	text-align:right;
	padding:8px 0px 0px 0px;
	clear: both;
}
#PageSupFooter div{
	position:relative;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page site map
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageSiteMap {
	margin:0px auto 0px 0px;
	padding: 3px 0px 0px 30px;
	vertical-align: middle;
	text-align: left;
	position:relative;
	background:#e4e6e8 url(../../images/bgSiteMap.gif) top left;
	background:#FFFFFF url(../../images/bgSiteMap.gif) top left;
	background:#E7E7E7 url(../../images/bgSiteMap.gif) top left;
	width:850px; /*-10px*/
	height:19px; /*-5px*/
	vertical-align: text-top;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page MenuLeft
	background:#999999 url(../../images/psNovosti.gif) top left;
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageMenuLeft {
	background-color:#e1e1e1;
	width:225px;
	vertical-align:top;
	background:url(../../images/bgMenuLeft.png) no-repeat top;
/*	background:url(../../images/bgMenuLeft1.png) no-repeat top;*/
	height: 100%;
	height: 253px;
/*	margin-top: -1px;*/
}
#PageSubMenuLeft {
	background-color:#e1e1e1;
	width:225px;
	vertical-align:top;
	background:url(../../images/bgSubMenuLeft.png) no-repeat top;
	height: 100%;
	min-height: 250px;
}
#PageBody {
/*
	background:#FFFFFF url(../../images/psCrvenaCrta.gif) top left repeat-x;
	background:#FFFFFF url(../../images/bgPasus.gif) top left repeat-x;
	background:#FFFFFF url(../../images/bgPageBody.gif) top left repeat-x;
*/
	padding: 0px 10px 0px 10px;
	width:100%;
	width:635px;
	vertical-align: top;
	text-align: left;
}
#PageNaslov {
	height:30px;
	text-align: left;
	font-weight: bold;
}
.Pasus {
/*
	background:#FFFFFF url(../../images/psCrvenaCrta.gif) top left repeat-x;
	background:#FFFFFF url(../../images/bgPageSubFooter.gif) top left repeat-x;
	background:#FFFFFF url(../../images/bgPasus.gif) top left repeat-x;
*/
	background:#FFFFFF url(../../images/bgPasusMali.gif) top left repeat-x;
	background-color: #eaeaea;
	height:35px;
	height:16px;
	vertical-align: middle;
	font-weight:bold;
}
.PasusPrazno {
	height:15px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	HOME PAGE FEATURE AREA
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.feature-area {
	background-color:#6799D1;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	IMAGES & PHOTOS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img {
	border:none;
	}

.ref-img {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	margin-right:20px;
	display:block;
	width: 100px;
	height:100px;
	float : left;
}

.photo-border {
	border:1px solid #cecece;
	padding:4px;
	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;
	margin-bottom:5px;
	display:block;
}

.photo-float-left {
	float:left;
	margin-right:10px;
	}

.image-border-none {
	border:none;
}





/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	MISC CLASSES
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.news-date {
	font-size:0.9em;
	font-style:italic;
	color:#A4A4A4;
}

.arrow {
	vertical-align:middle;
	}

input.button-big {
	font-weight:bold;
	padding:.7em 1.5em;
	font-size:1.1em;
	vertical-align:bottom;
	}

input.button-small {
	font-weight:normal;
	padding:.4em 1em;
	font-size:.8em;
	vertical-align:bottom;
	}

.clear {
	clear:both;
	}

.none {
    display:none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Grid View
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
.GridView
{
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	width: 100%;
	border: solid 0px #aaaaaa;
	border-collapse: collapse;
}
.GridView_Selected
{
	background-color: #ffffcc;
}
.GridView_Row
{
	background-color: #f1f1f1;
	background-color: #f5f5f5;
	font-size: 8pt;
}
.GridView_AlternatingRow
{
	background-color: #dadada;
	background-color: #eaeaea;
	font-size: 8pt;
}
.GridView_Header
{
	background-color: #99ccff;
	background-color: #ffcc99;
	background-color: #FFF799;
	background-color: #FFE199;
	background-color: #dd1b21;
	text-align:left;
	font-size:10pt;
	background-image: url('images/CrtaGrid.gif');
	background-repeat: repeat-x;
	height: 22px;
	vertical-align: middle;
	font-size: 8pt;
}
.GridView_HeaderDod
{
	background-color: #99ccff;
	background-color: #ffcc99;
	background-color: #FFF799;
	background-color: #FFE199;
	text-align:left;
	font-size:10pt;
	height: 22px;
	vertical-align: middle;
	font-size: 8pt;
}
.GridView_EmptyRow
{
	text-align:left;
	font-size:10pt;
	background-image: url('images/CrtaGrid.gif');
	background-repeat: repeat-x;
	height: 22px;
	vertical-align: bottom;
}
.GridView_Footer
{
	background-color: #bfbfbf;
}
.GridView_Pager
{
	background-color: #bfbfbf;
}
.GridView_Header2
{
	background-color: #99ccff;
	background-color: #ffcc99;
	background-color: #FFF799;
	background-color: #FFE199;
	text-align:left;
	font-size:8pt;
	height: 22px;
	vertical-align: middle;
}
.GridView_AlternatingRow2
{
/*
	background-color: #dadada;
*/
}

.GridView A 
{
	COLOR:white;
	text-decoration: none; 
}
.GridView A:visited
{
	COLOR:white;
	text-decoration: none; 
}

.GridView A:hover
{
	COLOR:yellow;
	text-decoration: none;
}
.teksttabela
{
color : #990000;
color : Black;
font-size :8pt;
text-align : left;	
/*margin-left:10px;*/
font-family: Verdana;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Menu a, .Menu a:link, .Menu a:visited {
	font-size: 10pt !important;
	
}
.Menu {
	color: #00608A;	
	color: #00407B;
	font-size: 10pt !important;
	font-family: arial !important;
	width: 190px;
	text-align: left;
}
.MenuStatic {
	font-size: 10pt !important;
	color: #00608A;	
	color: #00407B;
	color: #666666;
}
.MenuStaticItem {
	color: #00608A;	
	color: #00407B;
}
.MenuSelected {
	color: #00608A;	
	color: #00407B;
	font-weight: bold;
}
.MenuStaticHover {
	color: #00608A;	
	color: #00407B;
	background:url(images/arrow1.gif) no-repeat 2px 5px #AD9356;
	background:url(images/arrow1.gif) no-repeat 2px 5px #C3AB73;
}
.MenuDynamic {
	color: #00608A;	
	color: #00407B;
	background-color: #ad9356 !important;
	background-color: #c6aa73 !important;
	/*width: 180px;*/
	font-size: 14pt;
	border: solid 1px #555555;
	padding:3px 5px 0px 5px;
	z-index: 100;
}
.MenuDynamicItem {
	color: #00608A;	
	color: #00407B;
}
.MenuDynamicSelected {
	color: #00608A;	
	color: #00407B;
	font-weight: bold;
}
.MenuDynamicHover {
	color: #00608A;	
	color: #00407B;
	background:url(images/arrow1.gif) no-repeat 2px 5px #C3AB73;
	background:url(images/arrow1.gif) no-repeat 2px 5px #AD9356;
}



ul.AspNet-Menu li
{
    float: left !important;
    height: 1% !important;
	font-size: 9pt;
	color: Black;
	text-align: left;
	padding: 5px 5px 5px 40px;
	font-weight: bold;
}

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
    height: 1% !important;
	color: #666666;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: left !important;
}

/* Undoing rules used for IE7 and other browsers. */

ul.AspNet-Menu ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: visible !important;    
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible !important;    
}

/* Pre-IE7 rules used to avoid performance problems found when using the newer rules. */

ul.AspNet-Menu ul
{
    display: none;
}

ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li:hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul ul ul ul
{
    display: none;
}

ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li li li.AspNet-Menu-Hover ul
{
    display: block;
}

.AspNet-Menu-Horizontal ul.AspNet-Menu li li
{
    float: none;
}