body, html {
/*	font-family: arial, verdana, helvetica, monospace;*/
	height:100%;
	margin:0;
	padding:0;
	font-size:13pt;
}
h2 {
	font-size:11.0pt;
	color:#02D97C;
}
h3
{
	text-decoration: normal;
	font-size: 13pt;	
	text-transform:uppercase;
}
h4
{
	text-decoration: normal;
	font-size: 12pt;	
}
div 
{
/*
	-moz-box-sizing:border-box;
	box-sizing:border-box;
*/
	margin:0;
	padding:0;
}
.bold {
	font-weight:bold;	
}
hr {
	height: 1px;
}
#Box {
	margin: 0px 10px 10px 15px;
}
#BoxTop {
	background:url(../../images/bgbTop.png) top left repeat-y;
	height: 5px;
}
#BoxMid {
	background:url(../../images/bgbMid.png) top left repeat-y;
	min-height: 670px;
	min-height: 780px;
	height: 100%;
	width: 540px;
	padding: 5px 10px 5px 10px;
}
#BoxBottom {
	background:url(../../images/bgbBottom.png) top left repeat-y;
	height: 5px;
}
#BoxTopR {
	background:url(../../images/bgbTop.png) top right repeat-y;
	height: 5px;
}
#BoxMidR {
	background:url(../../images/bgbMid.png) top right repeat-y;
	height: 500px;
	padding: 5px 10px 5px 10px;
}
#BoxBottomR {
	background:url(../../images/bgbBottom.png) top right repeat-y;
	height: 5px;
}
#pKontakt {
	padding: 5px 10px 10px 10px;
}
#pUizradi {
	text-align: center;
	color:#02d97c;
	font-weight: bold;
	font-size:10pt;
}
#pNaslov {
	color:#02d97c;
	font-weight: bold;
	font-size:13pt;
	margin-bottom: 5px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Page header
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.bgLeftTop {
	float: left;
	width: 2px;
	height: 100%;
	background:url(../../images/bgLeft.jpg) top right repeat-y;
/*	margin-top: 34px;*/
	margin-top: 0px;
}
.bgRightTop {
	float: right;
	width: 2px;
	height: 100%;
	background:#FFFFFF url(../../images/bgRight.jpg) top left repeat-y;
/*	margin-top: -126px;*/
	margin-top: -141px;
}
#bgLeftBody {
	float: left;
	width: 2px;
	height: 100%;
	background:#FFFFFF url(../../images/bgLeft.jpg) top right repeat-y;
}
#bgRightBody {
	float: right;
	width: 2px;
	height: 100%;
	background:#FFFFFF url(../../images/bgRight.jpg) top left repeat-y;
}
#PageHeaderTop {
	width:780px; /*780-10-10*/
	background:#FFFFFF url(../../images/bgTop.jpg) top left;
	vertical-align:bottom;
	text-align:left;
	height: 27px; /*27-5-5*/
	color: #666666;
	font-family: Verdana,Arial;
	font-size: 8pt;
	font-weight: bold;
	margin-left:auto;
	margin-right:auto;
/*	display: table;*/
}
#PageHeaderTop a:link, #PageHeaderTop a:visited, #PageHeaderTop a:active {
	color:#666666;
}
#PageHeaderTop a:hover {
	color:#00608a;
	color:#02d97c;
}
.miTopL {
/*	width: 80px; /*90-10-10*/
	padding: 4px 10px 5px 10px;
	height: 17px; /*27-5-5*/
	float: left;
	text-align: center;
}
.miTopR {
	width: 80px; /*90-10-10*/
	padding: 4px 10px 5px 10px;
	height: 17px; /*27-5-5*/
	float: right;
	text-align: center;
}
.miTopSepL {
	width: 2px; /*90-10-10*/
	background-image:url(../../images/mRazmak.png);
	float: left;
	height: 27px;
}
.miTopSepR {
	width: 2px; /*90-10-10*/
	background-image:url(../../images/mRazmak.png);
	float: right;
	height: 27px;
}
#PageHeader {
	height:221px;
	margin-left:auto;
	margin-right:auto;
	color:#999999;
	font-size:.85em;
	position:relative;
	width:100%;
	width:784px;/*980+20+20*/
/*	background:#FFFFFF url(../../images/bgTop.jpg) top left;*/
	vertical-align:bottom;
	text-align:left;
	}
#PageHeaderMid 
{
	width:784px;
	height: 194px;
	margin-left:auto;
	margin-right:auto;
}
html>body #PageHeaderMid {overflow:hidden;}

#HeaderMid {
	float:left;
	background:#FFFFFF url(../../images/bgHeader.jpg) top;
	width:780px;
	height: 114px;
}
#HeaderSub {
	float:left;
	background:#FFFFFF url(../../images/bgSubHeader.jpg) top;
	width:780px;
	height: 80px;
}
#Logo {
	width: 195px;
	float:left;
}
#MenuLeft {
	padding: 5px 10px 15px 15px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Content2c {
	margin-left:auto;
	margin-right:auto;
	background-color: #F6F6F6;
	background-color: #E7E3E7;
	width:784px;
/*
	min-height: 100%;
	min-height: 338px;
	height: 100%;
	height: auto;
	display:table;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	margin-left:-2px;
	margin-left:-2px;
	border:1px solid #818181;
	background:url(../../images/bg-three-column-main.png) repeat-y;
	background-color:Red;
	overflow:hidden;
*/
}
html>body #Content2c {overflow:hidden;}

#Content2c-main {
	width:590px;
	float:left;
	height: 100%;
	background:#E7E3E7 url(../../images/bgBody1.jpg) top left repeat-y;
	margin: 10px 10px 0px 0px;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
	}

#Content2c-left {
	font-size:.9em;
	width:160px;
	float:left;
	height: 100%;
	background-color: #E7E3E7;
	margin: 10px 10px 0px 5px;
	}
	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FOOTER
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageFooter {
/*
	background:#608fc8 url(../../images/psPageFooter1.gif) top;
*/
	background:#BBBBBB url(../../images/bgFooter.jpg) bottom;
	background:#747474 url(../../images/bgFooter.jpg) bottom;
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:784px;
	height:40px;
	color:#636f71;
	color:#CCCCCC;
	font-family: Verdana,Arial;
	font-size:8pt;
	text-align:center;
	vertical-align: bottom;
	padding: 2px 0px 0px 0px;
	clear: both;
}
#PageFooter div {
	position:relative;
}
#PageFooter a:link, #PageFooter a:visited, #PageFooter a:hover, #PageFooter a:active {
	color:#EEEEEE;
}

#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;
	background-color:Yellow;
	height: 100%;
*/
	min-height: 500px;
	height: 100%;
	/*padding: 7px 15px 7px 15px;*/
	width:780px; /*-30px*/
	vertical-align: top;
	text-align: left;
	display:block;
	background:#e6e6e6 url(../../images/bgBody1.jpg) top left repeat-y;
	color: #02d97c;
	color: #EEEEEE;
	margin-left:auto;
	margin-right:auto;
}

















input{
   color:#444444;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:normal;
   background-color:#f0f0f0;
   background-color:#ffffff;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   border-top-color:#BBBBBB;
   border-left-color:#BBBBBB;
   border-right-color:#999999;
   border-bottom-color:#999999;
}
textarea{
   color:#444444;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:normal;
   background-color:#f0f0f0;
   background-color :#ffffff;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   border-top-color:#BBBBBB;
   border-left-color:#BBBBBB;
   border-right-color:#999999;
   border-bottom-color:#999999;
}
select{
   color:#444444;
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-weight:normal;
   background-color:#f0f0f0;
   background-color :#ffffff;
   background-color:#dddddd;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   border-top-color:#BBBBBB;
   border-left-color:#BBBBBB;
   border-right-color:#999999;
   border-bottom-color:#999999;
} 

.TextPasus {
	background:#BBBBBB url(../../images/bgFooter.jpg) bottom;
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	height:20px;
	position:relative;
	color:#636f71;
	font-family: Verdana,Arial;
	font-size:8pt;
	text-align:center;
	vertical-align: bottom;
	padding: 5px 0px 0px 0px;
	clear: both;
	font-weight: bold;
}
#bgLeftFooter {
	float: left;
	width: 2px;
	height: 20px;
	background:url(../../images/bgLeft.jpg) top right repeat-y;
}
#bgRightFooter {
	float: right;
	width: 2px;
	height: 20px;
	background:#FFFFFF url(../../images/bgRight.jpg) top left repeat-y;
}

h6 {
	text-align: center;
}
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%;
	background:#7F7F7F url(../../images/bgTop1.jpg) top left repeat-x;
}
img {
/*
	max-width: 580px;
	max-width: 640px;
*/
	border: 0;
}
#PageNaslov {
	height:39px;/*44px;*/
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	background:#FFFFFF url(../../images/bgNaslov.jpg) top left;
	color: White;
	padding-top:5px;
}
#PageNaslov2 {
	height:28px;/*44px;*/
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	background:#FFFFFF url(../../images/bgNaslov2.jpg) top left;
	color: White;
	padding: 16px 0px 0px 40px;
}
.PageNaslovLeft {
	height: 37px; /*43px;*/
	width: 160px;/*195px;*/
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	background:#FFFFFF url(../../images/bgNaslovLeft.jpg) top left;
	padding: 6px 0px 0px 35px;
}
.PageNaslovLeftBody {
	width: 185px;/*195px*/
	font-size: 8pt;
	text-align: left;
	margin-top: -5px;
	padding: 0px 5px 10px 5px;
}
.PageNaslovRight {
	height: 32px;/*38px;*/
	width: 158px;/*195px;*/
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	background:#FFFFFF url(../../images/bgNaslovRight.jpg) top left;
	padding: 6px 0px 0px 37px;
}
.PageNaslovRightBody {
	width: 185px;/*195px*/
	font-size: 8pt;
	text-align: left;
	padding: 0px 5px 10px 5px;
}

#LogoTop {
	margin-left: -1px;
	width: 195px;
	float:left;
}
#MenuTop {
	float:right;
	width:785px;
	height: 33px;
	vertical-align: middle;
	padding-top: 10px;
}
#MenuTop a {
	font-size: 8pt;
	text-decoration: underline;
}
#Logo a {
	color:#4A6BB3;
	text-decoration:none;
	}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PAGEMENU
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#PageMenuUp {
	color:#999999;
	font-size:.85em;
	position:relative;
	width:100%;
	width:785px;
	height:37px;
	background:#FFFFFF url(../../images/bgMenuUp.jpg) top left;
	vertical-align:bottom;
	text-align:left;
}
#PageMenuLeft {
	background-color:#e1e1e1;
	background-color:#FFFFFF;
	font-size: 8pt;
	font-family: Verdana;
	vertical-align:top;
	background:url(../../images/bgMenuLeft.jpg) no-repeat left top;
	height: 100%;
	height: 201px;
	height: auto;
	color: Black;
	padding: 0px 0px 10px 10px;
/*
	padding: 35px 0px 0px 25px;
	margin: 0px 0px 0px 0px;
*/
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	LINKS
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
a:link {
	color:#d61719;
	color:#00608a;
	text-decoration:none;
	font-size: 9pt;
}
#PageMenuLeft a:link {
	color:#d61719;
	color:#00608a;
	text-decoration:none;
	font-size: 12pt;
}
.Menu a:link {
	color:#d61719;
	color:#00608a;
	text-decoration:none;
	font-size: 12pt;
}
.Menu a {
	color:#d61719;
	color:#00608a;
	text-decoration:none;
	font-size: 12pt;
}


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

a:hover {
	text-decoration:none;
}

a:active {
	color:#980000;
	color:#00608a;
	font-weight:bold;
}
.LinkVise a:link {
	font-size: 7pt;	
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	CONTENT CONTAINER - TWO COLUMN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#Content2cb {
	margin-left:auto;
	margin-right:auto;
	width:785px;
	background-color: #FFFFFF;
	min-height: 600px;
	height: 100%;
	background:url(../../images/bgContentRight.jpg) repeat-y right;
	padding-bottom: 32767px;
	margin-bottom: -32767px;
/*
	clear:both;
	border:1px solid #818181;
	background:url(../../images/bg-three-column-main.png) repeat-y;
	background-color:Red;
*/
	}

#Content2cb-main {
	width:590px;
	float:left;
	min-height:600px;
	height: 100%;
	}

#Content2cb-right {
	font-size:.9em;
	width:195px;
	float:right;
/*	background:url(../../images/bgContentRight.jpg) repeat-y;*/
	min-height:600px;
	height: 100%;
	}
	
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Menu {
	color: #00608A;	
	font-size: 9pt;
}
.MenuStatic {
	color: #00608A;	
}
.MenuStaticItem {
	color: #00608A;	
}
.MenuSelected {
	color: #00608A;	
	font-weight: bold;
}


a.ovalbutton{
background: transparent url('../../images/bMenuButton.jpg') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 30px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
text-align: center;
font-weight: bold;
width:135px;
padding-top: 2px;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949;
color: #888888;
}

a.ovalbutton span{
background: transparent url('../../images/bMenuButtonRight.jpg') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ 
background-position: bottom left;
color: #555555;
}

a.ovalbutton:hover span{ 
background-position: bottom right;
color: black;
color: #555555;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
width: 160px;
font: normal 12px Tahoma; 
}