@charset "utf-8";
/* CSS Document */

body{
	background: #386396 url(../img/back01.jpg) no-repeat center top;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
p {
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
}
.redStar {
	color: #990000;
	font-size: 1.1em;
	font-weight: 700;

}
#header {
	margin-right: auto;
	margin-left: auto;
	width: 976px;
	margin-top: 33px;
	height: 88px;
	z-index: 1;
	background: url(../img/headerLogo.jpg) no-repeat;
	position: relative;
}
#header #menu {
	height: 88px;
	width: 700px;
	margin: 0px;
	position: relative;
	padding: 0px;
	left: 8px;
	float: left;
}
#headerMid {
	height: 49px;
	width: 976px;
	margin: 0px auto;
	padding: 0px;
	background: url(../img/headerMidLogo.jpg) no-repeat;
}
#header p {
	margin: 0px;
	padding: 24px 0px 0px 5px;
	float: left;
	color: #CCCCCC;
	font-weight: 700;
	text-align: center;
}
#header a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
#header a:hover {
	color: #00FFFF;
}


#body {
	width: 976px;
	margin-right: auto;
	margin-left: auto;
	background: url(../img/bodyRepeat.jpg) repeat-y;
	height: auto;
}
#contentHolder   {
	position: relative;
	width: 976px;
}


#contentHolder .left {
	width: 216px;
	height: auto;
	float: left;
	position: relative;
	margin-top: -10px;
}
#contentHolder .left a.leftIkonaLink {
	text-decoration: none;
}
#contentHolder .left img.leftIkonaPic {
	border-style: none;
}

#contentHolder .left img.first {
	margin-left: 0px;
	margin-top: -10px;
	position: relative;
	padding-left: 8px;
}
#contentHolder .left img {
	margin-left: 8px;
}
#contentHolder   .left   a.naslovLink {
	text-decoration: underline;
	font: 700 0.75em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .left   a:hover.naslovLink {
	color: #c0504d;
}
#contentHolder   .left   a.ostaliLink {
	text-decoration: none;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .left   a:hover.ostaliLink {
	color: #4f81bd;
}
#contentHolder   .left   a.ostaliLinkActive {
	text-decoration: none;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #FF6600;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .left   a:hover.ostaliLinkActive {
	color: #4f81bd;
}
#contentHolder .left ul {
	margin: 8px 0px 0px;
	padding: 0px 0px 16px 39px;
	list-style: none;
}
#contentHolder .left ul.dest {
	margin: 8px 0px 0px;
	padding: 0px 0px 8px 39px;
	list-style: none;
}

#contentHolder .left ul li.naslovNula{
	list-style: url(../img/arrowGreen.gif) none;
	margin: 0px 0px 0px;
	padding: 0px;
}

#contentHolder .left ul li.naslov{
	list-style: url(../img/arrowGreen.gif) none;
	margin: 0px 0px 8px;
	padding: 0px;
}

#contentHolder .left ul li.ostali{
	list-style: url(../img/arrowGreen.gif) none;
	margin: 0px;
	padding: 0px;
	background: url(../img/arrowGreenLine.gif) no-repeat;
	width: 156px;
	height: 20px;
}
#contentHolder .left form {
	width: 170px;
	margin: 10px 0px 10px 25px;
	padding: 0px;
}
#contentHolder .left form select {
	padding: 0px;
	margin: 0px 0px 8px;
	font: 0.75em Arial, Helvetica, sans-serif;
	color: #666666;
	cursor: hand;
	cursor: pointer;
	width: 170px;
}
#contentHolder .left form .selestDest {
	width: 170px;
}
#contentHolder .middle {
	border-style: none;
	float: left;
	height: auto;
	width: 567px;
	position: relative;
	margin-top: -3px;
}

#contentHolder .middle img {
	border-style: none;
}

#contentHolder .middle h2 {
	font-weight: normal;
	color: #386396;
	padding: 0px;
	margin: 0px 0px 0px 14px;
}
#contentHolder      .middle      p.naslov   {
	color: #CC6600;
	font-size: 0.9em;
	font-weight: 700;
	background: url(../img/arrowGreen01.jpg) no-repeat;
	text-indent: 9px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#contentHolder      .middle      p.naslovNews   {
	color: #CC6600;
	font-size: 0.9em;
	font-weight: 700;
	background: url(../img/arrowRedNews.jpg) no-repeat;
	text-indent: 9px;
	margin: 0px 0px 10px;
	padding: 0px;
}
#contentHolder .middle p.subtitleMain {
	margin: -17px 0px 0px 15px;
	padding: 0px;
	font-size: 0.7em;
	color: #999999;
}
#contentHolder  .middle   h5  {
	margin: 8px 0px 0px;
	padding: 0px;
	color: #666666;
	font: 700 0.9em/14px Arial, Helvetica, sans-serif;
}
#contentHolder  .middle   p  {
	margin: 8px 0px 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #666666;
}
#contentHolder  .middle   p.introText  {
	margin: 0px 15px 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #666666;
}
#contentHolder  .middle   p.introTextDest  {
	margin: 16px 15px 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #666666;
}
#contentHolder  .middle   p.introTextBookOther  {
	margin: 0px 15px;
	padding: 0px;
	font-size: 0.8em;
	color: #666666;
}
#contentHolder  .middle   p.introTextBook  {
	margin: 22px 15px 8px;
	padding: 0px;
	font-size: 0.9em;
	color: #666666;
}
#contentHolder  .middle   p.introTextDestD  {
	margin: 0px 15px 0px;
	padding: 0px;
	font-size: 0.8em;
	color: #666666;
}
#contentHolder  .middle  a  {
	color: #0066FF;
	text-decoration: none;
	margin-left: 0px;
}
#contentHolder  .middle  a:hover  {
	color: #003366;
}
#contentHolder  .middle  a.more  {
	color: #0066FF;
	text-decoration: none;
	margin-left: 5px;
}
#contentHolder  .middle  a:hover.more  {
	color: #003366;
}
#contentHolder   .middle   a.naslovA  {
	color: #CC6600;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#contentHolder   .middle   a:hover.naslovA  {
	color: #666666;
}
#contentHolder   .middle   a.naslovANews  {
	color: #666666;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}
#contentHolder   .middle   a:hover.naslovANews   {
	color: #333333;
}
#contentHolder .middle .leftBox {
	width: 261px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
#contentHolder .middle .rightBox {
	width: 261px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#contentHolder .middle .rightBoxSolo {
	width: 261px;
	float: left;
	margin: 0px;
	padding: 17px 0px 0px 15px;
}
#contentHolder .middle .leftBoxNews {
	width: 261px;
	margin: 0px;
	padding: 10px 0px 0px 15px;
	float: left;
	position: relative;
}
#contentHolder .middle .rightBoxNews {
	width: 261px;
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 15px;
	position: relative;
}
#contentHolder .middle .podlogaNews {
	background: #E8EFDA repeat-y;
	width: 568px;
	height: auto;
	padding-bottom: 10px;
}
#contentHolder .middle  #helpNews {
	position: relative;
}
#contentHolder .middle .leftBoxSmall {
	width: 169px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
#contentHolder .middle .middleBoxSmall {
	width: 169px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	float: left;
}
#contentHolder .middle .rightBoxSmall {
	width: 169px;
	float: left;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

#contentHolder .middle .book {
	width: 567px;
	padding-right: 15px;
	padding-left: 15px;
}
#contentHolder .middle form {
	width: 567px;
	margin-top: 20px;
}
#contentHolder .middle label {
	color: #386396;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
#contentHolder .middle dl {
	margin: 0px;
	padding: 0px;
}
#contentHolder .middle dd {
	margin: 0px;
	padding: 0px;
}

#contentHolder .middle dt {
	margin: 8px 0px 0px;
	padding: 0px;
}
#contentHolder   .middle   input  {
	margin: 0px;
	padding: 0px;
	width: 300px;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	height: 18px;
}
#contentHolder   .middle   select {
	color: #999999;
}
#contentHolder .middle .buttBook {
	width: 60px;
	margin-top: 10px;
	height: 26px;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}














#contentHolder .right {
	float: right;
	width: 191px;
	position: relative;
	height: auto;
}
#contentHolder .right img {
	margin: 0px;
	padding: 0px;
	border-style: none;
}
#contentHolder .right img.titlesFirst {
	margin: 16px 0px 0px;
	padding: 0px;
	border-style: none;
}
#contentHolder .right img.titles {
	margin: 0px 0px 0px;
	padding: 0px;
	border-style: none;
}
#contentHolder .right form {
	width: 150px;
	margin: 16px 0px 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
#contentHolder .right form dl {
	margin: 0px;
	padding: 0px;
}
#contentHolder .right form dd {
	margin: 0px;
	padding: 0px;
}

#contentHolder .right  form input {
	width: 150px;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
#contentHolder .right form .buttSearch {
	margin: 10px 0px 0px 56px;
}
#contentHolder   .right   a.naslovLink {
	text-decoration: none;
	font: 700 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .right   a:hover.naslovLink {
	color: #0066FF;
}
#contentHolder   .right   a.ostaliLink {
	text-decoration: none;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .right   a:hover.ostaliLink {
	color: #333333;
}
#contentHolder   .right   a.ostaliLinkGo {
	text-decoration: none;
	font: 0.8em Arial, Helvetica, sans-serif;
	color: #4f81bd;
	margin: 0px;
	padding: 0px;
}
#contentHolder   .right   a:hover.ostaliLinkGo {
	color: #666666;
}
#contentHolder .right ul {
	margin: 8px 0px 0px;
	padding: 0px 0px 7px 15px;
	list-style: none;
}

#contentHolder .right ul li.naslov{
	margin: 0px 0px 8px;
	padding: 0px;
	list-style: none;
}

#contentHolder .right ul li.ostali{
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 156px;
}



#foot {
	background: url(../img/footer.jpg) no-repeat;
	height: 36px;
	width: 976px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 33px;
}
#foot p.rights {
	float: left;
	padding-left: 17px;
	color: #CCCCCC;
	margin: 0px;
	padding-top: 15px;
	font-size: 0.7em;
}
#foot p.innundo {
	float: right;
	font-size: 0.7em;
	margin: 0px;
	padding: 15px 17px 0px 0px;
}
#foot .innundo a {
	text-decoration: none;
	color: #203855;
}



.clearBoth00 {
	width: 900px;
	height: 20px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	position: relative;
}
.clearBoth01 {
	background: url(../img/linijaNaslov.gif) no-repeat;
	text-align: center;
	width: 537px;
	height: 20px;
	margin: -2px auto 0px;
	padding: 0px;
	clear: both;
}
.clearBoth02 {
	background: url(../img/linijaBoxSeparate.jpg) no-repeat;
	width: 537px;
	height: 38px;
	padding: 0px;
	clear: both;
	margin: 0px auto;
}
.clearBoth03 {
	width: 560px;
	height: 20px;
	padding: 0px;
	clear: both;
	margin: 0px auto;
}
.clearBoth03a {
	width: 560px;
	height: 20px;
	padding: 0px;
	clear: both;
	margin: 0px auto;
}

/*fixanje float unutar diva*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE5/Mac \*/
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
.noMouse {
	cursor: default;
}