@charset "utf-8";
#pageWrap { margin: 100px auto; width: 920px; position:relative; }
body { margin: 50px 10px; background: white none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-family: Helvetica,Arial,sans-serif; font-size: 11px; font-weight: bold;  }
.doCorners {
	padding: 20px 15px;
	background: #d7232a none repeat scroll 0% 0%;
	color: rgb(221, 221, 221);
	
}
#footir{
	margin: 630px auto auto; width:800px; position: absolute;  
}
a.blk_button { padding: 5px 10px; background: #d7232a none repeat; color: rgb(255, 255, 255); font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: 12px; font-size-adjust: none; font-stretch: normal; }
a.blk_button:hover { background: #cdcdcd none repeat; color: rgb(255, 255, 255); }
/*moje - framework*/

#gornjitab {
	position: absolute;
	left: 774px;
	width: 115px;
	height: 35px;

margin-right: 64px: margin-left: auto; 		top:-35px;
}
#desnitab {
	position: absolute;
	left: 910px;
	width: 31px;
	height: 114px;

margin-right: 64px: margin-left: auto; 							top:39px;
}
#lijevitab {
	position: absolute;
	left: -29px;
	width: 31px;
	height: 114px;
margin-right: 64px: margin-left: auto; 											top:374px;
}
#main {
	margin-top: 35px;
	width:633px;
	
	margin-right: 12px;
	height: 551px;
	top: -35px;
	right: -2px
}
#navbox {
	position: absolute;
	margin-right: 12px;
	height: 551px;
	top: 25px;
	left: 2px;
	z-index: 150;
	background-image: url(graf/nav_box_blank.png);
	width: 237px;
	height: 459px;
	visibility: visible;
}

/*subelementi - naslovna*/
#timebox {
position: absolute;
top: 35px;
left: 35px;
	font-size: 25px;
	font-weight: bold;
	color: #000;
	width: 176px;
	border-bottom: 1px solid #000;
	padding-bottom: 0px;
}
#timebox2 {
position: absolute;
top: 284px;
left: 35px;
line-height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 176px;
	border-bottom: 1px solid #000;
	padding-bottom: 20px;
	padding-top: 0px;
	text-align: left;
	height: 90px;
}
#timebox3 {
position: absolute;
top: 423px;
left: 35px;
line-height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	width: 176px;
	text-align: left;
	padding-bottom: 20px;
	
}
#sredisnjica {
	position: absolute;
	left: 250px;
	border-left: 1px solid #000;
	height: 525px;
	top: 35px;
	width: 412px;
	
}
#videomain{
	background-color: #d7232a;
	height:219px;
	width: 80%;
	border-bottom: 1px solid #000;
	text-align: center;
	margin: auto;
}
#citati {
position: absolute;
top: 220px;
padding-top: 29px;
	
   width: 80%;
	border-bottom: 1px solid #000;
	left: 40px;
	margin: auto;
	height: 109px;
	overflow: hidden;
}
#citati2 {
position: absolute;
top: 357px;
padding-top: 29px;
	
   width: 80%;
	
	left: 40px;
	margin: auto;
	height: 109px;
	overflow: hidden;
}
#citatx {
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-align: left;
}
.potpis{
position: relative;
margin-top: 2px;
right: 0px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	width: 100%; 
	text-align: left;
	display: block;
}
/*orig*/
ul, p, blockquote { margin: 0pt; padding: 0pt;  }
ul { margin: 0pt 0pt 0pt 25px; }
blockquote { margin: 0pt 0pt 0pt 15px; }


h1, h2, h3, h4, h5, h6 { margin: 0pt 0pt 20px; font-size: 20px; }
h2 { margin: 0pt; font-weight: normal; }

a { color: #fff; text-decoration: none; }

.docsContent { margin: 15px 30px 12px; padding: 15px; background: rgb(243, 243, 243) none repeat scroll 0% 0%; color: rgb(0, 0, 0); line-height: 1.6; }
pre { margin: 0pt; }
.comm { color: rgb(136, 136, 136); }
.btnHide { display: none; }
.btnShow, .btnHide { text-decoration: underline; }
#advanced1 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#advanced1 .dcContent { padding: 48px 14px 14px; position: relative; }
#advanced1 .dcbottom-right { cursor: pointer; }
#advanced2 { margin: 0pt auto; padding: 17px 5px 5px; width: 450px; }
#advanced2 .dcContent { padding: 43px 14px 14px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
#advanced2 .heading { position: absolute; top: 23px; left: 50%; margin-left: -69px; z-index: 2; }
#advanced3 { background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: inline-block; text-align: left; }
#advanced3 .dcBeak { position: absolute; top: 20%; left: -54px; z-index: 3; }
.col { float: left; }
.listing { margin-bottom: 1.5em; }
.twoCol .col { width: 50% ! important; }
.threeCol .col { width: 33.2%; }
.fourCol .col { width: 25%; }
.clr { clear: both; }
.versionNumber strong { line-height: 23px; }
#preDownloader { border: 1px solid red; display: none; }
#preDownloader .dcContent { position: relative; z-index: 2; }
#preDownloader .dcContent h1 { font-size: 22px; }
a { cursor: pointer; }
.dCorner { position: relative; }
.dcItem { position: absolute; display: none; }
.dcItem img { width: 100%; height: 100%; }
.dctop, .dcbottom { left: 0px; }
.dctop, .dctop-left, .dctop-right { top: 0px; }
.dcbottom, .dcbottom-left, .dcbottom-right { bottom: 0px; }
.dcleft, .dcright { top: 0px; }
.dcleft, .dctop-left, .dcbottom-left { left: 0px; }
.dcright, .dctop-right, .dcbottom-right { right: 0px; }

/*slideshow*/
.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel { font-family: Verdana,Tahoma,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; }
.slideshow { border: 0pt none ; padding: 0pt; position: relative; display: none; z-index: 1; }
.slideshow-content { padding: 0pt; overflow: hidden; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51); position: relative; z-index: 1; }
.slideshow-content p { padding: 0pt ! important; overflow: auto; }
.slideshow-content img { border: 0pt none  ! important; padding: 0pt ! important; }
.slideshow-slide { display: none; position: absolute; }
.slideshow-fullscreen { border: 0pt none ; padding: 0pt; overflow: hidden; position: absolute; top: 0pt; left: 0pt; }
.slideshow-label-place, .slideshow-panel-place { border-color: transparent; border-width: 1px 0pt; background: transparent none repeat scroll 0% 0%; }
.slideshow-label-place { padding: 0pt; position: absolute; top: 0px; left: 0px; z-index: 100; height: 30px; }
.slideshow-label { z-index: 101; color: rgb(255, 255, 255); width: 100%; height: 100%; line-height: 30px; text-indent: 8px; font-weight: bold; }
.slideshow-panel-place { padding: 0pt; position: absolute; bottom: 0px; left: 0px; z-index: 100; height: 26px; }
.slideshow-panel { z-index: 101; width: 100%; height: 100%; }
.slideshow-panel a.button { border: 1px solid transparent; overflow: hidden; display: block; width: 24px; height: 24px; float: left; text-indent: -99999%; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0pt; background-image: url('buttons.png'); background-repeat: no-repeat; }
.slideshow-panel a.button:hover { border: 1px solid rgb(119, 119, 119); }
.slideshow-panel a.first { background-position: 0pt 0pt; }
.slideshow-panel a.prev { background-position: -24px 0pt; }
.slideshow-panel a.play { background-position: -48px 0pt; }
.slideshow-panel a.stop { background-position: -72px 0pt; }
.slideshow-panel a.next { background-position: -96px 0pt; }
.slideshow-panel a.last { background-position: -120px 0pt; }
.slideshow-panel a.help { position: relative; background-position: -144px 0pt; }
.slideshow-panel span.counter { padding: 0pt 4px; float: right; display: block; font-weight: 700; color: rgb(255, 255, 255); height: 24px; line-height: 24px; }
.slideshow-help { position: absolute; bottom: 26px; left: 0px; z-index: 101; background-color: rgb(255, 255, 153); display: none; opacity: 0.9; width: 100%; }
.slideshow-frame div { background: transparent url('big-play.png') no-repeat scroll 50% 50%; position: absolute; top: 0px; left: 0px; z-index: 201; cursor: pointer; width: 100%; height: 100%; }
.slideshow-load { display: none; }
.slideshow-load div { background: transparent url('ajax-loader.gif') no-repeat scroll 50% 50%; position: absolute; top: 0px; left: 0px; z-index: 201; cursor: pointer; width: 100%; height: 100%; }
.slideshow-shadow { position: absolute; top: 0px; left: 0px; z-index: 200; width: 100%; height: 100%; }
.slideshow-opacity { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%; }

/*list*/
#navcontainer { width: 200px; margin-top: 220px; margin-left: 21px; }

#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
}

#navcontainer a
{
display: block;
padding: 8px 0 8px;
width: 160px;
background-color: White;
border-top: 1px solid #000;
}

#navcontainer a:link, #navlist a:visited
{
color: #d7232a;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #F8E9E9;
color: #d7232a;
}
#klikoverlay
{
	cursor: pointer; position: absolute; left:20px; z-index: 500; width: 220px;  height: 550px;
}