/* BASIC SETTING */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,th,td,img
{	margin: 0;	padding: 0; font-family: Arial, Helvetica, sans-serif ;}
table {	border-collapse: collapse;	border-spacing: 0;}
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}
strong { font-weight: bold ;}
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal;}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clr { clear: both ;}
/* Login Page */
#wrapperPrijava { text-align: center ;}
.LoginPage { margin: 100 auto 0 auto; width: 320px; width: expression("290px");	padding: 10px 15px 10px 15px; border: 3px #0684e4 solid;	text-align: center;	background-color: #FFF;}
.LoginPage .BackLink A:link, .LoginPage .BackLink A:visited, .LoginPage .BackLink A:hover {	font-size: 11px; color: #696969; text-decoration: none;}
.LoginPage .BackLink A:hover {	text-decoration: underline;}
.LoginPage .BackLink SPAN {	color: #d6a513;}
.LoginPage .CommandButton:link, .LoginPage .CommandButton:visited, .LoginPage .CommandButton:hover { color: #000; text-decoration: underline;}
.LoginPage .ForgetLink { padding: 6px 0 0 0; text-align: center;}
.LoginPage .loginControl {	margin: 0 auto;}
.LoginPage .Normal {color: #666565;}
.LoginPage .NormalTextBox {	border: 1px #0684e4 solid;	background: url(images/BackMainMenu.gif) center left repeat-x; font-size: 12px;	color: #000; width: 250px;	padding: 1px 2px;}
.LoginPage .StandardButton { border-width: 0; color: #FFF; background-color: #0684e4; font-size: 11px; font-weight: bold; cursor: pointer;margin: 5px; padding: 2px 5px;}
.LoginPage .SubHead { font-weight: normal; font-size: 12px;	color: #565656;}
.LoginPage TD {	padding: 2px 0;}
.ControlPanel { width: 850px ; margin: 5px auto ;}
#container #Body { background: #fff ;}
/* END BASIC SETTING */

body { background: #73c8fa url(images/bodyBg.png) top left repeat-x ; font-size: 12px ;}
h1 { float: left ; display: block ; text-indent: -5000px ;}
.wrapper { width: 920px ; margin: 0 auto ; background: url(images/contentBg.gif) top left repeat-y ;}
#container { width: 920px ;  background: url(images/headerBg-trans.png) top left no-repeat ; }

#leftColumn { width: 219px ; float: left ; padding-left: 31px ;}
#rightColumn { width: 660px ; float: left ;}

.leftColumn { clear: both ; padding: 30px 0 ;}
.leftHeader a.link , .leftHeader a.link:link , .leftHeader a.link:visited , .leftHeader a.link:hover  { font-size: 11px ; color: #666 ; display: block ; width: 182px ; height: 21px ; padding: 8px 0 0 37px ; background: url(images/sideLinkBg.png) left top no-repeat ; cursor: pointer ;}
.leftHeader a.link:hover { text-decoration: none ; background-position: left bottom ; color: #59aee8 ;}

.rightHeader { height: 312px ;}
#mainNav { padding: 30px 0 0 60px ;}
#mainNav .link { display: block ; padding: 0px 0 0 20px ; background: url(images/linkLeft.gif) top left no-repeat ; cursor: pointer ; font-size: 11px ; font-weight: bold ; color: #000 ;}
#mainNav .link span { display: block ; padding: 24px 33px 14px 12px ; background: url(images/linkRight.gif) top right no-repeat ; cursor: pointer ; position: relative ;}
#mainNav .link:hover { text-decoration: none ;}
#mainNav .selectedL1 span , #mainNav .link:hover span { background: url(images/linkArrow.gif) top right no-repeat ;}

.rightHeader .imageHolder { clear: both ; width: 658px ; height: 200px ;}

.naslovna .rightHeader .imageHolder { background: url(images/headerImage.jpg) top left no-repeat ;}
.noLink .rightHeader .imageHolder { background: url(images/headerImage.jpg) top left no-repeat ;}

.imageHolder h2 { font: 24px "Myriad Pro" , Arial, Helvetica, sans-serif ; color: #fff ; padding: 23px 0 0 23px ;}
.imageHolder p { width: 350px ; font-size: 12px ; line-height: 20px ; color: #fff ; padding: 0 0 0 23px ;}

.mainContent { width: 625px ; padding: 20px 0 50px 20px ;}

#footer { clear: both ; height: 50px ; background: #73c8fa url(images/footerBg.png) top left no-repeat ; font-size: 11px ; font-weight: normal ; color: #364f6e ; padding: 30px 30px 30px 35px ;}
#footer .SkinObject { font-size: 11px ; font-weight: normal ; color: #364f6e ;}
#footer .copy {}
#footer .login { float: right ; margin-top: -15px ;}
#footer .login span { display: block ; float: left ; text-indent: -5000px ; width: 3px ;}

/* Stranica bez pod-linkova */

.noLink #sideNav { width: 100% ; height: 186px ; margin-top: 1px ; background: url(images/noLinkSkinLeft.jpg) top left no-repeat ;}