/* Start of CMSMS style sheet 'os-koteks' */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#tooltipwrapper{
width:423px;
float:right;
position:relative;
}

#t-tip{
float:left;
width:101px;
height:41px;
background:url(images/tooltip/tip.jpg) no-repeat;
position:absolute;
left:-93px;
top:15px;
text-indent:-9999px;
z-index:2;
}

#t-top{
display:inline; overflow:hidden;
float:left;
width:423px;
height:4px;
background:url(images/tooltip/top.jpg) no-repeat;
text-indent:-9999px;
}
#t-con{
float:left;
width:383px;
padding:20px 20px 35px; overflow:hidden; position:relative;
background:url(images/tooltip/body.jpg) repeat-y;
}

#t-btm{
float:left;
width:423px;
height:10px;
background:url(images/tooltip/bottom.jpg) no-repeat;
text-indent:-9999px;
}

p, li, a, span, #header-meni h3, form{
font: 0.9em/1.4 Arial, Helvetica, sans-serif;
}
h2, h3{
font: 1.6em/1.4 Arial, Helvetica, sans-serif;
padding-bottom:10px;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

/* general styles */

table, td{
	font:90% Arial, Helvetica, sans-serif; 
}
table{width:100%;border-collapse:collapse;margin:1em 0;}
th, td{text-align:left;padding:.5em;border:1px solid #fff;}
th{background:#284a91;color:#fff;}
td{background:#cecece;}

/* tablecloth styles */

tr.even td{background:#e2e2e2;}
tr.odd td{background:#f2f2f2;}

#site-wrapper{
  width:960px;
  margin:0 auto;
}
#header{
  width:960px;
  height:215px;
  float:left;
  margin:10px 0;
}
#header-logo a{
  display: block;
  float: left;
  margin-right:8px;
  width: 156px;
  height: 218px;
  text-indent:-9999px;
  background:url(images/osijek-koteks-logo.jpg) no-repeat;
}
#header-banner{
  float:left;
  width:796px;
  height:155px;
  overflow:hidden;
}
#header-slider, #header-meni{
float:left;
width:796px;
height:45px;
background:url(images/top-slider.jpg);
margin-top:10px;
position:relative;
}
#header-meni{
background:transparent;
}
#header-meni li{
float:left;
width:150px;
height:45px;
background:#0054A6 url(images/header-meni-bg2.jpg) repeat scroll 0 0;
overflow:hidden;
display:block;
margin:0 7px 0 0;
}
#header-meni li.currentpage{
background-position:0 -45px;
}
#header-meni a, #header-meni h3{
float:left;
color:#fff;
padding:5px 10px;
font-weight:bold;
}
#header-meni dfn{
display:none;
}
#content-wrapper{
width:960px;
}
#content-leftcol{
float:left;
width:165px;
}
#search-box{
position:relative;
margin:2px 0 10px 0;
}
#txtsearch{
width:150px;
padding:5px 0;
}
#search-box img{
position:absolute;
border:0px none;
width:24px;
height:24px;
background:url(images/search-icon.jpg);
text-indent:-9999px;
right:15px;
top:3px;
}
#btnsearch{
display:none;
}
#master-nav{
width:128px;
background:#d1d2d3;
margin-bottom:20px;
}
#master-nav a{
text-transform:uppercase;
color:#fff;
text-decoration:none;
font-weight:bold;
}
#master-nav li a{
display:block;
padding:10px;
width:134px;
height:18px;
border:1px solid #fff;
background:url(images/left-menu-bg2.jpg);
}
#master-nav li a:hover{
background:url(images/left-menu-bg2.jpg) scroll 0 -38px;
color:#000;
}
.nav-child{
display:none;
}
#master-nav li li a{
background:#d1d2d3;
color:#000;
padding-left:20px;
width:124px;
font-weight:normal;
}
#master-nav li li a:hover{
background:#444;
color:#fff;
}
#master-nav li a.menuactive{
background:url(images/left-menu-bg2.jpg) scroll 0 -38px;
color:#000;
}
#master-nav li li a.menuactive{
background:#444;
color:#fff;
}
#master-nav li.menuparent ul{
display:none;
}
#master-nav li.menuactive ul{
display:block;
}

#content-rightcol{
float:left;
width:795px;
overflow:hidden;
display:inline;
position:relative;
}

#l1-c1{
float:left;
width:249px;
padding-right:25px;
text-align:justify;
}
#l1-c1 img{
border:1px solid #cccecf;
margin-top:20px
}
#l1-c2 img{
border:1px solid #cccecf;
margin-bottom:20px;
}
#l1-c2{
float:left;
width:520px;
text-align:justify;
}
#l1-c2 .paragraf-a{
float:left;
width:250px;
margin-right:20px;
}
#l1-c2 .paragraf-b{
float:left;
width:250px;
}


#l2-c1 img{
border:1px solid #cccecf;
margin-bottom:20px;
}

#l2-c1{
float:left;
width:520px;
text-align:justify;
margin-right:25px;
}
#l2-c1 .paragraf-a{
float:left;
width:250px;
margin-right:20px;
}
#l2-c1 .paragraf-b{
float:left;
width:250px;
}
#l2-c2{
float:left;
width:249px;
text-align:justify;
}
#l2-c2 img{
border:1px solid #cccecf;
margin-top:20px
}

#glavna-vijest{
width:796px;
height:392px;
margin-bottom:10px;
position:relative;
}
#male-vijesti{
float:left;
width:808px;

}
.male-vijesti-clanak{
float:left;
width:257px;
overflow:hidden;
position:relative;
border:1px solid #cccecf;
margin:0 9px 9px 0;
}

#cola{
float:left;
width:252px;
margin-right:19px;
}
#colb{
float:left;
width:252px;
margin-right:20px;
}
#colc{
float:left;
width:252px;
}
span.naslov{
color:#0054a6;
font-weight:bold;
}
#cola ul, #colb ul, #colc ul{
margin-bottom:20px;
}

a.glavna-naslov{
position:absolute;
top:10px;
left:10px;
font-size:2.5em;
color:#000;
text-decoration:none;
}
#glavna-vijest p{
position:absolute;
top:80%;
left:10px;
color:#fff;
}
#glavna-citaj {
position:absolute;
right:10px;
bottom:10px;
}
#glavna-citaj a{
text-decoration:none;
color:#fff;
}
#glavna-citaj a:hover{
text-decoration:underline;
}

#glavna-opacity{
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
background:#000;
width:796px;
height:100px;
position:absolute;
left:0px;
top:292px;
}

.mala-naslov, .mala-sazetak p, .mala-vise{
padding:5px;
}
.mala-naslov a{
text-decoration:none;
color:#000;
font-weight:bold;
}
.mala-sazetak p{
color:#939597;
}
.mala-sazetak img{
margin-bottom:20px;
width:257px;
height:133px;
}
.mala-vise a{
text-decoration:none;
font-size:.7em;
color:#000;

}
.mala-vise a:hover{
text-decoration:underline;
}

#footer{
clear:both;
display:block;
height:50px;
margin:0 auto;
padding:25px 0;
text-align:center;
width:960px;
}
#footer p{
font-size:.7em;
color:#939495;
}

.NewsSummary{
width:100%;
float:left;
border-bottom:1px solid #BBB;
margin:15px 0;
padding-bottom:20px;
}
.NewsSummaryLink a{
color:#000;
text-decoration:none;
font-size:1.2em;
}
.NewsSummaryPostdate{
margin-bottom:10px;
}
.NewsSummaryPostdate p{
color:#888;
font-size:.8em;
}
.NewsSummarySummary{
float:left;
margin-bottom:5px;
width:100%;
}
.NewsSummarySummary img{
border:4px solid #D4D4D4;
float:left;
height:133px;
margin-right:15px;
width:257px;
}
.NewsSummaryMorelink a{
float:right;
color:#0054A6;
}
.news-page{
width:100%;
float:left;
}
.news-page a{
padding:2px;
color:#fff;
background-color:#0054A6;
margin:0 4px;
}

#NewsPostDetailTitle{
color:#000;
font-size:1.2em;
padding:0;
}
#NewsPostDetailDate{
color:#888;
font-size:.8em;
}

.img-right{
border:1px solid #cccecf;
float:right;
}

.tt-lista{
list-style-type:square;
padding-left:15px;
margin-top:20px;
}
.tt-lista li{
padding:4px 0;
}
.tt-lista a{
color:#000;
padding:4px;
cursor: pointer;
}
.tt-lista a:hover{
background:#40C8F4;
}

#tip-a{
float:left;
width:100%;
}
#tip-b{
position:absolute;
top:50px;
right:0px;
float:right;
width:423px;
}

#tt-master-wrapper{
float:left;
position:relative;
width:1500px;
}
.tt-panel{
float:left;
width:405px;
}

#stanovi-newswrapper{
width:808px;
float:left;
}

#NewsPostDetailSummary-glavna img{
border:4px solid #D4D4D4;
float:left;
height:133px;
margin-right:15px;
width:257px;
}

.frm-posao label{
display:block;
padding:10px 0 5px;
}
.frm-posao input, .frm-posao select{
width:400px;
padding:2px 0;
}
.frm-posao textarea{
width:400px;
height:55px;
padding:2px 0;
}
.frm-posao .fbsubmit{
width:100px;
}
/* End of 'os-koteks' */